Mercurial > pub > site.implab
changeset 6:2d1a0a75fc49
added css, templates
author | sergey |
---|---|
date | Mon, 12 May 2014 18:05:30 +0400 |
parents | 0b703449f192 |
children | fa7a99c2d079 |
files | public_html/static/css/doxygen.css public_html/static/css/global.css public_html/static/css/index.css public_html/static/css/library.css public_html/static/css/warning-icon-small.png public_html/static/js/implab/sticky.js shared_view/layout/default.tt view/globals.tt view/layout/default/base.tt view/site/index.tt |
diffstat | 10 files changed, 449 insertions(+), 11 deletions(-) [+] |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/public_html/static/css/doxygen.css Mon May 12 18:05:30 2014 +0400 @@ -0,0 +1,55 @@ +#toc { + overflow: auto; +} + +.doxContainer .header { + background: inherit; +} + +.textPre { + font-family: courier; + white-space: nowrap; +} + +.para { + margin: 0.5em 0em; +} + +table { + border-collapse: collapse; +} + +table td, +table th +{ + padding: 3px; + vertical-align: top; +} + +table th { + font-weight: bold; +} + +table.membersTable { + width: 100%; +} + +.membersTable td, +.membersTable th +{ + border: 1px solid #c0c0c0; +} + +.siblingLinks { + white-space: nowrap; +} + +.siblingLinks a { + color: #707070; + font-weight: normal; +} + +.siblingLinks .active a { + color: #000000; + font-weight: bold; +} \ No newline at end of file
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/public_html/static/css/global.css Mon May 12 18:05:30 2014 +0400 @@ -0,0 +1,48 @@ +html, body { + height: 100%; + margin: 0; + padding: 0; +} + +.block { + display: block; +} + +.centered { + text-align: center; +} + +/********************************* TABLES *************************************/ + +table.pretty-table +{ + border-collapse: collapse; + border: 1px solid #cccccc; + margin: 10px; +} + +table.pretty-table td, +table.pretty-table th +{ + padding: 3px; + border: 1px solid #c0c0c0; +} + +table.pretty-table th +{ + background: #e0e0e0; + font-weight: bold; +} + +.table-form td, +.table-form th +{ + padding: 3px; +} + +td.control-label, +th.control-label +{ + font-weight: bold; + text-align: right; +} \ No newline at end of file
--- a/public_html/static/css/index.css Thu May 08 15:57:11 2014 +0400 +++ b/public_html/static/css/index.css Mon May 12 18:05:30 2014 +0400 @@ -1,8 +1,3 @@ -html, body { - height: 100%; - margin: 0; - padding: 0; -} .wrapper { height: 100%; @@ -96,6 +91,14 @@ color: #ffdfaf; } +ul.tile-menu li a.orange:hover .label { + color: #ffdfaf; +} + +ul.tile-menu li a.magenta:hover .label { + color: #ffafff; +} + #main-menu { font-family: Arial; font-size: 32pt;
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/public_html/static/css/library.css Mon May 12 18:05:30 2014 +0400 @@ -0,0 +1,277 @@ +/*************** LIBRARY ************************/ + +.side-bar { + padding: 10px; + border: 1px solid #c0c0c0; + border-radius: 10px; + +} + +#toc { + float: left; + width: 20%; + margin: 10px 0; +} + +#bookmarks { + float: right; + width: 20%; + margin: 10px 0; +} + +#article-text { + margin: 0 20%; + /* нужно компенсировать (padding+border)* от side-bar */ + padding: 10px 32px; +} + +.dox-source-code { + border: 1px dashed #c0c0c0; + padding: 5px; + margin: 5px; + font-family: courier; +} + +.dox-source-code .keyword, +.dox-source-code .keywordflow { + color: #4040c0; + font-weight: bold; +} + +.dox-source-code .memberName { + font-weight: bold; +} + +.dox-source-code .keywordtype { + color: #408040; + font-weight: bold; +} + +.dox-source-code .stringliteral { + color: #2080c0; +} + +.dox-source-code .comment { + color: #a0a0a0; +} + +.dox-source-code .keywordflow { + +} + +.docParamListType +{ + border-collapse: collapse; +} + +.docParamListType td, +.docParamListType th +{ + border: 1px solid #c0c0c0; + padding: 3px; +} + +.docParamListType th +{ + background: #e0e0e0; +} + +.textPre, +.docTextPre +{ + font-family: courier; +} + +.textPre a { + color: #0f2070; +} + +.sectiondef h3 +{ + border-bottom: 1px solid; +} + +.memberdef { + /* margin: 10pt 0;*/ + border-left: 4px solid #e0e0e0; +} + +.memberdefName { + padding: 3px; + background: #e0e0e0; +} + +.memberdefDescription { + padding-left: 20pt; +} + +/****************************************************************/ + +.library-banner { + float: left; + width: 33.3%; +} + +.library-banner a { + display: block; + border: 1px solid #c0c0c0; + text-decoration: none; + font-weight: normal; + padding: 30px 30px 0 30px; + margin: 30px; +} + +.library-banner .brief { + padding: 10px 0; +} + +.library-banner .title { + font-size: 24pt; + text-transform: uppercase; + font-weight: bold; + border-bottom: 2px solid; +} + +.library-banner .footer { + color: #a0a0a0; + text-align: right; + padding: 10px 0; +} + +.library-banner a:hover { + background: #e0f0ff; +} + + +/****************************************************************/ + +.library-pane p { + margin: 0; +} + +.nav-pane { + position: relative; + text-align: left; + width: 270px; + margin: 0; +} + +.nav-pane.left { + padding: 0 0 0 20px; + float: left; +} + +.nav-pane.right { + float: right; + padding: 0 20px 0 0; +} + +.content-pane { + margin: 0 290px; + padding: 10px; + +} + +.nav-pane a { + text-decoration: none; +} + +.nav-pane ul { + padding: 0; +} + +.dox-nav-menu li, +.members li +{ + list-style: none; +} + +.dox-nav-menu li.last{ + background: #c0c0c0; +} + +.left .members li{ + /* padding-right: 5px; */ + border-right: 3px solid #c0c0c0; +} + +.right .members li { + /* padding-left: 5px; */ + border-left: 3px solid #c0c0c0; +} + +.members li.active { + border-color: red; + background-color: #ffe0e0; +} + +.members a { + font-weight: normal; +} + +.nav-pane a { + display: block; + padding-left: 5px; +} + +.nav-pane a:hover { + background: #e0e0e0; +} + +.nav-pane span.icon { + display: inline-block; + padding: 1px; + font-size: 75%; + border: 1px solid; + border-radius: 2px; + line-height: 100%; + vertical-align: middle; + font-weight: bold; + background: #f0f0f0; +} + +.nav-pane .private { + color: #a0a0a0; +} + +.nav-pane .protected { + font-style: italic; +} + +.nav-pane .namespace .icon { + color: #d070f0; +} + +.nav-pane .class .icon { + color: #6060f0; +} + +.nav-pane .function .icon { + color: #c09010; +} + +.nav-pane .property .icon { + color: #109010; +} + +.nav-pane .variable .icon { + color: #a0a0a0; +} + +.nav-pane .interface .icon { + color: #f04010; + padding: 1px 4px ; +} + +.nav-pane .struct .icon { + color: #109010; +} + +.nav-pane .page .icon { + background: #e0e0e0; + width: 10px; +} + +.nav-pane .enum .icon { + color: #109010; +} \ No newline at end of file
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/public_html/static/js/implab/sticky.js Mon May 12 18:05:30 2014 +0400 @@ -0,0 +1,49 @@ +define([ 'dojo/on', 'dojo/dom-geometry', 'dojo/dom-style' ], function(on, g, + css) { + + return function(sticker, options) { + var dh, pos; + + var pos = g.position(sticker,true); + + var origLeft = css.get(sticker,'left'); + var left = pos.x + 'px'; + + if (options && options.along) { + var along = g.position(options.along,true); + dh = along.y + along.h - pos.h - pos.y; + } else { + dh = window.scrollMaxY - pos.h - pos.y; + } + + var fixed = false; + + var stfn = function() { + if(!options || !options.along) + dh = window.scrollMaxY - pos.h - pos.y; + + if (window.scrollY >= pos.y && window.scrollY <= pos.y + dh) { + if (!fixed) { + css.set(sticker, { top : 0, left: left, position : 'fixed' }); + fixed = true; + } + } else { + if (fixed) { + fixed = false; + + css.set(sticker, { position : 'relative', left: origLeft }); + + if (window.scrollY < pos.y) { + css.set(sticker, { top : 'auto' }); + } else { + css.set(sticker, { top : dh + 'px' }); + } + } + } + }; + + stfn(); + + on(window, 'scroll', stfn ); + }; +}); \ No newline at end of file
--- a/shared_view/layout/default.tt Thu May 08 15:57:11 2014 +0400 +++ b/shared_view/layout/default.tt Mon May 12 18:05:30 2014 +0400 @@ -9,8 +9,8 @@ <html> <head> <title>[% site.name ? "$site.name - $document.title" : document.title %]</title> - [%- FOREACH item IN document.css +%] - <link rel="stylesheet" href="$index" type="text/css"> + [% FOREACH item IN document.css %] + <link rel="stylesheet" href="$item" type="text/css"> [% END %] [% FOREACH item IN document.scripts +%] <script type="[% item.type || 'text/javascript' %]"[% ' href="' _ item.href _ '"' IF item.href %]>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/view/globals.tt Mon May 12 18:05:30 2014 +0400 @@ -0,0 +1,3 @@ +[% + css = app.location.static.css.SetView('css'); +%] \ No newline at end of file
--- a/view/layout/default/base.tt Thu May 08 15:57:11 2014 +0400 +++ b/view/layout/default/base.tt Mon May 12 18:05:30 2014 +0400 @@ -1,1 +1,4 @@ +[% + document.css.push(css.global); +%] $content \ No newline at end of file
--- a/view/site/index.tt Thu May 08 15:57:11 2014 +0400 +++ b/view/site/index.tt Mon May 12 18:05:30 2014 +0400 @@ -2,14 +2,14 @@ document.title = "HOME"; document.css.push(css.index); %] - <div class="wrapper"> <div class="inline-ghost"> </div> <div class="page"> <ul id="main-menu" class="tile-menu"><!-- no space - --><li><a href="wiki" class="green"><span class="label">Wiki</span><br /><span class="foot">База знаний</span></a></li><!-- no space - --><li><a href="owncloud" class="blue"><span class="label">Owncloud</span><br /><span class="foot">Персональное облако</span></a></li><!-- no space - --><li><a href="bugzilla" class="red"><span class="label">BugZilla</span><br /><span class="foot">Управление проектами</span></a></li><!-- no space + --><li><a href="$app.location.wiki" class="green"><span class="label">Wiki</span><br /><span class="foot">База знаний</span></a></li><!-- no space + --><li><a href="$app.location.owncloud" class="blue"><span class="label">Owncloud</span><br /><span class="foot">Персональное облако</span></a></li><!-- no space + --><li><a href="$app.location.bugzilla" class="red"><span class="label">BugZilla</span><br /><span class="foot">Управление проектами</span></a></li><!-- no space + --><li><a href="$app.location.library" class="magenta"><span class="label">Library</span><br /><span class="foot">Документация</span></a></li><!-- no space --><li><a href="https://hg.implab.org" class="orange"><span class="label">Mercurial</span><br /><span class="foot">Исходные коды</span></a></li> </ul> </div>