Stock Capture Photos Theme
rating: 0+x
example.png

An image

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);
}