Stock Capture Photos Theme
To use this theme, put the following syntax at the very top of your article (doesn't actually work yet tho):
[[include component:stock-capture-photos-theme]]
@import url('https://fonts.googleapis.com/css?family=Fjalla+One'); @import url('https://fonts.googleapis.com/css?family=Nanum+Gothic'); /* Stock Capture Photos Theme [2019 Wikidot Theme] Created by Axonium for SCP-[doesn't exist yet lol]. Based on SCP Sigma 9 Theme created by Aelanna and Dr Devan, MC&D Theme created by Randomini, and Wilson's Wildlife Solutions Theme created by stormbreath and DarkStuff. WORK IN PROGRESS! DO NOT USE THIS YET! */ /* RECOLOR THE TITLE */ h1, #page-title { color: #3F3F3F;} #page-title { font-weight: lighter; border-color: #3F3F3F; } /*RECOLOR THE LINKS */ a { color: #609393;} a.newpage { color: #cccde0;} #side-bar a:visited{ color: #609393; } a:visited { color: #3A8622; } /*HEADER IMAGES*/ div#container-wrap { background: url(/local--files/component%3Astock-capture-photos-theme/scpphotosbg.png) repeat-x; } #header { background-image: url(/local--files/component%3Astock-capture-photos-theme/scpphotoslogo.png); } /* HIDE AND CHANGE HEADER TEXT */ #header h1 a { font-size: 150%; color: transparent; text-shadow: none; font-family: 'Fjalla One', sans-serif; } #header h1 a::before { content: "Stock Capture Photo Foundation"; color: #ffffff; text-shadow: 3px 3px 5px #000000; } #header h2 span { font-size: 100%; color: transparent; text-shadow: none; font-family: 'Nanum Gothic', sans-serif; } #header h2 span::before { content: "Your resource for specially crafted pics"; color: #ffffff; text-shadow: 1px 1px 1px #000; text-shadow: 1px 1px 1px rgba(0,0,0,.8); } /* RECOLOR THE SEARCH BAR */ #search-top-box-input:hover, #search-top-box-input:focus { background-color: #333 !important; } #search-top-box-input { background-color: #2a2a2a !important; color: white !important; } #search-top-box-form input[type="submit"] { background: none !important; background-color: #2a2a2a !important; color: white !important; } /* LOGIN STUFF */ #login-status { color: #3F3F3F; } #login-status a { color: #897543; } #login-status ul a { color: #3F3F3F; } #account-topbutton { background: #ccc; color: #3F3F3F; } /* IMAGE BLOCK RECOLORING */ .scp-image-block { border: solid 1px #3F3F3F; } .scp-image-block .scp-image-caption { background-color: #CCCDE0; border-top: solid 1px #3F3F3F; } /* MODULE RATE RECOLOR */ .page-rate-widget-box .rate-points { background-color: #727499!important; border: solid 1px #3F3F3F; } .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown { background-color: #CCCDE0; border-top: solid 1px #3F3F3F; border-bottom: solid 1px #3F3F3F; } .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a { background: transparent; color: #727499; } .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover { background: #727499; color: #3F3F3F; } .page-rate-widget-box .cancel { background: transparent; background-color: #727499; border: solid 1px #3F3F3F; } .page-rate-widget-box .cancel a { color: #f1fff0; } .page-rate-widget-box .cancel a:hover { background: #cccde0; color: #f1fff0; } /* INFO MODULE COMPATIBILITY */ .rate-box-with-credit-button { background-color: #727499 !important; border: 1px solid #3F3F3F !important; border-radius: 5px !important; box-shadow: 1px 1px 3px rgba(0,0,0,.5) !important; } .rate-box-with-credit-button .creditButton p a { border-left-color: #f1fff0 !important; } .rate-box-with-credit-button .page-rate-widget-box .cancel { border-radius: 0; } .rate-box-with-credit-button .page-rate-widget-box .rate-points { border-left: 0; } /* TAB RECOLORING */ .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { border-color:#CCCDE0; /* color between tab list and content */ } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background-color:#727499! important; /* tab background */ border-color:#3F3F3F; color:#3F3F3F; transition: 0.125s; } .yui-navset .yui-nav a em { background-color: #fdfdfd; box-shadow: 0px 1px 2px rgba(0,0,0,0.7); border-color: #b7a9a9; } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover { background-image: none; background-color: #727499; /* selected tab background */ color:white; } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em { border-color: transparent; box-shadow: 0px 1px 2px rgba(90,134,50,0.5); background-color: #727499; } .yui-navset .yui-content { background-color: #F7F7F7; /* content background color */ } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { border-color: #b7a9a9; /* content border */ border-top-color:#b7a9a9; /* different border color */ } .yui-navset-left .yui-content { border-left-color: #b7a9a9; /* different border color */ } /*SIDE BAR RECOLOR AND STUFF */ #side-bar .side-block { border: 1px solid #3F3F3F; } #side-bar .heading { color: #3F3F3F; border-bottom: solid 1px #3F3F3F; } #side-bar img { filter: hue-rotate(70deg); -webkit-filter: hue-rotate(70deg); } #side-bar div.side-block:nth-child(7) > div:nth-child(1) > div:nth-child(1) img { filter: none; -webkit-filter: none; } #side-bar .side-block { box-shadow: 0 2px 6px rgba(0,51,0,.5); } /* TOP BAR RECOLORING*/ #top-bar ul li ul { border: solid 1px #3d2b1f; } #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a { border-top: 1px solid #3F3F3F; border-bottom: 1px solid #3F3F3F; } #top-bar ul li.sfhover a, #top-bar ul li:hover a { background: #82a016; color: #ffffff; } #top-bar ul li ul a, #top-bar a:hover { color: #8db600; } #top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover { background: #cccde0; /* top bar hover background color */ } #top-bar a { color: #3F3F3F !important; } #top-bar a.collapsible-block-link { color: #3F3F3F !important; } /* RECOLOR THE TABLES */ #page-content .wiki-content-table tr th {background-color: #727499; color: white; border: 1px solid #3F3F3F;} /* RECOLOR THE QUOTEBLOCK */ blockquote {border-color: #cccde0; background-color: #cccde0; color:#3F3F3F;} #toc{border-color: #cccde0; background-color: #cccde0; color:#3F3F3F;} /* RECOLOR THE LINE BREAKS */ hr { background-color: #3F3F3F; } /* SCROLLBAR */ ::-webkit-scrollbar-track { background: #DAEAB9; } ::-webkit-scrollbar-thumb { background: #755400; } /* MOBILE REFORMATTING */ @media (max-width: 767px) { #header h1 a::before {font-size: 60%;} } @media (max-width: 767px) { #side-bar{background-color: #CCCDE0} .open-menu a { border: 0.2em solid #3F3F3F !important; background-color: #609393 !important; color: #3F3F3F !important; } } /* TRANSLATION BLOCK */ iframe.scpnet-interwiki-frame { filter: hue-rotate(75deg); -webkit-filter: hue-rotate(75deg); }