/* Theme Name: Double Cappuccino Theme URI: http://photographyblogsites.com Description: Cappucino BlogSite Version 2 from PhotographyBlogSites.com. Version: 2.0 Author: PhotographyBlogSites Author URI: http://photographyblogsites.com Template: BlogSite2 */ @import url("../BlogSite2/style.css"); img.related_photo {border:none} /* 3) Add our own style on top of it all */ .updated { display: none; } .fade { display: none; } /* BASIC FONTS */ body { } h1, h2, h3, h4, h5, h6 { font-weight: normal; margin:10px 0 6px; } h1 { font-size:1.8em; line-height: 1.1em; text-transform:uppercase;} h2 { font-size:1.6em; line-height: 1.1em; text-transform:uppercase;} .entry h2 { font-size:1.4em; margin: 25px 0px 10px; } h1 { text-transform:uppercase; font-family:"Century Gothic", Helvetica, sans-serif;display: block;font-size: 62px; line-height: 1em; margin: 30px 0px 20px; overflow: hidden; text-align: left;} h1, h1 a, h1 a:visited, h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { } h2.pagetitle { font-size:18px; margin: 30px 0px 20px; text-align:right; } #sidebar h2 { font-size:18px; text-transform: uppercase; border-bottom:1px solid #BABABA; } p { margin: 0 0 10px; } /* LINKS */ a { color: #000000; text-decoration: none; } a:hover { color: #000000; text-decoration: none; } .fa span { display: none; } #menu-social { z-index: 9999; } #menu-social li a span { display: none; } #menu-social li a { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #menu-social li.facebook a:before { content: "\f09a"; } #menu-social li.facebook-square:before { content: "\f082"; } #menu-social li.twitter a:before { content: "\f099"; } #menu-social li.twitter-square a:before { content: "\f081"; } #menu-social li.linkedin a:before { content: "\f0e1"; } #menu-social li.linkedin-square a:before { content: "\f08c"; } #menu-social li.google-plus a:before { content: "\f0d5"; } #menu-social li.google-plus-square a:before { content: "\f0d4"; } #menu-social li.pinterest a:before { content: "\f0d2"; } #menu-social li.pinterest-square a:before { content: "\f0d3"; } #menu-social li.instagram a:before { content: "\f16d"; } #menu-social li.instagram-square a:before { content: "\f16d"; } #menu-social li.flickr a:before { content: "\f16e"; } #menu-social li.flickr-square a:before { content: "\f16e"; } #menu-social li.tumblr a:before { content: "\f173"; } #menu-social li.tumblr-square a:before { content: "\f174"; } #menu-social li.github a:before { content: "\f09b"; } #menu-social li.github-alt a:before { content: "\f113"; } #menu-social li.github-square a:before { content: "\f092"; } /* PAGE WIDTH */ #page,#header, #banner { width: 100%; margin: 0 auto; } /* BACKGROUND IMAGES ***********************************/ /* images commented out to prevent 404 errors */ body { background: transparent; } #bg-page-shadow { background: transparent; } #page-top { background: transparent; height:0;} #page-bottom { background: transparent; height:0;} #page { background: transparent; } #header { background: transparent; } #content { background: transparent; } #sidebar { background: transparent; } #footer { background: transparent; } #banner { background: transparent; } #blog-menu, #menu-main, #content-wrapper { background: rgba( 255, 255, 255, .7 ); } /* STRUCTURE ********************************************/ #content, #footer { overflow: hidden; } body { margin: 0; padding: 5px 0; } #page { margin: 0px auto 50px; padding: 0; text-align: left; z-index: 997; clear: both; overflow: hidden;} #header { padding: 0; display: block; position: relative; } #content { font-size: 1.2em; width: auto; padding:0; margin: 15px 4%; clear:both; min-height: 200px; clear: both; overflow: hidden; } #footer { clear: both; } #sidebar { padding-top: 42px; } .section { clear: both; overflow: hidden; } /* alternate page layouts */ /* HEADER AREA */ #logo-and-social { display: inline; float: right; position: relative; width: 280px; margin: 0 0 6px; } #just-logo { margin: 2px 0px 0px 0px;} #logo-wrapper { text-align: left; background: transparent; overflow:hidden; clear:both; } #just-logo img { margin: 0 auto; } #logo-wrapper .logo { } #logo-wrapper h1 { bottom:109px; font-size:32px; line-height: 1.2em; width:100%; text-align: left; margin: 0; } #logo-wrapper p { font-size:15px; width: 100%; text-align: left; margin: 2px 0px 0px;} #menu-and-intro { clear: both; overflow: hidden; } #wide-logo { clear:both; overflow:hidden; width:100%; text-align: center; } #wide-logo img { margin: 0 auto; display: block; padding: 0; border: 0px; } #title-background { margin: 0 0 10px 15px; } ul#social-wrapper.sf-menu li:hover ul, ul#social-wrapper.sf-menu li.sfHover ul { right: -10px; top: 1.9em; z-index: 99; font-size: 14px; letter-spacing: 1px; text-align: right; left: auto; } ul.sf-menu li:hover ul, ul.sf-menu li.sfHover ul { left: 1em; top: 1.9em; z-index: 99; font-size: 14px; letter-spacing: 1px; left: auto; } #latest-blog-wrapper { overflow: hidden; margin: 5px; } #latest-blog-intro { margin: 10px 0 0 14px; float: left; width: 310px; text-align: right; font-size: 16px;} #latest-blog { float: right; display: inline; font-size: 16px; margin: 0 0 0; padding: 8px 0; width: 645px; } #latest-blog div.latest-blog { float: right; display: inline; margin:0 0 0 20px; width:100%; } #latest-blog p { margin: 0; padding:0; text-align: left; } #latest-blog p a { font-size: .9em; float: right; margin: 0 15px; } #latest-blog h2 { font-size: 2em; color: #000000; margin: 0; padding: 0; text-transform: uppercase; } #latest-twitter ul.twitterList li a { font-weight:normal; text-decoration:none; } #banner { clear:both; margin: 0 auto 5px; } #banner img { width:100%; display: block; } #banner .logo img { width: auto; margin: 0 auto 20px; max-width: 100%; } #banner #slideshow-wrapper { border-bottom:1px solid #666666; border-top:1px solid #666666;padding:1px 0; } #home-panels { margin: 0 0 0 5px; } .home-page-section { margin: 0; } #home-slideshow.home-page-section { margin: 0; } #menu-social { position: relative; height: 0; top: 0; width: 100%; } #menu-social ul { float: right; list-style: none; } #menu-social ul li { float: left; list-style: none; margin: 0 10px 0 0px; font-size: 20px; } #blog-menu { float: left; } #blogsite-container .sf-menu { padding: .4% 0; } .slideshow { display: block; height: 100%; } #slideshow-wrapper { display: block; clear: both; margin:0px auto; overflow: hidden; z-index:3; } #slideshow-wrapper img { width: 100%; display: block; z-index: 2; height: 100%; } #menu-main { z-index: 997; letter-spacing:1.8px; display:block; margin: 4px 0; float: left; padding: .4% 0; width: 100%; } /* Keep z-index high to prevent issues with drop down menu */ #menu-main ul { text-transform:uppercase; letter-spacing:-1px; float: left; } #menu-main ul li { float: left; display: inline; margin:0px; } #menu-main ul li a { padding:.5em 12px; letter-spacing: 1px; } #menu-main ul li.smaller a { padding-left: 0px; } #menu-main ul li.smaller { margin-left: 15px; } #menu-main ul ul { min-width: 100%; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: none solid solid; border-color: #EEE; } #menu-main ul li li a { padding:.5em 11px; } #menu-main ul li li { min-width: 100%; } #menu-main ul li a:hover, #menu-main ul li.current_page_item a { color: #BBBDBF; text-decoration: none; } #menu-main a, .sf-menu li a { white-space: pre; } .sf-menu li a { font-size: .8em; } .sf-menu li li a { font-size: 1em; } #menu-main > ul > li:first-child { margin-left: 11px; } /* END HEADER AREA */ /* EASY FANCY STYLES *************************************/ .right { float: right; display: inline; } .left { float: left; display: inline; } .clear { clear: both; overflow:hidden; } .round3 { -moz-border-radius:3px; -webkit-border-radius:3px; } .round5 { -moz-border-radius:5px; -webkit-border-radius:5px; } .round10 { -moz-border-radius:10px; -webkit-border-radius:10px; } /* SPECIFIC TO PHOTOBLOGSTARTER ********************************/ .titleBlock {} #searchBox { width: 188px; float: right; display: inline; margin:6px 0 0; } /* holds search form */ /* WORDPRESS STYLES ****************************************/ /* IMAGES - NEEDED FOR ALIGNMENTS TO WORK CORRECTLY */ img.alignright { float:right; margin:0 0 4% 10px; } img.alignleft { float:left; margin:0 4% 10px 0; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; max-width:100%; clear:both; } a img.alignright { float:right; margin:0 0 4% 10px; } a img.alignleft { float:left; margin:0 4% 10px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } p img { margin:0 4%; } p img.alignnone { margin: 0 auto; } /* POSTS / The LOOP */ #menu-main ul#social-wrapper { float: right; } #menu-main ul#social-wrapper ul li { display: block; clear: both; } #menu-main ul#social-wrapper.sf-menu li li a { text-transform: uppercase; } div.post { overflow:hidden; max-width: 90%; margin: 0 auto;} #blog-feed-wrapper div.post { max-width: 100%; } div.page { margin: 0 30px 0; } #content.has-thumb div.page, .content_left div.page { display:inline; float:left; overflow:hidden; margin: 0 4% 0; width: 60%; } #content.has-thumb .content_right div.page { display: inline; float: right; overflow: hidden; margin: 0 4% 0; width: 60%; } #content.has-thumb .post-thumbnail { width: 24%; min-width: 204px; padding: 90px 2%; } .content_right .post-thumbnail { display:inline; float:left; } body.page #content { } .entry { display:block; overflow:hidden; padding: 20px 0px; } #content div.entry { padding: 0 0 20px; } .thumbnail-bg { display: block; width: 100%; overflow: hidden; } .post-thumbnail img { border: none; display: block; margin: 0px auto 0; float: none; padding: 0px;width: 100%; } .post-thumbnail img.ignore { width: auto; } .post-thumbnail img.alignleft { margin: 0; float: left; } .post-thumbnail img.alignright { margin: 0; float: right; } .page-blurb { float: right; clear: both; margin: 20px 0 10px; text-align: center; width: 100%;} .before-posts { display: block; margin: 25px 0 10px; overflow: hidden; } .before-posts h2 { clear: both; font-size: 1.5em; margin: 0px; line-height: 1.1em; text-align:center; } .before-posts span.date { text-align: center; } span.date { display: block; clear: both; font-size:.9em; font-weight:normal; margin: 0px 15px 0px 0px;padding:0; text-transform:capitalize; line-height: 1em; } .entry span.date { float: right; margin:0 0 0 15px;} h2.pagetitle span.date { float: none; margin: 10px 0 0; clear: none; display: inline; font-size: .8em; text-transform: uppercase; } .postmetadata { width: 100%; float: left; clear: both; } .postmetadata { text-align: left; clear:both; margin:10px 10px 20px 0;font-size: .8em; } .navigation { clear:both; display:block; height:40px; margin:10px 0; width:100%; } .postmetadata a { } .wp-caption { } .post .wp-caption img {} .navigation { clear:both; height:40px; margin:10px 39px;} .entry ul { text-indent: 0; } a.post-edit-link { border:1px solid #BDBDBD; color:#7A7A7A; float:right; font-size:11px; padding:1px 4px; } .between_posts {margin: 10px auto; float: none; clear: both; display: block; } /* FORMS */ .entry form { text-align:left; } form#searchform { float: left; margin: 0px; padding: 2px 2px 2px 6px; text-align: left; width: 257px; } #blog-menu form#searchform { float:right; } input#searchsubmit { background: transparent; border:0 none; cursor: pointer; padding: 8px 10px 0; } input#s { border: 1px solid #C5C5C5; padding: 3px 6px; width: 140px; margin: 3px 0 0; font-size: .8em; } div.more-link { text-align: right; } .textwidget a img { margin: 4px 0; } .textwidget a:hover img { } .textwidget a { } .textwidget a:hover { } /* EXTRAS for Standard Plugins */ div.breadcrumb { margin: 10px 0 0 40px; } div.breadcrumb a { font-size:1.1em; letter-spacing:1.2px; } div.more-link { text-align: right; } div.sociable { clear:both; } /*** END WORDPRESS STYLES ***************************************/ /*** SUPERFISH STYLES ******************************************* / / Keep z-index of #menu-main high to prevent issues with drop down menu / If drop downs are getting stuck behind other elements on the page, the z-index needs to be higher / If you move dropdowns to another element, make sure that element has a high z-index value / */ /*** SUPERFISH - EDIT COLORS ***/ .sf-menu a { padding:11px 18px; text-decoration:none; } .sf-menu a, .sf-menu a:visited { } .sf-menu li { background: transparent; } .sf-menu li li { background: #fff; display:block; float:none;} .sf-menu li li li { background: #fff; } .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: transparent; outline: 0; } .sf-menu li.sfHover a { } .sf-menu a:hover { } .sf-menu a /*** SUPERFISH - SHOULDN'T NEED TO TOUCH ***/ .sf-menu { float: left; margin-bottom: 1em; z-index: 1001;} .sf-menu li { } .sf-menu li ul {} .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } #links.sf-menu { float:right; } .sf-menu ul { position: absolute; top: -999em; } /* left offset of submenus need to match (see below) */ .sf-menu ul li { width: auto; } .sf-menu li:hover { visibility: inherit; } /* fixes IE7 'sticky bug' */ .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li ul li { } .sf-menu li a { text-transform: uppercase; } .sf-menu li li a { text-transform: capitalize; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 1.8em; z-index: 99; font-size: 14px; letter-spacing: 1px; } /* top value used to match top ul list item height */ ul#links.sf-menu li:hover ul, ul#links.sf-menu li.sfHover ul { right: -10px; top: 36px; z-index: 99; font-size: 14px; letter-spacing: 1px; text-align: right; left: auto; } /* top value used to match top ul list item height */ #menu-main .sf-menu li.linkcat ul { right: 0; left: auto; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 100%; top: 0; } /* left value used to match ul width */ ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** SUPERFISH - arrows ***/ .sf-menu a.sf-with-ul { } /* trigger IE7 hasLayout so spans position accurately */ .sf-sub-indicator { display: none; } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /*** SUPERFISH - apply hovers to modern browsers ***/ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { } /* arrow hovers for modern browsers*/ /*** SUPERFISH - point right for anchors in subs ***/ .sf-menu ul .sf-sub-indicator { } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /*** SUPERFISH - apply hovers to modern browsers ***/ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { /* arrow hovers for modern browsers*/ } /*** SUPERFISH - shadows for all but IE6 ***/ .sf-shadow ul { background:transparent; padding: 0; } .sf-shadow ul.sf-shadow-off { background: transparent; } /* Exrtas ******************************/ div.sociable { float:right; margin:16px 0 0; padding:1px 10px; } div.sociable ul { float: left; display: inline; } div.sociable li { float: left; display: inline; margin:3px 4px 0 0; opacity:0.6; width:20px; } .sociable_tagline { float: left; display: inline; } /* COMMENTS */ .commentsSection {} #respond { clear:both;} form#commentform {} ol.commentlist { margin: 8px 0 0; } ol.commentlist li { margin:8px 0; padding:6px 6px 6px 12px; font-size:1em; font-weight: normal; } .commentlist li, #commentform input, #commentform textarea { font-size: 1em; } #commentform textarea { padding:2px; width:100%; } #commentform input { } .commentlist li .avatar { float:left; padding:2px 10px 2px 0px; } .commentlist li div.avatar { width: 40px; height: 40px; } .commentlist li h5 { display: inline; } #commentform #submit { width: auto; }