From 764850ef9c3c2bd7da3bd4b8b32b3281ff55c765 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=99=88=E5=BF=97=E5=90=8C?= Date: Wed, 31 Jul 2019 13:52:36 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- NeoDocsBuilder/template/css/site.css | 72 +++++++++++++-------- NeoDocsBuilder/template/css/site.less | 47 ++++++++------ NeoDocsBuilder/template/css/site.min.css | 2 +- NeoDocsBuilder/template/css/theme-dark.less | 19 +++--- NeoDocsBuilder/template/template.html | 4 +- 5 files changed, 85 insertions(+), 59 deletions(-) diff --git a/NeoDocsBuilder/template/css/site.css b/NeoDocsBuilder/template/css/site.css index 03bb8f4..bea0bf0 100644 --- a/NeoDocsBuilder/template/css/site.css +++ b/NeoDocsBuilder/template/css/site.css @@ -28,8 +28,20 @@ nav .logo { .navbar, footer > div { background-color: #f8f9fa; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } -.navbar-toggler i { +.navbar-toggler, +.navbar-toggler:focus, +.navbar-toggler:active { + outline: none; + border-color: #dee2e6; +} +.navbar-toggler i, +.navbar-toggler:focus i, +.navbar-toggler:active i { color: rgba(0, 0, 0, 0.5); } .navbar-nav .nav-link { @@ -51,6 +63,10 @@ footer > div { top: 4rem; overflow-x: hidden; overflow-y: auto; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } @media only screen and (max-width: 992px) { .catalog { @@ -68,10 +84,6 @@ footer > div { } .catalog .nav-pills .nav-link { border-radius: 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; width: 100%; text-overflow: ellipsis; overflow: hidden; @@ -139,12 +151,15 @@ main { right: 0; overflow-x: hidden; overflow-y: auto; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .side-nav > div { margin-bottom: 3rem; } -.side-nav .nav-pills .nav-link.active, -.side-nav .nav-pills .show > .nav-link { +.side-nav .nav-pills .nav-link.active { border-radius: 0; padding-left: 0.8rem; color: #333; @@ -162,10 +177,6 @@ main { padding-bottom: 1rem; margin-bottom: 1rem; font-weight: bold; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; border-bottom: 1px solid #f0f0f0; } .side-nav a:not(.contribution-link) { @@ -283,11 +294,6 @@ p, li { line-height: 2; } -.btn-clipboard { - position: absolute; - right: 1rem; - top: 1rem; -} .div-collapse { display: none; border-radius: 0.25rem; @@ -396,7 +402,8 @@ h6:before { .bd-callout ul { margin-bottom: 0; } -.btn-clipboard { +.btn-clipboard, +.btn-clipboard:focus { position: absolute; top: 0.5rem; right: 0.5rem; @@ -407,8 +414,14 @@ h6:before { color: #818a91; background-color: transparent; border: 0; + outline: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } -.btn-clipboard:hover { +.btn-clipboard:hover, +.btn-clipboard:focus:hover { color: #fff; background-color: #31AA77; } @@ -422,7 +435,7 @@ h6:before { } .anchorjs-link { font-weight: 400; - color: rgba(0, 123, 123, 0.5); + color: rgba(49, 170, 119, 0.2); transition: color 0.15s ease-in-out, opacity 0.15s ease-in-out; opacity: 0; -webkit-font-smoothing: antialiased; @@ -518,7 +531,15 @@ h6:before { .theme-dark footer > div { background-color: #232323; } -.theme-dark .navbar-toggler i { +.theme-dark .navbar-toggler, +.theme-dark .navbar-toggler:focus, +.theme-dark .navbar-toggler:active { + outline: none; + border-color: #444; +} +.theme-dark .navbar-toggler i, +.theme-dark .navbar-toggler:focus i, +.theme-dark .navbar-toggler:active i { color: rgba(255, 255, 255, 0.5); } .theme-dark .navbar-nav .nav-link { @@ -535,17 +556,11 @@ h6:before { .theme-dark .catalog span { color: #dcdcdc; } -.theme-dark .side-nav .nav-pills .nav-link.active, -.theme-dark .side-nav .nav-pills .show > .nav-link { +.theme-dark .side-nav .nav-pills .nav-link.active { color: #dcdcdc; background-color: #333; border-left: 0.2rem solid #02e49b; } -.theme-dark .nav-pills .nav-link.active, -.theme-dark .nav-pills .show > .nav-link { - color: #fff; - background-color: #02e49b; -} .theme-dark .side-nav-text { border-bottom: 1px solid #333; } @@ -620,6 +635,9 @@ h6:before { .theme-dark .lightbulb { background-color: #333; } +.theme-dark .anchorjs-link { + color: rgba(2, 228, 155, 0.2); +} .theme-dark .anchorjs-link:hover { color: #4ffdc5; } diff --git a/NeoDocsBuilder/template/css/site.less b/NeoDocsBuilder/template/css/site.less index ba9c1b8..c9ffd18 100644 --- a/NeoDocsBuilder/template/css/site.less +++ b/NeoDocsBuilder/template/css/site.less @@ -48,9 +48,18 @@ nav .logo { } .navbar, footer > div { background-color: @light-nav-bg; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } -.navbar-toggler i { - color: @light-nav-text; +.navbar-toggler, .navbar-toggler:focus, .navbar-toggler:active{ + outline: none; + border-color: @light-table-border; + + i { + color: @light-nav-text; + } } .navbar-nav { .nav-link { @@ -76,6 +85,10 @@ nav .logo { top: 4rem; overflow-x: hidden; overflow-y: auto; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; @media only screen and (max-width: 992px) { width: 25%; @@ -91,10 +104,6 @@ nav .logo { .nav-pills .nav-link { border-radius: 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; width: 100%; text-overflow: ellipsis; overflow: hidden; @@ -170,13 +179,16 @@ main { right: 0; overflow-x: hidden; overflow-y: auto; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; & > div { margin-bottom: 3rem; } - .nav-pills .nav-link.active, - .nav-pills .show > .nav-link { + .nav-pills .nav-link.active { border-radius: 0; padding-left: 0.8rem; color: @light-text; @@ -197,10 +209,6 @@ main { padding-bottom: 1rem; margin-bottom: 1rem; font-weight: bold; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; border-bottom: 1px solid @light-catalog-hover; } @@ -331,12 +339,6 @@ p, li { line-height: 2; } -.btn-clipboard { - position: absolute; - right: 1rem; - top: 1rem; -} - .div-collapse { display: none; border-radius: .25rem; @@ -457,7 +459,7 @@ h1, h2, h3, h4, h5, h6 { margin-bottom: 0; } -.btn-clipboard { +.btn-clipboard, .btn-clipboard:focus { position: absolute; top: .5rem; right: .5rem; @@ -468,6 +470,11 @@ h1, h2, h3, h4, h5, h6 { color: #818a91; background-color: transparent; border: 0; + outline: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; &:hover { color: #fff; @@ -485,7 +492,7 @@ h1, h2, h3, h4, h5, h6 { .anchorjs-link { font-weight: 400; - color: rgba(0,123,123,.5); + color: fade(@light-link, 20%); transition: color .15s ease-in-out,opacity .15s ease-in-out; opacity: 0; -webkit-font-smoothing: antialiased; diff --git a/NeoDocsBuilder/template/css/site.min.css b/NeoDocsBuilder/template/css/site.min.css index 7cf741c..f0ccc67 100644 --- a/NeoDocsBuilder/template/css/site.min.css +++ b/NeoDocsBuilder/template/css/site.min.css @@ -1 +1 @@ -html{font-size:87.5%;}body{width:100%;height:100%;margin:0;color:#333;background-color:#fff;font-family:Segoe UI,SegoeUI,Segoe WP,Helvetica Neue,Helvetica,Tahoma,Arial,sans-serif,PingFang SC,'Segoe UI',Tahoma,"Microsoft YaHei",arial,sans-serif;}a{text-decoration:none;background-color:transparent;color:#31aa77;}a:hover{text-decoration:underline;color:#1a5b40;}.table-hover tbody tr:hover{color:#333;background-color:rgba(0,0,0,.075);}nav .logo{width:5.7rem;}.navbar,footer>div{background-color:#f8f9fa;}.navbar-toggler i{color:rgba(0,0,0,.5);}.navbar-nav .nav-link{color:rgba(0,0,0,.5);}.navbar-nav nav-link.disabled{color:rgba(0,0,0,.3);}.navbar-nav .nav-link.active{color:rgba(0,0,0,.9);border-bottom:1px solid #31aa77;}.catalog{border-right:1px solid rgba(0,0,0,.1);position:fixed;left:0;width:18%;height:calc(100vh - 4rem);top:4rem;overflow-x:hidden;overflow-y:auto;}@media only screen and (max-width:992px){.catalog{width:25%;}}@media only screen and (max-width:768px){.catalog{width:100%;}}.catalog a,.catalog span{color:#333;}.catalog .nav-pills .nav-link{border-radius:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;text-overflow:ellipsis;overflow:hidden;}.catalog span::before{content:attr(data-icon);display:inline-block;width:1rem;margin-left:-1rem;color:#808080;}.catalog i{margin-right:.3rem;margin-left:-.6rem;transition:transform .5s;}.catalog .expand i{transform:rotate(90deg);}.catalog a,.catalog span{cursor:pointer;padding:.2em 1em;}.catalog>nav{margin-bottom:3rem;}.catalog>nav nav{display:none;overflow:hidden;max-width:100%;}.catalog.show{display:block !important;position:static;height:auto;}main{position:relative;left:18%;width:64%;}@media only screen and (max-width:992px){main{left:25%;width:75%;}}@media only screen and (max-width:768px){main{left:0;width:100%;}}.highlight{margin-top:1rem;margin-bottom:1rem;-ms-overflow-style:-ms-autohiding-scrollbar;}.side-nav{position:fixed;height:calc(100vh - 4rem);top:4rem;width:18%;right:0;overflow-x:hidden;overflow-y:auto;}.side-nav>div{margin-bottom:3rem;}.side-nav .nav-pills .nav-link.active,.side-nav .nav-pills .show>.nav-link{border-radius:0;padding-left:.8rem;color:#333;background-color:#f0f0f0;border-left:.2rem solid #31aa77;}.side-nav nav{width:100%;}.side-nav .contribution-link{margin-top:.85rem;margin-bottom:1rem;}.side-nav .side-nav-text{padding-bottom:1rem;margin-bottom:1rem;font-weight:bold;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom:1px solid #f0f0f0;}.side-nav a:not(.contribution-link){display:block;padding-top:.15em;padding-bottom:.15em;color:#777;font-size:.9rem;border-radius:0;overflow-x:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap;}.catalog a:hover,.catalog a.active,.catalog span:hover,.side-nav a:not(.contribution-link):hover{color:#31aa77;background-color:#f0f0f0;}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#31aa77;}footer{display:none;}footer>div{position:fixed;left:0;right:0;bottom:0;}footer ul{list-style:none;padding:0;margin:0;}footer ul>:nth-child(n+2):before{margin-right:.7rem;border-left:1px solid #dee2e6;}footer li{display:inline-block;}footer li:before{content:"";display:inline-block;height:.7rem;vertical-align:middle;}footer p{margin:0;}footer a{color:#31aa77;text-decoration:none;}footer a:hover{color:#1a5b40;text-decoration:none;}main{letter-spacing:.03em;}.highlight{position:relative;padding:1rem;margin-top:1rem;margin-bottom:1rem;background-color:#f8f9fa;-ms-overflow-style:-ms-autohiding-scrollbar;}.highlight pre{padding:0;margin-top:0;margin-bottom:0;background-color:transparent;border:0;font-size:1rem;}@media(min-width:576px){.highlight{padding:1.5rem;}}h1{padding-bottom:.8rem;margin-bottom:1.2rem;border-bottom:1px solid #f0f0f0;}h2,h3,h4,h5,h6{margin:.7em 0 .2em;}table.table{border-bottom:1px solid #dee2e6;color:#333;}table.table thead th{background-color:rgba(0,0,0,.04);border-bottom:2px solid #dee2e6;border-top:1px solid #dee2e6;}table.table td{vertical-align:middle;border-top:1px solid #dee2e6;}p,li{line-height:2;}.btn-clipboard{position:absolute;right:1rem;top:1rem;}.div-collapse{display:none;border-radius:.25rem;margin-bottom:1em;background-color:#f8f9fa;}.div-collapse p:last-child{margin-bottom:0;}.bd-content-title{display:block;pointer-events:auto;}.h2-collapse{cursor:pointer;font-weight:normal;font-size:1rem;}.h2-collapse span:first-child::before{content:"Q:";margin-right:.5em;display:inline;font-size:1rem;color:#31aa77;}h1,h2,h3,h4,h5,h6{line-height:2;pointer-events:none;}h1:before,h2:before,h3:before,h4:before,h5:before,h6:before{content:'';display:block;height:4rem;margin-top:-4rem;}.bd-callout{padding:1.25rem;margin-top:1.25rem;margin-bottom:1.25rem;border-left-width:.25rem;border-left:1px solid #dee2e6;}.bd-callout h4 .anchorjs-link{display:none;}.bd-callout p:last-child{margin-bottom:0;}.bd-callout-info{border-left-color:#5bc0de;background-color:#f2f9fc;}.bd-callout-info .bd-content-title{display:inline-block;}.bd-callout-info h4{font-size:1.2rem;margin:0;color:#5bc0de;}.bd-callout-info h4 i{margin-right:.2em;}.bd-callout-warning{border-left-color:#f0ad4e;background-color:#fdfaec;}.bd-callout-warning .bd-content-title{display:inline-block;}.bd-callout-warning h4{font-size:1.2rem;margin:0;color:#f0ad4e;}.bd-callout-warning h4 i{margin-right:.2em;}.bd-callout-danger{border-left-color:#d9534f;background-color:#fbf4f4;}.bd-callout-danger .bd-content-title{display:inline-block;}.bd-callout-danger h4{font-size:1.2rem;margin:0;color:#d9534f;}.bd-callout-danger h4 i{margin-right:.2em;}.bd-callout dl,.bd-callout ol,.bd-callout ul{margin-bottom:0;}.btn-clipboard{position:absolute;top:.5rem;right:.5rem;z-index:10;display:block;padding:.25rem .5rem;font-size:75%;color:#818a91;background-color:transparent;border:0;}.btn-clipboard:hover{color:#fff;background-color:#31aa77;}.lightbulb{position:fixed;right:0;bottom:3rem;padding:1rem;cursor:pointer;background-color:#f0f0f0;}.anchorjs-link{font-weight:400;color:rgba(0,123,123,.5);transition:color .15s ease-in-out,opacity .15s ease-in-out;opacity:0;-webkit-font-smoothing:antialiased;text-decoration:none;margin-left:.2em;}.anchorjs-link:hover{text-decoration:none;color:#1a5b40;}:hover>.anchorjs-link,.anchorjs-link:focus{opacity:1;}[data-anchorjs-icon]::after{content:attr(data-anchorjs-icon);}.hljs{display:block;overflow-x:auto;padding:.5em;background:#f8f9fa;color:#000;}.hljs-comment,.hljs-quote,.hljs-variable{color:#008000;}.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-name,.hljs-tag{color:#00f;}.hljs-string,.hljs-title,.hljs-section,.hljs-attribute,.hljs-literal,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-addition{color:#a31515;}.hljs-deletion,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-meta{color:#2b91af;}.hljs-doctag{color:#808080;}.hljs-attr{color:#f00;}.hljs-symbol,.hljs-bullet,.hljs-link{color:#00b0e8;}.hljs-emphasis{font-style:italic;}.hljs-strong{font-weight:bold;}.hljs-keyword,.hljs-attribute,.hljs-selector-tag,.hljs-meta-keyword,.hljs-doctag,.hljs-name{font-weight:normal;}.hljs-title,.hljs-section{font-weight:normal;}@media screen and (max-width:380px){@-ms-viewport{width:380px;}}.theme-dark body{color:#dcdcdc;background-color:#1e1e1e;}.theme-dark .navbar,.theme-dark footer>div{background-color:#232323;}.theme-dark .navbar-toggler i{color:rgba(255,255,255,.5);}.theme-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5);}.theme-dark .navbar-nav nav-link.disabled{color:rgba(255,255,255,.3);}.theme-dark .navbar-nav .nav-link.active{color:rgba(255,255,255,.9);border-bottom:1px solid #02e49b;}.theme-dark .catalog a,.theme-dark .catalog span{color:#dcdcdc;}.theme-dark .side-nav .nav-pills .nav-link.active,.theme-dark .side-nav .nav-pills .show>.nav-link{color:#dcdcdc;background-color:#333;border-left:.2rem solid #02e49b;}.theme-dark .nav-pills .nav-link.active,.theme-dark .nav-pills .show>.nav-link{color:#fff;background-color:#02e49b;}.theme-dark .side-nav-text{border-bottom:1px solid #333;}.theme-dark .catalog a:hover,.theme-dark .catalog a.active,.theme-dark .catalog span:hover,.theme-dark .side-nav a:not(.contribution-link):hover{color:#02e49b;background-color:#333;}.theme-dark footer ul>:nth-child(n+2):before{border-left:1px solid #444;}.theme-dark footer a{color:#02e49b;}.theme-dark footer a:hover{color:#4ffdc5;}.theme-dark .highlight{background-color:#232323;}.theme-dark h1{border-bottom:1px solid #333;}.theme-dark table.table{border-bottom:1px solid #444;color:#dcdcdc;}.theme-dark table.table thead th{background-color:rgba(255,255,255,.04);border-bottom:2px solid #444;}.theme-dark .table td,.theme-dark .table th{border-top:1px solid #444;}.theme-dark .div-collapse{background-color:#232323;}.theme-dark .h2-collapse span:first-child:hover{color:#02e49b;}.theme-dark .bd-callout{border-left:1px solid #444;}.theme-dark .bd-callout-info{border-left-color:#5bc0de;background-color:#222728;}.theme-dark .bd-callout-info h4{color:#5bc0de;}.theme-dark .bd-callout-warning{border-left-color:#f0ad4e;background-color:#27261c;}.theme-dark .bd-callout-warning h4{color:#f0ad4e;}.theme-dark .bd-callout-danger{border-left-color:#d9534f;background-color:#292524;}.theme-dark .bd-callout-danger h4{color:#d9534f;}.theme-dark .btn-clipboard:hover{color:#fff;background-color:#02e49b;}.theme-dark .lightbulb{background-color:#333;}.theme-dark .anchorjs-link:hover{color:#4ffdc5;}.theme-dark a{color:#02e49b;}.theme-dark a:hover{color:#4ffdc5;}.theme-dark .table-hover tbody tr:hover{color:#dcdcdc;background-color:rgba(255,255,255,.075);}.theme-dark .hljs{display:block;overflow-x:auto;padding:.5em;background:#232323;color:#dcdcdc;}.theme-dark .hljs-keyword,.theme-dark .hljs-literal,.theme-dark .hljs-symbol,.theme-dark .hljs-name{color:#569cd6;}.theme-dark .hljs-link{color:#569cd6;text-decoration:underline;}.theme-dark .hljs-built_in,.theme-dark .hljs-type{color:#4ec9b0;}.theme-dark .hljs-number,.theme-dark .hljs-class{color:#b8d7a3;}.theme-dark .hljs-string,.theme-dark .hljs-meta-string{color:#d69d85;}.theme-dark .hljs-regexp,.theme-dark .hljs-template-tag{color:#9a5334;}.theme-dark .hljs-subst,.theme-dark .hljs-function,.theme-dark .hljs-title,.theme-dark .hljs-params,.theme-dark .hljs-formula{color:#dcdcdc;}.theme-dark .hljs-comment,.theme-dark .hljs-quote{color:#57a64a;font-style:italic;}.theme-dark .hljs-doctag{color:#608b4e;}.theme-dark .hljs-meta,.theme-dark .hljs-meta-keyword,.theme-dark .hljs-tag{color:#9b9b9b;}.theme-dark .hljs-variable,.theme-dark .hljs-template-variable{color:#bd63c5;}.theme-dark .hljs-attr,.theme-dark .hljs-attribute,.theme-dark .hljs-builtin-name{color:#9cdcfe;}.theme-dark .hljs-section{color:#ffd700;}.theme-dark .hljs-emphasis{font-style:italic;}.theme-dark .hljs-bullet,.theme-dark .hljs-selector-tag,.theme-dark .hljs-selector-id,.theme-dark .hljs-selector-class,.theme-dark .hljs-selector-attr,.theme-dark .hljs-selector-pseudo{color:#d7ba7d;}.theme-dark .hljs-addition{background-color:#144212;display:inline-block;width:100%;}.theme-dark .hljs-deletion{background-color:#600;display:inline-block;width:100%;} \ No newline at end of file +html{font-size:87.5%;}body{width:100%;height:100%;margin:0;color:#333;background-color:#fff;font-family:Segoe UI,SegoeUI,Segoe WP,Helvetica Neue,Helvetica,Tahoma,Arial,sans-serif,PingFang SC,'Segoe UI',Tahoma,"Microsoft YaHei",arial,sans-serif;}a{text-decoration:none;background-color:transparent;color:#31aa77;}a:hover{text-decoration:underline;color:#1a5b40;}.table-hover tbody tr:hover{color:#333;background-color:rgba(0,0,0,.075);}nav .logo{width:5.7rem;}.navbar,footer>div{background-color:#f8f9fa;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.navbar-toggler,.navbar-toggler:focus,.navbar-toggler:active{outline:none;border-color:#dee2e6;}.navbar-toggler i,.navbar-toggler:focus i,.navbar-toggler:active i{color:rgba(0,0,0,.5);}.navbar-nav .nav-link{color:rgba(0,0,0,.5);}.navbar-nav nav-link.disabled{color:rgba(0,0,0,.3);}.navbar-nav .nav-link.active{color:rgba(0,0,0,.9);border-bottom:1px solid #31aa77;}.catalog{border-right:1px solid rgba(0,0,0,.1);position:fixed;left:0;width:18%;height:calc(100vh - 4rem);top:4rem;overflow-x:hidden;overflow-y:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}@media only screen and (max-width:992px){.catalog{width:25%;}}@media only screen and (max-width:768px){.catalog{width:100%;}}.catalog a,.catalog span{color:#333;}.catalog .nav-pills .nav-link{border-radius:0;width:100%;text-overflow:ellipsis;overflow:hidden;}.catalog span::before{content:attr(data-icon);display:inline-block;width:1rem;margin-left:-1rem;color:#808080;}.catalog i{margin-right:.3rem;margin-left:-.6rem;transition:transform .5s;}.catalog .expand i{transform:rotate(90deg);}.catalog a,.catalog span{cursor:pointer;padding:.2em 1em;}.catalog>nav{margin-bottom:3rem;}.catalog>nav nav{display:none;overflow:hidden;max-width:100%;}.catalog.show{display:block !important;position:static;height:auto;}main{position:relative;left:18%;width:64%;}@media only screen and (max-width:992px){main{left:25%;width:75%;}}@media only screen and (max-width:768px){main{left:0;width:100%;}}.highlight{margin-top:1rem;margin-bottom:1rem;-ms-overflow-style:-ms-autohiding-scrollbar;}.side-nav{position:fixed;height:calc(100vh - 4rem);top:4rem;width:18%;right:0;overflow-x:hidden;overflow-y:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.side-nav>div{margin-bottom:3rem;}.side-nav .nav-pills .nav-link.active{border-radius:0;padding-left:.8rem;color:#333;background-color:#f0f0f0;border-left:.2rem solid #31aa77;}.side-nav nav{width:100%;}.side-nav .contribution-link{margin-top:.85rem;margin-bottom:1rem;}.side-nav .side-nav-text{padding-bottom:1rem;margin-bottom:1rem;font-weight:bold;border-bottom:1px solid #f0f0f0;}.side-nav a:not(.contribution-link){display:block;padding-top:.15em;padding-bottom:.15em;color:#777;font-size:.9rem;border-radius:0;overflow-x:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap;}.catalog a:hover,.catalog a.active,.catalog span:hover,.side-nav a:not(.contribution-link):hover{color:#31aa77;background-color:#f0f0f0;}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#31aa77;}footer{display:none;}footer>div{position:fixed;left:0;right:0;bottom:0;}footer ul{list-style:none;padding:0;margin:0;}footer ul>:nth-child(n+2):before{margin-right:.7rem;border-left:1px solid #dee2e6;}footer li{display:inline-block;}footer li:before{content:"";display:inline-block;height:.7rem;vertical-align:middle;}footer p{margin:0;}footer a{color:#31aa77;text-decoration:none;}footer a:hover{color:#1a5b40;text-decoration:none;}main{letter-spacing:.03em;}.highlight{position:relative;padding:1rem;margin-top:1rem;margin-bottom:1rem;background-color:#f8f9fa;-ms-overflow-style:-ms-autohiding-scrollbar;}.highlight pre{padding:0;margin-top:0;margin-bottom:0;background-color:transparent;border:0;font-size:1rem;}@media(min-width:576px){.highlight{padding:1.5rem;}}h1{padding-bottom:.8rem;margin-bottom:1.2rem;border-bottom:1px solid #f0f0f0;}h2,h3,h4,h5,h6{margin:.7em 0 .2em;}table.table{border-bottom:1px solid #dee2e6;color:#333;}table.table thead th{background-color:rgba(0,0,0,.04);border-bottom:2px solid #dee2e6;border-top:1px solid #dee2e6;}table.table td{vertical-align:middle;border-top:1px solid #dee2e6;}p,li{line-height:2;}.div-collapse{display:none;border-radius:.25rem;margin-bottom:1em;background-color:#f8f9fa;}.div-collapse p:last-child{margin-bottom:0;}.bd-content-title{display:block;pointer-events:auto;}.h2-collapse{cursor:pointer;font-weight:normal;font-size:1rem;}.h2-collapse span:first-child::before{content:"Q:";margin-right:.5em;display:inline;font-size:1rem;color:#31aa77;}h1,h2,h3,h4,h5,h6{line-height:2;pointer-events:none;}h1:before,h2:before,h3:before,h4:before,h5:before,h6:before{content:'';display:block;height:4rem;margin-top:-4rem;}.bd-callout{padding:1.25rem;margin-top:1.25rem;margin-bottom:1.25rem;border-left-width:.25rem;border-left:1px solid #dee2e6;}.bd-callout h4 .anchorjs-link{display:none;}.bd-callout p:last-child{margin-bottom:0;}.bd-callout-info{border-left-color:#5bc0de;background-color:#f2f9fc;}.bd-callout-info .bd-content-title{display:inline-block;}.bd-callout-info h4{font-size:1.2rem;margin:0;color:#5bc0de;}.bd-callout-info h4 i{margin-right:.2em;}.bd-callout-warning{border-left-color:#f0ad4e;background-color:#fdfaec;}.bd-callout-warning .bd-content-title{display:inline-block;}.bd-callout-warning h4{font-size:1.2rem;margin:0;color:#f0ad4e;}.bd-callout-warning h4 i{margin-right:.2em;}.bd-callout-danger{border-left-color:#d9534f;background-color:#fbf4f4;}.bd-callout-danger .bd-content-title{display:inline-block;}.bd-callout-danger h4{font-size:1.2rem;margin:0;color:#d9534f;}.bd-callout-danger h4 i{margin-right:.2em;}.bd-callout dl,.bd-callout ol,.bd-callout ul{margin-bottom:0;}.btn-clipboard,.btn-clipboard:focus{position:absolute;top:.5rem;right:.5rem;z-index:10;display:block;padding:.25rem .5rem;font-size:75%;color:#818a91;background-color:transparent;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.btn-clipboard:hover,.btn-clipboard:focus:hover{color:#fff;background-color:#31aa77;}.lightbulb{position:fixed;right:0;bottom:3rem;padding:1rem;cursor:pointer;background-color:#f0f0f0;}.anchorjs-link{font-weight:400;color:rgba(49,170,119,.2);transition:color .15s ease-in-out,opacity .15s ease-in-out;opacity:0;-webkit-font-smoothing:antialiased;text-decoration:none;margin-left:.2em;}.anchorjs-link:hover{text-decoration:none;color:#1a5b40;}:hover>.anchorjs-link,.anchorjs-link:focus{opacity:1;}[data-anchorjs-icon]::after{content:attr(data-anchorjs-icon);}.hljs{display:block;overflow-x:auto;padding:.5em;background:#f8f9fa;color:#000;}.hljs-comment,.hljs-quote,.hljs-variable{color:#008000;}.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-name,.hljs-tag{color:#00f;}.hljs-string,.hljs-title,.hljs-section,.hljs-attribute,.hljs-literal,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-addition{color:#a31515;}.hljs-deletion,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-meta{color:#2b91af;}.hljs-doctag{color:#808080;}.hljs-attr{color:#f00;}.hljs-symbol,.hljs-bullet,.hljs-link{color:#00b0e8;}.hljs-emphasis{font-style:italic;}.hljs-strong{font-weight:bold;}.hljs-keyword,.hljs-attribute,.hljs-selector-tag,.hljs-meta-keyword,.hljs-doctag,.hljs-name{font-weight:normal;}.hljs-title,.hljs-section{font-weight:normal;}@media screen and (max-width:380px){@-ms-viewport{width:380px;}}.theme-dark body{color:#dcdcdc;background-color:#1e1e1e;}.theme-dark .navbar,.theme-dark footer>div{background-color:#232323;}.theme-dark .navbar-toggler,.theme-dark .navbar-toggler:focus,.theme-dark .navbar-toggler:active{outline:none;border-color:#444;}.theme-dark .navbar-toggler i,.theme-dark .navbar-toggler:focus i,.theme-dark .navbar-toggler:active i{color:rgba(255,255,255,.5);}.theme-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5);}.theme-dark .navbar-nav nav-link.disabled{color:rgba(255,255,255,.3);}.theme-dark .navbar-nav .nav-link.active{color:rgba(255,255,255,.9);border-bottom:1px solid #02e49b;}.theme-dark .catalog a,.theme-dark .catalog span{color:#dcdcdc;}.theme-dark .side-nav .nav-pills .nav-link.active{color:#dcdcdc;background-color:#333;border-left:.2rem solid #02e49b;}.theme-dark .side-nav-text{border-bottom:1px solid #333;}.theme-dark .catalog a:hover,.theme-dark .catalog a.active,.theme-dark .catalog span:hover,.theme-dark .side-nav a:not(.contribution-link):hover{color:#02e49b;background-color:#333;}.theme-dark footer ul>:nth-child(n+2):before{border-left:1px solid #444;}.theme-dark footer a{color:#02e49b;}.theme-dark footer a:hover{color:#4ffdc5;}.theme-dark .highlight{background-color:#232323;}.theme-dark h1{border-bottom:1px solid #333;}.theme-dark table.table{border-bottom:1px solid #444;color:#dcdcdc;}.theme-dark table.table thead th{background-color:rgba(255,255,255,.04);border-bottom:2px solid #444;}.theme-dark .table td,.theme-dark .table th{border-top:1px solid #444;}.theme-dark .div-collapse{background-color:#232323;}.theme-dark .h2-collapse span:first-child:hover{color:#02e49b;}.theme-dark .bd-callout{border-left:1px solid #444;}.theme-dark .bd-callout-info{border-left-color:#5bc0de;background-color:#222728;}.theme-dark .bd-callout-info h4{color:#5bc0de;}.theme-dark .bd-callout-warning{border-left-color:#f0ad4e;background-color:#27261c;}.theme-dark .bd-callout-warning h4{color:#f0ad4e;}.theme-dark .bd-callout-danger{border-left-color:#d9534f;background-color:#292524;}.theme-dark .bd-callout-danger h4{color:#d9534f;}.theme-dark .btn-clipboard:hover{color:#fff;background-color:#02e49b;}.theme-dark .lightbulb{background-color:#333;}.theme-dark .anchorjs-link{color:rgba(2,228,155,.2);}.theme-dark .anchorjs-link:hover{color:#4ffdc5;}.theme-dark a{color:#02e49b;}.theme-dark a:hover{color:#4ffdc5;}.theme-dark .table-hover tbody tr:hover{color:#dcdcdc;background-color:rgba(255,255,255,.075);}.theme-dark .hljs{display:block;overflow-x:auto;padding:.5em;background:#232323;color:#dcdcdc;}.theme-dark .hljs-keyword,.theme-dark .hljs-literal,.theme-dark .hljs-symbol,.theme-dark .hljs-name{color:#569cd6;}.theme-dark .hljs-link{color:#569cd6;text-decoration:underline;}.theme-dark .hljs-built_in,.theme-dark .hljs-type{color:#4ec9b0;}.theme-dark .hljs-number,.theme-dark .hljs-class{color:#b8d7a3;}.theme-dark .hljs-string,.theme-dark .hljs-meta-string{color:#d69d85;}.theme-dark .hljs-regexp,.theme-dark .hljs-template-tag{color:#9a5334;}.theme-dark .hljs-subst,.theme-dark .hljs-function,.theme-dark .hljs-title,.theme-dark .hljs-params,.theme-dark .hljs-formula{color:#dcdcdc;}.theme-dark .hljs-comment,.theme-dark .hljs-quote{color:#57a64a;font-style:italic;}.theme-dark .hljs-doctag{color:#608b4e;}.theme-dark .hljs-meta,.theme-dark .hljs-meta-keyword,.theme-dark .hljs-tag{color:#9b9b9b;}.theme-dark .hljs-variable,.theme-dark .hljs-template-variable{color:#bd63c5;}.theme-dark .hljs-attr,.theme-dark .hljs-attribute,.theme-dark .hljs-builtin-name{color:#9cdcfe;}.theme-dark .hljs-section{color:#ffd700;}.theme-dark .hljs-emphasis{font-style:italic;}.theme-dark .hljs-bullet,.theme-dark .hljs-selector-tag,.theme-dark .hljs-selector-id,.theme-dark .hljs-selector-class,.theme-dark .hljs-selector-attr,.theme-dark .hljs-selector-pseudo{color:#d7ba7d;}.theme-dark .hljs-addition{background-color:#144212;display:inline-block;width:100%;}.theme-dark .hljs-deletion{background-color:#600;display:inline-block;width:100%;} \ No newline at end of file diff --git a/NeoDocsBuilder/template/css/theme-dark.less b/NeoDocsBuilder/template/css/theme-dark.less index f4bf56b..3af781f 100644 --- a/NeoDocsBuilder/template/css/theme-dark.less +++ b/NeoDocsBuilder/template/css/theme-dark.less @@ -27,8 +27,13 @@ background-color: @dark-nav-bg; } - .navbar-toggler i { - color: @dark-nav-text; + .navbar-toggler, .navbar-toggler:focus, .navbar-toggler:active { + outline: none; + border-color: @dark-table-border; + + i { + color: @dark-nav-text; + } } .navbar-nav { @@ -53,19 +58,13 @@ } .side-nav { - .nav-pills .nav-link.active, - .nav-pills .show > .nav-link { + .nav-pills .nav-link.active { color: @dark-text; background-color: @dark-catalog-hover; border-left: 0.2rem solid @dark-link; } } - .nav-pills .nav-link.active, .nav-pills .show > .nav-link { - color: #fff; - background-color: @dark-link; - } - .side-nav-text { border-bottom: 1px solid @dark-catalog-hover; } @@ -167,6 +166,8 @@ } .anchorjs-link { + color: fade(@dark-link, 20%); + &:hover { color: @dark-link-hover; } diff --git a/NeoDocsBuilder/template/template.html b/NeoDocsBuilder/template/template.html index 1cbe435..5393946 100644 --- a/NeoDocsBuilder/template/template.html +++ b/NeoDocsBuilder/template/template.html @@ -28,7 +28,7 @@