/* Theme Name: DVL Theme URI: http://develogix.com/ Description: Version 1 Author: Matt Carroll Author URI: http://develogix.com/ Version: 1.0 */ /* ------------------------------ Clear ------------------------------ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0px; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0px; } /* ------------------------------ Body ------------------------------ */ body { background: #e0e0e0; color: #1a1a1a; font-size: 13px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; } /* ------------------------------ Header ------------------------------ */ #header { height: 30px; line-height: 30px; background: #5c5c5c; color: #ffffff; border-bottom: 1px solid #00aaff; font-weight: bold; width: 100%; } #header #headerCenter { width: 930px; margin: 0px auto; } /* -------------------- Header - Search -------------------- */ #header #headerCenter #search { display: block; position: relative; top: 0px; left: 12px; width: 250px; } #header #headerCenter #search #searchForm { display: ; position: relative; top: -30px; left: 15px; } #header #headerCenter #search #searchForm .query { width: 225px; background: #5c5c5c; border: none; color: #ffffff; font-weight: bold; font-size: 13px; } /* -------------------- Header - Navigation -------------------- */ #header #headerCenter #nav { display: block; position: relative; top: -30px; left: 50%; margin: -30px 0px 0px -300px; width: 765px; text-align: right; } #header #headerCenter #nav ul { float: right; } #header #headerCenter #nav ul li { display: block; float: left; position: relative; } #header #headerCenter #nav ul li a { padding: 7px 10px 7px 10px; color: #ffffff; text-decoration: none; } #header #headerCenter #nav ul li a.current { background: #333333; } #header #headerCenter #nav ul li a:hover { background: #00aaff; } /* ------------------------------ Page ------------------------------ */ #center { background: #e0e0e0; border-top: 3px solid #5c5c5c; clear: both; } #center #centerCenter { width: 950px; margin: 0px auto; } #center #centerCenter #content { width: 930px; padding: 0px 10px 10px 10px; } /* -------------------- Page - Post -------------------- */ #center #centerCenter #content div.post { padding: 10px; margin: 10px 0px 0px 0px; background: #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow:2px 2px 0px #c2c2c2; -webkit-box-shadow:2px 2px 0px #c2c2c2; box-shadow:2px 2px 0px #c2c2c2; } #center #centerCenter #content div.post a { color: #00aaff; text-decoration: none; } #center #centerCenter #content div.post a:hover { text-decoration: underline; } /* ---------- Page - Post - Post Title ---------- */ #center #centerCenter #content div.post h1.title { display: inline-block; position: relative; top: -9px; left: 0px; width: 720px; height: 30px; line-height: 30px; margin: 0px 0px -10px 0px; font-size: 15px; font-weight: bold; color: #1a1a1a; } #center #centerCenter #content div.post h1.title a { color: #1a1a1a; text-decoration: none; } #center #centerCenter #content div.post h1.title a:hover { text-decoration: underline; } /* ---------- Page - Post - Post Meta ---------- */ #center #centerCenter #content div.post div.meta { display: inline-block; position: relative; top: 0px; left: 0px; width: 185px; height: 30px; } #center #centerCenter #content div.post div.meta ul { float: right; clear: both; height: 30px; text-align: right; } #center #centerCenter #content div.post div.meta ul a { display: inline-block; width: 30px; height: 30px; color: #1a1a1a; text-decoration: none; } #center #centerCenter #content div.post div.meta ul a:hover { text-decoration: none; } #center #centerCenter #content div.post div.meta ul li { display: block; float: left; width: 30px; height: 30px; line-height: 30px; margin: 0px 0px 0px 5px; padding: 6px 0px 0px 0px; } #center #centerCenter #content div.post div.meta ul li.date { background: url(/wp-content/themes/dvl/images/calendar.png) no-repeat 1px 0px; text-align: center; } #center #centerCenter #content div.post div.meta ul li.author { background: url(/wp-content/themes/dvl/images/author.png) no-repeat 0px -1px; } #center #centerCenter #content div.post div.meta ul li.comment { background: url(/wp-content/themes/dvl/images/comment.png) no-repeat 0px 5px; } #center #centerCenter #content div.post div.meta ul li.download { background: url(/wp-content/themes/dvl/images/download.png) no-repeat 0px 0px; } /* ---------- Page - Post - Post Date ---------- */ #center #centerCenter #content div.post div.date { margin: -5px 0px 0px 0px; font-size: 11px; } /* ---------- Page - Post - Post Content ---------- */ #center #centerCenter #content div.post div.text p { margin: 10px 0px 0px 0px; text-align: justify; line-height: 22px; } #center #centerCenter #content div.post div.text ul { margin: 10px 10px 0px 10px; line-height: 22px; } #center #centerCenter #content div.post div.text ul.children { line-height: 15px; } /* -------------------- Page - Post - Comments -------------------- */ #center #centerCenter #content #comments { width: 500px; background: #eee; margin: 10px auto 0px auto; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow:2px 2px 0px #c2c2c2; -webkit-box-shadow:2px 2px 0px #c2c2c2; box-shadow:2px 2px 0px #c2c2c2; } /* ---------- Page - Post - Comments - Comment ---------- */ #center #centerCenter #content #comments div.comment { margin: 10px 0px 0px 0px; border-top: 1px solid #c2c2c2; padding: 10px; } #center #centerCenter #content #comments div.comment div.author { font-size: 11px; } #center #centerCenter #content #comments div.comment div.time { font-size: 11px; } #center #centerCenter #content #comments div.comment div.text p { margin: 10px 0px 0px 0px; } /* ---------- Page - Post - Comments - Navigation ---------- */ #center #centerCenter #content #comments div.nav-top { margin-top: 10px; text-align: center; } #center #centerCenter #content #comments div.nav-bottom { border-top: 1px solid #c2c2c2; padding-top: 10px; text-align: center; } #center #centerCenter #content #comments div.nav-previous a, #center #centerCenter #content #comments div.nav-next a { line-height: 15px; font-size: 11px; background: #5a5a5a; color: #fff; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; } #center #centerCenter #content #comments div.nav-previous a:hover, #center #centerCenter #content #comments div.nav-next a:hover { background: #333; cursor: pointer; } /* -------------------- Page - Post - Respond -------------------- */ #center #centerCenter #content #respond { width: 500px; background: #eee; margin: 10px auto 0px auto; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow:2px 2px 0px #c2c2c2; -webkit-box-shadow:2px 2px 0px #c2c2c2; box-shadow:2px 2px 0px #c2c2c2; } #center #centerCenter #content #respond textarea.textarea { width: 493px; height: 125px; margin: 10px 0px 10px 0px; border: 1px solid #ccc; } #center #centerCenter #content #respond input.submit { font-size: 11px; line-height: 15px; background: #5a5a5a; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; } #center #centerCenter #content #respond input.submit:hover { background: #333; cursor: pointer; } /* -------------------- Footer -------------------- */ #footer { border-top: 1px solid #00aaff; color: #1a1a1a; text-shadow: 0px 1px 0px #efefef; } #footer #footerCenter { width: 930px; margin: 0px auto; } /* ---------- Footer - Copyright ---------- */ #footer #footerCenter #copyright { width: 475px; height: 30px; line-height: 30px; text-align: left; } #footer #footerCenter #copyright a { text-decoration: none; font-weight: bold; color: #1a1a1a; } #footer #footerCenter #copyright a:hover { color: #00aaff; text-shadow: 0px 1px 0px #efefef; } /* ---------- Footer - Valid ---------- */ #footer #footerCenter #valid { width: 465px; height: 30px; position: relative; top: 0px; left: 475px; margin: -30px 0px 0px 0px; line-height: 30px; text-align: right; } #footer #footerCenter #valid a { text-decoration: none; font-weight: bold; color: #333; padding: 2px 5px; background: #eee; text-shadow: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow:2px 2px 0px #c2c2c2; -webkit-box-shadow:2px 2px 0px #c2c2c2; box-shadow:2px 2px 0px #c2c2c2; } #footer #footerCenter #valid a:hover { color: #1a1a1a; background: #aaa; -moz-box-shadow:2px 2px 0px #888; -webkit-box-shadow:2px 2px 0px #888; box-shadow:2px 2px 0px #888; }