/* SweetCronThemes.com CSS - 25.01.2009 UXCron Theme is inspired by UXMag.com Theme Name : UXCron Version : 0.8 Author : Ozan Caglargil Contact : http://www.sweetcronthemes.com/p/contact !!!this code is fcking bullshit and needs to be reworked completely!!! /* Reset ---------------------------------------------------------------------------------------- */ *{margin:0;padding:0;} *:focus {outline: 0;} /* image replacement for headlines */ .replace { position:relative; margin:0px; padding:0px; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ } .replace span { display:block; position:absolute; top:0px; left:0px; z-index:1; /*for Opera 5 and 6*/ } /* now I'm working with a clean slate! */ body {font:11px/15px Arial,Helvetica,sans-serif;height: 100%;background:#f9f9f9;} #head { padding-top: 8px; margin-left: 0px;} /*#headline, #headline span { height: 26px; width: 561px; background-image: url('images/lifestream.png'); }*/ #headline, #headline span { height: 23px; width: 430px; background-image: url('images/logo.gif'); } #wrapper { display: block; min-height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 0;} /*#content { border-top: 3px solid #eee; margin-top: 30px; padding: 20px 0 100px 0; height: auto; }*/ #content { margin-top: 30px; padding: 20px 0 100px 0; height: auto; } .centerbox {width:980px;margin:0 auto;} #intro {background: #eee; padding: 5px 20px; margin: -20px 0 20px 0; font-size: 11px; color: #666;} #navBar {background:#262626 url('images/head-bg.gif');font:11px/19px "Helvetica Neue",Helvetica,Arial,sans-serif;text-align:right;height:50px;padding: 0; width: 100%;} #navBar #navigation {list-style:none;padding:15px 10px 0 0;float:right;text-shadow:1px 1px 1px #000; } #navBar #navigation li {float:left;} #navBar #navigation li a {color:#999;text-decoration:none;padding:3px 10px;border-right:1px solid #666;} #navBar #navigation li#rsslink a {border:none;padding-right:15px;color:#FF9933;background:url(images/icon-rss.png) no-repeat right 50%;} #navBar #navigation li a:hover {color:#FFF;} #header {float:left;} #header h1 {font:28px/38px "Helvetica Neue", Helvetica, Arial, sans-serif;color:#f93;letter-spacing:1px;margin-top:5px;} #header h1 a {text-decoration:none;color:#f93;} #main_container {width:760px;float:left;} #sidebar_container {width:220px;float:right;} #pagination, br.clear {clear:both;} /* Activity List ---------------------------------------------------------------------------------------- */ #activity_list {} #activity_list .activity_item {float:left;margin:0px;width:180px;height:160px;margin:0 8px 8px 0px;} #activity_list .activity_item .activity_list_inner {border: 1px solid #000; height:160px;width:180px; padding:0; overflow:hidden;} #activity_list .activity_item .activity_list_inner {-webkit-box-shadow: 0 0 2px #000;-moz-box-shadow: 0 0 2px #000;box-shadow: 0 0 2px #000; } #activity_list li.status .activity_list_inner {background:none;} #activity_list .last {margin-right:0;} #activity_list .activity_item .activity_list_inner .content_wrapper {padding:8px;display:block;height:180px;text-decoration:none;color:#999;} #activity_list .activity_item .activity_list_inner .content_wrapper:hover {color: #000;} p.date {display:none;} q {font-style:italic; color: #252;} #activity_list .activity_item .activity_list_inner .content_wrapper p {color:#333;font:11px/13px Arial,Helvetica,sans-serif;} #activity_list .activity_item .activity_list_inner .content_wrapper a {border:none;padding:0;display:inline;height:auto;text-decoration:none;color:#333;} span.type_label {font:10px/10px "Helvetica Neue", Helvetica, Arial,sans-serif;display:block;color:#CCC;} span.post_title {font:14px/16px "Helvetica Neue", Helvetica, Arial,sans-serif;display:block;color:#363;} #activity_list .activity_item .activity_list_inner .content_wrapper:hover span.post_title {color:#C00;cursor: pointer;} #activity_list .lastfm .activity_list_inner{background:#dc2500;position:relative;} #activity_list .lastfm .activity_list_inner span.post_title{color:#FFF;} #activity_list .lastfm .activity_list_inner .type_label{color:#FFF;padding:2px 0 35px 10px;background:url(images/logo-lastfm.jpg) no-repeat 0 0;} #activity_list .lastfm .activity_list_inner .content_wrapper{margin:0;padding:0;height:158px !important; border:1px solid #fff;} #activity_list .lastfm .activity_list_inner .content_wrapper span.post_title{color:#FFF;bottom:45px;position:absolute;padding:5px;left:10px;right:10px;cursor: pointer;} #activity_list .lastfm .activity_list_inner .content_wrapper:hover span.post_title{color:#EEE;} #activity_list .photo .activity_list_inner .photoentry span {background: url(images/exif-bg.png);padding: 1px;} #activity_list .activity_item .activity_list_inner .photo {position:relative;width:162px;height:142px !important;display:block;border: 1px solid #fff;overflow:hidden;} #activity_list .activity_item .activity_list_inner .photoentry {position:relative;width:162px;height:142px !important;display:block;border: 1px solid #fff;overflow:hidden;} #activity_list .activity_item .activity_list_inner .photo span.post_title{font-size: 11px; background:#000; bottom:0px;position:absolute;padding:1px 5px;left:0;right:0;cursor: pointer;} #activity_list .activity_item .activity_list_inner .photo span.op6 { -moz-opacity:0.8; -webkit-opacity:0.8; opacity:0.8;} * html #activity_list .activity_item .activity_list_inner .photo span.post_title{background-image:none;background-color:#FFF;} #activity_list .bright .activity_list_inner{background-image:none;position:relative;} #activity_list .bright .activity_list_inner span.post_title{color:#003E7E} #activity_list .bright .activity_list_inner .type_label{color:#213442;padding:5px 0 10px 10px;} #activity_list .bright .activity_list_inner .content_wrapper{margin:0;padding:0;border:8px solid #213442;height:164px;background:url(images/bg-brightkite.png) no-repeat;} #activity_list .bright .activity_list_inner .content_wrapper span.post_title{background:url(images/alpha75.png);bottom:15px;position:absolute;padding:5px;left:15px;right:15px;} * html #activity_list .bright .activity_list_inner .content_wrapper span.post_title{background-image:none;background-color:#FFF;cursor: pointer;} #activity_list .bright .activity_list_inner .content_wrapper:hover span.post_title{} #activity_list .activity_item .status {border:none;margin:1px;} #activity_list .activity_item .activity_list_inner .status {border:none;} #activity_list .activity_item .activity_list_inner .status .status {border:none;margin-bottom:8px;} #activity_list .activity_item .activity_list_inner .status p {border:5px solid #bfd4ea;margin:0px -8px;padding:4px 8px;font:14px/16px Georgia,serif;display:block;color:#003E7E;} #activity_list .activity_item .activity_list_inner .status:hover p {color:#C00;} .status_avatar {display:block;background:url(images/bubble.gif) no-repeat 120px 0px;text-align:right;padding:11px 0px 0px 0px;} .status_avatar img{border:none; -webkit-box-shadow: 0 0 2px #000;} .avatar {float:left; margin: 0 5px 0 0;} .avatar img {border: 0px; -webkit-box-shadow: 0 0 3px #333; width: 16px; height: 16px;} cite {font-style:italic;} /* Sidebar ---------------------------------------------------------------------------------------- */ #explanation {border:5px solid #EEE;color:#333;padding:8px;margin:8px 0px;background:#FAFAFA;} #explanation a{text-decoration:none;color:#003E7E;} #explanation strong {color:#C00;} .sideblock {border:5px solid #EEE;color:#333;padding:8px;margin:8px 0px;background:#FAFAFA;} .sideblock a{text-decoration:none;color:#003E7E;} .sideblock strong {color:#C00;} .sideblock p {margin-bottom: 5px;} .sideblock img {border:1px solid #fff; -webkit-box-shadow: 0 0 3px #666; margin: 3px;} h3 {font:14px/16px Georgia,serif;display:block;color:#C00;margin:10px 0 5px 5px;clear:both;} ul.tag_list {list-style:none;margin:0 0 0 5px;padding:0;} ul.tag_list li {float:left;} ul.tag_list li a{text-decoration:none;color:#003E7E;font:12px/16px Arial,Helvetica,sans-serif;padding:0px 3px;} ul.tag_list li a:hover {text-decoration:underline;color:#C00;} form {margin:0 0 0 5px;} input.text_input {width:150px;} #footer {clear:both;} /* IE Fixes (lulz) ---------------------------------------------------------------------------------------- */ #activity_list .activity_item .activity_list_inner .content_wrapper { height: expression(this.scrollHeight > 164 ? "164px" : "auto"); /* IE */ } /* 3rd Party ---------------------------------------------------------------------------------------- */ #comments_container { width: 700px; } /* Single ---------------------------------------------------------------------------------------- */ h2 {font:26px/32px "Helvetica Neue",Arial,Helvetica,sans-serif;font-weight: normal; color:#111;border-bottom:3px solid #EEE;padding-left:10px;margin-bottom: 20px;} h2 a{text-decoration:none;color:#454545;} #single_container {margin:20px 100px 20px 20px;font:14px/21px Arial,Helvetica,sans-serif;} #single_container p {margin-bottom: 8px;} #single_container a {color:#CB0000;} #single_container blockquote {font-style: italic; border-left: 5px solid #EEE; padding-left: 10px; margin-bottom: 10px;} #single_container strong {font-weight: bold;} /* Pagination ---------------------------------------------------------------------------------------- */ p#pagination {padding:20px 0px;clear:both;word-spacing:5px;text-align:right;margin:0 15px 0 0;} p#pagination a {border:1px solid #797979;text-decoration:none;padding:5px 8px;color:#454545;background:#EEE;} p#pagination a:hover {border:1px solid #797979;text-decoration:none;padding:5px 8px;color:#FFF;background:#797979;} /* Footer ---------------------------------------------------------------------------------------- */ #footer {position:absolute;left:0px;bottom:0px;width:100%;display:block;height:30px;z-index:999;padding:20px 0px;margin:0px;border:0;color:#ccc;background:#262626;text-align:right;text-shadow:1px 1px 1px #000;overflow:hidden;font:11px/19px Arial,Helvetica,sans-serif;} #footer a{color:#FFF;text-decoration:none;font-weight:bold;} #footer a span {color:#999} #teaser{width:218px;height:220px;overflow:hidden;border:1px solid #000;} /* Forms ---------------------------------------------------------------------------------------- */ textarea, input{padding:2px;border-width:1px;border-style:solid;border-color:#999 #eee #eee #999;margin:1px;} textarea:focus, input:focus{border:2px solid #f93;margin:0;} .hidden {display:none;} /* Photography ---------------------------------------------------------------------------------------- */ #photography a { border: 0; text-decoration: none; color: #f93; } #photography h3 {font: 12px Arial,Helvetica,sans-serif; font-weight: bold; display:block; margin: 0; color:#C00; } #photography .footernav { text-align: right; margin: 20px 0 0 0; } #photography h2 { border: 0; font: 12px Arial,Helvetica,sans-serif; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; text-align: center; margin: 5px 0; } #photography .exif { text-align: center; font-size: 0.9em; } #image { text-align: center; } #gallery a { border: 0; margin: 20px; } #gallery img, #image img { -webkit-box-shadow: 0 0 3px #000;-moz-box-shadow: 0 0 3px #000;box-shadow: 0 0 3px #000; } #gallery img, #image img { padding: 1px; background: #fff; } dl#gallerylist { font-size: 12px; float: left; width: 960px; margin: 1em 0; padding: 0;} dl#gallerylist dt { clear: left; float: left; width: 120px; margin: 0 0 35px 0; padding: 5px; } dl#gallerylist dd { float: left; width: 800px; margin: 0; padding: 20px 0; margin-bottom: 35px;} dl#gallerylist img { -webkit-box-shadow: 0 0 3px #000;-moz-box-shadow: 0 0 3px #000;box-shadow: 0 0 3px #000; } dl#gallerylist img { padding: 1px; background: #fff; clear:both; vertical-align: middle; } ul#gallerystream { width: 960px; list-style-type: none; text-align: center; margin: 0 0 2px 0; } ul#gallerystream li { margin: 0; padding: 0; display: inline; } ul#gallerystream img { padding: 1px; background: #fff; clear:both; -webkit-box-shadow: 0 0 3px #000;-moz-box-shadow: 0 0 3px #000;box-shadow: 0 0 3px #000; } ul#gallerystream a img { opacity:0.2; filter:alpha(opacity=20); } ul#gallerystream a:hover img { opacity:0.99; filter:alpha(opacity=99); }