/*********************************/ /* linuxniche.com : Layout CSS */ /*********************************/ /* Author: Zach Habersang * Contact: www(dot)zhabersang(dot)com || zachhabersang(at)gmail(dot)com * Coded: 5 January 2008 * ---------------------------------------------- * SECTIONS: * #1: General Definitions * #2: Linuxniche Template Definitions * #3: Linuxniche Side Content Definitions * #3: Linuxniche Main Content Definitions * ---------------------------------------------- * style.css :: frontend CSS */ /*^^^^^^^^^^ General Definitions ^^^^^^^^^^*/ html { } /* : grey/black gradient */ body { background: #000 url('images/ln_bg.gif') repeat-x; margin: 0; padding: 0; color: #FFF; font-size: 80%; line-height: 1.8em; } /* Basic Anchor Style */ a { text-decoration: none; color: #69ba41; } a:hover { text-decoration: underline; } /* Green Bar in Main Content Area */ div.main_header { background: url('images/ln_main_bar.gif') no-repeat; width: 523px; padding: 0 0 0 10px; margin: 6px 0 0 0; color: #000; font-weight: bold; } /* Green Bar in Side Content Area */ div.side_header { background: url('images/ln_side_bar.gif') no-repeat; width: 199px; padding: 0 0 0 10px; margin: 0; color: #000; font-weight: bold; } /*^^^^^^^^^^ LINUXNICHE TEMPLATE Definitions ^^^^^^^^^^*/ /* Top Piece: no content */ #topper { } #topper table { width: 100%; height: 82px; } #topper table td.left { width: 241px; } #topper table td.mid { width: 100%; background: url('images/ln_topper_middle.gif') repeat-x; } #topper table td.right { width: 440px } /* Shell: very bottom black layer that encases all the content */ #shell { background: #000 url('images/ln_shell_bg.gif') no-repeat top; margin: 0 auto; width: 845px; } /* Navigation Tablets */ #nav_tabs { padding: 4px 0 0 6px; } #nav_tabs td { background: url('images/ln_nav_tab.gif') no-repeat; width: 97px; height: 36px; margin: 0 1px 0 0; } #nav_tabs td:hover { background: url('images/ln_nav_hove.gif') no-repeat; width: 97px; height: 36px; } #nav_tabs td a { display: block; color: #65CC35; margin-top: 4px; } /* Banner: green banner with little Tux :D */ #banner { background: #000 url('images/ln_banner_bg.gif') repeat-x; width: 828px; height: 150px; margin: 0 auto; border: 1px solid #FFF; } #banner img.code { float: left; } #banner img.tux { float: right; margin: 4px 6px 0 0; } /* Content: majority content area */ #content { background: #111; width: 830px; margin: 0 auto; } /* Sidebar: navigation and stuff */ #side { width: 230px; padding: 4px; } /* Main: main content area */ #main { padding: 4px 25px; } /* Footer: footer content area */ #footer { float: right; width: 830px; background: #111; margin: 0 auto; } #footer div.right { float: right; padding: 4px; color: #84C861; } /*^^^^^^^^^^ LINUXNICHE SIDE CONTENT Definitions ^^^^^^^^^^*/ /* About Side Bar Content */ #about { } #about h1 { } /*#about p { color: #84C861; padding: 0 0 0 10px; }*/ #about p { color: #fff; padding: 0 0 0 10px; } /* Services Side Bar Content */ #services { } #services h1 { } #services ul { padding: 0 0 0 10px; list-style: none; } /*#services li { color: #84C861; }*/ #services li { color: #fff; } /* Quick Contact bar and content box */ #quick_contact { } #quick_contact div.box { background: #211F20; border-bottom: 1px solid #4A4A4A; border-left: 1px solid #4A4A4A; border-right: 1px solid #4A4A4A; border-bottom: 1px solid #4A4A4A; width: 190px; color: #FFF; margin: -3px 0 0 4px; } #quick_contact div.box ul { padding: 0 0 0 2px; list-style: none; margin: 0; } /*^^^^^^^^^^ LINUXNICHE MAIN CONTENT Definitions ^^^^^^^^^^*/ /*-----NOTE: this is section is for each unique page of content ----------*/ /* Home page content: currently nothing special to define */ #home { } #home p { } /* Note on Style: this is my unique css coding style where implement id's as almost programming classes * my goal is to be able to control and manipulate each element of my documents and of course code a fairly * structured CSS layout. Also, about the one line CSS blocks, it's easy to read with my syntax highlighter * : Quanta+ * --------------------------------------- * End File: style.css */