/* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window { font: 12px sans-serif; color: #333333; } #TB_secondLine { font: 10px sans-serif; color:#666666; } #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack {background: url(/wp-includes/js/thickbox/macFFBgHack.png) repeat;} .TB_overlayBG { background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; visibility: hidden; text-align:left; top:50%; left:50%; border: 1px solid #555; -moz-box-shadow: rgba(0,0,0,1) 0 4px 30px; -webkit-box-shadow: rgba(0,0,0,1) 0 4px 30px; -khtml-box-shadow: rgba(0,0,0,1) 0 4px 30px; box-shadow: rgba(0,0,0,1) 0 4px 30px; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:6px 10px 0; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding:6px 10px 0; } #TB_title{ background-color:#e8e8e8; height:27px; } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ padding:15px; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; display:none; z-index:103; top: 50%; left: 50%; background-color: #E8E8E8; border: 1px solid #555; margin: -45px 0pt 0pt -125px; padding: 40px 15px 15px; } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; _margin-bottom:1px; } #bit, #bit * { *zoom: 1; } #bit { font: normal 13px "Helvetica Neue", sans-serif; _display: none; } .loggedout-follow-shelf { position: fixed; right: 40%; z-index: 999999; bottom: -300px; } .loggedout-follow-normal { position: fixed; z-index: 999999; bottom: -300px; right: 10px; } .loggedout-follow-typekit { margin-right: 4.5em; position: fixed; z-index: 999999; bottom: -300px; right: 10px; } #bit a.bsub { display: block; overflow: hidden; padding: 0 10px 0 8px; float: right; text-decoration: none !important; line-height: 28px; font: normal 13px/28px "Helvetica Neue", sans-serif; color: #CCC; text-shadow: #444 0px -1px 0px; letter-spacing: normal; border: 0; background-color: #464646; background-image: -ms-linear-gradient(bottom, #464646, #3f3f3f 5px); background-image: -moz-linear-gradient(bottom, #3f3f3f, #464646 5px); background-image: -o-linear-gradient(bottom, #464646, #3f3f3f 5px); background-image: -webkit-gradient(linear, left bottom, left top, from(#464646), to(#3f3f3f)); background-image: -webkit-linear-gradient(bottom, #3f3f3f, #464646 5px); background-image: linear-gradient(bottom, #464646, #3f3f3f 5px); -webkit-box-shadow: 0 -1px 5px rgba(0,0,0,0.20); -moz-box-shadow: 0 -1px 5px rgba(0,0,0,0.20); -o-box-shadow: 0 -1px 5px rgba(0,0,0,0.20); -ms-box-shadow: 0 -1px 5px rgba(0,0,0,0.20); box-shadow: 0 -1px 5px rgba(0,0,0,0.20); outline-style: none; outline-width: 0; } #bit a.bsub { -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; -o-border-radius: 2px 2px 0 0; -ms-border-radius: 2px 2px 0 0; border-radius: 2px 2px0 0 0; } #bit a.bsub span { background: url(/wp-content/blog-plugins/loggedout-follow/../../mu-plugins/admin-bar/wpcom-admin-bar-icons.png) 0 -77px no-repeat; padding-left: 19px; } #bit a:hover span, #bit a.bsub.open span { color: #ffffff !important; background-position: 0 -117px; } #bit a.bsub.open { background: #333; } #bitsubscribe { background: #464646; color: #fff; padding: 15px; width: 200px; margin-top: 27px; -moz-border-radius: 2px 0 0 0; -webkit-border-radius: 2px 0 0 0; -o-border-radius: 2px 0 0 0; -ms-border-radius: 2px 0 0 0; border-radius: 2px 0 0 0; *float: right; *margin-right: -68px; } div#bitsubscribe.open { -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); -o-box-shadow: 0 0 8px rgba(0,0,0,0.5); -ms-box-shadow: 0 0 8px rgba(0,0,0,0.5); box-shadow: 0 0 8px rgba(0,0,0,0.5); } #bitsubscribe div { overflow: hidden; } #bit h3, #bit #bitsubscribe h3 { margin: 0 0 .5em 0 !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; text-shadow: 0 1px 0 #333; font-size: 20px; color: #fff; text-align: left; } #bit #bitsubscribe p { margin: 0 0 1em 0; *margin: 0 0 0 0; font: 15px/1.3em "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; text-shadow: 0 1px 0 #333; color: #fff; } #bitsubscribe p a { margin: 20px 0 0; color: #fff; text-decoration: underline; } #bit #bitsubscribe p.bit-follow-count { font-size: 13px; } #bitsubscribe input[type=submit] { padding: 2px 20px; background: #333; /* Old browsers */ background: -moz-linear-gradient(top, #333 0%, #111 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #333 0%,#111 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #333 0%,#111 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #333 0%,#111 100%); /* IE10+ */ background: linear-gradient(top, #333 0%,#111 100%); color: #ccc; text-shadow: 0 1px 0 #000; border: 1px solid #282828; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; -moz-box-shadow: inset 0 1px 0 #444; -webkit-box-shadow: inset 0 1px 0 #444; box-shadow: inset 0 1px 0 #444; text-decoration: none; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; *margin: 1em 0 1em 0; } #bitsubscribe input[type=submit]:hover { background: #222; /* Old browsers */ background: -moz-linear-gradient(top, #333 0%, #222 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#222)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #333 0%,#222 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #333 0%,#222 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #333 0%,#222 100%); /* IE10+ */ background: linear-gradient(top, #333 0%,#222 100%); color: #fff; -moz-box-shadow: inset 0 1px 0 #4f4f4f; -webkit-box-shadow: inset 0 1px 0 #4f4f4f; box-shadow: inset 0 1px 0 #4f4f4f; text-decoration: none; } #bitsubscribe input[type=submit]:active { background: #111; /* Old browsers */ background: -moz-linear-gradient(top, #111 0%, #222 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111), color-stop(100%,#222)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #111 0%,#222 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #111 0%,#222 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #111 0%,#222 100%); /* IE10+ */ background: linear-gradient(top, #111 0%,#222 100%); color: #aaa; -moz-box-shadow: inset 0 -1px 0 #333; -webkit-box-shadow: inset 0 -1px 0 #333; box-shadow: inset 0 -1px 0 #333; text-decoration: none; } #bitsubscribe input[type=text] { -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } #bitsubscribe input[type=text]:focus { border: 1px solid #000; } #bitsubscribe.open { display: block; } #bsub-subscribe-button { text-align: center; margin: 0 auto; } /* Confirmation =============================== */ #bitsubscribe #lof-readerpromo p { color: #ccc; } #bitsubscribe #lof-followpublicize { border-top: 1px solid #3c3c3c; margin-bottom: .5em; } #bitsubscribe #lof-followpublicize h3 { font-size: 13px; padding-top: 1em; margin-bottom: 1em !important; } #bitsubscribe #lof-followpublicize p.lof-followpublicize-twitter, #bitsubscribe #lof-followpublicize p.lof-followpublicize-facebook { background: #555; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 1px 1px #333; -webkit-box-shadow: inset 0 1px 1px #333; -o-box-shadow: inset 0 1px 1px #333; -ms-box-shadow: inset 0 1px 1px #333; box-shadow: inset 0 1px 1px #333; margin-bottom: .5em; overflow: hidden; } #bitsubscribe #lof-followpublicize p.lof-followpublicize-twitter { padding: 10px 10px 5px; } /* Footer =============================== */ #bitsubscribe #bsub-credit { text-align: center; font: normal 11px "Helvetica Neue", sans-serif; padding: 7px 0; margin:0 0 -15px; border-top: 1px solid #3c3c3c; } #bitsubscribe #bsub-credit a { color: #aaa; text-shadow: 0 1px 0 #262626; background: none; text-decoration: none; } #bitsubscribe #bsub-credit a:hover { color: #fff; background: none; } @media (max-width: 800px) { #bit, #bit a.bsub { display:none; } } @media ( device-width: 768px ) { #bit, #bit a.bsub { display: block; } }/* =Resets -------------------------------------------------------------- */ div.sharedaddy ul, div.sharedaddy li { margin: 0; padding: 0; list-style: none; border: none; background: none; } div.sharedaddy, #content div.sharedaddy, #main div.sharedaddy { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; clear: both; } div.sharedaddy, div.sharedaddy div { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } div.sharedaddy h3, #content div.sharedaddy h3, #main div.sharedaddy h3, #primary div.sharedaddy h3 { font-size: 12px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 3px 0; padding: 0; text-transform: none; letter-spacing: 0; line-height: 1; font-weight: bold; width: 15.625%; /* 100px / 640px */ float: left; position: static; background: none; border: none; } .rtl div.sharedaddy h3, .rtl #content div.sharedaddy h3, .rtl #main div.sharedaddy h3, .rtl #primary div.sharedaddy h3 { float: right; text-align: right; } div.sharedaddy ul, div.sharedaddy li { margin: 0 !important; padding: 0 !important; text-indent: 0; } div.sharedaddy li::before { content: ""; } div.sharedaddy div.sharing-clear { margin: 0 !important; padding: 0 !important; } div.sharedaddy div.pd-rating { margin: 0; min-height: 23px; } div.sharedaddy a, div.sharedaddy a:link, div.sharedaddy a:visited { font-style: normal; } /* ClearFix trick */ div.sharedaddy:before, div.sharedaddy:after, div.sharedaddy .sd-block:before, div.sharedaddy .sd-block:after, div.sharedaddy ul:before, div.sharedaddy ul:after { content: "\0020"; display: block; height: 0; overflow: hidden; } div.sharedaddy:after, div.sharedaddy .sd-block:after, div.sharedaddy ul:after { clear: both; } div.sharedaddy, div.sharedaddy .sd-block, div.sharedaddy ul { zoom: 1; } /* =Base Styles -------------------------------------------------------------- */ div.sharedaddy div.sd-block { border-top: 1px solid #ddd; border-top: 1px solid rgba(0,0,0,.13); padding: 10px 0 5px; margin: 0; width: 100% !important; } div.sharedaddy.sharedaddy-dark .sd-block { border-top-color: #222; border-top-color: rgba(50,50,50,.5); } div.sharedaddy .sd-content { width: 82.125%; /* 530px / 640px */ float: right; margin: -2px 0 0 0; } div.sharedaddy .sd-content ul { margin: 0; } div.sharedaddy .sd-content li { float: left; margin: 0 5px 5px 0 !important; display: block; } .rtl div.sharedaddy .sd-content { float: right; } .rtl div.sharedaddy .sd-content li { float: right; margin: 0 0 5px 5px !important; } /* Base Button .sd-button */ div.sharedaddy a.sd-button { margin: 0; padding: 0; display: inline-block; background: #efefef; background: -moz-linear-gradient(top, #f7f7f7 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top, #f7f7f7 0%,#efefef 100%); background: -o-linear-gradient(top, #f7f7f7 0%,#efefef 100%); background: -ms-linear-gradient(top, #f7f7f7 0%,#efefef 100%); background: linear-gradient(top, #f7f7f7 0%,#efefef 100%); border-radius: 3px; border: 1px solid #ddd !important; box-shadow: inset 0 1px 0 #fff; color: #000 !important; text-decoration: none; line-height: 1; font-size: 12px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; } div.sharedaddy a.sd-button:hover { color: #000; text-shadow: 0 1px 0 #fff; border-color: #ccc; background: #eee; background: -moz-linear-gradient(top, #efefef 0%, #eee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#eee)); background: -webkit-linear-gradient(top, #efefef 0%,#eee 100%); background: -o-linear-gradient(top, #efefef 0%,#eee 100%); background: -ms-linear-gradient(top, #efefef 0%,#eee 100%); background: linear-gradient(top, #efefef 0%,#eee 100%); } div.sharedaddy a.sd-button:active { background-color: #efefef; box-shadow: inset 0 -1px 0 #fff; border-color: #ddd; } a.sd-button > span { padding: 4px 8px; display: block; opacity: .8; line-height: 1.5em; text-shadow: none; } a.sd-button:hover span { opacity: 1; } .sd-button span.share-count { font-size: 90%; color: #666; margin-left: 5px; } .rtl .sd-button span.share-count { margin-right: 5px; } /* Button Style Options */ .sd-social-icon-text a.sd-button > span, a.sd-button > span { padding: 1px 5px 1px 23px; background-position: 2px center; background-repeat: no-repeat; } .sd-social-icon a.sd-button > span { padding: 3px; width: 16px; height: 16px; text-indent: -9999px; background-position: center center; background-repeat: no-repeat; } .sd-social-text a.sd-button > span { background: none !important; padding-left: 5px } .sd-social-official li { height: 21px; } div.sharedaddy .no-text { width: 21px; height: 21px; } div.sharedaddy .no-text a { text-decoration: none; } div.sharedaddy .no-icon a span, div.sharedaddy li.no-icon div a span { padding-left: 5px; background-image: none; } .rtl .sd-social-icon-text a.sd-button > span, .rtl a.sd-button > span { padding: 3px 23px 3px 5px; background-position: 98% center; } .rtl .sd-social-text a.sd-button > span { padding-left: 0; padding-right: 5px } .rtl div.sharedaddy .no-icon a span, .rtl div.sharedaddy li.no-icon div a span { padding-left: 0; padding-right: 5px } /* Sharedaddy Module in /sharing/sharing.css */ /* Ratings Alignment -------------------------------------------------------------- */ div.sharedaddy .sd-rating .pd-rating { width: 82.125%; /* 530px / 640px */ float: right; margin: 0; } /* =Like Module -------------------------------------------------------------- */ div.sharedaddy .wpl-likebox, #main div.sharedaddy .wpl-likebox, #content div.sharedaddy .wpl-likebox { margin-right: 0 !important; margin-left: 0 !important; padding-right: 0 !important; padding-left: 0 !important; } .wpl-likebox .sd-content { margin: -2px 0 0 0; } div.sharedaddy .wpl-button { float: left; margin: 0 5px 0 0; } div.sharedaddy .wpl-count { line-height: 1; padding: 5px; text-align: left; margin: 0; font-size: 12px; } div.sharedaddy ul.wpl-avatars, .wpl-likebox { margin: 0 -2px 0 0 !important; padding-top: 8px !important; overflow: hidden; } div.sharedaddy ul.wpl-avatars li { width: 32px; height: 32px; } div.sharedaddy ul.wpl-avatars li a { margin: 0 2px 0 0; border-bottom: none !important; display: block; } div.sharedaddy ul.wpl-avatars li a img { background: none; border: none; margin: 0 !important; padding: 0 !important; position: static; } div.sharedaddy .wpl-button a.sd-button span { padding: 1px 5px 1px 2px; text-shadow: none; } div.sharedaddy .wpl-button a.sd-button span:before { color: #2EA2CC; font-family: "Noticons"; content: '\2605'; font-size: 16px; line-height: 0; text-shadow: 0 1px 0 #fff; position: relative; top: 3px; } div.sharedaddy .wpl-button a.sd-button.liked { background: #FEFFCE; border: 1px solid #F3E389; box-shadow: inset 0 1px 0 #fff; cursor: default; } div.sharedaddy .wpl-button a.sd-button.liked span { opacity: 1; } .rtl div.sharedaddy .wpl-button { float: right; margin: 0 0 0 5px; } .rtl div.sharedaddy #wpl-count { text-align: right; } .rtl div.sharedaddy ul.wpl-avatars, .rtl .wpl-likebox { margin: 0 0 0 -2px !important; } .rtl div.sharedaddy .wpl-button a.sd-button span { padding: 3px 5px; background-position: right center; } #wpl-mustlogin { width: 312px; padding: 15px; position: absolute; margin-left: -120px; z-index: 1001; text-shadow: none; background-color: #fff; color: #333; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 2px 8px #ccc; -webkit-box-shadow: 0px 2px 8px #ccc; box-shadow: 0px 2px 8px #ccc; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, .2); box-shadow: 0px 2px 8px rgba(0, 0, 0, .2); } #wpl-mustlogin p { margin: 0; text-shadow: none; color: #333; } #wpl-mustlogin label, #wpl-mustlogin a { text-shadow: none; color: #333; } #wpl-mustlogin input[type="text"], #wpl-mustlogin input[type="password"] { width: 98.5%; text-shadow: none; border: 1px solid #ccc; background: #fff; color: #333; } #wpl-mustlogin { line-height: 14px !important; font-size: 11px; clear: left; margin-top: 5px; background: #f0f0f0; padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #wpl-mustlogin a { color: #888; text-decoration: underline; } #wpl-mustlogin p { margin: 5px 0; padding: 0 } #wpl-mustlogin input.input { padding: 2px; background: #fff; font-size: 11px; font-family: inherit; border: 1px solid #ccc; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset; line-height: 12px; } #wpl-mustlogin input#wp-submit { border: 1px solid #ccc; font-size: 11px; background: #fafafa repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 2px 4px !important; line-height: 12px; } #wpl-mustlogin label { position: relative; cursor: text; } #wpl-mustlogin label span { position: absolute; top: 0px; left: 5px; padding: 0 !important; } #wpl-mustlogin label span { top/*\**/: -10px\9; } .rtl #wpl-mustlogin { margin-left: 0; margin-right: -120px; } .rtl #wpl-mustlogin { clear: right } .rtl #wpl-mustlogin label span { left: auto; right: 5px } /* Like Special cases (display on it's own) */ div.sharedaddy.sd-like-enabled .sd-like h3 { display: none; } div.sharedaddy.sd-like-enabled .sd-like div.sd-content { width: 100%; float: none; } div.sharedaddy.sd-rating-enabled .sd-like h3 { display: block; } div.sharedaddy.sd-rating-enabled .sd-like div.sd-content { width: 82.125%; /* 530px / 640px */ float: right; } div.sharedaddy.sd-sharing-enabled .sd-like h3 { display: block; } div.sharedaddy.sd-sharing-enabled .sd-like div.sd-content { width: 82.125%; /* 530px / 640px */ float: right; } .rtl div.sharedaddy.sd-rating-enabled .sd-like div.sd-content { float: left } .rtl div.sharedaddy.sd-sharing-enabled .sd-like div.sd-content { float: left } /* =Theme-specific fixes -------------------------------------------------------------- */ /* Shelf */ div.sharedaddy .wpl-likebox { position: static !important; bottom: auto !important; } /* Global styles for WordPress.com */ img.latex { border: none; vertical-align: middle; } .video-player { border: 0; margin: auto; padding: 5px; text-align: center; } .wpvidavee_title { font-family: Tahoma,Arial,sans-serif; font-size: 10px; font-weight: bold; line-height: 12px; padding: 2px 5px; text-align: left; } .wpvidavee_footer { font-family: Tahoma,Arial,sans-serif; font-size: 9px; line-height: 11px; padding: 2px 5px; text-align: right; } .wpvidavee_footer a { text-decoration: none; } .wpvidavee_p { color: red; } .hidden { display: none; } .possibly-related { clear: both; } .screen-reader-text { position: absolute; left: -1000em; } .comment object, .comment embed, .embed-vimeo iframe, .embed-youtube iframe { max-width: 100%; /* avoid videos being too wide */ } /** * Simple Homepage Experiment */ .simple-homepage-experiment #header, .simple-homepage-experiment #footer, .simple-homepage-experiment #landingpage { display: none !important; } .simple-homepage-experiment .simple-homepage { display: block !important; } .simple-homepage-experiment .simple-homepage { background: #f5f5f5; } /** * Typography */ .simple-homepage-experiment body, .simple-homepage-experiment td, .simple-homepage-experiment p, .simple-homepage-experiment div, .simple-homepage-experiment input, .simple-homepage-experiment label { font-family: "Open Sans", "Helvetica", sans-serif !important; font-size: 14px; line-height: 1.5; outline: none; } .simple-homepage-experiment input[type=checkbox] { margin: 0; } .simple-homepage-experiment h2, .simple-homepage-experiment h3 { text-align: center; } .simple-homepage-experiment h2 { font-family: "Open Sans", "Helvetica", sans-serif !important; font-size: 18px !important; color: #464646; margin-bottom: 16px; } .simple-homepage-experiment h3 { color: #898989; font-size: 14px !important; text-transform: none !important; letter-spacing: 0 !important; } .simple-homepage-experiment a { color: #1e8cbe; text-decoration: none; } .simple-homepage-experiment a:hover { color: #005684; } /** * Layout */ body.simple-homepage-experiment { background: #f1f1f1; } body.simple-homepage-experiment#h4home #lang-guess { margin-top: 85px; padding: 15px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); } .simple-homepage { display: none; } body.simple-homepage-experiment .simple-homepage { display: block; } .simple-homepage-experiment h1 { margin: 50px auto 50px auto; padding-left: 85px; height: 75px; width: 305px; color: #737373; font-size: 43px !important; font-weight: 100; line-height: 75px; text-shadow: 0 1px 0 #fff; background: transparent url(/wp-content/themes/h4/i/simple-homepage/wp-logo-1x.png) no-repeat !important; } .simple-homepage-experiment .content { max-width: 910px; margin: auto; } .simple-homepage-experiment .box { background: #fff; width: 43.4065934%; height: 280px; padding: 35px; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.2); box-shadow: 0px 2px 3px rgba(0,0,0,0.2); } .simple-homepage-experiment .box:hover { -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.3); box-shadow: 0px 2px 5px rgba(0,0,0,0.3); } .simple-homepage-experiment .or { width: 45px; height: 45px; margin: 100px 20px; float: left; color: rgba( 0, 0, 0, 0.2); text-shadow: 0 1px 1px #f1f1f1, 0 0 0 #aaa, 0 4px 1px #f1f1f1; font-size: 14px; font-weight: bold; letter-spacing: 2px; line-height: 45px; text-align: center; text-transform: uppercase; border-radius: 50%; border: 8px rgba( 0, 0, 0, 0.1 ) solid; } .simple-homepage-experiment .sign-up { text-align: center; } .simple-homepage-experiment .big-ass-blue-button { margin: 20px auto; padding: 12px 40px; display: inline-block; color: #fff !important; font-size: 24px; text-decoration: none; text-shadow: 0px -1px 1px rgba(0,0,0,0.32); border-radius: 4px; background-color: #0aa1ce; background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(10, 161, 206)), to(rgb(0, 136, 181))); background-image: -webkit-linear-gradient(top, rgb(10, 161, 206), rgb(0, 136, 181)); background-image: -moz-linear-gradient(top, rgb(10, 161, 206), rgb(0, 136, 181)); background-image: -o-linear-gradient(top, rgb(10, 161, 206), rgb(0, 136, 181)); background-image: -ms-linear-gradient(top, rgb(10, 161, 206), rgb(0, 136, 181)); background-image: linear-gradient(top, rgb(10, 161, 206), rgb(0, 136, 181)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#0aa1ce', EndColorStr='#0088b5'); border: 1px solid #0088b5; box-shadow: inset 0px 1px 1px rgba(255,254,254,0.5), 0 1px 1px rgba(0,0,0,0.3); } .simple-homepage-experiment .big-ass-blue-button:hover { color: #fff; background-color: #4eb5d5; background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(78, 181, 213)), to(rgb(0, 136, 181))); background-image: -webkit-linear-gradient(top, rgb(78, 181, 213), rgb(0, 136, 181)); background-image: -moz-linear-gradient(top, rgb(78, 181, 213), rgb(0, 136, 181)); background-image: -o-linear-gradient(top, rgb(78, 181, 213), rgb(0, 136, 181)); background-image: -ms-linear-gradient(top, rgb(78, 181, 213), rgb(0, 136, 181)); background-image: linear-gradient(top, rgb(78, 181, 213), rgb(0, 136, 181)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#4eb5d5', EndColorStr='#0088b5'); } .simple-homepage-experiment .big-ass-blue-button:active { background: #0aa1ce; box-shadow: inset 0px -1px 1px rgba(255,254,254,0.2); } .simple-homepage-experiment .login input[type=text], .simple-homepage-experiment .login input[type=password] { display: block; width: 90%; margin: 0 0 10px 0; padding: 10px 15px 10px 35px; color: #898989; font-size: 14px; font-weight: 200; border-radius: 3px; background: #FCFCFC url(/wp-content/themes/h4/i/simple-homepage/login-sprite-1x.png) no-repeat; border: 1px solid #BFBFBF; -moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15); -webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15); box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15); } .simple-homepage-experiment .login input:focus { background: #fff url(/wp-content/themes/h4/i/simple-homepage/login-sprite-1x.png) no-repeat; color: #444; border: 1px #aaa solid; } .simple-homepage-experiment .login input[type=text] { background-position: -3px -3px; } .simple-homepage-experiment .login input[type=password] { background-position: -3px -57px; } .simple-homepage-experiment#h4home #wrapper button.login-button { float: right !important; padding: 5px 20px !important; margin: 20px 0 !important; border-radius: 3px !important; border: 1px #bbb solid !important; color: #464646 !important; font-size: 15px !important; line-height: 1.6 !important; text-transform: none !important; letter-spacing: 0 !important; text-shadow: 0px 1px 1px #fff !important; box-shadow: inset 0px 1px 1px rgba(255,254,254,0.8), 0 1px 2px rgba(0,0,0,0.1) !important; background-color: #eaeaea !important; background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(234, 234, 234)), to(rgb(201, 201, 201))) !important; background-image: -webkit-linear-gradient(top, rgb(234, 234, 234), rgb(201, 201, 201)) !important; background-image: -moz-linear-gradient(top, rgb(234, 234, 234), rgb(201, 201, 201)) !important; background-image: -o-linear-gradient(top, rgb(234, 234, 234), rgb(201, 201, 201)) !important; background-image: -ms-linear-gradient(top, rgb(234, 234, 234), rgb(201, 201, 201)) !important; background-image: linear-gradient(top, rgb(234, 234, 234), rgb(201, 201, 201)) !important; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#eaeaea', EndColorStr='#c9c9c9') !important; } .simple-homepage-experiment#h4home #wrapper .login-button:hover { background-color: #fcfcfc !important; background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(202, 202, 202))) !important; background-image: -webkit-linear-gradient(top, rgb(252, 252, 252), rgb(202, 202, 202)) !important; background-image: -moz-linear-gradient(top, rgb(252, 252, 252), rgb(202, 202, 202)) !important; background-image: -o-linear-gradient(top, rgb(252, 252, 252), rgb(202, 202, 202)) !important; background-image: -ms-linear-gradient(top, rgb(252, 252, 252), rgb(202, 202, 202)) !important; background-image: linear-gradient(top, rgb(252, 252, 252), rgb(202, 202, 202)) !important; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fcfcfc', EndColorStr='#cacaca') !important; } .simple-homepage-experiment#h4home #wrapper .login-button:active { background: #eaeaea !important; box-shadow: 0 -1px 1px rgba(255,255,255,0.8) !important; } .simple-homepage-experiment .forgot-password { display: block; margin: 17px 0 4px 0; float: left; clear: left; font-size: 12px; } .simple-homepage-experiment .remember-me { float: left; clear: left; margin: 0; } .simple-homepage-experiment .remember-me label { font-size: 12px; color: #1e8cbe; } .simple-homepage-experiment .remember-me label:hover { color: #005684; } .simple-homepage-experiment .footer { position: fixed; bottom: 20px; right: 0; left: 0; color: #898989; font-size: 11px; clear: both; text-align: center; } .simple-homepage-experiment .footer .automattic { margin: 0 3px; width: 127px; height: 13px; background: url(/wp-content/themes/h4/i/simple-homepage/automattic-1x.png) no-repeat; text-indent: -999999px; display: inline-block; vertical-align: text-bottom; } .simple-homepage-experiment .clear { clear: both; } /** * Retina CSS */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { .simple-homepage-experiment h1 { background: transparent url(/wp-content/themes/h4/i/simple-homepage/wp-logo-2x.png) no-repeat !important; background-size: 74px 74px; } .simple-homepage-experiment .footer .automattic { background: url(/wp-content/themes/h4/i/simple-homepage/automattic-2x.png) no-repeat; background-size: 127px 11px; } .simple-homepage-experiment .login input[type=text], .simple-homepage-experiment .login input[type=password] { background: #FCFCFC url(/wp-content/themes/h4/i/simple-homepage/login-sprite-2x.png) no-repeat; background-size: 40px 96px; } .simple-homepage-experiment .login input:focus { background: #fff url(/wp-content/themes/h4/i/simple-homepage/login-sprite-2x.png) no-repeat; background-size: 40px 96px; } } /** * Responsive CSS */ @media screen and (max-width: 800px) { .simple-homepage-experiment .or { clear: both; float: none; margin: 20px auto; } .simple-homepage-experiment .box { clear: both; margin: auto 20px; float: none; width: auto; } .simple-homepage-experiment .login { margin-bottom: 30px; } .simple-homepage-experiment .footer { position: relative; padding-top: 30px; } } @media screen and (max-height: 580px) { .simple-homepage-experiment .footer { position: relative; padding-top: 30px; margin-top: 50px; } }