Halloween Theme
/* RPC Authority Halloween Theme
   [2018 Wikidot Theme] 
   Made for the RPC Authority by Dr Vaughn */
 
/* Color Palette:
    #130912,
    #3E1C33,
    #602749,
    #B14623,
    #F6921D */
 
@import url('http://rpcsandbox.wikidot.com/halloween-theme-b-fonts/code/1');
@import url('https://fonts.googleapis.com/css?family=IM+Fell+DW+Pica');
 
/* CUSTOM PROPERTIES */
 
:root {
    --palette-a: #130912;
    --palette-b: #3e1c33;
    --palette-c: #602749;
    --palette-d: #b14623;
    --palette-e: #f6921d;
}
 
/* MAIN */
 
body {
    background: linear-gradient(to bottom, var(--palette-a), var(--palette-b));
}
 
a, #top-bar a {
    color: var(--palette-d);
}
 
a:hover {
    color: var(--palette-e);
}
 
h1, #page-title {
    color: var(--palette-e);
    background: -webkit-linear-gradient(var(--palette-e), var(--palette-d));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-filter: drop-shadow(3px 3px 3px #000);
            filter: drop-shadow(3px 3px 3px #000);
}
 
#page-title {
    border-bottom: 1px solid var(--palette-d);
}
 
h2 span, h3 span, h4 span, h5 span, h6 span {
    color: var(--palette-d);
}
 
span, p {
    color: #ccc;
}
 
textarea, #lock-info, input.text {
    background: #231121 !important;
    border: 1px solid var(--palette-a);
    border-radius: 2px;
    box-shadow: 0px 2px 6px #000;
    color: #ccc;
}
 
.edit-help-34 {
    color: #ccc;
}
 
ul {
    color: #ccc;
}
 
/* HEADER */
 
div#container-wrap {
    background: url(http://rpcsandbox.wikidot.com/local--files/halloween-theme-b/halloween-header-4.png) top center repeat-x;
}
 
#header {
    background: url(http://rpcauthority.wikidot.com/local--files/halloween-theme/rpc-halloween-logo.png) 5px 22px no-repeat;
}
 
#header h1 {
    margin: -15px 0 15px 120px;
    background: none;
}
 
#header h1 a {
    color: transparent;
    text-shadow: none;
}
 
#header h1 a:before {
    content: "RPC Spookthority";
    color: var(--palette-e);
    font-family: "Riky Vampdator";
    font-weight: normal;
    font-size: 140%;
    background: -webkit-linear-gradient(var(--palette-e), var(--palette-d));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
 
#header h2 {
    margin-left: 300px;
    font-size: 130%;
}
 
#header h2 span {
    font-family: "IM Fell DW Pica";
    color: var(--palette-d);
}
 
#top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover {
    color: var(--palette-e);
    background: var(--palette-b);
}
 
/* SEARCH BAR */
 
#search-top-box-input {
    border: solid 1px var(--palette-a);
    color: #d6d6d6;
    background-color: var(--palette-b);
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.5);
}
 
#search-top-box-input:hover, #search-top-box-input:focus {
    border: solid 1px var(--palette-a);
    color: #d6d6d6;
    background-color: var(--palette-c);
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.5);
}
 
#search-top-box-form input[type=submit] {
    border: solid 1px var(--palette-a);
    color: #d6d6d6;
    background-color: var(--palette-b);
    background: linear-gradient(var(--palette-c), var(--palette-b));
}
 
#search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus {
    border: solid 1px var(--palette-a);
    color: #d6d6d6;
    background-color: #77315b;
    background: linear-gradient(#77315b, #562747);
}
 
/* SIDEBAR */
 
#side-bar .menu-item>a:hover {
 
  background-color: #000001;
 
  color: #b14623;
 
  text-decoration: none;
}
 
/* RATING MODULE */
 
.rate-module-container {
    border: none !important;
}
 
.rate-module {
    border: 1px solid var(--palette-a) !important;
    box-shadow: 0px 2px 6px #000 !important;
}
 
.rate-module-stars {
    background-color: var(--palette-a) !important;
    box-shadow: inset 0px 0px 2px rgba(0,0,0,0.3) !important;
}
 
.rate-module-counter {
    background-color: var(--palette-b) !important;
    border-left: 1px solid var(--palette-a) !important;
}
 
/* TABS */
 
.yui-navset .yui-content {
    background-color: var(--palette-a);
    color: #ccc;
    border-radius: 0px 2px 2px 0px;
    box-shadow: 0 2px 6px #000;
}
 
.yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content {
    border: 1px solid var(--palette-a);
}
 
.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
    border: solid var(--palette-d);
    border-width: 0 0 5px;
}
 
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover {
    background: var(--palette-a);
    color: var(--palette-d);
}
 
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em {
    border-color: var(--palette-d);
}
 
.yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
    background-color: var(--palette-a);
    color: #ccc;
}
 
.yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus {
    background: #231121;
}
 
/* BLOCKQUOTES */
 
blockquote {
    border: 1px solid var(--palette-a);
    background-color: var(--palette-a);
    box-shadow: 0px 2px 6px #000;
}
 
/* POPUPS */
 
.owindow {
    background: var(--palette-a);
    border-radius: 2px;
    border: 1px solid var(--palette-a);
}
 
.owindow .title {
    background: #231121;
    color: #ccc;
}
 
.owindow .content img {
    padding: 0 !important;
}
 
.owindow .content h1 {
    padding-left: 120px;
}
 
.owindow .content table {
    padding-left: 20px;
    color: #ccc;
}
 
.owindow .button-bar a {
    background-color: var(--palette-b);
    border: 1px solid var(--palette-a);
    border-radius: 2px;
    box-shadow: 0px 2px 10px rgba(0,0,0,0.3);
}
 
.owindow .button-bar a:hover {
    background-color: #4c233f;
    border: 1px solid var(--palette-a);
    border-radius: 2px;
    box-shadow: 0px 2px 10px rgba(0,0,0,0.3);
}
 
/* FOOTER */
 
#page-options-container, #action-area table, .page-source {
    color: #ccc;
}
 
#footer {
    background: var(--palette-c);
}
 
#license-area {
    color: #ccc
}

[[/collapsible]]
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License