Skip to Content
Register · Login

A Letterboxing Community

Atlas Quest
Theme #162

8-Bit UnknownColorized

OwnercyaneusProfileContactLogbookNote
ListedMarch 17, 2013
ModifiedJuly 1, 2018
DescrMarjorie 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; }
Broken URL