Global CSS
/* Place here any CSS code that you would like to affect both the Default and Home themes */ .site-title {display: transparent; height: 75px; text-indent: -9999px; } .container-wrap { background: url(http://soliaonline.wikidot.com/local--files/home:home/site-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } /** 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: 6 Apr 2018 * * Colors: * Primary A : #005CAD * Primary B : #fbfaf9 * Secondary A : #00498E * Secondary B : #00305B * Light A : #EFF7FF * Light B : #BAC8D3 * Text A : #fbfaf9 * Text B : #fbfaf9 * Text C : #231149 * ***************************************************************************/ @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: #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: #fbfaf9; } .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: #fbfaf9; } /* 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: #fbfaf9; } #search-top-box input.text{ background: rgba(251,250,249,0); } #search-top-box form:hover input.text:focus, #search-top-box input.text:focus{ background: rgba(251,250,249,1); } nav .top-bar .navbar-toggle .icon-bar, nav .top-bar .navbar-toggle .icon-bar{ background-color: #fbfaf9; } nav .top-bar .navbar-nav > li.dropdown > a > .caret{ border-bottom-color: #fbfaf9; border-top-color: #fbfaf9; } /* 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: #fbfaf9; } .image-box.image-box-primary .image-box-heading{ color: #fbfaf9 !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: #231149; } nav .top-bar .navbar-toggle .icon-bar, nav .top-bar .navbar-toggle .icon-bar{ background-color: #231149; } nav .top-bar .navbar-nav li.dropdown a:hover > .caret, nav .top-bar .navbar-nav li.dropdown a:focus > .caret{ border-bottom-color: #231149; border-top-color: #231149;} #page-info { display: none; } .page-watch-options { display: none; } .extrac-div-1 { display: none; } .extrac-div-2 { display: none; } .extrac-div-3 { display: none; } .extra-div-1 { display: none; } .extra-div-2 { display: none; } .extra-div-3 { display: none; } .extra-div-4 { display: none; } .extra-div-5 { display: none; } .extra-div-6 { display: none; } .narrowtable { width: 100%; margin: 0 1em; } .narrowtable table.wiki-content-table { border: hidden; border-collapse: separate; } .narrowtable table.wiki-content-table td { border: hidden; !important } #toc {border: hidden;} /***** BREADCRUMBS *****/ #breadcrumbs{ display: none; } /* Pop-up hover text over images or links */ .hover span { display: none; } .hover:hover span { position: absolute; display: inline; height: auto; width: auto; color: #000000; } .hover:hover span span { position: relative; margin: auto; height: auto; width: auto; border: none; padding: 0; } .hover:hover { background-color: transparent; } /*Now the CSS family tree*/ * {margin: 0; padding: 0;} .tree ul { padding-top: 20px; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .tree li { float: left; text-align: center; list-style-type: none; position: relative; padding: 20px 5px 0 5px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } /*We will use ::before and ::after to draw the connectors*/ .tree li::before, .tree li::after{ content: ''; position: absolute; top: 0; right: 50%; border-top: 1px solid #ccc; width: 50%; height: 20px; } .tree li::after{ right: auto; left: 50%; border-left: 1px solid #ccc; } /*We need to remove left-right connectors from elements without any siblings*/ .tree li:only-child::after, .tree li:only-child::before { display: none; } /*Remove space from the top of single children*/ .tree li:only-child{ padding-top: 0;} /*Remove left connector from first child and right connector from last child*/ .tree li:first-child::before, .tree li:last-child::after{ border: 0 none; } /*Adding back the vertical connector to the last nodes*/ .tree li:last-child::before{ border-right: 1px solid #ccc; border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; } .tree li:first-child::after{ border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; } /*Time to add downward connectors from parents*/ .tree ul ul::before{ content: ''; position: absolute; top: 0; left: 50%; border-left: 1px solid #ccc; width: 0; height: 20px; } .tree li a{ border: 1px solid #ccc; padding: 5px 10px; text-decoration: none; color: #666; font-family: arial, verdana, tahoma; font-size: 11px; display: inline-block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } /*Time for some hover effects*/ /*We will apply the hover effect the the lineage of the element also*/ .tree li a:hover, .tree li a:hover+ul li a { background: #c8e4f8; color: #000; border: 1px solid #94a0b4; } /*Connector styles on hover*/ .tree li a:hover+ul li::after, .tree li a:hover+ul li::before, .tree li a:hover+ul::before, .tree li a:hover+ul ul::before{ border-color: #94a0b4; } /*Thats all. I hope you enjoyed it. Thanks :)*/ @import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');