/* THEME NAME: MASIA03 THEME URI: http://www.chedonline.com/themes/ DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists VERSION: 3 AUTHOR: Ched Lim AUTHOR URI: TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer */ /* Get busy y'all */ @import url('styles/reset.css'); @import url('styles/960.css'); @import url('styles/miscellaneous.css'); @import url('styles/typography.css'); @import url('styles/images.css'); /* about page */ @import url('styles/slider.css'); @import url('styles/colorbox.css'); img#wpstats {display:none} /* IMAGES -------------------------------------------------------------------------------------------------- */ body {/*background:url(images/body-bg.jpg) top center repeat-y*/} /* TYPOGRAPHY -------------------------------------------------------------------------------------------------- */ .frutiger {font-size:24px; margin:0 0 20px 0; line-height:32px} /*Subheads*/ .subhead {font-size:15px; font-weight:bold; margin:0 0 10px 0; text-transform:uppercase} /*links*/ a {color:#C00; text-decoration:underline} a:hover {color:#C00; text-decoration:none;} /*===================================================================================================================================== HEADER =====================================================================================================================================*/ #header {position:relative; width:940px; height:110px; margin:0 auto} #header h1 {position:absolute; top:30px; left:0px} #header h1 a img {border:none} #header ul#nav {position:absolute; top:92px; left:130px; margin:0; list-style-type:none;} #header ul#nav li {float:left; margin:0; padding:0 0 0 20px} #header ul#nav li a {display:block; padding:1px 3px; font-size:11px; color:#000; text-decoration:none; text-transform:capitalize;border-top:2px solid #FFF;} #header ul#nav li a:hover {border-top:2px solid #C00;} /*Section Indication*/ .home .home-link, .page-template-_blog-php .blog-link, .s-category-blog .blog-link .page-template-_about-php .about-link, .page-template-_showdates-php .showdates-link, .s-category-showdates .showdates-link .page-template-_music-php .music-link, .page-template-_videos-php .videos-link, .page-template-_store-php .store-link, .page-template-_stuff-php .stuff-link, .page-template-_contact-php .contact-link {border-top:2px solid #C00 !important;} /*===================================================================================================================================== FRONT-IMAGE =====================================================================================================================================*/ #front-image {height:570px; background:url(images/front-image.jpg) top center no-repeat} #front-image #front-content {position:relative; margin:0 auto; width:940px; height:540px; color:#FF9} #front-image #front-content #front-text {position:absolute; width:260px; top:80px; left:20px} #front-image #front-content #front-text p {margin:0 0 20px 0; font-size:22px; line-height:26px; font-family:Georgia, "Times New Roman", Times, serif;} #front-image #front-content #front-text p a {text-decoration:underline; color:#FF6} #front-image #front-content #front-text p a:hover {text-decoration:none; color:#C00} #front-image #front-content #music-player {position:absolute; width:300px; top:310px; left:20px} #front-image #front-content #music-player p {font-size:11px; margin:0 0 3px 0} #front-image #front-content #latest-tweet {position:absolute; width:260px; bottom:40px; left:20px; font-size:11px; line-height:15px; border-top:1px dotted #C30; padding-top:5px} #front-image #front-content #latest-tweet a.follow-link {float:left; display:block; text-align:center; text-decoration:none; font-size:9px; color:#FF9; width:50px; padding:2px auto;} #front-image #front-content #latest-tweet a.follow-link:hover {color:#C00; background-color:#FF9} #front-image #front-content #latest-tweet .tweet {float:right; width:200px} #front-image #front-content #latest-tweet .tweet .reply-link {font-size:9px} #front-image #front-content #latest-tweet .tweet .twitter-timestamp {font-size:9px} #front-image #front-content #latest-tweet .tweet a.twitter-link {text-decoration:underline; color:#FF6} #front-image #front-content #latest-tweet .tweet a.twitter-link:hover {text-decoration:none; color:#C00} /*===================================================================================================================================== TITLE-BAR =====================================================================================================================================*/ #title-bar {height:180px; background:url('images/blog-title-bar.jpg') top center no-repeat; margin-top:30px} * html #title-bar {margin-top:15px} #title-bar .din {line-height:180px; margin:0 auto; width:940px; font-size:36px; color:#FFF; text-transform:uppercase} /*===================================================================================================================================== TITLE-BAR =====================================================================================================================================*/ #showdates .post-thumb {margin-bottom:10px} #showdates .post-thumb a {display:block; height:240px;} #showdates .post-excerpt {font-size:11px; line-height:16px} #showdates h2.post-title a {font-size:16px; color:#333; text-decoration:none} /*===================================================================================================================================== FEATURED-POST =====================================================================================================================================*/ #featured-post .post-thumb a {display:block; height:240px;margin-bottom:10px} #featured-post h2.post-title a {color:#333; text-decoration:none} #featured-post .post-meta {font-size:10px} /*===================================================================================================================================== ALBUMS =====================================================================================================================================*/ #albums img {border:1px solid #CCC; border-top:1px solid #EEE} #albums p {font-size:11px} /*===================================================================================================================================== RECENT-POSTS =====================================================================================================================================*/ ul.recent-posts {list-style-type:none; margin:0; padding:0} ul.recent-posts li {margin:0 0 10px 0} ul.recent-posts li .post-thumb {float:left; height:50px; width:70px; overflow:hidden} ul.recent-posts li .post-thumb a {display:block;} ul.recent-posts li .post-thumb a img {width:70px; height:auto;} ul.recent-posts li .post-desc {float:right; width:220px} ul.recent-posts li .post-desc h3 {margin:0; line-height:14px; } ul.recent-posts li .post-desc h3 a {font-size:12px;color:#333; text-decoration:none;text-transform:none;} ul.recent-posts li .post-desc h3 a:hover {color:#C00} /*===================================================================================================================================== BLOG_TUMBLE =====================================================================================================================================*/ #blog-tumble .post {padding-bottom:30px; margin-bottom:60px; border-bottom:1px solid #EEE} #blog-tumble .post h2.post-title {margin:0} #blog-tumble .post h2.post-title a {font-size:36px; line-height:36px; color:#000; text-decoration:none} /*===================================================================================================================================== SINGLE =====================================================================================================================================*/ .post-title {font-size:32px; line-height:32px; color:#000; text-decoration:none; margin:0} #blog-tumble .post {padding-bottom:10px; margin-bottom:30px; border-bottom:1px solid #EEE} /*Post content*/ .post .post-content h3 {font-size:24px; line-height:26px; font-weight:bold; margin:12px 0 24px 0;} .post .post-content a {color:#C00} .post .post-content a:hover {text-decoration:none; color:#333} /*All of Masia's Possible captioning*/ .post .post-content div img {width:460px !important; height:auto;} .post .post-content p img {width:460px !important; height:auto;} .post .post-content dl {width:460px!important; margin:0 0 20px 0 !important; padding:0 !important; border:none !important; background:none !important; } .post .post-content dl dt img {width:460px !important; height:auto;} .post .post-content dl dd {padding:0 !important;} .post .post-content .wp-caption {width:auto !important;} .post .post-content .wp-caption img {width:460px !important; height:auto;} .post .post-content .wp-caption p.wp-caption-text {text-align:center; font-size:11px; color:#666} /* COMMENTS */ #comments {padding-top:10px} #comments-list {margin:0 0 40px 0} #comments-list .comment-meta {font-size:11px} #comments-list .comment-text {margin:3px 0 20px 0} #comments-list .comment-text p {margin:8px 0 0 0} #trackbacks-list {margin:0 0 40px 0} #trackbacks-list h3 {font-size:16px; font-weight:bold; margin:20px 0} #trackbacks-list .comment-text {margin:3px 0 20px 0} .form-subscribe-to-comments input {margin-left:0; margin-bottom:0} .form-subscribe-to-comments p {font-size:11px; margin:0} #respond {border-top:1px dotted #CCC; padding-top:10px} #respond h3 {margin:0} #respond .widget-subhead {font-size:11px} /*===================================================================================================================================== POST-META =====================================================================================================================================*/ .post-meta {margin:0 0 20px 0; font-size:11px} ul.recent-posts .post-meta {margin:0} .post-meta .comment-info a {color:#666; text-decoration:none; padding-left:18px; background:url('images/comment.png') no-repeat} .post-meta .comment-info a:hover {color:#000} .post-meta .tags-link {height:18px; padding:0 0 5px 18px; background:url('images/tag_blue.png') no-repeat} /*Call to actions*/ .post a.button-link {display:inline-block; padding:5px; color:#C00; border:1px solid #C00; text-decoration:none; font-size:11px; text-transform:uppercase} .post a.button-link:hover {background-color:#C00; color:#FFF} #blog-tumble .page-nav {margin:40px 0} /* ABout */ #overlay{font-size:11px} #overlay p {margin:0} /* SIDEBAR -------------------------------------------------------------------------------------------------- */ #sidebar {margin-bottom:20px} #sidebar ul.community-icons {margin:0; list-style-type:none} #sidebar ul.community-icons li {margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:1px dotted #CCC;} #sidebar ul.community-icons li:hover a.label {color:#C00} #sidebar ul.community-icons li a.icon {float:left; display:block; height:32px} #sidebar ul.community-icons li a.label {float:left; display:block; color:#666; line-height:30px; padding-left:10px; height:32px; font-size:11px; font-weight:normal; text-decoration:none} #sidebar ul.friends-list {margin:-10px 0 0 0; list-style-type:none} #sidebar ul.friends-list li {margin:0 0 10px 0} #sidebar ul.friends-list li h2 {font-size:11px; font-weight:bold} #sidebar ul.friends-list li ul {margin:0; list-style-type:none} #sidebar ul.friends-list li ul li {margin:0 0 4px 0; padding:0; font-size:11px; line-height:14px} #sidebar ul.friends-list li ul li a {color:#666} /*===================================================================================================================================== VIDEOS PAGE =====================================================================================================================================*/ .youtube-playlist {margin-bottom:40px} /*===================================================================================================================================== FOOTER =====================================================================================================================================*/ #footer {background-color:#000; height:100px;} #footer #footer-links {position:relative; width:940px; margin:0 auto;} #footer #footer-links ul#nav {position:absolute; top:10px; left:0; margin:0; list-style-type:none;} #footer #footer-links ul#nav li {float:left; margin:0; padding:0 20px 0 0} #footer #footer-links ul#nav li a {font-size:11px; text-decoration:none; color:#FFF} #footer #footer-links ul#nav li a:hover {text-decoration:underline} #footer #footer-links #footer-logos {position:absolute; right:0; top:8px;} /*===================================================================================================================================== CONTACT PAGE =====================================================================================================================================*/ #contact-content .grid_4 h2 {font-size:24px; margin:0 0 5px 0} #contact-content .wpcf7-form {margin-bottom:40px; padding:20px 20px 0 20px; background-color:#EEE; border:2px solid #333;} #contact-content .wpcf7-form p {font-size:11px} #contact-content .wpcf7-form .wpcf7-form-control-wrap input {font-size:14px; padding:5px; border:1px solid #333; width:400px} * html .wpcf7-form .wpcf7-form-control-wrap input {padding:2px} #contact-content .wpcf7-form textarea {font-size:14px; padding:5px; border:1px solid #333; width:400px} * html .wpcf7-form textarea {padding:2px} #contact-content div.wpcf7-response-output {margin:0 !important} .post-thumb .resize {width: 460px; height : auto;} .post-thumb .resize { width: auto; height : 240px;} /*===================================================================================================================================== WP-PAGENAVI =====================================================================================================================================*/ .wp-page-navi {} .wp-pagenavi span.extend {border:none !important;} .wp-pagenavi span.pages {border:none !important; margin:0 !important; padding:0 5px 0 0 !important; font-size:11px !important;} .wp-pagenavi span.current {background-color:#000000 !important; color:#FFFFFF !important; border:none !important; font-size:11px !important;} .wp-pagenavi a {background-color:#CC0000 !important; color:#FFFFFF !important; border:none !important; font-size:11px !important;} .wp-pagenavi a:hover {background-color:#333 !important;}