X-Git-Url: http://nitlanguage.org diff --git a/share/nitdoc/css/nitdoc.css b/share/nitdoc/css/nitdoc.css index 77c96be..01da471 100644 --- a/share/nitdoc/css/nitdoc.css +++ b/share/nitdoc/css/nitdoc.css @@ -1,3 +1,7 @@ +/* + * Global + */ + body { text-align: justify; } @@ -15,18 +19,40 @@ ul li .label { font-family: monospace; } -#sidebar .panel { - margin-bottom: 10px; - color: #666; - box-shadow: none; +code { + color: #333; + border: 1px solid #ddd; } -#sidebar .panel a { - color: #666; +pre code { + border: none; } -#sidebar .panel a:hover { - color: #333; +.navbar-default .navbar-toggle { + margin-top: 2px; + padding: 5px 10px; +} + +h3 { + margin: 10px 0; +} + +article { + padding: 10px 0px; +} + +article.nospace { + padding: 0; + margin: 0; +} + +/* + * Sidebar + */ + +#sidebar .panel { + margin-top: 15px; + box-shadow: none; } #sidebar .panel-heading { @@ -45,28 +71,82 @@ ul li .label { #sidebar .panel-body ul>li { padding: 0 0 0 15px; font-size: 15px; + color: #333; } -#sidebar .panel-body ul ul>li { - padding: 0 0 0 30px; +#sidebar .panel-body ul ul>li, +#sidebar .panel-body ul ul>li a { + padding: 0 0 0 0; font-size: 14px; + color: #666; +} + +#sidebar .panel-body ul ul ul>li { + font-size: 13px; + color: #999; +} + +#sidebar .panel-heading a:hover, #sidebar .panel ul a:hover { + color: #0d8921; + background-color: transparent; } -#sidebar .panel-body ul .list-labeled>li { - padding: 0 0 0 10px; +#sidebar .summary .nav>li>a { + padding: 3px 0 0 10px; + font-size: 15px; + border-left: 2px solid transparent; + color: #333; +} + +#sidebar .summary .nav .nav>li>a { + padding-top: 2px; + padding-left: 15px; font-size: 14px; + color: #666; } -#sidebar .panel-body ul ul ul>li { - padding: 0 0 0 45px; +#sidebar .summary .nav .nav .nav>li>a { + padding-left: 20px; font-size: 13px; + color: #999; } -#sidebar .panel-heading a:hover, #sidebar .panel ul a:hover { +#sidebar .summary .nav .nav .nav .nav>li>a { + font-size: 12px; + color: #CCC; +} + +#sidebar .summary .nav>.active>a, +#sidebar .summary .nav>.active>a:hover, +#sidebar .summary .nav>li>a:hover { color: #0d8921; background-color: transparent; } +#sidebar .summary .nav>.active>a, +#sidebar .summary .nav>.active>a:hover, +#sidebar .summary .nav .nav>.active>a, +#sidebar .summary .nav .nav>.active>a:hover, +#sidebar .summary .nav .nav .nav>.active>a, +#sidebar .summary .nav .nav .nav>.active>a:hover { + color: #0d8921; + border-left: 2px solid #0d8921; + margin-left: 0px; +} + +#sidebar .summary .nav>li>a:hover, +#sidebar .summary .nav .nav>li>a:hover, +#sidebar .summary .nav .nav .nav>li>a:hover { + color: #0d8921; + border-left: 1px solid #0d8921; + margin-left: 1px; + background-color: transparent; +} + +/* + * Content + */ + #content { position: fixed; top: 30px; @@ -77,23 +157,23 @@ ul li .label { #content>.col { height: 100%; - overflow: hidden; -} - -#content>.col:hover { overflow-y: scroll; } -#content>.col::-webkit-scrollbar { - width: 7px; - height: 7px; +#content>.col::-webkit-scrollbar-thumb { + background: transparent; } -#content>.col::-webkit-scrollbar-thumb { +#content>.col:hover::-webkit-scrollbar-thumb { background: #CCC; -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07); } +#content>.col::-webkit-scrollbar { + width: 7px; + height: 7px; +} + #content>.col::-webkit-scrollbar-thumb:hover { background: #999; } @@ -108,23 +188,51 @@ ul li .label { display: none; } -#content article { - padding: 10px 0px; -} - #content article:target { padding-left: 10px; margin-left: -10px; border-left: 2px solid #0d8921; } + +.pull-right .dropdown-toggle { + padding: 0 5px; +} + +/* Hide the "..." link */ + +article .dropdown, article .dropdown { + visibility: hidden; +} +article:hover .dropdown, article:target .dropdown { + visibility: visible; +} + +/* + * Page parts + */ + .footer { padding: 10px; margin: 20px 0; } .subtitle { - margin-bottom: 25px; + margin-bottom: 10px; +} + +.label:empty { + display:inline; +} + +.label.intro:before { + content: "I"; +} +.label.redef:before { + content: "R"; +} +.label.inherit:before { + content: "H"; } .signature span.glyphicon { @@ -133,7 +241,7 @@ ul li .label { vertical-align: middle; } -.signature a, .list-definition a { +.signature a, .list-definition a, .info.signature a { color: #0d8921; } @@ -153,7 +261,7 @@ ul li .label { text-align: center; } -.synopsys { +.nitdoc .synopsys { margin: 5px 0; font-size: 16px; font-weight: bold; @@ -172,6 +280,14 @@ ul li .label { color: #a94442; } +.list-definition .list-definition { + margin-left: 30px; +} + +/* + * Code Highlighting + */ + .nitcode a { color: inherit; text-decoration: inherit; } /* hide links */ .nitcode a:hover { text-decoration: underline; } /* underline links */ .nitcode span[title]:hover { text-decoration: underline; } /* underline titles */ @@ -199,68 +315,5 @@ ul li .label { /* semantic token usage */ .nitcode .nc_v { font-style: italic; } /* local variable or parameter */ .nitcode .nc_vt { font-style: italic; } /* virtual type or formal type */ - .nitcode .nc_error { border: 1px red solid;} /* not used */ - -#sidebar .summary .nav>li>a { - padding: 2px 0 0 15px; - font-size: 15px; - border-left: 2px solid transparent; -} - -#sidebar .summary .nav .nav>li>a { - padding: 2px 0 0 30px; - font-size: 14px; - border-left: 2px solid transparent; -} - -#sidebar .summary .nav .nav .nav>li>a { - padding: 1px 0 0 45px; - font-size: 13px; -} - -#sidebar .summary .nav .nav .nav .nav>li>a { - padding: 1px 0 0 60px; - font-size: 12px; -} - -#sidebar .summary .nav>.active>a, -#sidebar .summary .nav>.active>a:hover, -#sidebar .summary .nav>li>a:hover { - color: #0d8921; - background-color: transparent; -} - -#sidebar .summary .nav>.active>a, -#sidebar .summary .nav .nav>.active>a, -#sidebar .summary .nav .nav>.active>a:hover { - color: #0d8921; - border-left: 2px solid #0d8921; - margin-left: 0px; -} - -#sidebar .summary .nav .nav>li>a:hover { - color: #0d8921; - border-left: 1px solid #0d8921; - margin-left: 1px; - background-color: transparent; -} - -.label:empty { - display:inline; -} - -.label.intro:before { - content: "I"; -} -.label.redef:before { - content: "R"; -} -.label.inherit:before { - content: "H"; -} - -.list-definition .list-definition { - margin-left: 30px; -}