CSS

SM Quick Template
By: Whane The Whip
Version: 3.03
Fonts: https://fonts.google.com/
Notice: The United States Copyright office does not recognize CSS as a valid document. Any claims of copyright of CSS is copyfraud.

@import url('https://fonts.googleapis.com/css?family=Yantramanav:100,300');
 
/*  Stripped down editor UI, revised by WTW */
/*  Be sure to set perms in "_admin > security > permissions" */ 
/*  to hide page options */ 
 
#edit-diff-button { display: none; }
#pagerate-button { display: none; }
#print-button { display: none; }
#site-tools-button { display: none; }
#lock-info { display: none; }
.edit-help-34 { display: none; }
.page-watch-options { display: none; }
#wd-editor-toolbar-panel div + div { display: none; }
#np-editor-panel div + div { display: none; }
 
/*-------------------------------------------------------------
 
  SM Quick Template: Whane The Whip
  V3.02
  The United States Copyright office does not recognize CSS as a
  valid document. Any claims of copyright of CSS is copyfraud.
  http://whanethewhip.wikidot.com/article:you-cannot-copyright-css
 
---------------------------------------------------------------*/
 
/*-------------------------------------------------------------
   GLOBAL ############################
---------------------------------------------------------------*/
 
#p.thick {
    font-weight: bold;
    color: #bc9839;
}
 
html {
    background: url();
    background-color:white;
}
 
p {
    margin: 30px 0;
    line-height: 1.38em;
}
a {
    color: blue;
    text-decoration: none;
}
a:hover {
    color: blue;
    text-decoration: underline;
    background-color: transparent;
}
 
h1, h2, h3, h4, h5, h6 {
    color: #000000;
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 1.2em;
    margin: 16px 0;
}
 
h1 {font-size: 165%;}
h2 {font-size: 155%;}
h3 {font-size: 145%;}
h4 {font-size: 135%;}
h5 {font-size: 125%;}
h6 {font-size: 115%;}
 
input[type=text], textarea {
    padding: 4px;
    margin: 5px 0;
}
 
/*-------------------------------------------------------------
   LOGIN STATUS ########################
---------------------------------------------------------------*/
 
#login-status { display:none; }
 
/*-------------------------------------------------------------
   LAYOUT ############################
---------------------------------------------------------------*/
 
body {
    background: #000 url(http://illumiblocki.wdfiles.com/local--files/css/cryptocurrency-bg.jpg) no-repeat center center fixed;
    background-position:center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #000;
    background-color:white;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 1.3em;
    overflow-x:hidden;
}
 
#container-wrap {
    margin: 0 auto;
    width: 960px;
}
 
/*-------------------------------------------------------------
   HEADER ############################
   Note: For larger header: #header {height} + #header h1 {height}
---------------------------------------------------------------*/
 
#header {
    height: 0px;
    position: relative;
    background-color: #fff;
    width: 902px;
    left: 28px;
}
 
/*-------------------------------------------------------------
   CUSTOM LOGO ########################
---------------------------------------------------------------*/
 
#header h1 a span{
    display:none;
}
 
#header h2{
    display:none;
}
 
#header h1 a, #header h1 a:hover{
    display: none;
    display: block;
    margin: 0; padding:0;
    background-image: url(http://illumiblocki.wdfiles.com/local--files/css/illum-site-header-1-alt.png);
    background-size: 100% 100%;
    width: 300px;
    height: 32px;
    opacity: 1;
}
 
/*-------------------------------------------------------------
   LOGIN STATUS ########################
---------------------------------------------------------------*/
 
#login-status {
    color: #666;
    position: absolute;
    top: 3px;
}
#login-status .printuser a {
    display: none;
}
a#account-topbutton {
    background: none;
    border: none;
}
#login-status a {
    padding: 0 3px;
    color: #666;
    text-decoration: none;
}
#login-status a:hover {color: #222;}
#account-options {
    width: 140px;
    text-align: center;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.4);
    box-shadow: 0 0 3px rgba(0,0,0,0.4);
}
 
/*-------------------------------------------------------------
   SEARCH BOX #########################
---------------------------------------------------------------*/
 
