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: 17 Jun 2018 * * Colors: * Primary A : #8A521C * Primary B : #642500 * Secondary A : #8A521C * Secondary B : #DE8500 * Light A : #FFFCE0 * Light B : #BAC8D3 * Text A : #D3D3D8 * Text B : #E7E7EA * Text C : #FFFFFF * ***************************************************************************/ @import url('http://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: #8A521C; } .image-box.image-box-primary .image-box-caption{ color: #8A521C !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: #8A521C; } .image-box.image-box-primary .image-box-heading{ background-color: #8A521C !important; } .image-box.image-box-primary .image-box-link:hover, .image-box.image-box-default .image-box-link:hover{ border-color: #8A521C !important; } .pager > .current, nav .side-bar ul li a:hover, .panel.panel-primary, .panel.panel-primary .panel-heading, .hover{ border-color: #8A521C; } /* Primary B ==============================================================================*/ .pager > .current{ border-bottom-color: #642500; } .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: #642500; } /* Secondary A ==============================================================================*/ a:hover, a:focus{ color: #CC0000; } 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: #8A521C; } .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: #8A521C; } .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(138, 82, 28, 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: #DE8500; } /* Light A ==============================================================================*/ body, main .content .feature.offcolor{ background-color: #FFFCE0; } /* 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; } /**** More Changes ****/ /* Change picture elements in Page Title to match our colour scheme */ .content .page-title span { background: url(/local--files/css:global-css/titleLeft.png) bottom left no-repeat, url(/local--files/css:global-css/titleRight.png) bottom right no-repeat, url(/local--files/css:global-css/titleCenter.png) bottom left repeat-x; } /* Main content background * Body Text */ main > .content {background-color:#FFFCF4;} body { font-family: Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 18px; line-height: 150%; } /* Horizontal Rules (almost invisible by default) */ hr { height: 2px; color: #DDD; background-color: #A82; /** AAA; **/ width: 80%; } /* Allow floated images to line up with top of text */ .image-container.floatleft, .image-container.floatright { padding-top: 0; } /* Allow Image-Box images to line up with top of text & set borders appropriately */ table.image-box { margin-top: 0 !important; /* override element style */ border-color: #642500 !important; /* override element style */ } td.image-box-image img { border-style: none !important; /* override element style */ } /** Error Messages **/ .error-block { color: #B00; padding: 1em; margin: 1em; border: 1px solid #FAA; } /** Debug colouring to detect breakpoints .main-content p { color:red; } @media(min-width:768px) { .main-content p { color:yellow; } } @media(min-width:992px) { .main-content p { color:green; } } @media(min-width:1200px){ .main-content p { color:blue; } } **/ /** *** Bootstrap's default breakpoint for the navbar is 768px *** but long menu's will already be wrapping or truncating before this is reached, *** For Bootstrap 3.3.x, *** here is the working CSS to override the navbar breakpoint. *** Change 991px to the pixel dimension of the point at which *** you want the navbar to collapse... **/ @media (max-width: 991px) { .navbar-header { float: none; } .navbar-left,.navbar-right { float: none !important; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; margin-top: 7.5px; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .collapse.in{ display:block !important; } } /* Override strange media query that hides the Home link between 768 & 992px */ @media (max-width: 992px) and (min-width: 768px) nav .top-bar .navbar-brand { display: block !important; } /** Block Quotes **/ /* Use theme colours and italic text inside block quotes */ blockquote { margin: 1em 40px; padding: 0; color: #642500; font-style: italic; text-align: center; background-color: #FEF1B5; border: 1px dashed #642500; background-image: url('/local--files/css:global-css/td-quote-right.png'); background-position: bottom right; background-repeat: no-repeat; } blockquote p, blockquote p:last-child { background-image: url('/local--files/css:global-css/td-quote-left.png'); background-position: top left; background-repeat: no-repeat; padding: 1em 60px 0px; min-height: 55px; } blockquote p, blockquote p:last-child { margin-bottom: 1em; } blockquote hr { color: #642500; background-color: #B35900; } /** Notes - styled as a plainer version of <blockquote> **/ div.wiki-note { margin: 0 40px; padding: 0 1em; color: #642500; font-style: italic; text-align: left; background-color: #FEF1B5; border: 1px dashed #642500; } div.wiki-note hr { color: #642500; background-color: #B35900; } div.wiki-note p { margin: 1em 0; } div.wiki-note h3 { font-weight: bold; } /** Tables **/ table.wiki-content-table { margin: 0.5em auto; width: auto; } .wiki-content-table > thead > tr > th, .wiki-content-table > tbody > tr > th, .wiki-content-table > tfoot > tr > th { border: none; } .wiki-content-table > thead > tr > td, .wiki-content-table > tbody > tr > td, .wiki-content-table > tfoot > tr > td { border: 1px solid #642500; } *************************************************************************************/