222 lines
19 KiB
CSS
222 lines
19 KiB
CSS
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
|
|
audio,canvas,video{display:inline-block;}
|
|
audio:not([controls]){display:none;height:0;}
|
|
[hidden]{display:none;}
|
|
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
|
|
body{margin:0;}
|
|
a:focus{outline:thin dotted;}
|
|
a:active,a:hover{outline:0;}
|
|
h1{font-size:2em;margin:0.67em 0;}
|
|
abbr[title]{border-bottom:1px dotted;}
|
|
b,strong{font-weight:bold;}
|
|
dfn{font-style:italic;}
|
|
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
|
|
mark{background:#ff0;color:#000;}
|
|
code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;}
|
|
pre{white-space:pre-wrap;}
|
|
q{quotes:"\201C" "\201D" "\2018" "\2019";}
|
|
small{font-size:80%;}
|
|
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
|
|
sup{top:-0.5em;}
|
|
sub{bottom:-0.25em;}
|
|
img{border:0;}
|
|
svg:not(:root){overflow:hidden;}
|
|
figure{margin:0;}
|
|
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
|
|
legend{border:0;padding:0;}
|
|
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}
|
|
button,input{line-height:normal;}
|
|
button,select{text-transform:none;}
|
|
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
|
|
button[disabled],html input[disabled]{cursor:default;}
|
|
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
|
|
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-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
|
|
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
|
|
textarea{overflow:auto;vertical-align:top;}
|
|
table{border-collapse:collapse;border-spacing:0;margin-bottom:1.5em;}
|
|
::-moz-selection{background-color:#dadada;color:#343434;text-shadow:none;}
|
|
::selection{background-color:#dadada;color:#343434;text-shadow:none;}
|
|
.all-caps{text-transform:uppercase;}
|
|
.pull-left{float:left;}
|
|
.pull-right{float:right;}
|
|
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";}
|
|
.clearfix:after{clear:both;}
|
|
.unstyled-list{list-style:none;margin-left:0;padding-left:0;}.unstyled-list li{list-style-type:none;}
|
|
body{font-family:'PT Serif',serif;color:#333332;}
|
|
h1,h2,h3,h4,h5,h6{font-family:'PT Sans Narrow',sans-serif;}
|
|
h1{font-size:32px;font-size:2rem;}
|
|
a{text-decoration:none;color:#343434;}a:visited{color:#676767;}
|
|
a:hover{color:#010101;}
|
|
a:focus{outline:thin dotted;color:#010101;}
|
|
a:hover,a:active{outline:0;}
|
|
.link-arrow{font-weight:100;text-decoration:underline;font-style:normal;}
|
|
figcaption{padding-top:10px;font-size:14px;font-size:0.875rem;line-height:1.8571;line-height:1.3;color:#4d4d4b;}
|
|
.image-credit{display:inline;float:left;width:83.33333333333334%;margin-left:8.333333333333334%;margin-right:8.333333333333334%;display:block;text-align:right;font-size:12px;font-size:0.75rem;line-height:2.1667;line-height:1.3;font-style:italic;color:#80807e;}.image-credit a{color:#80807e;}
|
|
.notice{margin-top:1.5em;padding:.5em 1em;text-indent:0;font-size:14px;font-size:0.875rem;background-color:#ffffff;border:1px solid #cccccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
|
|
blockquote{margin-left:-28px;padding-left:20px;border-left:8px solid #333332;font-family:'PT Serif',serif;font-style:italic;font-size:24px;font-size:1.5rem;}
|
|
.entry-content .footnotes ol,.entry-content .footnotes li,.entry-content .footnotes p{font-size:14px;font-size:0.875rem;line-height:1.8571;margin-bottom:26px;margin-bottom:1.625rem;}
|
|
tt,code,kbd,samp,pre{font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;}
|
|
p code,li code{font-size:12px;font-size:0.75rem;line-height:1.5;white-space:nowrap;margin:0 2px;padding:0 5px;border:1px solid #e6e6e6;background-color:#f2f2f2;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
|
|
pre{font-size:12px;font-size:0.75rem;line-height:1.5;overflow-x:auto;}
|
|
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
|
|
.clearfix:after{clear:both;}
|
|
.hidden{display:none;visibility:hidden;}
|
|
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{position:static;clip:auto;height:auto;width:auto;margin:0;overflow:visible;}
|
|
hr{display:block;margin:1em 0;padding:0;height:1px;border:0;border-top:1px solid #ccc;border-bottom:1px solid #fff;}
|
|
article img{max-width:100%;height:auto;border-width:0;vertical-align:middle;-ms-interpolation-mode:bicubic;}
|
|
svg:not(:root){overflow:hidden;}
|
|
.half{margin:0 auto;width:100%;*zoom:1;}.half:before,.half:after{display:table;content:"";}
|
|
.half:after{clear:both;}
|
|
.half:before,.half:after{display:table;content:"";line-height:0;}
|
|
.half:after{clear:both;}
|
|
.half img{display:inline;float:left;width:50%;}
|
|
.half figcaption{display:inline;float:left;width:100%;}
|
|
.third{margin:0 auto;width:100%;*zoom:1;}.third:before,.third:after{display:table;content:"";}
|
|
.third:after{clear:both;}
|
|
.third:before,.third:after{display:table;content:"";line-height:0;}
|
|
.third:after{clear:both;}
|
|
.third img{display:inline;float:left;width:33.333333333333336%;}
|
|
.third figcaption{display:inline;float:left;width:100%;}
|
|
.btn{display:inline-block;*display:inline;*zoom:1;padding:12px 24px;margin-bottom:2em;line-height:1;text-align:center;text-transform:uppercase;vertical-align:middle;border:4px double #333332;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;cursor:pointer;*margin-left:.3em;-webkit-transition:0.4s linear;-moz-transition:0.4s linear;-ms-transition:0.4s linear;-o-transition:0.4s linear;transition:0.4s linear;}.btn:visited{border:4px double #4e4e4e;}
|
|
.btn:hover{border:4px double #1a1a1a;}
|
|
.btn:first-child{*margin-left:0;}
|
|
.btn-inverse{border:4px double #ffffff;color:#ffffff;background-color:#000000;}.btn-inverse:visited{color:#ffffff;border-color:#ffffff;}
|
|
.btn-inverse:hover{color:#ffffff;border-color:#ffffff;}
|
|
.btn-small{font-size:60%;padding:6px 12px;}
|
|
.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);}
|
|
form{margin:0 0 5px 0;}form fieldset{margin-bottom:5px;padding:0;border-width:0;}
|
|
form legend{display:block;width:100%;margin-bottom:10px;*margin-left:-7px;padding:0;color:#333332;border:0;border-bottom:1px solid #cccccc;white-space:normal;}
|
|
form p{margin-bottom:2.5px;}
|
|
form ul{list-style-type:none;margin:0 0 5px 0;padding:0;}
|
|
form br{display:none;}
|
|
label,input,button,select,textarea{vertical-align:baseline;*vertical-align:middle;}
|
|
input,button,select,textarea{font-family:'PT Serif',serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
|
|
label{display:block;margin-bottom:1.25px;font-weight:bold;color:#333332;cursor:pointer;}label input,label textarea,label select{display:block;}
|
|
input,textarea,select{display:inline-block;width:100%;padding:4px;margin-bottom:1.25px;background-color:#ffffff;border:1px solid #cccccc;color:#333332;}input:hover,textarea:hover,select:hover{border-color:#808080;}
|
|
.input-mini{width:60px;}
|
|
.input-small{width:90px;}
|
|
input[type="image"],input[type="checkbox"],input[type="radio"]{width:auto;height:auto;padding:0;margin:3px 0;*margin-top:0;line-height:normal;cursor:pointer;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:0 \9;}
|
|
input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:0;*width:13px;*height:13px;}
|
|
input[type="image"]{border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
|
|
input[type="file"]{width:auto;padding:initial;line-height:initial;border:initial;background-color:transparent;background-color:initial;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
|
|
input[type="button"],input[type="reset"],input[type="submit"]{width:auto;height:auto;cursor:pointer;*overflow:visible;}
|
|
select,input[type="file"]{*margin-top:4px;}
|
|
select{width:auto;background-color:#ffffff;}
|
|
select[multiple],select[size]{height:auto;}
|
|
textarea{resize:vertical;height:auto;overflow:auto;vertical-align:top;}
|
|
input[type="hidden"]{display:none;}
|
|
.radio,.checkbox{padding-left:18px;font-weight:normal;}
|
|
.radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-18px;}
|
|
.radio.inline,.checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle;}
|
|
.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline{margin-left:10px;}
|
|
input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{-webkit-opacity:0.5;-moz-opacity:0.5;opacity:0.5;cursor:not-allowed;}
|
|
input:focus,textarea:focus{border-color:#000000;outline:0;outline:thin dotted \9;}
|
|
input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,select:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
|
|
.help-block,.help-inline{color:#808080;}
|
|
.help-block{display:block;margin-bottom:1em;line-height:1em;}
|
|
.help-inline{display:inline-block;vertical-align:middle;padding-left:5px;}
|
|
.form-inline input,.form-inline textarea,.form-inline select{display:inline-block;margin-bottom:0;}
|
|
.form-inline label{display:inline-block;}
|
|
.form-inline .radio,.form-inline .checkbox,.form-inline .radio{padding-left:0;margin-bottom:0;vertical-align:middle;}
|
|
.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:left;margin-left:0;margin-right:3px;}
|
|
.form-search input,.form-search textarea,.form-search select{display:inline-block;margin-bottom:0;}
|
|
.form-search .search-query{padding-left:14px;padding-right:14px;margin-bottom:0;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;}
|
|
.form-search label{display:inline-block;}
|
|
.form-search .radio,.form-search .checkbox,.form-inline .radio{padding-left:0;margin-bottom:0;vertical-align:middle;}
|
|
.form-search .radio input[type="radio"],.form-search .checkbox input[type="checkbox"]{float:left;margin-left:0;margin-right:3px;}
|
|
html{background-color:#ffffff;font-family:'PT Serif',serif;font-color:#333332;font-size:90%;}
|
|
.navigation-wrapper{margin:0 auto;width:100%;padding:2em 0 3em;font-family:'PT Sans Narrow',sans-serif;font-weight:700;text-transform:uppercase;}
|
|
.site-name{margin:0 auto;width:100%;display:inline;float:left;width:83.33333333333334%;margin-left:8.333333333333334%;margin-right:8.333333333333334%;margin-bottom:1em;}
|
|
.top-navigation{margin:0 auto;width:100%;display:inline;float:left;width:83.33333333333334%;margin-left:8.333333333333334%;margin-right:8.333333333333334%;margin-bottom:1em;}
|
|
.top-navigation ul{list-style:none;margin:0;padding:0;}
|
|
.top-navigation li{list-style-type:none;display:inline;margin-right:25px;}.top-navigation li a{decoration:none;border-bottom:0 solid transparent;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
|
|
#main{counter-reset:captions;margin:0 auto;width:100%;*zoom:1;clear:both;margin-top:1em;}#main:before,#main:after{display:table;content:"";}
|
|
#main:after{clear:both;}
|
|
#main:before,#main:after{display:table;content:"";line-height:0;}
|
|
#main:after{clear:both;}
|
|
#main article{margin:0 auto;width:100%;display:inline;float:left;width:83.33333333333334%;margin-left:8.333333333333334%;margin-right:8.333333333333334%;margin-bottom:2em;}
|
|
#index{margin:0 auto;width:100%;display:inline;float:left;width:83.33333333333334%;margin-left:8.333333333333334%;margin-right:8.333333333333334%;margin-bottom:2em;}#index article h2{margin-bottom:0;}
|
|
#index article p+p{text-indent:0;}
|
|
.image-wrap{position:relative;margin-bottom:2em;}.image-wrap:after{content:" ";display:block;position:absolute;bottom:-1px;left:8%;width:0;height:0;border:20px solid transparent;border-bottom-color:#ffffff;}
|
|
.image-wrap img{width:100%;height:auto;-ms-interpolation-mode:bicubic;}
|
|
.image-wrap .headline-wrap{position:absolute;bottom:25px;margin-left:8.333333333333334%;}.image-wrap .headline-wrap h1,.image-wrap .headline-wrap h2{color:#ffffff;text-shadow:0 1px 2px rgba(0, 0, 0, 0.25);}
|
|
.headline-wrap h2{text-transform:uppercase;}
|
|
.byline{clear:both;font-size:80%;}
|
|
.article-author-top h4,.article-author-bottom h4{margin-bottom:0.5em;}
|
|
.article-author-top p,.article-author-bottom p{font-size:80%;font-style:italic;}
|
|
.article-author-top a,.article-author-bottom a,.article-author-top a:hover,.article-author-bottom a:hover{border-bottom:0 solid transparent;}
|
|
.article-author-top img.bio-photo,.article-author-bottom img.bio-photo{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
|
|
.article-author-top{display:none;}
|
|
.article-author-bottom .bio-photo{float:left;margin-right:25px;}
|
|
.toc{display:none;font-size:95%;-webkit-opacity:0.7;-moz-opacity:0.7;opacity:0.7;-webkit-transition:opacity 0.2s ease-in-out;-moz-transition:opacity 0.2s ease-in-out;-ms-transition:opacity 0.2s ease-in-out;-o-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;}.toc:hover{-webkit-opacity:1;-moz-opacity:1;opacity:1;}
|
|
.toc header{background:#1a1a1a;}
|
|
.toc h3{margin:0;padding:5px 10px;color:#ffffff;}.toc h3:hover{cursor:pointer;}
|
|
.toc ul{margin:2px 0 0;padding:0;background:#4d4d4d;line-height:1;}
|
|
.toc li{display:block;margin:0;padding:0;font-family:'PT Sans Narrow',sans-serif;border-bottom:1px solid #808080;}.toc li:last-child{border-bottom:0 solid transparent;}
|
|
.toc li a,.toc li a:hover{color:#ffffff;border-bottom:0 solid transparent;}
|
|
.toc li a{padding:10px;display:block;}
|
|
.toc li ul{margin:0;border-top:1px solid #808080;}
|
|
.image-grid{*zoom:1;list-style:none;margin:0 0 1em;padding:0;}.image-grid:before,.image-grid:after{display:table;content:"";}
|
|
.image-grid:after{clear:both;}
|
|
.image-grid:before,.image-grid:after{display:table;content:"";line-height:0;}
|
|
.image-grid:after{clear:both;}
|
|
.image-grid li{display:inline;float:left;width:50%;}
|
|
.recent-grid{*zoom:1;list-style:none;margin:1em 0;}.recent-grid:before,.recent-grid:after{display:table;content:"";}
|
|
.recent-grid:after{clear:both;}
|
|
.recent-grid:before,.recent-grid:after{display:table;content:"";line-height:0;}
|
|
.recent-grid:after{clear:both;}
|
|
.recent-grid li{display:inline;}.recent-grid li a{border-bottom:0 solid transparent;}.recent-grid li a:hover{border-bottom:0 solid transparent;}
|
|
.recent-grid img{width:19%;margin-bottom:1%;}
|
|
.holder{font-family:'PT Sans Narrow',sans-serif;}.holder a{cursor:pointer;margin:0 5px;}
|
|
.holder a.jp-previous{margin-left:0;margin-right:15px;}
|
|
.holder a.jp-next{margin-left:15px;margin-right:0;}
|
|
.holder a.jp-current{font-weight:bold;}
|
|
.holder a.jp-current,.holder a.jp-current:hover,.holder a.jp-disabled,.holder a.jp-disabled:hover{cursor:default;background:none;}
|
|
.holder span{margin:0 5px;}
|
|
.footer-wrap{margin:0 auto;width:100%;*zoom:1;clear:both;margin-top:1em;padding-top:2em;padding-bottom:3em;background-color:#000000;}.footer-wrap:before,.footer-wrap:after{display:table;content:"";}
|
|
.footer-wrap:after{clear:both;}
|
|
.footer-wrap:before,.footer-wrap:after{display:table;content:"";line-height:0;}
|
|
.footer-wrap:after{clear:both;}
|
|
.footer-wrap a,.footer-wrap a:active,.footer-wrap a:visited,.footer-wrap p,.footer-wrap h4,.footer-wrap h5,.footer-wrap h6{color:#bfbfbf;}
|
|
.footer-wrap a{border-bottom:0 solid transparent;}.footer-wrap a:hover{color:#ffffff;border-bottom:0 solid transparent;}
|
|
.footer-wrap footer{display:inline;float:left;width:83.33333333333334%;margin-left:8.333333333333334%;margin-right:8.333333333333334%;}
|
|
.related-articles{display:inline;float:left;width:83.33333333333334%;margin-left:8.333333333333334%;margin-right:8.333333333333334%;}.related-articles h4{text-transform:uppercase;margin-bottom:0;}
|
|
.related-articles li{margin-bottom:0;color:#ffffff;}
|
|
.footer-icons li{display:inline-block;padding-right:5px;}.footer-icons li a{color:#9a9a9a;-webkit-transition:0.4s linear;-moz-transition:0.4s linear;-ms-transition:0.4s linear;-o-transition:0.4s linear;transition:0.4s linear;}.footer-icons li a:hover{text-decoration:none;border-bottom:none;}.footer-icons li a:hover .icon-twitter,.footer-icons li a:hover .icon-twitter-sign{color:#2aa9df;}
|
|
.footer-icons li a:hover .icon-facebook,.footer-icons li a:hover .icon-facebook-sign{color:#3a5a98;}
|
|
.footer-icons li a:hover .icon-instagram,.footer-icons li a:hover .icon-instagram-sign{color:#306088;}
|
|
.footer-icons li a:hover .icon-google-plus,.footer-icons li a:hover .icon-google-plus-sign{color:#b63324;}
|
|
.footer-icons li a:hover .icon-lastfm,.footer-icons li a:hover .icon-lastfm-sign{color:#d80049;}
|
|
.footer-icons li a:hover .icon-github{color:#4183c4;}
|
|
.chrome-frame{background:#000;margin:0 0 2em 0;padding:10px;text-align:center;color:#ffffff;}.chrome-frame a{color:#ffffff;border-bottom:1px dotted #ffffff;text-decoration:none;}.chrome-frame a:hover{border-bottom:1px solid #ffffff;}
|
|
.image-grid li{width:33.333333%;}
|
|
html{font-size:95%;}
|
|
.site-name{display:inline;float:left;width:16.666666666666668%;margin-left:4.166666666666667%;margin-right:4.166666666666667%;}
|
|
.top-navigation{display:inline;float:left;width:75%;margin-left:0%;margin-right:0%;}
|
|
.image-wrap .headline-wrap,.image-wrap:after{left:25%;}
|
|
.image-wrap .headline-wrap{margin-left:0;}
|
|
.image-credit{display:inline;float:left;width:75%;margin-left:0%;margin-right:0%;}
|
|
#main article{display:inline;float:left;width:50%;margin-left:0%;margin-right:0%;}
|
|
#index{display:inline;float:left;width:50%;margin-left:0%;margin-right:0%;}
|
|
.footer-wrap footer{display:inline;float:left;width:50%;margin-left:25%;margin-right:25%;}
|
|
.article-author-top{display:block;display:inline;float:left;width:16.666666666666668%;margin-left:4.166666666666667%;margin-right:4.166666666666667%;}
|
|
.article-author-bottom{display:none;}
|
|
.toc{display:block;display:inline;float:left;width:16.666666666666668%;margin-left:4.166666666666667%;margin-right:4.166666666666667%;position:fixed;top:120px;right:0;-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.5);box-shadow:0 0 5px rgba(0, 0, 0, 0.5);}
|
|
.image-grid li{width:25%;}
|
|
.related-articles{display:inline;float:left;width:50%;margin-left:25%;margin-right:25%;}
|
|
html{font-size:100%;}
|
|
.image-grid li{width:20%;}
|
|
html{font-size:112.5%;}
|
|
.image-grid li{width:16.666666666%;}
|
|
.site-name{display:inline;float:left;width:12.5%;margin-left:16.666666666666668%;}
|
|
.top-navigation{display:inline;float:left;width:66.66666666666667%;}
|
|
.image-wrap:after{left:33.333333333%;}
|
|
.image-wrap .headline-wrap{margin-left:8.333333333333334%;}
|
|
.image-credit{display:inline;float:left;width:70.83333333333334%;}
|
|
#main article{display:inline;float:left;width:37.5%;}
|
|
#index{display:inline;float:left;width:37.5%;}
|
|
.related-articles{display:inline;float:left;width:37.5%;margin-left:33.333333333333336%;margin-right:29.166666666666668%;}
|
|
.footer-wrap footer{display:inline;float:left;width:37.5%;margin-left:33.333333333333336%;margin-right:29.166666666666668%;}
|
|
.article-author-top{display:inline;float:left;width:12.5%;margin-left:16.666666666666668%;}
|