#search-top-box {
    display:none;
    position: absolute;
    right: 0px;
    top: 108px;
    height: 48px;
    width: 240px;
    text-align: right;
}
#search-top-box input.text {
    width: 135px;
    margin: 12px 40px 0 0;
    padding-right: 15px;
    background: #d2d2d2;
    border: none;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: background 150ms linear;
    -moz-transition: background 150ms linear;
}
#search-top-box input.text:focus {
    background: #fff;
    outline: none;
}
#search-top-box input.text.empty {
    color: #666;
    font-style: italic;
}
#search-top-box input.button {
    position: absolute;
    top: 5px;
    right: 10px;
    border: none;
    display: block;
    width: 36px;
    height: 36px;
    padding: 0;
    background: transparent url(http://hold.wdfiles.com/local--files/css%3Ablackbar/freshly-searchButton.png) no-repeat left top;
    color: transparent;
    text-indent: -9999px;
    font-size: 0;
    line-height: 0;
}
#search-top-box input.button:hover {
    background-position: left -36px;
}
 
/*-------------------------------------------------------------
   MAIN CONTENT ########################
---------------------------------------------------------------*/
 
#content-wrap {
    position: relative;
    padding: 0px 15px 0;
    padding-top: 90px;
    clear: both;
    overflow: hidden;
    /*-webkit-box-shadow: 0 -2px 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 -2px 10px rgba(0,0,0,0.3);
    box-shadow: 0 -2px 10px rgba(0,0,0,0.3);*/
}
 
#page-title {
    display: none;
    border: none;
    font-size: 40px;
    width: 884px;
    padding: 10px;
    font-weight: normal;
    text-decoration: none;
    color: #000;
    letter-spacing: -1px;
    background-color: #fff;
}
 
#main-content {
    float: left;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border-right: 1px solid #ccc;
}
 
#page-content {
    background-color: #ebebeb;
    font-size: 20px;
    font-family: 'Yantramanav', 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
    font-style: ;
    font-variant: ;
    font-weight: 300;
    line-height: px;
    margin: 0 auto;
    margin-left: 14px;
}
 
/*-------------------------------------------------------------
   SIDEBAR ###########################
---------------------------------------------------------------*/
 
/*----- OG SIDEBAR (For Reference) -----------------------
#side-bar{
    float: right;
    padding: 10px;
    width: 250px;
    margin: 0;
    overflow: hidden;
}
#side-bar a {color: #f6ff00;}
#side-bar a:hover {color: #f6ff00; text-decoration: underline;}
#side-bar ul {
    list-style-type: none;
    padding: 0 5px 0;
}
----------*/
 
/*----- SIDEBAR ON LEFT (OPTION) --------------------------------
 
#page-title {margin-left: 10px;}
#side-bar {float: left;}
 
#main-content {
    float: right;
    border-right: none;
    border-left: 1px solid #ccc;
}
----------*/
 
/*----- NO SIDEBAR (DEFAULT) ------------------------------------*/
 
#side-bar {display: none;}
#main-content {
    width: 100%;
    border: none;
    margin-top: -17px;
    margin-left: -1px;
    opacity: 0.95;
}
#page-content {
    width: 97%;
}
 
/*-------------------------------------------------------------
   BREADCRUMBS ########################
---------------------------------------------------------------*/
 
#breadcrumbs {
    color: #888;
    padding: 0 10px;
}
#breadcrumbs a {color: #888;}
#breadcrumbs a:hover {color: #ff9600;}
 
/*-------------------------------------------------------------
   FOOTER ############################
---------------------------------------------------------------*/
 
#page-options-container {
    margin-right: 5px;
}
 
#footer {
    color: #ebebeb;
    padding: 12px 0px 12px;
    font-size: 0.95em;
    margin-top: 0;
    margin-right: 5px;
    margin-left: 28px;
    background: black;
    opacity:;
    border-top: 1px solid #ccc;
    width:902px;
}
#footer .options {font-size: 100%;}
#footer a, #license-area a {
    color: #faf9a7;
    text-decoration: none;
}
#footer a:hover, #license-area a:hover {color: #faf9a7; text-decoration:underline;}
#license-area {
    padding: 0 10px 10px;
    color: #999;
    font-size: 0.95em;
    background: #eee;
    position: absolute;
    bottom: 0;
    margin: 0;
    width: 940px;
}
/* background for the footer - if you use a custom footer, change the height property to suit */
#extra-div-1 { 
    position: absolute;
    width: 90%;
    height: 69px; /* change me! */
    background: #eee;
    bottom: 0;
    left: 0;
    z-index: -30;
    border-top: 1px solid #ccc;
}
 
/*-------------------------------------------------------------
   WIKI ELEMENTS #######################
---------------------------------------------------------------*/
 
