#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; } }/* =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: Chunk Theme URI: http://theme.wordpress.com/themes/chunk/ Author: Automattic Author URI: http://theme.wordpress.com/ Description: A straightforward theme with bold typography designed by Tran N. Featuring multiple post formats, custom background, custom menu, and custom header. Also comes with an optional footer widget area. Version: 1.2-wpcom License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, white, fixed-width, one-column, custom-background, custom-header, custom-menu, post-formats, rtl-language-support, sticky-post, translation-ready, infinite-scroll, art, blog, cartoon, holiday, journal, lifestream, tumblelog, bright, clean, contemporary, flamboyant, modern Chunk is based on the Chunk Tumblr theme, created by Tran Nguyen. */ /* =Base ----------------------------------------------- */ html { height: 100%; /* Fix allowing body gradient to stay put on long pages */ } body { background-color: #fff; background-image: -webkit-linear-gradient( rgba(0,0,0,0.22), rgba(255,255,255,0) 80px ); background-image: -moz-linear-gradient( rgba(0,0,0,0.22), rgba(255,255,255,0) 80px ); background-repeat: repeat-x; color: #555; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; margin: 0; text-align: center; } #container { height: auto; margin: 0 auto; width: 800px; } #header { min-height: 180px; padding-top: 70px; width: 800px; } #contents { border-left: 1px solid #ccc; height: auto; margin-left: 199px; padding-bottom: 10px; } /* =Header ----------------------------------------------- */ #site-title { color: #000; font-family: 'Oswald', Helvetica, Arial, sans-serif; font-weight: bold; font-size: 80px; margin: 0px; text-transform: uppercase; text-rendering: optimizeLegibility; } #site-title a { color: #000; letter-spacing: 1px; text-decoration: none; } #site-title a:hover { color: #36bcab; } #site-description { background: #f1f1f1; background-image: -webkit-linear-gradient( #f8f8f8, #eee); background-image: -moz-linear-gradient( #f8f8f8, #eee); border-radius: 3px; color: #666; display: inline-block; font-size: 14px; font-weight: 300; margin-top: 0; margin-bottom: 50px; padding: 6px 10px; } #menu #header-image a { margin: 0; padding: 0; } /* =Menu ----------------------------------------------- */ #menu { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; margin-bottom: 25px; padding: 10px; text-align: right; width: 800px; } #menu img { margin-bottom: 10px; } #menu a { color: #666; font-family: 'Oswald', Helvetica, Arial, sans-serif; font-size: 18px; margin: 0 10px; text-decoration: none; text-transform: uppercase; } #menu a:hover { color: #000; } #menu ul { list-style: none; margin: 0; padding-left: 0; } #menu li { float: right; position: relative; } #menu ul ul { display: none; float: right; position: absolute; right: 0; z-index: 99999; } #menu ul ul ul { right: 100%; top: 0; } #menu ul ul a { background: #e9e9e9; border-bottom: 1px solid #e1e1e1; display: block; font-size: 14px; height: auto; line-height: 1em; margin: 0; padding: .8em .5em .8em 1em; width: 130px; } #menu ul ul li:last-of-type a { border-bottom: none; } #menu li:hover > a, #menu ul ul :hover > a { color: #444; } #menu ul ul a:hover { background: #f0f0f0; } #menu ul li:hover > ul { display: block; } #menu ul li.current_page_item > a, #menu ul li.current_page_ancestor > a, #menu ul li.current-menu-item > a { color: #111; } #menu ul:after { clear: both; content: ' '; display: block; } /* =Content ----------------------------------------------- */ .hentry { height: auto; clear: both; position: relative; } .hentry:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .hentry .main { border-bottom: 1px dashed #ddd; float: left; line-height: 175%; padding: 29px 5px 15px 15px; text-align: left; width: 580px; } .hentry .entry-meta { font-family: 'Oswald', Helvetica, Arial, sans-serif; font-size: 25px; float: left; margin: 35px 0 0 -199px; padding: 0px; text-align: right; text-transform: uppercase; width: 190px; } .hentry .entry-meta a { text-decoration: none; } .hentry .entry-meta div { margin: 10px; } .hentry .entry-meta .date { color: #000; font-weight: bold; margin: 0px; } .hentry .entry-meta .comments { color: #36bcab; display: block; font-size: 16px; margin: -4px 0 0; } .hentry .entry-meta .comments a { color: #36bcab; font-size: 22px; font-weight: bold; text-decoration: none; } .hentry .entry-meta .cat-links { color: #aaa; font-size: 16px; line-height: 20px; margin-top: 10px; } .hentry .entry-meta .cat-links a { color: #777; } .hentry .entry-meta .cat-links a:hover { color: #36bcab; } .hentry .entry-meta .entry-format { display: block; font-size: 12px; margin-top: 15px; } .entry-format a { background: #eee; border-radius: 3px; color: #666; line-height: 1; padding: 4px 8px 3px; } .hentry .entry-meta .edit-link a { font-size: 16px; } .hentry div.margin { margin: 10px; } .entry-title { color: #666; font-family: 'Oswald', Helvetica, Arial, sans-serif; font-size: 25px; line-height: 38px; margin: 5px 0px 15px 0px; text-align: left; text-decoration: none; text-transform: uppercase; } .entry-title a { color: #666; text-decoration: none; } .entry-meta .byline { color: #aaa; font-size: 16px; line-height: 20px; margin-top: 10px; } .entry-meta .byline a { color: #777; } .single-author .entry-meta .byline { display: none; } figure { margin: 0; } blockquote { background: #eee; border-left: 10px solid #36bcab; color: #000; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 15px; padding: 10px; text-align: justify; } a { color: #000; text-decoration: underline; } a:hover { color: #36bcab; } .entry-content a img { border: 10px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; } .entry-content a:hover img { border-color: #000; } b, strong { color: #000; } .cat-links, .tag-links { display: block; } .tag-links strong { background: #eee; border-radius: 3px; color: #666; font-weight: normal; margin-right: 4px; padding: 3px 6px; } .entry-content table, .comment-body table { margin: 0 0 20px 0; text-align: left; width: 100%; } .entry-content tr th, .comment-body tr th, .entry-content thead th, .comment-body thead th { color: #888; font-weight: normal; line-height: 20px; padding: 9px 24px; } .entry-content tr td, .comment-body tr td { padding: 6px 24px; } .entry-content tr.alternate td, .comment-body tr.alternate td { background: #f5f5f5; } .page-link a { background: #36bcab; border-radius: 26px; color: #000; font-weight: normal; display: inline-block; line-height: 26px; margin: 0 0 1em; text-align: center; text-decoration: none; width: 26px; } .page-link a:hover { color: #fff; text-decoration: none; } .page-title h2 { background: #333; border-radius: 3px; color: #eee; display: inline-block; font-weight: normal; margin: 0 0 20px; padding: 3px 14px; } .navigation { margin: 10px 0; } .navigation div { display: inline; margin: 0 5px; } /* Alignment */ .alignleft { display: inline; float: left; } .alignright { display: inline; float: right; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /* General */ ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } /* Sticky */ .sticky .main { background: #eee; } .sticky .date { display: none; } .sticky .entry-meta .comments { margin-top: 2px; } /* Page */ .page .entry-meta .comments { margin-top: 2px; } /* =Post Formats -------------------------------------------------------------- */ /* Aside and Quote Posts */ .format-aside .entry-title, .format-quote .entry-title { font: 13px/1.75 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #999; margin: 13px 0; text-transform: none; } .format-aside .entry-title a, .format-quote .entry-title a { color: #999; } /* Aside */ .format-aside .entry-content p:first-child { margin-top: 8px; } /* Audio */ .player audio { display: none; } .format-audio .wp-audio-shortcode { margin-bottom: 15px; } .chunk-mp3 .hentry.mp3 audio, .chunk-ogg .hentry.ogg audio, .chunk-wav .hentry.wav audio { display: block; } .chunk-mp3 .hentry.mp3 .audio-file-link, .chunk-ogg .hentry.ogg .audio-file-link, .chunk-wav .hentry.wav .audio-file-link { display: none; } /* Link */ .format-link .entry-title:after { content: "\2192"; font-size: 26px; padding-left: 10px; text-decoration: none; } /* Quote */ .format-quote blockquote { font-size: 16px; } .format-quote .quote-caption { color: #000; font-family: Georgia,Arial,Helvetica,sans-serif; font-size: 16px; font-style: italic; margin-left: 28px; padding: 10px; text-align: justify; } /* Chat */ .format-chat .entry-title { display: none; } .format-chat .entry-content p { margin: 0.5em 0; } .format-chat .entry-content p:nth-child(odd) { font-weight: bold; } /* =Images -------------------------------------------------------------- */ a img { border: none; } p img { margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */ } /* Resize images to fit the main content area. - Applies only to images uploaded via WordPress by targeting size-* classes. - Other images will be left alone. Use "size-auto" class to apply to other images. */ img { max-width: 100%; /* When images are too wide for containing element, force them to fit. */ height: auto; /* Override height to match resized width for correct aspect ratio. */ } img.alignleft, .wp-caption.alignleft { margin-right: 1em; } img.alignright, .wp-caption.alignright { margin-left: 1em; } .wp-caption { background: #eee; border-radius: 3px; margin-bottom: 10px; max-width: 100%; padding: .8em; text-align: center; } .wp-caption img { margin: 0; } .wp-caption a img, .wp-caption a:hover img { border: none; } .wp-caption .wp-caption-text { color: #666; font-size: 12px; margin: .5em; } .gallery-caption { color: #666; } .wp-smiley { margin: 0; } .attachment .hentry .entry-meta .navigation { margin: 10px 0 0; } .attachment .navigation img { border: 5px solid #ddd; } .attachment .navigation a:hover img { border-color: #000; } /* =Comments ----------------------------------------------- */ #comments { clear: both; margin: 20px 0; padding: 15px; text-align: left; width: 600px; } article.comment { display: block; } #comments #comments-title { background: #555; border-radius: 3px; color: #eee; color: rgba(255,255,255,0.7); display: block; font-size: 20px; font-weight: normal; padding: 5px 20px; text-shadow: 0 -1px 0 rgba(0,0,0,0.1); } #comments #comments-title em { color: #fff; font-style: normal; text-shadow: 0 -1px 0 rgba(0,0,0,0.4); } .commentlist { margin-left: 40px; padding-left: 0; } .commentlist .comment, .commentlist .reblog { list-style-type: none; margin: 40px 0; padding-left: 10px; } .comment { position: relative; } .comment .comment-author { max-width: 45%; } .comment .comment-meta { max-width: 47%; text-align: right; } .comment .comment-author cite { font-style: normal; font-weight: bold; } .comment .comment-meta { font-size: 11px; position: absolute; right: 0; top: 5px; } .comment .comment-meta a { color: #666; } .comment p, .reblog p { color: #555; font-size: 14px; line-height: 20px; } .comment img.avatar { border: 1px solid #ccc; border-radius: 5px; left: -40px; position: absolute; } #comments .bypostauthor > .comment-body { background: #eee; border-radius: 3px; color: #000; margin: 1em 0 3em; padding: 15px; position: relative; } #comments .bypostauthor > .comment-body .comment-meta { right: 15px; top: 18px; } /* Reblogs */ .commentlist .reblog .comment-meta, .commentlist .reblog .comment-author { display: none; } .commentlist .reblog p:first-of-type a { font-weight: bold; } .comment .reply a, .reblog .reply a, .trackback .reply a, .pingback .reply a { background: #eee; border: 1px solid #ddd; border-radius: 3px; color: #555; font-size: 13px; padding: 3px 8px; text-decoration: none; } .comment .reply a:hover, .reblog .reply a:hover, .trackback .reply a:hover, .pingback .reply a:hover { background: #ddd; border-color: #ccc; text-decoration: none; } #respond #reply-title { font-size: 26px; margin-bottom: 0; } #respond .comment-notes { color: #555; font-size: 13px; margin-top: 5px; } #respond input[type=text], #respond textarea { border: 1px solid #ccc; border-radius: 3px; margin: 6px 0; padding: 8px; } #respond input[type=text] { display: block; width: 60%; } #respond textarea { display: block; margin-bottom: 1em; width: 80%; } #respond label { background: #36bcab; border-radius: 3px; color: #c8f1ec; font-size: 13px; padding: 3px 5px; } #respond .form-allowed-tags { display: none; } #respond input[type=submit] { font-size: 18px; } /* =Widgets ----------------------------------------------- */ #widgets { border-top: 1px solid #ccc; margin: 30px 0 0 0; padding: 30px 0 0 0; text-align: left; } .widget-title { color: #555; font-family: 'Oswald', Helvetica, Arial, sans-serif; font-size: 16px; margin: 0 0 12px 0; text-transform: uppercase; } .widget-title a { color: #000; text-decoration: none; } #widgets .widget-area { width: 100%; } #widgets .widget { float: left; padding: 12px; width: 30%; } .widget { font-size: 12px; line-height: 20px; margin: 0 0 30px 0; } #widgets .widget:nth-child(3n+1) { clear: left; } .widget ul { margin: 0; padding-left: 20px; } /* Calendar Widget */ .widget_calendar #wp-calendar { color: #555; text-align: center; width: 100%; } .widget_calendar #wp-calendar caption, .widget_calendar #wp-calendar td, .widget_calendar #wp-calendar th { text-align: center; } .widget_calendar #wp-calendar caption { color: #000; font-size: 16px; font-weight: bold; padding: 0 0 3px 0; text-transform: uppercase; } .widget_calendar #wp-calendar th { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; color: #000; font-weight: bold; } .widget_calendar #wp-calendar tfoot td { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; } /* Recent Comments Widget */ .widget_recent_comments .avatar { max-width: none; } .widget_recent_comments td.recentcommentstexttop, .widget_recent_comments td.recentcommentstextend { vertical-align: top; } .widget_recent_comments td.recentcommentstextend { line-height: 1.1em; } /* Authors Widget */ .widget_authors ul { list-style-type: none; padding-left: 0; } .widget_authors img { vertical-align: middle; } .widget_authors img + strong { font-weight: normal; margin-left: 8px; } .widget_authors a:hover { text-decoration: none; } /* Authors Widget */ .widget_author_grid ul, .widget_authors ul { list-style: none; margin: 0; } /* Twitter Widget */ .widget .tweets li { margin: 0 0 10px 0; } /* Cloud Widgets */ .wp_widget_tag_cloud div, .widget_tag_cloud div { word-wrap: break-word; } /* RSS Widgets */ .widget_rss li { margin: 0 0 10px 0; } .widget_rss_links p img { margin-bottom: 0; vertical-align: middle; } /* =Footer ----------------------------------------------- */ #footer { border-top: 1px solid #ddd; clear: both; color: #555; font-size: 11px; font-weight: bold; height: auto; margin: 50px 0 30px; padding-top: 25px; text-align: center; width: 800px; } #footer a { color: #36bcab; text-decoration: none; } /* =Infinity Styles -------------------------------------------------------------- */ .infinite-scroll.neverending #container { margin-bottom: 80px; } .infinite-scroll #contents .infinite-wrap { border-top: none; padding-top: 0; } /* Loader */ .infinite-loader { margin: 40px 0 0 15px; width: 24px; } /* Load More Posts Button */ #infinite-handle { margin: 40px 0 0 15px; text-align: left; } /* Match the style of links in the infinite footer to the theme style */ #infinite-footer .blog-info a, #infinite-footer .blog-credits a, #infinite-footer .blog-info a:hover, #infinite-footer .blog-credits a:hover { color: #36BCAB; } /* Elements to hide */ .infinite-scroll .navigation, .infinite-scroll.neverending #footer { display: none; } /* Restore the footer when IS is finished */ .infinity-end.neverending #footer { display: block; } /* Restore the margin when IS is finished */ .infinity-end.neverending #container { margin-bottom: 0; }