/* Theme Name: CezaryLech.pl Theme URI: http://CezaryLech.pl Author: Piotr 'mushroom' Grzyb Author URI: http://mr-mushroom.com Tags: html5, cezary, lech */ @import "css/reset.css"; @import "css/layout.css"; body { font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:24px; color:#666; } h2 { font-size:36px; font-weight:normal; margin:0 0 10px 0; } article a { color:#666; text-decoration:none; border-bottom:1px solid; } article a:hover { border-bottom:1px solid; } article a:active { outline: 0; position: relative; top: 1px; } article h4 a { border-bottom:none !important; } br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */ /* Header */ /* ----------------------------------------- */ header { width:100%; margin:0 0 40px 0; background:#000; text-align:center; display:block; } header nav { text-align:center; } header nav ul { display:block; margin:auto; width:960px; } header nav ul li { margin:auto; display:table-cell; } header nav ul li a { text-decoration:none; color:#FFF; font-size:18px; margin:0 auto; padding:16px 27px; display:block; } /* Content */ /* ----------------------------------------- */ section { width:960px; margin:0 auto; } section img#cezarylech { margin:0 0 0 -232px; padding:0; float:left; } aside#left { float:left; clear:both; } article { width:568px; margin:15px 0; padding:0; float:right; position:relative; } article h2 { font-size:24px; margin:0 0 10px 0; } article p { margin:0 0 20px 0; } article time { position:absolute; top:20px; right:25px; font-style:italic; font-size:12px; } span.stamp { display:none; } article header { margin:0; background:none; text-align:left; z-index:20; display:block; position:relative; } article.right header { height:65px; margin:0 0 -14px 106px; background:url(img/bubble.png) 10px -5px no-repeat scroll; } article.left header { height:65px; margin:0 106px -14px 0; background:url(img/bubble.png) 420px -103px no-repeat scroll; } article header a, article header a:hover { display:block; height:40px; text-indent:-999999px; width:240px; border-bottom:none; } article.left header a { margin-left:212px !important; } article.right a.bliptwit { background:url(img/sprites.png) -330px 0px scroll no-repeat !important; position:absolute !important; top:0 !important; margin-left:100px !important; } article.right a.bliptwit:hover { background:url(img/sprites.png) 50px 0px scroll no-repeat !important; } article.left a.bliptwit { background:url(img/sprites.png) -330px 0px scroll no-repeat !important; position:absolute !important; top:0 !important; margin-left:120px !important; } article.left a.bliptwit:hover { background:url(img/sprites.png) 50px 0px scroll no-repeat !important; } article.right#twitter header a { background:url(img/sprites.png) -330px 0px scroll no-repeat; } article.right#twitter header a:hover { background:url(img/sprites.png) 50px 0px scroll no-repeat; } article.left#twitter header a { background:url(img/sprites.png) -330px 0px scroll no-repeat; } article.left#twitter header a:hover { background:url(img/sprites.png) 50px 0px scroll no-repeat; } article#maxroycomblog header a { background:url(img/sprites.png) -380px -40px scroll no-repeat; } article#maxroycomblog header a:hover { background:url(img/sprites.png) 0px -40px scroll no-repeat; } article.right#blip header a { background:url(img/sprites.png) -330px -80px scroll no-repeat; } article.right#blip header a:hover { background:url(img/sprites.png) 50px -80px scroll no-repeat; } article.left#blip header a { background:url(img/sprites.png) -240px -80px scroll no-repeat; } article.left#blip header a:hover { background:url(img/sprites.png) 140px -80px scroll no-repeat; } article.right#kiterspl header a { background:url(img/sprites.png) -420px -120px scroll no-repeat; } article.right#kiterspl header a:hover { background:url(img/sprites.png) -40px -120px scroll no-repeat; } article.left#kiterspl header a { background:url(img/sprites.png) -380px -120px scroll no-repeat; } article.left#kiterspl header a:hover { background:url(img/sprites.png) 0px -120px scroll no-repeat; } article.right#facebook header a { background:url(img/sprites.png) -330px -160px scroll no-repeat; } article.right#facebook header a:hover { background:url(img/sprites.png) 50px -160px scroll no-repeat; } article.left#facebook header a { background:url(img/sprites.png) -270px -160px scroll no-repeat; } article.left#facebook header a:hover { background:url(img/sprites.png) 110px -160px scroll no-repeat; } article.right#sprawnymarketing header a { background:url(img/sprites.png) -330px -200px scroll no-repeat; } article.right#sprawnymarketing header a:hover { background:url(img/sprites.png) 50px -200px scroll no-repeat; } article.left#sprawnymarketing header a { background:url(img/sprites.png) -380px -200px scroll no-repeat; } article.left#sprawnymarketing header a:hover { background:url(img/sprites.png) 0px -200px scroll no-repeat; } article.right#forummaxroy header a { background:url(img/sprites.png) -330px -240px scroll no-repeat; } article.right#forummaxroy header a:hover { background:url(img/sprites.png) 50px -240px scroll no-repeat; } article.left#forummaxroy header a { background:url(img/sprites.png) -380px -240px scroll no-repeat; } article.left#forummaxroy header a:hover { background:url(img/sprites.png) 0px -240px scroll no-repeat; } article div.status { padding:25px; border:1px solid #999; z-index:10; display:block; background:#FFF; position:relative; -khtml-border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; box-shadow: 1px 1px 4px #C7C7C7; -moz-box-shadow: 1px 1px 4px #C7C7C7; -webkit-box-shadow: 1px 1px 4px #C7C7C7; } article.right div.status { margin:0 0 0 106px; } article.left div.status { margin:0 106px 0 0; } article div h4 a { font-size:14px; font-weight:bold; color:#000; text-decoration:none; } article div.status img { float:left; width:180px; margin:8px 10px 0 0; } article.page, div.page article { padding:25px; border:1px solid #999; z-index:10; display:block; background:#FFF; position:relative; width:516px; -khtml-border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; box-shadow: 1px 1px 4px #C7C7C7; -moz-box-shadow: 1px 1px 4px #C7C7C7; -webkit-box-shadow: 1px 1px 4px #C7C7C7; } article.page li { margin-left:20px; } .post-9 article span { width:200px; height:200px; background-image:url(img/certyfikaty.png); background-attachment:scroll; background-repeat:no-repeat; float:left; margin-right:10px; margin:0 15px 0 0; padding:0 15px 0 0; border-right:1px dashed #999; } /* Loga */ /* ----------------------------------------- */ #logo-cloud { position:relative; display:block; margin:50px 0 0 0; width:392px; } #logo-cloud a { display:block; height:40px; text-indent:-999999px; float:left; margin:0 10px 20px 15px; } #logo-cloud a#twitter { background:url(img/sprites.png) 0px 0px scroll no-repeat; width:150px; } #logo-cloud a#maxroycomblog { background:url(img/sprites.png) 0px -40px scroll no-repeat; width:190px; } #logo-cloud a#blip { background:url(img/sprites.png) 0px -80px scroll no-repeat; width:60px; } #logo-cloud a#kiterspl { background:url(img/sprites.png) -95px -120px scroll no-repeat; width:94px; } #logo-cloud a#facebook { background:url(img/sprites.png) 0px -160px scroll no-repeat; width:87px; } #logo-cloud a#sprawnymarketing { background:url(img/sprites.png) 0px -200px scroll no-repeat; width:190px; } #logo-cloud a#goldposition { background:url(img/sprites.png) 0px -320px scroll no-repeat; width:107px; height:50px; } #logo-cloud a#forummaxroycom { background:url(img/sprites.png) 0px -240px scroll no-repeat; width:190px; } #logo-cloud a#searchmarketingweek { background:url(img/sprites.png) -190px -320px scroll no-repeat; width:220px; height:50px; } #logo-cloud a#googleplusone { background:url(img/sprites.png) -435px -310px scroll no-repeat; width:50px; height:50px; } #logo-cloud a#searchmarketingday { background:url(img/sprites.png) -305px -380px scroll no-repeat; width:220px; height:50px; } /* Profile */ /* ----------------------------------------- */ #profile-list li { margin:0; padding:0 0 10px 20px; line-height:16px; list-style:none; background-attachment:scroll; background-image:url(img/favicons.png); background-repeat:no-repeat; } #ico-blip { background-position: 0px -64px; } #ico-twitter { background-position: 0px 0px; } #ico-nk { background-position: 0px -32px; } #ico-facebook { background-position: 0px -96px; } #ico-goldenline { background-position: 0px -128px; } #ico-linkedin { background-position: 0px -160px; } #ico-profeo { background-position: 0px -192px; } #ico-flaker { background-position: 0px -224px; } #ico-youtube { background-position: 0px -256px; } /* Footer */ /* ----------------------------------------- */ footer { margin:40px auto; width:960px; text-align: center; }