#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 0 -1px 0; 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 2px 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], #bitsubscribe input[type=email] { -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; background: #eee; border: 1px solid #ccc; border-radius: 3px; font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; height: auto; padding: 1px 2px; width: 95%; } #bitsubscribe input[type=text]:focus, #bitsubscribe input[type=email]: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 (min-device-width: 768px) { #bit, #bit a.bsub { display: block; } }/* =Infinity Styles -------------------------------------------------------------- */ .infinite-scroll #inner-wrapper:after { clear: both; content: ''; display: block; } .infinite-scroll #content { margin-bottom: 40px; } .infinite-scroll.neverending #content { margin-bottom: 70px; } .infinite-scroll .hentry:last-of-type, .infinite-scroll .hentry.last-before-infinite { border-bottom: none; } .infinite-loader { margin: 0 auto 60px auto; } #infinite-handle { margin: 20px 0 20px 0; } #infinite-handle span { background-color: #d8471d; border: 0 none; color: #fff; } #infinite-footer .container { border: 0 none; } #infinite-footer .container .blog-credits { color: #463b33; } #infinite-footer .container a { color: #d8471d; } .infinite-wrap { border: 0 none; } /** * Elements to hide: * (footer widgets, post navigation, regular footer) */ .infinite-scroll #nav-loop, .infinite-scroll.neverending footer#colophon { display: none; } /* Hooks to infinity-end body class to restore footer */ .infinity-end.neverending footer#colophon { display: block; }/** * MP6 hacks, CSS that's either WPCOM specific or otherwise not suitably for MP6 proper */ /* Replace Omnisearch PNG search icon with a dashicon */ #wpadminbar div.ab-item form#adminbarsearch input.adminbar-search-input { background-image: none; position: relative; z-index: 30; } /* Show globe icon next to blog */ #wpadminbar #wp-admin-bar-blog > .ab-item:before { position: relative; top: 2px; content: '\f319'; } /* If a blavatar is present, move it left to cover the globe */ #wpadminbar #wp-admin-bar-blog > .ab-item { position: relative; } #wpadminbar #wp-admin-bar-blog > .ab-item img.avatar { position: absolute; z-index: 1; left: 12px; top: 10px; } /* Make sure the margin around the WordPress logo is a bit relaxed, and the WordPress icon aligns to the sidebar icons */ #wpadminbar ul#wp-admin-bar-root-default>li#wp-admin-bar-newdash { margin: 0 8px 0 -1px; } /* Fix omnisearch lineheight */ #wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary input.adminbar-search-input.search-input-focus { border: none; text-shadow: none; box-shadow: none; line-height: 1; background: #ccc; background: rgba(255,255,255,.7); } /* Invert stats sparkline on light theme */ body.admin-color-mp6-light li#wp-admin-bar-stats img { filter: invert(100%); -webkit-filter: invert(100%); } /* Override white color on blog title */ body.admin-color-mp6-light #wpadminbar ul li#wp-admin-bar-blog > .ab-item { color: #333; } /* Updated message fixes */ body.admin-color-mp6-light #wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary span.noticon { color: #eee; } div.updated p, div.error p { position: relative; } div.updated .noticon-close, div.error .noticon-close { font-size: 28px; height: 28px; width: 28px; position: absolute; right: 0; top: -1px; } /* Fix taller MP6 v2 toolbar. Merge this into mu-plugins/wpcom-admin-bar.css after MP6 v2 launch */ @media screen and ( max-width: 782px ) { .mp6 #wpadminbar li#wp-admin-bar-follow > a, .mp6 #wpadminbar li#wp-admin-bar-blog > a, .mp6 #wpadminbar li#wp-admin-bar-topicpress > a, .mp6 #wpadminbar li#wp-admin-bar-wpr-reblog > a, /* These next lines are necessary for when users opt out to the responsive styles */ .mp6 #wpadminbar li#wp-admin-bar-dbg > div, .mp6 #wpadminbar li#wp-admin-bar-my-account > a { line-height: 46px !important; } /* Notes only shown when users opt out to the responsive styles */ body.mp6 #wpadminbar #wp-admin-bar-notes #wpnt-notes-unread-count { margin: 13px 3px 0 3px !important; } .mp6 #wpadminbar li#wp-admin-bar-blog > a.ab-item:before { top: 9px; } #wpadminbar #wp-admin-bar-blog > .ab-item img.avatar { top: 17px; } } /* Fix toolbar hover color temporarily. Post launch, remove from /wp-content/mu-plugins/admin-bar/wpcom-admin-bar.css */ .admin-color-mp6 #wpadminbar ul li#wp-admin-bar-blog.hover > .ab-item, .mp6 #wpadminbar ul li#wp-admin-bar-blog.hover > .ab-item, .admin-color-mp6 #wpadminbar .quicklinks #wp-admin-bar-my-account-with-avatar.hover .ab-display-name, .mp6 #wpadminbar .quicklinks #wp-admin-bar-my-account-with-avatar.hover .ab-display-name, .admin-color-mp6 #wpadminbar .quicklinks #wp-admin-bar-my-account-no-avatar.hover .ab-display-name, .mp6 #wpadminbar .quicklinks #wp-admin-bar-my-account-no-avatar.hover .ab-display-name, .admin-color-mp6 #wpadminbar .quicklinks #wp-admin-bar-my-account.hover .ab-display-name, .mp6 #wpadminbar .quicklinks #wp-admin-bar-my-account.hover .ab-display-name { color: inherit !important; } /* add style for reader link in /wp-admin/ leftbar */ /* Reader icon in left-bar */ .icon16.icon-reader:before, #adminmenu .menu-icon-reader div.wp-menu-image:before, ul#adminmenu .toplevel_page_reader div.wp-menu-image:before{ content: '\f116'; } /* =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: Matala Theme URI: http://wordpress.org/themes/matala Description: Matala is a colorful, textured theme that supports two widget areas, six post formats, and several customization options, including custom background, custom header and an optional random image gallery on single image pages. Version: 1.6-wpcom Author: Matt Mullenweg Author URI: http://ma.tt/themes/ Tags: infinite-scroll, tan, blue, brown, orange, red, white, light, two-columns, one-column, right-sidebar, fixed-width, custom-background, custom-header, custom-menu, theme-options, sticky-post, rtl-language-support, translation-ready, featured-images, post-formats, artwork, blog, photoblogging, cartoon, craft, design, journal, fashion, scrapbooking, artistic, colorful, grungy, handcrafted, playful, textured, vibrant, whimsical License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* =Reset HTML -------------------------------------------------------------- */ 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; } body { line-height: 1; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; } ol, ul { list-style: none; } blockquote { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } a img { border: none; } html { overflow-y: scroll; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* =Global -------------------------------------------------------------- */ ul, ol { margin: 0 0 1.7em 2.5em; } ul { list-style: disc; } ol { list-style-type: decimal; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } dl { margin: 0 1.7em; } dt { font-weight: bold; } dd { margin-bottom: 1.7em; } strong { font-weight: bold; } cite, em, i { font-style: italic; } blockquote { background: url("../wp-content/themes/pub/matala/images/blockquote.gif") no-repeat top right; color: #644a3d; font: 14px Georgia, "Times New Roman", serif; line-height: 22px; margin-left: 30px; padding: 5px; } blockquote p { padding: 15px; } pre { background: #f6f2e8; color: #222; font: 13px "Courier 10 Pitch", Courier, monospace; line-height: 1.7; margin-bottom: 1.7em; padding: 0.85em 1.7em } big { font-size: 200%; } code { font: 12px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } fieldset, form, label, input, textarea, select { margin-bottom: 20px; } input[type="text"], input[type="password"] { padding: 7px; } input[type="submit"] { cursor: pointer; font-size: 12px; font-weight: normal; margin-top: 10px; padding: 5px; } :focus { outline: 1px solid #fff; } th, td { padding: 5px; } /* Assistive text */ .assistive-text { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE7 */ clip: rect(1px, 1px, 1px, 1px); } /* =Hyperlink Defaults -------------------------------------------------------------- */ a { color: #d8471d; text-decoration: none; } a:hover { color: #98b100; } /* =Structure -------------------------------------------------------------- */ html { background-color: #fef3d7; background-position: center top; background-repeat: repeat; } body { background: url("../wp-content/themes/pub/matala/images/bg-body.jpg") repeat-x left bottom; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 18px; } #page { background: url("../wp-content/themes/pub/matala/images/bg-site.jpg") repeat-x; min-width: 1000px; } #wrapper { background-position: center top; background-repeat: no-repeat; margin: 0 auto; } #inner-wrapper { background-position: center top; background-repeat: no-repeat; margin-top: 50px; padding: 0; } #main { margin: 0 auto 0; width: 960px; } /* =Layouts -------------------------------------------------------------- */ /* Two-column */ html { background-image: url("../wp-content/themes/pub/matala/images/bg-web.jpg"); } #wrapper { background-image: url("../wp-content/themes/pub/matala/images/bg-wrapper.jpg"); } #inner-wrapper { background-image: url("../wp-content/themes/pub/matala/images/bg-content-2col.png"); } /* One-column, no sidebar; for attachments */ body.attachment #inner-wrapper { background-image: url("../wp-content/themes/pub/matala/images/bg-content-1col.png"); } /* =Accessibility -------------------------------------------------------------- */ /* Text meant only for screen readers */ .screen-reader-text { position: absolute !important; clip: rect(0px 0px 0px 0px); /* IE6, IE7 */ clip: rect(0px, 0px, 0px, 0px); } /* normally hidden but will appear when css disabled */ .skip { position: absolute !important; clip: rect(0px 0px 0px 0px); /* IE6, IE7 */ clip: rect(0px, 0px, 0px, 0px); } /* =Header -------------------------------------------------------------- */ #branding { margin: 0 auto; position: relative; width: 960px; } #site-title, #site-description { color: #fff; font-family: Georgia, serif; font-weight: normal; } #site-title { padding-top: 25px; } #site-title a { color: #fff; display: block; font-size: 64px; line-height: 62px; margin-bottom: 5px; text-shadow: -2px -2px 4px #000; } #site-description { display: block; font-size: 32px; line-height: 34px; margin: 0; text-shadow: -2px -2px 4px #000; } /* =Main Navigation -------------------------------------------------------------- */ #access { background: url("../wp-content/themes/pub/matala/images/bg-menu-2col.png") no-repeat; display: block; float: left; min-height: 88px; margin: 32px 0 0 0; padding: 0; width: 708px; } .attachment #access { background: url("../wp-content/themes/pub/matala/images/bg-menu-1col.png") no-repeat; width: 1000px; } #access ul { font: 15px Georgia, "Times New Roman", serif; list-style: none; margin: 20px 0 0 15px; -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); } #access li { float: left; position: relative; } #access a { color: #261a11; display: block; font-weight: bold; line-height: 3; padding: 0 13px 5px; text-decoration: none; } #access ul ul { -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2); display: none; float: left; position: absolute; top: 25px; left: 0; margin-left: 0; z-index: 99998; -webkit-transform: none; -moz-transform: none; min-width: 180px; } #access ul ul ul { left: 100%; top: 0; } #access ul ul a { background: #e8e0c8; border: 1px solid #dfce8c; color: #000; line-height: 1; margin: 0; padding: 15px; min-width: 180px; height: auto; } #access li:hover > a { color: #d8471d; background: url("../wp-content/themes/pub/matala/images/menu-selected.gif") no-repeat; } #access ul ul li:hover > a { color: #d8471d; background: #e8e0c8; background-position: 0 0; } #access ul ul a:hover { background: #d4cfc6; } #access ul li:hover > ul { background: #e2dbd1; display: block; } #access .current_page_item a { color: #d8471d; background: url("../wp-content/themes/pub/matala/images/menu-selected.gif") no-repeat; } #access li.current_page_item ul ul li a, #access li.current_page_item ul li a { background: #e8e0c8; } /* =Primary and Secondary Content Columns -------------------------------------------------------------- */ /* For two-column layouts */ #primary, #secondary { background: #fff; float: left; } #primary { clear: both; margin: 150px 15px 0 0; width: 692px; } #secondary { margin: 260px 0 0 2px; overflow: visible; width: 249px; } #content { margin-top: -130px; padding: 0 10px 0; } #secondary-content { margin: -40px auto 0; width: 97%; } #primary-bottom { background: url("../wp-content/themes/pub/matala/images/bg-primary-bottom.png") no-repeat bottom left; height: 337px; margin: -200px 0 0 -40px; position: absolute; z-index: -1; padding: 0 373px; } #secondary-bottom { background: url("../wp-content/themes/pub/matala/images/bg-secondary-bottom.png") no-repeat bottom left; height: 337px; margin: -200px 0 0 -10px; position: absolute; z-index: -1; padding: 0 139px; } /* For single-column layouts */ body.attachment #primary { margin: 100px 15px; padding-top: 40px; width: 920px; } body.attachment #attachment-wrapper { margin-top: -110px; padding: 0 10px; } body.attachment #primary-bottom { background: url("../wp-content/themes/pub/matala/images/bg-content-1col-bottom.png") no-repeat bottom left; height: 370px; margin: 0 0 0 -70px; padding: 0 500px; position: absolute; z-index: -1; } /* =Posts, Pages, Attachments & Archive Pages - Titles and Metadata -------------------------------------------------------------- */ .post-wrapper { clear: both; margin-bottom: 20px; } .post-date { background: url("../wp-content/themes/pub/matala/images/bg-date.gif") no-repeat center center; float: left; height: 50px; margin-top: 15px; text-align: center; padding-top: 10px; width: 82px; } .post-date .entry-month, .post-date .entry-day { font-family: Georgia, "Times New Roman", serif; } .post-date .entry-month { color: #d8471d; font-size: 14px; font-weight: bold; line-height: 12px; text-transform: uppercase; } .post-date .entry-day { color: #261a11; display: block; font-size: 30px; font-style: italic; line-height: 15px; } .entry-header { background: url("../wp-content/themes/pub/matala/images/bg-header-title.gif") no-repeat left top; float: left; margin: 10px 0; padding: 15px 0 15px 20px; width: 460px; } .archive-header, .page-header { padding: 35px 10px; } .attachment-header { padding: 20px 0; } .entry-title, .archive-title, .page-title, .attachment-title { font-family: Georgia, "Times New Roman", serif; } .entry-title, .archive-title, .page-title { clear: none; font-size: 24px; font-weight: bold; line-height: 26px; } .archive-title, .page-title { color: #d8471d; } .attachment-title { color: #000; font-size: 36px; line-height: 42px; text-align: center; } .entry-meta, .entry-info, .attachment-info { clear: both; } .posted-on, .posted-in, .comments-link, .edit-link, .page-link { color: #644a3d; font-size: 11px; line-height: 18px; } .entry-meta { padding-top: 10px; } .entry-meta a:hover { border-bottom: 1px solid #c5ae7c; } .single .entry-meta { padding: 10px; } .attachment-meta { margin: 10px 0 0; text-align: center; } .entry-info a, .entry-info a:visited { color: #261a11; } .entry-info a:hover { border-bottom: 1px solid #d8471d; } .page-link { clear: both; } .single .page-link { padding: 10px 10px 0; } .page-link a { border: 1px solid #d2c4a2; font-weight: normal; margin-right: 4px; padding: 2px 6px; text-decoration: none; } #author-info { background: #f7f7f7; border: 1px dotted #d1bfa6; border-width: 1px 0; overflow: hidden; padding: 20px; } #author-avatar { float: left; padding-left: 0; } #author-avatar img { background: #e2dbd1; border: 1px solid #d1bfa6; padding: 3px; } #author-description { color: #555; margin-left: 78px; padding: 0 5px; } #author-info-title { clear: none; font-weight: bold; font-size: 14px; line-height: 1.2; margin: 0 0 8px 0 !important; text-transform: uppercase; } #author-link { clear: both; font-weight: bold; margin-top: 5px; text-align: right; } /* =In-Post Formatting -------------------------------------------------------------- */ .entry-content { clear: both; } .entry-content:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .entry-content, .entry-footer { margin: 0 10px; } .entry-content p { margin-bottom: 15px; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { font-family: Georgia, "Times New Roman", serif; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4 { margin-bottom: 0.425em; } .entry-content h1, .entry-content h2 { font-size: 28px; line-height: 34px; } .entry-content h3 { font-size: 20px; } .entry-content h4 { font-size: 17px; } .entry-content h5 { font-size: 12px; } .entry-content h6 { font-size: 10px; } .entry-content table { border: 1px solid #d1bfa6; margin: 0 -1px 24px 0; text-align: left; } .entry-content tr th, .entry-content thead th { font-weight: bold; line-height: 18px; padding: 9px 12px; } .entry-content tr td { border-top: 1px solid #d1bfa6; padding: 6px 12px; } .entry-content tr.odd td { background: #e2dbd1; } .entry-content table dl { margin: 0; } .entry-content .gallery, #random-gallery .gallery { margin: 0 auto 1.7em; } .entry-content .gallery { clear: left; } .entry-content .gallery .gallery-item, #random-gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33.333%; } .entry-content .gallery .gallery-caption, .entry-caption { color: #644a3d; font-size: 13px; font-weight: 300; line-height: 20px; margin: 0 0 0.7em 0; } .entry-content .gallery dl, #random-gallery dl { margin: 0; } .entry-content .gallery img { border: 3px solid #dacdab !important; padding: 1px; } .entry-content .gallery br+br, #random-gallery br+br { display: none; } .entry-content input[type="text"], .entry-content input[type="password"] { width: 60%; } .entry-content label { color: #666; } .entry-content input[type="submit"], .entry-content input[type="text"], .entry-content input[type="password"] { margin-bottom: 10px; } /* =Post Formats -------------------------------------------------------------- */ .post-format-icon { background: url("../wp-content/themes/pub/matala/images/post-format-icons.png") 0 0; float: right; height: 50px; margin: 25px 15px 0 0; text-indent:-99999px; width: 50px; } .post-format-icon a { display: block; padding: 18px 0 0 30px; width: 15px; } .sticky .post-format-icon { background-position: -395px 0; } .format-quote .quote-wrap, .format-gallery .gallery-wrap { overflow: hidden; padding: 20px; } /* Asides, Status and Quotes */ .format-aside .entry-title, .format-quote .entry-title { font: 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #777; margin-bottom: 15px; } .format-aside .entry-header, .format-quote .entry-header { padding: 30px 0 26px 20px; } .format-aside .post-date { display: none; } .format-status .entry-content { clear: none; float: left; margin-left: 8px; width: 80%; } .format-status .entry-content p { margin-left: 0; } .format-status .status-avatar { clear: both; float: left; margin: 0 8px 8px 10px; overflow: hidden; } .format-status .status-avatar img { background: #e2dbd1; border: 1px solid #d1bfa6; padding: 3px; clear: both; } .format-quote .entry-content p, .format-quote .entry-content cite { color: #644a3d; font: 14px Georgia, "Times New Roman", Times, serif; font-style: italic; } .format-quote .entry-content p { line-height: 22px; margin: 0 50px; padding: 5px; } .format-quote .entry-content cite { display: block; margin-bottom: 25px; text-align: right; } .format-quote .post-format-icon { background-position: -137px 0; } .format-aside .post-format-icon { background-position: -344px 0; } .format-status .post-format-icon { background-position: -64px 0; } /* Images */ .format-image .entry-content { text-align: center; } .format-image .entry-content p { padding: 0 10px; } .format-image .entry-content .wp-caption { background: none; margin: 0 auto; padding: 0; } .format-image .entry-meta { display: none; } .format-image .post-format-icon { background-position: -200px 0; } /* Gallery */ .format-gallery .gallery-thumb { background: url("../wp-content/themes/pub/matala/images/bg-thumbnail.jpg") no-repeat center bottom; float: left; margin-right: 20px; padding-bottom: 10px; width: auto; } .format-gallery .gallery-thumb img { border: 5px solid #dacdab; padding: 1px; } .format-gallery .gallery-thumb a, .format-gallery .gallery-thumb a:hover { background: url("../wp-content/themes/pub/matala/images/bg-thumbnail-link.jpg") no-repeat center top; display: block; padding-top: 15px; } .format-gallery .post-format-icon { background-position: -200px 0; } /* Video */ .format-video .post-format-icon { background-position: -274px 0; height: 48px; } /* Link */ .format-link .entry-header { padding: 30px 0 26px 20px; } /* =Post Images & Attachments -------------------------------------------------------------- */ div.attachment { background: url("../wp-content/themes/pub/matala/images/bg-image.jpg") no-repeat center bottom; margin: 0 auto 10px; padding-bottom: 10px; text-align: center; width: auto; } div.attachment img { border: 5px solid #dacdab; padding: 1px; } div.attachment a, div.attachment a:hover { background: url("../wp-content/themes/pub/matala/images/bg-image-link.jpg") no-repeat center top; display: block; padding-top: 15px; } .entry-attachment .entry-caption p { color: #644a3d; font-size: 16px; font-weight: 300; line-height: 23px; text-align: center; } .entry-attachment .entry-content p { margin-bottom: 25px; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .alignleft, .post-thumbnail { display: inline; float: left; margin-right: 20px; } .alignright { display: inline; float: right; margin-left: 20px; } img.alignleft, img.alignright, img.aligncenter, img.alignnone, .post-thumbnail { background: #e2dbd1; border: 1px solid #d1bfa6; max-width: 100%; margin-bottom: 8px; margin-top: 8px; padding: 3px; } .entry-content img.size-auto, .entry-content img.size-large, .entry-content img.size-full, .entry-content img.size-medium, .entry-content img.size-thumbnail, .attachment .entry-content img { max-width: 98%; width: auto; height: auto; } img[class*="align"], img[class*="wp-image-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } img.size-full { max-width: 100%; width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */ } .entry img.wp-smiley { background: none; border: none; margin: 0; padding: 0; } .attachment-post-thumbnail { text-align: left; } .wp-caption { padding: 5px 3px 10px; text-align: center; max-width: 96%; } .wp-caption img, .entry .wp-caption img { background: #e2dbd1; border: 1px solid #d1bfa6; max-width: 98.5%; width: auto; height: auto; padding: 3px; } .wp-caption .wp-caption-text { color: #644a3d; font-size: 13px; font-weight: 300; line-height: 20px; margin-top: 5px; text-align: center; } .entry-content object, .entry-content embed, .entry-content iframe { max-width: 100% !important; } #ie8 .sharedaddy object, #ie8 .sharedaddy embed, #ie8 .sharedaddy iframe { max-width: none !important; } /* =Post Navigation -------------------------------------------------------------- */ #nav-single, #nav-loop, #nav-search, #comment-nav-above, #comment-nav-below, .pagination { clear: both; margin-bottom: 15px; overflow: hidden; } .nav-previous { background-image: url("../wp-content/themes/pub/matala/images/nav-prev.gif"); float: left; text-align: right; } .nav-next { background-image: url("../wp-content/themes/pub/matala/images/nav-next.gif"); float: right; } .nav-previous, .nav-next { background-repeat: no-repeat; background-position: center center; display: block; } .nav-previous a, .nav-next a { font: 13px Georgia, "Times New Roman", serif; font-weight: bold; display: block; height: 25px; line-height: 14px; } .nav-previous a { padding: 15px 25px 20px 0; width: 135px; } .nav-next a { padding: 15px 0 20px 35px; width: 125px; } .nav-next span, .nav-previous span { color: #644e3d; display: block; } .nav-previous .meta-nav, .nav-next .meta-nav { display: none; } .image-attachment .nav-previous, #comments .nav-previous { background: url("../wp-content/themes/pub/matala/images/previous-image.gif") no-repeat left center; } .image-attachment .nav-next, #comments .nav-next { background: url("../wp-content/themes/pub/matala/images/next-image.gif") no-repeat right center; } .image-attachment .nav-previous a, #comments .nav-previous a { padding: 24px 20px 20px 15px; } .image-attachment .nav-next a, #comments .nav-next a { padding: 26px 0 20px 15px; } #image-attachment .nav-next, #image-attachment .nav-previous { clear: both; } .thumbnail-nav { margin: 25px 0 0 10px; overflow: hidden; } .prev-thumb { float: left; } .next-thumb { float: right; } .prev-thumb img, .next-thumb img { -moz-box-shadow: 1px 1px 3px #ccc; -webkit-box-shadow: 1px 1px 3px #ccc; box-shadow: 1px 1px 3px #ccc; border: 3px solid #dacdab; padding: 1px; } .prev-thumb a:hover img, .next-thumb a:hover img { border-color: #c5ae7c; } /* =Comments & Comments Form -------------------------------------------------------------- */ #comments { margin: 0 10px; word-wrap: break-word; } .nocomments { color: #888; margin-bottom: 15px; } #comments-title { background: url("../wp-content/themes/pub/matala/images/comment-header-bg.jpg") no-repeat right bottom; color: #cc4d22; font: 17px Georgia, "Times New Roman", serif; font-weight: bold; margin: 35px 0 10px; padding-bottom: 30px; text-align: right; } #comments ol { list-style: none; margin-left: 0; } #comments ul { list-style: none; margin-left: 0.425em; } #comments li { border-bottom: 1px solid #d1bfa6; border-top: 1px solid #fff; list-style: none; padding: 18px; position: relative; } #comments li.pingback { background: #eee; margin: 0 0 1.7em; padding: 0.85em; } #comments li.pingback + li.pingback { margin-top: -1.65em; } #comments li.pingback p { font-size: 14px; margin: 0; } #comments ul li { background: #fff; border: 1px dotted #d1bfa6; list-style: none; margin: 15px; padding: 0.85em; } #comments .comment-author { margin: 0 0 0.85em 65px; } #comments .comment-content .sd-rating { margin: 0 20px 5px; } #comments .children { margin-top: 25px; } #comments .children .comment-author { margin-left: 75px; } #comments .comment-author cite { font: 20px Georgia, "Times New Roman", Times, serif; font-style: normal; } #comments .comment-meta, #comments .comment-meta a, .nopassword, .subscribe-label { color: #666; } #comments .comment-meta a:hover { border-bottom: 1px solid #cc4d22; } #comments .avatar { background: #e2dbd1; border: 1px solid #d1bfa6; padding: 3px; position: absolute; top: 18px; left: 10px; } #comments .children .avatar { top: 13px; left: 25px; } #comments .comment-content { margin-left: 45px; } #comments .children .comment-content { margin-left: 55px; } #comments .comment-content p { margin: 0 0 15px 20px; } #comments .comment-content ul, #comments .comment-content ul li, #comments .comment-content ol, #comments .comment-content ol li { border: none; padding: 0; } #comments .comment-content ul, #comments .comment-content ol { margin: 0 0 1.7em 2.5em; } #comments .comment-content ul, #comments .comment-content ul li { list-style: disc; } #comments .comment-content ol, #comments .comment-content ol li { list-style: decimal; } #comments .comment-content ol ol, #comments .comment-content ol ol li { list-style: upper-alpha; } #comments .comment-content ol ol ol, #comments .comment-content ol ol ol li { list-style: lower-roman; } #comments .comment-content ol ol ol ol, #comments .comment-content ol ol ol ol li { list-style: lower-alpha; } .bypostauthor { background: #f7f3ed; } #respond { padding-top: 15px; } #respond h3 { margin-top: 0 !important; padding-bottom: 10px !important; } .logged-in-as, .comment-notes, #respond p { color: #666; font-size: 13px; } .comment-notes { margin: 5px 0; } .logged-in-as { margin: 0; } .required { color: #cc4d22; } #comments .reply { text-align: right; } .comment-reply-link { font-weight: bold; } #cancel-comment-reply-link { font-size: 11px; margin-left: 10px; text-transform: uppercase; } #reply-title { border-bottom: 1px solid #dacdab; color: #cc4d22; font: 18px Georgia, "Times New Roman", serif; font-weight: bold; margin-bottom: 10px; padding-bottom: 5px; } #respond input[type=text] { border: 1px solid #d1bfa6; margin: 10px; } #respond textarea { border: 1px solid #d1bfa6; margin: 10px 0; padding: 7px; width: 80%; } #respond label { vertical-align: middle; } #respond .comment-form-comment { margin: 0; } #respond .comment-form-comment label { display: none; } #respond .form-allowed-tags { color: #888; font-size: 12px; } #respond .form-allowed-tags code { font-size: 11px; } /* =Sidebar and Widgets -------------------------------------------------------------- */ .widget-area { color: #463b33; list-style: none; margin: 15px 0 30px; overflow: hidden; } .widget-area p { margin-bottom: 10px; } .widget-area input { font-size: 12px; line-height: 1.7; } .widget-area ul ul a:hover { text-decoration: underline; } .widget-area ul { list-style: none; margin: 0 15px 20px; } .widget-area ul li { border-bottom: 1px solid #d2c4a2; list-style-type: none; margin: 0; padding: 1px 0 2px 0; } .widget-area ul li a { color: #463b33; } .widget-area ul li a:hover { color: #d8471d; border-bottom: 1px solid #d2c4a2; } .widget-area ul ul { list-style: none; margin: 0 0 1.5em 0; } .widget-area ul ul ul { margin-bottom: 0; } .widget-area ul ul li { padding: 4px 0; } .widget-title { background: url("../wp-content/themes/pub/matala/images/bg-widget-title.gif") no-repeat; color: #d8471d; font: 17px Georgia, "Times New Roman", Times, serif; font-weight: bold; margin: 10px 0; min-height: 35px; padding: 25px 0 0 15px; width: 222px; } .widget-area select, .widget-area .widget_text div, .widget-area .wp_widget_tag_cloud div { margin-left: 15px; } /* Search Widget */ .widget_search #searchform, .widget_search #searchform #s, .widget_search #searchform #searchsubmit { margin-bottom: 0; margin-top: 10px; } .widget_search #s { width: 50%; } /* Calendar Widget */ #wp-calendar { margin: 0 auto; width: 95%; } #wp-calendar, #wp-calendar th, #wp-calendar tr, #wp-calendar td { border: 1px solid #e8e0c8; } #wp-calendar caption { font-family: Georgia, "Times New Roman", serif; font-size: 17px; font-style: italic; text-align: center; padding: 0 2px 6px; } #wp-calendar th { color: #000; font-size: 11px; font-weight: bold; text-align: center; } #wp-calendar tbody td { text-align: center; } #wp-calendar tfoot #next { text-align: right; } #wp-calendar tbody a { text-decoration: underline; } #wp-calendar #today { background: #efeadd; font-weight: bold; } #wp-calendar #prev, #wp-calendar #next { font-size: 13px; font-weight: bold; } /* Flickr Widget (WP.com) */ #flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active, #flickr_badge_uber_wrapper a:visited { color: #cc4d22 !important; } #flickr_badge_wrapper { background-color: transparent !important; border: none !important; } .widget_flickr .flickr-size-thumbnail { margin: 0 auto; } .widget_flickr .flickr-size-thumbnail br, .widget_flickr .flickr-size-small br { display: none; } .widget_flickr .flickr-size-thumbnail img { display: block; margin-bottom: 10px; } .widget_flickr .flickr-size-small img { display: block; margin: 0 -15px 10px; max-width: 98%; } /* Cloud Widgets */ .wp_widget_tag_cloud div, .widget_tag_cloud div { line-height: 1.5; padding: 3px 0; } /* RSS Widget */ .widget_rss ul li a { color: #cc4d22; } .rsswidget img { margin: 0; } .rss-date { font-size: 11px; } .widget_rss .rssSummary { color: #666; font-size: 11px; margin: 5px 10px; } .widget_rss cite { color: #666; } /* Menu & Categories Widgets (With Sub-Items) */ .widget-area .sub-menu, .widget-area .children { margin-left: 1.5em; } .widget-area .sub-menu li, .widget-area .children li { border-width: 0; } /* Blogroll */ .widget-area .blogroll li { font-style: italic; text-shadow: none; } .widget-area .blogroll li a { font-style: normal; } /* Aksimet Widgets */ .widget-area .widget_akismet a { text-shadow: none; } /* Author Widget */ .widget_authors img { float: left; margin-bottom: 12px !important; padding-right: 10px; } .widget_authors ul li { border: none; } /*Twitter Widget */ .widget_twitter ul li a { color: #cc4d22; } .widget_twitter .timesince { color: #666; font-size: 11px; } /* Comments Widget */ .widget_recent_comments ul li a { color: #cc4d22; } .widget_recent_comments table.recentcommentsavatar a { vertical-align: top; } /* =Footer -------------------------------------------------------------- */ #colophon { background: url("../wp-content/themes/pub/matala/images/bg-footer.jpg") no-repeat bottom right; clear: both; color: #8e7152; font-size: 11px; line-height: 15px; padding: 250px 0 50px; } #site-generator a { color: #8e7152; } #site-generator a:hover { color: #d8471d; } #supplementary { border-top: 1px solid #ddd; margin: 0 10px; overflow: hidden; } /* Two Supplementary Widget Areas */ #supplementary.two .widget-area { float: left; margin-right: 3.7%; width: 46%; } #supplementary.two .widget-area + .widget-area + .widget-area { margin-right: 0; } /* =Search Form -------------------------------------------------------------- */ .search-form form fieldset { background: none; border: 0; margin: 0; padding: 0; } #searchform #s { margin: 10px; padding: 3px !important; } /* ="Random" Photos Gallery (appears at the bottom of image.php) -------------------------------------------------------------- */ #random-gallery .random-gallery-title { background: url("../wp-content/themes/pub/matala/images/bg-widget-title.gif") no-repeat; color: #d8471d; font: 17px Georgia, "Times New Roman", Times, serif; font-weight: bold; margin: 10px 0 30px; min-height: 35px; padding: 25px 0 0 15px; } .random-photo { margin-bottom: 20px; padding: 0 5px 3px; text-align: center; width: auto; } .random-photo img { -moz-box-shadow: 1px 1px 3px #ccc; -webkit-box-shadow: 1px 1px 3px #ccc; box-shadow: 1px 1px 3px #ccc; border: 3px solid #dacdab; padding: 1px; } .random-photo a:hover img { border-color: #c5ae7c; } /* WP.com Specific Styles -------------------------------------------------------------- */ #wpstats { position: absolute; top: -9999px } #ilikeposts { clear: both; } .sharedaddy .sd-title { color: #644e3d !important; font-family: Georgia, "Times New Roman", serif !important; font-variant: small-caps; width: auto !important; } div.sharedaddy .sd-content { width: 85% !important; } .video-player { max-width: 97.5% !important; } .videopress-placeholder, .video-player img { max-width: 100% !important; height: auto !important; } /* =IE Styles -------------------------------------------------------------- */ #ie7 #colophon { height: 10px; position: relative; } #ie7 #access { margin-top: 10px; } #ie7 #main { margin-top: -100px; } #ie7 #primary { margin-top: 100px; } #ie7 #content { margin-top: 0; } #ie7 body.attachment #content { margin-top: 100px; } #ie7 #secondary { margin-top: 350px; } #ie7 #secondary-content { margin-top: -60px; } #ie7 .post-date .entry-day { line-height: 30px; } #ie7 #random-gallery img { margin-bottom: 100px; } #ie7 body.attachment #primary-bottom { display: none; } #ie7 .nav-next a, #ie8 .nav-next a { padding: 15px 0 20px 10px; width: 125px; } #ie8 .page-link a { padding-bottom: 0; } #ie8 .image-attachment .nav-previous a { padding-left: 20px; } #ie8 .comment-content .sd-rating { margin: 0 20px 8px; } #ie8 .entry-content { overflow: hidden; } 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; } }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; } div[class^="gr_custom_container"] a { 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; }