Global CSS
/* Place here any CSS code that you would like to affect both the Default and Home themes */ /** Customized Standard Theme * Based off of the Standard Theme by the Wikidot Community * This custom color palette was created using the * Standard Theme Colorification tool (v: 1.01.141004) * * Created: 4 Oct 2014 * * Colors: * Primary A : #005CAD * Primary B : #003C75 * Secondary A : #00498E * Secondary B : #00305B * Light A : #EFF7FF * Light B : #BAC8D3 * Text A : #D3D3D8 * Text B : #E7E7EA * Text C : #FFFFFF * ***************************************************************************/ @import url('//css.wikidot.com/theme:standard-theme/code_'); /* Primary A ==============================================================================*/ a, .pager > .target > a, .pager > .current, .pager > .dots, nav .side-bar ul li a:hover, .hover{ color: #005CAD; } .image-box.image-box-primary .image-box-caption{ color: #005CAD !important; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .pager > .current, .login-status .btn.dropdown-toggle, #search-top-box form:before, nav .top-bar .navbar-toggle, .wiki-content-table > thead > tr > th, .wiki-content-table > tbody > tr > th, .wiki-content-table > tfoot > tr > th, .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, #action-area .autocomplete-list ul li:hover, .btn.btn-primary, .progress-bar, .label.label-primary, .panel.panel-primary .panel-heading, .tabview-primary .yui-navset .yui-nav li a, .tabview-primary .yui-navset .yui-nav li.selected a{ background-color: #005CAD; } .image-box.image-box-primary .image-box-heading{ background-color: #005CAD !important; } .image-box.image-box-primary .image-box-link:hover, .image-box.image-box-default .image-box-link:hover{ border-color: #005CAD !important; } .pager > .current, nav .side-bar ul li a:hover, .panel.panel-primary, .panel.panel-primary .panel-heading, .hover{ border-color: #005CAD; } /* Primary B ==============================================================================*/ .pager > .current{ border-bottom-color: #003C75; } .login-status .btn.dropdown-toggle, #search-top-box input.text, nav .top-bar .navbar-toggle, .btn.btn-primary, .tabview-primary .yui-navset .yui-nav li a, .tabview-primary .yui-navset .yui-nav li.selected a:hover, .tabview-primary .yui-navset .yui-nav li.selected a:focus, .tabview-primary .yui-navset .yui-content{ border-color: #003C75; } /* Secondary A ==============================================================================*/ a:hover, a:focus{ color: #00498E; } header.header-wrap, .login-status .btn.dropdown-toggle:hover, nav .top-bar .navbar-toggle:hover, nav .top-bar .navbar-toggle:focus, nav .top-bar .navbar-collapse, .btn.btn-primary:hover, .tabview-primary .yui-navset .yui-nav li a:hover, .tabview-primary .yui-navset .yui-nav li a:focus{ background-color: #00498E; } .form-control:focus, input[type=text]:not(.form-control):focus, textarea:not(.form-control):focus, main .content .page-title, .image-box.image-box-primary .image-box-link:hover{ border-color: #00498E; } .form-control:focus, input[type=text]:not(.form-control):focus, textarea:not(.form-control):focus{ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(0, 73, 142, 0.25); } /* Secondary B ==============================================================================*/ .login-status .btn.dropdown-toggle:hover, #search-top-box form:hover input.text, #search-top-box input.text:focus, nav .top-bar .navbar-toggle:hover, nav .top-bar .navbar-toggle:focus, .btn.btn-primary:hover, .tabview-primary .yui-navset .yui-nav li a:hover, .tabview-primary .yui-navset .yui-nav li a:focus{ border-color: #00305B; } /* Light A ==============================================================================*/ body, main .content .feature.offcolor{ background-color: #EFF7FF; } /* Light B ==============================================================================*/ .code.code-primary, .code-primary .code, div.code.code-primary span.line::before, .code-primary .code span.line::before, .alert.alert-primary{ border-color: #BAC8D3; } .image-box.image-box-primary{ border-color: #BAC8D3 !important; } div.code.code-primary span.line:hover, .code-primary .code span.line:hover{ background-color: rgba(186, 200, 211, .18); } /* Text A ==============================================================================*/ header.header-wrap h2, #search-top-box form:before, nav .top-bar .navbar-nav li a, nav .top-bar .navbar-collapse.collapsing ul.dropdown-menu li a, nav .top-bar .navbar-collapse.in ul.dropdown-menu li a, main .content .feature.feature-header{ color: #D3D3D8; } #search-top-box input.text{ background: rgba(211,211,216,0); } #search-top-box form:hover input.text:focus, #search-top-box input.text:focus{ background: rgba(211,211,216,1); } nav .top-bar .navbar-toggle .icon-bar, nav .top-bar .navbar-toggle .icon-bar{ background-color: #D3D3D8; } nav .top-bar .navbar-nav > li.dropdown > a > .caret{ border-bottom-color: #D3D3D8; border-top-color: #D3D3D8; } /* Text B ==============================================================================*/ header.header-wrap h1 a, nav .top-bar .navbar-brand, .wiki-content-table > thead > tr > th, .wiki-content-table > tbody > tr > th, .wiki-content-table > tfoot > tr > th, .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .btn.btn-primary, .tabview-primary .yui-navset .yui-nav li a, main .content .feature-header h1{ color: #E7E7EA; } .image-box.image-box-primary .image-box-heading{ color: #E7E7EA !important; } /* Text C ==============================================================================*/ .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .pager > .current, header.header-wrap h1 a:hover, header.header-wrap h1 a:focus, header.header-wrap h1 a:active, nav .top-bar .navbar-nav li a:hover, nav .top-bar .navbar-nav li a:focus, nav .top-bar .navbar-brand:hover, nav .top-bar .navbar-brand:focus, nav .top-bar .navbar-nav > .open > a, nav .top-bar .navbar-nav > .open > a:hover, nav .top-bar .navbar-nav > .open > a:focus, nav .top-bar .navbar-collapse.collapsing ul.dropdown-menu li a:hover, nav .top-bar .navbar-collapse.in ul.dropdown-menu li a:hover, nav .top-bar .navbar-collapse.collapsing ul.dropdown-menu li a:focus, nav .top-bar .navbar-collapse.in ul.dropdown-menu li a:focus, .btn.btn-primary:hover{ color: #FFFFFF; } nav .top-bar .navbar-toggle .icon-bar, nav .top-bar .navbar-toggle .icon-bar{ background-color: #FFFFFF; } nav .top-bar .navbar-nav li.dropdown a:hover > .caret, nav .top-bar .navbar-nav li.dropdown a:focus > .caret{ border-bottom-color: #FFFFFF; border-top-color: #FFFFFF; } /* Images ==============================================================================*/ main .content .page-title span{ background: url('//css.wikidot.com/local--files/theme:standard-blue/titleLeft.png') bottom left no-repeat, url('//css.wikidot.com/local--files/theme:standard-blue/titleRight.png') bottom right no-repeat, url('//css.wikidot.com/local--files/theme:standard-blue/titleCenter.png') bottom left repeat-x; } main .main-content h1{ background: url('//css.wikidot.com/local--files/theme:standard-blue/h1IndentLeft.png') center left no-repeat; } main .main-content-wrap.col-md-12 .main-content h1{ /* Change background behavior if sidebar is not present */ background: url('//css.wikidot.com/local--files/theme:standard-blue/h1IndentLeft.png') center left no-repeat, url('//css.wikidot.com/local--files/theme:standard-blue/h1IndentRight.png') center right no-repeat; } /* Add a spoiler tag */ .spoiler { background-color:#000000; padding-left:10px; padding-right:10px; padding-top:3px; padding-bottom:3px; color:#000000; } .spoiler:hover { background-color:#E5FFE7; } [[module CSS]] div#side-bar span.printuser a:nth-child(1) { pointer-events: none; } div#side-bar::before { content: ''; background-color: #eee; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50%25' y='55%25' font-size='15' fill='%23a2a9b6' font-family='system-ui, sans-serif' text-anchor='middle' dominant-baseline='middle'%3E⇱%3C/text%3E%3C/svg%3E"); background-size:cover; position: fixed; right: 5%; bottom: 5%; height: 5vh; width: 5vh; display:block; border-radius: 1rem 0 0; transition: .2s ease; box-shadow: #eee 5px 5px 13px; border: .1rem solid #ccc; } div#side-bar { height: 0%; max-height: 50%; border: unset; margin: 0; padding: 0; overflow: hidden; position: fixed; bottom: 5%; right: 5%; transition: .2s ease; } div#side-bar:hover { height: max-content; width: max-content; scrollbar-width: none; margin: 0; padding: 1rem; overflow: scroll; position: fixed; bottom: 5%; right: 5%; background-color: #f8f8f8cc; border: 1px solid #ccc; border-radius: 1rem 0; box-shadow: #555 5px 5px 13px; } div#side-bar:hover::before { border-radius: 1rem 0; background-color: #3339; box-shadow: #555 5px 5px 13px; } [[/module]]