/* Theme Name: just4freaks blog Theme URI: just4freaks.de Description: - Version: 1.0 Author: Markus Baeck Author URI: http://www.lake-style.de */ @media screen, projection { /* -------------RESET--------------- */ 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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;vertical-align:baseline;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0} html[xmlns^="http"]{overflow-y:scroll} body{background-color:#fff} :focus{outline:0} ul,ol{list-style:none;list-style-type:none} table{border-collapse:separate;border-spacing:0} caption,th,td{text-align:left;font-weight:400} blockquote:before,blockquote:after,q:before,q:after{content:""} blockquote,q{quotes:"" ""} a,a:link,a:visited,a:hover{text-decoration:underline;color:#000} a:active,a:focus,input{outline:none} sup{position:relative;bottom:0.3em;vertical-align:baseline} sub{position:relative;bottom:-0.2em;vertical-align:baseline} acronym,dfn,abbr{cursor:help;border-bottom:1px dashed} del{text-decoration:line-through} a abbr,a acronym{border:none} cite,em,dfn,i{font-style:italic} ins,dfn{border-bottom:1px solid #ccc} code,kbd,samp,pre,tt,var{font-size:100%;font-family:monaco, "Lucida Console", courier, mono-space} a img,img,img,iframe{border:none;text-decoration:none} /* -------------LAYOUT--------------- */ body {background:#e8e7d2 url(images/bg_body.png) repeat-y} #page-wrap{position:relative;background:url(images/bg_wrap.jpg) no-repeat;width:955px;min-height:955px;height:auto!important} div#logo{position:absolute;top:133px;left:34px} #page-content{position:relative;z-index:2;float:left;margin-left:473px;display:inline;width:435px} #sidebar-content{position:relative;background:url(images/bg_sidebar_content.png) repeat-y} #sidebar-top{position:relative;z-index:3;width:435px;height:159px;background:url(images/bg_sidebar_top.png) no-repeat} #content-wrapper{margin-top:25px;padding:11px} #navigation{float:left;position:relative;top:30px;left:50%} #sidebar-btm{height:23px;overflow:hidden;margin-top:-1px;background:url(images/bg_sidebar_btm.png) no-repeat} #footer{position:relative;height:318px;margin-bottom:10px} #splash{background:url(images/footer_splash.jpg) no-repeat;width:194px;height:438px;position:absolute;top:-119px;left:0} #twitter{margin:0 0 25px 250px} #rss{margin:0 0 25px 298px} #blog-description{text-align:center;margin-left:194px;width:249px;padding:15px} #blog-description p{color:#333} #blog-description p strong{font-weight:400} #blog-description h4,#resources h4,#blogroll h4,#work h4{margin-bottom:.2em;padding:0} #resources,#blogroll{color:#333;position:absolute;top:10px;left:523px} #blogroll{top:211px;_top:207px} #resources ul li,#blogroll ul li{font-size:1.1em;background:url(images/icons/link_arrow.gif) 0 4px no-repeat;line-height:1.5em;padding-bottom:3px;padding-left:8px;position:relative} #resources ul li a,#resources ul li a:visited,#blogroll ul li a,#blogroll ul li a:visited{text-decoration:none;padding:2px 4px} #resources ul li a:hover,#blogroll ul li a:hover{text-decoration:none;color:#fff;background:#3a3d2d} #work{position:absolute;top:10px;right:56px} #work ul li{margin-bottom:5px} #work ul li a img{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;border:2px solid #fff;padding:1px} #work ul li a:hover img{filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50} #copyright{color:#333;text-align:center;padding:10px 0 5px} #florentin h3{font-size:1em;color:#333;text-align:center;font-weight:400} .google{margin:-15px 0 10px} #work h4,#social{text-align:center} /* -------------DESIGN--------------- */ html{font-size:100%} body{font:62.5%/1.3 Verdana, Arial, Helvetica, sans-serif;color:#000} em{font-style:italic} abbr{color:#F56F8B} p{font-size:1.1em;padding-bottom:1em;line-height:1.5em} strong,b,th{font-weight:700} /* HEADLINES */ h2,h3,h4,h5,h6{font-weight:700} h2,h3{padding-bottom:.5em} h4,h5,h6{padding-bottom:.3em} h2{font-size:1.4em} h3{font-size:1.3em} h4{font-size:1.2em} h5{font-size:1.1em} h6{font-size:1em} /* MAINNAVI */ #navigation ul{float:left;position:relative;right:50%} #navigation ul li{float:left} #navigation ul li.blog a,#navigation ul li.about a,#navigation ul li.services a,#navigation ul li.work a,#navigation ul li.contact a{display:block;margin-right:5px;width:79px;height:26px;text-indent:-9999px} #navigation ul li.blog a{background:url(images/navi/blog.png) 0 0 no-repeat} #navigation ul li.about a{background:url(images/navi/about.png) 0 0 no-repeat} #navigation ul li.services a{background:url(images/navi/services.png) 0 0 no-repeat} #navigation ul li.work a{background:url(images/navi/work.png) 0 0 no-repeat} #navigation ul li.contact a{background:url(images/navi/contact.png) 0 0 no-repeat;margin-right:0} #navigation ul li.blog a:hover{background:url(images/navi/blog.png) 0 -26px no-repeat} #navigation ul li.about a:hover{background:url(images/navi/about.png) 0 -26px no-repeat} #navigation ul li.services a:hover{background:url(images/navi/services.png) 0 -26px no-repeat} #navigation ul li.work a:hover{background:url(images/navi/work.png) 0 -26px no-repeat} #navigation ul li.contact a:hover{background:url(images/navi/contact.png) 0 -26px no-repeat} /* SEARCH */ #search{position:absolute;top:27px;left:440px;width:244px;height:32px;z-index:1;background:url(images/bg_search.png) no-repeat;padding:7px 0 0 10px} #search #searchicon{cursor:pointer;float:left;margin:2px 10px 0 0} /* TABS */ .tabs-hide{display:none} #tabs-container{position:relative;z-index:4;width:424px;margin:-39px 0 0 11px} #tabs-container li.tabs-selected{background:#e7e6d1} #tabs-container div{background:#e7e6d1;width:408px} #tabs-container ul.tabs-nav li{text-align:center;float:left} #tabs-container ul.tabs-nav li a{text-decoration:none;display:block;width:128px;font-size:1.1em;font-weight:700;text-indent:-9999px;padding:5px} #tabs-container ul.tabs-nav li a#tab-news{background:url(images/tabnavi/news.png) 0 3px no-repeat} #tabs-container ul.tabs-nav li a#tab-tutorials{background:url(images/tabnavi/tutorials.png) 0 3px no-repeat} #tabs-container ul.tabs-nav li a#tab-twitter{background:url(images/tabnavi/twitter.png) 0 3px no-repeat} #tabs-container li.tabs-selected a#tab-news{background:url(images/tabnavi/news_active.png) 0 3px no-repeat!important} #tabs-container li.tabs-selected a#tab-tutorials{background:url(images/tabnavi/tutorials_active.png) 0 3px no-repeat!important} #tabs-container li.tabs-selected a#tab-twitter{background:url(images/tabnavi/twitter_active.png) 0 3px no-repeat!important;width:127px} #tabs-container ul.tabs-nav li a#tab-news:hover{background:#e7e6d1 url(images/tabnavi/news_active.png) 0 3px no-repeat!important;padding:5px} #tabs-container ul.tabs-nav li a#tab-twitter:hover{background:#e7e6d1 url(images/tabnavi/twitter_active.png) 0 3px no-repeat!important;width:130px;padding:5px} #tabs-container ul.tabs-nav li a#tab-tutorials:hover{background:#e7e6d1 url(images/tabnavi/tutorials_active.png) 0 3px no-repeat!important;padding:5px} .tabs-container ul li{font-size:1.1em;background:url(images/icons/link_arrow.gif) 0 4px no-repeat;line-height:1.4em;padding-bottom:3px;padding-left:8px;position:relative} .tabs-container ul li a,.tabs-container ul li a:visited{text-decoration:none;padding:2px 4px} .tabs-container ul li a:hover{color:#fff;background:#3a3d2d;padding:2px 4px} div#fragment-news,div#fragment-tutorials,div#fragment-twitter{position:relative;float:left;padding:5px 0 3px 8px} div#fragment-news .more,div#fragment-tutorials .more,div#fragment-twitter .more{position:absolute;bottom:-20px;right:0;width:58px;height:19px;padding-top:5px;background:#E7E6D1} div#fragment-twitter{padding-left:5px} div#fragment-twitter ul.tweet_list a,div#fragment-twitter ul.tweet_list a:visited{text-decoration:underline;padding:0} div#fragment-twitter ul.tweet_list a img{float:left;margin-right:5px;border:2px solid #fff} div#fragment-twitter ul.tweet_list li{float:left;background:none;margin-bottom:15px;padding:0} /* BREADCRUMB */ #breadcrumb {font-size:1.1em;margin-bottom:15px} #breadcrumb span {text-transform:capitalize} /* -------------CONTENT----------- */ img#top{position:absolute;right:11px;bottom:10px;border:none;margin:0} #content{display:block} #content a,#content a:link,#content a:visited{color:#000;position:relative;z-index:9999;text-decoration:underline} #content img{border:5px solid #fff} #content .post-wrapper{position:relative;min-height:100px;height:auto!important;margin:5px 0 0;padding:0 0 25px} #content div.dots{overflow:hidden;height:1px;width:100%;background:url(images/dots.png) 0 0 no-repeat;margin:5px 0 25px} #content .post-wrapper .post-details{position:absolute;left:-240px;top:0;width:220px;text-align:right} #content .post-wrapper .post-details span.date{display:block;margin-bottom:.3em} #content .post-wrapper .post-details h2{margin-bottom:.5em} #content .post-wrapper .post-details h2 a{color:#000;text-decoration:none;margin-bottom:.3em;padding:3px} #content .post-wrapper .post-details h2 a:hover{text-decoration:none;color:#fff;background:#3a3d2d} #content .post-wrapper .post-details span.comments-count{font-size:1.1em;font-weight:700;background:url(images/icons/comments.png) 0 0 no-repeat;padding:8px 0 0 25px} #content a:hover,#content .post-wrapper .post-details span.comments-count a,#content .post-wrapper .post-details span.comments-count a:visited{text-decoration:none} /* -------------SOCIAL BOOKMARKS----------- */ .sociable{margin:10px 0} span.sociable_tagline{position:relative} span.sociable_tagline span{display:none;width:14em} span.sociable_tagline:hover span{position:absolute;display:block;top:-5em;background:#ffe;border:1px solid #ccc;color:#000;line-height:1.25em} .sociable span{display:block} .sociable ul{display:inline;margin:0!important;padding:0!important} .sociable_tagline{font-size:1.1em;margin-bottom:5px} .sociable ul li{background:none!important;display:inline!important;list-style-type:none!important;margin:0!important;padding:1px!important} .sociable ul li:before{content:""} .sociable img{float:none;width:16px;height:16px;border:0!important;margin:0;padding:0} .sociable-hovers{opacity:.4;-moz-opacity:.4;filter:alpha(opacity=40)} .sociable-hovers:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100)} /* -------------COMMENTS----------- */ ol.commentlist{list-style-type:none!important;margin:0!important;padding:0!important} .comments{position:relative;margin-bottom:29px;padding:11px} ol.commentlist li.comment{background:#E4E4D5;min-height:100px;height:auto!important;position:relative;margin-bottom:20px;padding:5px} ol.commentlist li.comment em{display:block;margin:5px 0} ol.commentlist .comment-author img.avatar{margin:0!important} ol.commentlist p{font-size:11px} .comments .post-details img{border:5px solid #fff} .odd{background:#E7E6D1} #addcomments-wrapper{padding:11px 11px 11px 0} ol.commentlist .comment-author,.comments .post-details{position:absolute;left:-240px;_left:-250px;top:0;width:220px;text-align:right} .comments-wrapper p.usercomments,#addcomments-wrapper p.usercomments{font-size:1.2em;font-weight:700;color:#333;padding-bottom:.5em;line-height:inherit} /** LIST ELEMENTS **/ #content ul,#content ol{padding-bottom:1em;padding-left:20px} #content ul{padding:10px 20px} #content ol{list-style-type:decimal;padding:10px 35px} #content ul li,#content ol li{line-height:1.3em;font-size:1.1em;padding-bottom:4px} #content ul li{background:url(images/icons/list-icon.gif) 0 6px no-repeat;padding-left:12px;position:relative} /* -------------RELATED LINKS----------- */ #related-links{position:relative;margin-bottom:15px;padding:0 11px} #related-links p{font-size:1.2em;font-weight:700;color:#333;padding-bottom:.5em;line-height:inherit} #related-links ul li{font-size:1.1em;background:url(images/icons/link_arrow.gif) 0 4px no-repeat;line-height:1.5em;padding-bottom:3px;padding-left:8px;position:relative} #related-links ul li a,#related-links ul li a:visited{text-decoration:none!important;padding:2px 4px} #related-links ul li a:hover{text-decoration:none;color:#fff;background:#3a3d2d} /* -------------WORK----------- */ img.img-border{border:5px solid #E7E6D1!important;margin-bottom:0!important} div.dotswork{background:transparent url(images/dots.png) no-repeat;height:1px;overflow:hidden;width:100%;margin:10px 0 20px} /* -------------SYNTAX HIGHLIGHTER----------- */ .dp-highlighter{font-family:Consolas, "Courier New", Courier, mono;font-size:12px;background-color:#fff;width:100%;overflow:auto;padding-top:1px;margin:18px 0 10px} .dp-highlighter .bar{padding-left:35px} .dp-highlighter.collapsed .bar,.dp-highlighter.nogutter .bar{padding-left:0} .dp-highlighter ol{list-style:decimal-leading-zero;background-color:#fff;color:#5C5C5C;margin:0 0 1px;padding:0} .dp-highlighter.nogutter ol{list-style-type:none!important;margin-left:0} .dp-highlighter ol li,.dp-highlighter .columns div{border-left:3px solid #6CE26C;background-color:#f8f8f8;padding-left:10px;line-height:14px} .dp-highlighter.nogutter ol li,.dp-highlighter.nogutter .columns div{border:0} .dp-highlighter .columns{color:gray;overflow:hidden;width:100%} .dp-highlighter .columns div{padding-bottom:5px} .dp-highlighter ol li.alt{background-color:#fff} .dp-highlighter ol li span{color:#000} .dp-highlighter.collapsed ol{margin:0} .dp-highlighter.collapsed ol li{display:none} .dp-highlighter.printing{border:none} .dp-highlighter.printing .tools{display:none!important} .dp-highlighter.printing li{display:list-item!important} .dp-highlighter .tools{font:9px Verdana, Geneva, Arial, Helvetica, sans-serif;color:silver;background-color:#f8f8f8;border-left:3px solid #6CE26C;padding:3px 8px 10px 10px} .dp-highlighter.nogutter .tools{border-left:0} .dp-highlighter.collapsed .tools{border-bottom:0} .dp-highlighter .tools a{font-size:9px;color:#a0a0a0;text-decoration:none;margin-right:10px} .dp-highlighter .tools a:hover{color:red;text-decoration:underline} .dp-about{background-color:#fff;margin:0;padding:0} .dp-about table{width:100%;height:100%;font-size:11px;font-family:Tahoma, Verdana, Arial, sans-serif!important} .dp-about td{vertical-align:top;padding:10px} .dp-about .copy{border-bottom:1px solid #ACA899;height:95%} .dp-about .title{color:red;font-weight:700} .dp-about .para{margin:0 0 4px} .dp-about .footer{background-color:#ECEADB;border-top:1px solid #fff;text-align:right} .dp-about .close{font-size:11px;font-family:Tahoma, Verdana, Arial, sans-serif!important;background-color:#ECEADB;width:60px;height:22px} .dp-highlighter .comment,.dp-highlighter .comments{color:#008200} .dp-highlighter .string{color:blue} .dp-highlighter .keyword{color:#069;font-weight:700} .dp-highlighter .preprocessor{color:gray} /* -------------PLUGIN PAGENAVI----------- */ #content .wp-pagenavi{font-size:1em;text-transform:uppercase;clear:both;font-weight:700;margin-bottom:15px;text-align:right} #content .wp-pagenavi a,#content .wp-pagenavi .current{border:1px solid #bbb;background:#3A3D2D;color:#fff;margin-left:3px;text-decoration:none;padding:3px 7px} #content .wp-pagenavi a:hover,#content .wp-pagenavi .current{color:#E7E6D1;background:#3A3D2D} #content .wp-pagenavi .pages{font-size:1.1em;float:left} /* FORM */ form{display:inline} fieldset{border:none} input,select,textarea{font-size:100%;font-family:inherit} textarea{line-height:1.25} form label,button{cursor:pointer} /* SEARCH */ #search input#s{float:left;margin-right:5px;background:#f0f0e0;height:14px;width:140px;color:#000;font-size:1.2em;border:none;padding:2px} #search button{float:left;margin-top:2px;background:url(images/search_go.png) no-repeat;width:35px;height:15px;border:none;display:block;text-indent:-9999px} /* -------------COMMENTS----------- */ #addcomment label{display:block;font-size:1.1em;margin-bottom:2px} #addcomment textarea,#addcomment input{font-size:1.1em;width:380px;background:#e8e7d2;border:1px solid #dbd9b6;margin-bottom:5px;height:110px;padding:2px} #addcomment input{width:60%;height:14px;padding:2px} #addcomment button{color:#fff;background:#3a3d2d;border:1px solid #e4e3ce;padding:2px} /* -------------CONTACT----------- */ .emailme div {margin-bottom:4px} .emailme label {float:left;width:90px} .emailme button {margin-left:90px;background:#e8e7d2;border:1px solid #dbd9b6;width:auto;padding:3px 5px} .emailme textarea {width:300px;background:#e8e7d2;border:1px solid #dbd9b6;;padding:4px} .emailme input {background:#e8e7d2;border:1px solid #dbd9b6;width:200px;padding:3px} .errormessage {color:#d00707} /* WORDPRESS & GLOBAL */ .clear {clear:both} .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden} .clearfix {display: inline-block} .clearfix {display: block} html[xmlns] .clearfix {display:block} .aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto}.alignleft{float:left;margin:2px 8px 5px 0}.alignright{float:right;margin:2px 0 5px 8px}.wp-caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;margin:3px 5px 5px 0}.wp-caption img{border:0 none;margin:0;padding:0}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.fl{float:left}.fr{float:right}.fn{float:none!important}.db{display:block}.di{display:inline}.dn{display:none}.pa{position:absolute}.pr{position:relative}.ml3{margin-left:3px}.ml5{margin-left:5px}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.mr3{margin-right:3px}.mr5{margin-right:5px}.mr10{margin-right:10px}.mr15{margin-right:15px}.mr20{margin-right:20px}.mt3{margin-top:3px}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mb3{margin-bottom:3px}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px} }