#action-area h1 {
    font-size: 200%;
}
.code {
    display: block;
    padding: 10px;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
 
/* ----- original archived here
blockquote {
    background: #dfdfdf;
    border: none;
    border-top: 2px solid #adadad;
    color: #444;
    font-family: Georgia, “Times New Roman”, Times, serif;
    font-style: italic;
    padding: 3px 10px;
}
-------*/
 
blockquote {
    background: #7d7d7d;
    border: none;
    border-top: 4px solid #000000;
    color: white;
    font-family: Georgia, “Times New Roman”, Times, serif;
    font-style: ;
    padding: 3px 30px;
}
 
/*-------------------------------------------------------------
   COMMENTS ##########################
---------------------------------------------------------------*/
 
.comments-box {
    border-top: 2px solid #eee;
    margin: 10px 0;
}
.comments-box h1 {
    color: #444;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 0 10px;
    text-transform: uppercase;
}
.post-container {
    background: #244b4a;
    padding: 0 10px;
    position: relative;
    margin: 15px 0;
    margin-right:25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.post-container .post {
    margin: 0;
    padding: 5px 0 2px;
}
.post-container .head .info, .post-container .head {
    margin: 0;
    border: none;
    background: none !important;
    text-transform: none;
}
 
.post-container .head .info .printuser a {
    color: #ff9600;
    text-transform: none;
    font-weight: bold;
    font-size: 14px;
}
.post-container .head .info .printuser a:hover {
    background: none;
    color: black;
}
.post-container .head .info .odate {
    float: right;
    color: #777;
}
 
.post-container .head .options, .post-container .head .info .printuser.avatarhover a img {
    display: none;
}
.post-container .options {
    margin: 5px 0 0;
    padding: 5px 0 0;
}
.post-container .post .options a {
    color: #444;
    padding: 4px 8px 0;
    text-decoration: none;
    text-transform: uppercase;
}
.post-container .post .options a:hover {
    color: #ff9600;
}
 
/*-------------------------------------------------------------
   BUTTONS ############################
---------------------------------------------------------------*/
 
div.buttons input, input.button, button, file, a.button, 
.button-bar a, #new-post-button, .rate-points, .rateup a, 
.ratedown a, .cancel a, .pager a, .new-post a {
    height: auto;
    padding: 4px 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #444;
    border: none;
    color: #fff;
    font-size: 1.1em;
    margin: 0 5px;
}
div.buttons input:hover, input.button:hover, button:hover, 
file:hover, a.button:hover, .button-bar a:hover, #new-post-button:hover, 
.rateup a:hover, .ratedown a:hover, .cancel a:hover, .pager a:hover, 
.new-post a:hover {
    color: #000;
    background-color: #ff9600;
    border: none;
    text-decoration: none;
    cursor: pointer;
}
.page-rate-widget-box .rate-points, .pager .current {
    padding: 4px 6px;
    font-size: 1.1em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
}
 
.pager a, .pager a:hover, .pager .current, .page-rate-widget-box a {
    padding: 3px 8px;
}
 
/*-------------------------------------------------------------
   CORNER AD ##########################
---------------------------------------------------------------*/
 
.corner-info {
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 100;
}
 
.corner-info  {
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 100;
    width: 180px;
    height: 180px;
}
 
.signup {
    text-align:;
    width: 290px;
    padding: 1px 8px 5px 8px;
    position: relative;
}
 
.slider {
    position: absolute;
    top: -80px;
    margin-left: -30px;
    z-index: 100;
    width: 953px;
    height: 246px;
}
 
/*-------------------------------------------------------------
   TOP NAV BAR #########################
---------------------------------------------------------------*/
 
#top-bar {
    bottom: -80px;
    height: 48px;
    display: block;
    left: 0px;
    position: absolute;
    text-transform: uppercase;
    width: 902px;
    z-index: 2;
    background-color: black;
    font-weight: ;
}
#top-bar ul {
    float: left;
    padding: 0;
    height: 33px;
    margin-top: 9px;
    border-right: 0px solid #000;
    border-left: 0px solid #444;
}
#top-bar ul li {
    background: none;
    display: inline;
    font-size: 16px;
    padding: 0 5px 0;
    margin: 0;
    position: relative;
    border-right: 0px solid #444;
    border-left: 0px solid #000;
}
#top-bar ul li a {
    color: white;
    padding: 9px 22px 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
