diff --git a/wp-content/themes/svbtle/functions.php b/wp-content/themes/svbtle/functions.php index fadf00a..859444a 100755 --- a/wp-content/themes/svbtle/functions.php +++ b/wp-content/themes/svbtle/functions.php @@ -271,7 +271,7 @@ function register_custom_menu() { register_nav_menu( 'primary', __( 'Svbtle Menu') ); } -require_once ( get_stylesheet_directory() . '/theme-options.php' ); +require_once ( get_template_directory() . '/theme-options.php' ); @@ -513,4 +513,4 @@ function svbtle_comment_form_before() { function svbtle_comment_form_after() { echo ''; - } \ No newline at end of file + } diff --git a/wp-content/themes/svbtle/style.css b/wp-content/themes/svbtle/style.css index 09ad659..69025ce 100644 --- a/wp-content/themes/svbtle/style.css +++ b/wp-content/themes/svbtle/style.css @@ -9,150 +9,2402 @@ License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ -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;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif;color:#222}body{margin:0;font-size:1em;line-height:1.4}a{color:#00e}a:visited{color:#551a8b}a:hover{color:#06e}a:focus{outline:thin dotted}a:hover,a:active{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:bold}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}ul,ol{margin:0;padding:0;list-style:none;list-style-type:none}dd{margin:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;*margin-left:-7px;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*width:13px;*height:13px}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,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{margin:.2em 0;background:#ccc;color:black;padding:.2em 0}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr;*line-height:0}.ir br{display:none}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}section.form input:-moz-placeholder{color:#d6d6d6}section.form textarea:-moz-placeholder{color:#d6d6d6}section.form input::-webkit-input-placeholder{color:#d6d6d6}section.form textarea::-webkit-input-placeholder{color:#d6d6d6}section.form input:-ms-input-placeholder{color:#d6d6d6}section.form input.active:-moz-placeholder{color:#777}section.form textarea.active:-moz-placeholder{color:#777}section.form input.active::-webkit-input-placeholder{color:#777;font-weight:500}section.form textarea.active::-webkit-input-placeholder{color:#777}section.form input.active:-ms-input-placeholder{color:#777}body{background-color:#fff;font-family:'proxima-nova','Helvetica',sans-serif;font-weight:400}h1,h2,h3,h4,h5,h6{color:#3a3a3a;margin-top:25px;margin-bottom:20px;max-width:480px}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}h1{font-size:22px;font-weight:bold}h2{font-size:20px;font-weight:600;margin-top:20px}h3{font-size:19px;font-weight:600}h4{font-size:17px;font-weight:600;color:#000}h5{color:#555;font-size:17px}h6{font-size:16px;font-weight:600;color:#555}p{font-size:15px;line-height:23px;margin-top:20px;margin-bottom:20px;color:#4d4d4d;font-family:'proxima-nova',sans-serif;font-weight:400}p img{margin:0}em{font-style:italic}strong{font-weight:bold;color:#333}small{font-size:80%}a:link,a:visited,a:hover,a:active{text-decoration:none}blockquote{display:inline-block;padding-left:18px;padding-bottom:0;font-size:15px;line-height:25px;margin-left:0;margin-top:0;margin-bottom:0;border-left:10px solid #000}article blockquote code ol{margin-left:28px}article blockquote pre code{margin-left:0}article blockquote h1,article blockquote h2,article blockquote h3,article blockquote h4{margin-top:15px}article blockquote p:first-child{margin-top:0;padding-top:0}article blockquote p:last-child{margin-bottom:0;padding-bottom:0}article blockquote blockquote{border-color:#e6e6e6}article blockquote blockquote blockquote{border-color:#ccc}article.post blockquote p{max-width:500px}article.post blockquote blockquote p{max-width:400px}article.post blockquote blockquote blockquote p{max-width:380px}hr{border:solid #f4f3f3;border-width:5px 0 0;clear:both;margin:0;margin-left:90px;margin-right:0;margin-top:35px;margin-bottom:30px;height:0;width:auto;max-width:300px;border-radius:5px}a,a:visited{color:#333;text-decoration:none;outline:0}a:hover,a:focus{color:#000}p a,p a:visited{line-height:inherit}article img,article iframe,article object{display:block;margin:0;padding:0;max-width:657px;float:none}article iframe,article object{min-height:250px;min-width:0}ul,ol{margin-bottom:20px;padding:0;margin:0;margin-left:20px}ul{display:block;list-style-type:none}article.post ul{list-style-type:disc;max-width:470px}article.post ul li,article.post ol li{font-size:15px;line-height:25px;margin:0;color:#4d4d4d;display:list-item;margin-bottom:5px;margin-top:5px}article.post ol{max-width:470px}ol{list-style:decimal}ul ul,ul ol,ol ol,ol ul{margin:4px 0 5px 0;font-size:90%}ul ul li,ul ol li,ol ol li,ol ul li{margin-bottom:6px}li{line-height:18px;margin-bottom:12px}code{border:1px solid #d2d2d2;background-color:#f8f8f8;padding-left:5px;padding-right:5px;display:inline;padding-right:5px;font-size:13px}p code,li code{border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px}code span.pln{padding-left:0;padding-right:0}pre code span.pln{padding-left:0}code ol li span.pln{padding:none}code ol{padding-right:0;margin:0;padding:0}code li{padding:0;padding-top:3px;padding-bottom:5px;padding-right:0;margin:0}pre{border:none}pre code{border:none;display:block;border:1px solid #d2d2d2;background-color:#f8f8f8;padding-top:10px;padding-bottom:10px;font-size:13px;margin-left:-50px;margin-right:0;width:auto;border-left:none;border-right:none;padding-left:50px}pre code ol li{border:none;margin:0;padding-top:2px;padding-bottom:2px;padding-left:10px}article pre code ul li,article pre code ol li{font-family:monospace,monospace;font-size:15px;line-height:16px}article blockquote code ol{margin-left:28px}article blockquote pre code{margin-left:0}table{width:auto;display:block}td{padding:10px;text-align:left}header#sidebar{position:fixed;width:26%;padding-left:3%;padding-top:30px;z-index:1}section#river{position:relative;margin-left:26%;border-left:1px solid #e3e3e3;min-height:900px;z-index:10;background-color:#fff}header#sidebar h2,header#sidebar h1{margin:0;padding:0;font-weight:900;color:#000;font-family:'freight-sans-pro','helvetica',sans-serif}header#sidebar h2,header#sidebar h1,header#sidebar h3{width:75%}header#sidebar h1{margin-top:15px;font-size:30px;line-height:30px}header#sidebar h1 a{color:#000}header#sidebar h2{margin-top:10px;letter-spacing:1px;font-size:13px;line-height:16px;text-transform:uppercase}header#sidebar h2 a{color:#585858}header#sidebar h3{font-weight:300;font-size:16px;line-height:23px;color:#585c60;-webkit-font-smoothing:antialiased;margin:0;margin-bottom:25px;margin-top:10px}ul#user_nav{position:relative}ul#user_nav li a{position:relative;display:inline-block;font-size:15px;line-height:14px;border:4px solid #f8f8f8;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;z-index:5;padding:7px;padding-left:15px;padding-right:15px;color:#999;margin-left:-30px;font-weight:600;background-color:#fff}ul#user_nav li a:hover{color:#000;border-color:#000}header#begin{padding:40px 0 40px 40px}header#begin time{display:block;font-family:"freight-sans-pro",sans-serif;position:relative;text-transform:uppercase;color:#000;font-weight:700;font-size:16px;letter-spacing:1px;line-height:23px}a.contents{background:url(/cargo/icons/list_icon.png) center center no-repeat;background-size:100%;width:25px;height:25px;text-indent:-9999px;display:block;float:right;margin-right:50px;z-index:20;position:relative;opacity:.01;margin-top:-10px}a.contents:hover{opacity:1}a.contents.articles{background:url(/cargo/icons/articles_icon.png) center center no-repeat}article.post{display:block;position:relative;padding-left:50px;padding-top:40px;padding-bottom:40px;border-top:1px solid #e2e2e2;min-height:130px;overflow-x:hidden}article h1,article h2,article h3,article h4,article h5,article h6,article p,article blockquote{max-width:550px;padding-right:100px}article.post>p:nth-child(2){font-size:18px;line-height:26px;color:#373737}article blockquote p,article blockquote blockquote,article blockquote blockquote p,article blockquote blockquote blockquote,article blockquote blockquote blockquote p{padding-right:0;margin-right:0}article.post h2 a{color:#000;text-decoration:none;border-bottom:1px solid #CCC;font-family:"freight-sans-pro",sans-serif;font-weight:700;font-size:20px;line-height:28px;-webkit-font-smoothing:antialiased}article h2 a.no-link{border:none;font-size:28px}article h2 a.anchor{border-bottom:0;margin-left:10px}article h2 img.scalable{width:16px;height:15px;display:inline-block;margin:0;padding:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAA9ElEQVR42pXSQUrDQBTG8ZDQSiQL3XuAbApZ6d59zxDXgmhBS6HdtSBCLuAFdONG3JiTCPYSScCiCfj6L7yUEpIhs%2FjBMG%2FmgzfznMndrckAx6Yzpsv32KDCk23ACP9IsIDg0iZgDEGEMwiubAJ8fOMXP1jjxPYNAogKrB9RibL%2BBWnTFTDHG4aWAY9Y7RYZBB846tGCh%2Be6tg9Qn%2FANAT7eIYcBFUSVuOgK0FrZDEjxBcG0RwsziN5J680QFXJEhoBzFKgQNr9xBUGG65ZBukEOwbJtDjy8QtRfx%2FoFXtcguXhAAWkotOb2mcRTxEhUrHtO0xYmX9zd4VALmgAAAABJRU5ErkJggg%3D%3D) center center no-repeat\9;height:18px\9;border:0;vertical-align:top;padding-top:7px}article a{text-decoration:none;border-bottom:1px solid #ccc;color:#000}aside.kudo{position:absolute;right:15px;top:65px;display:block;z-index:10;padding:5px;border-radius:5px;background-color:rgba(255,255,255,0.75)}aside.kudo.bottom{position:relative;left:auto;top:auto;padding:0;display:block;text-align:center;width:auto;max-width:550px;margin-top:30px}aside.kudo.bottom a.kudobject{margin:0 auto}aside.kudo.fixed{position:fixed;top:0}aside.kudo a.kudobject{background-color:#000;width:56px;height:56px;display:block;position:relative;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:none}aside.kudo a.kudobject div.opening{background-color:#fff;width:46px;height:46px;display:block;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;margin:0 auto;text-indent:-9999px;text-align:center;position:relative;top:5px}aside.kudo span.circle{background-color:#000;display:block;width:40px;height:40px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;position:relative;top:50%;margin:0 auto;margin-top:-20px;text-indent:-9999px;background-image:none;background-position:center center;background-repeat:no-repeat;transition-property:opacity,background-color,transform;transition-duration:1s;transition-timing-function:ease-out;transform:scale(0.3);transform-style:preserve-3d;-webkit-transition-property:opacity,background-color,-webkit-transform;-webkit-transition-duration:1s;-webkit-transition-timing-function:ease-out;-webkit-transform:scale(0.3);-webkit-transform-style:preserve-3d;-moz-transition-property:opacity,background-color,-moz-transform;-moz-transition-duration:1s;-moz-transition-timing-function:ease-out;-moz-transform:scale(0.3);-moz-transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}aside.kudo.active span.circle{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2)}aside.kudo.complete span.circle{transition-property:none;animation:bounce 1s;animation-iteration-count:1;transform:scale(1);-webkit-transition-property:none;-webkit-animation:bounce 1s;-webkit-animation-iteration-count:1;-webkit-transform:scale(1);-moz-transition-property:none;-moz-animation:bounce 1s;-moz-animation-iteration-count:1;-moz-transform:scale(1);background:#000 url(//d1jcp5e5r52ocf.cloudfront.net/svbtle.png) no-repeat center center;background-size:100%}aside.kudo.active a.counter span.txt{font-size:16px;font-weight:900;line-height:15px;font-family:"freight-sans-pro",sans-serif;font-weight:900;letter-spacing:0;width:55px;text-align:center;margin:0 auto;border:none}aside.kudo a.counter{display:block;text-transform:uppercase;margin-top:3px;line-height:16px;font-family:"freight-sans-pro",sans-serif;font-weight:900;font-size:20px;color:#000;text-align:center;border:none}aside.kudo a.counter span.txt{font-size:12px;font-weight:700;letter-spacing:1px;line-height:11px;display:block;margin-top:4px}aside.read_next{width:auto;display:block;position:relative;padding-top:50px;padding-left:50px;padding-bottom:50px;border-top:1px solid #e3e3e3}aside.read_next a{display:block}aside.read_next h4{font-size:14px;font-family:"freight-sans-pro",sans-serif;font-weight:900;text-transform:uppercase;color:#ababab;margin:0;margin-bottom:5px}span.arrow_down{position:relative;display:inline-block;margin-left:6px;top:-3px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #ababab}aside.read_next a:hover h4,aside.read_next a:hover h3{color:#000;border-color:#000}aside.read_next a:hover span.arrow_down{border-top:5px solid #000}aside.read_next h3{margin:0;padding:0;display:inline-block;padding-left:3px;padding-right:3px;color:#515151;text-decoration:none;border-bottom:1px solid #CCC;font-family:"freight-sans-pro",sans-serif;font-weight:700;font-size:23px;line-height:23px;padding-bottom:6px;-webkit-font-smoothing:antialiased;margin-left:-3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}h1.notification{padding-left:50px;font-size:40px;line-height:50px;padding-bottom:300px}div#notice{display:block;padding:35px;margin-left:-1px;color:#fff;font-size:23px;line-height:30px;font-weight:600;background-color:#6faf0a}div#notice span{font-size:40px;line-height:40px;font-weight:900}section.preview header#begin h2{color:#000;font-weight:900;font-size:35px;margin-bottom:0;line-height:35px;margin-top:20px;font-family:"freight-sans-pro",sans-serif}section.preview header#begin a.live_link{border-bottom:1px solid #ccc}section.preview header#begin h4{margin-top:10px;font-weight:normal;font-size:16px;width:auto;min-width:0;max-width:80%}h2.page_title{margin-left:40px;color:#000;font-size:40px;font-weight:900;margin-bottom:50px}.bleed,span.bleed,div.bleed,p.bleed,img.bleed{margin-left:-50px;display:block}#svbtle_linkback{position:fixed;left:20px;bottom:20px;font-size:17px;letter-spacing:0;text-transform:uppercase;font-family:"freight-sans-pro",sans-serif;font-weight:900;line-height:19px;background-color:#fff;padding:10px;height:30px;z-index:0;border-radius:5px;color:#000}span.logo_square{position:relative;background-color:#000;display:inline-block;border-radius:50%;width:32px;height:32px;margin-right:3px}span.logo_circle{position:relative;border:2px solid #fff;border-radius:50%;display:block;width:20px;height:20px;margin:0 auto;margin-top:4px;text-indent:-9999px}nav.pagination{padding:40px;border-top:1px solid #e2e2e2;padding-bottom:60px}nav.pagination span.next a,nav.pagination span.prev a{padding:10px;padding-left:20px;padding-right:20px;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;font-weight:700;text-transform:uppercase;border:3px solid}nav.pagination span{display:none}nav.pagination span.next{display:block;float:right}nav.pagination span.prev{display:block;float:left}nav.pagination span.next a:hover,nav.pagination span.prev a:hover{color:#000;border-color:#000}section#fin{clear:both;padding-top:0;margin-bottom:0}section#fin a{margin-left:0;clear:both;display:inline-block;margin-top:20px}p.legal{margin-bottom:0;margin-top:0;border-top:1px solid #e2e2e2;margin-left:0;padding-bottom:30px;font-weight:400;padding-left:20px}p.legal a{font-size:14px;color:#ccc;-webkit-font-smoothing:antialiased}@keyframes bounce{0%{transform:scale(1.2);background-color:#000;opacity:1}50%{transform:scale(1.6);opacity:.7;background-color:#000}60%{transform:scale(0.6);opacity:1}100%{transform:scale(1)}}@-webkit-keyframes bounce{0%{-webkit-transform:scale(1.2);background-color:#000;opacity:1}50%{-webkit-transform:scale(1.6);opacity:.7;background-color:#000}60%{-webkit-transform:scale(0.6);opacity:1}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounce{0%{-moz-transform:scale(1.2);background-color:#000;opacity:1}50%{-moz-transform:scale(1.6);opacity:.7;background-color:#000}60%{-moz-transform:scale(0.6);opacity:1}100%{-moz-transform:scale(1)}}figure.logo{display:block;position:relative;background-color:#000;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;z-index:1;width:90px;height:90px}figure.logo a{display:block;position:absolute;top:6px;left:6px;width:70px;height:70px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;text-indent:-9999px;border:4px solid #fff;background-size:100%}figure.logo.medium{width:140px;height:140px}figure.logo.medium a{border-width:5px;width:114px;height:114px;top:8px;left:8px}@media all and (device-width:768px) and (device-height:1024px),only all and (max-height:650px){header#sidebar{position:absolute}#svbtle_linkback{top:700px;position:absolute}}@media all and (min-width:750px) and (max-width:900px){figure.logo.medium{width:120px;height:120px}figure.logo.medium a{border-width:5px;width:95px;height:95px;top:8px;left:8px}header#sidebar h1{font-size:25px;line-height:25px}header#sidebar h2{font-size:13px}header#sidebar h3{font-size:14px}}@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait),all and (device-width:768px) and (device-height:1024px) and (orientation:landscape){header#sidebar{position:fixed}#svbtle_linkback{bottom:10px;left:5px;position:fixed;top:auto}}@media all and (max-width:750px){header#sidebar{display:block;position:relative;min-height:0;width:100%;max-width:100%;padding:0;margin:0;float:none;text-align:center}header#sidebar h1,header#sidebar h2,header#sidebar h3{max-width:70%;width:auto;margin:0 auto}header#sidebar h2{margin-top:2px}header#sidebar h1{margin-top:5px}header#sidebar h3{margin-top:5px;font-size:15px;margin-bottom:15px}header#sidebar figure.logo{margin:0 auto;position:relative;left:auto;right:auto;margin-top:20px}section#river{margin-left:0;border-left:none;margin-top:15px}ul#user_nav{margin:0}ul#user_nav li{display:inline;margin:0;margin-right:0;margin-left:0}ul#user_nav li.feed{display:none}ul#user_nav li a{margin:0;margin-bottom:5px;margin-right:3px}#svbtle_linkback{top:-10px;right:5px;left:auto;position:absolute}#svbtle_linkback span.svbtle{display:none}header#begin{display:none}section.preview header#begin{display:block;border-top:1px solid #e2e2e2}section.preview header#begin{padding:20px;padding-bottom:5px;padding-top:5px}section.preview header#begin h2{font-size:22px;margin-bottom:0;line-height:20px}section.preview header#begin h4{font-size:14px}article h1,article h2,article h3,article h4,article h5,article h6,article p,article blockquote{max-width:100%;padding-right:0}article.post{padding:60px;padding-top:30px}body section#river article pre code{margin:0;padding-left:60px;margin-left:-60px;padding-right:60px;width:100%}article hr{width:80%;margin:0 auto;margin-top:35px;margin-bottom:30px}article blockquote p,article blockquote h2,article blockquote h1,article blockquote h3,article blockquote h4,article blockquote h5,article blockquote h6{padding-left:15px}article hr,article p,article h2,article h1,article h3,article h4,article h5,article h6,article blockquote p,article blockquote h2,article blockquote h1,article blockquote h3,article blockquote h4,article blockquote h5,article blockquote h6{max-width:100%}article blockquote{margin-left:0;max-width:none;min-width:0;margin-right:0;padding:0}article blockquote blockquote{margin-left:10px;margin-right:0}article blockquote p,{padding-left:15px}article blockquote ul,article blockquote ol{margin-left:50px}section#river article pre code{width:auto;margin:0;padding-left:25px;margin-left:-20px;width:100%}section#river article p code{padding-left:5px}article blockquote pre code{margin:0;width:80%;padding-left:20px;padding-top:20px;padding-bottom:20px;border-right:1px solid #ccc;border-top-right-radius:5px;border-bottom-right-radius:5px}article ul,article ol{margin-left:50px;padding-left:0}article ul p,article ol p{padding-left:0}article.post ul{max-width:auto;min-width:0;padding-right:10px}nav.pagination{padding-left:10px;padding-right:10px}}@media all and (max-width:620px){section#river article.post h2 a{font-size:24px}article.post>p:nth-child(2){font-size:15px;line-height:23px}header#sidebar figure.logo{width:114px;height:114px}header#sidebar figure.logo a{top:7px;left:7px;width:90px;height:90px}article.post{padding-top:20px}article img{width:100%}section#river article p img,section#river article p iframe,section#river article iframe,section#river article p object,section#river video,section#river article p video{display:block;margin:0;padding:0;width:100%;float:none}article iframe,article object{min-height:250px;min-width:0}.bleed,span.bleed,div.bleed,p.bleed,img.bleed{margin-left:0;margin-right:0;width:100%;padding:0;margin:0}}@media all and (max-width:560px){article.post{padding:20px;padding-left:15px;padding-right:10px}aside.read_next{display:block;position:relative;width:auto;padding-left:15px}aside.read_next h3{max-width:80%}}@media only all and (min-width:1150px){header#sidebar figure.logo{width:200px;height:200px}header#sidebar figure.logo a{top:10px;left:10px;width:170px;height:170px}section article.post p,section article.post li{font-size:17px;line-height:27px}article.post>p:nth-child(2){font-size:20px;line-height:30px}}@media only all and (max-width:850px){article aside.kudo{right:5px}}@media only all and (min-width:980px){article aside.kudo{right:30px}}@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait){header#sidebar{width:150px}section#river{position:absolute;right:0;left:200px;margin-left:0}}@media all and (device-width:768px) and (device-height:1024px) and (orientation:landscape){header#sidebar{width:200px}section#river{position:absolute;right:0;left:250px;margin-left:0}}@media only all and (max-width:750px),all and (device-width:768px) and (device-height:1024px) and (orientation:portrait),all and (device-width:768px) and (device-height:1024px) and (orientation:landscape){article aside.kudo{float:none;position:relative;clear:both;top:auto;right:auto;min-height:160px;max-width:350px;margin:0 auto}article aside.kudo a.kudobject{width:84px;height:84px;margin:0 auto;margin-top:10px;margin-bottom:0}aside.kudo a.kudobject div.opening{width:68px;height:68px;top:8px}aside.kudo a.kudobject span.circle{top:50%;margin-top:-30px;width:60px;height:60px}article aside.kudo a.counter{font-size:30px;line-height:30px}aside.kudo.active a.counter span.txt{letter-spacing:1px;margin:0;padding:0;position:relative;right:auto;width:auto;height:auto;top:-170px;font-size:35px;line-height:35px;width:auto;max-width:350px;height:auto;z-index:9999;background-color:#000;padding:15px;padding-top:10px;padding-bottom:10px;display:block;margin:0 auto;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;color:#fff}aside.kudo.complete span.circle{animation:bounce-mobile 1s}@keyframes bounce-mobile{0%{transform:scale(1.2);background-color:#000;opacity:1}50%{transform:scale(2.6);opacity:.7;background-color:#000}60%{transform:scale(0.6);opacity:1}80%{transform:scale(0.95)}100%{transform:scale(1)}}@-webkit-keyframes bounce-mobile{0%{-webkit-transform:scale(1.2);background-color:#000;opacity:1}50%{-webkit-transform:scale(2.6);opacity:.7;background-color:#000}60%{-webkit-transform:scale(0.6);opacity:1}80%{-webkit-transform:scale(0.95)}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounce-mobile{0%{-moz-transform:scale(1.2);background-color:#000;opacity:1}50%{-moz-transform:scale(2.6);opacity:.7;background-color:#000}60%{-moz-transform:scale(0.6);opacity:1}80%{-moz-transform:scale(0.95)}100%{-moz-transform:scale(1)}}} +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; + height: 0; +}[hidden] { + display: none; +} + +html { + font-size: 100%; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +html,button,input,select,textarea { + font-family: sans-serif; + color: #222; +} + +body { + margin: 0; + font-size: 1em; + line-height: 1.4; +} + +a { + color: #00e; +} + +a:visited { + color: #551a8b; +} + +a:hover { + color: #06e; +} + +a:focus { + outline: thin dotted; +} + +a:hover,a:active { + outline: 0; +} + +abbr[title] { + border-bottom: 1px dotted; +} + +b,strong { + font-weight: bold; +} + +blockquote { + margin: 1em 40px; +} + +dfn { + font-style: italic; +} + +hr { + display: block; + height: 1px; + border: 0; + border-top: 1px solid #ccc; + margin: 1em 0; + padding: 0; +} + +ins { + background: #ff9; + color: #000; + text-decoration: none; +} + +mark { + background: #ff0; + color: #000; + font-style: italic; + font-weight: bold; +} + +pre,code,kbd,samp { + font-family: monospace,serif; + _font-family: 'courier new',monospace; + font-size: 1em; +} + +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} + +q { + quotes: none; +} + +q:before,q:after { + content: ""; + content: none; +} + +small { + font-size: 85%; +} + +sub,sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +ul,ol { + margin: 0; + padding: 0; + list-style: none; + list-style-type: none; +} + +dd { + margin: 0 0 0 40px; +} + +nav ul,nav ol { + list-style: none; + list-style-image: none; + margin: 0; + padding: 0; +} + +img { + border: 0; + -ms-interpolation-mode: bicubic; + vertical-align: middle; +} + +svg:not(:root) { + overflow: hidden; +} + +figure { + margin: 0; +} + +form { + margin: 0; +} + +fieldset { + border: 0; + margin: 0; + padding: 0; +} + +label { + cursor: pointer; +} + +legend { + border: 0; + *margin-left: -7px; + padding: 0; + white-space: normal; +} + +button,input,select,textarea { + font-size: 100%; + margin: 0; + vertical-align: baseline; + *vertical-align: middle; +} + +button,input { + line-height: normal; +} + +button,input[type="button"],input[type="reset"],input[type="submit"] { + cursor: pointer; + -webkit-appearance: button; + *overflow: visible; +} + +button[disabled],input[disabled] { + cursor: default; +} + +input[type="checkbox"],input[type="radio"] { + box-sizing: border-box; + padding: 0; + *width: 13px; + *height: 13px; +} + +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,input[type="search"]::-webkit-search-cancel-button { + -webkit-appearance: none; +} + +button::-moz-focus-inner,input::-moz-focus-inner { + border: 0; + padding: 0; +} + +textarea { + overflow: auto; + vertical-align: top; + resize: vertical; +} + +input:invalid,textarea:invalid { + background-color: #f0dddd; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td { + vertical-align: top; +} + +.chromeframe { + margin: .2em 0; + background: #ccc; + color: black; + padding: .2em 0; +} + +.ir { + display: block; + border: 0; + text-indent: -999em; + overflow: hidden; + background-color: transparent; + background-repeat: no-repeat; + text-align: left; + direction: ltr; + *line-height: 0; +} + +.ir br { + display: none; +} + +.hidden { + display: none!important; + visibility: hidden; +} + +.visuallyhidden { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + +.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus { + clip: auto; + height: auto; + margin: 0; + overflow: visible; + position: static; + width: auto; +} + +.invisible { + visibility: hidden; +} + +.clearfix:before,.clearfix:after { + content: ""; + display: table; +} + +.clearfix:after { + clear: both; +} + +.clearfix { + *zoom: 1; +} + +section.form input:-moz-placeholder { + color: #d6d6d6; +} + +section.form textarea:-moz-placeholder { + color: #d6d6d6; +} + +section.form input::-webkit-input-placeholder { + color: #d6d6d6; +} + +section.form textarea::-webkit-input-placeholder { + color: #d6d6d6; +} + +section.form input:-ms-input-placeholder { + color: #d6d6d6; +} + +section.form input.active:-moz-placeholder { + color: #777; +} + +section.form textarea.active:-moz-placeholder { + color: #777; +} + +section.form input.active::-webkit-input-placeholder { + color: #777; + font-weight: 500; +} + +section.form textarea.active::-webkit-input-placeholder { + color: #777; +} + +section.form input.active:-ms-input-placeholder { + color: #777; +} + +body { + background-color: #fff; + font-family: 'proxima-nova','Helvetica',sans-serif; + font-weight: 400; +} + +h1,h2,h3,h4,h5,h6 { + color: #3a3a3a; + margin-top: 25px; + margin-bottom: 20px; + max-width: 480px; +} + +h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { + font-weight: inherit; +} + +h1 { + font-size: 22px; + font-weight: bold; +} + +h2 { + font-size: 20px; + font-weight: 600; + margin-top: 20px; +} + +h3 { + font-size: 19px; + font-weight: 600; +} + +h4 { + font-size: 17px; + font-weight: 600; + color: #000; +} + +h5 { + color: #555; + font-size: 17px; +} + +h6 { + font-size: 16px; + font-weight: 600; + color: #555; +} + +p { + font-size: 15px; + line-height: 23px; + margin-top: 20px; + margin-bottom: 20px; + color: #4d4d4d; + font-family: 'proxima-nova',sans-serif; + font-weight: 400; +} + +p img { + margin: 0; +} + +em { + font-style: italic; +} + +strong { + font-weight: bold; + color: #333; +} + +small { + font-size: 80%; +} + +a:link,a:visited,a:hover,a:active { + text-decoration: none; +} + +blockquote { + display: inline-block; + padding-left: 18px; + padding-bottom: 0; + font-size: 15px; + line-height: 25px; + margin-left: 0; + margin-top: 0; + margin-bottom: 0; + border-left: 10px solid #000; +} + +article blockquote code ol { + margin-left: 28px; +} + +article blockquote pre code { + margin-left: 0; +} + +article blockquote h1,article blockquote h2,article blockquote h3,article blockquote h4 { + margin-top: 15px; +} + +article blockquote p:first-child { + margin-top: 0; + padding-top: 0; +} + +article blockquote p:last-child { + margin-bottom: 0; + padding-bottom: 0; +} + +article blockquote blockquote { + border-color: #e6e6e6; +} + +article blockquote blockquote blockquote { + border-color: #ccc; +} + +article.post blockquote p { + max-width: 500px; +} + +article.post blockquote blockquote p { + max-width: 400px; +} + +article.post blockquote blockquote blockquote p { + max-width: 380px; +} + +hr { + border: solid #f4f3f3; + border-width: 5px 0 0; + clear: both; + margin: 0; + margin-left: 90px; + margin-right: 0; + margin-top: 35px; + margin-bottom: 30px; + height: 0; + width: auto; + max-width: 300px; + border-radius: 5px; +} + +a,a:visited { + color: #333; + text-decoration: none; + outline: 0; +} + +a:hover,a:focus { + color: #000; +} + +p a,p a:visited { + line-height: inherit; +} + +article img,article iframe,article object { + display: block; + margin: 0; + padding: 0; + max-width: 657px; + float: none; +} + +article iframe,article object { + min-height: 250px; + min-width: 0; +} + +ul,ol { + margin-bottom: 20px; + padding: 0; + margin: 0; + margin-left: 20px; +} + +ul { + display: block; + list-style-type: none; +} + +article.post ul { + list-style-type: disc; + max-width: 470px; +} + +article.post ul li,article.post ol li { + font-size: 15px; + line-height: 25px; + margin: 0; + color: #4d4d4d; + display: list-item; + margin-bottom: 5px; + margin-top: 5px; +} + +article.post ol { + max-width: 470px; +} + +ol { + list-style: decimal; +} + +ul ul,ul ol,ol ol,ol ul { + margin: 4px 0 5px 0; + font-size: 90%; +} + +ul ul li,ul ol li,ol ol li,ol ul li { + margin-bottom: 6px; +} + +li { + line-height: 18px; + margin-bottom: 12px; +} + +code { + border: 1px solid #d2d2d2; + background-color: #f8f8f8; + padding-left: 5px; + padding-right: 5px; + display: inline; + padding-right: 5px; + font-size: 13px; +} + +p code,li code { + border-radius: 15px; + -moz-border-radius: 15px; + -webkit-border-radius: 15px; +} + +code span.pln { + padding-left: 0; + padding-right: 0; +} + +pre code span.pln { + padding-left: 0; +} + +code ol li span.pln { + padding: none; +} + +code ol { + padding-right: 0; + margin: 0; + padding: 0; +} + +code li { + padding: 0; + padding-top: 3px; + padding-bottom: 5px; + padding-right: 0; + margin: 0; +} + +pre { + border: none; +} + +pre code { + border: none; + display: block; + border: 1px solid #d2d2d2; + background-color: #f8f8f8; + padding-top: 10px; + padding-bottom: 10px; + font-size: 13px; + margin-left: -50px; + margin-right: 0; + width: auto; + border-left: none; + border-right: none; + padding-left: 50px; +} + +pre code ol li { + border: none; + margin: 0; + padding-top: 2px; + padding-bottom: 2px; + padding-left: 10px; +} + +article pre code ul li,article pre code ol li { + font-family: monospace,monospace; + font-size: 15px; + line-height: 16px; +} + +article blockquote code ol { + margin-left: 28px; +} + +article blockquote pre code { + margin-left: 0; +} + +table { + width: auto; + display: block; +} + +td { + padding: 10px; + text-align: left; +} + +header#sidebar { + position: fixed; + width: 26%; + padding-left: 3%; + padding-top: 30px; + z-index: 1; +} + +section#river { + position: relative; + margin-left: 26%; + border-left: 1px solid #e3e3e3; + min-height: 900px; + z-index: 10; + background-color: #fff; +} + +header#sidebar h2,header#sidebar h1 { + margin: 0; + padding: 0; + font-weight: 900; + color: #000; + font-family: 'freight-sans-pro','helvetica',sans-serif; +} + +header#sidebar h2,header#sidebar h1,header#sidebar h3 { + width: 75%; +} + +header#sidebar h1 { + margin-top: 15px; + font-size: 30px; + line-height: 30px; +} + +header#sidebar h1 a { + color: #000; +} + +header#sidebar h2 { + margin-top: 10px; + letter-spacing: 1px; + font-size: 13px; + line-height: 16px; + text-transform: uppercase; +} + +header#sidebar h2 a { + color: #585858; +} + +header#sidebar h3 { + font-weight: 300; + font-size: 16px; + line-height: 23px; + color: #585c60; + -webkit-font-smoothing: antialiased; + margin: 0; + margin-bottom: 25px; + margin-top: 10px; +} + +ul#user_nav { + position: relative; +} + +ul#user_nav li a { + position: relative; + display: inline-block; + font-size: 15px; + line-height: 14px; + border: 4px solid #f8f8f8; + border-radius: 20px; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + z-index: 5; + padding: 7px; + padding-left: 15px; + padding-right: 15px; + color: #999; + margin-left: -30px; + font-weight: 600; + background-color: #fff; +} + +ul#user_nav li a:hover { + color: #000; + border-color: #000; +} + +header#begin { + padding: 40px 0 40px 40px; +} + +header#begin time { + display: block; + font-family: "freight-sans-pro",sans-serif; + position: relative; + text-transform: uppercase; + color: #000; + font-weight: 700; + font-size: 16px; + letter-spacing: 1px; + line-height: 23px; +} + +a.contents { + background: url(/cargo/icons/list_icon.png) center center no-repeat; + background-size: 100%; + width: 25px; + height: 25px; + text-indent: -9999px; + display: block; + float: right; + margin-right: 50px; + z-index: 20; + position: relative; + opacity: .01; + margin-top: -10px; +} + +a.contents:hover { + opacity: 1; +} + +a.contents.articles { + background: url(/cargo/icons/articles_icon.png) center center no-repeat; +} + +article.post { + display: block; + position: relative; + padding-left: 50px; + padding-top: 40px; + padding-bottom: 40px; + border-top: 1px solid #e2e2e2; + min-height: 130px; + overflow-x: hidden; +} + +article h1,article h2,article h3,article h4,article h5,article h6,article p,article blockquote { + max-width: 550px; + padding-right: 100px; +} + +article.post>p:nth-child(2) { + font-size: 18px; + line-height: 26px; + color: #373737; +} + +article blockquote p,article blockquote blockquote,article blockquote blockquote p,article blockquote blockquote blockquote,article blockquote blockquote blockquote p { + padding-right: 0; + margin-right: 0; +} + +article.post h2 a { + color: #000; + text-decoration: none; + border-bottom: 1px solid #CCC; + font-family: "freight-sans-pro",sans-serif; + font-weight: 700; + font-size: 20px; + line-height: 28px; + -webkit-font-smoothing: antialiased; +} + +article h2 a.no-link { + border: none; + font-size: 28px; +} + +article h2 a.anchor { + border-bottom: 0; + margin-left: 10px; +} + +article h2 img.scalable { + width: 16px; + height: 15px; + display: inline-block; + margin: 0; + padding: 0; + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAA9ElEQVR42pXSQUrDQBTG8ZDQSiQL3XuAbApZ6d59zxDXgmhBS6HdtSBCLuAFdONG3JiTCPYSScCiCfj6L7yUEpIhs%2FjBMG%2FmgzfznMndrckAx6Yzpsv32KDCk23ACP9IsIDg0iZgDEGEMwiubAJ8fOMXP1jjxPYNAogKrB9RibL%2BBWnTFTDHG4aWAY9Y7RYZBB846tGCh%2Be6tg9Qn%2FANAT7eIYcBFUSVuOgK0FrZDEjxBcG0RwsziN5J680QFXJEhoBzFKgQNr9xBUGG65ZBukEOwbJtDjy8QtRfx%2FoFXtcguXhAAWkotOb2mcRTxEhUrHtO0xYmX9zd4VALmgAAAABJRU5ErkJggg%3D%3D) center center no-repeat\9; + height: 18px\9; + border: 0; + vertical-align: top; + padding-top: 7px; +} + +article a { + text-decoration: none; + border-bottom: 1px solid #ccc; + color: #000; +} + +aside.kudo { + position: absolute; + right: 15px; + top: 65px; + display: block; + z-index: 10; + padding: 5px; + border-radius: 5px; + background-color: rgba(255,255,255,0.75); +} + +aside.kudo.bottom { + position: relative; + left: auto; + top: auto; + padding: 0; + display: block; + text-align: center; + width: auto; + max-width: 550px; + margin-top: 30px; +} + +aside.kudo.bottom a.kudobject { + margin: 0 auto; +} + +aside.kudo.fixed { + position: fixed; + top: 0; +} + +aside.kudo a.kudobject { + background-color: #000; + width: 56px; + height: 56px; + display: block; + position: relative; + border-radius: 50%; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border: none; +} + +aside.kudo a.kudobject div.opening { + background-color: #fff; + width: 46px; + height: 46px; + display: block; + border-radius: 50%; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + margin: 0 auto; + text-indent: -9999px; + text-align: center; + position: relative; + top: 5px; +} + +aside.kudo span.circle { + background-color: #000; + display: block; + width: 40px; + height: 40px; + border-radius: 50%; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + position: relative; + top: 50%; + margin: 0 auto; + margin-top: -20px; + text-indent: -9999px; + background-image: none; + background-position: center center; + background-repeat: no-repeat; + transition-property: opacity,background-color,transform; + transition-duration: 1s; + transition-timing-function: ease-out; + transform: scale(0.3); + transform-style: preserve-3d; + -webkit-transition-property: opacity,background-color,-webkit-transform; + -webkit-transition-duration: 1s; + -webkit-transition-timing-function: ease-out; + -webkit-transform: scale(0.3); + -webkit-transform-style: preserve-3d; + -moz-transition-property: opacity,background-color,-moz-transform; + -moz-transition-duration: 1s; + -moz-transition-timing-function: ease-out; + -moz-transform: scale(0.3); + -moz-transform-style: preserve-3d; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; +} + +aside.kudo.active span.circle { + transform: scale(1.2); + -webkit-transform: scale(1.2); + -moz-transform: scale(1.2); +} + +aside.kudo.complete span.circle { + transition-property: none; + animation: bounce 1s; + animation-iteration-count: 1; + transform: scale(1); + -webkit-transition-property: none; + -webkit-animation: bounce 1s; + -webkit-animation-iteration-count: 1; + -webkit-transform: scale(1); + -moz-transition-property: none; + -moz-animation: bounce 1s; + -moz-animation-iteration-count: 1; + -moz-transform: scale(1); + background: #000 url(//d1jcp5e5r52ocf.cloudfront.net/svbtle.png) no-repeat center center; + background-size: 100%; +} + +aside.kudo.active a.counter span.txt { + font-size: 16px; + font-weight: 900; + line-height: 15px; + font-family: "freight-sans-pro",sans-serif; + font-weight: 900; + letter-spacing: 0; + width: 55px; + text-align: center; + margin: 0 auto; + border: none; +} + +aside.kudo a.counter { + display: block; + text-transform: uppercase; + margin-top: 3px; + line-height: 16px; + font-family: "freight-sans-pro",sans-serif; + font-weight: 900; + font-size: 20px; + color: #000; + text-align: center; + border: none; +} + +aside.kudo a.counter span.txt { + font-size: 12px; + font-weight: 700; + letter-spacing: 1px; + line-height: 11px; + display: block; + margin-top: 4px; +} + +aside.read_next { + width: auto; + display: block; + position: relative; + padding-top: 50px; + padding-left: 50px; + padding-bottom: 50px; + border-top: 1px solid #e3e3e3; +} + +aside.read_next a { + display: block; +} + +aside.read_next h4 { + font-size: 14px; + font-family: "freight-sans-pro",sans-serif; + font-weight: 900; + text-transform: uppercase; + color: #ababab; + margin: 0; + margin-bottom: 5px; +} + +span.arrow_down { + position: relative; + display: inline-block; + margin-left: 6px; + top: -3px; + width: 0; + height: 0; + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-top: 5px solid #ababab; +} + +aside.read_next a:hover h4,aside.read_next a:hover h3 { + color: #000; + border-color: #000; +} + +aside.read_next a:hover span.arrow_down { + border-top: 5px solid #000; +} + +aside.read_next h3 { + margin: 0; + padding: 0; + display: inline-block; + padding-left: 3px; + padding-right: 3px; + color: #515151; + text-decoration: none; + border-bottom: 1px solid #CCC; + font-family: "freight-sans-pro",sans-serif; + font-weight: 700; + font-size: 23px; + line-height: 23px; + padding-bottom: 6px; + -webkit-font-smoothing: antialiased; + margin-left: -3px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +h1.notification { + padding-left: 50px; + font-size: 40px; + line-height: 50px; + padding-bottom: 300px; +} + +div#notice { + display: block; + padding: 35px; + margin-left: -1px; + color: #fff; + font-size: 23px; + line-height: 30px; + font-weight: 600; + background-color: #6faf0a; +} + +div#notice span { + font-size: 40px; + line-height: 40px; + font-weight: 900; +} + +section.preview header#begin h2 { + color: #000; + font-weight: 900; + font-size: 35px; + margin-bottom: 0; + line-height: 35px; + margin-top: 20px; + font-family: "freight-sans-pro",sans-serif; +} + +section.preview header#begin a.live_link { + border-bottom: 1px solid #ccc; +} + +section.preview header#begin h4 { + margin-top: 10px; + font-weight: normal; + font-size: 16px; + width: auto; + min-width: 0; + max-width: 80%; +} + +h2.page_title { + margin-left: 40px; + color: #000; + font-size: 40px; + font-weight: 900; + margin-bottom: 50px; +} + +.bleed,span.bleed,div.bleed,p.bleed,img.bleed { + margin-left: -50px; + display: block; +} + +#svbtle_linkback { + position: fixed; + left: 20px; + bottom: 20px; + font-size: 17px; + letter-spacing: 0; + text-transform: uppercase; + font-family: "freight-sans-pro",sans-serif; + font-weight: 900; + line-height: 19px; + background-color: #fff; + padding: 10px; + height: 30px; + z-index: 0; + border-radius: 5px; + color: #000; +} + +span.logo_square { + position: relative; + background-color: #000; + display: inline-block; + border-radius: 50%; + width: 32px; + height: 32px; + margin-right: 3px; +} + +span.logo_circle { + position: relative; + border: 2px solid #fff; + border-radius: 50%; + display: block; + width: 20px; + height: 20px; + margin: 0 auto; + margin-top: 4px; + text-indent: -9999px; +} + +nav.pagination { + padding: 40px; + border-top: 1px solid #e2e2e2; + padding-bottom: 60px; +} + +nav.pagination span.next a,nav.pagination span.prev a { + padding: 10px; + padding-left: 20px; + padding-right: 20px; + border-radius: 30px; + -moz-border-radius: 30px; + -webkit-border-radius: 30px; + font-weight: 700; + text-transform: uppercase; + border: 3px solid; +} + +nav.pagination span { + display: none; +} + +nav.pagination span.next { + display: block; + float: right; +} + +nav.pagination span.prev { + display: block; + float: left; +} + +nav.pagination span.next a:hover,nav.pagination span.prev a:hover { + color: #000; + border-color: #000; +} + +section#fin { + clear: both; + padding-top: 0; + margin-bottom: 0; +} + +section#fin a { + margin-left: 0; + clear: both; + display: inline-block; + margin-top: 20px; +} + +p.legal { + margin-bottom: 0; + margin-top: 0; + border-top: 1px solid #e2e2e2; + margin-left: 0; + padding-bottom: 30px; + font-weight: 400; + padding-left: 20px; +} + +p.legal a { + font-size: 14px; + color: #ccc; + -webkit-font-smoothing: antialiased; +} + +@keyframes bounce { + 0% { + transform: scale(1.2); + background-color: #000; + opacity: 1; + } + + 50% { + transform: scale(1.6); + opacity: .7; + background-color: #000; + } + + 60% { + transform: scale(0.6); + opacity: 1; + } + + 100% { + transform: scale(1); + } +} + +@-webkit-keyframes bounce { + 0% { + -webkit-transform: scale(1.2); + background-color: #000; + opacity: 1; + } + + 50% { + -webkit-transform: scale(1.6); + opacity: .7; + background-color: #000; + } + + 60% { + -webkit-transform: scale(0.6); + opacity: 1; + } + + 100% { + -webkit-transform: scale(1); + } +} + +@-moz-keyframes bounce { + 0% { + -moz-transform: scale(1.2); + background-color: #000; + opacity: 1; + } + + 50% { + -moz-transform: scale(1.6); + opacity: .7; + background-color: #000; + } + + 60% { + -moz-transform: scale(0.6); + opacity: 1; + } + + 100% { + -moz-transform: scale(1); + } +} + +figure.logo { + display: block; + position: relative; + background-color: #000; + border-radius: 50%; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + z-index: 1; + width: 90px; + height: 90px; +} + +figure.logo a { + display: block; + position: absolute; + top: 6px; + left: 6px; + width: 70px; + height: 70px; + border-radius: 50%; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + text-indent: -9999px; + border: 4px solid #fff; + background-size: 100%; +} + +figure.logo.medium { + width: 140px; + height: 140px; +} + +figure.logo.medium a { + border-width: 5px; + width: 114px; + height: 114px; + top: 8px; + left: 8px; +} + +@media all and (device-width:768px) and (device-height:1024px),only all and (max-height:650px) { + header#sidebar { + position: absolute; + } + + #svbtle_linkback { + top: 700px; + position: absolute; + } +} + +@media all and (min-width:750px) and (max-width:900px) { + figure.logo.medium { + width: 120px; + height: 120px; + } + + figure.logo.medium a { + border-width: 5px; + width: 95px; + height: 95px; + top: 8px; + left: 8px; + } + + header#sidebar h1 { + font-size: 25px; + line-height: 25px; + } + + header#sidebar h2 { + font-size: 13px; + } + + header#sidebar h3 { + font-size: 14px; + } +} + +@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait),all and (device-width:768px) and (device-height:1024px) and (orientation:landscape) { + header#sidebar { + position: fixed; + } + + #svbtle_linkback { + bottom: 10px; + left: 5px; + position: fixed; + top: auto; + } +} + +@media all and (max-width:750px) { + header#sidebar { + display: block; + position: relative; + min-height: 0; + width: 100%; + max-width: 100%; + padding: 0; + margin: 0; + float: none; + text-align: center; + } + + header#sidebar h1,header#sidebar h2,header#sidebar h3 { + max-width: 70%; + width: auto; + margin: 0 auto; + } + + header#sidebar h2 { + margin-top: 2px; + } + + header#sidebar h1 { + margin-top: 5px; + } + + header#sidebar h3 { + margin-top: 5px; + font-size: 15px; + margin-bottom: 15px; + } -article h2 img.scalable {background-image:url("images/anchor.png");} -aside.kudo.complete span.circle{background-image:url("images/bolt_large.png");} -aside#logo div a{background-image: url("images/bolt_large.png");} -ol li ol { padding-left: 40px; } + header#sidebar figure.logo { + margin: 0 auto; + position: relative; + left: auto; + right: auto; + margin-top: 20px; + } -body.page article.post{border-top: 0;} + section#river { + margin-left: 0; + border-left: none; + margin-top: 15px; + } + + ul#user_nav { + margin: 0; + } + + ul#user_nav li { + display: inline; + margin: 0; + margin-right: 0; + margin-left: 0; + } + + ul#user_nav li.feed { + display: none; + } + + ul#user_nav li a { + margin: 0; + margin-bottom: 5px; + margin-right: 3px; + } + + #svbtle_linkback { + top: -10px; + right: 5px; + left: auto; + position: absolute; + } + + #svbtle_linkback span.svbtle { + display: none; + } + + header#begin { + display: none; + } + + section.preview header#begin { + display: block; + border-top: 1px solid #e2e2e2; + } + + section.preview header#begin { + padding: 20px; + padding-bottom: 5px; + padding-top: 5px; + } + + section.preview header#begin h2 { + font-size: 22px; + margin-bottom: 0; + line-height: 20px; + } + + section.preview header#begin h4 { + font-size: 14px; + } + + article h1,article h2,article h3,article h4,article h5,article h6,article p,article blockquote { + max-width: 100%; + padding-right: 0; + } + + article.post { + padding: 60px; + padding-top: 30px; + } + + body section#river article pre code { + margin: 0; + padding-left: 60px; + margin-left: -60px; + padding-right: 60px; + width: 100%; + } + + article hr { + width: 80%; + margin: 0 auto; + margin-top: 35px; + margin-bottom: 30px; + } + + article blockquote p,article blockquote h2,article blockquote h1,article blockquote h3,article blockquote h4,article blockquote h5,article blockquote h6 { + padding-left: 15px; + } + + article hr,article p,article h2,article h1,article h3,article h4,article h5,article h6,article blockquote p,article blockquote h2,article blockquote h1,article blockquote h3,article blockquote h4,article blockquote h5,article blockquote h6 { + max-width: 100%; + } + + article blockquote { + margin-left: 0; + max-width: none; + min-width: 0; + margin-right: 0; + padding: 0; + } + + article blockquote blockquote { + margin-left: 10px; + margin-right: 0; + } + + article blockquote p, { + padding-left: 15px; + } + + article blockquote ul,article blockquote ol { + margin-left: 50px; + } + + section#river article pre code { + width: auto; + margin: 0; + padding-left: 25px; + margin-left: -20px; + width: 100%; + } + + section#river article p code { + padding-left: 5px; + } + + article blockquote pre code { + margin: 0; + width: 80%; + padding-left: 20px; + padding-top: 20px; + padding-bottom: 20px; + border-right: 1px solid #ccc; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + + article ul,article ol { + margin-left: 50px; + padding-left: 0; + } + + article ul p,article ol p { + padding-left: 0; + } + + article.post ul { + max-width: auto; + min-width: 0; + padding-right: 10px; + } + + nav.pagination { + padding-left: 10px; + padding-right: 10px; + } +} + +@media all and (max-width:620px) { + section#river article.post h2 a { + font-size: 24px; + } + + article.post>p:nth-child(2) { + font-size: 15px; + line-height: 23px; + } + + header#sidebar figure.logo { + width: 114px; + height: 114px; + } + + header#sidebar figure.logo a { + top: 7px; + left: 7px; + width: 90px; + height: 90px; + } + + article.post { + padding-top: 20px; + } + + article img { + width: 100%; + } + + section#river article p img,section#river article p iframe,section#river article iframe,section#river article p object,section#river video,section#river article p video { + display: block; + margin: 0; + padding: 0; + width: 100%; + float: none; + } + + article iframe,article object { + min-height: 250px; + min-width: 0; + } + + .bleed,span.bleed,div.bleed,p.bleed,img.bleed { + margin-left: 0; + margin-right: 0; + width: 100%; + padding: 0; + margin: 0; + } +} + +@media all and (max-width:560px) { + article.post { + padding: 20px; + padding-left: 15px; + padding-right: 10px; + } + + aside.read_next { + display: block; + position: relative; + width: auto; + padding-left: 15px; + } + + aside.read_next h3 { + max-width: 80%; + } +} + +@media only all and (min-width:1150px) { + header#sidebar figure.logo { + width: 200px; + height: 200px; + } + + header#sidebar figure.logo a { + top: 10px; + left: 10px; + width: 170px; + height: 170px; + } + + section article.post p,section article.post li { + font-size: 17px; + line-height: 27px; + } + + article.post>p:nth-child(2) { + font-size: 20px; + line-height: 30px; + } +} + +@media only all and (max-width:850px) { + article aside.kudo { + right: 5px; + } +} + +@media only all and (min-width:980px) { + article aside.kudo { + right: 30px; + } +} + +@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait) { + header#sidebar { + width: 150px; + } + + section#river { + position: absolute; + right: 0; + left: 200px; + margin-left: 0; + } +} + +@media all and (device-width:768px) and (device-height:1024px) and (orientation:landscape) { + header#sidebar { + width: 200px; + } + + section#river { + position: absolute; + right: 0; + left: 250px; + margin-left: 0; + } +} + +@media only all and (max-width:750px),all and (device-width:768px) and (device-height:1024px) and (orientation:portrait),all and (device-width:768px) and (device-height:1024px) and (orientation:landscape) { + article aside.kudo { + float: none; + position: relative; + clear: both; + top: auto; + right: auto; + min-height: 160px; + max-width: 350px; + margin: 0 auto; + } + + article aside.kudo a.kudobject { + width: 84px; + height: 84px; + margin: 0 auto; + margin-top: 10px; + margin-bottom: 0; + } + + aside.kudo a.kudobject div.opening { + width: 68px; + height: 68px; + top: 8px; + } + + aside.kudo a.kudobject span.circle { + top: 50%; + margin-top: -30px; + width: 60px; + height: 60px; + } + + article aside.kudo a.counter { + font-size: 30px; + line-height: 30px; + } + + aside.kudo.active a.counter span.txt { + letter-spacing: 1px; + margin: 0; + padding: 0; + position: relative; + right: auto; + width: auto; + height: auto; + top: -170px; + font-size: 35px; + line-height: 35px; + width: auto; + max-width: 350px; + height: auto; + z-index: 9999; + background-color: #000; + padding: 15px; + padding-top: 10px; + padding-bottom: 10px; + display: block; + margin: 0 auto; + border-radius: 50px; + -moz-border-radius: 50px; + -webkit-border-radius: 50px; + color: #fff; + } + + aside.kudo.complete span.circle { + animation: bounce-mobile 1s; + }@ keyframes bounce-mobile { + 0%{transform: scale(1.2); + background-color: #000; + opacity: 1; + } + + 50% { + transform: scale(2.6); + opacity: .7; + background-color: #000; + } + + 60% { + transform: scale(0.6); + opacity: 1; + } + + 80% { + transform: scale(0.95); + } + + 100% { + transform: scale(1); + } +} + +@-webkit-keyframes bounce-mobile { + 0% { + -webkit-transform: scale(1.2); + background-color: #000; + opacity: 1; + } + + 50% { + -webkit-transform: scale(2.6); + opacity: .7; + background-color: #000; + } + + 60% { + -webkit-transform: scale(0.6); + opacity: 1; + } + + 80% { + -webkit-transform: scale(0.95); + } + + 100% { + -webkit-transform: scale(1); + } +} + +@-moz-keyframes bounce-mobile { + 0% { + -moz-transform: scale(1.2); + background-color: #000; + opacity: 1; + } + + 50% { + -moz-transform: scale(2.6); + opacity: .7; + background-color: #000; + } + + 60% { + -moz-transform: scale(0.6); + opacity: 1; + } + + 80% { + -moz-transform: scale(0.95); + } + + 100% { + -moz-transform: scale(1); + } +}} + +article h2 img.scalable { + background-image: url("images/anchor.png"); +} + +aside.kudo.complete span.circle { + background-image: url("images/bolt_large.png"); +} + +aside#logo div a { + background-image: url("images/bolt_large.png"); +} + +ol li ol { + padding-left: 40px; +} + +body.page article.post { + border-top: 0; +} /* http://pea.rs/content/data-table */ -table{margin:0; padding:0} +table { + margin: 0; + padding: 0; +} + table th, -table td{padding:10px 20px; text-align:left; border-bottom:1px solid #ccc} -table th{border-width:2px} -table td{color:#666} +table td { + padding: 10px 20px; + text-align: left; + border-bottom: 1px solid #ccc; +} + +table th { + border-width: 2px; +} + +table td { + color: #666; +} + table tr:last-child th, -table tr:last-child td{border-bottom:none} -table tr:nth-child(even){background:#eee} +table tr:last-child td { + border-bottom: none; +} + +table tr:nth-child(even) { + background: #eee; +} /* Sidebar */ -#searchform {margin-bottom: 15px} -#searchform .screen-reader-text{display: none;} -#searchform #s{border-radius: 100px; margin-left: -15px; background: url('images/icon-search.png') 14px center no-repeat; border: 1px solid #e7e7e7; border-color: #f1f1f1; text-indent: 20px; padding: 10px 20px; width: 60%} -#searchform #s:hover{border-color: #e7e7e7} -#searchform #s:focus{outline: none; width: 80%; border-color: #333} -#searchsubmit{display: none;} +#searchform { + margin-bottom: 15px; +} + +#searchform .screen-reader-text { + display: none; +} + +#searchform #s { + border-radius: 100px; + margin-left: -15px; + background: url('images/icon-search.png') 14px center no-repeat; + border: 1px solid #e7e7e7; + border-color: #f1f1f1; + text-indent: 20px; + padding: 10px 20px; + width: 60%; +} + +#searchform #s:hover { + border-color: #e7e7e7; +} + +#searchform #s:focus { + outline: none; + width: 80%; + border-color: #333; +} + +#searchsubmit { + display: none; +} /* eo Sidebar */ /* =Comments -------------------------------------------------------------- */ -#comments, .comments{ border-top: 1px solid #E2E2E2; +#comments, .comments { + border-top: 1px solid #E2E2E2; padding-top: 50px; padding-left: 50px; padding-right: 50px; } -.comments ol{padding-top:20px} -#comments{clear:both; } -#comments .navigation{padding:0 0 18px 0} +.comments ol { + padding-top: 20px; +} + +#comments { + clear: both; +} + +#comments .navigation { + padding: 0 0 18px 0; +} + h3#comments-title, -h3#reply-title{color:#000; font-size:20px; font-weight:bold; margin-bottom:0} -h2#comments-title{padding:0 0; margin: 0} -ol.commentlist{list-style:none; margin:0; padding: 0; max-width: 100%; } -ol.commentlist li.comment{border-bottom:1px solid #e7e7e7; line-height:24px; margin:0 0 24px 0; padding:0 0 24px 106px; position:relative} -ol.commentlist li:last-child{border-bottom:none; margin-bottom:0} +h3#reply-title { + color: #000; + font-size: 20px; + font-weight: bold; + margin-bottom: 0; +} + +h2#comments-title { + padding: 0 0; + margin: 0; +} + +ol.commentlist { + list-style: none; + margin: 0; + padding: 0; + max-width: 100%; +} + +ol.commentlist li.comment { + border-bottom: 1px solid #e7e7e7; + line-height: 24px; + margin: 0 0 24px 0; + padding: 0 0 24px 106px; + position: relative; +} + +ol.commentlist li:last-child { + border-bottom: none; + margin-bottom: 0; +} + #comments .comment-body ul, -#comments .comment-body ol{margin-bottom:18px} -#comments .comment-body p:last-child{margin-bottom:6px} -#comments .comment-body blockquote p:last-child{margin-bottom:24px} -.commentlist ol{list-style:decimal} -.commentlist .avatar{position:absolute; top:4px; left:0} -.comment-author{font-weight: bold; font-size: 13px} -.comment-author cite{color:#000; font-style:normal; font-weight:bold} -.comment-author .says{font-style:italic} -.comment-meta{font-size:12px; margin:0 0 18px 0} +#comments .comment-body ol { + margin-bottom: 18px; +} + +#comments .comment-body p:last-child { + margin-bottom: 6px; +} + +#comments .comment-body blockquote p:last-child { + margin-bottom: 24px; +} + +.commentlist ol { + list-style: decimal; +} + +.commentlist .avatar { + position: absolute; + top: 4px; + left: 0; +} + +.comment-author { + font-weight: bold; + font-size: 13px; +} + +.comment-author cite { + color: #000; + font-style: normal; + font-weight: bold; +} + +.comment-author .says { + font-style: italic; +} + +.comment-meta { + font-size: 12px; + margin: 0 0 18px 0; +} + .comment-meta a:link, -.comment-meta a:visited{color:#888; text-decoration:none} +.comment-meta a:visited { + color: #888; + text-decoration: none; +} + .comment-meta a:active, -.comment-meta a:hover{color:#ff4b33} -.commentlist .even{} -.commentlist .bypostauthor{} -.reply{font-size:12px; padding:0 0 24px 0} +.comment-meta a:hover { + color: #ff4b33; +} + +.commentlist .even {; +} + +.commentlist .bypostauthor {; +} + +.reply { + font-size: 12px; + padding: 0 0 24px 0; +} + .reply a, -a.comment-edit-link{color:#888} +a.comment-edit-link { + color: #888; +} + .reply a:hover, -a.comment-edit-link:hover{color:#ff4b33} -.commentlist .children{list-style:none; margin:0} -.commentlist .children li{border:none; margin:0} +a.comment-edit-link:hover { + color: #ff4b33; +} + +.commentlist .children { + list-style: none; + margin: 0; +} + +.commentlist .children li { + border: none; + margin: 0; +} + .nopassword, -.nocomments{display:none} -#comments .pingback{border-bottom:1px solid #e7e7e7; margin-bottom:18px; padding-bottom:18px} -.commentlist li.comment+li.pingback{margin-top:-6px} -#comments .pingback p{color:#888; display:block; font-size:12px; line-height:18px; margin:0} -#comments .pingback .url{font-size:13px; font-style:italic} - -input[type=submit]{color:#333} -#respond{position:relative; width: 500px; } -#respond p{margin:0} -#respond .comment-notes{margin-bottom:1em} -.form-allowed-tags{line-height:1em} -.children #respond{margin:0 48px 0 0} -h3#reply-title{margin:18px 0} -#comments-list #respond{margin:0 0 18px 0} -#comments-list ul #respond{margin:0} -#cancel-comment-reply-link{font-size:12px; font-weight:normal; line-height:18px} -article a.comment-reply-link{font-size: 13px; text-decoration: none; font-weight: bold;} -#respond .required{color:#ff4b33; font-weight:bold} -#respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label{color:#888; font-size:12px; width: 70px; display: inline-block; } -#respond .comment-form-comment label {padding: 0; text-align: left; } -#respond input[type="text"]{margin-bottom:14px; padding:4px; margin-right:10px; border:0; border-bottom:1px solid #ccc} - -#respond input[type="text"]:focus{outline:0; border-color:#333} - -.comment-form-comment label{display: block;} -#respond textarea{border-color:#ccc} -#respond textarea:focus{outline:0} -.logged-in-as{font-size: 11px} - -ol.commentlist li.comment.byuser{margin-top: 30px} -ol.commentlist li.comment.byuser #respond .form-submit{margin-left: 0} -#respond #submit{margin:0 0 9px; background:black; border-radius:5px; padding:10px 20px; font-weight:bold; width:auto; border:0; color:white; margin-bottom:50px} -#respond textarea{width: 500px; margin-bottom:10px; padding: 2%} -#respond .form-allowed-tags{color:#888; font-size:12px; line-height:18px} -#respond .form-allowed-tags code{font-size:11px} -#respond .form-submit{margin:12px 0 0 0} -#respond .form-submit input{font-size:14px; width:auto} -.form-allowed-tags{display: none;} - - -article.post {overflow: visible} - -#respond .comment-subscription-form{margin-bottom: 10px} +.nocomments { + display: none; +} + +#comments .pingback { + border-bottom: 1px solid #e7e7e7; + margin-bottom: 18px; + padding-bottom: 18px; +} + +.commentlist li.comment+li.pingback { + margin-top: -6px; +} + +#comments .pingback p { + color: #888; + display: block; + font-size: 12px; + line-height: 18px; + margin: 0; +} + +#comments .pingback .url { + font-size: 13px; + font-style: italic; +} + +input[type=submit] { + color: #333; +} + +#respond { + position: relative; + width: 500px; +} + +#respond p { + margin: 0; +} + +#respond .comment-notes { + margin-bottom: 1em; +} + +.form-allowed-tags { + line-height: 1em; +} + +.children #respond { + margin: 0 48px 0 0; +} + +h3#reply-title { + margin: 18px 0; +} + +#comments-list #respond { + margin: 0 0 18px 0; +} + +#comments-list ul #respond { + margin: 0; +} + +#cancel-comment-reply-link { + font-size: 12px; + font-weight: normal; + line-height: 18px; +} + +article a.comment-reply-link { + font-size: 13px; + text-decoration: none; + font-weight: bold; +} + +#respond .required { + color: #ff4b33; + font-weight: bold; +} + +#respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { + color: #888; + font-size: 12px; + width: 70px; + display: inline-block; +} + +#respond .comment-form-comment label { + padding: 0; + text-align: left; +} + +#respond input[type="text"] { + margin-bottom: 14px; + padding: 4px; + margin-right: 10px; + border: 0; + border-bottom: 1px solid #ccc; +} + +#respond input[type="text"]:focus { + outline: 0; + border-color: #333; +} + +.comment-form-comment label { + display: block; +} + +#respond textarea { + border-color: #ccc; +} + +#respond textarea:focus { + outline: 0; +} + +.logged-in-as { + font-size: 11px; +} + +ol.commentlist li.comment.byuser { + margin-top: 30px; +} + +ol.commentlist li.comment.byuser #respond .form-submit { + margin-left: 0; +} + +#respond #submit { + margin: 0 0 9px; + background: black; + border-radius: 5px; + padding: 10px 20px; + font-weight: bold; + width: auto; + border: 0; + color: white; + margin-bottom: 50px; +} + +#respond textarea { + width: 500px; + margin-bottom: 10px; + padding: 2%; +} + +#respond .form-allowed-tags { + color: #888; + font-size: 12px; + line-height: 18px; +} + +#respond .form-allowed-tags code { + font-size: 11px; +} + +#respond .form-submit { + margin: 12px 0 0 0; +} + +#respond .form-submit input { + font-size: 14px; + width: auto; +} + +.form-allowed-tags { + display: none; +} + +article.post { + overflow: visible; +} + +#respond .comment-subscription-form { + margin-bottom: 10px; +} /* Wordpress aligment */ /* Alignment */ -.alignleft{display:inline; float:left; margin-right:1.625em} -.alignright{display:inline; float:right; margin-left:1.625em} -.aligncenter{clear:both; display:block; margin-left:auto; margin-right:auto} +.alignleft { + display: inline; + float: left; + margin-right: 1.625em; +} + +.alignright { + display: inline; + float: right; + margin-left: 1.625em; +} + +.aligncenter { + clear: both; + display: block; + margin-left: auto; + margin-right: auto; +} /* Wordpress.com Sharing */ -.sharing{height: 30px !important} -.sharing .share-twitter .twitter_button{height: 20px !important} -.sharing-hidden li{height: 20px !important} -li.share-end{display: none !important; clear: none !important;} +.sharing { + height: 30px !important; +} + +.sharing .share-twitter .twitter_button { + height: 20px !important; +} + +.sharing-hidden li { + height: 20px !important; +} + +li.share-end { + display: none !important; + clear: none !important; +} -.sharedaddy {clear: both; overflow: hidden} -.sharedaddy ul{margin: 0; padding: 0; list-style: none } -.sharedaddy li{float: left; margin: 0 !important; list-style: none !important; padding: 0 !important} +.sharedaddy { + clear: both; + overflow: hidden; +} +.sharedaddy ul { + margin: 0; + padding: 0; + list-style: none; +} +.sharedaddy li { + float: left; + margin: 0 !important; + list-style: none !important; + padding: 0 !important; +} @media (max-width: 630px) { /* Responsive Comments */ - .comments {padding-top: 25px; padding-left: 25px; padding-right: 25px;} - #respond .comment-form-author label, #respond .comment-form-email label, - #respond .comment-form-url label, #respond .comment-form-comment label {width: inherit; padding-right: 10px;} - #respond .required {margin-left: inherit;} - #respond, #respond textarea {width: inherit; max-width: 98%;} - ol.commentlist li.comment {padding: inherit;} - .comment-author-avatar {visibility: hidden;} + .comments { + padding-top: 25px; + padding-left: 25px; + padding-right: 25px; + } + + #respond .comment-form-author label, #respond .comment-form-email label, + #respond .comment-form-url label, #respond .comment-form-comment label { + width: inherit; + padding-right: 10px; + } + + #respond .required { + margin-left: inherit; + } + + #respond, #respond textarea { + width: inherit; + max-width: 98%; + } + + ol.commentlist li.comment { + padding: inherit; + } + + .comment-author-avatar { + visibility: hidden; + } /* Responsive Images */ - section#river article p img, section#river article p iframe, section#river article p object { height:auto; } + section#river article p img, section#river article p iframe, section#river article p object { + height: auto; + } }