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
Binary file public_html/static/css/warning-icon-small.png has changed
--- /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>