CAPA CSS
/*Color Scheme 007 Goodnights Lullaby Green #CFE5D0 (207,229,208,1) Lullaby #E6E9EC (230,233,236,1) Lullaby Blue #7DB7BB (125,183,187,1) Reverie #F6DCBE (246,220,190,1) Dream Stuff #F3A7C6 (243,167,198,1) CAPA #3773b6 (55,115,182,1) CAPA Skin #b49797 (180,151,151,1) */ /** 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: 14 Dec 2014 * * Colors: * Primary A : #125eb5 * Primary B : #0d4482 * Secondary A : #3773b6 * Secondary B : #275282 * Light A : #EFF7FF * Light B : #BAC8D3 * Text A : #D3D3D8 * Text B : #E7E7EA * Text C : #FFFFFF * ***************************************************************************/ @import url('/css:standard-theme/code/1'); :root { --color-capa: #3773b6; --color-capa-2: #CFE5D0; --color-capa-3: #E6E9EC; --color-capa-4: #7DB7BB; --color-capa-5: #F6DCBE; --color-capa-6: #F3A7C6; --color-1-a: #125eb5; --color-1-b: #0d4482; --color-2-a: #3773b6; --color-2-b: #275282; --color-light-a: #EFF7FF; --color-light-b: #BAC8D3; --color-text-a: #D3D3D8; --color-text-b: #E7E7EA; --color-text-c: #FFFFFF; } /* Primary A ==============================================================================*/ a, .pager > .target > a, .pager > .current, .pager > .dots, nav .side-bar ul li a:hover, .hover{ color: #125eb5; } .image-box.image-box-primary .image-box-caption{ color: #125eb5 !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: #125eb5; } .image-box.image-box-primary .image-box-heading{ background-color: #125eb5 !important; } .image-box.image-box-primary .image-box-link:hover, .image-box.image-box-default .image-box-link:hover{ border-color: #125eb5 !important; } .pager > .current, nav .side-bar ul li a:hover, .panel.panel-primary, .panel.panel-primary .panel-heading, .hover{ border-color: #125eb5; } /* Primary B ==============================================================================*/ .pager > .current{ border-bottom-color: #0d4482; } .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: #0d4482; } /* Secondary A ==============================================================================*/ a:hover, a:focus{ color: #3773b6; } 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: #3773b6; } .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: #3773b6; } .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(55, 115, 182, 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: #275282; } /* 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; } /* LAYOUT ==============================================================================*/ main > .content .page-title{ } header.header-wrap { background-image: url('http://capa.wdfiles.com/local--files/home%3Ahome/capa-tile.png'); } .container.header { background-image: url('http://capa.wdfiles.com/local--files/home%3Ahome/capa-banner-bg.png'); background-position: top center !important; background-size: 540px !important; } .hover-classic:hover span { border: 1px solid #275282; background: -webkit-linear-gradient(top,rgba(255,255,255,1),rgba(230,233,236,1)); background: -o-linear-gradient(bottom,rgba(255,255,255,1),rgba(230,233,236,1)); background: -moz-linear-gradient(bottom,rgba(255,255,255,1),rgba(230,233,236,1)); background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(230,233,236,1)); }
