Link to article: Jiwoahn's Author Page.
:root {
--header-title: "SoCal Petroleum";
--header-subtitle: "Supplying Cars their Power";
--sp_header-logo: url(https://scp-wiki.wdfiles.com/local--files/brighton-high/Car%20Foundation%20Logo%20FINAL.png);
--sp_header-logo-size: 6.25rem;
--sp_header-logo-adaptive-size: min(var(--sp_header-logo-size), calc(var(--sp_header-logo-size)*0.575 + 5vw));
--sp_header-height: 8.75rem;
}
.scp-image-block.block-right { margin: 1em 2em 1em 1em; }
#page-title{display:none}
.footnotes-footer {
visibility: hidden;
height: 0;
padding: 0;
margin: 0;
}
.skin_note {
background: #fffff0;
background-size: 400px;
background-position: center;
background-repeat: no-repeat;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
width: 75%;
min-height: 4rem;
margin-left: auto;
margin-right: auto;
padding: 1px 15px;
word-break: break-word;
}
/* ==== YUI TAB BASE ==== */
.yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a{background-color:inherit;background-image:inherit}.yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus{background:inherit;text-decoration:inherit}.yui-navset .yui-nav .selected a,.yui-navset .yui-nav .selected a:focus,.yui-navset .yui-nav .selected a:hover{color:inherit;background:inherit}.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav{border-color:inherit}.yui-navset li{line-height:inherit}
/* ==== YUI TAB CUSTOMIZATION ====
* Adapted From 'Black Highlighter Theme'
**/
.yui-navset * {
transition:
color 80ms cubic-bezier(.4, 0, .2, 1),
background-color 80ms cubic-bezier(.4, 0, .2, 1);
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
display: flex;
flex-wrap: wrap;
width: calc(100% - .125rem);
margin: 0 auto;
border-color: hsl(360, 94%, 20%);
box-shadow: 0 calc(.0625rem * 5) 0 0 hsl(360, 94%, 20%);
}
.yui-navset .yui-nav a, /* == Link Modifier == */
.yui-navset .yui-navset-top .yui-nav a {
color: hsl(0, 0%, 5%);
/* ==== Tab Background Colour | [UNSELECTED] ==== */
background-color: hsl(0, 0%, 99%);
/* ==== */
background-image: none;
border: unset;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
color: hsl(0, 0%, 96%);
/* ==== Tab Background Colour | [HOVER] ==== */
background-color: hsl(360, 100%, 27%);
/* ==== */
}
.yui-navset .yui-nav li, /* == Listitem Modifier == */
.yui-navset .yui-navset-top .yui-nav li {
position: relative;
display: flex;
flex-grow: 2;
max-width: 100%;
margin: 0;
padding: 0;
background-color: hsl(0, 0%, 96%);
border-color: transparent;
box-shadow: 0 0 0 .0625rem hsl(360, 94%, 20%);
}
.yui-navset .yui-nav li a,
.yui-navset-top .yui-nav li a,
.yui-navset-bottom .yui-nav li a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.yui-navset .yui-nav li em {
border: unset;
}
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
padding: .35em .75em;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.yui-navset .yui-nav .selected, /* == Selection Modifier == */
.yui-navset .yui-navset-top .yui-nav .selected {
flex-grow: 2;
margin: 0;
padding: 0;
/* ==== Tab Background Colour | [SELECTED] ==== */
background-color: hsl(360, 94%, 20%);
/* ==== */
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
border: hsl(360, 94%, 20%);
}
.yui-navset .yui-nav .selected a {
width: 100%;
color: hsl(0, 0%, 96%) !important;
background-image: none;
}
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
color: hsl(0, 0%, 96%);
background-color: hsl(360, 94%, 20%);
}
.yui-navset .yui-nav .selected a:hover {
cursor: default;
}
.yui-navset-left .yui-content {
/* ==== Content Background ==== */
background-color: hsl(0, 0%, 99%);
/* ==== */
}
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
padding: 1em;
border-color: hsl(0, 0%, 60%);
}
border: none; width: 100%;
text-align: right;
text-align: right;
:scp-wiki:component:sigma-plus
[info]
:scp-wiki:component:toggle-sidebar
[info]
:scp-wiki:component:croqstyle
[info]
component:preview
component:image-block
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
bblock
bblock
skin_note
skin_note
skin_note
skin_note
skin_note
skin_note
skin_note
skin_note
skin_note
skin_note
skin_note
skin_note
skin_note
skin_note
skin_note
skin_note
skin_note
skin_note
skin_note
skin_note