nitdoc: move css files to share/css/ dir
[nit.git] / share / nitdoc / css / main.css
diff --git a/share/nitdoc/css/main.css b/share/nitdoc/css/main.css
new file mode 100644 (file)
index 0000000..6bef48b
--- /dev/null
@@ -0,0 +1,473 @@
+/* General */\r
+\r
+body {\r
+       font: 14px "Helvetica Neue", Helvetica, Tahoma, sans-serif;\r
+}\r
+\r
+a {\r
+       color: #333;\r
+       text-decoration: none;\r
+}\r
+\r
+a:hover {\r
+       color: #0D8921;\r
+}\r
+\r
+ul {\r
+       list-style-type: square;\r
+}\r
+\r
+pre, code {\r
+       white-space: pre;\r
+       font-family: monospace;\r
+       font-size: 1em;\r
+}\r
+\r
+.description div.comment {\r
+       background: #EEE;\r
+       color: black;\r
+       overflow: auto;\r
+       padding: 0 0 0 12px;\r
+       margin: 1em 0 0 0;\r
+}\r
+\r
+.description textarea.baseComment {\r
+       display: none;\r
+}\r
+\r
+hr {\r
+       background-color: #DDD;\r
+       height: 1px;\r
+       border: 0;\r
+}\r
+\r
+div.clear {\r
+       clear: both;\r
+}\r
+\r
+/* Titles */\r
+\r
+h1, h2, h3, h4, h5 {\r
+       font-family: Verdana, Geneva, sans-serif;\r
+       color: #6C6C6C;\r
+       font-weight: normal;\r
+}\r
+\r
+h1 {\r
+       font-size: 300%;\r
+       margin: 0 0 10px 0;\r
+}\r
+\r
+h3 {\r
+       font-weight: bold;\r
+}\r
+\r
+/* Page display */\r
+\r
+html {\r
+       height: 100%;\r
+       overflow: hidden;\r
+}\r
+\r
+body {\r
+       height: 100%;\r
+       margin: 0;\r
+}\r
+\r
+header {\r
+       position: fixed;\r
+       z-index: 50;\r
+       left: 0;\r
+       right: 0;\r
+}\r
+\r
+.page {\r
+       margin: auto;\r
+       height: 100%;\r
+}\r
+\r
+.sidebar {\r
+       position: fixed;\r
+       z-index: 10;\r
+       top: 50px;\r
+       bottom: 1em;\r
+       width: 250px;\r
+       overflow-y:     scroll;\r
+}\r
+\r
+.sidebar nav:last-child {\r
+       margin-bottom: 0;\r
+}\r
+\r
+.content {\r
+       position: fixed;\r
+       z-index: 10;\r
+       top: 50px;\r
+       bottom: 1em;\r
+       left: 0;\r
+       right: 0;\r
+       margin-left: 265px;\r
+       overflow-y:     scroll;\r
+       margin-right: 5px;\r
+       padding-right: 10px;\r
+}\r
+\r
+.content.fullpage {\r
+       margin-left: 20px;\r
+       width: auto;\r
+}\r
+\r
+.page.footed .content, .page.footed .sidebar {\r
+       bottom: 2em;\r
+}\r
+\r
+footer {\r
+       position: fixed;\r
+       z-index: 50;\r
+       bottom: 0;\r
+       width: 100%;\r
+}\r
+\r
+/* Webkit scroll bars */\r
+\r
+.sidebar {\r
+    overflow-y: hidden;\r
+}\r
+\r
+.sidebar:hover {\r
+    overflow-y: scroll;\r
+}\r
+\r
+.sidebar::-webkit-scrollbar, .content::-webkit-scrollbar {\r
+    width: 10px;\r
+}\r
+\r
+.sidebar::-webkit-scrollbar-thumb, .content::-webkit-scrollbar-thumb {\r
+       background: #CCC;\r
+       -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07);\r
+}\r
+\r
+.sidebar::-webkit-scrollbar-thumb:hover, .content::-webkit-scrollbar-thumb:hover {\r
+       background: #999;\r
+}\r
+\r
+.sidebar::-webkit-scrollbar-corner, .content::-webkit-scrollbar-corner {\r
+       background: transparent;\r
+}\r
+\r
+.sidebar::-webkit-scrollbar-button, .content::-webkit-scrollbar-button {\r
+       width: 0;\r
+       height: 0;\r
+       display: none;\r
+}\r
+\r
+/* Header, Footer */\r
+\r
+header nav ul {\r
+       padding: 0;\r
+       list-style-type: none;\r
+       margin: auto;\r
+}\r
+\r
+header nav ul li {\r
+       display: inline;\r
+       padding: 3px 6px;\r
+       margin: auto 5px;\r
+       color: #999;\r
+}\r
+\r
+footer {\r
+       text-align: center;\r
+       padding-bottom: 10px;\r
+       color: #CCC;\r
+}\r
+\r
+/* Main menu */\r
+\r
+header nav.main {\r
+       background: #f1f1f1;\r
+       border-bottom: 1px solid #ddd;\r
+       padding: 7px 0;\r
+}\r
+\r
+header nav.main ul li.current {\r
+       background: #0D8921;\r
+       border-radius: 2px;\r
+       -moz-border-radius: 2px;\r
+       -webkit-border-radius: 2px;\r
+       border: 1px solid #1d7900;\r
+       color: #fff;\r
+       text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);\r
+       -moz-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);\r
+       -webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);\r
+}\r
+\r
+/* Sidebar */\r
+\r
+.sidebar nav {\r
+       margin: 20px;\r
+       width: 208px;\r
+       border: 1px solid #ddd;\r
+}\r
+\r
+.sidebar nav:first-child {\r
+       margin-top: 0;\r
+}\r
+\r
+.sidebar nav h3 {\r
+       margin: 0;\r
+       padding: 5px;\r
+       background: #f1f1f1;\r
+       font-size: 1em;\r
+       -webkit-touch-callout: none;\r
+       -webkit-user-select: none;\r
+       -khtml-user-select: none;\r
+       -moz-user-select: none;\r
+       -ms-user-select: none;\r
+       user-select: none;\r
+}\r
+\r
+.sidebar nav h4 {\r
+       font-weight: bold;\r
+       color: #555555;\r
+       margin: 10px 0 0 10px;\r
+       font-size: 12px;\r
+}\r
+\r
+.sidebar nav h4:last-child {\r
+       margin-bottom: 5px;\r
+}\r
+\r
+.sidebar nav ul {\r
+       margin: 10px;\r
+       padding: 0;\r
+       list-style-type: none;\r
+}\r
+\r
+.sidebar nav ul li {\r
+       overflow: hidden;\r
+       color: #CCC;\r
+}\r
+\r
+/* Content */\r
+\r
+.content article {\r
+       color: #6C6C6C;\r
+       background-repeat: no-repeat;\r
+       background-position: left 7px;\r
+       margin: 20px 0;\r
+       padding: 5px 20px;\r
+}\r
+\r
+.content article h3 {\r
+       margin: 0;\r
+       font-weight: bold;\r
+       color: #333;\r
+}\r
+\r
+.content article.graph {\r
+       text-align: center;\r
+}\r
+\r
+.content article.modules,\r
+.content article.classes,\r
+.content article.properties {\r
+       float: left;\r
+       width: 250px;\r
+       overflow: hidden;\r
+}\r
+\r
+.content article.overview ul,\r
+.content article.modules ul,\r
+.content article.classes ul,\r
+.content article.properties ul {\r
+       list-style-type: none;\r
+       padding: 0;\r
+}\r
+\r
+.content article.properties ul ul {\r
+       padding-left: 10px;\r
+}\r
+\r
+nav ul li span {\r
+       color: #CCC;\r
+       text-align: center;\r
+       font-family: monospace;\r
+       margin-right: 5px;\r
+}\r
+\r
+.content article.modules ul code,\r
+.content article.classes ul code,\r
+.content article.properties ul code {\r
+       font-weight: normal;\r
+}\r
+\r
+.content section.summary h2, .content section.summary article{\r
+       color: #000000;\r
+}\r
+\r
+.content section.summary article h3{\r
+       font-weight: bold;\r
+       color: #555;\r
+}\r
+\r
+.content article:target {\r
+       background-color: #FFF3C2;\r
+       color: black;\r
+}\r
+\r
+.content .subtitle {\r
+       color: #6C6C6C;\r
+}\r
+\r
+.content a {\r
+       color: #0D8921;\r
+}\r
+\r
+.content a:hover {\r
+       color: #333;\r
+}\r
+\r
+.info {\r
+       color: #6C6C6C;\r
+}\r
+\r
+.info a {\r
+       color: #333;\r
+}\r
+\r
+.info a:hover {\r
+       color: #0D8921;\r
+}\r
+\r
+\r
+article .info .code {\r
+       float: right;\r
+}\r
+\r
+.description .inheritance {\r
+       text-align: right;\r
+       margin: 2px;\r
+\r
+}\r
+\r
+.content .concern-doc {\r
+       border-bottom: 1px dashed #CCC;\r
+       padding: 5px 0;\r
+       color: #6C6C6C;\r
+}\r
+\r
+.content section.concerns {\r
+       padding: 10px;\r
+       border: 1px solid #ccc;\r
+\r
+}\r
+\r
+.content section.concerns h2 {\r
+       margin-top: 0;\r
+}\r
+\r
+.content section.concerns ul {\r
+    list-style-type: none;\r
+    padding-left: 0;\r
+    margin: 0;\r
+}\r
+\r
+.content section.concerns li {\r
+    margin-top: 20px;\r
+}\r
+\r
+.content section.concerns ul ul {\r
+    padding-left: 20px;\r
+}\r
+\r
+.content section.concerns li li {\r
+    margin-top: 0;\r
+}\r
+\r
+.content section.methods h3.concern-toplevel {\r
+       padding: 10px;\r
+       border: 1px solid #ccc;\r
+       color: #6C6C6C;\r
+}\r
+\r
+.show-code {\r
+       margin: 0;\r
+}\r
+\r
+/* Icons */\r
+\r
+.type.public, .interface.public, .abstract.class.public { background-image: url('../resources/icons/vtype_public.png')}\r
+.type.protected, .interface.protected, .abstract.class.protected { background-image: url('../resources/icons/vtype_protected.png')}\r
+.type.private, .interface.private, .abstract.class.private { background-image: url('../resources/icons/vtype_private.png')}\r
+.init.public, .enum.public { background-image: url('../resources/icons/const_public.png')}\r
+.init.protected, .enum.protected { background-image: url('../resources/icons/const_protected.png')}\r
+.init.private, .enum.private { background-image: url('../resources/icons/const_private.png')}\r
+.fun.public, .class.public, .extern.public { background-image: url('../resources/icons/meth_public.png')}\r
+.fun.protected, .class.protected, .extern.protected { background-image: url('../resources/icons/meth_protected.png')}\r
+.fun.private, .class.private, .extern.private { background-image: url('../resources/icons/meth_private.png')}\r
+\r
+/* Form elements */\r
+\r
+input[type=text] {\r
+       border: 1px solid #CCC;\r
+       padding: 1px 2px;\r
+}\r
+\r
+nav.main input[type=text] {\r
+       margin: -2px 10px;\r
+       color: black;\r
+       font-style: normal;\r
+}\r
+\r
+/* New comments style */\r
+\r
+.content .nitdoc {\r
+  background: #F7F7F7;\r
+  padding: 5px;\r
+  color: black;\r
+  overflow: auto;\r
+}\r
+\r
+.content .nitdoc pre {\r
+  background: #EEE;\r
+}\r
+\r
+.content .nitdoc code {\r
+  background: #DDD;\r
+  padding: 0 1px;\r
+}\r
+\r
+.rawcode {\r
+}\r
+\r
+.nitcode a { color: inherit; text-decoration: inherit; } /* hide links */\r
+.nitcode a:hover { text-decoration: underline; } /* underline links */\r
+.nitcode span[title]:hover { text-decoration: underline; } /* underline titles */\r
+/* lexical raw tokens. independent of usage or semantic: */\r
+.nitcode .nc_c { color: gray; font-style: italic; } /* comment */\r
+.nitcode .nc_d { color: #3D8127; font-style: italic; } /* documentation comments */\r
+.nitcode .nc_k { font-weight: bold; } /* keyword */\r
+.nitcode .nc_o {} /* operator */\r
+.nitcode .nc_i {} /* standard identifier */\r
+.nitcode .nc_t { color: #445588; font-weight: bold; } /* type/class identifier */\r
+.nitcode .nc_a { color: #445588; font-style: italic; } /* old style attribute identifier */\r
+.nitcode .nc_l { color: #009999; } /* char and number literal */\r
+.nitcode .nc_s { color: #8F1546; } /* string literal */\r
+/* syntactic token usage. added because of their position in the AST */\r
+.nitcode .nc_ast { color: blue; } /* assert label */\r
+.nitcode .nc_la { color: blue; } /* break/continue label */\r
+.nitcode .nc_m { color: #445588; } /* module name */\r
+/* syntactic groups */\r
+.nitcode .nc_def { font-weight: bold; color: blue; } /* name used in a definition */\r
+.nitcode .nc_def.nc_a { color: blue; } /* name used in a attribute definition */\r
+.nitcode .nc_def.nc_t { color: blue; } /* name used in a class or vt definition */\r
+.nitcode .nc_ss { color: #9E6BEB; } /* superstrings */\r
+.nitcode .nc_cdef {} /* A whole class definition */\r
+.nitcode .nc_pdef {} /* A whole property definition */\r
+/* semantic token usage */\r
+.nitcode .nc_v { font-style: italic; } /* local variable or parameter */\r
+.nitcode .nc_vt { font-style: italic; } /* virtual type or formal type */\r
+\r
+.nitcode .nc_error { border: 1px red solid;} /* not used */\r
+\r