/** * Smiley project CSS */ /* generic emoji styles */ .wp-emoji, .wp-emoji:before { display: inline-block !important; /* shouldn't have been necessary, but some themes set this to static */ } .wp-emoji { position: relative !important; /* shouldn't have been necessary, but some themes set this to static */ vertical-align: bottom; /* this will be a line-height tall wrapper for vertically centering the smiley */ width: 1.375em; overflow: hidden; white-space: nowrap; text-indent: 9999px; min-height: 1.2em; /* for really small lineheights */ } /* Firefox does weird things with text-indent and selection */ @-moz-document url-prefix() { .wp-emoji { text-indent: 0; text-align: center; color: rgba(255,255,255,0); overflow: visible; } } /* @noflip */ .wp-emoji:before { /* vertically center the smiley */ position: absolute; content: ""; /* height/width for IE, Firefox and non-webkit browsers */ height: 1.25em; width: 1.375em; margin-top: -0.625em; /* minus half the height of the smiley */ left: 0; top: 50%; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; } /* WebKit specific hacks */ @media screen and (-webkit-min-device-pixel-ratio:0) { .wp-emoji { width: 1.35em; } .wp-emoji:before { height: 1.4em; width: 1.35em; margin-top: -0.7em; /* minus half the height of the smiley */ } } /* IE specific hacks */ @media screen and (min-width:0\0) { .wp-emoji { height: 1.2em; width: 1.38em; } .wp-emoji:before { width: 1.38em; } } /* individual smileys */ /* PNGs are for IE8 fallbacks. Let's remove them some day please */ .wp-emoji-smile:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/smile.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/smile.svg), none; } .wp-emoji-wink:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/wink.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/wink.svg), none; } .wp-emoji-bigsmile:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/bigsmile.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/bigsmile.svg), none; } .wp-emoji-heart:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/heart.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/heart.svg), none; } .wp-emoji-neutral:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/neutral.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/neutral.svg), none; } .wp-emoji-uneasy:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/uneasy.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/uneasy.svg), none; } .wp-emoji-lol:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/lol.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/lol.svg), none; } .wp-emoji-sad:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/sad.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/sad.svg), none; } .wp-emoji-cry:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/cry.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/cry.svg), none; } .wp-emoji-evilgrin:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/evilgrin.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/evilgrin.svg), none; } .wp-emoji-twisted:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/twisted.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/twisted.svg), none; } .wp-emoji-evil:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/evil.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/evil.svg), none; } .wp-emoji-surprised:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/surprised.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/surprised.svg), none; } .wp-emoji-tongue:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/tongue.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/tongue.svg), none; } .wp-emoji-angry:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/angry.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/angry.svg), none; } .wp-emoji-burrito:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/burrito.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/burrito.svg), none; } .wp-emoji-burrito, .wp-emoji-burrito:before { width: 1.6em; } .wp-emoji-wordpress:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/wordpress.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/wordpress.svg), none; } .wp-emoji-mindblown:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/mindblown.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/mindblown.svg), none; } .wp-emoji-mindblown-alt:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/mindblown-alt.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/mindblown-alt.svg), none; } .wp-emoji-martini:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/martini.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/martini.svg), none; } .wp-emoji-whiterussian:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/whiterussian.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/whiterussian.svg), none; } .wp-emoji-star:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/star.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/star.svg), none; } .wp-emoji-developer:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/developer.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/developer.svg), none; } .wp-emoji-developer, .wp-emoji-developer:before { width: 1.5em; } .wp-emoji-facepalm:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/facepalm.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/facepalm.svg), none; } .wp-emoji-facepalm, .wp-emoji-facepalm:before { width: 1.4em; } .wp-emoji-bear:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/bear.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/bear.svg), none; } .wp-emoji-mrgreen:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/mrgreen.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/mrgreen.svg), none; } .wp-emoji-arrow:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/arrow.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/arrow.svg), none; } .wp-emoji-confused:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/confused.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/confused.svg), none; } .wp-emoji-cool:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/cool.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/cool.svg), none; } .wp-emoji-idea:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/idea.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/idea.svg), none; } .wp-emoji-blush:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/blush.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/blush.svg), none; } .wp-emoji-oops:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/oops.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/oops.svg), none; } .wp-emoji-rolleyes:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/rolleyes.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/rolleyes.svg), none; } .wp-emoji-exclaim:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/exclaim.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/exclaim.svg), none; } .wp-emoji-question:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/question.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/question.svg), none; } .wp-emoji-kitten:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/kitten.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/kitten.svg), none; } .wp-emoji-momface:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/momface.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/momface.svg), none; } /* to enable text-selection of smileys in Firefox, we can't use text-indent or overflow to hide the text, so letterspace it instead */ @-moz-document url-prefix() { .wp-emoji-rolleyes { letter-spacing: -.2em; } .wp-emoji-oops, .wp-emoji-idea, .wp-emoji-confused { letter-spacing: -.25em; } .wp-emoji-burrito, .wp-emoji-arrow, .wp-emoji-bear, .wp-emoji-star { letter-spacing: -.3em; } .wp-emoji-developer, .wp-emoji-mrgreen, .wp-emoji-facepalm { letter-spacing: -.35em; } } /** * 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; }