146 lines
No EOL
7.2 KiB
CSS
146 lines
No EOL
7.2 KiB
CSS
/* 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
|
|
---------------------------------------------------------------------------------------- */
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* now I'm working with a clean slate! */
|
|
body {font:11px/15px Arial,Helvetica,sans-serif;}
|
|
|
|
.centerbox {width:980px;margin:0 auto;}
|
|
|
|
|
|
#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:180px;height:180px;margin:0 8px 8px 0px;}
|
|
|
|
#activity_list .activity_item .activity_list_inner {background:url(images/bg-box.gif) no-repeat scroll 0 0;height:180px;width:180px;overflow:hidden;}
|
|
#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 {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 Arial,Helvetica;display:block;color:#690000;}
|
|
|
|
#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:#FFF;}
|
|
#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:180px;}
|
|
#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 .activity_item .activity_list_inner .photo {position:relative;width:180px;height:180px;display:block;}
|
|
#activity_list .activity_item .activity_list_inner .photo span.post_title{background:url(images/alpha75.png);bottom:25px;position:absolute;padding:5px;left:10px;right:25px;cursor: pointer;}
|
|
|
|
* 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;}
|
|
|
|
cite {font-style:italic;}
|
|
|
|
/* Sidebar
|
|
---------------------------------------------------------------------------------------- */
|
|
#explanation {border:5px solid #EEE;color:#333;padding:8px;margin:8px 0px;background:#FAFAFA;font:14px/16px Arial,Helvetica;}
|
|
#explanation a{text-decoration:none;color:#690000;}
|
|
#explanation strong {color:#C00;}
|
|
|
|
h3 {font:14px/16px Arial,Helvetica;font-weight:bold;display:block;color:#330000;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:#690000;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
|
|
---------------------------------------------------------------------------------------- */
|
|
|
|
.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:#111;border-bottom:3px solid #EEE;letter-spacing:-1px;padding-left:10px;}
|
|
h2 a{text-decoration:none;color:#454545;}
|
|
#single_container .blog p {margin:20px 10px;font:14px/21px Arial,Helvetica,sans-serif;}
|
|
#single_container p a {color:#CB0000;}
|
|
#tags_container{clear:both;float:none;color:#454545;background:#EEE;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:10px 0px;clear:both;word-spacing:5px;text-align:right;margin:0 15px 0 0;}
|
|
p#pagination a {border:1px solid #330000;text-decoration:none;padding:5px 8px;color:#330000;background:#EEE;}
|
|
p#pagination a:hover {border:1px solid #330000;text-decoration:none;padding:5px 8px;color:#FFF;background:#330000;}
|
|
|
|
/* Footer
|
|
---------------------------------------------------------------------------------------- */
|
|
#footer {background:#330000;font:11px/19px Arial,Helvetica,sans-serif;text-align:right;padding:10px 0;color:#FFF;}
|
|
#footer a{color:#FFF;text-decoration:none;font-weight:bold;}
|
|
#footer a span {color:#999} |