/* Theme Name: DevTouch Theme URI: http://www.devtouch.net Description: A proprietary theme developed only for use at DevTouch.net. If you managed to get your hands on this template, you are NOT allowed to use it. Version: 1 Author: DevTouch.net Author URI: http://www.devtouch.net */ /* global */ * { outline: none; } .fright { float: right; } .fleft { float: left; } .clear { clear: both; } div.clear { font-size: 0; line-height: 0; height: 0; } .nomar { margin: 0 !important; } .rmar { margin-right: 10px !important; } .lmar { margin-left: 10px !important; } .tmar { margin-top: 10px !important; } .bmar { margin-bottom: 10px !important; } .gray { color: #888 !important; } .nounderline a, a.nounderline { border: 0 !important; } .hr { border-top: solid 1px #ccc; font-size: 0; line-height: 0; height: 0; } a img { border: 0; } .hide { display: none; } .center { text-align: center; } /* body */ html, body { width: 100%; margin: 0 ; } body { background: url(img/bg.png); text-align: center; margin: 0 0 20px 0; } #wrap { width: 870px; margin: 0 auto; text-align: left; } a { text-decoration: none; } form { margin: 0; } /* nav */ #nav { background: url(img/top.png); width: 870px; height: 84px; } #navlogo { margin: 0; position: relative; top: 37px; left: 20px; float: left; } #navlogo a { display: block; width: 160px; height: 40px; } #navlogo span { display: none; } #nav ul { margin: 0; padding: 0; list-style: none; position: relative; top: 50px; left: 25px; float: left; } #nav ul li { float: left; margin: 0 5px 0 0; } #nav ul span { display: none; } #nav ul li a { height: 34px; display: block; float: left; } #navblog { background: url(img/navblog.png); width: 64px; } #navblog:hover, #navblog.sel { background: url(img/navblog.png) 0 -34px; } #navpop { background: url(img/navpop.png); width: 71px; } #navpop:hover, #navpop.sel { background: url(img/navpop.png) 0 -34px; } #navarch { background: url(img/navarch.png); width: 74px; } #navarch:hover, #navarch.sel { background: url(img/navarch.png) 0 -34px; } #navabout { background: url(img/navabout.png); width: 58px; } #navabout:hover, #navabout.sel { background: url(img/navabout.png) 0 -34px; } #navrss { background: url(img/navrss.png); width: 95px; } #navrss:hover { background: url(img/navrss.png) 0 -34px; } /* mid */ #mid { background: url(img/mid.png); width: 870px; text-align: center; } #content { background: #fff; width: 810px; margin: 0 auto; text-align: left; padding: 10px 0 0 0; } /* main */ #main { background: #fff; width: 520px; float: left; overflow: hidden; } /* title */ .post h2 { margin: 0 0 5px 0; font: bold 14px/20px tahoma, arial; color: #333; } .post h2 a { color: #333; border: 0; } .post h2 a:hover { color: #5C701C; } .post h2 span { color: #333; } .post h2.single { font: 18px/20px arial, verdana; letter-spacing: -1px; } .post .date, .post .com, .post .cat, .post .read { font: 11px/11px arial, verdana; margin: 0 0 8px 0; padding: 0 0 2px 18px; } .post .date { background: url(img/icons/click.png) no-repeat 0 -2px; color: #333; float: left; padding: 0 0 2px 14px; } .post .cat { background: url(img/icons/folder.png) no-repeat 0 -1px; float: left; margin: 0 0 0 8px; padding: 0 0 2px 17px; } .post .cat a { color: #333; border-bottom: solid 1px #bbb; } .post .com { background: url(img/icons/postcom.png) no-repeat; float: right; } .post .read { background: url(img/icons/read.png) no-repeat 0 -2px; float: right; padding-left: 17px; margin: 0 0 0 8px; } .post .read a { color: #5C701C; border-bottom: solid 1px #bbb; } .post .read a:hover { color: #819E27; } .post .date a { color: #333; border-bottom: solid 1px #bbb; } .post .date a:hover { color: #5C701C; } .post .com a { color: #246770; border-bottom: solid 1px #bbb; } .post .com a:hover { color: #3394A2; } /* post */ .post p, .post ul { font: 11px/20px verdana, arial; color: #333; margin: 0 0 10px 0; } .post a { color: #000; border-bottom: solid 1px #91AB03; } .post a:visited { border-color: #888; } .post a:hover { color: #5C701C; } .post h3 { margin: 0 0 5px 0; font: 20px/18px verdana, arial; color: #333; letter-spacing: -1px; } .post h3 span { font: normal 14px/14px verdana, arial; } .post .hr { margin: 0 0 5px 0; } .post .excerpt img { float: left; width: 130px; height: 100px; padding: 0 10px 10px 0; border: solid 2px #ccc; border-width: 0 1px 1px 0; margin: 6px 10px 0 0; } /* post lists */ .post ol { margin: 0 0 10px 0; padding: 0 0 0 35px; font: bold 11px/18px verdana, arial; color: #89A146; } .post ul { margin: 0 0 10px 0; padding: 0 0 0 2px; list-style: none; } .post ul li { background: url(img/icons/bullet.png) no-repeat 0 7px; padding: 0 0 0 12px; margin: 0 0 10px 0; } .post ul.related { margin: 0 0 10px 0; padding: 0; list-style: none; line-height: 14px; } .post ul.related li { background: url(img/icons/blackarrow.png) no-repeat 0 3px; padding: 0 0 0 15px; margin: 5px 0; } .post ul.related small { display: block; color: #888; padding: 5px 0 0 0; font-size: 11px; } .post ul.nospace li { margin: 0; } /* special */ .post pre { background: url(img/gradient.gif) repeat-x 0 2px #fff; padding: 10px; font-size: 11px; color: #222; border: solid 1px #ccc; border-left: solid 3px #94A64A; margin: 0 0 10px 0; } .post pre { white-space: pre-wrap /* css-3 */ ; white-space: -moz-pre-wrap !important /* Mozilla, since 1999 */ ; white-space: -pre-wrap /* Opera 4-6 */ ; white-space: -o-pre-wrap /* Opera 7 */ ; word-wrap: break-word /* Internet Explorer 5.5+ */ ; } .post blockquote { background: url(img/quote.png) no-repeat; padding: 0 0 0 50px; font: 11px/18px verdana, arial; color: #333; margin: 0 0 10px 0; } .post .tip { badckground: url(img/gradient.gif) repeat-x 0 2px #fff; padding: 10px; font-size: 11px; color: #222; border: solid 1px #ccc; border-left: solid 3px #66A6CC; margin: 0 0 10px 0; } /* dropshadow images */ .post .ishadow div { background: url(img/dropshadow.png) right bottom; float: left; margin: 3px 0 10px 3px; } .post .ishadow img { display: block; position: relative; top: -8px; left: -8px; margin: 5px 0 0 5px; border: solid 1px #ccc; padding: 2px; } .post .ishadow br { clear: both; } .post .ishadow a { border: 0 !important; } /* archives page */ .post.archives .month { font-weight: bold; margin: 0; } /* ad */ .postrect { float: right; margin: 0 0 0 10px; } .postbanner { padding: 30px 0; display: block; text-align: center; } .postscraper { float: right; margin: 0 0 0 10px; } /* comments */ #comments h3 { margin: 0 0 5px 0; font: 20px/18px verdana, arial; color: #327691; letter-spacing: -1px; float: left; padding: 0 0 2px 0; } #comments h3 span { font: normal 14px/14px verdana, arial; } #comments .share { background: url(img/icons/comshare.png) no-repeat 0 2px; font: 11px/11px verdana, arial; float: right; padding: 0 0 2px 15px; position: relative; top: 6px; } #comments .share a { color: #5C701C; border-bottom: solid 1px #bbb; } #comments .share a:hover { color: #819E27; } #comments .hr { } #comments { font: 11px/15px verdana, arial; color: #333; margin: 0 0 10px 0; } #comments .comment { margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: dashed 1px #ccc; position: relative /* date absolute */; zoom: 1; } #comments .gravatar { margin: 0 10px 0 0; background: #dfdfdf; padding: 3px; font-size: 0; line-height: 0; } #comments .gravatar img { margin: 0; border: solid 1px #888; } #comments .comname { color: #333; font: bold 11px/11px arial, verdana; padding: 0 0 2px 0; text-transform: capitalize; } #comments .comname .edit { font-weight: normal; } #comments .comcontrol { font: 11px/11px arial, verdana; color: #888; position: absolute; right: 0; top: 10px; padding: 0 0 2px 0; } #comments .comment.first { border: 0; padding: 0; } #comments .first .comcontrol { top: 0; } #comments p, #comments .comtext { margin-top: 0; padding: 5px 0 0 0; width: 460px; overflow: hidden; } #comments a { color: #000; border-bottom: solid 1px #91AB03; } #comments a:hover { color: #5C701C; } #comments a:visited { border-color: #bbb; } #comments .gray { margin: -2px 0 0 0; } #comments .awaiting { color: #888; } #comments blockquote { background: url(img/quote-small.png) no-repeat 0 2px; margin: 0; padding: 0 0 0 25px; width: 400px; color: #555; } #comments pre { background: #eee; padding: 5px 10px; font-size: 11px; color: #555; margin: 0 0 10px 0; letter-spacing: -1px; } #comments pre { white-space: pre-wrap /* css-3 */ ; white-space: -moz-pre-wrap !important /* Mozilla, since 1999 */ ; white-space: -pre-wrap /* Opera 4-6 */ ; white-space: -o-pre-wrap /* Opera 7 */ ; word-wrap: break-word /* Internet Explorer 5.5+ */ ; } /* your thoughts */ #yt { font-size: 0; } #yt h3 { margin: 0 0 5px 0; font: 18px/18px verdana, arial; color: #89A146; letter-spacing: -1px; float: left; padding: 0 0 2px 0; } #yt h3 span { font: normal 14px/14px verdana, arial; } #yt .pencil { background: url(img/icons/pencil.png); width: 19px; height: 20px; float: right; } #yt .hr { margin: 0 0 9px 0; } #yt label { font: 11px/11px verdana, arial; color: #333; margin: 0; cursor: hand; cursor: pointer; } #yt label b { color: #981D1D; } #yt label span { color: #888; } #yt .text { font-size: 0; background: #eee; width: 196px; text-align: center; margin: 5px 0 10px 0 !important; } #yt .text input { background: url(img/gradient.gif) 0 1px repeat-x #fff; margin: 3px; font: 11px/11px verdana, arial; color: #333; padding: 3px; width: 180px; border: solid 1px #bbb; } #yt .message { font-size: 0; background: #eee; width: 310px; text-align: center; margin: 5px 0 10px 0 !important; } #yt .message textarea { background: url(img/gradient.gif) 0 1px repeat-x #fff; margin: 3px; font: 11px/14px verdana, arial; color: #333; padding: 3px; width: 294px; border: solid 1px #bbb; height: 138px; } #yt .widetext { margin: 0 0 10px 0; } #yt .widetext .message { width: 510px; } #yt .widetext textarea { width: 496px !important; } #yt .textsel /* script */ { border: solid 1px #96AC54 !important; background: #fff !important; } #yt .submit { width: 63px; height: 28px; } #yt p.info { font: 11px/18px verdana, arial; margin: 0 0 10px 0; } #yt p.info a { color: #000; border-bottom: solid 1px #bbb; } #yt p.info a:hover { color: #5C701C; } #yt p.allowed { font: 11px/14px verdana, arial; color: #888; margin: 0 0 10px 0; } #yt p.allowed span { color: #333; display: block; } /* trackbacks */ #trackbacks { margin: 0 0 10px 0; } #trackbacks h3 { margin: 0 0 5px 0; font: 20px/18px verdana, arial; color: #DE890A; letter-spacing: -1px; float: left; padding: 0 0 2px 0; } #trackbacks h3 span { font: normal 14px/14px verdana, arial; } #trackbacks .ping { background: url(img/icons/ping.png) no-repeat 0 1px; font: 11px/11px verdana, arial; float: right; padding: 0 0 2px 15px; position: relative; top: 6px; } #trackbacks .ping a { color: #333; border-bottom: solid 1px #bbb; } #trackbacks .ping a:hover { color: #000; } #trackbacks .hr { } #trackbacks p { font: 11px/18px verdana, arial; color: #333; margin: 0; } #trackbacks .trackback { background: #fff; border-top: dashed 1px #bbb; margin: 10px 0 0 0; paddingd: 10px 0 0 0; } #trackbacks .tracklink { color: #333; float: left; font: bold 11px/14px arial, verdana; padding: 0 0 2px 0; width: 400px; wdhite-space: nowrap; overfdlow: hidden; margin: 10px 0 0 0; } #trackbacks .tracklink span { font-weight: normal; } #trackbacks a { color: #000; border-bottom: solid 1px #91AB03; } #trackbacks a:hover { color: #5C701C; } #trackbacks a:visited { border-color: #bbb; } #trackbacks .trackdate { float: right; font: 11px/14px verdana, arial; color: #888; margin: 10px 0 0 0; } #trackbacks .first { border: 0; margin: 0 0 10px 0; } #trackbacks .gray { margin: 10px 0 0 0; } #trackbackpanel { } /* using javascript to hide so jscript disabled browsers will see them by default */ #trackbackshow p { padding: 5px 0 0 0; } /* ping */ .ping a { cursor: help; } .ping a span { display: none; position: absolute; border: solid 1px #bbb; background: url(img/gradient.gif) repeat-x 0 1px #fff; font: 11px/15px arial, verdana; border-top: solid 3px #DE890A; border-bottom: solid 3px #ccc; padding: 10px; bottom: 20px; right: 0; width: 300px; color: #333; } .ping a:hover span { display: block; } .ping a br { font: 10px/10px arial, verdana; } .ping img { border: 0; position: relative; top: 3px; width: 12px; height: 12px; } .ping u { text-decoration: none; border-bottom: solid 1px #bbb; color: #222; font-family: arial, verdana; } /* search */ .searchform { } .searchform .text { position: relative; top: -5px; } .searchform .submit { position: relative; left: 5px; } /* prev next */ #prevnext { padding: 5px 0 0 0; } #prevnext span { color: #000; } #prevnext a { backgdround: url(img/gradient.gif) 0 2px repeat-x #fff; border: solid 1px #bbb; border-width: 1px 0 0 1px; display: block; font: 11px/14px verdana, arial; color: #333; padding: 8px 15px; margin: 0 0 10px 0; } #prevnext a:hover { background: #fff; color: #000; } #prevpost { float: left; width: 255px; } #nextpost { float: right; width: 255px; } #prevnext a strong { color: #5C701C; margin: 0 0 5px 0; display: block; } #prevnext a:hover strong { color: #000; } /* sidebar */ #sidebar { float: right; position: relative; left: 3px; padding: 0 0 10px 0; } #sidesearch { background: url(img/sidesearch.png); width: 215px; height: 36px; float: left; cursor: text; position: relative; left: 4px; } #searchtext { background: #fff; font: 11px/11px verdana, arial; color: #333; border: 0; width: 180px; position: relative; left: 30px; top: 4px; } #sidesearchok { width: 63px; height: 28px; float: left; position: relative; left: 4px; } #sidebar h3 { display: none; } #sidecat { background: url(img/sidecat.png); width: 284px; height: 28px; } #sidepop { background: url(img/sidepop.png); width: 284px; height: 28px; } #sidelinks { background: url(img/sidelinks.png); width: 284px; height: 28px; } #sidetags { background: url(img/sidetags.png); width: 284px; height: 28px; } #sidemeta { background: url(img/sidemeta.png); width: 284px; height: 28px; } #sidebar ul { background: #fff; margin: 0 0 5px 0; padding: 0; list-style: none; font: 11px/13px arial, verdana; width: 270px; position: relative; left: 5px; } #sidebar ul a { display: block; padding: 5px 0 5px 13px; color: #555; border-bottom: dashed 1px #bbb; } #sidebar ul strong { color: #333; } #sidebar ul a:hover { color: #5C701C; } #sidebar ul a:hover span { color: #000; } #sidebar ul a:hover strong { color: #000; } #sidebar ul a.last { border: 0; } #sidebar ul.cat a { background: url(img/icons/square.png) no-repeat 0 7px; } #sidebar ul.cat a:hover { background: url(img/icons/square.png) no-repeat 0 -84px; } #sidebar ul.pop a { background: url(img/icons/star.png) no-repeat 0 6px; } #sidebar ul.pop a:hover { background: url(img/icons/star.png) no-repeat 0 -85px; } #sidebar ul.links a { background: url(img/icons/arrow.png) no-repeat 0 6px; } #sidebar ul.links a:hover { background: url(img/icons/arrow.png) no-repeat 0 -83px; } #sidebar ul.meta a { background: url(img/icons/square.png) no-repeat 0 7px; } #sidebar ul.meta a:hover { background: url(img/icons/square.png) no-repeat 0 -84px; } #sidetagbox { background: #fff; margin: 3px 0 10px 0; width: 250px; position: relative; left: 15px; text-align: center; line-height: 130%; } #sidetagbox a { color: #333; font-family: arial, verdana; } #sidetagbox a:hover { color: #5C701C; background: #eee; } /* footer */ #footer { background: url(img/footer.png); width: 870px; height: 69px; } #footlogo { margin: 0; position: relative; top: 11px; left: 20px; float: left; } #footlogo a { display: block; width: 135px; height: 35px; } #footlogo span { display: none; } #footer ul { margin: 0; padding: 0; list-style: none; position: relative; top: 18px; left: 25px; float: left; font: bold 11px/11px arial, verdana; } #footer ul li { float: left; margin: 0 5px 0 0; color: #506507; } #footer ul li a { color: #87AC04; margin: 0 2px 0 0; } #footer ul li a:hover { color: #AAD70F; } #footer p { clear: both; position: relative; left: 160px; top: -3px; font: 11px/10px arial, verdana; color: #555; margin: 0; } #footer p a { color: #555; border-bottom: solid 1px #222; } #footer p a:hover { color: #888; }