/* Theme Name: Shaken Grid (Premium) Theme URI: http://www.themegarden.com/sawyer-hollenshead/ Description: Shaken Grid by Sawyer Hollenshead and Shaken & Stirred Web Version: 1.3 Author: Sawyer Hollenshead Author URI: http://www.sawyerhollenshead.com/ -------------------------------------------------------------------------- Designed by Sawyer Hollenshead - sawyerhollenshead.com Design, HTML, and CSS files are Copyright 2010 Sawyer Hollenshead -------------------------------------------------------------------------- INDEX: 1. SETUP - body - clearfix 2. Typography - 2.1 Hyperlinks and Logo - 2.2 Headers (h1, h2, etc...) - 2.3 Lists - 2.4 Paragraphs - 2.5 Blockquotes and Citations - 2.6 Font Families 3. Header - 3.1 Menus -- 3.1.1 Second Level -- 3.1.2 Third Level - 3.2 Social Networks 4. Layout 5. Grid blocks and Masonry plugin styles - 5.1 Box:hover actions - 5.2 Filter Navigation and Basic Form Styles 6. Single Post Page - 6.1 Comments 7. Sidebar - 7.1 Widgets -- 7.1.1 Related Posts and Cat. Posts -- 7.1.2 Twitter -- 7.1.3 Ads -- 7.1.4 Flicker -- 7.1.5 Others 8. Pages - 8.1 Archives Page 9. Footer 10. WordPress Specific 11. Common Styles -------------------------------------------------------------------------- */ /* ======================================================================= 1. Setup ======================================================================= */ @import "css/reset.css"; body{ background-color: #ddd; background-repeat: repeat; font-family: Georgia; font-size:14px; color:#4b5054; background-image: none; margin-top: -28px; } .clearfix{ clear:both; float:none; display:block; } /* ======================================================================= 2. Typography ======================================================================= */ /* ======================================= 2.1 Hyperlinks and Logo ======================================== */ a, a.more-link p{ color:#3A80BC; text-decoration:none; } a:hover{text-decoration:underline;} #logo a, a #logo{ font-weight:normal; font-size:42px; color:#333; margin:0px; text-decoration:none; text-shadow: rgba(0,0,0,.01) 0 0 1px; } #logo:hover a, #logo:hover{ opacity:0.75; } .wf-active #logo{ font-size:48px; line-height:1; } /* ======================================= 2.2 Headers ======================================== */ h1{ font-size:30px; color:#4b5054; margin-bottom:30px;} .wf-active h1{ font-size:30px; } h1.post-title{ font-size:30px; color:white; float: left; display: block; bottom: 80px; position: relative; background-color: black; padding: 8px 8px 8px 8px; margin-bottom: -80px; } #page h2, #full-page h2{ font-size:28px; margin-bottom:20px; font-weight:normal; color:#4b5054; } .post h2{ margin-top:30px; margin-bottom:15px; padding-bottom:5px; } .wf-active #page h2, .wf-active #full-page h2{ font-size:30px; } .box h2{ font-size:14px; color:white; margin-bottom:10px; float: left; display: block; bottom: 80px; position: relative; background-color: black; padding: 8px 8px 8px 8px; margin-bottom: -80px; } #archives-page .box h2{font-size:18px; margin-bottom:15px;} .wf-active #archives-page .box h2{font-size:24px} .box h2 a{ color:white; text-decoration:none } .box h2 a:hover{text-decoration:underline;} h1#logo, #logo{ margin-bottom:10px; } h3{ font-size:20px; font-weight:normal; margin-top:30px; margin-bottom:15px; padding-bottom:5px; color:#4b5054; } .wf-active h3{ font-size:24px; } h3.widget-title{ background-color:transparent; border:none 0; font-size:22px; padding-left: 5px; color:black; text-shadow:0 -1px rgba(0,0,0,0.45); margin-bottom:5px; background-repeat: no-repeat; } h3.widget-title a{ color:#FFF; } .wf-active h3.widget-title{ font-size:20px; text-transform: uppercase; margin-left: -20px; padding-left: 20px; } h4{ font-size:20px; margin-top:20px; margin-bottom:15px; padding-bottom:5px; } h5{ font-size:16px; text-transform:uppercase; margin-top:20px; margin-bottom:15px; padding-bottom:5px; } h6{ text-transform:uppercase; font-weight:bold; margin:5px 0 10px 0; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child{margin-top:0;} .post h2, .post h3, .post h4, .post h5, .post h6{margin-left:-10px;} #comments h2, #comments h3{ border-bottom:none 0; margin-top:0; margin-left:0; background-color: #3A80BC; color: white; padding-top: 5px; margin-left: -10px; padding-left: 10px; width: 400px; } #site-description{ font-weight:normal; font-size:12px; text-transform:uppercase; color:#999; margin-top:-5px; } @font-face { font-family:"league-gothic-1"; src:url(data:font/opentype;base64,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); font-style:normal; font-weight:400; } .post_date{ font-family: league-gothic-1; padding-top: 20px; font-size: 40px; display: block; float: left; position: relative; bottom: 0px; color: white; margin-bottom: -60px; height: 20px; padding-right: 4px; margin-top: 0px; text-transform: uppercase; background-color: #0092BF; } .post h1 { font-size: 30px; } /* ======================================= 2.3 Lists ======================================== */ ul, ol{margin-left:0px;} ul.roman{list-style:upper-alpha;} ul.roman ul{list-style:upper-roman;} .box p, .box ul{ line-height:16px; margin-bottom:10px; } .box, .box p, .box ul, .box ol{font-size:13px; line-height: 17px;} .box p {padding: 10px;} #archives-page .box, #archives-page .box p, #archives-page .box ul, #archives-page .box ol{font-size:12px;} .box ul li{ margin-bottom:5px; margin-left:5px; } /* ======================================= 2.4 Paragraphs ======================================== */ #page p, #full-page p{ margin-bottom:20px; line-height:1.5; } #footer p{ font-size:11px; } hr{ background:none; border-bottom:1px dotted #d4d4d6; clear:both; } /* ======================================= 2.5 Quotes ======================================== */ blockquote{ background:url(../images/quote.png) left top no-repeat; padding-left:30px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:14px; line-height:21px; color:#494949; margin:0 30px 15px 30px; } .box blockquote{font-size:12px; background:none; margin:0 0 10px 0; padding:0;} #sidebar blockquote{margin:0 15px 15px;} cite{ display:block; font-style:normal; font-size:11px; text-align:right; margin:-5px 30px 20px 0; } #sidebar cite{margin:0 15px 0 0;} .box cite{margin:0 0 15px 0;} /* ======================================= 2.6 Font Families ======================================== */ /* ----------- Regular ----------- */ #logo a, .postmetadata strong, h2, h3, h4, h5{ font-family:'Copse', Arial, Helvetica, sans-serif; font-weight:400; } /* ----------- Light ----------- */ .menu li a, #site-description, h1, .postmetadata{ font-family:'Copse', Arial, Helvetica, sans-serif; font-weight:300; } .wf-active #site-description, .wf-active .box h2{ font-size:20px; } pre { font-family: "Courier 10 Pitch", Courier, monospace; } code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } .post-info p, #archives-page .box .post-info p, .jta-tweet-timestamp, cite, .box, .box blockquote{color:#6f777d;} /* ======================================================================= 3. Header ======================================================================= */ #header{ // margin-bottom:30px; // background:#ddd url(../images/header-gradient.png) bottom repeat-x; background-color: #ddd; background-image: none; padding:0px; border-right:1px dotted #FFF; height: 100px; width: 230px; float: left; position: fixed; height: 100%; margin-top: -20px; } /* ======================================= 3.1 Menu ======================================== */ #site-info, .menu{ display:inline; float:left; margin:0px; margin-left: 20px; } #site-info { width: 200px; height: 200px; background-image: url(images/logo.png); background-repeat: no-repeat; } .menu{ list-style:none; padding:0; margin:25px 0 0; } .menu li{ display:inline; float:left; font-size:18px; margin-left:40px; position:relative; } .wf-active .menu li{ font-size:22px; text-transform:uppercase; } .menu li:first-child{margin-left:0;} .menu li a{ text-decoration:none; color:#616161; } .menu li.parent a{background:url(../images/parent-bg.png) right no-repeat; padding-right:13px;} .menu li.parent li a{background:none; padding-right:0;} .menu li a:hover, .menu li.current-menu-item li a:hover, .menu li.current-menu-item a, .menu li.current_page_ancestor a, .menu li.current_page_ancestor li a:hover, .menu li.current_page_ancestor li.current-menu-item a{ color:#3a80bc; } .menu li.current-menu-item li a, .menu li.current_page_ancestor li a{color:#616161;} /* ========================== 3.1.1 Second Level ===========================*/ .menu li li a{border-bottom:none 0;} .menu ul{ margin:0; position:absolute; top:25px; left:-10px; width:120px; background:#FFF; background:rgba(255,255,255,0.87); padding:12px 20px; z-index:100; display:none; -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2); -moz-box-shadow:0 3px 3px rgba(0,0,0,0.2); -o-box-shadow:0 3px 3px rgba(0,0,0,0.2); box-shadow:0 3px 3px rgba(0,0,0,0.2); -moz-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; } .menu li:hover ul{ display:block; } .menu ul li a{ font-size:12px; font-family:Arial, Helvetica, sans-serif; text-transform:none; display:block; font-weight:bold; padding:8px 0; } .menu ul li{ display:block; clear:both; margin:0; line-height:12px; position:relative; width:100%; background:url(../images/dotted-border.png) bottom repeat-x; } .menu ul li:last-child{background:none;} /* ========================== 3.1.2 Third Level ===========================*/ .menu ul ul{ position:relative; background:none; top:0; left:0; padding:0; margin-left:10px; margin-top:-3px; width:auto; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .menu ul ul li a{font-weight:normal; font-size:11px; padding:4px 0;} /* ========================== 3.2 Social Networks ===========================*/ #social-networks{ float:right; clear:right; width: 220px; margin:0px; background: none; -webkit-box-shadow: none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none; border-top: 1px dotted white; } #social-networks a{ margin-left:10px; height:24px; width:24px; display:inline-block; // background-image:url(../images/large-icons.png); background-repeat:no-repeat; text-indent:-9999px; float: left; } #social-networks a:first-child{margin-left:10px;} /* ========================== Social Network Icons ===========================*/ .email{background-position:0 -24px;} .twitter{background-position:0 -48px; margin-left: 10px;} .facebook{background-position:0 -72px;} .youtube{background-position:0 -96px;} .flickr{background-position:0 -120px;} .delicious{background-position:0 -144px;} .vimeo{background-position:0 -168px;} /* ======================================================================= 4. Layout ======================================================================= */ .single-post { min-width: 1257px; } #grid{ padding-left:240px; margin-top: 28px; } #page{ width:680px; float:left; clear:left; background-color: transparent; overflow: hidden; margin: 0 auto; margin-left:240px; margin-top: 20px; } #fullpage #page{ margin-left: 0px; } #full-page{ width:990px; margin-left:240px; } .wrap{ min-width: 780px; margin-top: 28px; } .inside{ padding: 0 0 0 0; margin: 0 0 0 0; } #site-tools { display: block; float: left; width: 230px; } #search { height:50px; float:left; width:229px; border: 1px dotted white; } #search input { width:200px; border:none; border:solid 10px #ddd; padding:7px 5px; } #search input:hover, #serv #search input:focus { border:solid 10px #F14A29; } #searchform { background-color: #ddd; margin-top: -19px; border-top: 1px dotted white; } #menus { // background:#000 url(../images/footer-gradient.png) top repeat-x; // background:url(../images/footer-gradient.png) top repeat-x, url(../images/header-gradient.png) bottom repeat-x #000; background-image: none; display: block; float: right; height: 49px; width: 230px; } .sidead{ width: 100%; display: block; } .sidead-inner{ width: 160px; float: right; display: block; } #advman-3{ padding-left: 45px; background-image:url(../images/adb.png); background-repeat: no-repeat; background-position-y: 60px; } #advman-3 h3{ margin-left: -65px; } /* ======================================================================= 5. Grid blocks and Masonry plugin styles ======================================================================= */ .box, .content{ margin:5px 5px 0; padding-bottom:0px; float:left; // background:url(../images/shadow-left.png) left bottom no-repeat, url(../images/shadow-right.png) right bottom no-repeat; } .box img, .box object{ z-index:0; } .box-content, .page-content{ -o-border-radius:0px; -moz-border-radius:0px; border-radius:0px; background:white; padding:0px; } .col1 .box-content{ width:135px; } .col1 img{ max-width:135px; } .col2 .box-content{ width:310px; } .col2 img{ max-width:310px; } .col3 .box-content{ width:485px; } .col3 img{ max-width:485px; } .col4 .box-content, .content .box-content{ width:630px; } .col4 img{ max-width:630px; } .invis{ display:none; } .more-link{display:block; margin-top:5px;} img.loop-ad{ margin-bottom:3px; } /* ======================================================================= 5.1 Box:hover actions ======================================================================= */ .img-container{ position:relative; background:#000; margin-bottom:10px; line-height:0; } .box .img-container{text-align:center;} .actions{ position:absolute; display:none; top:30%; left:50%; margin-left:-133px; z-index:10; text-align:center; font-size:11px; text-transform:uppercase; } .col1 .actions{ margin-left:-30px; top:10px; left:50%; } a.view, a.share, a.comment{ background-color:rgba(0,0,0,0.75); background-repeat:no-repeat; background-position:50% 12px; display:block; margin-right:10px; width:80px; height:18px; padding-top:62px; text-align:center; display:inline-block; color:#c9c9c9; font-family: arial; } .col1 a.view, .col1 a.share, .col1 a.comment, .col1 a.play{ background-image:none; height:14px; width:60px; line-height:1; padding:3px; display:block; clear:both; margin-bottom:3px; } a.view{background-image:url(../images/enlarge.png);} a.play{background-image:url(../images/play.png);} a.share{ background-image:url(../images/share.png); cursor:pointer; position:relative; } a.comment{background-image:url(../images/comments.png); margin-right:0; position:relative;} a.comment span{ position:absolute; left:35px; top:25px; color:#222; font-size:12px; font-weight:bold; } a.closed{opacity:0.6;} .col1 a.comment span{display:none;} .share-container{ background:url(../images/share-triangle.png) top center no-repeat; padding-top:7px; position:absolute; top:-80; left:10%; z-index:999; } .col1 .share-container{left:-10px;} .share-icons{ overflow:hidden; background:#FFF; background:-webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(224,224,224)), color-stop(1, rgb(255,255,255)) ); background:-moz-linear-gradient( center bottom, rgb(224,224,224) 0%, rgb(255,255,255) 100% ); padding:0 5px; text-align:center; } #sidebar .share-icons{ background:none; padding:0; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none; text-align:left; } .share-icons a{ height:16px; width:16px; display:inline-block; text-indent:-9999px; margin:5px; background-image:url(../images/small-icons.png); background-repeat:no-repeat; } a.twitter-share{background-position:0 0;} a.email-share{background-position:0 -16px;} a.delicious-share{background-position:0 -32px;} a.digg-share{background-position:0 -48px;} a.tech-share{background-position:0 -64px;} a.stumble-share{background-position:0 -80px;} a.facebook-share{background-position:0 -96px;} .post-category{ border-top:#ddd 1px dashed; padding-top:5px; padding: 10px; } /* ======================================================================= 5.2 Filter Navigation and Basic Form Styles ======================================================================= */ #top-menu { float:left; margin-bottom:1em; line-height:0.8; width: 100%; } #top-menu li { background:url("images/divider.gif") no-repeat scroll left center #000000; background: none; background-color: #0092BF; list-style-type: none; margin: 0px; display: block; clear: both; float: right; width: 100%; } #top-menu li li { background-image:none; } #nav, #top-menu ul{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; } #top-menu a{ display:block; padding:19px 1em; text-decoration:none; color:#fff; text-decoration:none; } #top-menu li li a { padding:0.75em 1em; } #top-menu li:hover, #top-menu li.sfHover, #top-menu li:hover a, #top-menu a:focus, #top-menu a:hover, #top-menu a:active { // background: #fcff79; background-color: #F14A29; outline: 0; color: #000; } #top-menu li li a:hover { background: #000; color: #FFF; } #top-menu a span { float:right; } #top-menu li{ float:left; position:relative; } #top-menu ul { position:absolute; display:none; width:12em; top:0px; margin-left: 0px; left: 230px; } #top-menu li ul a{ width:12em; height:auto; float:left; } #top-menu ul ul{ top:auto; } #top-menu li ul ul { left:13em; margin:0px 0 0 12px; } #top-menu li:hover ul ul, #top-menu li:hover ul ul ul, #top-menu li:hover ul ul ul ul{ display:none; } #top-menu li:hover ul, #top-menu li li:hover ul, #top-menu li li li:hover ul, #top-menu li li li li:hover ul{ display:block; } #top-menu a { position:relative; } #top-menu a span { position:absolute; right:1em; top:0.75em; } #filtering-nav{margin-left:0px;} #filtering-nav ul{ } a.filter-btn span{ display:block; background:none; background-position:90% 50%; padding:0px; } a.filter-btn{ background:#FFF; text-decoration:none; font-size:11px; text-transform:uppercase; color:#666; font-family:Verdana, Geneva, sans-serif; display:inline-block; margin-bottom:10px; } a.filter-btn:hover{ -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #filtering-nav li{ display:block; float:left; list-style:none; margin-right:0px; margin-left:0; background-color: black; padding-left: 15px; padding-right: 15px; height: 50px; } #filtering-nav li a{ display:inline-block; padding: 0px; text-decoration:none; background:none; color:#FFF; } #filtering-nav li a:hover { -moz-border-radius:none; -o-border-radius:none; border-radius:none; } /* ======================================================================= 6. Single Post Page ======================================================================= */ .content{ clear:both; margin:0; text-align:center; } .postmetadata{ // background:#e2e3e4 url(../images/engraved-border.png) bottom repeat-x; // background:url(../images/engraved-border.png) top repeat-x, url(../images/engraved-border.png) bottom repeat-x rgba(110,123,131,0.1); background: none; background-image: none; border-bottom: 1px dotted white; text-align:left; padding:9px 15px; margin-bottom:30px; font-family: Arial; font-size: 10px; } .postmetadata a { font-family: Arial; font-size: 10px; } .wf-active .postmetadata{ font-size:10px; } .tags{ display:inline-block; margin-left:0px; font-family: Arial; font-size: 10px; } .tags a { font-family: Arial; font-size: 10px; } .entry, .postmetadata, .postmetadata a{ color:#4b5054; } .postmetadata strong{ text-shadow:none; } .entry{ padding: 10px; margin-bottom:25px; width: 660px; margin: 0 auto; margin-top: 20px; border-right: 1px dotted white; border-bottom: 1px dotted white; background-image: none; background-color: #fff; } #fullpage { margin-left: 240px; width: 680px; display: block; float: left; overflow: hidden; } #fullpage .content { background: none; text-align: left; width: 680px; } #fullpage .box-content { border: none; -webkit-box-shadow:0px 0px 0 rgba(0,0,0,0); width: 100%; background-color: transparent; } #fullpage .box-content img{ width: 100%; } #fullpage .post .post_date { padding-top: 0px; font-size: 40px; display: block; float: left; position: relative; bottom: 0px; color: white; margin-bottom: -60px; height: 48px; padding-right: 4px; margin-top: -9px; } #sharepost { display: block; float: left; position: fixed; top: 480px; left: 170px; width: 60px; } #shadow { background-image: url(../images/item_bottom_inner.png); height: 20px; width: 680px; background-repeat: no-repeat; } /* ======================================================================= 6.1 Comments ======================================================================= */ #comments{ margin:0px; padding: 10px; background-color: white; } #comments .navigation{ margin:20px 0; } .author-avatar{ background:rgba(0,0,0,0.1); text-align:center; width:70px; height:70px; padding:3px; float:right; clear:right; margin:0 0 15px 15px; -webkit-box-shadow:1px 1px 0 rgba(0,0,0,0.2); -moz-box-shadow:1px 1px 0 rgba(0,0,0,0.2); -o-box-shadow:1px 1px 0 rgba(0,0,0,0.2); box-shadow:1px 1px 0 rgba(0,0,0,0.2); } ol.commentlist{ margin:0 0 30px; } ol.commentlist li{ list-style:none; background:#f9f9f9; background:rgba(255,255,255,0.5); padding:15px; margin:0 0 15px 0; color:#6d747a; } ol.commentlist li h3#reply-title{ margin-top:15px; } .comment-meta{ margin-bottom:20px; } .author-name{ font-size:14px; display:block; margin-bottom:5px; color:#4b5054 } .author-name a{color:#4b5054;} .comment-date, .reply a{color:#93979a; font-size:11px; } .reply a{ background:url(../images/reply-ic.png) left no-repeat; padding:3px 0 3px 20px; display:inline-block; } ol.commentlist .children{ margin-top:30px; } input, textarea{ background:#ddd; font-family:Arial, Helvetica, sans-serif; color:#777; padding:5px 10px; margin-top:2px; } input:focus{ -webkit-box-shadow:0 -2px 3px rgba(0,0,0,0.1); -moz-box-shadow:0 -2px 3px rgba(0,0,0,0.1); -o-box-shadow:0 -2px 3px rgba(0,0,0,0.1); box-shadow:0 -2px 3px rgba(0,0,0,0.1); } input[type=text],input[type=password], textarea{ display:block; // border:1px solid #c9c9c9; // -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.1); // -moz-box-shadow:0 2px 3px rgba(0,0,0,0.1); // -o-box-shadow:0 2px 3px rgba(0,0,0,0.1); // box-shadow:0 2px 3px rgba(0,0,0,0.1); -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none; } input[type=text],input[type=password]{ width:310px; margin-bottom:10px; } input[type="password"]{width:200px;} input[type="submit"], input.submit { border: 1px dotted white; background: transparent; background-color: #3A80BC; } textarea{ width:485px; padding:10px;} ol.commentlist li textarea, ol.commentlist li .form-allowed-tags{ width:90%; } .form-allowed-tags{width:505px;} label{font-size:14px;} .dsq-postid{ display:none; } /* ======================================================================= 7. Sidebar ======================================================================= */ #sidebar{ float:left; clear:right; width:310px; margin-left:20px; margin-top:0px; display: block; background-color: transparent; } .box-content #sidebar { float:none; margin:0; clear:both; } #sidebar li{ padding:6px; margin-bottom: -10px; list-style:none; background: none; } #sidebar li:last-child{background:none;} #sidebar ul, .textwidget{ margin-left:15px; } #sidebar ul ul{ margin-left:0; padding-left:15px; background:url(../images/dotted-border.png) top repeat-x; } #sidebar .widget ul:last-child{margin-bottom:0;} .widget{ margin-bottom:15px; } /* ================================================================ 7.1 Widgets ================================================================ */ /* ============================= 7.1.1 Related Posts and Cat. Posts ============================== */ #sidebar .rel-post-widget ul, #sidebar ul.cat-posts{margin-left:0;} #sidebar .rel-post-widget li, #sidebar ul.cat-posts li, .recent-posts li{ margin-left: 6px; margin-right: 6px;} #sidebar .rel-post-widget img, #sidebar ul.cat-posts img, .recent-posts img{margin-bottom:3px;} .post-thumb{ width:50px; height:80px; padding:2px; float:left; clear:left; background:transparent; overflow: hidden; } .post-info{ width:220px; margin-left: 10px; float:left; clear:right; } .no-excerpt{padding-top:25px;} .post-info p, #archives-page .box .post-info p{font-size:11px;} .widget ul h3, .widget .cat-post-item h3, .recent-posts h3{font-size:16px; margin:0; padding:0; border:0 none;} .wf-active .widget ul h3, .wf-active .widget .cat-post-item h3, .wf-active .recent-posts h3{font-size:16px; margin-bottom: 5px;} .widget ul h3 a, .widget .cat-post-item h3 a, .recent-posts h3 a{color:#4b5054;} #sidebar li .related-post-item { padding-left: 10px; padding-right: 10px; } /* ============================= 7.1.2 Twitter ============================== */ #twitter_update_list li{overflow:hidden;} /* * jTweetsAnywhere V1.0.1 * http://thomasbillenstein.com/jTweetsAnywhere/ * * Copyright 2010, Thomas Billenstein * Licensed under the MIT license. * http://thomasbillenstein.com/jTweetsAnywhere/license.txt */ #sidebar li.jta-tweet-list-item { overflow: hidden; padding:6px 6px 6px 0; } .jta-tweet-profile-image { width: 48px; display: inline; float: left; padding:3px; background:#FFF; } .jta-tweet-timestamp { display: block; font-size: 11px; margin-top: 3px; } .jta-login-info-profile-image { width: 48px; display: inline; float: left; } .jta-login-info-block, .jta-tweet-body-list-profile-image-present { margin-left: 62px; } .jta-error { color: #f00; } .jta-clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* ============================= 7.1.3 Ads ============================== */ .sidebar-ad{margin-right:10px; margin-bottom:7px;} .last-ad{margin-right:0;} /* ============================= 7.1.4 Flickr ============================== */ .flickr_photos{ overflow:hidden; margin-bottom:15px; } .flickr_badge_image{ display:inline; float:left; clear:right; margin:0 0 10px 15px; background:#FFF; padding:4px; } .rss-date{ color:#747c82; font-size:11px; margin-bottom:1.25em; display:block; } /* ============================= 7.1.5 Others ============================== */ #wp-calendar { width:100%; } #wp-calendar caption { font-weight: bold; color: #222; text-align: left; font-size:14px; padding-bottom: 4px; } #wp-calendar thead { font-size:11px; } #wp-calendar thead th { } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { padding: 3px 0 2px; background: #f5f5f5; border:1px solid #fff; text-align: center; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { text-align: right; } /* ======================================================================= 8. Pages ======================================================================= */ .page-content{margin-bottom:30px;} .page-entry{padding:20px; background-color: #fff;} /* ======================================================================= 8.1 Archives Page ======================================================================= */ .recent-posts{ list-style:none; margin:0; padding:0; } .recent-posts li{ background:url(../images/dotted-border.png) bottom repeat-x; padding:8px 0; } .recent-posts .post-info{width:210px;} /* ======================================================================= 9. Footer ======================================================================= */ #footer{ margin-top:60px; background:#ccc url(../images/footer-gradient.png) top repeat-x; background:url(../images/footer-gradient.png) top repeat-x, url(../images/header-gradient.png) bottom repeat-x #ccc; border-bottom:1px solid #fff; padding:0px; height: 60px; color:#999; clear:both; } #footer p{ margin-bottom:0; } /* ======================================================================= 10. WordPress Specific ======================================================================= */ .post-edit-link { padding: 10px; } .alignleft, .post img.alignleft { display: inline; float: left; margin-right: 20px; margin-top: 4px; } .alignright, .post img.alignright { display: inline; float: right; clear:right; margin-left: 20px; margin-top: 4px; } .aligncenter, .post img.aligncenter { text-align:center; clear: both; display: block; margin-left: auto; margin-right: auto; } .post img.alignleft, .post img.alignright, .post img.aligncenter { margin-bottom: 20px; } .entry .wp-caption { line-height: 1.5; font-size:13px; text-align: center; margin-bottom: 20px; position: relative; } .entry .wp-caption-text { width: 300px; font-size:15px; position: absolute; bottom: -17px; background-color: #666666; color: white; padding: 10px 10px 10px 10px; margin-left: 5px; text-align: left; } .post .wp-caption img { margin: 5px; } #page .wp-caption p, #full-page {margin-bottom:0;} #single .post .wp-caption p.wp-caption-text { margin: 5px; font-size: 11px; } .post .wp-smiley { margin:0; } .post .gallery { margin: auto; } .post .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .post .gallery img { border: 2px solid #cfcfcf; } .post .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .post .gallery dl { margin: 0; } .post .gallery img { border: 2px solid #f1f1f1; } .post .gallery br+br { display: none; } .page-link { color: #000; font-weight:bold; margin:0 0 22px 0; word-spacing:0.5em; } .page-link a:link, .page-link a:visited { background: #f1f1f1; color:#333; font-weight:normal; padding:0.5em 0.75em; text-decoration:none; } .page-link a:active, .page-link a:hover { color: #D27E1C; } #post-image{ text-align:center; } #post-image img{ margin-bottom:28px; -moz-border-radius:7px; -o-border-radius:7px; border-radius:7px; } .navigation{margin-left:0px;} .navigation a { background-image: none; background:transparent; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; padding-top: 30px; -moz-border-radius:0px; -o-border-radius:0px; border-radius:0px; font-size: 14px; background-color: #ccc; } .navigation a:hover { background-color: #0092BF; background-image: none; } #nav-above{margin-bottom:15px;} #nav-below{ margin-top:0px; width: 100%; display: block; float: left; position: absolute; bottom: 0px; border-top: 1px dotted white; } .previouspostslink, .nextpostslink{ text-decoration:none; color:#FFF; display: block; float: left; height: 60px; width: 114px; margin: 0 0 0 0; text-align: center; border-right: 1px dotted white; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; padding-top: 20px; } .previouspostslink { border: none; } .nav-next{ float:right; margin-right:0px; } .nav-previous{ float:left; margin-right:0px; margin-left:0px; } #comments .nav-next{margin-right:0;} #s{ /* This keeps the search inputs in line */ float:left; clear:left; width:210px; } #searchsubmit{float:left; clear:right; margin-left:10px;} #filtering-nav li a:hover, input[type="submit"]:hover, input.submit:hover { background: transparent; } /* ======================================================================= 11. Common Styles ======================================================================= */ .box, .menu li a, #header h1 a, a.filter-btn, input{ -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } #logo, .flickr_badge_image, .jta-tweet-profile-image{ -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } a.filter-btn, #filtering-nav li a, #social-networks, a.view, a.share, a.comment, .share-icons, ol.commentlist li, input, textarea { -moz-border-radius:none; -o-border-radius:none; border-radius:none; border-bottom-left-radius: 0px 0px; border-bottom-right-radius: 0px 0px; border-top-left-radius: 0px 0px; border-top-right-radius: 0px 0px; margin-top: 20px; } a.filter-btn, #filtering-nav li a, .share-icons, .navigation a{ -webkit-box-shadow: none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none; } .page-content { -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; box-shadow:none; } .flickr_badge_image, .jta-tweet-profile-image, .box-content, .post-thumb{ -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.15); -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.15); -o-box-shadow:0px 0px 3px rgba(0,0,0,0.15); box-shadow:0px 0px 3px rgba(0,0,0,0.15); } .post-thumb{ -moz-box-shadow:0px 0px 0px rgba(0,0,0,0); -webkit-box-shadow:0px 0px 0px rgba(0,0,0,0); -o-box-shadow:0px 0px 0px rgba(0,0,0,0); box-shadow:0px 0px 0px rgba(0,0,0,0); } .box:hover .box-content, .flickr_badge_image:hover, .jta-tweet-profile-image:hover{ box-shadow:0px 0px 4px rgba(0,0,0,0.4); -o-box-shadow:0px 0px 4px rgba(0,0,0,0.4); -moz-box-shadow:0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.4); } a.filter-btn, h1, #page h2, #page h3, label, a.comment span{ text-shadow:0 1px #FFF; }