#top-bar ul li a:hover,
#top-bar ul li a.current-link {
    color: #acacac;
}
#top-bar ul li a:hover,
#top-bar ul li.sfhover a {
    background: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 3px #acacac inset;
    -moz-box-shadow: 0 1px 3px #acacac inset;
    box-shadow: 0 1px 3px #acacac inset;
}
#top-bar ul li ul {
    color: #fff;
    visibility: hidden;
    opacity: 0;
    font-size: 1em;
    left: 6px;
    line-height: 1.8em;
    padding: 0;
    position: absolute;
    z-index: 100;
    width: 160px;
    background-color: black;
    height: auto;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.6);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.6);
    box-shadow: 0 1px 4px rgba(0,0,0,0.6);
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
}
#top-bar ul li:hover ul {
    display: inline-block;
    opacity: 1;
}
#top-bar ul li ul li {
    padding: 0 10px;
    background: none;
    border: none;
    display: inline-block;
    width: auto;
}
#top-bar ul li ul li a {
    background: none;
    padding: 5px;
    text-transform: none;
}
#top-bar ul li ul li a:hover,
#top-bar ul li.sfhover ul li a
 {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#top-bar ul li ul li ul {
    position: absolute;
    left: 160px;
    top: 0;
    opacity: 0 !important;
    visibility: hidden;
}
#top-bar ul li ul li:hover ul {
    opacity: 1 !important;
    visibility: visible;
}
 
/*-------------------------------------------------------------
   BULLET EDITS ########################
---------------------------------------------------------------*/
 
ul, li {
    line-height: 1.2em;
}
 
/*-------------------------------------------------------------
   ADMIN FOOTER & TOOL BOX ###############
---------------------------------------------------------------*/
 
#page-options-container {
    margin-right: 5px;
    width: 902px;
    margin-left: 14px;
    background-color: #ebebeb;
}
 
#action-area {
    width: 892px;
    background-color: #ebebeb;
    margin-left: 14px;
    padding: 5px;
}
 
/*-------------------------------------------------------------
   REDLINE (FOR SLIDER) ###################
---------------------------------------------------------------*/
 
.redline {
    height: 5px;
    background-color: red;
}
 
.redline2 {
    height: 6px;
    background-color: red;
}
 
.content {
    margin: -12px 20px 20px 20px;
    padding-top: 20px;
}
 
/*-------------------------------------------------------------
   WHIP'S INFO BOX ######################
---------------------------------------------------------------*/
 
/* --- Use This Markup ---
 
[[div class="statbox-container"]]
[[div class="statbox"]]
+++ Title Goes Here
Content goes here
[[/div]]
[[/div]]
 
--- End Markup Sample ---*/
 
.statbox-container {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: auto;
}
.statbox {
    width: 817px;
    background: #424242;
    padding: 10px 10px 5px 10px;
    margin:10px;
    color: #fff;
    font-size: 90%;
}
 
.statbox a { color: #6ac0f9; }
 
.statbox h3 {
    background: #3198dd;
    width: 470px;
    color: #fff;
    padding: 10px 5px;
    margin: 0;
    font-size: 160%;
    text-align: center;
    font-weight: bold;
}
 
.statbox h3 {
    position: relative;
    left: -15px;
}
 
.statbox {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6a6b6b), to(#424242));
    background-image: -moz-linear-gradient(top,#6a6a6a,#424242);
}
.statbox h3 {
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#33acfc), to(#3198dd));
    background-image: -moz-linear-gradient(top,#33acfc,#3198dd);
    text-shadow: #2187c8 0 -1px 1px;
}
 
.statbox a:link { color: #7fcafc; }
 
/*-------------------------------------------------------------
   WHIP'S MAIN PAGE ######################
---------------------------------------------------------------*/
 
.PCGames {
    float: left;
    width: 49%;
}
 
.Crane-and-Dragon-PBBG-List {
    float: left;
    width: 2%;
}
 
.Crane-and-Dragon-PBBG-List a:link { color: #ebebeb; }
.Crane-and-Dragon-PBBG-List a:visited { color: #ebebeb; }
.Crane-and-Dragon-PBBG-List a:hover { color: #ebebeb; }
.Crane-and-Dragon-PBBG-List a:active { color: #ebebeb; }
 
.PBBG {
    float: left;
    width: 49%;
}
 
/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
 
.bgw {
    background-color:white;
}
 
.pcgame {
    height:140px;
    background-color:lightgray;
    padding-left:10px;
    padding-right:10px;;
    margin-bottom: 15px;
    border: 2px solid black;
}
 
.pbbg {
    height:140px;
    background-color:#898989;
    color:white;
    padding-left:10px;
    padding-right:10px;
    vertical-align: text-top;
    margin-bottom: 15px;
    border: 2px solid black;
    background-image: url("");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 25%;
}

Subscription expired — please renew

Pro account upgrade has expired for this site and the site is now locked. If you are the master administrator for this site, please renew your subscription or delete your outstanding sites or stored files, so that your account fits in the free plan.