/* 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 */ /* Reset ---------------------------------------------------------------------------------------- */ /* Copyright (c) 2006, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 0.10.0 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';} * { margin: 0; padding: 0; } /* now I'm working with a clean slate! */ html { background: url(/images/backgrounds/background.jpg); background-position:left top; background-repeat: repeat; background-color: #000000; background-attachment: fixed; } body { font:11px/15px Arial,Helvetica,sans-serif; color: #FFFFFF; line-height: 1.5em; } .centerbox {width:980px;margin:0 auto;} #navBar {background:url(images/alpha90.png);font:11px/19px Arial,Helvetica,sans-serif;text-align:right;height:50px; border-bottom: 1px #FFFFFF solid; } #navBar #navigation {list-style:none;padding:15px 10px 0 0;float:right;} #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 {clear:both;padding:10px 0px;} .header {border-bottom:1px solid #FFEE7A;} #header h1 {font:32px/42px "Myriad Pro",Arial,Helvetica,sans-serif;color:#FF0033;border-bottom:3px solid #FFFFFF;letter-spacing:1px;} #header h1 a{text-decoration:none;color:#FF0033;} #main_container {width:760px;float:left;} #sidebar_container {width:220px;float:right;} #pagination {clear:both;} /* Activity List ---------------------------------------------------------------------------------------- */ #activity_list {} #activity_list .activity_item {float:left;margin:0px;width:176px;height:200px;margin:0 10px 8px 0px; border: 1px #454545 solid; background:url(images/alpha90.png); } #activity_list .activity_item .activity_list_inner {border: 0px #FF9900 solid; height:200px;width:180px;overflow:hidden; border: 0px #6699FF solid; } #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:178px;text-decoration:none;color:#999;} #activity_list .activity_item .activity_list_inner .content_wrapper:hover {border-color:#C00;} p.date { color: #FFEE7A; font-weight: bold; display: none; } #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 Arial,Helvetica,sans-serif;display:block;color:#CCC;} span.post_title {font:14px/16px Georgia,serif;display:block;color:#FF9900; text-transform: capitalize; } #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 url(images/bg-box.gif) no-repeat scroll 0 0;position:relative;} #activity_list .lastfm .activity_list_inner span.post_title{color:#AA6600;} #activity_list .lastfm .activity_list_inner .type_label{color:#FFF;padding:2px 0 35px 10px;background:url(images/logo-lastfm.jpg) no-repeat 1px 1px;margin-right:1px;} #activity_list .lastfm .activity_list_inner .content_wrapper{margin:0;padding:0;height:200px;} #activity_list .lastfm .activity_list_inner .content_wrapper span.post_title{color:#AA6600;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 .activity_item .activity_list_inner .photo {position:relative;width:180px;height:200px;display:block;} #activity_list .activity_item .activity_list_inner .photo span.post_title{background:url(images/alpha75.png);bottom:10px;position:absolute;padding:5px;left:10px;right:30px;cursor: pointer; color:#AA0000; } * html #activity_list .activity_item .activity_list_inner .photo span.post_title{background:url(images/alpha90.png); } #activity_list .bright .activity_list_inner{background-image:none;position:relative;} #activity_list .bright .activity_list_inner span.post_title{color:#FFFFFF} #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; border: 2px #FFEE7A solid; } #activity_list .activity_item .activity_list_inner .status .type_label{color:#FFEE7A;padding:5px 0 10px 10px;} #activity_list .activity_item .activity_list_inner .status {border:none; font:14px/16px Georgia,serif;display:block;color:#FFFFFF; text-decoration: none; line-height:1.4em; margin: 2px; } #activity_list .activity_item .activity_list_inner .status .status {border:none;margin-bottom:8px;} #activity_list .activity_item .activity_list_inner .status p {font:12px/16px Georgia,serif;display:block;color:#FFFFFF; line-height:1.5em; margin: 2px; } #activity_list .activity_item .activity_list_inner p { font:12px/16px Georgia,serif; display:block; color:#FFFFFF; line-height:1.6em; margin: 4px; padding: 2px; } #activity_list .activity_item .activity_list_inner p a, #activity_list .activity_item .activity_list_inner p a:hover { color:#FF9900; } .status_avatar {display:block;background:url(images/bubble.gif) no-repeat 120px 0px;text-align:right;padding:11px 20px 0px 0px;} .status_avatar img{border:none;} cite {font-style:italic;} /* Sidebar ---------------------------------------------------------------------------------------- */ #explanation {border:2px solid #CCCCCC;color:#333;padding:8px;margin:8px 0px;background:#FFFFFF;font:14px/16px Georgia,serif;} #explanation a{text-decoration:none;color:#FF0033;} #explanation strong {color:#C00;} h3 {font:16px/20px Georgia,serif;display:block;color:#FF9900;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; color:#FFEE7A; line-height: 2em; } ul.tag_list li a{text-decoration:none;color:#FFFFFF;font:14px/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 ---------------------------------------------------------------------------------------- */ .dsq-comment-header { background: #F8F8F8 !important; padding-top: 2px !important; border: 1px solid #EEE !important; border-style: solid none none none !important; } /* Single ---------------------------------------------------------------------------------------- */ #single_container{margin-right:20px;} h2 {font:26px/32px "Myriad Pro",Arial,Helvetica,sans-serif;color:#FFFFFF;border-bottom:3px solid #EEE;letter-spacing:-1px;padding-left:10px;} h2 a{text-decoration:none;color:#FFEE7A;} #single_container .blog p {margin:20px 10px;font:14px/21px Arial,Helvetica,sans-serif; color:#FFFFFF; } #single_container p a {color:#CB0000;} #tags_container{clear:both;float:none;color:#454545;background:url(images/alpha90.png);border:1px #FFEE7A solid;padding:5px 10px;margin-right:20px;} #tags_container ul li {float:none;display:inline;} #comments_container{clear:both;margin:20px 20px 20px 10px;} /* 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 {background:url(images/alpha90.png);font:11px/19px Arial,Helvetica,sans-serif;text-align:right;padding:20px 0;color:#FFF;border-top:1px #FFFFFF solid; } #footer a{color:#FFF;text-decoration:none;font-weight:bold;} #footer a span {color:#999} /* Extra ---------------------------------------------------------------------------------------- */ .speech_bubble { color: #FFFFFF; line-height: 1.5em; }