nitdoc: removes select behavior on box header
[nit.git] / share / nitdoc / styles / main.css
index 20a2ac4..d617b92 100644 (file)
@@ -1,7 +1,6 @@
 /* General */\r
 \r
 body {\r
-       margin: 0;\r
        font: 14px "Helvetica Neue", Helvetica, Tahoma, sans-serif;\r
 }\r
 \r
@@ -24,11 +23,16 @@ pre, code {
        font-size: 1em;\r
 }\r
 \r
-pre {\r
+.description div.comment {\r
        background: #EEE;\r
-       padding: 5px;\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
@@ -60,76 +64,98 @@ h3 {
 \r
 /* Page display */\r
 \r
-body {\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: 600;\r
+       left: 0;\r
+       right: 0;\r
 }\r
 \r
 .page {\r
-       width: 937px;\r
        margin: auto;\r
+       height: 100%;\r
 }\r
 \r
-.menu {\r
+.sidebar {\r
        position: fixed;\r
+       z-index: 500;\r
        top: 50px;\r
-       bottom: 2em;\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: 500;\r
        top: 50px;\r
-       bottom: 2em;\r
+       bottom: 1em;\r
+       left: 0;\r
+       right: 0;\r
        margin-left: 265px;\r
-       width: 667px;\r
        overflow-y:     scroll;\r
+       margin-right: 5px;\r
        padding-right: 10px;\r
 }\r
 \r
 .content.fullpage {\r
        margin-left: 20px;\r
-       width: 910px;\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: 500;\r
        bottom: 0;\r
        width: 100%;\r
 }\r
 \r
 /* Webkit scroll bars */\r
 \r
-.menu {\r
+.sidebar {\r
     overflow-y: hidden;\r
 }\r
 \r
-.menu:hover {\r
+.sidebar:hover {\r
     overflow-y: scroll;\r
 }\r
 \r
-.menu::-webkit-scrollbar, .content::-webkit-scrollbar {\r
+.sidebar::-webkit-scrollbar, .content::-webkit-scrollbar {\r
     width: 10px;\r
 }\r
 \r
-.menu::-webkit-scrollbar-thumb, .content::-webkit-scrollbar-thumb {\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
-.menu::-webkit-scrollbar-thumb:hover, .content::-webkit-scrollbar-thumb:hover {\r
+.sidebar::-webkit-scrollbar-thumb:hover, .content::-webkit-scrollbar-thumb:hover {\r
        background: #999;\r
 }\r
 \r
-.menu::-webkit-scrollbar-corner, .content::-webkit-scrollbar-corner {\r
+.sidebar::-webkit-scrollbar-corner, .content::-webkit-scrollbar-corner {\r
        background: transparent;\r
 }\r
 \r
-.menu::-webkit-scrollbar-button, .content::-webkit-scrollbar-button {\r
+.sidebar::-webkit-scrollbar-button, .content::-webkit-scrollbar-button {\r
        width: 0;\r
        height: 0;\r
        display: none;\r
@@ -140,7 +166,6 @@ footer {
 header nav ul {\r
        padding: 0;\r
        list-style-type: none;\r
-       width: 900px;\r
        margin: auto;\r
 }\r
 \r
@@ -151,14 +176,6 @@ header nav ul li {
        color: #999;\r
 }\r
 \r
-header nav ul li a {\r
-       color: black;\r
-}\r
-\r
-header nav ul li a:hover {\r
-       color: #0D8921;\r
-}\r
-\r
 footer {\r
        text-align: center;\r
        padding-bottom: 10px;\r
@@ -168,62 +185,72 @@ footer {
 /* Main menu */\r
 \r
 header nav.main {\r
-       background: #E0E0E0 url(../resources/top_back.gif) repeat-x top left;\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
-       color: white;\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
-/* Latteral Menu */\r
+/* Sidebar */\r
 \r
-.menu nav {\r
+.sidebar nav {\r
        margin: 20px;\r
        width: 208px;\r
-       border: 1px solid #CCC;\r
+       border: 1px solid #ddd;\r
 }\r
 \r
-.menu nav:first-child {\r
+.sidebar nav:first-child {\r
        margin-top: 0;\r
 }\r
 \r
-.menu nav h3 {\r
+.sidebar nav h3 {\r
        margin: 0;\r
        padding: 5px;\r
-       background: #CCC;\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
-.menu nav h4 {\r
+.sidebar nav h4 {\r
        font-weight: bold;\r
        color: #555555;\r
        margin: 10px 0 0 10px;\r
        font-size: 12px;\r
 }\r
 \r
-.menu nav h4:last-child {\r
+.sidebar nav h4:last-child {\r
        margin-bottom: 5px;\r
 }\r
 \r
-.menu nav ul {\r
+.sidebar nav ul {\r
        margin: 10px;\r
        padding: 0;\r
        list-style-type: none;\r
 }\r
 \r
-.menu nav ul li {\r
+.sidebar nav ul li {\r
        overflow: hidden;\r
        color: #CCC;\r
 }\r
 \r
 /* Content */\r
 \r
-.content section {\r
-       margin: 20px 0;\r
-}\r
-\r
 .content article {\r
        color: #6C6C6C;\r
        background-repeat: no-repeat;\r
@@ -234,7 +261,7 @@ header nav.main ul li.current {
 \r
 .content article h3 {\r
        margin: 0;\r
-       font-weight: normal;\r
+       font-weight: bold;\r
        color: #333;\r
 }\r
 \r
@@ -262,8 +289,7 @@ header nav.main ul li.current {
        padding-left: 10px;\r
 }\r
 \r
-nav ul li span, \r
-.content article ul li span {\r
+nav ul li span {\r
        color: #CCC;\r
        text-align: center;\r
        font-family: monospace;\r
@@ -285,7 +311,7 @@ nav ul li span,
        color: #555;\r
 }\r
 \r
-.content article.highlighted {\r
+.content article:target {\r
        background-color: #FFF3C2;\r
        color: black;\r
 }\r
@@ -294,27 +320,47 @@ nav ul li span,
        color: #6C6C6C;\r
 }\r
 \r
+.content a {\r
+       color: #0D8921;\r
+}\r
+\r
 .content a:hover {\r
        color: #333;\r
 }\r
 \r
-.content a {\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-top: 3px dotted #CCC;\r
+       border-bottom: 1px dashed #CCC;\r
        padding: 5px 0;\r
-       color: #999;\r
+       color: #6C6C6C;\r
 }\r
 \r
 .content section.concerns {\r
        padding: 10px;\r
-       background: #EEE;\r
+       border: 1px solid #ccc;\r
+\r
 }\r
 \r
 .content section.concerns h2 {\r
@@ -340,115 +386,88 @@ article .info .code {
 }\r
 \r
 .content section.methods h3.concern-toplevel {\r
-       border-top: 3px dotted #CCC;\r
-       padding-top: 0.83em;\r
-       color: #999;\r
+       padding: 10px;\r
+       border: 1px solid #ccc;\r
+       color: #6C6C6C;\r
 }\r
 \r
 .show-code {\r
        margin: 0;\r
 }\r
 \r
-/* JS facilities */\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
-       width: 150px;\r
        border: 1px solid #CCC;\r
-       margin-right: 5px;\r
        padding: 1px 2px;\r
 }\r
 \r
-input[type=text].notUsed {\r
-       color: #999;\r
-       font-style: italic;\r
-}\r
-\r
-nav .filter {\r
-       text-align: center;\r
-       padding: 5px;\r
-}\r
-\r
 nav.main input[type=text] {\r
        margin: -2px 10px;\r
        color: black;\r
        font-style: normal;\r
 }\r
 \r
-nav.main form {\r
-       float: right;   \r
-}\r
-\r
-.filter a {\r
-       color: #0D8921;\r
-       cursor: pointer;\r
-       font-family: monospace;\r
-       margin-right: 5px;\r
-   font-weight: bold;\r
-}\r
+/* New comments style */\r
 \r
-.filter a.hidden {\r
-       color: #999;\r
-   font-weight: normal;\r
+.content .nitdoc {\r
+  background: #F7F7F7;\r
+  padding: 5px;\r
+  color: black;\r
+  overflow: auto;\r
 }\r
 \r
-.filter a:hover {\r
-       text-decoration: underline;\r
+.content .nitdoc pre {\r
+  background: #EEE;\r
 }\r
 \r
-nav h3 a.fold {\r
-       margin: 0 5px;\r
-       color: #999;\r
-       font-family: monospace;\r
-       font-weight: bold;\r
-       font-size: 120%;\r
-       cursor: pointer;\r
+.content .nitdoc code {\r
+  background: #DDD;\r
+  padding: 0 1px;\r
 }\r
 \r
-.hide {\r
-       overflow-y: hidden;\r
-       height: 0;\r
+.rawcode {\r
 }\r
 \r
-/* Icons */\r
-.vtype.public { background-image: url('../resources/icons/vtype_public.png')}\r
-.vtype.protected { background-image: url('../resources/icons/vtype_protected.png')}\r
-.vtype.private { background-image: url('../resources/icons/vtype_private.png')}\r
-.init.public { background-image: url('../resources/icons/const_public.png')}\r
-.init.protected { background-image: url('../resources/icons/const_protected.png')}\r
-.init.private { background-image: url('../resources/icons/const_private.png')}\r
-.fun.public { background-image: url('../resources/icons/meth_public.png')}\r
-.fun.protected { background-image: url('../resources/icons/meth_protected.png')}\r
-.fun.private { background-image: url('../resources/icons/meth_private.png')}\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
-/* Quick Search */\r
+.nitcode .nc_error { border: 1px red solid;} /* not used */\r
 \r
-#search {\r
-       width: 300px;\r
-}\r
-\r
-#searchTable {\r
-       background-color: #FFFFFF;\r
-       border: 1px solid #E0E0E0;\r
-       border-spacing: 0px;\r
-       z-index: 10; /* the menu must be over the rest of the page. */\r
-}\r
-\r
-#searchTable .activeSearchResult {\r
-       cursor: pointer;\r
-       background: #EEE;\r
-}\r
-\r
-#searchTable td {\r
-       white-space: nowrap;\r
-       overflow: hidden;\r
-       line-height: 22px;\r
-       padding: 2px;\r
-       width: 25%;\r
-}\r
-\r
-#searchTable td.entryInfo {\r
-       color: #0D8921;\r
-       font-size: small;\r
-       width: 75%;\r
-       text-align: right;\r
-}
\ No newline at end of file