FailSafe Theme

/*
    2019, Fail-Safe Contest, by Dr. Pierson. :)
    [2019 Wikidot Theme]
*/
 
div#container-wrap {
    background: url(http://rpcsandbox.wdfiles.com/local--files/component%3Anew-theme/Failsafe5) top left repeat-x !important;
}
 
/* ACCOUNT */
#login-status {
    color: #E2E2E2;
}
 
#login-status a {
    color: #E2E2E2;
}
#login-status a:hover {
    color: #E2E2E2;
}
#login-status ul a {
    background: #3F3F3F;
    color: #E2E2E2;
    border: solid 0px #3F3F3F;
    text-shadow: 1px 1px 1px rgba(0,0,0,.6);
 
}
#login-status ul a:hover {
    background: #D20618;
    color: #D1D1D1;
}
 
/* TOPBAR */
 
top-bar a {
    color: white;
    background: #3F3F3F;
    text-shadow: 1px 1px 1px rgba(0,0,0,.6);
}
#top-bar ul li ul {
    border: solid 0px #000000;
    border-top: 0;
 
}
#top-bar ul li a {
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1px;
    max-height: 1px;
    overflow: hidden;
    color: white;
 
}
 #top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: #87000D;
    border: solid 0px #87000D;
    color: white;
    text-shadow: 1px 1px 1px rgba(0,0,0,.6);
 
}
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-width: 0;
    width: 150px;
    height: auto;
    max-height: none;
    padding-top: 0;
    padding-bottom: 0;
 
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: #B01F2D;
 
}
#top-bar ul li ul a, #top-bar a:hover {
    color: white;
}
 
/* SIDEBAR */
 
#side-bar hr {
    display: none !important;
}
 
#side-bar .heading {
  font-size: 1.2em;
  padding: 0.5em 1em 0 -0;
  border-top: 2px solid #A8A8AA;
  margin: 1em calc(-1em + 2px) 0.5em 0;
  font-weight: bold;
  color: #B01F2D;
}
 
#side-bar div.menu-item a:hover {
    background-color: #B01F2D;
    transition: 0.2s ease-in-out;
}
 
/* LINKS */
 
a {
    color: #B01F2D;
}
a:hover {
    color: #FF3845;
}
a.newpage {
    color: #FF4F5A;
}
 
/* PAGE TITLES */
 
#page-title {
    color: #B01F2D;
    border-bottom: 2px solid #bbb;
 
}
 
h1 {
color: #B01F2D;
 
}
 
/* SEARCH BAR */
 
#search-top-box {
    right: none;
    left: 770px;
}
 
#search-top-box-input {
    border: solid 1px #17002C;
    background-color: #8A2A2F;
    color: #262626;
}
 
#search-top-box-input:hover, #search-top-box-input:focus {
    background-color: #3e3e3e;
}
 
#search-top-box-form input[type="submit"] {
    border: solid 1px #17002C;
    background-color: #707F4C;
    color: #fff;
    background: linear-gradient(to bottom, #861f1f, #ce0000);
}
 
#search-top-box-form input[type="submit"]:hover, #search-top-box-form input[type="submit"]:focus {
    border: solid 1px #17002C;
    color: #2D3718;
    background-color: #fff;
    background: linear-gradient(to bottom, #777, #eee);
}
 
/* TABS */
 
.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
    border-color: #C40B1E !important;
 
}
 
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover {
    background-color: #870816 !important;
}
 
.yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
    background-color: #AF1827 !important;
    color: #FFFFFF !important;
}
 
.footnotes-footer {
    border: 1px dashed #666666;
    width: 90%;
    margin: 1em auto;
    padding: .15em 1em;
 
}
.footnotes-footer, .page-options-bottom, .owindow .title, .math-equation, .bibitem, .thread-container .post .long .options {
    height: auto !important;
 
}
 
.footnote-footer{
     display: block;
     position: relative;
     width: 95%;
     margin: .5rem 1.5rem
}
 
#action-area{
    color: #C0C0C0;
}
 
.page-source{
    color: #C0C0C0;
}
 
/* HEADER */
 
#header {
    background: url(http://rpcsandbox.wdfiles.com/local--files/component%3Anew-theme/FailsafeSymbol) 50% 22px no-repeat;
    background-size: auto calc(9.5rem - 2.125rem);
}
 
#header h2 {
    margin-left: 180px;
    text-align: center;
}
 
#header h1 a, #header h2 span {
    color: transparent;
    text-shadow: none;
}
 
#header h2 span {
    all: unset;
    font-size: 0;
}
 
#header h1 a::before {
    color: white;
    font-family: 'Trebuchet MS', sans-serif;
    content: "故 障 保 险 协 议";
    font-size: 37px;
    margin-left: 188px;
    text-align: center;
    background: -webkit-linear-gradient(#AA6969, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
 
}
 
#header h2 span::before {
    color: #e3e3e3;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
    font-size: 95%;
    content: none;
    font-size: 18px;
    font-style: oblique;
    margin-left: 288px;
    text-align: center;
}
 
/* MEDIA */
 
@media screen and (orientation:portrait) {
 
#header {
    background: url(http://rpcsandbox.wdfiles.com/local--files/component:new-theme/FailSafe2.png) 50% 22px no-repeat;
}
 
#header h1 a::before {
    margin-left: 5px;
    text-align: center;
    font-size: 90% !important;
}
 
#header h2 {
    margin-left: -140px;
    text-align: center;
}
 
#header h2 span {
    all: unset;
    font-size: 0;
}
 
}
 
@media only screen
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
 
#header h1 a::before {
    margin-left: 90px;
    text-align: center;
    font-size: 130% !important;
}
 
#header h2 {
    margin-left: -10px;
    text-align: center;
}
 
#header h2 span {
    all: unset;
    font-size: 0;
}
 
}