rendered paste body/*Theme Name: DecodedTheme URI: N/AVersion: N/ATags: variable width, fixed navigation menu, fixed sidebar, collapsible / expandable navigation and sidebar, transparent navigation and sidebarDescription: An innovative approach to handle variable viewport sizes. The Navigation and Sidebar are collapsible, which keeps the focus on the content. When they expand, they have transparency so that the body content is still slightly visible. The Home Page design has four boxes that display: 1 -> Most recent News excerpt 2 -> Most recent Blog excerpt 3 -> Most recent 4 -> Something elseThe 404 "Not Found" page and the default Index are used to display the Site Map.Copyright 2008 Craigslist Decoded All rights reserved.*** NOTICE ***The Decoded Theme is still in Alpha development. PLEASE DO NOT USE THE DESIGN METHODS FOUND IN THIS SITE WITHOUT APPROVAL. CONTACT |Anthony| AT craigslistamc@gmail.com TO REQUEST APPROVAL AND FOR COLLABORATION INTERESTS.If you have any questions, comments, or concerns visit <http://www.craigslistdecoded.com> for more information!-------------------------------------------------------------- *//*@import Rules-------------------------------------------------------------- *//* These empty css selectors are temporarily here for compatiability with the WordPress theme repository checklist. */.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}/*End @import Rules-------------------------------------------------------------- *//*------------------------------------------------------------- */ html { { body { background-color: #3d3d3d; }/*------------------------------------------------------------- *//* Page Container------------------------------------------------------------- */ #container { position: absolute; padding: 0em; margin: 0em; top: 5em; left: 2em; right: 2em; width: auto; height: 100%; background-color: #3d3d3d; }/* End Page Container------------------------------------------------------------- *//* Content Body------------------------------------------------------------- */ #content { position: relative; padding: 0em; margin: auto; top: 0em; left: 0em; right: 0em; width: 900px; height: 100%; background-color: #3d3d3d; }/* End Content Body------------------------------------------------------------- *//* Decoded Navigation and Sidebar-------------------------------------------------------------- */ /* Navagation Placeholder ------------------------------------------------------------ */ #navigation { margin:0em; padding:0em; position:fixed; top:3em; left:0px; height:100%; width:12em; } /* End Navigation Placeholder ------------------------------------------------------------ */ /* Sidebar Placeholder ------------------------------------------------------------ */ #sidebar { margin:0px; padding:0px; position:fixed; top:3em; right:0px; height:100%; width:12em; } /* End Sidebar Placeholder ----------------------------------------------------------- */ /* Decoded Sidebar (Navigation and Widget) ----------------------------------------------------------- */ div.nav { margin:0px; padding:0px; position:absolute; top:0px; left:0px; height:100%; width:2em; } div.widg { margin:0px; padding:0px; position:absolute; top:0px; left:10em; height:100%; width:2em; } div.col a { background-color:#2c2c2c; text-decoration:none; display:block; width:2em; height:100%; } div.col a em { font-style:normal; font-family:serif; font-size:1em; font-weight:900; color:#ffaa55; display:block; text-align:center; text-transform:uppercase; background:#2c2c2c; height:1.5em; } div.col a:hover em { color:#ffcc88; font-weight:700; } div.col:hover + #navbar, #navbar:hover{ display:block; z-index:500; } div.col:hover + #sidebar, #sidebar:hover{ display:block; z-index:500; } /* End Decoded Sidebar (Navigation and Widget) ----------------------------------------------------------- */ /* Navbar by Lists ----------------------------------------------------------- */ /* REMEMBER TO KERN */ /* NEEDS TO BE CLEANED AND CONDENSED */ div#navbar { display: none; margin: 0px; padding: 0px; line-height: 2.1; position: fixed; top: 5em; left: 2em; height: auto; width: 10em; background-color: #000000; font-family: arial, sans-serif; font-size: 1em; text-transform: uppercase; text-decoration: none; text-align: left; overflow: hidden; opacity: 0.8; filter: alpha(opacity=80); } #navbar ul { position: relative; margin: .5em; padding: 0px; list-style: none; overflow: hidden; text-align: left; } #navbar li>ul{ display: none; margin: 0em; padding: 0em; width: 100%; font-size: .75em; line-height: 1.5; list-style: none; overflow: hidden; } #navbar li:hover>ul { margin: 0em; padding: 0em; display: block; list-style: none; overflow: hidden; } /* End Navbar by Lists ----------------------------------------------------------- */ /* NavBar Anchors ----------------------------------------------------------- */ /* Need to fix all this... */ /* Want to include images to the nav background */ #navbar a { margin: 0px; padding: 0px; height: 100%; width: 100%; display: block; color: #ffffff; background-color: #33ccff; font-weight: 900; text-align: center; text-decoration: none; text-transform: uppercase; } #navbar a:link { } #navbar a:visited { color: #505050; background-color: #33ccff; } #navbar a:hover { color: #c0c0c0; background-color: #0099ff; } #navbar a:active { color: #000066; background-color: #0066ff; } /* End NavBar Anchors ----------------------------------------------------------- */ /* NavBar by Table ----------------------------------------------------------- */ /* Might Include IE6 Handlers */ /* End NavBar by Table ----------------------------------------------------------- */ /* Decoded Widget Sidebar ----------------------------------------------------------- */ /* Still working on this */ div#widget { display: none; margin: 0px; padding: 0px; line-height: 2.1; position: fixed; top: 5em; right: 2em; height: auto; width: 10em; background-color: #000000; font-family: arial, sans-serif; font-size: 1em; text-transform: uppercase; text-decoration: none; text-align: left; overflow: hidden; opacity: 0.8; filter: alpha(opacity=80); } /* End Decoded Widget Sidebar ----------------------------------------------------------- *//* End Decoded Navigation and Sidebar------------------------------------------------------------- *//* Decoded Header------------------------------------------------------------- */ div#header { position: fixed; padding: 0px; margin: 0px; top: 0px; left: 0px; width: 100%; height: 3em; z-index: 500; background: #000; } #header h1 { font-family: arial, sans-serif; font-size: 1.5em; font-weight: 900; letter-spacing: 1.2em; text-transform: uppercase; text-align: center; } #header em { font-size: .5em; font-weight: 300; font-style: normal; display: block; text-transform: lowercase; letter-spacing: 3px; } #header a { position: fixed; padding: 0px; margin: 0px; top: 0px; left: 0px; width: 100%; height: 48px; display: block; text-decoration: none; color: #ffaa55; background: #2c2c2c; } #header a:hover { color: #ffcc88; }/* End Decoded Header------------------------------------------------------------- *//* Decoded Search Bar------------------------------------------------------------- */ #searchbar { position: fixed; margin: 0px; padding: 0px; top: 3em; left: 2em; right: 2em; z-index: 500; height: 2em; width: auto; background: #2c2c2c; color: #fff; text-align: center; }/* End Decoded Search Bar------------------------------------------------------------- *//* Decoded Footer------------------------------------------------------------- */ div#footer { display: block; position: relative; margin: auto; padding: auto; bottom: 0px; height: 2em; width: 900px; }/* End Decoded Footer------------------------------------------------------------- *//* Home Page Box Layout------------------------------------------------------------- */ .home { display: block; position: absolute; float: left; margin: auto; height: 247px; width: 400px; background-color: #ccccee; overflow: hidden; } #hello { top: 10px; left: 30px; } #news { top: 10px; right: 30px; } #blog { top: 287px; left: 30px; } #tip { top: 287px; right: 30px; } .home>h2 a { display: block; font-family: serif, heveltica; font-size: 1.2em; font-weight: 900; color: #000; line-height: 0px; margin: 0px; padding: 0px; text-align: center; text-decoration: none; text-transform: capitalize; } .home>h3 a { font-family: serif, heveltica; font-size: .75em; font-weight: 300; color: #000; text-decoration: none; } .home>p { margin: 5px; text-indent: 2em; font-family: serif; color: #000; }/* End Home Page Box Layout------------------------------------------------------------- */