@import url(//fonts.googleapis.com/css?family=Open+Sans|Merriweather:700); /** * 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; } #bit, #bit * { *zoom: 1; } #bit { font: normal 13px 'Open Sans', sans-serif; _display: none; } /* @noflip */ .rtl #bit { font-family: tahoma, Arial, sans-serif; } .loggedout-follow-shelf { position: fixed; right: 40%; z-index: 100; bottom: -300px; } .loggedout-follow-normal { position: fixed; z-index: 100; bottom: -300px; right: 10px; } .loggedout-follow-typekit { margin-right: 4.5em; position: fixed; z-index: 100; 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-weight: normal; font-size: 13px; color: #CCC; letter-spacing: normal; border: 0; background-color: #324155; -webkit-box-shadow: 0 -1px 5px rgba(0,0,0,0.20); -moz-box-shadow: 0 -1px 5px rgba(0,0,0,0.20); -o-box-shadow: 0 -1px 5px rgba(0,0,0,0.20); -ms-box-shadow: 0 -1px 5px rgba(0,0,0,0.20); box-shadow: 0 -1px 5px rgba(0,0,0,0.20); outline-style: none; outline-width: 0; } #bit a.bsub { -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; -o-border-radius: 2px 2px 0 0; -ms-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } #bit a.bsub span { padding-right: 6px; } #bit a.bsub span:before{ content: '\f801'; color: #00AADC; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font: normal 16px/1 'Noticons'; margin: 0 5px 4px 0; vertical-align: middle; } #bit a:hover span, #bit a.bsub.open span { color: #ffffff !important; background-position: left -117px; } #bit a.bsub.open { background: #324155; } #bitsubscribe { background: #324155; 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; } #bitsubscribe a { color: #d2dee6; } #bit h3, #bit #bitsubscribe h3 { margin: 0 0 .5em 0 !important; font-size: 20px; color: #D2DEE6; text-align: left; font-family: 'Merriweather', serif; font-weight: bold; } #bit h3 label{ color: #D2DEE6; font-family: 'Merriweather', serif; font-size: 20px; } #bit #bitsubscribe p { margin: 0 0 1em 0; *margin: 0 0 0 0; font-size: 14px; line-height: 1.45em; font-weight: 300; color: #fff; } #bitsubscribe p a { margin: 20px 0 0; color: #fff; text-decoration: underline; } #bit #bitsubscribe p.bit-follow-count { font-size: 13px; color: #D2DEE6; margin-top: -8px; } #bitsubscribe input[type=submit] { border-style: solid; border-width: 1px 1px 2px; color: #fff; cursor: pointer; display: block; margin: 0; outline: 0; overflow: hidden; padding: .75em; text-overflow: ellipsis; text-decoration: none; vertical-align: top; white-space: nowrap; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8) inset; -moz-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8) inset; box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8) inset; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out; background: #00aadc; border-color: #0090bb; border-top-color: #0099c6; border-bottom-color: #0088b0; color: #fff; -webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15) inset; -moz-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15) inset; box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15) inset; width:100%; text-shadow: none; font-size: 1em; } #bitsubscribe input[type=submit]:hover { background: #33bbe3; border-color: #2b9ec0; border-bottom-color: #2895b5; box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15) inset; } #bitsubscribe input[type=submit]:active { border-width: 2px 1px 1px; } #bitsubscribe input[type=text], #bitsubscribe input[type=email] { background: #f4f8fA; border: 1px solid #d2dee6; border-radius: 0; color: #404040; font-size: 13px; font-weight: 300; height: auto; padding: 5px 6px; width: 100%; box-sizing: border-box; /* @noflip */ direction: ltr; } #bitsubscribe input[type=text]:focus, #bitsubscribe input[type=email]:focus { border: 1px solid #000; } #bitsubscribe.open { display: block; } #bsub-subscribe-button { text-align: center; margin: 0 auto; } /* Confirmation =============================== */ #bitsubscribe #lof-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 { overflow: hidden; } #bitsubscribe #lof-followpublicize p.lof-followpublicize-facebook { border: 1px solid #242f3d; } /* Error =============================== */ #bit #bitsubscribe p#loggedout-follow-error { background: #E8F0F5; border-left: 3px solid #DD3D36; font-size: 12px; font-weight: 1.4em; padding: 10px; color: #DD3D36; } /* Footer =============================== */ #bitsubscribe #bsub-credit { text-align: center; font-weight: normal; font-size: 11px; padding: 0 0 7px 0; margin:0 0 -15px; border-top: 1px solid #3c3c3c; } #bitsubscribe #bsub-credit a { color: #90AEC2; background: none; text-decoration: none; } #bitsubscribe #bsub-credit a:hover { color: #78DCFA; background: none; } @media (max-width: 800px) { #bit, #bit a.bsub { display:none; } } @media (min-device-width: 768px) { #bit, #bit a.bsub { display: block; } } /* =Infinity Styles -------------------------------------------------------------- */ .infinite-wrap { } .infinite-loader { color: #000; display: block; height: 28px; text-indent: -9999px; } #infinite-handle span { background: #333; border-radius: 1px; color: #eee; cursor: pointer; font-size: 13px; padding: 6px 16px; } /** * Using a highly-specific rule to make sure that all button styles * will be reset */ #infinite-handle span button, #infinite-handle span button:hover, #infinite-handle span button:focus { display: inline; position: static; padding: 0; margin: 0; border: none; line-height: inherit; background: transparent; color: inherit; cursor: inherit; font-size: inherit; font-weight: inherit; font-family: inherit; } /** * This is used to avoid unnecessary inner button spacing in Firefox */ #infinite-handle span button::-moz-focus-inner { margin: 0; padding: 0; border: none; } /** * For smaller viewports, remove the down-arrow icon and turn * the button into a block element, spanning the content's full width. */ @media (max-width: 800px) { #infinite-handle span:before { display: none; } #infinite-handle span { display: block; } } /** * Footer */ #infinite-footer { position: fixed; bottom: -50px; left: 0; width: 100%; } #infinite-footer a { text-decoration: none; } #infinite-footer .blog-info a:hover, #infinite-footer .blog-credits a:hover { color: #444; text-decoration: underline; } #infinite-footer .container { background: rgba( 255, 255, 255, 0.8 ); border-color: #ccc; border-color: rgba( 0, 0, 0, 0.1 ); border-style: solid; border-width: 1px 0 0; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; overflow: hidden; padding: 1px 20px; width: 780px; } #infinite-footer .blog-info, #infinite-footer .blog-credits { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 25px; } #infinite-footer .blog-info { float: left; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 40%; } #infinite-footer .blog-credits { font-weight: normal; float: right; width: 60%; } #infinite-footer .blog-info a { color: #111; font-size: 14px; font-weight: bold; } #infinite-footer .blog-credits { color: #888; font-size: 12px; text-align: right; } #infinite-footer .blog-credits a { color: #666; } /** * Hooks to infinity-end body class to restore footer */ .infinity-end.neverending #infinite-footer { display: none; } /** * Responsive structure for the footer */ @media (max-width: 640px) { #infinite-footer .container { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } #infinite-footer .blog-info { width: 30%; } #infinite-footer .blog-credits { width: 70%; } #infinite-footer .blog-info a, #infinite-footer .blog-credits { font-size: 10px; } } /** * No fixed footer on small viewports */ @media ( max-width: 640px ) { #infinite-footer { position: static; } }/* =Infinity Styles -------------------------------------------------------------- */ .infinite-scroll #page { position: relative; padding-bottom: 80px; } .infinite-scroll #content .infinite-wrap { border-top: none; padding-top: 0; } .infinite-loader { margin-top: 20px; } /* Elements to hide */ .infinite-scroll #content .navigation, .infinite-scroll.neverending #footer { display: none; } .infinite-scroll #wpstats { margin-top: -10px; } /* Fixed footer */ #infinite-footer .blog-info { line-height: 28px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; } #infinite-footer .blog-info a { color: #515151; } body #infinite-footer .blog-info a:hover, #infinite-footer .blog-credits a:hover { color: #515151; text-decoration: none; border-bottom: 1px dotted silver; } /* When IS finishes */ .infinite-scroll.infinity-end #footer { display: block; } .infinite-scroll.infinity-end #page { position: static; padding-bottom: 0; }.slideshow-window { background-color: #222; border: 20px solid #222; border-radius: 10px; height: 0; margin-bottom: 20px; overflow: hidden; padding-top: 30px !important; padding-bottom: 56.25% !important; position: relative; z-index: 1; } .slideshow-window.slideshow-white { background-color: #fff; border-color: #fff; } .slideshow-window, .slideshow-window * { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .slideshow-loading { height: 100%; text-align: center; margin: auto; } body div.slideshow-window * img { /* Override any styles that might be present in the page stylesheet */ background-color: transparent !important; background-image: none !important; border-width: 0 !important; display: block; margin: 0 auto; max-width: 100%; max-height: 100%; padding: 0 !important; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .slideshow-loading img { vertical-align: middle; } .slideshow-slide { display: none; height: 100% !important; left: 0; margin: auto; position: absolute; text-align: center; top: 0; width: 100% !important; } .slideshow-slide img { vertical-align: middle; } .slideshow-line-height-hack { overflow: hidden; width: 0px; font-size: 0px; } .slideshow-slide-caption { font-size: 13px; font-family: "Helvetica Neue", sans-serif; color: #f7f7f7; text-shadow: #222 1px 1px 2px; line-height: 25px; height: 25px; position: absolute; bottom: 5px; left: 0; z-index: 100; width: 100%; text-align: center; } /* @noflip */ .slideshow-controls { z-index: 1000; position: absolute; bottom: 30px; margin: auto; text-align: center; width: 100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; direction:ltr; -webkit-transition: 300ms opacity ease-out; -moz-transition: 300ms opacity ease-out; transition: 300ms opacity ease-out; } .slideshow-window:hover .slideshow-controls { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } body div div.slideshow-controls a, body div div.slideshow-controls a:hover { border:2px solid rgba(255,255,255,0.1) !important; background-color: #000 !important; background-color: rgba(0,0,0,0.6) !important; background-image: url(/wp-content/mu-plugins/shortcodes/css/../img/slideshow-controls.png) !important; background-repeat: no-repeat; background-size: 142px 16px !important; background-position: -34px 8px !important; color: #222 !important; margin: 0 5px !important; padding: 0 !important; display: inline-block !important; *display: inline; zoom: 1; height: 32px !important; width: 32px !important; line-height: 32px !important; text-align: center !important; -khtml-border-radius: 10em !important; -webkit-border-radius: 10em !important; -moz-border-radius: 10em !important; border-radius: 10em !important; -webkit-transition: 300ms border-color ease-out; -moz-transition: 300ms border-color ease-out; -o-transition: 300ms border-color ease-out; transition: 300ms border-color ease-out; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { body div div.slideshow-controls a, body div div.slideshow-controls a:hover { background-image: url(/wp-content/mu-plugins/shortcodes/css/../img/slideshow-controls-2x.png) !important; } } body div div.slideshow-controls a:hover { border-color: rgba(255,255,255,1) !important; } body div div.slideshow-controls a:first-child { background-position: -76px 8px !important;} body div div.slideshow-controls a:last-child { background-position: -117px 8px !important;} body div div.slideshow-controls a:nth-child(2) { background-position: -34px 8px !important;} body div div.slideshow-controls a.running { background-position: -34px 8px !important;} body div div.slideshow-controls a.paused { background-position: 9px 8px !important;} .slideshow-controls a img { border: 50px dotted fuchsia; } /** * 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; }/* Theme Name: Freshy Theme URI: http://www.jide.fr Description: A darker theme with header image and page navigation. Version: 1.0-wpcom Author: Julien De Luca Author URI: http://www.jide.fr License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: custom-header, fixed-layout, two-columns, rtl-language-support, white, light, right-sidebar, infinite-scroll, sticky-post, translation-ready, custom-menu, blog, bright, colorful, dark, light, modern Status: inactive */ body, html { margin:0; padding:0; /*font: normal 100.01%/1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;*/ font-size : 90%; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; } body { margin:0; padding:0; background:#7F7F7F; } ::-moz-selection { background:#FF3C00; color:white; } ::selection { background:#FF3C00; color:white; } /*-----------GENERAL STYLING--------------*/ a { color:#515151; text-decoration:none; } #content a { border-bottom:1px dotted silver; } #content a:hover { border-bottom:1px dotted #FF3C00; } /*------HEADER------*/ #title_image { margin:0; text-align:left; display:block; height:95px; background:url(/wp-content/themes/pub/freshy/images/headers/header_image2.jpg) center center transparent repeat-y; } #title { background: rgb(50,50,50); /* Old browsers */ background: -moz-linear-gradient(top, rgb(50,50,50) 0%, rgb(0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(50,50,50)), color-stop(100%,rgb(0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(50,50,50) 0%,rgb(0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(50,50,50) 0%,rgb(0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(50,50,50) 0%,rgb(0,0,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(50,50,50) 0%,rgb(0,0,0) 100%); /* W3C */ border-bottom: 2px solid #fff; height:49px; margin:10px 0 0; padding:15px 25px 0 15px; clear:both; text-align:left; } #title h1 { padding:0; margin:0; font-weight:normal; line-height:1em; font-size:2.1em; font-family:helvetica; } #title h1 a { color:white; display:block; } .description { color:#c9e45a; } #content h2 { color:#515151; padding:0; margin:0; border:none; clear:both; } #content h2 a { text-decoration:none; border:none; } #content h2 a:hover { border-bottom:1px dotted silver; } hr { display:none; clear:both; } h3, h4 { color:#515151; padding:0; margin:2em 0 0 0; clear:both; } input, textarea, select { padding:4px; border:1px solid #515151; font-size:.9em; line-height:1em; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; } input, label { height:auto; width:auto; padding:4px; } label { font-size:.9em; } #searchform input#s { width:130px !important; padding:4px; border:1px solid #515151; font-size:.9em; line-height:1em; text-transform:none; color:black; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; background:white; } #sidebar input.btn, #searchform input { width:65px; } #searchform { margin-top:10px !important; } #searchform br { display:none; } input.btn, #searchform input, input#submit { background:#111111; color:#FFFFFF; padding:4px; border:1px outset #000000; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; text-transform:uppercase; } input[class=btn], input[type=submit] input[id=submit] { padding:3px; } textarea { overflow:auto; display:block; width:100%; } ul, ol { list-style-type:none; list-style-position:outside; padding:0; margin:.2em 0 .2em 0; } #content ul li, #content ol li { background:transparent url(/wp-content/themes/pub/freshy/images/puce.png) 11px .4em no-repeat; padding-left: 27px; margin-bottom: .6em; } ul ul li, ol ol li { background:transparent url(/wp-content/themes/pub/freshy/images/bullet.gif) 0px .5em no-repeat; padding-left:8px; } #content ol { list-style-position: inside; } #content ol li { background: transparent; padding-left: 0; margin-left: 27px; list-style: decimal; } #content ol ol, #content ul ul { margin-top: .6em; } a img { border: 0 none; } form { padding:0; margin:0; } pre, code { display:block; font: 1em 'Courier New', Courier, Fixed, monospace; font-size : 100%; color: #000; background : #fff url(/wp-content/themes/pub/freshy/images/preback.jpg) no-repeat left top; overflow : auto; text-align:left; border : 1px solid #99cc66; /*highlight color */ padding : 0px 20px 0 30px; margin:1em 0 1em 0; line-height:17px; } .alt { background-color:#F5F5F5 !important; } .icon { vertical-align:middle; border:0; } .with_icon { padding:2px 0 2px 0 } .navigation { clear:both; padding:0; display:block; } .alignleft { display:block; float: left; } .alignright { display:block; float: right; } /*-------SIDEBAR---------*/ #sidebar { font-size:.9em; } #sidebar ul, #sidebar ol { padding:0; } #sidebar form, #sidebar p { padding:0; margin:0 0 1em 0; } #sidebar h2 { background:#6a6765 url(/wp-content/themes/pub/freshy/images/stripe_gray-large.gif); padding: 8px; margin:10px 0 10px 0; font-size: 1em; font-weight:normal; text-transform:uppercase; color:gray; /* border-bottom:3px solid gray;*/ } html>body .ellipsis li { clear:both; } html>body .ellipsis li:after { content: "..."; display:inline; } html>body .ellipsis li span { white-space:nowrap; overflow:hidden; max-width:180px; width:auto !important; display:inline; float:left; } ol.ellipsis li span { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:190px; display:block; } #sidebar a{ text-decoration: none; } #sidebar a:hover, #sidebar .current_page_item li a:hover, #sidebar .current-cat li a:hover { color:#FF3C00; } #sidebar .current_page_item a, #sidebar .current-cat a { font-weight:bold; color:#FF3C00; } #sidebar .current_page_item li a, #sidebar .current-cat li a { font-weight:normal; color:#515151; } #sidebar li img { vertical-align:middle; border:0; } #sidebar input.btn { margin-left:4px; } /* menu */ .menu.primary { list-style-type: none; background: url(/wp-content/themes/pub/freshy/images/menu/menu_bg.gif) 50% 0 #515151 repeat-x; margin: 0; padding: 0; height: 80px; width: 780px; border-top: 1px solid #FFFFFF; overflow: hidden; } .menu.primary.custom-menu { overflow: visible; } .menu.primary li { background: none; padding: 0; display: table-row; vertical-align: middle; float: left; height: 80px; position: relative; } .menu.primary li.last_menu, .menu.primary li.right_menu { float: right; } .menu.primary li a { font-size: .8em; text-transform: uppercase; line-height: normal; display: table-cell; vertical-align: middle; height: 80px; padding: 0 10px 0 10px; background: url(/wp-content/themes/pub/freshy/images/menu/menu_triple.gif) top left transparent repeat-x; } .menu.primary li a:hover, .menu.primary li a:active { background-position: center left; color: #FFFFFF; } .menu.primary li.current_page_item a { background-position: bottom left !important; color: #1F3700 !important; } .menu.primary li a.first_menu { padding-left: 35px; background-repeat: no-repeat; background-image: url(/wp-content/themes/pub/freshy/images/menu/menu_start_triple.gif); } .menu.primary li a.last_menu, .menu.primary li a.last_menu_off { padding-right: 35px; background-repeat: no-repeat; background-image: url(/wp-content/themes/pub/freshy/images/menu/menu_end_triple.gif); background-position: top right; } .menu.primary li a.last_menu:hover, .menu.primary li a.last_menu:active { background-position: center right; } .menu.primary li.current_page_item a.last_menu { background-position: bottom right !important; } .menu.primary li a { color: white; text-decoration: none; } .menu.primary li.lang_menu { float: right; } .menu.primary li.lang_menu a span { width: 19px; height: 80px; overflow: hidden; text-indent: 100px; display: block; } .menu.primary li.lang_menu a { display: block; width: 19px; cursor: pointer; } .menu.primary ul { display: none; position: absolute; top: 57px; left: 0; float: left; z-index: 99999; width: 100px; } .menu.primary ul li { height: auto; min-width: 100px; } .menu.primary ul ul { left: 100%; top: 0; margin: 0; } .menu.primary ul li a { background: #000000; height: auto; width: 80px; padding: 10px; } .menu.primary li:hover > ul { display: block; } /* you-are-here styles */ .menu.primary ul li a:hover, .menu.primary ul li.current_page_item a, .menu.primary ul li:hover > a { background-color: #252525; } .menu.primary li.current_page_item li > a, .menu.primary li.current_page_parent > a, .menu.primary li.current_page_ancestor > a, .menu.primary li.current-cat > a, .menu.primary li.current-menu-ancestor > a, .menu.primary li.current-menu-item > a, .menu.primary li.current-menu-parent a { background-color: #a3c909 !important; background-position: bottom left !important; color: #1f3700 !important; } /*---------LANGS----------*/ .menu.primary li#fr_FR a span { background:url(/wp-content/themes/pub/freshy/images/lang_fr.gif) left transparent no-repeat; } .menu.primary li#en_US a span { background:url(/wp-content/themes/pub/freshy/images/lang_en.gif) left transparent no-repeat; } .menu.primary li#fr_FR.current_page_item a span, .menu.primary li#fr_FR a:active span { background-image:url(/wp-content/themes/pub/freshy/images/lang_fr.gif); } .menu.primary li#en_US.current_page_item a span, .menu.primary li#en_US a:active span { background-image:url(/wp-content/themes/pub/freshy/images/lang_en.gif); } /*--------FOOTER---------*/ #footer .footer_content { width:760px; display:block; margin-right:auto; margin-left:auto; margin-top:0px; padding:10px 10px 10px 10px; border-top:1px dotted silver; text-align:center; } /*--------POST--------*/ .post { font-size:.9em; border-top:20px solid #F5F5F5; margin-bottom:10px; padding:1em 0 1em 0; } .sticky { border-top:20px solid #ccc; background: #f7f7f7; padding: 10px; } .post h2, .post h3, .post h4, .post h5 { font-size:2em; } .post hr { display:block; } .highlight_box { font-size:.9em; border:2px solid #F5F5F5; padding:1em; margin-bottom:20px; } .highlight_box .post { font-size:1em; border:0px none; margin-bottom:0px; padding:0 0 0 0; } .highlight_box .post p { margin:0; } .highlight_box .post .date { display:none; } .highlight_box h2, .highlight_box h3, .highlight_box h4, .highlight_box h5 { font-size:2em; border-bottom:10px solid #F5F5F5; } .highlight_box .post h2, .highlight_box .post h3, .highlight_box .post h4, .highlight_box .post h5 { font-size:1.5em; } .readmore { display:block; text-align:left; font-weight:bold; clear:both; margin:1em 0 1em 0; color:#FF3C00; } .date { /* date & author */ color : silver; float:right; line-height:2.3em; margin:1.5em 0 5px 10px; padding-left:5px; border-left:1px solid silver; font-size:.8em; text-align:center; position:relative; right:0; } .date_day { display:block; font-size:3em; text-align:right; } .date_month { display:block; font-size:3em; text-align:right; font-weight:bold; } .date_year { display:block; font-size:1.4em; line-height:.9em; } #content .postmetadata a { color : #FF3C00; border:none; text-decoration:none; } #content .postmetadata a:hover { border-bottom:1px dotted silver; } .postmetadata { margin:0; color:#515151; list-style-type:none; } .clear { clear: both; } .comment-author .avatar { float:left; margin:0 5px 0 0; border:1px solid silver; vertical-align:middle; } #content .commentlist dt{ /* clear:both;*/ position:absolute; } html > body #content .commentlist dt{ position:static; } #content .commentlist dd { margin:0; padding:10px 3em 10px 10px; /* for ie not overlapping the comment with the date */ font-size:1em; line-height:1.5em; color:silver; margin:0 0 1em 0; } html > body #content .commentlist dd { padding:10px; } #content .commentlist div.comment { color:#000000; overflow: hidden; } #content .commentlist .date { margin-right:5px; font-size:.5em; } #content .commentlist .comment_text { margin-top:5px; display:block; } html > body #content .commentlist dd.author_comment { background:url(/wp-content/themes/pub/freshy/images/transp-80.png) #c9e45a !important; width:auto; } .bypostauthor {} #content .commentlist dd.author_comment { background-color:#c9e45a !important; filter:alpha(opacity=20); width:510px; } #content .commentlist .author_comment .author, #content .commentlist .author_comment .author a { color:#c9e45a !important; border-color:#c9e45a !important; } #content .commentlist dd.author_comment * { /* ie */ filter:alpha(opacity=100); position:relative; } #content .commentlist dt.author_comment .date { color:#a5ba52 !important; border-color:#a5ba52 !important; } #content textarea#comment { font-size:1em; line-height:1.3em; } #commentform small { color:#515151; } #respond label { clear: right; } #respond input[type="text"] { float: left; margin-right: 6px; } #respond p { line-height: 24px; } #respond .comment-form-comment label, #respond .form-allowed-tags { display: none; } #respond .required { font-size: 10px; margin-left: 5px; color: #ff4b33; font-weight: bold; } #respond .subscribe-label { font-size: 12px; } #respond .comment-notes { font-size: 11px; } .entry { margin:0; text-align:justify; } .entry p { margin:1em 0 1em 0; } img.centered, img.aligncenter { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; max-width: 95.5%; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { height: auto; margin: 0; max-width: 98%; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .gallery-caption {} #content .commentlist dd.depth-2 { margin-left:2em; } #content .commentlist dd.depth-3 { margin-left:4em; } #content .commentlist dd.depth-4 { margin-left:6em; } #content .commentlist dd.depth-5 { margin-left:8em; } #content .commentlist dd.depth-6 { margin-left:10em; } #content .commentlist dd.depth-7 { margin-left:12em; } #content .commentlist dd.depth-8 { margin-left:14em; } #content .commentlist dd.depth-9 { margin-left:16em; } /* WP.com *********************************************/ #sidebar .milestone-header { padding: 10px; } .milestone-widget .milestone-content { max-width: none; } .milestone-header .date { border-width: 0; float: none; line-height: 1.5; margin: 0; position: static; } #sidebar .milestone-countdown, #sidebar .milestone-message { padding: 1em; }#page { text-align:center; border-right:1px solid #7F7F7F; } #wrapper { box-shadow: 0 0 10px 2px #5a5a5a; -webkit-box-shadow: 0 0 10px 2px #5a5a5a; -moz-box-shadow: 0 0 10px 2px #5a5a5a; margin: 0 auto; width: 780px; } #frame { background: #fff; width:780px; margin-right:auto; margin-left:auto !important; /* stupid ie... */ margin-left:1px; margin-top:0px; padding:0px; text-align:left; } #content { width:510px !important; width:550px; padding:0 20px 0 20px; float:left; background:#FFFFFF; overflow: hidden; } .widecolumn { margin: 20px 0; } #sidebar { width:230px; padding:0px; float:right; background-color:#F3F3F3; } #sidebar div, #sidebar ul { padding:0 9px 9px 9px; } #sidebar div div { padding:0 0 0 0; } #header { width:780px; margin-right:auto; margin-left:auto !important; /* stupid ie... */ margin-left:1px; margin-top:0px; padding:0px; } #footer { background: #fff; padding-bottom:10px; margin: 0 auto 30px auto; width: 780px; } #pp_wrap { overflow-x: hidden; } #pp_gallery { width: 100%; margin-top: 10px; margin-left: auto; margin-right: auto; clear: both; } #pp_meta { text-align: center; padding: 10px; } #pp_page_links { text-align: center; } .pp_centered { display: block; margin-left: auto; margin-right: auto; text-align:center; } /* .pp_empty { display: block; margin-left: auto; margin-right: auto; text-align:center; } */ .pp_border { border: 1px solid #999; } .alignleft { float:left; clear:none; margin-right:6px; border:0px none; } img.pp_left_side { float:left; border: 1px solid #999; padding: 1px; } img.pp_centered { border: 1px solid #999; padding: 1px; } .pp_cell { text-align: center; vertical-align: top; padding: 5px; font-size: 0.9em; } /* .pp_cell a { float:left; } .pp_cell span { float:left; display:none; } .pp_cell img { float:left; }*/ .pp_prev, .pp_next { margin: 10px; display: block; padding: 5px; } a.pp_prev, a.pp_next { background: #acf; border: solid 1px #9ac; color: #000; text-decoration: none; font-weight: bold; } a.pp_prev:hover, a.pp_next:hover { background: #369; border: solid 1px #036; color: #fff; text-decoration: none; } .pp_prev { float: left; } .pp_next { float: right; }