Theme #162
8-Bit

Owner	cyaneus
Listed	March 17, 2013
Modified	July 1, 2018
Descr	Marjorie is ready for adventure! She is Player One in this theme inspired by classic video games. If you are running a very old version of Internet Explorer or are viewing on a mobile device, some parts of this theme may display a little funny (this is true of the Classic theme as well). It's best viewed in a desktop browser.
CSS Code

@import url('https://fonts.googleapis.com/css?family=Press+Start+2P');
@import url(/css/base.css);

/* Non-content background color */
body > header, body > footer {
   color:white;
   background:#3399FF none;
   clear:both;
   text-shadow:none;
   padding-bottom:0em;
}

body {
   font:12px monospace;
   color:white;
   background:#3399FF none;
   text-shadow: none;}

a, a:link, a:visited {
   color:white; font-weight:bold;
   background:transparent none;
   text-shadow: none;}

a:hover {
   color:yellow; font-weight:bold;
   text-shadow: none; }


/**** MENU OPTIONS *****/
ul.menu {
   font-weight:bold; background:#669933;
   border-bottom:2px black solid;
   margin-top:0px; padding-top:0px;}

table.menu {
   background:#336600 none; font-weight:bold;
   border-top:2px #000000 solid;
   border-bottom:2px #000000 solid; }

ul.menu li ul, table.menu tr td {
   background:#669933 none; font-weight:bold; }

ul.menu li ul {
   border:2px black solid;
   border-top:none; font-weight:bold;  margin-right:9px;}

.menu, .menu a, .menu a:link, .menu a:visited {
   color:white; background:#669933;
   font-size: 15px; text-transform: uppercase; font-weight:bold;
   text-shadow:1px 1px 1px black; text-align: left; text-indent: 23px;}

.menu a:hover {
   color:yellow; font-weight:bold;
   background: url(http://cyaneus.com/remote/8bitmenubarhover.gif) no-repeat;
   text-shadow:1px 1px 1px black; }

.menu ul li, .menu ul li a, .menu ul li a:link, .menu ul li a:visited {
   color:white; font-weight:bold;
   background: transparent none;
   text-shadow:1px 1px 1px black; }

.menu ul li a:hover {
   color:yellow; font-weight:bold;
   background:#336600 url(http://cyaneus.com/remote/8bitmenubarhover.gif) no-repeat;
   text-shadow:1px 1px 1px black; }

.menu .gap {
   width:27px;
   height:25px;
   background:transparent url(http://cyaneus.com/remote/8bitlocknlock.gif); }

/**** WIDGET HEADER OPTIONS *****/
h2, .note h2, .widget.note .header {
   color:yellow; text-align: left;
   border:0px solid; margin-left:0px; margin-right:0px;
   font-family: 'Press Start 2P', monospace; font:15px; font-weight:normal; text-transform: uppercase; font-weight:bold; text-indent: 5px; 
   text-shadow:1px 1px 1px #000000;
   background:#336600;}

.logoJpg, .logoGif {
   width:168px;
   height:198px;
   background:transparent url(http://cyaneus.com/remote/8bitlogo.gif); }

.logoGif {background:transparent url(http://cyaneus.com/remote/8bitlogo.gif);}


/**** CONTENT OPTIONS *****/
#content {
   font:12px monospace;
   color:black;
   background:white none;
   padding:1em 1em 0; }

.buttonLink, .buttonPanel, .icon, {color:#ffcc00; font:16px monospace; font-weight:bold; background:##ffcc00; border:0px; text-transform: uppercase; }

#content a {color:#336600; font:12px monospace; font-weight:bold; background:##ffcc00; border:0px; }
#content a:link {color:#336600; font:12px monospace; font-weight:bold; background:##ffcc00; border:0px; }
#content a:visited {color:#993300; font:12px monospace; font-weight:bold; background:##ffcc00; border:0px; }
#content a:hover {color:#ffff00; font-weight:bold;
   background:#3399ff url(none); box-shadow:none; border-color:transparent; border:0px; background-size: 100% 100%; }
.stretch { min-width:100%; min-height:100%; width:auto; height:auto;}

.bgLight, .note, .frame {background:#f2fed2; border:2px #336600 solid;}

.bgDark, .note .header {border-bottom:2px #336600 solid; padding:0px;
   background:transparent url(none);
   background-size: 100% 100%; }
.stretch { min-width:100%; min-height:100%; width:auto; height:auto; }

.bgMid, .note .footer, legend, label {background:#d6eab2 none; border:0px #669933 solid; font-weight:bold; font:16px; font-family: 'Press Start 2P', monospace;}

.note a {color:#005; font-weight:bold;}

.note a:visited {color:#006; font-weight:bold;}

.note a:hover {background:#fffff0 none; font-weight:bold;}

.note .quote {background:#fffff0 none; font-weight:bold;}

.note .quote, .thinBorder, .frame {border:2px #669933 solid;}

.accesskey {color:black; font-weight:bold;}

.redBold {color:red; font-weight:bold;}

h1 { color:#7719b8; font-family: 'Press Start 2P', monospace; font:18px; text-transform: uppercase; font-weight:bold; text-shadow:1px 1px 1px 1px #000000}

h2, h3, h4 { color:#ffcc00; font:18px monospace; text-transform: uppercase; font-weight:bold; text-shadow:1px 1px 1px 1px #000000}





#header {
   border:0px #669933 solid; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;
   background:#669933 url(http://cyaneus.com/remote/8bittitlebar.gif) repeat-x 0 0; height:90px; }

#headerTitle {
   background:#3399FF url(none); display: none;}

#headerSubtitle { 
   color:white; font:16px monospace; font-weight:bold; text-transform: uppercase;
   background:#3399FF;
   border:0px #3399ff solid; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;
   text-shadow:1px 1px 1px black, 0 0 1px black; }