/** * 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'; } #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; } }/* =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: Modularity Lite Theme URI: http://graphpaperpress.com/2008/10/06/modularity-lite-theme-framework-for-wordpress/ Description: A minimally styled photo theme with a Custom Header and Custom Background. The Theme Options page allows a one or two-column layout, welcome message, and a home page slideshow using featured images. Supports featured images as thumbnails on index and archive pages. Version: 1.4-wpcom Author: Thad Allender Author URI: http://graphpaperpress.com License: GPL License URI: license.txt Tags: infinite-scroll, black, dark, light, white, one-column, two-columns, fixed-width, custom-header, theme-options, custom-background, custom-menu, featured-images, photoblogging, post-slider, rtl-language-support, translation-ready, full-width-template, art, artistic, blog, grungy, industrial, music, photography, portfolio, textured, travel, video, post-formats */ /* Copyright 2008 Graph Paper Press This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program. If not, see . */ /************************* GLOBAL STYLES ***************************/ body { color: #eee; background: #111 url("../wp-content/themes/pub/modularity-lite/images/bg.jpg") no-repeat center top; background-attachment: fixed; } .container-inner { width: 950px; margin: 0 auto; padding: 1.75em 0 1em } .container { background: url("../wp-content/themes/pub/modularity-lite/images/repeater.png") repeat; } .lteIE6 .container { background: #1a1a1a; } h1,h2,h3,h4,h5,h6 { color: #eee; } h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: #eee; } h3.sub,h2.sub { margin: 0 0 10px 0; padding: 0 0 5px 0; font-size: 1.1em; font-weight: bold; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif; line-height: 1em; text-transform: uppercase; letter-spacing: 2px; color: #515151; border-bottom: 1px solid #000; } a { color: #428ce7; text-decoration: none; } a:hover, a:focus { color: #fff; } p { color: #eee; } h6.top { color: #ccc; } #top { width: 950px; margin: 0 auto 1em; padding: 0 0 .5em; color: #666 } #top a { color: #666 } .login { float: left; } /* Masthead */ #masthead { float: left; height: 36px } #masthead h4, #masthead span { font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif; line-height: 2em; margin: 0; padding: 10px 0 0; } #masthead h4 { font-weight: bold; text-transform: uppercase; float: left } #masthead h4 a { color: #fff; text-decoration: none; } #masthead span.description { color: #ccc; text-transform: none; font-size: .7em; padding: .35em 3em; } .double-border { background: url("../wp-content/themes/pub/modularity-lite/images/double-border.png") repeat-x bottom; height: 8px; width: 100%; clear: both; float: none; border: none; margin: 1em 0 } #header-image { margin-bottom: 20px; } /* Navigation */ #top div.main-nav { background: #000; display: block; float: right; font-size: 10px; font-weight: bold; margin: 18px 0 0; padding: 4px 0; text-align: left; } #top div.main-nav ul { list-style: none; margin: 0; padding-left: 0; } #top div.main-nav li { float: left; position: relative; min-width: 50px; } #top div.main-nav a { border-right: 1px dotted #666; color: #eee; display: block; line-height: 15px; padding: 0 1em; text-decoration: none; } #top div.main-nav li:last-child a { border: none; } #top div.main-nav ul ul { display: none; position: absolute; padding: 4px 0; top: 15px; left: 0; float: left; z-index: 99999; } #top div.main-nav ul ul ul { left: 100%; top: 0; } #top div.main-nav ul ul a { background: #000; border: none; color: #999; height: auto; line-height: 2em; padding: .5em .5em .5em 1em; width: 10em; } #top div.main-nav ul ul a:hover { color: #eee; text-decoration: underline; } #top div.main-nav ul li:hover > ul { display: block; } /* Welcome Box */ #welcome-content { font-size: 2em; margin-bottom: 0.75em; } /* Posts */ .sticky {} .content { overflow: hidden; } .content h2 { font-family: Georgia, serif; } .post, .page { display: block; clear: both; } .post h4, .post h6 { font-family: Georgia, serif; } .content ul { list-style-type: disc; } .postmetadata { background: #000; padding: 1em; color: #999; font-size: 10px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .postmetadata a { } .postmetadata a:hover { color: #fff; } .byline { display: none; } .group-blog .byline { display: inline; } .underlined { border-bottom: 1px solid #eee; } h6.underlined { margin: 0 0 1em; } .welcomebox { padding: 1.5em; margin-bottom: 1.5em; color: #eee; text-shadow: 1px 1px 1px #000 } .page a.post-edit-link { display: block; clear: both; } .nav-image-left, .nav-image-up, .nav-image-right { text-align: center; float: left; width: 25px; margin: 0 10px 0 2px; } .nav-image-left a, .nav-image-up a, .nav-image-right a { background: #eee; padding: 2px 48% 2px 48%; text-decoration: none; color: #000; } .nav-image-left a:hover, .nav-image-up a:hover, .nav-image-right a:hover { background: #000; color: #fff; } .nav { background: #eee; margin: 0 0 1em 0; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .nav:hover { background: #ccc; } .prev a, .next a { color: #222; text-decoration: none; padding: .2em 1em; } .nav-interior { margin: 0; padding: 0; clear: both; display: inline; } .nav-interior .next { color: #000; text-decoration: none; float: right; } .nav-interior .prev { color: #000; text-decoration: none; float: left; } .comments-nav .next a { color: #428CE7; } .comments-nav .prev a { color: #428CE7; } /* Sidebar */ #sidebar { margin: 0; } #sidebar h3 { margin: 0; padding: 0 0 .6em 0 } #sidebar .item { margin: 0 0 4em 0 } #sidebar ul { list-style: none; margin: 0 0 1.6em 0; font-size: 1em; } #sidebar ul li a,ul.txt li { color: #eee; height: 1%; line-height: 1.2em; border-bottom: 1px solid #000; display: block; padding: 6px 0 6px 8px; } #sidebar ul li a:hover,ul.txt li:hover { color: #fff; background-position: 1px 0.8em; background: #000 } #sidebar ul li a span,ul.txt li,h4 a span { color: #696455; } #sidebar ul li.active a { cursor: default; color: white; } #sidebar ul ul { margin: 0; list-style: none; } /* Widgets */ .item 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. */ } /* Some widget link styles will need a little resetting for inline links */ #sidebar .widget_categories ul li a, #footer .widget_categories ul li a, #sidebar .widget_twitter ul li a, #footer .widget_twitter ul li a { border: none; background: transparent; color: #428CE7; display: inline; line-height: inherit; padding: 0; } #sidebar .widget_categories ul li, #footer .widget_categories ul li, #sidebar .widget_twitter ul li, #footer .widget_twitter ul li { padding-left: 8px; } /* Some list spacing for these widgets */ #sidebar .widget_twitter ul li { margin-bottom: 1.5em; } /* The WP.com flickr widget */ #flickr_badge_wrapper { background: transparent !important; border: none !important; } .widget_flickr th, .widget_flickr td { margin: 0; padding: 0; } .widget_flickr img { max-width: 230px; } /* The RSS links widget */ .widget_rss_links p img { margin: 0 4px 0 0; vertical-align: middle; } /* Footer */ #footer-wrap { background: #000; } #footer { width: 950px; padding: 1.5em 0; margin: 0 auto; color: #999; text-align: left } #footer p { color: #999 } #footer h3 { margin: 0; padding: 0 0 .6em 0; border-bottom: none; color: #999 } #footer .item { margin: 0 0 4em 0; } #footer ul { list-style: none; margin: 0 0 1.6em 0; font-size: 1em; } #footer ul li a,ul.txt li { height: 1%; line-height: 1.2em; display: block; padding: 6px 0 6px 8px; } #footer ul li a:hover,ul.txt li:hover { color: #fff; background-position: 1px 0.8em; background: #111 } #footer ul li a span,ul.txt li,h4 a span { color: #696455; } #footer ul li.active a { cursor: default; color: white; } #footer ul ul { margin: 0; list-style: none; } #footer ul#recentcomments { list-style: none; margin: 0 0 1.6em 0; font-size: 1em; } #footer ul#recentcomments li.recentcomments { display: block; padding: 4px 0 4px 8px; } #footer ul#recentcomments li.recentcomments a { border: 0; background-image: none } #footer ul#recentcomments li.recentcomments a:hover { color: #fff; background-position: 1px 0.8em; background: #111 } #footer ul#recentcomments li.recentcomments a span { color: #696455; } /* Floats & Images */ .right { float: right; } .left { float: left; } .middle { margin: 0 auto; float: left; } .clear { clear: both; } img.centered { display: block; margin-left: auto; margin-right: auto; max-width: 950px; } img.alignright { margin: 7px 0 6px 14px; display: inline; max-width: 950px } img.alignleft,img.attachment-post-thumbnail { margin: 7px 14px 6px 0; display: inline; max-width: 950px } img.alignnone { margin: 7px 0 6px; display: block; max-width: 950px } .alignleft,.attachment-post-thumbnail { float: left; } .alignright { float: right; } .aligncenter, div.aligncenter { display: block; margin-left: auto !important; margin-right: auto !important; } .thumbnail, .attachment-thumbnail, #featured-section .timthumbnail, .archive .timthumbnail, .search .timthumbnail, #category-stack .timthumbnail { margin: 0 1.5em 1.5em 0; float: left } .alignright .attachment-thumbnail { margin-right: 0 } .attachment-medium { max-width: 950px; overflow: hidden; display: inline } .attachment-large { max-width: 950px; overflow: hidden; display: inline } .content .size-medium, .content .size-large { margin: 0 1.5em 1.5em 0; } .site-content .size-medium, .site-content .size-large { max-width: 590px; height: auto; overflow: hidden; margin: 0 .5em .5em 0; } .gallery { width: 101%; } .gallery img { border: none !important; float: none; } .content img.size-auto, .content img.size-full, .content img.size-large, .content img.size-medium, .wp-caption { max-width: 100%; height: auto; width: auto; } .wp-caption-text {} img.wp-smiley { margin: 0; } /* Image sizes depending on the number of columns */ .col-0 { width: 100%; } .col-1 { width: 100%; } .col-2 { width: 50%; } .col-3 { width: 33%; } .col-4 { width: 25%; } .col-5 { width: 20%; } .col-6 { width: 16.5%; } .col-7 { width: 14%; } .col-8 { width: 12.4%; } .col-9 { width: 11%; } .col-10 { width: 10%; } .col-11 { width: 9%; } .col-12 { width: 8.33%; } .col-13 { width: 7.6%; } .col-14 { width: 7.1%; } .col-15 { width: 6.66%; } .col-16 { width: 6.25%; } .col-17 { width: 5.83%; } .col-18 { width: 5.55%; } .col-19 { width: 5.25%; } .col-20 { width: 4.95%; } /* Etc */ #filters { clear: both; height: 2em; margin-bottom: 1em; } #filters li { float: left; margin-right: 2em; } .prev { } .next { } /* remember to define focus styles! */ :focus { outline: 0; } .advertisement .box { background: #e5ecf9; } /* Search */ #search { margin: 0; padding: 0; } #search #s { background: #ddd url("../wp-content/themes/pub/modularity-lite/images/search.png") 0px center no-repeat; color: #222; font-size: 1em; margin: 0; padding: 4px 0 4px 17px; width: 150px; border: 1px solid #333; } #search input { border: 0 } #search #s:hover { color: #0066cc; background: #fff url("../wp-content/themes/pub/modularity-lite/images/search_blue.png") 0px center no-repeat; } .search-excerpt { margin: 0; } /* Post Formats */ a.entry-format, a.entry-format:visited, a.entry-format:hover { display: inline-block; font-style: italic; margin: 0 0 10px; } .format-link .entry-title { display: none; } /* Comments */ #comments, #respond { clear: both; } h3#comments { margin: 10px 0 0; padding: 20px 10px; background: #000; } h3#comments span.comments-subscribe { float: right; font-size: .7em; margin-left: 3px; padding: 0 0 0 19px; background: url("../wp-content/themes/pub/modularity-lite/images/rss.png") no-repeat 0 50%; color: #cccccc; } h3#respond { margin: 10px 0 0; padding: 20px 10px; background: #000; } ol.commentlist { list-style-type: none; margin: 0 0 15px 0; padding: 0; border-bottom: 5px solid #eee; overflow: hidden; } ol.commentlist li { } ol.commentlist li .comment-wrapper { border-top: 5px solid #eee; overflow: hidden; overflow: hidden; width: 100%; } .lteIE6 ol.commentlist li .comment-wrapper { } ol.commentlist li.pingback { border-top: 5px solid #eee; margin-top: -5px; padding: 1em 0; } ol.commentlist li.pingback p { margin: 0; } ol.commentlist li strong.fn { padding-left: 1em; } ol.commentlist li .comment-meta { width: 150px; float: left; padding: 15px 0; } ol.commentlist li .comment-entry { margin: 0 0 0 150px; padding: 20px 0 0 0; line-height: 2em; min-height: 160px; } .bypostauthor { } ol.commentlist li .comment-entry .pd-rating { } ol.commentlist li .avatar { border: 1px solid #000; padding: 1em; margin: 0 0 1em 0; } #commentform { margin: 0 0 7px; padding: 30px 150px 6px; border-top: 10px solid #333; background: #000; } #commentform input[type=text] { float: left; margin-right: 5px; } #commentform .comment-form-comment label, #commentform .form-allowed-tags { display: none; } /* ************************ SLIDESHOW ********************************/ /* Slideshow */ #slideshow { padding: 0; list-style: none; margin: 0 0 3em 0; overflow: hidden; height: 425px; } #slideshow ul { padding: 0; list-style: none; margin: 0; } #slideshow .slide { position: absolute !important; padding: 0; margin: 0 !important; width: 950px; text-align: center; height: 425px; background: none } #slideshow .slide img { display: block; max-width: 950px; text-align: center; margin: 0 auto; } /* =Navigation -------------------------------------------------------------- */ .navigation { clear: both; margin: 1em 0; overflow: hidden; width: 100%; } /* =Internet Explorer -------------------------------------------------------------- */ #ie7 .single .container-inner { width: auto; } /* =Infinity Styles -------------------------------------------------------------- */ .infinite-scroll #container: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; } html .infinite-loader { color: #fff; margin: 0 auto 60px auto; } html .color-light .infinite-loader { color: #000; } #infinite-handle { margin: 20px 0 20px 0; } #infinite-handle span { background-color: #428ce7; border: 0 none; color: #eee; } #infinite-footer { z-index: 999; } #infinite-footer .container { background: #000; border: 0 none; } .color-light #infinite-footer .container { background: #fff; } #infinite-footer .container .blog-credits { color: #666; } #infinite-footer .container a { color: #eee; } .color-light #infinite-footer .container a { color: #333; } .infinite-wrap { border: 0 none; } /** * Elements to hide: * (footer widgets, post navigation, regular footer) */ .infinite-scroll #nav-below, .infinite-scroll.neverending #footer-wrap { display: none; } /* Hooks to infinity-end body class to restore footer */ .infinity-end.neverending #footer-wrap { display: block; }