/** * Like Button toolbar button, loading text & container styles * * @todo: doesn't look like "style.css" is used anymore. */ /* Master container */ #jp-post-flair { padding-top: .5em; } /* Overall Sharedaddy block title */ div.sharedaddy, #content div.sharedaddy, #main div.sharedaddy { clear: both; } div.sharedaddy h3.sd-title { margin: 0 0 1em 0; display: inline-block; line-height: 1.2; font-size: 9pt; font-weight: bold; } div.sharedaddy h3.sd-title:before { content: ""; display: block; width: 100%; min-width: 30px; border-top: 1px solid #ddd; margin-bottom: 1em; } /* Toolbar */ #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: 50px; /* Previous height, 60px */ position: relative; /* Need to abs position placeholder and iframe so there isn't a jarring jump */ } 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 10px 12px 10px; background-color: #2e4453; border-width: 0; box-shadow: 0 0 10px #2e4453; box-shadow: 0 0 10px rgba(46,68,83,.6); min-width: 130px; z-index: 1000; } #likes-other-gravatars * { line-height: normal; } #likes-other-gravatars .likes-text { color: white; font-size: 12px; padding-bottom: 8px; } #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; 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); } .entry-content .post-likes-widget, .post-likes-widget, .comment-likes-widget { margin: 0; border-width: 0; display: block; } /* Loading text */ .post-likes-widget-placeholder { margin: 0; border-width: 0; position: relative; } .post-likes-widget-placeholder .button { display: none; /* Let's not show a dummy like button, let's just make a great button experience once it's loaded */ } .post-likes-widget-placeholder .button span { } .post-likes-widget-placeholder .loading { color: #999; font-size: 12px; } .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; position: absolute; /* Need to abs position placeholder and iframe so there isn't a jarring jump */ top: 0; } .comment-likes-widget { width: 100%; } /* Make ratings block. @todo: make !important unnecessary by removing inline style */ .pd-rating { display: block !important; } /* Hide G+ title */ .sd-gplus .sd-title { display: none; } /** * Add text colors to the playlist shortcode light color scheme. * * Core ticket: https://core.trac.wordpress.org/ticket/27562 */ .wp-playlist-light { color: #000; } .wp-playlist-light .wp-playlist-item { color: #333; } .wp-playlist-light .wp-playlist-playing { background: #fff; color: #000; } .wp-playlist-dark .wp-playlist-item .wp-playlist-caption { color: #fff; } .wp-playlist-caption { display: block; }/** * MP6 hacks, CSS that's either WPCOM specific or otherwise not suitably for MP6 proper */ /* Invert stats sparkline on light theme */ body.admin-color-mp6-light li#wp-admin-bar-stats img { filter: invert(100%); -webkit-filter: invert(100%); } /* Fix dashicons priority so Japanese users can use the toolbar. Should long term be fixed in whatever plugin that forces all fonts to be Arial */ i.mce-i-bold, i.mce-i-italic, i.mce-i-bullist, i.mce-i-numlist, i.mce-i-blockquote, i.mce-i-alignleft, i.mce-i-aligncenter, i.mce-i-alignright, i.mce-i-link, i.mce-i-unlink, i.mce-i-wp_more, i.mce-i-strikethrough, i.mce-i-spellchecker, i.mce-i-fullscreen, i.mce-i-wp_fullscreen, i.mce-i-wp_adv, i.mce-i-underline, i.mce-i-alignjustify, i.mce-i-forecolor, i.mce-i-pastetext, i.mce-i-pasteword, i.mce-i-removeformat, i.mce-i-charmap, i.mce-i-outdent, i.mce-i-indent, i.mce-i-undo, i.mce-i-redo, i.mce-i-help, i.mce-i-wp_help, i.mce-i-wp-media-library, i.mce-i-ltr, i.mce-i-wp_page, .mce-close { font: normal 20px/1 'dashicons' !important; } .dashicons, .dashicons-before:before { font-family: 'dashicons' !important; } .noticon { font-family: "Noticons" !important; }.bbp-staff-role { color: #f1831e; } .bbp-a8c-reply { background: #e9eff3 !important; border: 1px solid #c8d7e1; width: 98% !important; }p.comment-likes { height: 16px; float: none; width: 100%; clear: both; display: block; margin-left: -2px; } p.comment-not-liked { cursor: pointer; } p.comment-likes a.view-likers { text-decoration: underline; border: none; } div.comment-likes-overlay { color: rgb(85, 85, 85); position: absolute; font-size: 9pt; padding: 0; margin: 0; /* Some O2 instances have elements with manually specified `z-index`, so * we just set this to an arbitrary high value to make sure that the * overlay is not covered up. */ z-index: 20000; } div.comment-likes-overlay div.inner { background-color: white; border: 1px solid #dfdfdf; border-color: rgba(0, 0, 0, 0.1); padding: 8px; margin: 0; max-width: 310px; max-height: 250px; overflow: hidden; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), 0 3px 8px rgba(0, 0, 0, 0.1); } div.comment-likes-overlay div.inner a img { text-decoration: none; height: 25px; width: 25px; margin: 2px 10px 2px 2px; vertical-align: middle; } div.comment-likes-overlay div.inner ul { margin: 0; padding: 0; } div.comment-likes-overlay div.inner ul li { float: left; display: inline; padding: 0; margin: 0 0 5px 0; /** Truncate people's names if they are too long. **/ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } div.comment-likes-overlay div.inner ul.single li { width: 100%; /* one column */ } div.comment-likes-overlay div.inner ul.double li { width: 50%; /* two columns */ } div.comment-likes-overlay div.inner a, div.comment-likes-overlay div.inner a:hover { text-decoration: none; border-bottom: none; background: transparent; } div.comment-likes-overlay div.inner ul li a span.user-name { color: rgb(85, 85, 85); } p.comment-likes span.comment-like-feedback { font-size: 12px; line-height: 1.8em; opacity: .8; float: left; padding: 1px 0 0 5px; display: block !important; } a.comment-like-link:hover { background: transparent; } a.comment-like-link span { display: none; } a.comment-like-link { outline: none; border: 0 !important; text-decoration: none !important; padding: 0; margin: 0; float: left; text-decoration: none; line-height: 70%; background: transparent; } a.comment-like-link:before, div.comment-likes-overlay span.icon { -webkit-font-smoothing: antialiased; font-family: "Noticons"; font-size: 20px; line-height: .9; } div.comment-likes-overlay span.icon { color: white; height: 100%; margin: 0; padding: 3px 0 1px 0; } a.comment-like-link:before { color: #2EA2CC; content: '\f408'; width: 16px; display: inline-block; } a.comment-like-link.loading { -webkit-transition: opacity 2s; -moz-transition: opacity 2s; -ms-transition: opacity 2s; -o-transition: opacity 2s; transition: opacity 2s; opacity: 0; } a.comment-like-link:hover:before, p.comment-liked a.comment-like-link:before, p.comment-not-liked:hover a.comment-like-link:before { color: #f1831e; background: transparent; } /** * Styles for navigation. * Mostly copied from trunk/wp-content/mu-plugins/atlas/css/reader.css. */ div.comment-likes-overlay div .slider-nav { position: relative; clear: both; width: 310px; height: 40px; margin: 15px 0 -15px -12px; text-align: center; border-top: 1px solid #dfdfdf; } div.comment-likes-overlay div .slider-nav em { font-style: normal; } div.comment-likes-overlay div .slider-nav .prev { position: absolute; top: 0; left: 0; display: block; width: 40px; height: 40px; border-right: 1px solid #dfdfdf; } div.comment-likes-overlay div .slider-nav .noticon { width: 40px; height: 40px; font-size: 25px; line-height: 40px; } div.comment-likes-overlay div .slider-nav .next { position: absolute; top: 0; right: 0; display: block; display: block; width: 40px; height: 40px; border-left: 1px solid #dfdfdf; } div.comment-likes-overlay div .slider-nav .position { position: absolute; top: 0; left: 40px; bottom: 0; right: 40px; text-align:center; } div.comment-likes-overlay div .slider-nav .position div { display: inline; } div.comment-likes-overlay div .slider-nav .position em { display: inline-block; padding: 0 3px; font-size: 30px; line-height: 40px; color: #bbb; cursor: pointer; } div.comment-likes-overlay div .slider-nav .position .on { color: #1e8cbe; } /** * Styles for Swipe. * Copied from the Swipe README. **/ div.comment-likes-overlay .swipe { overflow: hidden; visibility: hidden; position: relative; } div.comment-likes-overlay .swipe-wrap { overflow: hidden; position: relative; } /* @noflip */ div.comment-likes-overlay .swipe-wrap > div { float: left; width: 100%; position: relative; } /** Noticons Noticons are vector icons embedded in a font for use across wp.com. To use, reference this stylesheet in your project. See instructions in example.html */ /* IE8 and below use EOT and allow cross-site embedding. IE9 uses WOFF which is base64 encoded to allow cross-site embedding. So unfortunately, IE9 will throw a console error, but it'll still work. When the font is base64 encoded, cross-site embedding works in Firefox */ @font-face { font-family: "Noticons"; src: url(../i/noticons/Noticonsd41d.eot?) format("embedded-opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Noticons"; src: url("data:application/x-font-woff;charset=utf-8;base64, ") format("woff"), url(../i/noticons/Noticons.ttf) format("truetype"), url(../i/noticons/Noticons.svg#Noticons) format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "Noticons"; src: url(../i/noticons/Noticons.svg#Noticons) format("svg"); } } /** * All noticons */ .noticon { font-size: 16px; vertical-align: top; text-align: center; -moz-transition: color .1s ease-in 0; -webkit-transition: color .1s ease-in 0; display: inline-block; font-family: "Noticons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; speak: none; } /** * Individual icons */ .noticon-404:before { content: "\f423"; } .noticon-activity:before { content: "\f508"; } .noticon-add:before { content: "\f8b3"; } .noticon-add-media:before { content: "\f8d9"; } .noticon-akismet:before { content: "\f8d2"; } .noticon-anchor:before { content: "\f509"; } .noticon-art:before { content: "\f8b4"; } .noticon-aside:before { content: "\f101"; } .noticon-atsign:before { content: "\f814"; } .noticon-attachment:before { content: "\f416"; } .noticon-audio:before { content: "\f109"; } .noticon-automattic:before { content: "\f815"; } .noticon-automattic-blip:before { content: "\f817"; } .noticon-automattic-ring:before { content: "\f816"; } .noticon-bell:before { content: "\f8d4"; } .noticon-bold:before { content: "\f471"; } .noticon-book:before { content: "\f444"; } .noticon-bug:before { content: "\f50a"; } .noticon-bullhorn:before { content: "\f8a5"; } .noticon-bullseye:before { content: "\f8a0"; } .noticon-cart:before { content: "\f447"; } .noticon-category:before { content: "\f301"; } .noticon-chat:before { content: "\f108"; } .noticon-checkmark:before { content: "\f418"; } .noticon-close:before { content: "\f405"; } .noticon-close-alt:before { content: "\f406"; } .noticon-cloud:before { content: "\f426"; } .noticon-cloud-download:before { content: "\f440"; } .noticon-cloud-upload:before { content: "\f441"; } .noticon-code:before { content: "\f462"; } .noticon-codepen:before { content: "\f216"; } .noticon-cog:before { content: "\f445"; } .noticon-collapse:before { content: "\f432"; } .noticon-colors:before { content: "\f8a7"; } .noticon-comment:before { content: "\f300"; } .noticon-compact:before { content: "\f807"; } .noticon-day:before { content: "\f305"; } .noticon-digg:before { content: "\f221"; } .noticon-document:before { content: "\f443"; } .noticon-dot:before { content: "\f428"; } .noticon-downarrow:before { content: "\f502"; } .noticon-download:before { content: "\f50b"; } .noticon-draggable:before { content: "\f436"; } .noticon-dribbble:before { content: "\f201"; } .noticon-dropbox:before { content: "\f225"; } .noticon-dropdown:before { content: "\f433"; } .noticon-dropdown-left:before { content: "\f434"; } .noticon-edit:before { content: "\f411"; } .noticon-ellipsis:before { content: "\f476"; } .noticon-eventbrite:before { content: "\f8a6"; } .noticon-expand:before { content: "\f431"; } .noticon-external:before { content: "\f442"; } .noticon-facebook:before { content: "\f203"; } .noticon-facebook-alt:before { content: "\f204"; } .noticon-fastforward:before { content: "\f458"; } .noticon-features:before { content: "\f8a8"; } .noticon-feed:before { content: "\f413"; } .noticon-flag:before { content: "\f468"; } .noticon-flickr:before { content: "\f211"; } .noticon-follow:before { content: "\f801"; } .noticon-following:before { content: "\f803"; } .noticon-fonts:before { content: "\f8b5"; } .noticon-foursquare:before { content: "\f226"; } .noticon-fullscreen:before { content: "\f474"; } .noticon-gallery:before { content: "\f103"; } .noticon-ghost:before { content: "\f8d5"; } .noticon-gift:before { content: "\f8a4"; } .noticon-github:before { content: "\f200"; } .noticon-googleplus:before { content: "\f206"; } .noticon-googleplus-alt:before { content: "\f218"; } .noticon-gravatar:before { content: "\f8d0"; } .noticon-gridview:before { content: "\f808"; } .noticon-handset:before { content: "\f50c"; } .noticon-heart:before { content: "\f461"; } .noticon-help:before { content: "\f457"; } .noticon-hide:before { content: "\f404"; } .noticon-hierarchy:before { content: "\f505"; } .noticon-home:before { content: "\f409"; } .noticon-horizon:before { content: "\f8d8"; } .noticon-image:before { content: "\f102"; } .noticon-info:before { content: "\f455"; } .noticon-instagram:before { content: "\f215"; } .noticon-italic:before { content: "\f472"; } .noticon-jetpack:before { content: "\f8d3"; } .noticon-key:before { content: "\f427"; } .noticon-layouts:before { content: "\f8a9"; } .noticon-leftarrow:before { content: "\f503"; } .noticon-lightbulb:before { content: "\f8a1"; } .noticon-link:before { content: "\f107"; } .noticon-linkedin:before { content: "\f207"; } .noticon-linkedin-alt:before { content: "\f208"; } .noticon-localization:before { content: "\f8b2"; } .noticon-location:before { content: "\f417"; } .noticon-lock:before { content: "\f470"; } .noticon-mail:before { content: "\f410"; } .noticon-maximize:before { content: "\f422"; } .noticon-medium:before { content: "\f8d6"; } .noticon-menu:before { content: "\f419"; } .noticon-microphone:before { content: "\f50d"; } .noticon-milestone:before { content: "\f806"; } .noticon-minimize:before { content: "\f421"; } .noticon-minus:before { content: "\f50e"; } .noticon-month:before { content: "\f307"; } .noticon-move:before { content: "\f50f"; } .noticon-next:before { content: "\f429"; } .noticon-notice:before { content: "\f456"; } .noticon-notification:before { content: "\f800"; } .noticon-paintbrush:before { content: "\f506"; } .noticon-path:before { content: "\f219"; } .noticon-pause:before { content: "\f448"; } .noticon-phone:before { content: "\f437"; } .noticon-picture:before { content: "\f473"; } .noticon-pinned:before { content: "\f308"; } .noticon-pinterest:before { content: "\f209"; } .noticon-pinterest-alt:before { content: "\f210"; } .noticon-play:before { content: "\f452"; } .noticon-plugin:before { content: "\f439"; } .noticon-plus:before { content: "\f510"; } .noticon-pocket:before { content: "\f224"; } .noticon-polldaddy:before { content: "\f217"; } .noticon-portfolio:before { content: "\f460"; } .noticon-previous:before { content: "\f430"; } .noticon-price:before { content: "\f8b0"; } .noticon-print:before { content: "\f469"; } .noticon-promoted:before { content: "\f812"; } .noticon-quote:before { content: "\f106"; } .noticon-rating-empty:before { content: "\f511"; } .noticon-rating-full:before { content: "\f512"; } .noticon-rating-half:before { content: "\f513"; } .noticon-reader:before { content: "\f8a2"; } .noticon-reader-alt:before { content: "\f8a3"; } .noticon-reblog:before { content: "\f805"; } .noticon-reddit:before { content: "\f222"; } .noticon-refresh:before { content: "\f420"; } .noticon-reply:before { content: "\f412"; } .noticon-reply-alt:before { content: "\f466"; } .noticon-reply-single:before { content: "\f467"; } .noticon-rewind:before { content: "\f459"; } .noticon-rightarrow:before { content: "\f501"; } .noticon-search:before { content: "\f400"; } .noticon-send-to-phone:before { content: "\f438"; } .noticon-send-to-tablet:before { content: "\f454"; } .noticon-share:before { content: "\f415"; } .noticon-show:before { content: "\f403"; } .noticon-shuffle:before { content: "\f514"; } .noticon-sitemap:before { content: "\f507"; } .noticon-skip-ahead:before { content: "\f451"; } .noticon-skip-back:before { content: "\f450"; } .noticon-skype:before { content: "\f220"; } .noticon-spam:before { content: "\f424"; } .noticon-spike:before { content: "\f811"; } .noticon-spotify:before { content: "\f515"; } .noticon-squarespace:before { content: "\f8d7"; } .noticon-standard:before { content: "\f100"; } .noticon-star:before { content: "\f408"; } .noticon-status:before { content: "\f105"; } .noticon-stop:before { content: "\f449"; } .noticon-stumbleupon:before { content: "\f223"; } .noticon-subscribe:before { content: "\f463"; } .noticon-subscribed:before { content: "\f465"; } .noticon-summary:before { content: "\f425"; } .noticon-tablet:before { content: "\f453"; } .noticon-tag:before { content: "\f302"; } .noticon-time:before { content: "\f303"; } .noticon-title:before { content: "\f8b6"; } .noticon-top:before { content: "\f435"; } .noticon-trapper:before { content: "\f810"; } .noticon-trash:before { content: "\f407"; } .noticon-trophy:before { content: "\f804"; } .noticon-tumblr:before { content: "\f214"; } .noticon-twitch:before { content: "\f516"; } .noticon-twitter:before { content: "\f202"; } .noticon-types:before { content: "\f8b1"; } .noticon-unapprove:before { content: "\f446"; } .noticon-unfollow:before { content: "\f802"; } .noticon-unsubscribe:before { content: "\f464"; } .noticon-unzoom:before { content: "\f401"; } .noticon-uparrow:before { content: "\f500"; } .noticon-user:before { content: "\f304"; } .noticon-vaultpress:before { content: "\f8d1"; } .noticon-video:before { content: "\f104"; } .noticon-videocamera:before { content: "\f517"; } .noticon-vimeo:before { content: "\f212"; } .noticon-warning:before { content: "\f414"; } .noticon-website:before { content: "\f475"; } .noticon-week:before { content: "\f306"; } .noticon-wordads:before { content: "\f813"; } .noticon-wordpress:before { content: "\f205"; } .noticon-xpost:before { content: "\f504"; } .noticon-youtube:before { content: "\f213"; } .noticon-zoom:before { content: "\f402"; } /** * Deprecated noticon names */ .noticon-like:before { content: "\f408"; } /* Hack Day Style! */ /** * A/B test switches */ /** * Show top menu */ #h4home #topnav { display: block; } .nav-home, .nav-signup { display: none !important; } .front-page-adminbarlogin { display: none; } /** * Background */ #h4home { background: #f5f5f5 !important; } #landingpage { display: block !important; } /** * New font */ #h4home, #h4home #footer, #h4home #footer a.readmore, #h4home h2, #h4home #footer h4, #h4home .regular-text, #h4home #wrapper button, #h4home #wrapper input[type="submit"], #h4home a.button-primary, #h4home #btn-log-in, #h4home #btn-log-in.current { font-family: "Open Sans", "Helvetica Neue", sans-serif !important; } #h4home h2 { /*font-weight: 300; */ font-weight: 100; color: #666; margin-left: 0; } #h4home h2 { font-size: 66px; font-size: 64px\9; /* show a smaller font for ie which doesn't have Helvetica */ } /* smaller font size for wide languages */ html:lang(ja) #h4home h2 { /* Japanese specific style */ font-size: 68px; } html:lang(fr) #h4home h2 { font-size: 58px; } #h4home h3, #footer h4 { letter-spacing: 1px; text-transform: uppercase; color: #333; margin: 10px 0 20px 0; } /** * Links and selections */ #h4home ::selection { color: #fff; background: #04a4cc; } #h4home ::-moz-selection { color: #fff; background: #04a4cc; } /** * Form styles, taken from settings.css */ #h4home .regular-text { padding: 4px 8px; font-size: 13px; color: #444; border-radius: 2px; border: 1px solid #CCC; background: #F9F9F9; width: 300px; box-shadow: inset 0 1px 1px 1px rgba( 0, 0, 0, 0.05 ); line-height: 150%; margin: 0; } /* Restyle H4 */ #h4home #wrapper button, #h4home #wrapper input[type="submit"], #h4home a.button-primary, #h4home #btn-log-in, #h4home #btn-log-in.current { font-size: 14px; font-weight: normal !important; color: #fff; border-radius: 2px !important; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; background-color: #2ea2cc; background-image: -moz-linear-gradient(top, #1e8cbe 0%, #0074a2 100%); background-image: -webkit-linear-gradient(top, #1e8cbe 0%,#0074a2 100%); background-image: -ms-linear-gradient(top, #1e8cbe 0%,#0074a2 100%); background-image: -o-linear-gradient(top, #1e8cbe 0%,#0074a2 100%); background-image: linear-gradient(top, #1e8cbe 0%,#0074a2 100%); -moz-box-shadow: inset 0 2px 0 rgba(120,200,230,0.5); -webkit-box-shadow: inset 0 2px 0 rgba(120,200,230,0.5); box-shadow: inset 0 2px 0 rgba(120,200,230,0.5); border: 0 !important; height: auto !important; text-shadow: none; padding: 4px 15px; display: block; float: left; margin: -4px 5px 0 0; } #h4home #wrapper button, #h4home #wrapper input[type="submit"], #h4home a.button-primary { line-height: 1.6 !important; } #landing-connect a.button-primary { margin: -1px 0 0 20px !important; display: inline-block; float: none; } body#h4home #slider-nav a.button-primary, body#h4home #landing-connect a.button-primary { font-size: 24px !important; } body#h4home #slider-nav a.button-primary { margin: -13px 5px 0 0 !important; } #h4home #wrapper button:hover, #h4home #wrapper input[type="submit"]:hover, #h4home a.button-primary:hover, #h4home #btn-log-in:hover { background-color: #2ea2cc; background-image: -moz-linear-gradient(top, #409cc7 0%, #2889b1 100%); background-image: -webkit-linear-gradient(top, #409cc7 0%,#2889b1 100%); background-image: -ms-linear-gradient(top, #409cc7 0%,#2889b1 100%); background-image: -o-linear-gradient(top, #409cc7 0%,#2889b1 100%); background-image: linear-gradient(top, #409cc7 0%,#2889b1 100%); } #h4home #wrapper button:active, #h4home #wrapper input[type="submit"]:active, #h4home a.button-primary:active, #h4home #btn-log-in:active { background-image: -moz-linear-gradient(top, #1E8CBE 0%, #0074a2 100%) !important; background-image: -webkit-linear-gradient(top, #1E8CBE 0%,#0074a2 100%) !important; background-image: -o-linear-gradient(top, #1E8CBE 0%,#0074a2 100%) !important; background-image: -ms-linear-gradient(top, #1E8CBE 0%,#0074a2 100%) !important; background-image: linear-gradient(top, #1E8CBE 0%,#0074a2 100%) !important; -moz-box-shadow: inset 0 1px 5px #005684, inset 0 -1px 0 #1e8cbe; -webkit-box-shadow: inset 0 1px 5px #005684, inset 0 -1px 0 #1e8cbe; -o-box-shadow: inset 0 1px 5px #005684, inset 0 -1px 0 #1e8cbe; -ms-box-shadow: inset 0 1px 5px #005684, inset 0 -1px 0 #1e8cbe; box-shadow: inset 0 1px 5px #005684, inset 0 -1px 0 #1e8cbe; } #h4home #wrapper button:focus, #h4home #wrapper input[type="submit"]:focus, #h4home a.button-primary:focus, #h4home #btn-log-in:focus { outline: 3px solid #fefefe; } #h4home #log-in-overlay button.button-primary { float: none; background-image: none; padding: 6px 15px 4px 15px !important; } #h4home .overlay-loginmeta label, #h4home .overlay-loginmeta a { margin-right: 20px; font-size: 12px; } /** * Header */ #h4home#h4home #header { width: 100%; height: 110px; background: #fff; } #h4home #header div.core_logo { width: 223px; height: 110px; } #h4home #header h1 a, #h4home h1.logo { background-image: url(../wp-content/themes/h4/tabs/images/wpcom-logoc81e.png?2); background-size: 223px 37px; width: 223px; height: 37px; text-indent: 100%; overflow: hidden; float: left; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* hack to show focus color only to webkit, looks bad in FF */ #h4home #header h1 a:focus, #h4home ul#topnav li a:focus { outline: none; background-color: #f1f1f1; } } #h4home ul#topnav li a { color: #666; padding: 39px 11px 50px 11px; -moz-transition: color .05s ease-in 0; -webkit-transition: color .05s ease-in 0; } #h4home ul#topnav li a:hover, #h4home ul#topnav li.last-child a.current { color: #2ea2cc; background-image: url(../wp-content/themes/h4/landing/menu-current.png); background-repeat: no-repeat; background-position: center bottom; position: relative; z-index: 10; background-size: 25px 13px; } #h4home ul#topnav { margin: 0; max-width: 731px; } #h4home #btn-log-in:after { content: '\f427'; font: 16px/1 "Noticons"; display: inline-block; width: 16px; height: 16px; -webkit-font-smoothing: antialiased; font-size: 16px; vertical-align: middle; margin-left: 3px; } #h4home #btn-log-in, #h4home #btn-log-in.current { color: #fff !important; padding: 7px 12px 6px 15px !important; line-height: 1.3; margin: 40px 0 0 16px; text-transform: capitalize; letter-spacing: 0; } #h4home #btn-log-in:focus { background-color: #2ea2cc !important; } #h4home #btn-log-in:hover, #h4home #btn-log-in.current { background-image: none !important; } #h4home #btn-log-in.current:before { content: ""; display: block; background-image: url(../wp-content/themes/h4/landing/menu-current.png); background-repeat: no-repeat; background-position: center bottom; width: 25px; height: 13px; background-size: 25px 13px; position: absolute; bottom: -51px; left: 29px; } /* Webkit only bottommargin */ @media screen and (-webkit-min-device-pixel-ratio:0) { bottom: -52px; } /* Unstyle H4 */ #h4home ul#topnav li.last-child a.current { margin-right: 0; } /** * Body */ #h4home #wrapper { width: 100%; background: #fff; margin-bottom: 0 !important; } /** * Landing page */ #h4home #landingpage { position: relative; } /** * Log In overlay */ #h4home #log-in-overlay { position: absolute; z-index: 2; height: 520px; background: #e7e7e7; width: 100%; } #h4home #log-in-overlay>div { padding: 80px 0px; width: 318px; margin: 0 auto; position: relative; } #h4home #log-in-close { position: absolute; right: 0; top: 90px; color: #333; } #h4home #log-in-close:hover { color: #00a6c8; } #h4home #log-in-overlay label em { font-size: 8pt; color: #555; font-style: normal; display: none; display: block\9; } /** * Carousel */ #h4home #landing-carousel { height: 520px; background: #000; color: #fff; overflow: hidden; position: relative; } #h4home #slider-container { position: absolute; width: 100%; height: 520px; /* prevent loading weirdness */ filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; } #h4home #slider { height: 520px; } #h4home #slider li { position: relative; } #h4home .anythingSlider h2 { color: #fff !important; margin-left: -7px; } #h4home .anythingSlider { max-width: 1400px; /* width of slides */ margin: 0 auto; } #h4home .anythingControls { display: none !important; } #h4home .slide-overlay { direction:ltr; /* explicit so it's reversed in RTL mode */ text-align:left; /* explicit so it's reversed in RTL mode */ position: absolute; top: 300px; width: 100%; max-width: 1400px; } #h4home .slide-overlay>div { max-width: 960px; padding: 0 10px; margin: 0 auto; } #h4home .slide-overlay h2 { height: 86px; direction:ltr; text-align: left; } #h4home .slide-overlay p { height: 27px; color: #fff; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; padding-left: 90px; white-space: nowrap; } #h4home .slide-overlay .noticon { color: #fff; margin-top: -5px !important; font: 32px/1 "Noticons" !important; display: inline-block; width: 32px !important; height: 32px !important; text-transform: none; margin-left: 10px; margin-right: 5px; -webkit-font-smoothing: antialiased; } #h4home #slider-overlay { position: absolute; z-index: 1; width: 100%; top: 411px; } #h4home #slider-overlay #slider-nav { margin: 0 auto; width: auto; max-width: 960px; padding: 0 10px; } #h4home .arrow a { font: 32px/1 "Noticons"; -webkit-font-smoothing: antialiased; color: #fff !important; opacity: .3; -moz-transition: opacity .1s ease-in 0; -webkit-transition: opacity .1s ease-in 0; } #h4home .arrow { margin-top: 10px; width: 40%; } #h4home .arrow a:hover { opacity: 1; } #h4home .arrow.back { clear: left; float: left; } #h4home .arrow.forward { float: right; text-align: right; } #h4home .arrow.back span { margin-left: -7px; padding-right: 7px; } #h4home .arrow.forward span { padding-left: 7px; margin-right: -7px; } #h4home #slider-signup { float: left; } /** * Landing Themes */ #h4home #landing-themes { background: #f5f5f5; } #h4home #landing-themes>div { max-width: 960px; margin: 0 auto; padding-top: 40px; padding-bottom: 60px; } #h4home #landing-themes>div:after { content: ""; display: table; clear: both; } #h4home #landing-themes h2 { margin-top: -10px; margin-left: -7px; } /* smaller font size for wide languages */ html:lang(ja) #h4home #landing-themes h2 { /* Japanese specific style */ margin-left: -2px; } html:lang(fr) #h4home #landing-themes h2 { margin-left: -2px; } #h4home .themebox { background: #fff; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; width: 450px; height: 300px; padding: 10px; box-shadow: 0 2px 0 #e5e5e5; } #h4home .themebox div { height: 300px; background-repeat: no-repeat; background-position: center top; } /** * Landing Domain */ #h4home #landing-domain { background: #e7e7e7; } #h4home #landing-domain>div { width: 700px; margin: 0 auto; padding-top: 20px; padding-bottom: 40px; } #h4home #landing-domain p { font-size: 18px; } #h4home .domainbox { width: 620px; height: 92px; background-size: 710px 92px; background-image: url(../wp-content/themes/h4/landing/custom-domain-ltr.png); background-repeat: no-repeat; background-position: left top; margin: 20px 0; padding: 0 0 0 90px; color: #333; position: relative; } #h4home .domainbox input { color: #333; font-size: 40px; line-height: 2; font-weight: 300; border: 0; background: transparent; line-height: 2; padding: 0; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; width: 445px; height: 88px; outline: none; } #h4home .domainbox span { position: absolute; color: #fff; font-weight: bold; font-size: 24px; line-height: 1; right: 10px; top: 30px; display: block; width: 130px; } #h4home .domainbox #btn-domainname { position: absolute; color: #fff; font-size: 24px !important; text-transform: none !important; line-height: 1; right: 15px; top: 24px; display: block; width: 130px; text-align: center; cursor: pointer; height: 40px; font-weight: normal; border-radius: 2px !important; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; background-color: #2ea2cc; background-image: -moz-linear-gradient(top, #1e8cbe 0%, #0074a2 100%); background-image: -webkit-linear-gradient(top, #1e8cbe 0%,#0074a2 100%); background-image: -ms-linear-gradient(top, #1e8cbe 0%,#0074a2 100%); background-image: -o-linear-gradient(top, #1e8cbe 0%,#0074a2 100%); background-image: linear-gradient(top, #1e8cbe 0%,#0074a2 100%); -moz-box-shadow: inset 0 2px 0 rgba(120,200,230,0.5); -webkit-box-shadow: inset 0 2px 0 rgba(120,200,230,0.5); box-shadow: inset 0 2px 0 rgba(120,200,230,0.5); padding: 4px 15px; } #h4home .domainbox #btn-domainname:hover { background-color: #2ea2cc; background-image: -moz-linear-gradient(top, #409cc7 0%, #2889b1 100%); background-image: -webkit-linear-gradient(top, #409cc7 0%,#2889b1 100%); background-image: -ms-linear-gradient(top, #409cc7 0%,#2889b1 100%); background-image: -o-linear-gradient(top, #409cc7 0%,#2889b1 100%); background-image: linear-gradient(top, #409cc7 0%,#2889b1 100%); } #h4home .domainbox #btn-domainname:active { background-image: -moz-linear-gradient(top, #1E8CBE 0%, #0074a2 100%) !important; background-image: -webkit-linear-gradient(top, #1E8CBE 0%,#0074a2 100%) !important; background-image: -o-linear-gradient(top, #1E8CBE 0%,#0074a2 100%) !important; background-image: -ms-linear-gradient(top, #1E8CBE 0%,#0074a2 100%) !important; background-image: linear-gradient(top, #1E8CBE 0%,#0074a2 100%) !important; -moz-box-shadow: inset 0 1px 5px #005684, inset 0 -1px 0 #1e8cbe; -webkit-box-shadow: inset 0 1px 5px #005684, inset 0 -1px 0 #1e8cbe; -o-box-shadow: inset 0 1px 5px #005684, inset 0 -1px 0 #1e8cbe; -ms-box-shadow: inset 0 1px 5px #005684, inset 0 -1px 0 #1e8cbe; box-shadow: inset 0 1px 5px #005684, inset 0 -1px 0 #1e8cbe; } #h4home .domainbox #btn-domainname:focus { outline: 2px solid #f1f1f1; } /** * Landing Connect */ #h4home #landing-connect { background-color: #f5f5f5; background-image: url(../wp-content/themes/h4/landing/bg-clouds.png); background-repeat: no-repeat; background-position: center bottom; background-size: 1900px 212px; padding: 20px 0; } #h4home #landing-connect>p { width: 450px; margin-left: auto; margin-right: auto; font-size: 18px; } #h4home #landing-connect h2 { text-align: center; } #h4home #landing-connect .connectbox { width: 100%; background-image: url(../wp-content/themes/h4/landing/connect.png); background-repeat: no-repeat; background-position: center center; background-size: 1078px 286px; height: 286px; margin-bottom: 20px; } #h4home #landing-connect .button-primary { margin-left: 20px; } /** * Footer */ /* H4 unstyling */ #h4home #footer { width: 100%; border-top: 0; text-shadow: none; margin-bottom: 0; } #h4home #footer { padding: 30px 0 40px 0; } #footer .automattic { margin-top: 43px !important; } #h4home #footer .automattic-logo { border: none; } #h4home #footer .button-primary { text-transform: none; letter-spacing: 0; } /* Retina replacements */ @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { #h4home #header h1 a, h1.logo { background-image: url(../wp-content/themes/h4/tabs/images/wpcom-logo-2xc4ca.png?1); } #h4home .domainbox { background-image: url(../wp-content/themes/h4/landing/custom-domain-ltr-2x.png); } #h4home ul#topnav li a:hover, #h4home ul#topnav li.last-child a.current, #h4home #btn-log-in.current:before { background-image: url(../wp-content/themes/h4/landing/menu-current-2x.png); } #h4home #landing-connect { background-image: url(../wp-content/themes/h4/landing/bg-clouds-2x.png); } #h4home #landing-connect .connectbox { background-image: url(../wp-content/themes/h4/landing/connect-2x.png); } } /** * Responsive */ #h4home #header>div { width: auto; max-width: 980px; padding-left: 10px; padding-right: 10px; } @media ( max-width: 960px ) { #h4home h2 { font-size: 50px; } #h4home #landing-themes h2 { margin-left: -2px; } #h4home .anythingSlider h2 { margin-left: -2px; } #h4home .slide-overlay h2 { line-height: 2.2; } #h4home #landing-themes>div { max-width: 980px; padding-left: 10px; padding-right: 10px; } #h4home .themebox { width: 46.5%; overflow: hidden; } #h4home .themebox div { background-size: 100% auto; } #h4home #footer>div { padding-left: 10px; padding-right: 10px; } #h4home #footer .automattic { width: auto; text-align: center; } #h4home #footer .automattic span { width: 100%; } #h4home #footer .footera8c { float: none; } #h4home #landing-connect .connectbox { background-size: 700px 185px; height: 205px; } } @media ( min-width: 960px ) { #h4home #header>div { max-width: 960px; } } @media ( max-width: 840px ) { #h4home ul#topnav li a { padding: 39px 8px 50px 8px; } #h4home #btn-log-in, #h4home #btn-log-in.current { margin: 40px 0 0 8px; } } @media ( max-width: 700px ) { #h4home #header div.core_logo { width: 100% !important; height: 76px; } #h4home#h4home #header { overflow: hidden; height: auto; } #h4home#h4home ul#topnav { width: 100%; } #h4home ul#topnav li a { padding: 29px 8px 30px 8px; } #h4home #btn-log-in, #h4home #btn-log-in.current { margin: 30px 0 0 8px; } } @media ( max-width: 740px ) { #footer .footerpromo, #footer .c1, #footer .c2, #footer .c3, #footer .c4 { width: 33%; } } @media ( max-width: 680px ) { #h4home #adminbar span.adminbar-loginmeta a { display: none; } #h4home #landing-domain > div { width: 500px; } #h4home .domainbox { width: 440px; height: 70px; background-size: 490px auto; font-size: 28px; line-height: 2.2; padding: 0 0 0 60px; } #h4home .domainbox span { font-size: 20px; line-height: 1; display: block; width: 110px; top: 20px } #h4home #landing-connect .connectbox { background-size: 500px 132px; height: 152px; } #footer .footerpromo, #footer .c1, #footer .c2, #footer .c3, #footer .c4 { width: 50%; } }/* AnythingSlider v1.8+ Default theme By Chris Coyier: http://css-tricks.com with major improvements by Doug Neiner: http://pixelgraphics.us/ based on work by Remy Sharp: http://jqueryfordesigners.com/ */ /***************************** SET DEFAULT DIMENSIONS HERE *****************************/ /* change the ID & dimensions to match your slider */ #slider { list-style: none; /* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */ overflow-y: auto; overflow-x: hidden; } /****************** SET STYLING HERE ****************** ================================= Default state (no keyboard focus) ==================================*/ /* Overall Wrapper */ .anythingSlider-default { margin: 0; /* 45px right & left padding for the arrows, 28px @ bottom for navigation */ /*padding: 0 45px 28px 45px; */ } /* Navigation buttons + start/stop button, default state */ .anythingSlider-default .anythingControls a { /* top shadow */ /*background: #777 url(/wp-content/themes/h4/landing/../images/default.png) center -288px repeat-x; */ color: #000; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } /* Make sure navigation text is visible */ .anythingSlider-default .anythingControls a span { visibility: visible; } /* Navigation current button, default state */ .anythingSlider-default .anythingControls a.cur { background: #888; color: #000; } /* start-stop button, stopped, default state */ .anythingSlider-default .anythingControls a.start-stop { background-color: #040; color: #ddd; } /* start-stop button, playing, default state */ .anythingSlider-default .anythingControls a.start-stop.playing { background-color: #800; } /* start-stop button, default hovered text color (when visible) */ /* hide nav/start-stop background image shadow on hover - makes the button appear to come forward */ .anythingSlider-default .anythingControls a.start-stop:hover, .anythingSlider-default .anythingControls a.start-stop.hover, .anythingSlider-default .anythingControls a.start-stop .anythingControls ul a:hover { background-image: none; color: #ddd; } /* ================================= Active State (has keyboard focus) ================================= */ /* slider window - top & bottom borders, active state */ .anythingSlider-default.activeSlider .anythingWindow { border-color: #7C9127; } /* Navigation buttons, active state */ .anythingSlider-default.activeSlider .anythingControls a { /* background image = top shadow */ background-color: #7C9127; } /* Navigation current & hovered button, active state */ .anythingSlider-default.activeSlider .anythingControls a.cur, .anythingSlider-default.activeSlider .anythingControls a:hover { /* background image removed */ background: #7C9127; } /* start-stop button, stopped, active state */ .anythingSlider-default.activeSlider .anythingControls a.start-stop { background-color: #080; color: #fff; } /* start-stop button, playing, active state */ .anythingSlider-default.activeSlider .anythingControls a.start-stop.playing { background-color: #d00; color: #fff; } /* start-stop button, active slider hovered text color (when visible) */ .anythingSlider-default.activeSlider .start-stop:hover, .anythingSlider-default.activeSlider .start-stop.hover { color: #fff; } /************************ NAVIGATION POSITIONING ************************/ /* Navigation Arrows */ .anythingSlider-default .arrow { top: 50%; position: absolute; display: block; } .anythingSlider-default .arrow a { display: block; width: 45px; height: 140px; margin: -70px 0 0 0; /* half height of image */ text-align: center; outline: 0; } /* back arrow */ .anythingSlider-default .back { left: 0; } /* forward arrow */ .anythingSlider-default .forward { right: 0; } /* Navigation Links */ .anythingSlider-default .anythingControls { outline: 0; display: none; } .anythingSlider-default .anythingControls ul { margin: 0; padding: 0; float: left; } .anythingSlider-default .anythingControls ul li { display: inline; } .anythingSlider-default .anythingControls ul a { font: 11px/18px Georgia, Serif; display: inline-block; text-decoration: none; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; text-align: center; outline: 0; } /* navigationSize window */ .anythingSlider-default .anythingControls .anythingNavWindow { overflow: hidden; float: left; } /* Autoplay Start/Stop button */ .anythingSlider-default .anythingControls .start-stop { padding: 2px 5px; width: 40px; text-align: center; text-decoration: none; float: right; z-index: 100; outline: 0; } /*********************** IE8 AND OLDER STYLING ***********************/ /* Navigation Arrows */ .as-oldie .anythingSlider-default .arrow { top: 30%; } .as-oldie .anythingSlider-default .arrow a { margin: 0; } /* margin between nav buttons just looks better */ .as-oldie .anythingSlider-default .anythingControls li { margin-left: 3px; } /* When using the navigationSize option, the side margins need to be zero None of the navigation panels look good in IE7 now =( */ .as-oldie .anythingSlider-default .anythingControls a { margin: 0; } .as-oldie .anythingSlider-default .anythingNavWindow { margin: 0 2px; } .as-oldie .anythingSlider-default .anythingNavWindow li { padding: 3px 0 0 0; } /*********************** COMMON SLIDER STYLING ***********************/ /* Overall Wrapper */ .anythingSlider { display: block; overflow: visible !important; position: relative; } /* anythingSlider viewport window */ /* @noflip */ .anythingSlider .anythingWindow { direction:ltr; overflow: hidden; position: relative; width: 100%; height: 100%; } /* anythingSlider base (original element) */ .anythingSlider .anythingBase { background: transparent; list-style: none; position: absolute; overflow: visible !important; top: 0; left: 0; margin: 0; padding: 0; } /* Navigation arrow text; indent moved to span inside "a", for IE7; apparently, a negative text-indent on an "a" link moves the link as well as the text */ .anythingSlider .arrow span { display: block; visibility: hidden; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */ .anythingSlider .arrow.disabled { display: none; } /* all panels inside the slider; horizontal mode */ .anythingSlider .panel { background: transparent; display: block; overflow: hidden; float: left; padding: 0; margin: 0; } /* vertical mode */ .anythingSlider .vertical .panel { float: none; } /* fade mode */ .anythingSlider .fade .panel { float: none; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; } /* fade mode active page - visible & on top */ .anythingSlider .fade .activePage { opacity: 1; filter: alpha(opacity=100); z-index:2; } /* probably not necessary, but added just in case */ .anythingSlider, .anythingSlider .anythingWindow, .anythingSlider .anythingControls ul a, .anythingSlider .arrow a, .anythingSlider .start-stop { transition-duration: 0; -o-transition-duration: 0; -moz-transition-duration: 0; -webkit-transition-duration: 0; } .geolocation-chip .noticon { display: inline-block; vertical-align: middle; } .geolocation-chip { margin-bottom: 1em; }/** * Post Reblogging not in the Reader */ .reblogger-note img.avatar { float: left; padding: 0; border: 0; } .reblogger-note-content { margin: 0 0 20px; } .wpcom-reblog-snapshot .reblog-from img { margin: 0 .75em 0 0; padding: 0; border: 0; } .wpcom-reblog-snapshot .reblogger-note img.avatar { float: left; padding: 0; border: 0; margin: 0 .5em 0 0; } .wpcom-reblog-snapshot { margin-bottom: 1em; } .wpcom-reblog-snapshot p.reblog-from { margin: 0 0 1em 0; } .wpcom-reblog-snapshot p.reblogger-headline { line-height: 32px; margin: 0 0 1em 0; } .wpcom-reblog-snapshot .reblogged-content { margin: 0 0 1em 0; } /* Old reblog styles */ .reblog-post .wpcom-enhanced-excerpt-content { border-left: 3px solid #eee; padding-left: 15px; } .reblog-post ul.thumb-list { display: block; list-style: none; margin: 2px 0; padding: 0; clear: both; } .reblog-post ul.thumb-list li { display: inline; margin: 0; padding: 0 1px; border: 0; } .reblog-post ul.thumb-list li a { margin: 0; padding: 0; border: 0; } .reblog-post ul.thumb-list li img { margin: 0; padding: 0; border: 0; } .reblog-post .wpcom-enhanced-excerpt { clear: both; } .reblog-post .wpcom-enhanced-excerpt address, .reblog-post .wpcom-enhanced-excerpt li, .reblog-post .wpcom-enhanced-excerpt h1, .reblog-post .wpcom-enhanced-excerpt h2, .reblog-post .wpcom-enhanced-excerpt h3, .reblog-post .wpcom-enhanced-excerpt h4, .reblog-post .wpcom-enhanced-excerpt h5, .reblog-post .wpcom-enhanced-excerpt h6, .reblog-post .wpcom-enhanced-excerpt p { font-size: 100% !important; } .reblog-post .wpcom-enhanced-excerpt blockquote, .reblog-post .wpcom-enhanced-excerpt pre, .reblog-post .wpcom-enhanced-excerpt code, .reblog-post .wpcom-enhanced-excerpt q { font-size: 98% !important; } /* Reblogged post */ .reblog-from img { margin: 0 10px 0 0; vertical-align: middle; padding: 0; border: 0; } .reblog-source { margin-bottom: 0; font-size: .8em; line-height: 1; } .reblog-source .more-words { color: #668eaa; } .wpcom-reblog-snapshot .reblog-post { box-shadow: 0 0 0 1px rgba(46, 68, 83, .1) inset, 0 1px 1px rgba(46, 68, 83, .05); border-radius: 4px; padding: 24px; } /* Optional notes */ .wpcom-reblog-snapshot .reblogger-note { margin: 0 0 1em 0; overflow: hidden; } .wpcom-reblog-snapshot p.reblogger-headline { line-height: 32px; margin: 0 0 1em 0; } .wpcom-reblog-snapshot .reblogger-note-content { margin: 0; padding: 0; } body .wpcom-reblog-snapshot .reblogger-note-content blockquote { font-style: normal; font-weight: normal; font-size: 1em; margin: 0; padding: 0; position: relative; border: none; } .wpcom-reblog-snapshot .reblogger-note-content blockquote p:last-child { margin-bottom: 0; } /* Global styles for WordPress.com */ img.latex { border: none; vertical-align: middle; } .video-player { border: 0; margin: auto; padding: 5px; text-align: center; max-width: 100%; } .hidden { display: none; } .screen-reader-text { position: absolute; left: -1000em; } .comment object, .comment embed, .embed-vimeo iframe, .embed-youtube iframe { max-width: 100%; /* avoid videos being too wide */ } /** * Layout */ .simple-homepage { display: none; }