/** * 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 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: Yoko Theme URI: http://www.elmastudio.de/wordpress-themes/yoko/ Description: Yoko is a modern three-column blog theme. A responsive layout optimizes the theme for mobile devices like tablet pcs and modern smartphones (the layout switches to a two- or one-column layout depending on the screen size the theme is viewed on). To make your blog post more flexible you can use different kinds of post formats such as gallery, image, video, aside, link or quotes. To customize the theme you can choose your own background, link color, and header image. Author: Elmastudio Author URI: http://www.elmastudio.de/wordpress-themes/ Version: 1.0.5-wpcom Tags: blog, bright, business, clean, contemporary, elegant, gray, modern, simple, light, white, three-columns, right-sidebar, flexible-width, responsive-width, custom-background, custom-colors, custom-header, custom-menu, featured-images, featured-image-header, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, infinite-scroll License: GNU/GPL Version 2 or later License URI: http://www.gnu.org/licenses/gpl.html */ /* Reset --------------------------------------------- */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, img, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; } #content address { padding: 0 0 20px 0; } #content abbr, acronym { border-bottom: .1em dotted; } #content pre, code, tt { font-size: 1.1em; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote:before, blockquote:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } body { background-color: #ececec; color: #777; font-family: 'Droid Sans', arial, sans-serif; } #page { background-color: #fff; margin: 12px auto; max-width: 1102px; padding: 0 30px 30px; z-index: 0; } #wrap { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; margin: 4px 0 0; overflow: hidden; padding: 40px 0; } #main { float: left; overflow: hidden; width: 74.59%; } #content { float: left; width: 75.669%; } .one-sidebar #content { width: 100%; } #secondary { float: left; margin-left: 7.054%; width: 17.275%; } #tertiary { float: right; overflow: hidden; width: 23.775%; } #colophon { float: left; font-size: 0.8em; overflow: hidden; padding: 30px 0 0; width: 100%; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } #content h1 { font: bold 1.4em/1.4 'Droid Sans', arial, sans-serif; margin: 26px 0 12px; } #content h2 { font: bold 1.3em/1.4 'Droid Sans', arial, sans-serif; margin: 26px 0 12px; } #content h3 { font: bold 1.2em/ 1.4 'Droid Sans', arial, sans-serif; margin: 26px 0 12px; } #content h4 { font: bold 1.1em/1.4 'Droid Sans', arial, sans-serif; margin: 22px 0 12px; } #content h5 { font: bold 1em/1.3 'Droid Sans', arial, sans-serif; margin: 22px 0 10px; } #content h6 { font: bold .9em/1.3 'Droid Sans', arial, sans-serif; margin: 20px 0 10px; } a { color: #009bc2; text-decoration: none; } a:hover { color: #777!important; text-decoration: underline; } #content .post ul, #content .page ul, .commentlist ul { line-height: 1.3; padding: 0 0 0 30px; } #content .post ul, #content .page ul { margin-bottom: 20px; } #content .post ul ul, #content .post ol ol, #content .post ul ol, #content .post ol ul,#content .page ul ul, #content .page ol ol, #content .page ul ol, #content .page ol ul { margin-bottom: 0; } #content .post ul li, #content .page ul li, .commentlist ul li { list-style: square; margin-top: 5px; padding: 0; } #content .post ol, #content .page ol, .commentlist ol { line-height: 1.3; padding: 0 0 0 30px !important; } #content .post ol li, #content .page ol li, .commentlist ol li { list-style: decimal; margin-top: 5px; padding: 0; } #content .post ol ol li, #content .page ol ol li, .commentlist ol ol li { list-style: upper-alpha; } #content .post ol ol ol li, #content .page ol ol ol li, .commentlist ol ol ol li { list-style: lower-roman; } #content dl { margin: 0; padding: 0; } #content dt { font-weight: bold; margin: 0; padding: 10px 5px 5px; } #content dd { margin: 0; padding: 0 0 10px 15px; } #site-title { padding: 30px 0 15px; } #site-title h1 { display: block; float: left; font-size: 2.1em; font-weight: bold; line-height: 1.2; margin: 0 1% 0 0; text-transform: uppercase; } #site-title h1 a:hover { text-decoration: none; } #site-title h2 { color: #777; display: inline-block; font: italic .9em 'Droid Serif', Times, serif; margin: 17px 0 0 0; } header#branding img.headerimage { width: 100%; height: auto; margin-top: 12px; } header#branding img.attachment-headerimage.wp-post-image { width: 100%; height: auto; } hgroup#site-title img { max-width: 100%; } #branding #mainnav { float: right; margin: 30px 0 0; max-width: 67.5%; } #branding #mainnav ul li { float: left; list-style: none; position: relative; } #branding #mainnav ul li a { display: block; font-size: .8em; margin: 0; padding: 9px 14px; text-transform: uppercase; } #branding #mainnav ul li:first-child { margin: 0px; } #branding #mainnav ul li a:hover { background: #f0f0f0; color: #999; text-decoration: none; } #branding #mainnav ul ul { display: none; float: left; position: absolute; top: 2em; left: 0; z-index: 99999; } #branding #mainnav ul ul ul { top: 0; left: 100%; } #branding #mainnav ul ul a { background: #f9f9f9; width: 11em; height: auto; padding: 9px 14px; text-transform: none; } #branding #mainnav li:hover > a, #branding #mainnav ul ul :hover > a { background: #f0f0f0; } #branding #mainnav ul ul a:hover { background: #f0f0f0; } #branding #mainnav ul li:hover > ul { display: block; } #subnav { border-top: 1px solid #ddd; margin: 5px 0 0 0; padding: 10px 0 15px 0; } #subnav ul { margin: 0; padding: 0; } #subnav ul li { float: left; list-style: none; margin-right: 15px; position: relative; } #subnav ul li a { display: block; font-size: .8em; font-weight: bold; margin: 0; padding: 5px 10px 5px 10px; text-transform: uppercase; } #subnav ul ul { display: none; float: left; margin: 0; padding: 0; position: absolute; top: 1.5em; left: 0; z-index: 99999; } #subnav ul ul li { letter-spacing: 0; margin-right: 0; width: 100%; } #subnav ul ul li a { background-color: #f9f9f9; font-size: .8em; font-weight: normal; text-transform: none; width: 8em; } #subnav ul ul ul { display: none; top: 0; left: 100%; } #subnav li:hover > a, #subnav ul ul :hover > a { background: #f0f0f0; text-decoration: none; } #subnav ul li:hover > ul { display: block; } #content .post { border-bottom: 1px solid #ddd; clear: both; font-size: .95em; line-height: 1.6; margin: 0 0 40px; overflow: hidden; padding: 0 0 40px; } #content .entry-header h2.entry-title { font: bold 1.3em/1.4 'Droid Sans', arial, sans-serif; margin: 0 0 12px; } #content .entry-header h2.entry-title a:hover { color: #777; text-decoration: none; } #content .post p { padding: 0 0 20px; } #content .entry-details { float: left; font: italic .8em/1.6 'Droid Serif', Times, serif; padding: 2px 18px 0 0; width: 22.507%; } #content .entry-details p span.entry-date, #content .entry-details p a { font-family: 'Droid Sans', arial, sans-serif; font-style: normal; width: 100%; } #content .entry-details p span.byline { display: none; } .group-blog #content .entry-details p span.byline { display: block; } #content .entry-header, #content .entry-content { float: right; margin: 0; width: 74.5%; } #content .post img.wp-post-image { width: 140px; height: auto; margin: 5px 0 8px; padding: 0; } #content .entry-meta p { font: italic .8em/1.5 'Droid Serif', Times, serif; padding: 15px 0 0; } #content .entry-meta a { font-family: 'Droid Sans', arial, sans-serif; font-style: normal; padding: 15px 0 0; } .page-link { background-color: #f0f0f0; border-top: 1px solid #ddd; font-size: .9em; overflow: hidden; padding: 5px 20px; } .page-link a { font-weight: bold; margin: 0 1px; } .page-link a:hover { text-decoration: none; } #content .sticky { background-color: #f0f0f0; border-top: 1px solid #ddd; overflow: hidden; padding: 15px 10px; } #content strong { font-weight: bold; } #content p em { font-family: 'Droid Serif', Times, serif; font-style: italic; } #content em { font-family: 'Droid Serif', Times, serif; font-size: .9em; font-style: italic; } #content p small { font-size: .8em; } #content .post blockquote, #content .page blockquote { font: italic 1.1em/1.6 'Droid Serif', Times, serif; margin: 0 20px 10px 0; overflow: hidden; } #content .single-entry-content blockquote { background: none; margin: 20px 20px 10px 20px; } #content blockquote cite { float: right; font: normal .8em 'Droid Sans', arial, sans-serif; letter-spacing: .1em; margin: 10px 0 0 0; padding: 0 25px 15px 0; text-transform: uppercase; } #content pre { background-color: #f0f0f0; font-family: monospace; font-size: 1.2em; line-height: 1.3; margin: 0 0 20px 0; padding: 10px; } #content p.nocomments { font-size: .8em; letter-spacing: 0.1em; text-transform: uppercase; } .site-content img { max-width: 100%; height: auto; margin: 0; padding: 0; } .site-content img.aligncenter { margin: 20px auto; } .site-content img.alignleft, .site-content .wp-caption.alignleft { margin: 10px 20px 0 0; } .site-content img.alignright, .site-content .wp-caption.alignright { margin: 10px 0 0 20px; } .site-content img.alignnone { margin: 20px 0; } .site-content .wp-caption.alignnone { margin: 0 0 20px 0; } .site-content .wp-caption.aligncenter { margin-bottom: 10px; } .site-content .post .wp-caption { max-width: 100%; text-align: center; } .site-content .single-entry-content .wp-caption { max-width: 100%; text-align: center; } .site-content .post p.wp-caption-text { color: #999; font: normal .8em/1.4 'Droid Sans', arial, sans-serif; margin: 0; padding: 7px 0 10px 0; } .site-content object, .site-content embed, .site-content iframe { display: block; margin: 3px 0 10px; max-width: 100%; } .two-columns-one { width: 48%; } .three-columns-one { width: 30.66%; } .three-columns-two { width: 65.33%; } .four-columns-one { width: 22%; } .four-columns-two { width: 48%; } .four-columns-three { width: 74%; } .two-columns-one, .three-columns-one, .three-columns-two, .four-columns-one, .four-columns-two, .four-columns-three { float: left; margin-right: 4%; position: relative; } .last { clear: right; margin-right: 0 !important; } .divider { clear: both; display: block; margin-bottom: 20px; width: 100%; } #content span.highlight { background-color: #fffbcc; padding: 2px; } .yellow-box { background: #fffbcc; border: 1px solid #e6db55; margin: 10px 0; overflow: hidden; padding: 20px; } .red-box { background: #ffd9c8; border: 1px solid #f37c72; margin: 10px 0; overflow: hidden; padding: 20px; } .green-box { background: #d5ffca; border: 1px solid #bddc7f; margin: 10px 0; overflow: hidden; padding: 20px; } #content table { margin: 10px 0px 30px 0px; } #content table thead { border-top: 1px solid #ddd; } #content table tr { border-bottom: 1px solid #ddd; } #content table tr th { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; padding: 10px 20px 10px 20px; } #content table tr td { border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding: 10px 20px 10px 20px; } #content .post .single-entry-header { margin: 0; } #content .single-entry-header h1.entry-title { color: #009bc2; font: bold 1.3em/1.4 'Droid Sans', arial, sans-serif; margin: 0 0 5px; } #content .single-entry-header p { font-size: .8em; padding: 0 0 5px; } #content .single-entry-header p span.entry-date, #content .single-entry-header p span.entry-author { font: italic 1em/1.5 'Droid Serif', Times, serif } #content .single-entry-details { float: left; padding: 0 18px 0 0; width: 22.507%; } #content .single-entry-content { float: left; margin: 15px 0 0; padding: 0; width: 100%; } .single-attachment #content .single-entry-content { text-align: center; } #content .single-entry-content .attachment { text-align: center; } #content .single-entry-content .entry-caption p { font-size: 1em; line-height: 1.5em; margin: 5px 0; } #content .post .single-entry-meta p { font: italic .8em/1.5 'Droid Serif', Times, serif; padding: 15px 0 0; } #content .post .single-entry-meta p a { font-family: 'Droid Sans', arial, sans-serif; font-style: normal; } #content .post .author-info { background: #f0f0f0; border-top: 1px solid #ddd; margin: 40px 0 0; overflow: hidden; padding: 15px 20px 15px; } #content .post .author-info h3 { font: bold .9em/1.5 'Droid Sans', arial, sans-serif; margin: 0 0 4px; } #content .post .author-info .avatar { float: left; margin: 0 15px 0 0; max-width: 100%; width: 70px; } #content .post .author-description { overflow: hidden; } #content .post .author-description p { font-size: .9em; line-height: 1.5; padding: 0; } #content .post .author-description a:hover { text-decoration: underline; } #content #image-nav { margin: 30px 0 3px 0; overflow: hidden; } #comment-nav-below { margin: 40px 0; overflow: hidden; } .nav-previous, .nav-next, .previous-image, .next-image { width: 50%; } #content #nav-below .nav-previous a, #content #image-nav span.previous-image a, #comment-nav-below .nav-previous a { display: block; float: left; font-size: .9em; font-weight: bold; } #content #nav-below .nav-next a, #content #image-nav span.next-image a, #comment-nav-below .nav-next a { display: block; float: right; font-size: .9em; font-weight: bold; } #content #nav-below .nav-previous a:hover, #content #nav-below .nav-next a:hover, #content #image-nav span.previous-image a:hover, #content #image-nav span.next-image a:hover { text-decoration: none } #comments { font-size: .9em; padding: 0 0 30px 0; } #comments h3#comments-title { font-size: 1.1em; font-weight: bold; letter-spacing: .2em; padding: 30px 0 10px; text-transform: uppercase; } #comments p.write-comment-link { padding: 0 0 20px; } #comments .comment-body p { padding: 0 0 10px; } #comments p.moderation { font-family: 'Droid Serif', Times, serif; font-style: italic; } #content #comments ol { padding: 0; } #content #comments ol li ul.children { padding: 0; } #content #comments ol li.depth-1 { border-bottom: 1px solid #ddd; overflow: hidden; padding: 0; } #content #comments ol li.depth-2, #content #comments ol li.depth-3, #content #comments ol li.depth-4, #content #comments ol li.depth-5 { border-bottom: none; border-top: 1px solid #ddd; margin: 0 0 0 35px; overflow: hidden; padding: 0; } .comment-meta { font-size: .8em; padding: 0 0 12px; } .comment-meta cite.fn { font-size: 1.3em; font-style: normal; font-weight: bold; } #comments .comment-body { line-height: 1.5; overflow: hidden; padding: 20px 0px; } .reply { float: left; margin: 0; } a.comment-reply-link { font-size: .9em; } #comments ol li.post.pingback { font-weight: bold; list-style: none; margin: 0; padding: 20px 0 0; } #comments ol li.post.pingback a { font-weight: normal; } #comments ol li img.avatar { float: left; max-width: 100%; width: 65px; height: 65px; margin: 22px 15px 0 0; } #comments .bypostauthor { } #content #comments #respond { background-color: #f0f0f0; margin: 30px 0 0; padding: 20px; } a#cancel-comment-reply-link { float: right; font-size: .8em; font-weight: normal; padding: 3px 0 0; } #content #comments #respond h3#reply-title { font-size: 1.2em; margin: 0 0 3px 0; } form#commentform p.comment-notes, p.logged-in-as { font-size: .8em; padding: 0 0 15px 0; } form#commentform span.required { color: #e75428; } form#commentform p.comment-form-author, form#commentform p.comment-form-email, form#commentform p.comment-form-url, form#commentform p.comment-form-comment { padding: 15px 0 0; } input#submit, input.wpcf7-submit { background-color: #777; border: none; color: #fff; cursor: pointer; display: inline-block; font-size: .75em; letter-spacing: 1px; margin: 10px 0 0; outline: none; padding: 8px 10px 7px; text-align: center; text-transform: uppercase; vertical-align: baseline; } input#submit:hover, input.wpcf7-submit:hover { background-color: #009bc2; color: #fff; } form#commentform input#author, form#commentform input#email, form#commentform input#url { background-color: #fff; border: 1px solid #ddd; display: block; font-size: 1em; margin: 5px 0 0; padding: 9px 5px 9px; width: 60%; } form#commentform textarea#comment { background-color: #fff; border: 1px solid #ddd; font: 1em 'Droid Sans', arial, sans-serif; margin: 5px 0 0; padding: 9px 5px; width: 95%; } .highlander-enabled form#commentform textarea#comment { margin: 0; padding: 0; } form#commentform p.subscribe-to-doi-comments { color: #666; font-size: .8em; letter-spacing: 1px; padding: 20px 0 0; } #content .entry-link, #content .entry-gallery, #content .entry-video { float: left; margin: 0; width: 100%; } #content .entry-link a { color: #009bc2; font-size: 1.1em; font-weight: bold; } #content .entry-link .entry-meta a { font-size: 1em; font-weight: normal; } #content .entry-header h2.entry-title-image { font-size: 1.1em; margin-top: 0; } #content .entry-post-format .entry-header h2.entry-title { margin: 0 0 5px; } #content .entry-post-format .entry-header p { font: italic .8em/1.5 'Droid Serif', Times, serif } #content .entry-post-format .entry-header p a { font-family: 'Droid Sans', arial, sans-serif; font-style: normal; } #content .entry-post-format .entry-content-gallery { float: left; width: 54%; } #content .entry-post-format .gallery-thumb { text-align: center; } #content .post img.attachment-medium { max-width: 100%; height: auto; padding: 0; } #content .gallery { clear: both; margin: 0 auto 20px auto; padding: 0; } #content .gallery-item { float: left; margin-top: 10px; overflow: hidden; text-align: center; vertical-align: top; width: 19%; } #content .gallery-columns-3 .gallery-item { width: 33%; } #content .gallery-columns-4 .gallery-item { width: 25%; } #content .gallery-icon { padding: 10px 5% 5px; width: 90%; } #content .gallery-caption { color: #999; display: block; font-size: .8em; line-height: 1.25; margin: 0; padding: 0 10%; width: 80%; } #content .page { border-bottom: 1px solid #ddd; clear: both; font-size: .95em; line-height: 1.6; margin: 0 0 40px; overflow: hidden; padding: 0 0 30px; } #content .page-entry-header { margin: 0; } #content .page-entry-header h1.entry-title { color: #009bc2; font: bold 1.5em/1.5 'Droid Sans', arial, sans-serif; margin: 0; } #content .page p { padding: 0 0 20px 0; } #content.full-width { width: 100% !important; } #content.full-width .page { border-bottom: none; margin: 0; padding: 0 0 20px; } #content .page-header h1.page-title { color: #777; font-size: .8em; font-weight: bold; letter-spacing: .1em; padding: 0 0 15px 0; text-transform: uppercase; } #content .wpcf7 { background: #f0f0f0; margin: 0; overflow: hidden; padding: 20px; } #content .wpcf7 h3#form-title { font-size: 1.2em; margin: 0 0 3px 0; } #content .wpcf7 p.form-info { font-size: .8em; padding: 0 0 15px 0; } #content .wpcf7 p span.required { color: #e75428; } #content .wpcf7 input.wpcf7-text { background-color: #fff; border: 1px solid #ddd; font-size: 1em; margin: 5px 0 15px; padding: 9px 5px; width: 60%; } #content .wpcf7 textarea { background-color: #fff; border: 1px solid #ddd; font: 1em 'Droid Sans', arial, sans-serif; margin: 5px 0 0; padding: 9px 5px; width: 95%; } #content .wpcf7-form p { padding: 0; } aside.widget { border-bottom: 1px solid #ddd; font-size: .8em; margin: 0 0 30px 0; padding: 0 0 30px 0; width: 100%; } aside.widget ul li { line-height: 1.4em; padding: 0 0 7px 0; } aside.widget ul li:last-child { padding: 0; } aside.widget img { max-width: 100%; height: auto; } .widget h3.widget-title, .widget_get_recent_comments h1.widget-title { color: #777; font-weight: bold; letter-spacing: .1em; padding: 0 0 15px 0; text-transform: uppercase; } h3.widget-title:empty, h1.widget-title:empty { display: none; } .textwidget { line-height: 1.6; } .widget_categories ul li ul.children, .widget_nav_menu ul li ul.sub-menu, .widget_pages ul li ul.children { margin: 5px 0 0 0; } .widget_categories ul li ul.children li, .widget_nav_menu ul li ul.sub-menu li, .widget_pages ul li ul.children li { margin: 0 0 0 20px; } .widget_recent_entries ul, .widget_recent_comments ul { padding: 0 0 0 15px; } .widget_recent_entries ul li, .widget_recent_comments ul li { list-style: square; } .widget_image .wp-caption { width: auto; } .widget_image img { width: auto; height: auto; } .widget_calendar #wp-calendar caption { font-family: 'Droid Serif', Times, serif; font-style: italic; padding: 0 0 5px 0; text-align: left; } .widget_calendar table { width: 100%; text-align: center; } .widget_calendar table#wp-calendar th, .widget_calendar table#wp-calendar td { padding: 0 6px 6px 0; } .widget_calendar table#wp-calendar tbody tr td#today { font-weight: bold; } .widget_search { overflow: hidden; } .widget_wpcom_instagram_widget .wpcom-instagram-columns-2 a, .widget_wpcom_instagram_widget .wpcom-instagram-columns-3 a { display: block; float: left; } .widget_wpcom_instagram_widget .wpcom-instagram-columns-2 a { width: 50%; } .widget_wpcom_instagram_widget .wpcom-instagram-columns-3 a { width: 33.3333333%; } .widget_wpcom_instagram_widget img { margin: 0 !important; } .searchform { float: left; margin: 0; overflow: hidden; padding: 0; width: 100%; } .searchform label.screen-reader-text { display: none } #secondary .searchform .search-input { margin: 0 0 5px 0; width: 92%; } #tertiary .searchform .search-input { margin: 0 2px 5px 0; width: 62%; } .searchform .search-input { background-color: #f0f0f0; border: 1px solid #ddd; margin: 0 2px 5px 0; padding: 6px 5px; width: 40%; } .searchform .search-input:hover, #searchform .search-input:focus, #searchform .search-input:active { background-color: #fff } .searchsubmit { background-color: #777; border: none; color: #fff; cursor: pointer; display: inline-block; font-size: 11px; letter-spacing: 1px; margin: 0; outline: none; padding: 8px 10px 7px; text-align: center; text-transform: uppercase; vertical-align: baseline; } .searchsubmit:hover { background-color: #009bc2; color: #fff; } #secondary .searchsubmit { width: 100%; } .widget_get_recent_comments li.sidebar-comment { margin: 10px 0; overflow: hidden; } .widget_get_recent_comments li.sidebar-comment:first-child { margin: 3px 0 10px; } .widget_get_recent_comments li.sidebar-comment .comment-content { overflow: hidden; padding: 0 0 0 6px; } .widget_get_recent_comments li.sidebar-comment p { line-height: 1.4; } .widget_get_recent_comments .kjgrcGravatar { display: block; float: left; margin: 0; } .widget_get_recent_comments span.sidebar-comment-autor a { padding: 0 0 3px; } #flickr_badge_wrapper { border: none 0; margin: 3px 0 0; } .flickr_badge_image { float: left; max-width: 80px; height: 60px; margin: 0 6px 6px 0; } .flickr_badge_image img { width: 80px; height: 60px; } #secondary #flickr_badge_uber_wrapper img { max-width: 130px; height: auto; } #colophon p { line-height: 1.5; } a.top { display: block; font-weight: bold; margin: 3px 0 0 0; } a.top:hover { text-decoration: none; } .clear { clear: both; display: block; width: 0; height: 0; overflow: hidden; visibility: hidden; } .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; width: 0; height: 0; line-height: 0; visibility: hidden; } .screen-reader-text { position: absolute; left: -9000px; } /* Text meant only for screen readers */ .screen-reader-text, .assistive-text { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px); } /* Media queries for responsive design --------------------------------------------- */ /* --- iPad Landscape --- */ @media screen and (max-width: 1024px) { #page { background-color: #fff; margin: 0 auto; padding: 0 30px 30px; z-index: 0; } #wrap { margin: 4px 0 0; overflow: hidden; padding: 45px 0 0 0; } #main { float: left; overflow: hidden; width: 72%; } #content { float: left; width: 92.2%; } .one-sidebar #content { width: 97.5%; } #secondary { float: none; margin: 40px 0 0; width: 142px; } #tertiary { float: right; width: 28%; } #content .entry-header, #content .entry-content { width: 76.5%; } #content .entry-details { width: 20%; } #site-title h1 { float: left; margin: 0 2.5% 3px 0; width: 30%; } #site-title h2 { margin: 0; } #subnav ul a { font-size: .72em; } #subnav ul ul li { width: 100%; } #secondary { border-top: 1px solid #ddd; float: left; margin-left: 0; padding: 30px 0 0; width: 92.2%; } #secondary aside:last-child { border-bottom: none; margin-bottom: 0; } #secondary aside, #tertiary aside { float: none; overflow: hidden; } .widget .sidebar-theme { float: left; margin: 0 20px 8px 0; } .widget .rss-widget ul li, .widget_archive ul li, .widget_categories ul li, .widget_social_links ul li, .widget_meta ul li, .widget_links ul li { float: left; margin: 0 20px 0 0; } .widget_categories ul li ul.children, .widget_nav_menu ul li ul.sub-menu, .widget_pages ul li ul.children { margin: 5px 0 0 0; } } /* --- iPad Portrait --- */ @media screen and (max-width: 880px) { #page { background-color: #fff; padding: 0 50px 30px 50px; } #wrap { margin-top: 0; } #main { float: none; overflow: hidden; width: 100%; } #content { float: none; width: 100%; } #secondary { width: 100%; } #tertiary { float: none; width: 100%; } #site-title { padding: 20px 0 30px; width: 100%; } #site-title h1 { float: none; margin: 0 0 3px 0; width: 100%; } #site-title h1 a { margin: 0 auto; } #site-title h2 { margin: 0; } #branding #mainnav { margin: 30px 0 0; max-width: 100%; } #branding #mainnav ul li a { font-size: .75em; } #subnav { margin: 0; padding: 0; } #subnav ul { padding: 0; } #subnav ul li { border-bottom: 1px solid #ddd; float: none; margin: 5px 0 0; overflow: hidden; width: 100%; } #subnav ul li:last-child { border-bottom: none; } #subnav ul li a { float: left; margin: 5px 20px 10px 10px; } #subnav ul ul { display: block; float: left; margin: 0; padding: 0; position: relative; top: 0; } #subnav ul ul li { border-bottom: none; float: left; letter-spacing: 0; margin: 0; width: auto; } #subnav ul ul li a { background-color: transparent; font-size: .8em; font-weight: normal; margin: 5px 20px 0 0; text-transform: none; width: auto; } #subnav ul ul ul { display: none; } #subnav li:hover > a, #subnav ul ul :hover > a { background: transparent; text-decoration: underline; } #subnav ul ul :hover > ul { display: none; } #content .entry-header, #content .entry-content { float: left; } #content .entry-details { width: 20%; } #secondary aside:last-child { border-bottom: 1px solid #ddd; margin-bottom: 30px; } #tertiary aside:last-child { border-bottom: none; margin-bottom: 0; } } /* --- Smartphones and small Tablet PCs --- */ @media screen and (max-width:620px) { #page { background-color: #fff; padding: 0 20px 20px; } #site-title { float: left; padding: 10px 0 5px; } #site-title h1 { float: none; margin: 0; text-align: center; } #site-title h2 { margin: 0; text-align: center; } #branding #mainnav { margin: 15px 0 0; } #branding #mainnav ul li a { display: block; font-size: .7em; margin: 0; padding: 8px 7px; } #branding #mainnav ul ul { display: none; } #branding #mainnav ul ul ul { display: none; } #branding #mainnav ul ul a { display: none; } nav#subnav ul.menu { border-bottom: none; } nav#subnav ul.menu li.menu-item { background-color: #f0f0f0; border-bottom: 1px solid #ddd; float: none; margin: 0; overflow: hidden; text-align: center; width: 100%; } nav#subnav ul.menu li.menu-item a { background-color: #f0f0f0; display: block; float: left; margin: 0; padding: 12px 0 11px; width: 100%; } nav#subnav ul.menu li.menu-item a:hover, nav#subnav ul.menu li.menu-item a:active, nav#subnav ul.menu li.menu-item a:focus { background: #d4d4d4; text-decoration: none; } nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item { display: none; } #content .post { margin: 0 0 30px; padding: 0 0 30px; } #content .post .entry-header h2.entry-title { font-size: 1.2em; } #content .entry-header, #content .entry-content { width: 100%; } #content .entry-details { display: none; } #content .post img.wp-post-image { display: none; } #content .sticky { padding: 10px; } .two-columns-one { width: 100%; } .three-columns-one { width: 100%; } .three-columns-two { width: 100%; } .four-columns-one { width: 100%; } .four-columns-two { width: 100%; } .four-columns-three { width: 100%; } .three-columns-one, .three-columns-two, .four-columns-one, .four-columns-two, .four-columns-three { float: none; } #content .single-entry-details { display: none; } #content .single-entry-header .social-btn-top { display: none; } #content .post .author-description p { font-size: .8em; line-height: 1.4; } #content .post .author-info .avatar { display: none; } form#commentform input#author, form#commentform input#email, form#commentform input#url { width: 95%; } #content #comments ol li.depth-2, #content #comments ol li.depth-3, #content #comments ol li.depth-4, #content #comments ol li.depth-5 { margin: 0; } #comments img.avatar { display: none; } a#cancel-comment-reply-link { display: block; margin: 5px 0 15px; width: 100%; } #content #nav-below .nav-previous a { display: block; float: none; margin: 0 0 10px; width: 100%; } #content #nav-below .nav-next a { display: block; text-align: right; width: 100%; } #content #nav-below .nav-previous a:hover, #content #nav-below .nav-next a:hover { text-decoration: none } #content .entry-post-format .entry-content-gallery { float: none; width: 100%; } #content .entry-post-format .gallery-thumb { float: none; margin: 5px 15px 15px 0; width: 100%; } #content .page .wpcf7 input.textfield { width: 95%; } #colophon { float: none; width: 100%; } }