#wpadminbar li#wp-admin-bar-admin-bar-likes-widget { width: 61px; overflow: hidden; } #wpadminbar iframe.admin-bar-likes-widget { width: 61px; height: 28px; min-height: 28px; border-width: 0px; position: absolute; top: 0; } div.jetpack-likes-widget-wrapper { width: 100%; min-height: 60px; } div.jetpack-likes-widget-wrapper .sd-link-color { font-size: 12px; } div.jetpack-likes-widget-wrapper.slim-likes-widget { width: 1px; /* initial default */ min-height: 0; } #likes-other-gravatars { display: none; position: absolute; padding: 10px; background-color: #000; border-width: 0; opacity: 0.88; filter: alpha(opacity=88); box-shadow: 0 0 10px black; min-width: 130px; z-index: 1000; } #likes-other-gravatars * { line-height: normal; } #likes-other-gravatars .likes-text { color: white; font-size: 14px; padding-bottom: 5px; } #likes-other-gravatars ul, #likes-other-gravatars li { margin: 0; padding: 0; text-indent: 0; list-style-type: none; } #likes-other-gravatars li::before { content: ""; } #likes-other-gravatars ul.wpl-avatars { overflow: auto; display: block; position: absolute; max-height: 190px; } #likes-other-gravatars ul.wpl-avatars li { width: 32px; height: 32px; float: left; margin: 0 5px 5px 0; } #likes-other-gravatars ul.wpl-avatars li a { margin: 0 2px 0 0; border-bottom: none !important; display: block; } #likes-other-gravatars ul.wpl-avatars li a img { background: none; border: none; margin: 0 !important; padding: 0 !important; position: static; } div.sd-box { border-top: 1px solid #ddd; border-top: 1px solid rgba(0,0,0,.13); } h3.sd-title { font-size: 12px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 3px 0; padding: 0; text-transform: none; letter-spacing: 0; line-height: 1; font-weight: bold; width: 15.625%; /* 100px / 640px */ float: left; position: static; background: none; border: none; } .rtl .sd-title { float: right; text-align: right; } .entry-content .post-likes-widget, .post-likes-widget, .comment-likes-widget { margin: 0; border-width: 0; } .post-likes-widget-placeholder { margin: 0; border-width: 0; } .post-likes-widget-placeholder .button { margin: 0; padding: 0; display: inline-block; background: #efefef; background: -moz-linear-gradient(top, #f7f7f7 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top, #f7f7f7 0%,#efefef 100%); background: -o-linear-gradient(top, #f7f7f7 0%,#efefef 100%); background: -ms-linear-gradient(top, #f7f7f7 0%,#efefef 100%); background: linear-gradient(top, #f7f7f7 0%,#efefef 100%); border-radius: 3px; border: 1px solid #ddd !important; box-shadow: inset 0 1px 0 #fff; color: #999; text-decoration: none; line-height: 1; font-size: 12px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; } .post-likes-widget-placeholder .button span { padding: 1px 5px 1px 2px; display: block; opacity: .8; line-height: 1.5em; text-shadow: none; } .post-likes-widget-placeholder .button span:before { color: #97A8CC; font-family: "Noticons"; content: '\f408'; font-size: 16px; line-height: 0; text-shadow: 0 1px 0 #fff; position: relative; top: 3px; } .post-likes-widget-placeholder .loading { color: #999; font-size: 12px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } .post-likes-widget { width: 82.125%; display: none; float: right; } .slim-likes-widget .post-likes-widget { width: auto; float: none; } /* Like Special cases (display on it's own) */ div.sharedaddy.sd-like-enabled .sd-like h3 { display: none; } div.sharedaddy.sd-like-enabled .sd-like .post-likes-widget { width: 100%; float: none; } div.sharedaddy.sd-rating-enabled .sd-like .post-likes-widget, div.sharedaddy.sd-sharing-enabled .sd-like .post-likes-widget { width: 82.125%; float: right; } div.sharedaddy.sd-rating-enabled .sd-like h3, div.sharedaddy.sd-sharing-enabled .sd-like h3 { display: block; } .comment-likes-widget { width: 100%; } #bit, #bit * { *zoom: 1; } #bit { font: normal 13px "Helvetica Neue", sans-serif; _display: none; } .loggedout-follow-shelf { position: fixed; right: 40%; z-index: 999999; bottom: -300px; } .loggedout-follow-normal { position: fixed; z-index: 999999; bottom: -300px; right: 10px; } .loggedout-follow-typekit { margin-right: 4.5em; position: fixed; z-index: 999999; bottom: -300px; right: 10px; } #bit a.bsub { display: block; overflow: hidden; padding: 0 10px 0 8px; float: right; text-decoration: none !important; line-height: 28px; font: normal 13px/28px "Helvetica Neue", sans-serif; color: #CCC; text-shadow: #444 0px -1px 0px; letter-spacing: normal; border: 0; background-color: #464646; background-image: -ms-linear-gradient(bottom, #464646, #3f3f3f 5px); background-image: -moz-linear-gradient(bottom, #3f3f3f, #464646 5px); background-image: -o-linear-gradient(bottom, #464646, #3f3f3f 5px); background-image: -webkit-gradient(linear, left bottom, left top, from(#464646), to(#3f3f3f)); background-image: -webkit-linear-gradient(bottom, #3f3f3f, #464646 5px); background-image: linear-gradient(bottom, #464646, #3f3f3f 5px); -webkit-box-shadow: 0 -1px 5px rgba(0,0,0,0.20); -moz-box-shadow: 0 -1px 5px rgba(0,0,0,0.20); -o-box-shadow: 0 -1px 5px rgba(0,0,0,0.20); -ms-box-shadow: 0 -1px 5px rgba(0,0,0,0.20); box-shadow: 0 -1px 5px rgba(0,0,0,0.20); outline-style: none; outline-width: 0; } #bit a.bsub { -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; -o-border-radius: 2px 2px 0 0; -ms-border-radius: 2px 2px 0 0; border-radius: 2px 2px0 0 0; } #bit a.bsub span { background: url("../wp-content/mu-plugins/admin-bar/wpcom-admin-bar-icons.png") 0 -77px no-repeat; padding-left: 19px; } #bit a:hover span, #bit a.bsub.open span { color: #ffffff !important; background-position: 0 -117px; } #bit a.bsub.open { background: #333; } #bitsubscribe { background: #464646; color: #fff; padding: 15px; width: 200px; margin-top: 27px; -moz-border-radius: 2px 0 0 0; -webkit-border-radius: 2px 0 0 0; -o-border-radius: 2px 0 0 0; -ms-border-radius: 2px 0 0 0; border-radius: 2px 0 0 0; *float: right; *margin-right: -68px; } div#bitsubscribe.open { -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); -o-box-shadow: 0 0 8px rgba(0,0,0,0.5); -ms-box-shadow: 0 0 8px rgba(0,0,0,0.5); box-shadow: 0 0 8px rgba(0,0,0,0.5); } #bitsubscribe div { overflow: hidden; } #bit h3, #bit #bitsubscribe h3 { margin: 0 0 .5em 0 !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; text-shadow: 0 1px 0 #333; font-size: 20px; color: #fff; text-align: left; } #bit #bitsubscribe p { margin: 0 0 1em 0; *margin: 0 0 0 0; font: 15px/1.3em "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; text-shadow: 0 1px 0 #333; color: #fff; } #bitsubscribe p a { margin: 20px 0 0; color: #fff; text-decoration: underline; } #bit #bitsubscribe p.bit-follow-count { font-size: 13px; } #bitsubscribe input[type=submit] { padding: 2px 20px; background: #333; /* Old browsers */ background: -moz-linear-gradient(top, #333 0%, #111 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #333 0%,#111 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #333 0%,#111 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #333 0%,#111 100%); /* IE10+ */ background: linear-gradient(top, #333 0%,#111 100%); color: #ccc; text-shadow: 0 1px 0 #000; border: 1px solid #282828; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; -moz-box-shadow: inset 0 1px 0 #444; -webkit-box-shadow: inset 0 1px 0 #444; box-shadow: inset 0 1px 0 #444; text-decoration: none; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; *margin: 1em 0 1em 0; } #bitsubscribe input[type=submit]:hover { background: #222; /* Old browsers */ background: -moz-linear-gradient(top, #333 0%, #222 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#222)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #333 0%,#222 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #333 0%,#222 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #333 0%,#222 100%); /* IE10+ */ background: linear-gradient(top, #333 0%,#222 100%); color: #fff; -moz-box-shadow: inset 0 1px 0 #4f4f4f; -webkit-box-shadow: inset 0 1px 0 #4f4f4f; box-shadow: inset 0 1px 0 #4f4f4f; text-decoration: none; } #bitsubscribe input[type=submit]:active { background: #111; /* Old browsers */ background: -moz-linear-gradient(top, #111 0%, #222 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111), color-stop(100%,#222)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #111 0%,#222 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #111 0%,#222 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #111 0%,#222 100%); /* IE10+ */ background: linear-gradient(top, #111 0%,#222 100%); color: #aaa; -moz-box-shadow: inset 0 -1px 0 #333; -webkit-box-shadow: inset 0 -1px 0 #333; box-shadow: inset 0 -1px 0 #333; text-decoration: none; } #bitsubscribe input[type=text] { -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } #bitsubscribe input[type=text]:focus { border: 1px solid #000; } #bitsubscribe.open { display: block; } #bsub-subscribe-button { text-align: center; margin: 0 auto; } /* Confirmation =============================== */ #bitsubscribe #lof-readerpromo p { color: #ccc; } #bitsubscribe #lof-followpublicize { border-top: 1px solid #3c3c3c; margin-bottom: .5em; } #bitsubscribe #lof-followpublicize h3 { font-size: 13px; padding-top: 1em; margin-bottom: 1em !important; } #bitsubscribe #lof-followpublicize p.lof-followpublicize-twitter, #bitsubscribe #lof-followpublicize p.lof-followpublicize-facebook { background: #555; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 1px 1px #333; -webkit-box-shadow: inset 0 1px 1px #333; -o-box-shadow: inset 0 1px 1px #333; -ms-box-shadow: inset 0 1px 1px #333; box-shadow: inset 0 1px 1px #333; margin-bottom: .5em; overflow: hidden; } #bitsubscribe #lof-followpublicize p.lof-followpublicize-twitter { padding: 10px 10px 5px; } /* Footer =============================== */ #bitsubscribe #bsub-credit { text-align: center; font: normal 11px "Helvetica Neue", sans-serif; padding: 7px 0; margin:0 0 -15px; border-top: 1px solid #3c3c3c; } #bitsubscribe #bsub-credit a { color: #aaa; text-shadow: 0 1px 0 #262626; background: none; text-decoration: none; } #bitsubscribe #bsub-credit a:hover { color: #fff; background: none; } @media (max-width: 800px) { #bit, #bit a.bsub { display:none; } } @media ( device-width: 768px ) { #bit, #bit a.bsub { display: block; } }/* =Infinity Styles -------------------------------------------------------------- */ .infinite-wrap { } .infinite-loader { color: #000; display: block; height: 28px; text-indent: -9999px; } #infinite-handle span { background: #333; border-radius: 1px; color: #eee; cursor: pointer; font-size: 13px; padding: 6px 16px; } /** * For smaller viewports, remove the down-arrow icon and turn * the button into a block element, spanning the content's full width. */ @media (max-width: 800px) { #infinite-handle span:before { display: none; } #infinite-handle span { display: block; } } /** * Footer */ #infinite-footer { position: fixed; bottom: -50px; left: 0; width: 100%; } #infinite-footer a { text-decoration: none; } #infinite-footer .blog-info a:hover, #infinite-footer .blog-credits a:hover { color: #444; text-decoration: underline; } #infinite-footer .container { background: rgba( 255, 255, 255, 0.8 ); border-color: #ccc; border-color: rgba( 0, 0, 0, 0.1 ); border-style: solid; border-width: 1px 0 0; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; overflow: hidden; padding: 1px 20px; width: 640px; } #infinite-footer .blog-info, #infinite-footer .blog-credits { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 25px; } #infinite-footer .blog-info { float: left; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 40%; } #infinite-footer .blog-credits { font-weight: normal; float: right; width: 60%; } #infinite-footer .blog-info a { color: #111; font-size: 14px; font-weight: bold; } #infinite-footer .blog-credits { color: #888; font-size: 12px; text-align: right; } #infinite-footer .blog-credits a { color: #666; } /** * Hooks to infinity-end body class to restore footer */ .infinity-end.neverending #infinite-footer { display: none; } /** * Responsive structure for the footer */ @media (max-width: 640px) { #infinite-footer .container { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } #infinite-footer .blog-info { width: 30%; } #infinite-footer .blog-credits { width: 70%; } #infinite-footer .blog-info a, #infinite-footer .blog-credits { font-size: 10px; } } /** * No fixed footer on small viewports */ @media ( max-width: 640px ) { #infinite-footer { position: static; } }.slideshow-window { background-color: #222; border: 20px solid #222; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; margin-bottom: 20px; height: 410px; } .slideshow-window, .slideshow-window * { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .slideshow-loading { height: 100%; text-align: center; margin: auto; } body div.slideshow-window * img { /* Override any styles that might be present in the page stylesheet */ border-width: 0 !important; margin-right: auto !important; margin-left: auto !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; max-width: 100%; } .slideshow-loading img { vertical-align: middle; } .slideshow-slide { height: 100%; width: 100%; text-align: center; margin: auto; display: none; } .slideshow-slide img { vertical-align: middle; } .slideshow-line-height-hack { overflow: hide; width: 0px; font-size: 0px; } .slideshow-slide-caption { font-size: 13px; font-family: "Helvetica Neue", sans-serif; color: #f7f7f7; text-shadow: #222 1px 1px 2px; line-height: 25px; height: 25px; position: absolute; bottom: 5px; left: 0; z-index: 100; width: 100%; text-align: center; } /* @noflip */ .slideshow-controls { z-index: 1000; position: absolute; bottom: 30px; margin: auto; text-align: center; width: 100%; display: none; direction:ltr; } body div div.slideshow-controls a, body div div.slideshow-controls a:hover { border:2px solid rgba(255,255,255,0.1) !important; background-color: #000 !important; background-color: rgba(0,0,0,0.6) !important; background-image: url("../wp-content/mu-plugins/shortcodes/img/slideshow-controls.png") !important; background-repeat: no-repeat; background-size: 142px 16px !important; background-position: -34px 8px !important; color: #222 !important; margin: 0 5px !important; padding: 0 !important; display: inline-block !important; *display: inline; zoom: 1; height: 32px !important; width: 32px !important; line-height: 32px !important; text-align: center !important; -khtml-border-radius: 10em !important; -webkit-border-radius: 10em !important; -moz-border-radius: 10em !important; border-radius: 10em !important; -webkit-transition: 300ms border-color ease-out; -moz-transition: 300ms border-color ease-out; -o-transition: 300ms border-color ease-out; transition: 300ms border-color ease-out; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { body div div.slideshow-controls a, body div div.slideshow-controls a:hover { background-image: url("../wp-content/mu-plugins/shortcodes/img/slideshow-controls-2x.png") !important; } } body div div.slideshow-controls a:hover { border-color: rgba(255,255,255,1) !important; } body div div.slideshow-controls a:first-child { background-position: -76px 8px !important;} body div div.slideshow-controls a:last-child { background-position: -117px 8px !important;} body div div.slideshow-controls a:nth-child(2) { background-position: -34px 8px !important;} body div div.slideshow-controls a.running { background-position: -34px 8px !important;} body div div.slideshow-controls a.paused { background-position: 9px 8px !important;} .slideshow-controls a img { border: 50px dotted fuchsia; } /* =Resets -------------------------------------------------------------- */ div.sharedaddy ul, div.sharedaddy li { margin: 0; padding: 0; list-style: none; border: none; background: none; } div.sharedaddy, #content div.sharedaddy, #main div.sharedaddy { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; clear: both; text-align: left; } div.sharedaddy, div.sharedaddy div { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } div.sharedaddy h3, #content div.sharedaddy h3, #main div.sharedaddy h3, #primary div.sharedaddy h3 { font-size: 12px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 3px 0; padding: 0; text-transform: none; letter-spacing: 0; line-height: 1; font-weight: bold; width: 15.625%; /* 100px / 640px */ float: left; position: static; background: none; border: none; } .rtl div.sharedaddy h3, .rtl #content div.sharedaddy h3, .rtl #main div.sharedaddy h3, .rtl #primary div.sharedaddy h3 { float: right; text-align: right; } div.sharedaddy ul, div.sharedaddy li { margin: 0 !important; padding: 0 !important; text-indent: 0; } div.sharedaddy li::before { content: ""; } div.sharedaddy div.pd-rating { margin: 0; min-height: 23px; } div.sharedaddy a, div.sharedaddy a:link, div.sharedaddy a:visited { font-style: normal; } /* ClearFix trick */ div.sharedaddy:before, div.sharedaddy:after, div.sharedaddy .sd-block:before, div.sharedaddy .sd-block:after, div.sharedaddy ul:before, div.sharedaddy ul:after { content: "\0020"; display: block; height: 0; overflow: hidden; } div.sharedaddy:after, div.sharedaddy .sd-block:after, div.sharedaddy ul:after { clear: both; } div.sharedaddy, div.sharedaddy .sd-block, div.sharedaddy ul { zoom: 1; } /* =Base Styles -------------------------------------------------------------- */ div.sharedaddy div.sd-block { border-top: 1px solid #ddd; border-top: 1px solid rgba(0,0,0,.13); padding: 10px 0 5px; margin: 0; width: 100%; } div.sharedaddy.sharedaddy-dark .sd-block { border-top-color: #222; border-top-color: rgba(50,50,50,.5); } div.sharedaddy .sd-content { width: 82.125%; /* 530px / 640px */ float: right; margin: -2px 0 0 0; } div.sharedaddy .sd-content ul { margin: 0; } div.sharedaddy .sd-content li { float: left; margin: 0 5px 5px 0 !important; display: block; } .rtl div.sharedaddy .sd-content { float: right; } .rtl div.sharedaddy .sd-content li { float: right; margin: 0 0 5px 5px !important; } /* Base Button .sd-button */ div.sharedaddy a.sd-button { margin: 0; padding: 0; display: inline-block; background: #efefef; background: -moz-linear-gradient(top, #f7f7f7 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top, #f7f7f7 0%,#efefef 100%); background: -o-linear-gradient(top, #f7f7f7 0%,#efefef 100%); background: -ms-linear-gradient(top, #f7f7f7 0%,#efefef 100%); background: linear-gradient(top, #f7f7f7 0%,#efefef 100%); border-radius: 3px; border: 1px solid #ddd !important; box-shadow: inset 0 1px 0 #fff; color: #000 !important; text-decoration: none; line-height: 1; font-size: 12px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; } div.sharedaddy a.sd-button:hover { color: #000; text-shadow: 0 1px 0 #fff; border-color: #ccc; background: #eee; background: -moz-linear-gradient(top, #efefef 0%, #eee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#eee)); background: -webkit-linear-gradient(top, #efefef 0%,#eee 100%); background: -o-linear-gradient(top, #efefef 0%,#eee 100%); background: -ms-linear-gradient(top, #efefef 0%,#eee 100%); background: linear-gradient(top, #efefef 0%,#eee 100%); } div.sharedaddy a.sd-button:active { background-color: #efefef; box-shadow: inset 0 -1px 0 #fff; border-color: #ddd; } a.sd-button > span { padding: 4px 8px; display: block; opacity: .8; line-height: 1.5em; text-shadow: none; } a.sd-button:hover span { opacity: 1; } .sd-button span.share-count { font-size: 90%; color: #666; margin-left: 5px; line-height: 1; } .rtl .sd-button span.share-count { margin-right: 5px; } /* Button Style Options */ .sd-social-icon-text a.sd-button > span, a.sd-button > span { padding: 1px 5px 1px 23px; background-position: 2px center; background-repeat: no-repeat; } .sd-social-icon a.sd-button > span { padding: 3px; width: 16px; height: 16px; text-indent: -9999px; background-position: center center; background-repeat: no-repeat; } .sd-social-text a.sd-button > span { background: none !important; padding-left: 5px } .sd-social-official li { height: 21px; } div.sharedaddy .no-text { width: 21px; height: 21px; } div.sharedaddy .no-text a { text-decoration: none; } div.sharedaddy .no-icon a span, div.sharedaddy li.no-icon div a span { padding-left: 5px; background-image: none; } .rtl .sd-social-icon-text a.sd-button > span, .rtl a.sd-button > span { padding: 3px 23px 3px 5px; background-position: 98% center; } .rtl .sd-social-text a.sd-button > span { padding-left: 0; padding-right: 5px } .rtl div.sharedaddy .no-icon a span, .rtl div.sharedaddy li.no-icon div a span { padding-left: 0; padding-right: 5px } /* Sharedaddy Module in /sharing/sharing.css */ /* Ratings Alignment -------------------------------------------------------------- */ div.sharedaddy .sd-rating .pd-rating { width: 82.125%; /* 530px / 640px */ float: right; margin: 0; } /* =Like Module -------------------------------------------------------------- */ div.sharedaddy .wpl-likebox, #main div.sharedaddy .wpl-likebox, #content div.sharedaddy .wpl-likebox { margin-right: 0 !important; margin-left: 0 !important; padding-right: 0 !important; padding-left: 0 !important; } .wpl-likebox .sd-content { margin: -2px 0 0 0; } div.sharedaddy .wpl-button { float: left; margin: 0 5px 0 0; } div.sharedaddy .wpl-count { line-height: 1; padding: 5px; text-align: left; margin: 0; font-size: 12px; } div.sharedaddy ul.wpl-avatars, .wpl-likebox { margin: 0 -2px 0 0 !important; padding-top: 8px !important; overflow: hidden; } div.sharedaddy ul.wpl-avatars li { width: 32px; height: 32px; } div.sharedaddy ul.wpl-avatars li a { margin: 0 2px 0 0; border-bottom: none !important; display: block; } div.sharedaddy ul.wpl-avatars li a img { background: none; border: none; margin: 0 !important; padding: 0 !important; position: static; } div.sharedaddy .wpl-button a.sd-button span { padding: 1px 5px 1px 2px; text-shadow: none; } div.sharedaddy .wpl-button a.sd-button span:before { color: #2EA2CC; font-family: "Noticons"; content: '\f408'; font-size: 16px; line-height: 0; text-shadow: 0 1px 0 #fff; position: relative; top: 3px; } div.sharedaddy .wpl-button a.sd-button.liked { background: #FEFFCE; border: 1px solid #F3E389; box-shadow: inset 0 1px 0 #fff; cursor: default; } div.sharedaddy .wpl-button a.sd-button.liked span { opacity: 1; } .rtl div.sharedaddy .wpl-button { float: right; margin: 0 0 0 5px; } .rtl div.sharedaddy #wpl-count { text-align: right; } .rtl div.sharedaddy ul.wpl-avatars, .rtl .wpl-likebox { margin: 0 0 0 -2px !important; } .rtl div.sharedaddy .wpl-button a.sd-button span { padding: 3px 5px; background-position: right center; } #wpl-mustlogin { width: 80%; max-width: 312px; padding: 15px; position: absolute; z-index: 1001; text-shadow: none; background-color: #fff; color: #333; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 2px 8px #ccc; -webkit-box-shadow: 0px 2px 8px #ccc; box-shadow: 0px 2px 8px #ccc; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, .2); box-shadow: 0px 2px 8px rgba(0, 0, 0, .2); } #wpl-mustlogin p { margin: 0; text-shadow: none; color: #333; } #wpl-mustlogin label, #wpl-mustlogin a { text-shadow: none; color: #333; } #wpl-mustlogin input[type="text"], #wpl-mustlogin input[type="password"] { width: 98.5%; text-shadow: none; border: 1px solid #ccc; background: #fff; color: #333; } #wpl-mustlogin { line-height: 14px !important; font-size: 11px; clear: left; margin-top: 5px; background: #f0f0f0; padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #wpl-mustlogin a { color: #888; text-decoration: underline; } #wpl-mustlogin p { margin: 5px 0; padding: 0 } #wpl-mustlogin input.input { padding: 2px; background: #fff; font-size: 11px; font-family: inherit; border: 1px solid #ccc; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset; line-height: 12px; } #wpl-mustlogin input#wp-submit { border: 1px solid #ccc; font-size: 11px; background: #fafafa repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 2px 4px !important; line-height: 12px; } #wpl-mustlogin label { position: relative; cursor: text; } #wpl-mustlogin label span { position: absolute; top: 0px; left: 5px; padding: 0 !important; } .rtl #wpl-mustlogin { margin-left: 0; margin-right: -120px; } .rtl #wpl-mustlogin { clear: right } .rtl #wpl-mustlogin label span { left: auto; right: 5px } /* Like Special cases (display on it's own) */ div.sharedaddy.sd-like-enabled .sd-like h3 { display: none; } div.sharedaddy.sd-like-enabled .sd-like div.sd-content { width: 100%; float: none; } div.sharedaddy.sd-rating-enabled .sd-like h3 { display: block; } div.sharedaddy.sd-rating-enabled .sd-like div.sd-content { width: 82.125%; /* 530px / 640px */ float: right; } div.sharedaddy.sd-sharing-enabled .sd-like h3 { display: block; } div.sharedaddy.sd-sharing-enabled .sd-like div.sd-content { width: 82.125%; /* 530px / 640px */ float: right; } .rtl div.sharedaddy.sd-rating-enabled .sd-like div.sd-content { float: left } .rtl div.sharedaddy.sd-sharing-enabled .sd-like div.sd-content { float: left } /* =Theme-specific fixes -------------------------------------------------------------- */ /* Shelf */ div.sharedaddy .wpl-likebox { position: static !important; bottom: auto !important; } /* Theme Name: Blissful Blog Theme URI: http://www.blissfulblog.com/ Author: Organic Themes Author URI: http://www.organicthemes.com/ Description: The Blissful Blog is a beautifully designed wedding photography blog for couples, photographers and industry professionals. Version: 1.0-wpcom License: GNU General Public License License URI: license.txt Tags: blog, photography, wedding, bright, blue, white, light, one-column, two-columns, fixed-width, custom-background, custom-header, custom-menu, featured-images, flexible-header, full-width-template, post-slider, sticky-post, translation-ready, infinite-scroll, rtl-language-support */ /* =Reset --------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } html { font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http: //clagnut.com/blog/348/#c790 */; -ms-overflow-y: scroll; overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */; } body { background: #eaf6f7; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } ol, ul { list-style: none; } table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a:focus { outline: thin dotted; } a:hover, a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ outline: 0; } a img { border: 0; } /* =General --------------------------------------------------------------*/ body { color: #666; font-size: 14px; font-family: Georgia, serif; line-height: 1.8em; margin: 0 auto 0; padding: 0; } #wrap { width: 100%; margin: 20px auto 20px; padding: 0; } #container { background: #fff; width: 920px; margin: 0 auto; padding: 0 0 20px 0; -webkit-box-shadow: 0 0 2px #bbb; box-shadow: 0 0 2px #bbb; } h1,h2,h3,h4,h5,h6 { clear: both; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } table { margin: 0 0 1.5em; width: 100%; } th { font-weight: bold; } /* =Links -----------------------------------------------*/ a { color: #669999; text-decoration: none; outline: none; -webkit-transition: background .25s, color .25s; -moz-transition: background .25s, color .25s; -o-transition: background .25s, color .25s; -ms-transition: background .25s, color .25s; transition: background .25s, color .25s; } a:focus, a:hover, a:active { color: #336666; text-decoration: underline; outline: none; } a img { border: none; } #submit, #searchsubmit { cursor: pointer; -webkit-transition: background .25s, color .25s; -moz-transition: background .25s, color .25s; -o-transition: background .25s, color .25s; -ms-transition: background .25s, color .25s; transition: background .25s, color .25s; } /* =Common -----------------------------------------------*/ .hidden { display: none; } .clear { clear: both; } .linerule { border-bottom: 1px solid #CCCCCC; padding-top: 15px; margin-bottom: 15px; } img, iframe, object, embed { max-width: 100%; } code, pre { color: #666; background: #f9f9f9; font-family: "Courier New", Courier, monospace; font-size: 11px; padding: 5px 10px; border: 1px dashed #ddd; } blockquote { color: #999; font-size: 24px; font-style: italic; line-height: 32px; margin: 15px 25px 15px 25px; padding: 0 20px 0 20px; } hr { border: 0; width: 100%; height: 1px; color: #ddd; background-color: #ddd; margin: 5px 0 8px 0; padding: 0 0 0 0; } .avatar { background: #f9f9f9; margin: 10px 10px 10px 0; padding: 5px; border: 1px solid #ddd; -webkit-box-shadow: 0 0 3px #eee; box-shadow: 0 0 3px #eee; } /* =Header -----------------------------------------------*/ #header { overflow: visible; } #logo { background: #fff; max-width: 920px; height: auto; margin: 0 auto; padding: 0; text-align: center; } .site-title { padding: 0 25px; margin: 20px 0 0 0; } .site-title a { display: block; } .site-description { font-size: 20px; line-height: 28px; padding: 0 25px; } /* =Headings -----------------------------------------------*/ h1 { color: #666; font-family: 'Droid Serif', Georgia, serif; font-size: 36px; font-weight: normal; font-style: normal; line-height: 42px; margin: 4px 0; padding: 4px 0; } h2 { color: #666; font-family: 'Droid Serif', Georgia, serif; font-size: 32px; font-weight: normal; font-style: normal; text-transform: none; line-height: 36px; margin: 4px 0; padding: 4px 0; } h3 { color: #666; font-size: 28px; font-family: 'Droid Serif', Georgia, serif; font-weight: normal; font-style: normal; text-transform: none; margin: 5px 0; padding: 5px 0; line-height: 32px; } h4 { color: #666; font-size: 24px; font-family: 'Droid Serif', Georgia, serif; font-weight: normal; font-style: normal; text-transform: none; margin: 5px 0; padding: 5px 0; line-height: 28px; } h5 { color: #666; font-size: 18px; font-family: 'Droid Serif', Georgia, serif; font-weight: normal; font-style: normal; text-transform: none; margin: 4px 0; padding: 4px 0; line-height: 24px; } h6 { color: #666; font-size: 16px; font-family: 'Droid Serif', Georgia, serif; font-weight: normal; font-style: normal; text-transform: none; margin: 4px 0; padding: 4px 0; line-height: 22px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #333; text-decoration: none; border: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #666; text-decoration: none; border: none; } /* Alignment */ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin: 0 auto; } /* Text meant only for screen readers */ .assistive-text { clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute; } /* =Menu -----------------------------------------------*/ #navbar { background: #fff url("../wp-content/themes/pub/blissful-blog/images/nav_bg.png") center no-repeat; font-size: 11px; font-family: Georgia, "Times New Roman", Times, serif; font-style: normal; font-weight: normal; line-height: 24px; text-align: center; margin: 20px auto; max-width: 920px; padding: 0 20px; } .main-navigation ul { background-color: #fff; display: inline-block; list-style-type: none; padding: 0; margin: 0; } .main-navigation ul li { background: #fff; float: left; margin: 0; padding: 0; position: relative; border-left: 1px solid #ccc; } .main-navigation ul li:first-child { border-left: none; } .main-navigation ul li a { padding: 0 15px 0 15px; color: #999; display: block; text-decoration: none; } .main-navigation ul li a:hover { color: #366; text-decoration: none; } .main-navigation ul .current_page_item > a, .main-navigation ul .current-menu-item > a, .main-navigation ul .current_page_ancestor > a, .main-navigation ul .current-menu-ancester > a, .main-navigation ul .current-cat a { color: #366; } .main-navigation ul li span { /*--Drop down trigger styles--*/ float: left; height: 24px; width: 15px; background: url("../wp-content/themes/pub/blissful-blog/images/nav_arrow.png") no-repeat; top: 2px; left: -10px; position: relative; } .main-navigation ul li span.subhover { /*--Hover effect for trigger--*/ cursor: pointer; } .main-navigation ul li ul { list-style: none; position: absolute; top: 24px; left: 0; z-index: 9; margin: 0; padding: 0; display: none; float: left; width: 180px; } .main-navigation ul li:hover > ul { display: block; } .main-navigation ul li ul li { border: none; margin: 0; padding: 0; width: 180px; } .main-navigation ul li ul li ul { top: 0; left: 180px; } .main-navigation ul li ul li a { background: #eaf6f7; color: #366; display: block; padding: 5px 15px; text-align: left; width: 150px; } .main-navigation ul li ul li a:hover { /*--Hover effect for subnav links--*/ background-color: #699; color: #fff; } /* =Featured Slider -----------------------------------------------*/ #slider-wrapper { width: 100%; margin-bottom: 20px; overflow: hidden; position: relative; } #slider-wrapper .flexslider { background: transparent; border: 0 none; } #slider-wrapper .featured .hentry { background-color: #fff; background-color: rgba(255,255,255,.9); border: 0 none; display: block; margin: 0; padding: 15px; position: absolute; bottom: 15px; left: 15px; width: 860px; } #slider-wrapper .featured .entry-header { border-right: 1px solid #ccc; display: block; float: left; padding: 5px 15px 5px 0; text-align: right; width: 265px; } #slider-wrapper .featured .entry-title { font-size: 22px; line-height: 26px; text-align: right; width: 100%; } #slider-wrapper .featured .entry-title a { color: #333; } #slider-wrapper .featured .entry-title a:hover { color: #699; } #slider-wrapper .featured .entry-content { float: left; display: inline-block; width: 554px; margin: 9px 0 0 0; padding: 0 0 0 15px; } #slider-wrapper .featured .entry-content p { line-height: 20px; margin: 0; padding: 0; } #slider-wrapper .featured img { height: auto; } /* Direction Nav */ #slider-wrapper .flex-direction-nav { list-style-type: none; margin: 0; padding: 0; position: absolute; top: 46%; z-index: 10; width: 100%; } #slider-wrapper .flex-direction-nav a { border-radius: 20px; display: block; margin: -15px 0 0; overflow: hidden; position: absolute; text-indent: -999em; width: 40px; height: 40px; } #slider-wrapper .flex-direction-nav .next { background: url("../wp-content/themes/pub/blissful-blog/images/next_btn.png") no-repeat -40px 0; right: 15px; } #slider-wrapper .flex-direction-nav .prev { background: url("../wp-content/themes/pub/blissful-blog/images/prev_btn.png") no-repeat; left: 15px; } #slider-wrapper .flex-direction-nav a:hover { background-color: rgba(255, 255, 255, .75); } #slider-wrapper .flex-direction-nav .prev:hover { background-position: -40px 0; } #slider-wrapper .flex-direction-nav .next:hover { background-position: 0 0; } /* Control Nav */ #slider-wrapper .flex-control-nav { display: none; visibility: hidden; } /* =Content -----------------------------------------------*/ .postarea { padding: 40px 80px; overflow: hidden; } .page-header { border-bottom: 1px solid #ddd; margin-bottom: 30px; } .page-header h1 { margin: 0; padding: 0 0 20px 0; } .entry-content:after { clear: both; content: ''; display: block; } .hentry { width: 100%; margin: 0 0 30px 0; padding: 0 0 40px 0; border-bottom: 1px solid #ddd; } .sticky { background-color: #f9f9f9; width: 96%; padding: 2%; } .search .hentry { overflow: hidden; } .hentry p { margin: 0; padding: 6px 0; } .hentry img { height: auto; } .entry-content .featureimg img, .entry-content .featurevid { display: block; text-align: center; margin: 10px auto 15px; padding: 0; overflow: hidden; } .entry-header { display: block; width: 100%; padding-bottom: 10px; } .entry-title { display: block; width: 94%; text-align: left; margin: 0; padding: 0; } .postcomments { float: right; display: inline-block; background: #eaf6f7 url("../wp-content/themes/pub/blissful-blog/images/comment_icon.png") no-repeat top right; width: 6%; height: 40px; text-align: center; margin: 12px 0 0 0; padding: 0; } .postcomments a { padding: 5px 12px; } .entry-meta { color: #999; font-size: 12px; line-height: 1.4em; letter-spacing: 1px; padding-top: 10px; } .entry-header .entry-meta { text-transform: uppercase; } .byline { display: none; } .group-blog .byline { display: inline; } .entry-content { padding-bottom: 5px; } .page-links { padding: 6px 0; } .page-links a { background-color: #eaf6f7; display: inline-block; margin: 0 2px; padding: 1px 8px; } .page-links a:hover { background-color: #699; color: #fff; text-decoration: none; } .postmeta { float: left; width: 100%; font-size: 14px; margin-top: 20px; padding: 0; } .postmeta a { text-decoration: none; } .postmeta a:hover { text-decoration: underline; } .postmeta p { margin: 0; padding: 0; } .postmeta a { color: #ccc; } .postmeta a:hover { color: #699; } /* =Social Media -----------------------------------------------*/ .social_links { float: left; display: inline-block; width: 100%; margin-top: 20px; padding: 0; } .tweet_btn, .like_btn, .plus_btn { float: left; display: inline-block; height: 22px; margin: 2px 8px 0 0; padding: 0; overflow: hidden; } .tweet_btn { width: 54px; } .like_btn { width: 48px; } .plus_btn { width: 32px; } .fb_edge_widget_with_comment span.fb_edge_comment_widget { display: none; } /* =Pagination -----------------------------------------------*/ #nav-below { margin-bottom: 20px; } .paging-navigation, .post-navigation, .comment-navigation { overflow: hidden; } .comment-navigation { margin: 15px 0 10px 0; } .paging-navigation div, .post-navigation div, .comment-navigation div { float: left; width: 50%; } .paging-navigation .nav-previous, .post-navigation .nav-previous, .comment-navigation .nav-previous { text-align: left; } .paging-navigation .nav-next, .post-navigation .nav-next, .comment-navigation .nav-next { float: right; text-align: right; } .paging-navigation a, .post-navigation a, .comment-navigation a { background-color: #eaf6f7; display: inline-block; padding: 2px 10px; } .paging-navigation a:hover, .post-navigation a:hover, .comment-navigation a:hover { background-color: #699; color: #fff; text-decoration: none; } /* =Gallery page -----------------------------------------------*/ .postarea.showcase { padding: 40px 60px; } .postarea.showcase .first { margin-left: 0; clear: both; } .postarea.showcase .six.columns { padding: 15px 0; } .postarea.showcase .information p { margin-top: -10px; } .postarea.showcase iframe, .postarea.showcase embed, .postarea.showcase object { display: block; max-height: 220px; } /* =WordPress Gallery -----------------------------------------------*/ .gallery img { background: #fff; padding: 4px; border: 1px solid #ddd !important; -webkit-box-shadow: 0 0 3px #eee; box-shadow: 0 0 3px #eee; } .gallery img:hover { background: #eaf6f7; } .gallery-caption { font-size: 12px; line-height: 16px; } /* =Images -----------------------------------------------*/ img.centered { display: block; margin: 8px auto 8px; padding: 0; } img.alignnone { display: inline; margin: 8px 0 8px 0; padding: 0; } img.alignright { display: inline; margin: 8px 0 8px 20px; padding: 0; } img.alignleft { display: inline; margin: 8px 20px 8px 0; padding: 0; } .aligncenter { display: block; margin: 8px auto 8px; } .alignright { float: right; margin: 8px 0 8px 20px; } .alignleft { float: left; margin: 8px 20px 8px 0; } .wp-caption { display: inline-block; background-color: #f9f9f9; border: 1px solid #ddd; margin-top: 10px; margin-bottom: 10px; max-width: 98%; padding: 1%; text-align: center; } .wp-caption.aligncenter { display: block; margin: 0 auto; } .wp-caption img { margin: 0; padding: 0; border: 0; } .wp-caption p.wp-caption-text { margin: 0; padding: 5px; font-size: 11px; font-weight: normal; text-align: center; } .banner-wrap { background-color: #eaf6f7; } .featurebanner { display: block; margin: 0 auto; } .featureimg { float: left; margin: 10px 10px 10px 0; } /* =Sidebar and Footer Widgets -----------------------------------------------*/ #footerwidgets { display: block; margin: 0; padding: 0 80px; } #sidebar h4, #footerwidgets h4 { font-size: 14px; color: #333; text-decoration: none; margin: 0 0 10px 0; padding: 5px 0 5px 0; border-bottom: 1px solid #ddd; } #sidebar li, #footerwidgets li { text-decoration: none; list-style-type: none; } #sidebar ul, #footerwidgets ul { list-style-type: none; margin: 0; padding: 0; } #sidebar ul li, #footerwidgets ul li { list-style-type: none; margin: 0; padding: 0; } #sidebar ul li ul li a, #footerwidgets ul li ul li a { display: block; font-size: 12px; padding: 2px 0; margin: 0; } #sidebar ul li ul li a:hover, #footerwidgets ul li ul li a:hover { text-decoration: none; } #sidebar ul li ul li ul li a, #footerwidgets ul li ul li ul li a { text-indent: 10px; } #sidebar ul li ul li ul li ul li a, #footerwidgets ul li ul li ul li ul li a { text-indent: 20px; } .widget { float: left; display: block; width: 100%; margin: 0; padding: 0 0 30px 0; overflow: hidden; } .widget img { height: auto; } #sidebar .textwidget, #footerwidgets .textwidget { padding: 0; } #sidebar .textwidget a, #footerwidgets .textwidget a, #sidebar #recentcomments a, #footerwidgets #recentcomments a { text-decoration: underline; display: inline; margin: 0; padding: 0; border: none; } #sidebar .textwidget a:hover, #footerwidgets .textwidget a:hover, #sidebar #recentcomments a:hover { background: none; text-decoration: none; } /* =Custom Menu Widget -----------------------------------------------*/ #sidebar .menu, #footerwidgets .menu { float: none; left: 0; } #sidebar .menu .current_page_item a, #sidebar .menu .current-menu-item a, #footerwidgets .menu .current_page_item a, #footerwidgets .menu .current-menu-item a { background-color: none; background-image: none; } #sidebar .menu li a, #footerwidgets .menu li a { float: none; display: block; background: none; text-align: left; text-shadow: none; } #sidebar .menu li, #footerwidgets .menu li { float: left; display: block; text-align: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 100%; border: none; } #sidebar .menu li span, #footerwidgets .menu li span { display: none; } #sidebar .menu li ul.sub-menu, #footerwidgets .menu li ul.sub-menu { top: 0; left: 0; width: 100%; margin: 0; padding: 0; border: none; position: relative; z-index: 9; } #sidebar .menu li ul.sub-menu span, #footerwidgets .menu li ul.sub-menu span { display: none; } #sidebar .menu li ul.sub-menu li a, #footerwidgets .menu li ul.sub-menu li a { background: #fff; width: auto; } #sidebar .menu li ul.sub-menu li ul.sub-menu li, #footerwidgets .menu li ul.sub-menu li ul.sub-menu li { display: none; } /* =Calendar Widget -----------------------------------------------*/ #footerwidgets .widget.widget_calendar, #sidebar .widget.widget_calendar { float: none; } #calendar_wrap { margin: 0 auto 0; padding: 5px 10px 5px 10px; } #wp-calendar { width: 100%; text-align: center; } #wp-calendar a { background: none; margin: 0; } #wp-calendar caption { font-size: 16px; margin: 0 0 5px 0; } #wp-calendar #prev a { float: left; margin: 10px 0; text-align: left; } #wp-calendar #next a { float: right; margin: 10px 0; text-align: right; } /* =Searchform -----------------------------------------------*/ #footerwidgets .widget.widget_search, #sidebar .widget.widget_search { width: 100%; } #searchform { margin: 0; padding: 0; } #searchform label { display: none; } #s { background: #f9f9f9; float: left; width: 70%; color: #999; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1em; margin: 5px 0 0 0; padding: 8px 1%; display: inline; border: 1px solid #ddd; } #searchsubmit { float: right; background: #eaf6f7; color: #333; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight: normal; font-style: italic; text-align: center; text-decoration: none; margin: 5px 0 0 0; padding: 6px 0; border: none; width: 25%; height: 32px; } #searchsubmit:hover { background: #699; color: #fff; } /* =Footer -----------------------------------------------*/ #footer { max-width: 920px; height: 30px; margin: 10px auto 10px; padding: 0; } #footer p { font-size: 11px; color: #999; font-weight: normal; margin: 0; padding: 0; } #footer a { color: #666; text-decoration: none; } #footer a:hover { color: #666; text-decoration: underline; } .footerleft { float: left; display: block; text-align: left; font-size: 11px; color: #999; font-weight: normal; margin: 0; padding: 0; } #wpstats { display: block; margin: 0 auto 25px; } /* =Comments -----------------------------------------------*/ #author, #email, #url { background: #f9f9f9; color: #666; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; margin: 0; padding: 5px; border: 1px solid #ddd; } #comment { background: #f9f9f9; color: #666; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; margin: 5px 0 5px 0; padding: 5px; border: 1px solid #ddd; } #submit { background: #eaf6f7; color: #333; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight: normal; font-style: italic; text-decoration: none; margin: 0; padding: 6px 12px; border: none; } #submit:hover { background: #699; color: #fff; } #commentform #submit { float: left; display: block; width: auto; margin: 0; padding: 8px 20px; border: none; } #comments { margin-top: 30px; } #comments .commentlist li .avatar { background: #fff; float: right; border: none; margin: 0 0 10px 10px; padding: 4px; border: 1px solid #ddd; } #comments .commentlist { margin: 0 0 1em 0; padding: 0; } #comments .commentlist ol { margin: 0; padding: 10px; } #comments .commentlist li.comment, #comments .commentlist li.pingback, #comments .commentlist li.trackback { margin: 15px 0 5px 0; padding: 10px 10px 10px 10px; list-style: none; } #comments .commentlist li ul li { margin-right: 5px; margin-left: 5px; } #comments .commentlist p { margin: 10px 0 10px 0; padding: 0; } #comments .commentlist img { height: auto; } #comments .depth-1, #comments .depth-3, #comments .depth-5 { background: #f9f9f9; } #comments .depth-2, #comments .depth-4 { background: #fff; } #commentform input { width: 24%; padding: 6px; margin: 5px 5px 0 0; border: 1px solid #ddd; } #commentform { margin: 5px 10px 0 0; } #commentform textarea { width: 100%; padding: 4px; } #respond { padding: 30px 0 20px 0; } #respond h3 small { font-size: .5em; } #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .alt { margin: 0; padding: 10px; } .children { margin: 0; padding: 0; } .nocomments { display: none; } .reply { padding: 5px 0 5px 0; margin: 0; } .reply a, .reply a:visited { background: #fff; color: #999; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: normal; font-style: italic; text-decoration: none; margin: 0; padding: 6px 12px 6px 12px; border: 1px solid #ddd; } .reply a:hover { background: #699; color: #fff; text-decoration: none; } .commentmetadata { font-size: 10px; line-height: 14px; margin: 0; display: block; } .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 30px; } .alignright { float: right; } .alignleft { float: left; } .thread-alt, .thread-even { margin: 0; padding: 0; } .even, .alt { margin: 0; padding: 0; } #respond code { display: block; } .commentlist .published, .commentlist .edit, .commentlist .reply { font-size: 1em; font-style: italic; line-height: 1.2em; } .commentlist { margin-bottom: 30px; padding: 0 1em 1em 1em; } .commentlist .post { border-bottom: none 0; width: auto; } #comments .commentlist li.pingback, #comments .commentlist li.pingback p { margin: 0; } .commentlist .comment-content li { margin-left: 2.8em; list-style-type: decimal; } .commentlist li.comment li.comment { padding-left: 10%; } .commentlist .avatar { float: left; margin: 0 13px 10px 0; } .comment-meta { margin: 0 0 2px 0; font-size: 0.8em; color: #bbb; line-height: 1.7em; } .comment-meta .comment-author cite { font-style: normal; font-weight: bold; color: #333; font-size: 1em; } .comment-author { margin-right: 10px; } .comment-meta a { font-style: normal; color: #777; border-bottom: 1px solid #e5e5e5; } .comment-author a { color: #333; } .comment-meta a:hover { color: #000; border-bottom: none; } .comments-closed { padding: 10px 25px; font-size: 1em; color: #888; background: #f5f5f5; } .comment-content { font-size: 0.85em; line-height: 1.9em; clear: left; } .commentlist .comment-body p { margin-bottom: 1em; } .commentlist .comment-body ul, .commentlist .comment-body ol { margin-bottom: 1.6em; } .commentlist .comment-body ul { list-style-type: disc; } .commentlist .comment-body ol { list-style-type:; } .commentlist .comment-body li { border: none 0; padding: 0; } .commentlist .comment-body li ul, .commentlist .comment-body li ol { margin-bottom: 0.3em; } .commentlist blockquote, .commentlist blockquote blockquote blockquote { font-size: 1em; } /* =Grid -----------------------------------------------*/ .row { width: 100%; max-width: 920px; min-width: 720px; margin: 0 auto 0; overflow: hidden; } /* To fix the grid into a certain size, set max-width to width */ .row .row { min-width: 0; } .column, .columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; } .column:first-child, .columns:first-child { margin-left: 0; } [class*="column"] + [class*="column"]:last-child { float: right; } .row .one { width: 4.3%; } .row .two { width: 13%; } .row .three { width: 21.679%; } .row .four { width: 30.37%; } .row .five { width: 39.1%; } .row .six { width: 47.8%; } .row .seven { width: 56.5%; } .row .eight { width: 65.2%; } .row .nine { width: 73.9%; } .row .ten { width: 82.6%; } .row .eleven { width: 91.3%; } .row .twelve { width: 100%; } .row .offset-by-one { margin-left: 13.1%; } .row .offset-by-two { margin-left: 21.8%; } .row .offset-by-three { margin-left: 30.5%; } .row .offset-by-four { margin-left: 39.2%; } .row .offset-by-five { margin-left: 47.9%; } .row .offset-by-six { margin-left: 56.6%; } .row .offset-by-seven { margin-left: 65.3%; } .row .offset-by-eight { margin-left: 74.0%; } .row .offset-by-nine { margin-left: 82.7%; } .row .offset-by-ten { margin-left: 91.4%; } .row .centered { float: none; margin: 0 auto; } .row .offset-by-one:first-child { margin-left: 8.7%; } .row .offset-by-two:first-child { margin-left: 17.4%; } .row .offset-by-three:first-child { margin-left: 26.1%; } .row .offset-by-four:first-child { margin-left: 34.8%; } .row .offset-by-five:first-child { margin-left: 43.5%; } .row .offset-by-six:first-child { margin-left: 52.2%; } .row .offset-by-seven:first-child { margin-left: 60.9%; } .row .offset-by-eight:first-child { margin-left: 69.6%; } .row .offset-by-nine:first-child { margin-left: 78.3%; } .row .offset-by-ten:first-child { margin-left: 87%; } .row .offset-by-eleven:first-child { margin-left: 95.7%; } /* Source Ordering */ .push-two { left: 17.4%; } .push-three { left: 26.1%; } .push-four { left: 34.8%; } .push-five { left: 43.5%; } .push-six { left: 52.2%; } .push-seven { left: 60.9%; } .push-eight { left: 69.6%; } .push-nine { left: 78.3%; } .push-ten { left: 87%; } .pull-two { right: 17.4%; } .pull-three { right: 26.1%; } .pull-four { right: 34.8%; } .pull-five { right: 43.5%; } .pull-six { right: 52.2%; } .pull-seven { right: 60.9%; } .pull-eight { right: 69.6%; } .pull-nine { right: 78.3%; } .pull-ten { right: 87%; } img { -ms-interpolation-mode: bicubic; } #map_canvas img, .map_canvas img { max-width: none; } /* Nicolas Gallagher's micro clearfix */ .row:before, .row:after, .clearfix:before, .clearfix:after { content: ""; display: table; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } .block-grid { display: block; overflow: hidden; } .block-grid>li { display: block; height: auto; float: left; } .block-grid.two-up { margin-left: -4%; } .block-grid.two-up>li { margin-left: 4%; width: 46%; } .block-grid.two-up>li:nth-child(2n+1) { clear: left; } .block-grid.three-up { margin-left: -2%; } .block-grid.three-up>li { margin-left: 2%; width: 31.3%; } .block-grid.three-up>li:nth-child(3n+1) { clear: left; } .block-grid.four-up { margin-left: -2%; } .block-grid.four-up>li { margin-left: 2%; width: 23%; } .block-grid.four-up>li:nth-child(4n+1) { clear: left; } .block-grid.five-up { margin-left: -1.5%; } .block-grid.five-up>li { margin-left: 1.5%; width: 18.5%; } .block-grid.five-up>li:nth-child(5n+1) { clear: left; } /* * jQuery FlexSlider v1.8 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;} .flexslider .slides {zoom: 1;} .flexslider .slides > li {position: relative;} /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */ .flex-container {zoom: 1; position: relative;} /* Caption style */ /* IE rgba() hack */ .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;} .flex-caption {width: 96%; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;} /* Direction Nav */ .flex-direction-nav { height: 0; } .flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url("http://s1.wp.com/wp-content/themes/pub/blissful-blog/js/flex-slider/theme/bg_direction_nav.png") no-repeat; position: absolute; top: 50%; cursor: pointer; text-indent: -999em;} .flex-direction-nav li .next {background-position: -52px 0; right: -21px;} .flex-direction-nav li .prev {left: -20px;} .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;} .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} .flex-control-nav li:first-child {margin: 0;} .flex-control-nav li a {width: 13px; height: 13px; display: block; background: url("http://s1.wp.com/wp-content/themes/pub/blissful-blog/js/flex-slider/theme/bg_control_nav.png") no-repeat; cursor: pointer; text-indent: -999em;} .flex-control-nav li a:hover {background-position: 0 -13px;} .flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}/* =Infinity Styles -------------------------------------------------------------- */ .infinite-scroll #main:after { clear: both; content: ''; display: block; } .infinite-scroll #content { margin-bottom: 30px; } .infinite-scroll .hentry:last-of-type, .infinite-scroll .hentry.last-before-infinite { border-bottom: none; margin-bottom: 0; } .infinite-wrap { border-top: 1px solid #E5E5E5; padding: 1.5em 0 0 0; } #infinite-handle { padding-top: 1.5em; } /** * Elements to hide: * (footer widgets, post navigation, regular footer) */ .infinite-scroll #nav-below, .infinite-scroll.neverending #colophon { display: none; } /* Hooks to infinity-end body class to restore footer */ .infinity-end.neverending #colophon { display: block; } /* For responsive CSS */ /*@media (max-width: 800px) { .infinite-scroll #infinite-handle { padding-bottom: 30px; } }*/li.share-print a.sd-button > spandiv.sharedaddy ul, div.sharedaddy li { margin: 0; padding: 0; list-style: none; border: none; background: none; } div.sharedaddy, #content div.sharedaddy, #main div.sharedaddy { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; clear: both; } div.sharedaddy, div.sharedaddy div { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } div.sharedaddy h3, #content div.sharedaddy h3, #main div.sharedaddy h3, #primary div.sharedaddy h3 { font-size: 12px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 3px 0; padding: 0; text-transform: none; letter-spacing: 0; line-height: 1; font-weight: bold; width: 15.625%; /* 100px / 640px */ float: left; position: static; background: none; border: none; } /* @noflip */ .rtl div.sharedaddy h3, .rtl #content div.sharedaddy h3, .rtl #main div.sharedaddy h3, .rtl #primary div.sharedaddy h3 { float: right; text-align: right; } div.sharedaddy ul, div.sharedaddy li { margin: 0 !important; padding: 0 !important; text-indent: 0; } div.sharedaddy li::before { content: ""; } div.sharedaddy div.pd-rating { margin: 0; min-height: 23px; } div.sharedaddy a, div.sharedaddy a:link, div.sharedaddy a:visited { font-style: normal; } /* ClearFix trick */ div.sharedaddy:before, div.sharedaddy:after, div.sharedaddy .sd-block:before, div.sharedaddy .sd-block:after, div.sharedaddy ul:before, div.sharedaddy ul:after { content: "\0020"; display: block; height: 0; overflow: hidden; } div.sharedaddy:after, div.sharedaddy .sd-block:after, div.sharedaddy ul:after { clear: both; } div.sharedaddy, div.sharedaddy .sd-block, div.sharedaddy ul { zoom: 1; } /* =Base Styles -------------------------------------------------------------- */ div.sharedaddy div.sd-block { border-top: 1px solid #ddd; border-top: 1px solid rgba(0,0,0,.13); padding: 10px 0 5px; margin: 0; width: 100% !important; } div.sharedaddy.sharedaddy-dark .sd-block { border-top-color: #222; border-top-color: rgba(50,50,50,.5); } div.sharedaddy .sd-content { width: 82.125%; /* 530px / 640px */ float: right; margin: -2px 0 0 0; } div.sharedaddy .sd-content ul { margin: 0; } div.sharedaddy .sd-content li { float: left; margin: 0 5px 5px 0 !important; display: block; } /* @noflip */ .rtl div.sharedaddy .sd-content { float: right; } /* @noflip */ .rtl div.sharedaddy .sd-content li { float: right; margin: 0 0 5px 5px !important; } /* Base Button .sd-button */ div.sharedaddy a.sd-button { margin: 0; padding: 0; display: inline-block; background: #efefef; background: -moz-linear-gradient(top, #f7f7f7 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top, #f7f7f7 0%,#efefef 100%); background: -o-linear-gradient(top, #f7f7f7 0%,#efefef 100%); background: -ms-linear-gradient(top, #f7f7f7 0%,#efefef 100%); background: linear-gradient(top, #f7f7f7 0%,#efefef 100%); border-radius: 3px; border: 1px solid #ddd !important; box-shadow: inset 0 1px 0 #fff; color: #000 !important; text-decoration: none; line-height: 1; font-size: 12px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; } div.sharedaddy a.sd-button:hover { color: #000; text-shadow: 0 1px 0 #fff; border-color: #ccc; background: #eee; background: -moz-linear-gradient(top, #efefef 0%, #eee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#eee)); background: -webkit-linear-gradient(top, #efefef 0%,#eee 100%); background: -o-linear-gradient(top, #efefef 0%,#eee 100%); background: -ms-linear-gradient(top, #efefef 0%,#eee 100%); background: linear-gradient(top, #efefef 0%,#eee 100%); } div.sharedaddy a.sd-button:active { background-color: #efefef; box-shadow: inset 0 -1px 0 #fff; border-color: #ddd; } a.sd-button > span { padding: 4px 8px; display: block; opacity: .8; line-height: 1.5em; text-shadow: none; } a.sd-button:hover span { opacity: 1; } .sd-button span.share-count { font-size: 90%; color: #666; margin-left: 5px; line-height: 1; } /* @noflip */ .rtl .sd-button span.share-count { margin-right: 5px; } /* Button Style Options */ .sd-social-icon-text a.sd-button > span, a.sd-button > span { padding: 1px 5px 1px 23px; background-position: 2px center; background-repeat: no-repeat; } .sd-social-icon a.sd-button > span { padding: 3px; width: 16px; height: 16px; text-indent: -9999px; background-position: center center; background-repeat: no-repeat; } .sd-social-text a.sd-button > span { background: none !important; padding-left: 5px } .sd-social-official li { height: 21px; } div.sharedaddy .no-text { width: 21px; height: 21px; } div.sharedaddy .no-text a { text-decoration: none; } div.sharedaddy .no-icon a span, div.sharedaddy li.no-icon div a span { padding-left: 5px; background-image: none; } /* @noflip */ .rtl .sd-social-icon-text a.sd-button > span, .rtl a.sd-button > span { padding: 3px 23px 3px 5px; background-position: 98% center; } /* @noflip */ .rtl .sd-social-text a.sd-button > span { padding-left: 0; padding-right: 5px } /* @noflip */ .rtl div.sharedaddy .no-icon a span, .rtl div.sharedaddy li.no-icon div a span { padding-left: 0; padding-right: 5px } /* Icons */ li.share-facebook a.sd-button > span { background-image: url("../wp-content/mu-plugins/post-flair/sharing/images/facebook.png"); } li.share-tumblr a.sd-button > span { background-image: url("../wp-content/mu-plugins/post-flair/sharing/images/tumblr.png"); } li.share-twitter a.sd-button > span { background-image: url("../wp-content/mu-plugins/post-flair/sharing/images/twitter-1.png"); } li.share-google-plus-1 a.sd-button > span { background-image: url("../wp-content/mu-plugins/post-flair/sharing/images/googleplus1-1.png"); } li.share-linkedin a.sd-button > span { background-image: url("../wp-content/mu-plugins/post-flair/sharing/images/linkedin.png"); } li.share-press-this a.sd-button > span { background-image: url("../wp-content/mu-plugins/post-flair/sharing/images/wordpress.png"); } li.share-digg a.sd-button > span { background-image: url("../wp-content/mu-plugins/post-flair/sharing/images/digg.png"); } li.share-stumbleupon a.sd-button > span { background-image: url("../wp-content/mu-plugins/post-flair/sharing/images/stumbleupon.png"); } li.share-reddit a.sd-button > span { background-image: url("../wp-content/mu-plugins/post-flair/sharing/images/reddit.png"); } li.share-pinterest a.sd-button > span { background-image: url("../wp-content/mu-plugins/post-flair/sharing/images/pinterest.png"); } li.share-pocket a.sd-button > span { background-image: url("../wp-content/mu-plugins/post-flair/sharing/images/pocket.png"); } li.share-kindle a.sd-button > span { background-image: url("../wp-content/mu-plugins/post-flair/sharing/images/kindle.png"); } li.share-email a.sd-button > span { background-image: url("../wp-content/mu-plugins/post-flair/sharing/images/email.png"); } li.share-print a.sd-button > span { background-image: url("../wp-content/mu-plugins/post-flair/sharing/images/print.png"); } a.sd-button.share-more span { background-image: url("../wp-content/mu-plugins/post-flair/sharing/images/more.png"); } @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 120dpi) { li.share-facebook a.sd-button > span { background-image: url("../wp-content/mu-plugins/post-flair/sharing/images/facebook@2x.png"); background-size: 16px 16px; } li.share-tumblr a.sd-button > span { background-image: url("../wp-content/mu-plugins/post-flair/sharing/images/tumblr@2x.png"); background-size: 16px 16px; } li.share-twitter a.sd-button > span { background-image: url("../wp-content/mu-plugins/post-flair/sharing/images/twitter@2x-1.png"); background-size: 16px 16px; } li.share-google-plus-1 a.sd-button > span { background-image: url("../wp-content/mu-plugins/post-flair/sharing/images/googleplus1@2x.png"); background-size: 16px 16px; } li.share-linkedin a.sd-button > span { background-image: url("../wp-content/mu-plugins/post-flair/sharing/images/linkedin@2x.png"); background-size: 16px 16px; } li.share-press-this a.sd-button > span { background-image: url("../wp-content/mu-plugins/post-flair/sharing/images/wordpress@2x.png"); background-size: 16px 16px; } li.share-digg a.sd-button > span { background-image: url("../wp-content/mu-plugins/post-flair/sharing/images/digg@2x-1.png"); background-size: 16px 16px; } li.share-stumbleupon a.sd-button > span { background-image: url("../wp-content/mu-plugins/post-flair/sharing/images/stumbleupon@2x.png"); background-size: 16px 16px; } li.share-reddit a.sd-button > span { background-image: url("../wp-content/mu-plugins/post-flair/sharing/images/reddit@2x.png"); background-size: 16px 16px; } li.share-pinterest a.sd-button > span { background-image: url("../wp-content/mu-plugins/post-flair/sharing/images/pinterest@2x.png"); background-size: 16px 16px; } li.share-pocket a.sd-button > span { background-image: url("../wp-content/mu-plugins/post-flair/sharing/images/pocket@2x.png"); background-size: 16px 16px; } li.share-kindle a.sd-button > span { background-image: url("../wp-content/mu-plugins/post-flair/sharing/images/kindle@2x.png"); background-size: 16px 16px; } li.share-email a.sd-button > span { background-image: url("../wp-content/mu-plugins/post-flair/sharing/images/email@2x-1.png"); background-size: 16px 16px; } li.share-print a.sd-button > span { background-image: url("../wp-content/mu-plugins/post-flair/sharing/images/print@2x.png"); background-size: 16px 16px; } a.sd-button.share-more span { background-image: url("../wp-content/mu-plugins/post-flair/sharing/images/more@2x-1.png"); background-size: 16px 16px; } } /* More pannel */ div.sharedaddy .sharing-hidden .inner { max-width: 250px; padding: 15px 15px 10px; position: absolute; margin-left: -100px; z-index: 1001; background-color: #fff; border: 1px solid #ccc; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-box-shadow: 0px 2px 8px #ccc; -webkit-box-shadow: 0px 2px 8px #ccc; box-shadow: 0px 2px 8px #ccc; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, .2); box-shadow: 0px 2px 8px rgba(0, 0, 0, .2); } /* @noflip */ .rtl div.sharedaddy .sharing-hidden .inner { margin-left: 0; margin-right: -100px; } div.sharedaddy.sharedaddy-dark .sharing-hidden .inner { border-color: #222; } /* =Sharing: Email Dialog -------------------------------------------------------------- */ #sharing_email { width: 312px; padding: 15px; position: absolute; margin-left: -120px; z-index: 1001; background-color: #fff; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 2px 8px #ccc; -webkit-box-shadow: 0px 2px 8px #ccc; box-shadow: 0px 2px 8px #ccc; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, .2); box-shadow: 0px 2px 8px rgba(0, 0, 0, .2); text-align: left; } div.sharedaddy.sharedaddy-dark #sharing_email { border-color: #fff; } #sharing_email .errors { color: #fff; background-color: #771a09; font-size: 11px; padding: 5px 8px; line-height: 11px; margin: 10px 0 0 0; } #sharing_email label { font-size: 11px; color: #333; font-weight: bold; display: block; padding: 0 0 4px 0; text-align: left; text-shadow: none; } #sharing_email input[type="text"] { width: 98.5%; margin-bottom: 12px; border: 1px solid #ccc; background: #fff; color: #333; } #sharing_email .sharing_cancel { padding: 0 0 0 10px; font-size: 11px; text-shadow: none; } #sharing_email .recaptcha { width: 312px; height: 123px; margin: 10px 0 14px 0; } /* =RTL -------------------------------------------------------------- */ /* @noflip */ body.rtl .sharing ul { float: right; } /* @noflip */ body.rtl .sharing li { margin: 0 0 0 10px !important; } /* @noflip */ .rtl #sharing_email { margin-left: -0px; margin-right: -120px; text-align: right } /* @noflip */ .rtl #sharing_email label { text-align: right } /* @noflip */ .rtl #sharing_email .sharing_cancel { padding: 0 10px 0 0; } /* Global styles for WordPress.com */ img.latex { border: none; vertical-align: middle; } .video-player { border: 0; margin: auto; padding: 5px; text-align: center; } .wpvidavee_title { font-family: Tahoma,Arial,sans-serif; font-size: 10px; font-weight: bold; line-height: 12px; padding: 2px 5px; text-align: left; } .wpvidavee_footer { font-family: Tahoma,Arial,sans-serif; font-size: 9px; line-height: 11px; padding: 2px 5px; text-align: right; } .wpvidavee_footer a { text-decoration: none; } .wpvidavee_p { color: red; } .hidden { display: none; } .possibly-related { clear: both; } .screen-reader-text { position: absolute; left: -1000em; } .comment object, .comment embed, .embed-vimeo iframe, .embed-youtube iframe { max-width: 100%; /* avoid videos being too wide */ } /** * Simple Homepage Experiment */ .simple-homepage-experiment #header, .simple-homepage-experiment #footer, .simple-homepage-experiment #landingpage { display: none !important; } .simple-homepage-experiment .simple-homepage { display: block !important; } .simple-homepage-experiment .simple-homepage { background: #f5f5f5; } /** * Typography */ .simple-homepage-experiment body, .simple-homepage-experiment td, .simple-homepage-experiment p, .simple-homepage-experiment div, .simple-homepage-experiment input, .simple-homepage-experiment label { font-family: "Open Sans", "Helvetica", sans-serif !important; font-size: 14px; line-height: 1.5; outline: none; } .simple-homepage-experiment input[type=checkbox] { margin: 0; } .simple-homepage-experiment h2, .simple-homepage-experiment h3 { text-align: center; } .simple-homepage-experiment h2 { font-family: "Open Sans", "Helvetica", sans-serif !important; font-size: 18px !important; color: #464646; margin-bottom: 16px; } .simple-homepage-experiment h3 { color: #898989; font-size: 14px !important; text-transform: none !important; letter-spacing: 0 !important; } .simple-homepage-experiment a { color: #1e8cbe; text-decoration: none; } .simple-homepage-experiment a:hover { color: #005684; } /** * Layout */ body.simple-homepage-experiment { background: #f1f1f1; } body.simple-homepage-experiment#h4home #lang-guess { margin-top: 85px; padding: 15px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); } .simple-homepage { display: none; } body.simple-homepage-experiment .simple-homepage { display: block; } .simple-homepage-experiment h1 { margin: 50px auto 50px auto; padding-left: 85px; height: 75px; width: 305px; color: #737373; font-size: 43px !important; font-weight: 100; line-height: 75px; text-shadow: 0 1px 0 #fff; background: transparent url("../wp-content/themes/h4/i/simple-homepage/wp-logo-1x.png") no-repeat !important; } .simple-homepage-experiment .content { max-width: 910px; margin: auto; } .simple-homepage-experiment .box { background: #fff; width: 43.4065934%; height: 280px; padding: 35px; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.2); box-shadow: 0px 2px 3px rgba(0,0,0,0.2); } .simple-homepage-experiment .box:hover { -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.3); box-shadow: 0px 2px 5px rgba(0,0,0,0.3); } .simple-homepage-experiment .or { width: 45px; height: 45px; margin: 100px 20px; float: left; color: rgba( 0, 0, 0, 0.2); text-shadow: 0 1px 1px #f1f1f1, 0 0 0 #aaa, 0 4px 1px #f1f1f1; font-size: 14px; font-weight: bold; letter-spacing: 2px; line-height: 45px; text-align: center; text-transform: uppercase; border-radius: 50%; border: 8px rgba( 0, 0, 0, 0.1 ) solid; } .simple-homepage-experiment .sign-up { text-align: center; } .simple-homepage-experiment .big-ass-blue-button { margin: 20px auto; padding: 12px 40px; display: inline-block; color: #fff !important; font-size: 24px; text-decoration: none; text-shadow: 0px -1px 1px rgba(0,0,0,0.32); border-radius: 4px; background-color: #0aa1ce; background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(10, 161, 206)), to(rgb(0, 136, 181))); background-image: -webkit-linear-gradient(top, rgb(10, 161, 206), rgb(0, 136, 181)); background-image: -moz-linear-gradient(top, rgb(10, 161, 206), rgb(0, 136, 181)); background-image: -o-linear-gradient(top, rgb(10, 161, 206), rgb(0, 136, 181)); background-image: -ms-linear-gradient(top, rgb(10, 161, 206), rgb(0, 136, 181)); background-image: linear-gradient(top, rgb(10, 161, 206), rgb(0, 136, 181)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#0aa1ce', EndColorStr='#0088b5'); border: 1px solid #0088b5; box-shadow: inset 0px 1px 1px rgba(255,254,254,0.5), 0 1px 1px rgba(0,0,0,0.3); } .simple-homepage-experiment .big-ass-blue-button:hover { color: #fff; background-color: #4eb5d5; background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(78, 181, 213)), to(rgb(0, 136, 181))); background-image: -webkit-linear-gradient(top, rgb(78, 181, 213), rgb(0, 136, 181)); background-image: -moz-linear-gradient(top, rgb(78, 181, 213), rgb(0, 136, 181)); background-image: -o-linear-gradient(top, rgb(78, 181, 213), rgb(0, 136, 181)); background-image: -ms-linear-gradient(top, rgb(78, 181, 213), rgb(0, 136, 181)); background-image: linear-gradient(top, rgb(78, 181, 213), rgb(0, 136, 181)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#4eb5d5', EndColorStr='#0088b5'); } .simple-homepage-experiment .big-ass-blue-button:active { background: #0aa1ce; box-shadow: inset 0px -1px 1px rgba(255,254,254,0.2); } .simple-homepage-experiment .login input[type=text], .simple-homepage-experiment .login input[type=password] { display: block; width: 90%; margin: 0 0 10px 0; padding: 10px 15px 10px 35px; color: #898989; font-size: 14px; font-weight: 200; border-radius: 3px; background: #FCFCFC url("../wp-content/themes/h4/i/simple-homepage/login-sprite-1x.png") no-repeat; border: 1px solid #BFBFBF; -moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15); -webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15); box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15); } .simple-homepage-experiment .login input:focus { background: #fff url("../wp-content/themes/h4/i/simple-homepage/login-sprite-1x.png") no-repeat; color: #444; border: 1px #aaa solid; } .simple-homepage-experiment .login input[type=text] { background-position: -3px -3px; } .simple-homepage-experiment .login input[type=password] { background-position: -3px -57px; } .simple-homepage-experiment#h4home #wrapper button.login-button { float: right !important; padding: 5px 20px !important; margin: 20px 0 !important; border-radius: 3px !important; border: 1px #bbb solid !important; color: #464646 !important; font-size: 15px !important; line-height: 1.6 !important; text-transform: none !important; letter-spacing: 0 !important; text-shadow: 0px 1px 1px #fff !important; box-shadow: inset 0px 1px 1px rgba(255,254,254,0.8), 0 1px 2px rgba(0,0,0,0.1) !important; background-color: #eaeaea !important; background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(234, 234, 234)), to(rgb(201, 201, 201))) !important; background-image: -webkit-linear-gradient(top, rgb(234, 234, 234), rgb(201, 201, 201)) !important; background-image: -moz-linear-gradient(top, rgb(234, 234, 234), rgb(201, 201, 201)) !important; background-image: -o-linear-gradient(top, rgb(234, 234, 234), rgb(201, 201, 201)) !important; background-image: -ms-linear-gradient(top, rgb(234, 234, 234), rgb(201, 201, 201)) !important; background-image: linear-gradient(top, rgb(234, 234, 234), rgb(201, 201, 201)) !important; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#eaeaea', EndColorStr='#c9c9c9') !important; } .simple-homepage-experiment#h4home #wrapper .login-button:hover { background-color: #fcfcfc !important; background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(202, 202, 202))) !important; background-image: -webkit-linear-gradient(top, rgb(252, 252, 252), rgb(202, 202, 202)) !important; background-image: -moz-linear-gradient(top, rgb(252, 252, 252), rgb(202, 202, 202)) !important; background-image: -o-linear-gradient(top, rgb(252, 252, 252), rgb(202, 202, 202)) !important; background-image: -ms-linear-gradient(top, rgb(252, 252, 252), rgb(202, 202, 202)) !important; background-image: linear-gradient(top, rgb(252, 252, 252), rgb(202, 202, 202)) !important; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fcfcfc', EndColorStr='#cacaca') !important; } .simple-homepage-experiment#h4home #wrapper .login-button:active { background: #eaeaea !important; box-shadow: 0 -1px 1px rgba(255,255,255,0.8) !important; } .simple-homepage-experiment .forgot-password { display: block; margin: 17px 0 4px 0; float: left; clear: left; font-size: 12px; } .simple-homepage-experiment .remember-me { float: left; clear: left; margin: 0; } .simple-homepage-experiment .remember-me label { font-size: 12px; color: #1e8cbe; } .simple-homepage-experiment .remember-me label:hover { color: #005684; } .simple-homepage-experiment .footer { position: fixed; bottom: 20px; right: 0; left: 0; color: #898989; font-size: 11px; clear: both; text-align: center; } .simple-homepage-experiment .footer .automattic { margin: 0 3px; width: 127px; height: 13px; background: url("../wp-content/themes/h4/i/simple-homepage/automattic-1x.png") no-repeat; text-indent: -999999px; display: inline-block; vertical-align: text-bottom; } .simple-homepage-experiment .clear { clear: both; } /** * Retina CSS */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { .simple-homepage-experiment h1 { background: transparent url("../wp-content/themes/h4/i/simple-homepage/wp-logo-2x.png") no-repeat !important; background-size: 74px 74px; } .simple-homepage-experiment .footer .automattic { background: url("../wp-content/themes/h4/i/simple-homepage/automattic-2x.png") no-repeat; background-size: 127px 11px; } .simple-homepage-experiment .login input[type=text], .simple-homepage-experiment .login input[type=password] { background: #FCFCFC url("../wp-content/themes/h4/i/simple-homepage/login-sprite-2x.png") no-repeat; background-size: 40px 96px; } .simple-homepage-experiment .login input:focus { background: #fff url("../wp-content/themes/h4/i/simple-homepage/login-sprite-2x.png") no-repeat; background-size: 40px 96px; } } /** * Responsive CSS */ @media screen and (max-width: 800px) { .simple-homepage-experiment .or { clear: both; float: none; margin: 20px auto; } .simple-homepage-experiment .box { clear: both; margin: auto 20px; float: none; width: auto; } .simple-homepage-experiment .login { margin-bottom: 30px; } .simple-homepage-experiment .footer { position: relative; padding-top: 30px; } } @media screen and (max-height: 580px) { .simple-homepage-experiment .footer { position: relative; padding-top: 30px; margin-top: 50px; } }/* 2-Column Grid Layout */ .widgets-grid-layout { width: 100%; } .widgets-grid-layout:before, .widgets-grid-layout:after { content: " "; display: table; } .widgets-grid-layout:after { clear: both; } .widget-grid-view-image { float: left; max-width: 50%; } .widget-grid-view-image a { display: block; margin: 0 2px 4px 0; } .widget-grid-view-image:image:nth-child(even) { float: right; } .widget-grid-view-image:nth-child(even) a { margin: 0 0 4px 2px; } .widgets-grid-layout .widget-grid-view-image img { max-width: 100%; height: auto; } /* Multi-Column Grid Layout */ .widgets-multi-column-grid ul { overflow: hidden; padding: 0; margin: 0; list-style-type: none; } .widgets-multi-column-grid ul li { background: none; clear: none; float: left; margin: 0 -5px -3px 0; padding: 0 8px 6px 0; border: none; list-style-type: none !important; } .widgets-multi-column-grid ul li a { background: none; margin: 0; padding: 0; border: 0; } .widgets-multi-column-grid .avatar { vertical-align: middle; } /* List Layout */ .widgets-list-layout { padding: 0; margin: 0; list-style-type: none; } .widgets-list-layout li:before, .widgets-list-layout li:after { content:""; display:table; } .widgets-list-layout li:after { clear:both; } .widgets-list-layout li { zoom:1; margin-bottom: 1em; list-style-type: none !important; } .widgets-list-layout .widgets-list-layout-blavatar { float: left; width: 21.276596%; max-width: 40px; height: auto; } .widgets-list-layout-links { float: right; width: 73.404255%; } .widgets-list-layout span { opacity: 0.5; } .widgets-list-layout span:hover { opacity: 0.8; } div[class^="gr_custom_container"] { /* customize your Goodreads widget container here*/ border: 1px solid gray; border-radius:10px; padding: 10px 5px 10px 5px; background-color: #FFF; color: #000; } h2[class^="gr_custom_header"] { /* customize your Goodreads header here*/ display: none; } div[class^="gr_custom_each_container"] { /* customize each individual book container here */ width: 100%; clear: both; margin-bottom: 10px; overflow: auto; padding-bottom: 4px; border-bottom: 1px solid #aaa; } div[class^="gr_custom_book_container"] { /* customize your book covers here */ float: right; overflow: hidden; height: 60px; margin-left: 4px; width: 39px; } div[class^="gr_custom_author"] { /* customize your author names here */ font-size: 10px; } div[class^="gr_custom_tags"] { /* customize your tags here */ font-size: 10px; color: gray; } div[class^="gr_custom_review"] { } div[class^="gr_custom_rating"] { display: none; }