@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; } }.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: Origin Theme URI: http://wordpress.org/themes/origin Description: Minimalistic, mobile-optimized theme with responsive layout. Version: 0.3.1-wpcom Author: AlienWP Author URI: http://alienwp.com Tags: blog, design, journal, simple, traditional, custom-menu, fluid-layout, responsive-layout, microformats, translation-ready, rtl-language-support, one-column, two-columns, right-sidebar, sticky-post, custom-background, custom-header, featured-images, flexible-header, infinite-scroll, white, black, modern, clean, light, minimal License: GNU General Public License v2.0 License URI: license.txt */ /* Normalize -------------------------------------------------------------- */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } figure { margin: 0; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 1em; /* 16px */ overflow-y: scroll; } body { background: #fff; color: #555; font: 0.8125em/1.692307em 'Bitter', Georgia, 'Times New Roman', Times, serif; /* 13 / 16 = 0.8125; 22 / 13 = 1.692307 */ margin: 0; padding: 0; } :-moz-selection { background: #000; color: #fff; text-shadow: none; } :selection { background: #000; color: #fff; text-shadow: none; } a, a:visited { color: #dd5424; text-decoration: none; } a:hover { color: #000; text-decoration: none; } a:focus { outline: none; } a:hover, a:active { outline: 0; } abbr { cursor: help; } abbr[title] { border-bottom: 1px dotted; } acronym { border-bottom: 1px dotted #eee; color: #666; cursor: help; font-size: .85em; text-transform: uppercase; } acronym:hover { background: #f5f5f5; border-bottom: 1px dotted #aaa; color: #333; } small { font-size: 0.8461538461538462em; } /* 11 / 13 = 0.8461538461538462 */ big { font-size: 15px; } p { margin: 0 0 1.692307em 0; } b, strong { font-weight: bold; } blockquote { font-style: normal; margin: 0 1.692307em; } blockquote em, blockquote cite { font-style: italic; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } em, cite { font-style: italic; font-family: Georgia, 'Times New Roman', Times, serif; } em em, cite cite { font-style: normal; } dfn { font-style: italic; } address { font-style: italic; font-family: Georgia, 'Times New Roman', Times, serif; margin: 0 0 1.692307em 0; } li address, dd address { margin: 0; } del { text-decoration: line-through; } object { margin-bottom: 1.692307em; } hr { border: 0; border-top: 1px solid #e7e7e7; display: block; height: 1px; margin: 1em 0 1.692307em 0; padding: 0; } ins { background: #f5f5f5; color: #000; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; text-decoration: none; } mark { background: #f5f5f5; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: 'courier new', monospace; font-size: 1em; } pre code { font-size: 1em; } pre { font-size: 0.8461538461538462em; font-family: Monaco, monospace, Courier, "Courier New"; line-height: 1.692307em; margin-bottom: 1.692307em; overflow: auto; padding: 10px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } code { font-family: Monaco, monospace, Courier, "Courier New"; font-size: 0.8461538461538462em; } sub, sup { font-size: 0.7692307692307692em; /* 10 / 13 = 0.7692307692307692 */ line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul { list-style: disc; margin: 0 0 1.692307em 2.8em; padding: 0; } ul ul { list-style: circle; } ul ul ul { list-style: square; } ol { list-style-type: decimal; margin: 0 0 1.692307em 3.1em; padding: 0; } ol ol { list-style: upper-roman; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: upper-alpha; } ol ol ol ol ol { list-style: lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } dl { margin: 0 0 1.692307em 5px; } dt { font-weight: bold; margin: 10px 0 0 0; } dd { margin: 5px 0 0 1.5em; } h1, h2, h3, h4, h5, h6 { color: #333; font-style: normal; font-weight: normal; line-height: 1.3em; margin: 0 0 15px 0; } h1 { font-size: 2.769230769230769em; } /* 36 / 13 = 2.769230769230769 */ h2 { font-size: 1.846153846153846em; } /* 24 / 13 = 1.846153846153846 */ h3 { font-size: 1.538461538461538em; } /* 20 / 13 = 1.538461538461538 */ h4 { font-size: 1.384615384615385em; } /* 18 / 13 = 1.384615384615385 */ h5 { font-size: 1.230769230769231em; /* 16 / 13 = 1.230769230769231 */ font-weight: bold; } h6 { font-size: 1.076923076923077em; /* 14 / 13 = 1.076923076923077 */ font-weight: bold; } img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; } svg:not(:root) { overflow: hidden; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; } button, input, select, textarea, a.button { font-size: 1em; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input, a.button { line-height: normal; *overflow: visible; } table button, table input { *overflow: auto; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]:-webkit-search-decoration { -webkit-appearance: none; } button:-moz-focus-inner, input:-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; resize: vertical; vertical-align: top; } input::invalid, textarea::invalid { background-color: #f0dddd; } option { padding: 1px 2px; } table { border-collapse: collapse; border-spacing: 0; margin-bottom: 1.692307em; } td { vertical-align: top; } th, td { text-align: left; } /* WordPress classes -------------------------------------------------------------- */ .hfeed h1, .hfeed h2, .hfeed h3, .hfeed h4, .hfeed h5, .hfeed h6 { font-weight: normal; } img.wp-smiley { border: none; margin: 0; max-height: 0.8125em; padding: 0; } .gallery { display: block; margin-bottom: 1.692307em !important; text-align: center; } .left, .alignleft { float: left; margin: 0 15px 5px 0; } .right, .alignright { float: right; margin: 0 0 10px 25px; } .center, .aligncenter { display: block; margin: 0 auto 1.692307em auto !important; } .block, .alignnone { display: block; margin: 0 0 1.692307em 0; } img.alignleft, img.alignright { display: inline; margin-top: 5px; } blockquote.alignleft, blockquote .alignright { width: 33%; } .byline abbr, .entry-meta abbr, .comment-meta abbr { border: none; } .clear { clear: both; } /* Tables -------------------------------------------------------------- */ table { margin: 0 0 1.692307em 0; width: 100%; } table caption { color: #888; font-size: 0.8125em; line-height: 1.692307em; } table th { border-bottom: 3px solid #e7e7e7; font-size: 0.8461538461538462em; font-weight: normal; line-height: 1.692307em; padding: 10px 2%; text-align: left; text-transform: uppercase; } td { border-bottom: 1px solid #e7e7e7; color: #888; padding: 0.8125em 2%; } /* Lists -------------------------------------------------------------- */ ul li, ol li { line-height: 2.1em; } dl { margin: 0 0 20px 30px; } dl dt { font-family: Georgia, 'Times New Roman', Times, serif; font-size: 1.230769230769231em; /* 16 / 13 = 1.230769230769231 */ font-style: italic; font-weight: normal; line-height: 1.692307em; margin: 0; } dl dd { color: #888; margin: 0 0 5px 20px; padding: 0; } /* Blockquotes -------------------------------------------------------------- */ blockquote, blockquote blockquote blockquote { background: url(/wp-content/themes/pub/origin/images/quote.png) no-repeat 0 4px; color: #aaa; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 1.153846153846154em; /* 15 / 13 = 1.153846153846154 */ font-style: italic; overflow: hidden; padding: 0 0 0 40px; } /* Code -------------------------------------------------------------- */ code { color: #555; background: #ffeacd; padding: 0 3px; } pre { background: #fff1dd; border: 1px solid #f6e4cc; padding: 15px 20px; } pre code { background: transparent; padding: 0; } /* Forms -------------------------------------------------------------- */ form label, form input, form textarea { font-family: 'Bitter', Georgia, 'Times New Roman', Times, serif; } form label { color: #222; line-height: 1.5em; } input[type="text"], input[type="password"], input[type="email"], .input-text, textarea, select { background: #fff; border: 1px solid #ddd; color: #888; display: block; font-size: 0.8125em; margin: 0; outline: none; padding: 5px; } select { padding: 0; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, .input-text:focus { border: 1px solid #aaa; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); color: #444; } textarea { display: block; min-height: 60px; width: 94%; } input[type="radio"] { vertical-align: text-middle; } input[type="checkbox"] { display: inline; } input[type="submit"]:hover { cursor: pointer } .error { color: #ff4367; } /* Images & Video -------------------------------------------------------------- */ a:hover img { opacity: 0.85; } #site-title a:hover img { border: none; } .hentry img, .entry-content img, .widget img, .wp-caption, .hentry embed, .entry-content embed, .widget embed, .hentry object, .entry-content object, .widget object, .hentry video, .entry-content video, .widget video { max-width: 100%; } .hentry img, .entry-content img, .widget img { border: 1px solid #e5e5e5; height: auto; padding: 1px; } /* Captions [caption] -------------------------------------------------------------- */ .wp-caption { max-width: 99.4%; overflow: hidden; text-align: center; } .wp-caption img { margin: 0 0 5px 0; } .wp-caption .wp-caption-text { color: #888; font-size: 0.8461538461538462em; line-height: 1em; margin: 5px 5px; text-align: left; } .wp-caption a { border: none; } /* Galleries -------------------------------------------------------------- */ .gallery { clear: both; display: block; margin: 0 auto; margin: 0 !important; overflow: hidden; } .gallery br { display: block; height: 0; line-height: 0; } .gallery a { border: none; } .gallery .gallery-row { clear: both; display: block; margin: 0; overflow: hidden; } .gallery .gallery-item { float: left; list-style: none; margin: 0; margin: 0 0 1.692307em 0 !important; overflow: hidden; padding: 0; text-align: left; } .gallery img, .gallery .gallery-item .gallery-icon img { height: auto; margin: 0 auto; max-width: 89%; } .gallery-icon { margin: 0; overflow: hidden; } .gallery-caption { color: #aaa; font-size: 0.8461538461538462em; line-height: 1.4em; margin: 0; } .attachment-image { float: left; width: 100%; } .single-attachment .hentry .gallery-caption { display: none; /* Hide captions in gallery on attachment pages */ } .gallery-caption { margin: 3px 0 0 0; } /* Layout -------------------------------------------------------------- */ #main { clear: both; margin: 0 auto; position: relative; width: 100%; } .page-template-page-template-fullwidth-php #content { width: 100%; } .page-template-page-template-fullwidth-php #sidebar-primary { display: none; } #content { float: left; margin: 0 0 30px 0; min-height: 180px; width: 68.08510638297872%; } #sidebar-primary { float: right; width: 27.65957446808511%; } .wrap { background-color: #fff; margin: 0 auto; max-width: 940px; padding: 0 20px; position: relative; } .wrap:after { clear: both; content: ''; display: block; } #comments-template { clear: left; } .sidebar-subsidiary-wrapper { border-top: 5px solid #444; clear: both; margin: 30px auto 0 auto; overflow: visible; padding: 30px 0 0 0; width: 100%; } #footer { border-top: 5px solid #444; clear: both; color: #aaa; font-size: 0.8461538461538462em; margin: 0 auto; overflow: hidden; padding: 26px 0 30px 0; width: 100%; } /* Primary menu -------------------------------------------------------------- */ #menu-primary { float: right; font-size: 1em; margin: 30px 0 12px 0; position: relative; width: 75%; z-index: 99; } #menu-primary .menu { float: right; } #menu-primary .menu ul { float: right; } #menu-primary li { display: block; float: left; min-height: 30px; } #menu-primary li a { display: block; font-size: 0.8461538461538462em; line-height: normal; margin-left: 3.5em; text-transform: uppercase; } #menu-primary li.current-menu-item a { color: #aaa; } #menu-primary li li, #menu-primary li li.current-menu-item li { border-top: 1px dotted #e5e5e5; clear: both; float: none; } #menu-primary li li:first-child, #menu-primary li li.current-menu-item li:first-child { border-top: none; } #menu-primary li li a, #menu-primary li li.current-menu-item li a { color: #888; font-size: 1em; margin: 0; padding: 12px 15px; text-transform: none; width: 120px; word-wrap: break-word; } #menu-primary ul li a:hover, #menu-primary li ul li a:hover { color: #222; } /* Dropdowns -------------------------------------------------------------- */ .menu ul { list-style: none; margin: 0; padding: 0; } .menu li:hover { visibility: inherit } .menu li { float: left; position: relative; } .menu a { display: block; position: relative; } #menu-primary li ul { background: #fff; border: 1px solid #e3e3e3; -webkit-box-shadow: 0 0 7px rgba(0,0,0,.09); -moz-box-shadow: 0 0 7px rgba(0,0,0,.09); box-shadow: 0 0 7px rgba(0,0,0,.09); display: none; position: absolute; top: 25px; left: 12px; z-index: 100; } #menu-primary li:hover ul, #menu-primary li.sfHover ul { display: block; } #menu-primary li:hover li ul, #menu-primary li.sfHover li ul { top: -999em; } #menu-primary li li:hover ul, #menu-primary li li.sfHover ul { border-top: 1px solid #e9e9e9; margin-left: 0; top: -1px; left: 150px; /* no-javascript fix */ } .menu li a.sf-with-ul, #menu-secondary li a.sf-with-ul { padding-right: 16px; } /* Header -------------------------------------------------------------- */ #header { clear: both; width: 100%; } #branding { float: left; margin-top: 20px; overflow: hidden; width: 25%; } #site-title { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2.307692307692308em; /* 30 / 13 = 2.307692307692308 */ font-weight: bold; letter-spacing: -2px; line-height: 1em; margin: 0 0 20px 0; text-transform: uppercase; word-wrap: break-word; } #site-title a { border-bottom: none; color: #222; } img#header-image { clear: both; height: auto; margin-top: 20px; max-width: 100%; } #site-description { border-bottom: 1px solid #e5e5e5; border-top: 5px solid #444; clear: both; color: #333; float: left; font-size: 1.846153em; /* 24 / 13 = 1.846153 */ line-height: 1.5em; margin: 0 0 30px 0; padding: 18px 4.25531914893617% 20px 4.25531914893617%; /* 40px / 940px = 4.25531914893617% */ text-align: center; text-transform: none; width: 91.48936170212766%; } .home #site-description { border-bottom: 1px solid #e5e5e5; margin-bottom: 30px; } /* Posts -------------------------------------------------------------- */ .hentry { border-bottom: 1px solid #e5e5e5; float: left; font-size: 1em; margin: 0 0 20px 0; padding: 0 0 5px 0; width: 100%; } .single .hentry { float: left; margin: 0 0 30px 0; position: relative; width: 100%; } .featured { margin-bottom: 20px; } .sticky .sticky-header { float: left; width: 30%; } .sticky .byline { clear: left; } .sticky .entry-summary { border-left: 1px solid #e5e5e5; float: right; padding-left: 2.34375%; width: 65%; } .hentry .featured-thumbnail { margin-bottom: 25px; } .hentry .thumbnail { float: left; margin: 3px 3.90625% 20px 0; width: 23.4375%; } /* Post titles -------------------------------------------------------------- */ .hentry .entry-title { border: none; color: #333; font-size: 1.230769230769231em; /* 16 / 13 = 1.230769230769231 */ line-height: 1.3em; margin: 0 0 0.6em 0; padding: 0; text-transform: uppercase; word-spacing: 2px; word-wrap: break-word; } .single .entry-title, .page .entry-title { font-size: 1.846153846153846em; /* 24 / 13 = 1.846153846153846 */ margin-bottom: 0.625em; } .page .entry-title { color: #ccc; } .page .entry-title, .single-attachment .entry-title { margin-bottom: 1.2em; } .search .page .entry-title { font-size: 1.23077em; } .entry-title a, .entry-title a:visited { color: #222; } .entry-title a:hover { color: #dd5424; } h1.page-title { font-size: 180%; margin-bottom: 30px; } /* Post bylines/datelines -------------------------------------------------------------- */ .byline { color: #aaa; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 0.8461538461538462em; font-style: italic; line-height: 1.692307em; margin: 0 0 1em 0; word-spacing: 2px; } .single .byline { margin-bottom: 1.7em; } .byline a, .byline a:visited { color: #aaa; } .byline a:hover { color: #000; } .author, .published, .category, .edit { font-family: 'Bitter', Georgia, 'Times New Roman', Times, serif; font-style: normal; } .commentlist .published, .commentlist .edit, .commentlist .comment-reply-link { font-family: Georgia, 'Times New Roman', Times, serif; font-size: 1em; font-style: italic; text-transform: none; } /* Post excerpts -------------------------------------------------------------- */ .entry-summary p { margin: 0 0 1em 0; } /* Post metadata -------------------------------------------------------------- */ .entry-meta { color: #aaa; font-size: 0.8461538461538462em; margin: 0 0 25px 0; } .entry-meta a { color: #888; } .entry-meta a:hover { color: #000; } /* Singular post prev/next links -------------------------------------------------------------- */ .single .loop-nav { clear: both; color: #888; display: inline-block; font-size: 0.8461538461538462em; width: 100%; } .loop-nav .previous { float: left; width: 50%; } .loop-nav .next { float: right; text-align: right; width: 50%; } /* Page links for multi-paged posts -------------------------------------------------------------- */ .page-links { clear: both; color: #222; font-size: 0.8461538461538462em; line-height: 1em; word-spacing: 2px; margin: 10px 0 0 0; } .entry-summary .page-links { clear: none; color: #aaa; font-size: 0.8461538461538462em; line-height: 1em; } .page-links a, .page-links a:visited { background: #e9e9e9; color: #555; display: inline-block; padding: 3px 6px; } .page-links a:hover { background: #555; color: #fff; } /* Archive/search pagination and comment pagination -------------------------------------------------------------- */ .comment-navigation { margin-bottom: 1.692307em; } .pagination.loop-pagination { clear: both; float: left; margin-top: 7px; } .pagination .page-numbers, .comment-navigation .page-numbers { color: #444; display: inline-block; line-height: 1em; margin: 0; padding: 4px 8px; } .pagination a.page-numbers, .comment-navigation a.page-numbers { background: #e9e9e9; color: #333; } .pagination a:hover, .comment-navigation a:hover { background: #555; color: #fff; } .pagination .current, .comment-navigation .current { color: #aaa; } /* Sidebar after singular posts -------------------------------------------------------------- */ #sidebar-after-singular { float: left; font-size: 1em; margin: 0; overflow: hidden; width: 100%; } #sidebar-after-singular img { max-width: 99%; } /* Widgets -------------------------------------------------------------- */ .sidebar .widget { color: #888; float: left; margin-bottom: 26px; width: 100%; } .widget table, .widget ul, .widget ol { margin-bottom: 0; } /* Widget titles -------------------------------------------------------------- */ .sidebar .widget-title { color: #aaa; font-size: 0.7692307692307692em; /* 10 / 13 = 0.7692307692307692 */ letter-spacing: 1px; text-transform: uppercase; word-spacing: 2px; word-wrap: break-word; } /* Widget unordered lists -------------------------------------------------------------- */ .sidebar .widget ul { margin-left: 14px; } .sidebar .widget ul li a { color: #555; } .sidebar .widget ul li a:hover { color: #000; } .sidebar .widget ul li a { color: #555; } .sidebar .widget ul li a:hover { color: #000; } /* Search form widget -------------------------------------------------------------- */ .widget .search-form { overflow: hidden; } .widget .search-form label { color: #aaa; font-size: 0.8461538461538462em; line-height: 1.692307em; } .widget .search-form input[type="text"] { color: #aaa; float: left; font-size: 1em; padding: 8px 10px; width: 89%; } .search-form .search-submit, .widget.search .widget-title { display: none; } /* Comments -------------------------------------------------------------- */ .commentlist, .commentlist ol { list-style: none; margin: 0 0 25px 0; } .commentlist { margin-bottom: 40px; } .commentlist li { border-top: none; padding: 15px 0 0 0; } .commentlist li li { padding-left: 10.15625%; /* 65px / 640px = 10.15625% */ } .commentlist .avatar { float: left; margin: 0 15px 10px 0; } .comment-meta { color: #aaa; font-size: 0.8461538461538462em; line-height: 1.692307em; margin: 0 0 10px 0; } .comment-meta .comment-author cite { color: #333; font-size: 1.153846153846154em; font-style: normal; font-weight: bold; } .comment-author { margin-right: 10px; } .comment-meta a { color: #aaa; font-style: normal; } .comment-meta a:hover { color: #000; } .comments-closed { background: #f5f5f5; color: #888; font-size: 1em; padding: 10px 25px; } .comment-content { margin-left: 65px; } .comment-content p { margin-bottom: 1em; } /* Comment form -------------------------------------------------------------- */ #respond { overflow: hidden; width: 75%; } .commentlist #respond { margin-top: 1.692307em; } #respond .log-in-out { color: #888; font-size: 0.8461538461538462em; line-height: 1em; margin-bottom: -7px; } #reply-title small a { background: #fff; font-size: 0.8461538461538462em; line-height: 1.692307em; padding-right: 8px; } #respond label { color: #bbb; font-size: 0.8461538461538462em; line-height: 1.692307em; } #respond p.req label { color: #888; line-height: 2.4em; } #respond span.required { color: #000; font-size: 1em; font-weight: bold; } #respond #submit { margin-bottom: 1.692307em; } #commentform input { display: inline; margin-right: 10px; } #commentform p { line-height: 1em; margin-bottom: 15px; } #comment { margin-top: 20px; } /* Subsidiary sidebars -------------------------------------------------------------- */ .sidebar-subsidiary { float: left; font-size: 1em; margin: 0 3.191489361702128% 20px 0; /* 30px / 940px = 3.191489361702128% */ overflow: hidden; width: 21.80851063829787%; /* 205px / 940px = 21.80851063829787% */ } .sidebar-subsidiary .widget { width: 100%; } /* Footer -------------------------------------------------------------- */ #footer p { margin-bottom: 0; } #footer a { color: #888; } #footer a:hover { color: #dd5424; } /* Buttons (submit etc.) -------------------------------------------------------------- */ #respond #submit, .button, a.button, .wpcf7-submit, #loginform .button-primary { background:#db5629; border: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #fff; height: 33px; padding: 5px 12px 6px 12px; } #respond #submit:hover, .button:hover, .wpcf7-submit:hover, #loginform .button-primary:hover { background: #222; } .menu li a { position: relative; } /* =Infinity Styles -------------------------------------------------------------- */ #infinite-handle span { display: inline-block; } .infinite-scroll.neverending #content { margin-bottom: 70px; } .infinite-scroll .hentry:last-of-type, .infinite-scroll .hentry.last-before-infinite { margin-bottom: 2em; } .infinite-loader { clear: both; margin: 0 0 0 50%; } #infinite-handle { } .infinite-wrap { border-top: 0; } #infinite-handle span:before { color: #555; content: "\2193"; font-size: 12px; font-weight: bold; height: 14px; line-height: 10px; margin-right: 10px; width: 14px; } #infinite-handle span { background: none; border: 1px solid #E5E5E5; border-radius: 0; color: #555; cursor: pointer; font-size: 13px; font-weight: 400; padding: 1em 2em; } #infinite-handle span:hover, #infinite-handle span:hover:before { color: #dd5424; } /* Elements to hide */ .infinite-scroll .loop-nav, .infinite-scroll.neverending #footer { display: none; } .infinity-end.neverending #footer { display: block; } /* Media Queries (mobile browsing) ----------------------------------------------------- */ /* Tablet (portrait) */ @media only screen and (min-width: 768px) and (max-width: 959px) { .wrap { } .widget .search-form input[type="text"] { width: 89%; } .widget table { font-size: 0.8461538461538462em; } .sidebar-subsidiary .widget table { width: 90%; } } /* Mobile (portrait) */ @media only screen and (max-width: 767px) { .wrap { } body { line-height: 1.615384615384615em; } p { margin-bottom: 1.615384615384615em; } #branding { float: left; position: relative; width: 100%; } #site-description { font-size: 1.3em; } #menu-primary { clear: both; float: left; margin-top: 10px; width: 100%; } #menu-primary .menu { float: left; } #menu-primary ul li { clear: left; } #menu-primary ul li a { margin-left: 0; } #content { width: 100%; } .comment-list li li { padding-left: 0; } #sidebar-primary { clear: left; width: 100%; } .sidebar-subsidiary { width: 100%; } #respond { width: 100%; } #footer { min-height: 85px; } } /* WordPress.com Styles -------------------------------------------------------------- */ .rsswidget img { background: none; } .sidebar .widget_authors ul { list-style: none; margin: 0; padding: 0; } .sidebar .widget_authors ul li { padding: 0 0 5px 0; } .sidebar .widget_author_grid ul { margin: 0; padding: 0; } span.edit a:before, .comment-edit-link:before { content: " "; } .widget_nav_menu .menu li { float: none; } .widget_nav_menu .menu ul { list-style: inherit; } #flickr_badge_wrapper { border: 0 none !important; } #flickr_badge_uber_wrapper td { border: 0 none !important; } #wp-calendar #next { text-align: right; } a:hover img.avatar { opacity: 1.0; } #respond h3 { font-family: 'Bitter', Georgia, 'Times New Roman', Times, serif; }