2013-06-30 21:41:53 +02:00
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 : 2 em ; margin : 0.67 em 0 ; }
abbr [ title ] { border-bottom : 1 px 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 : 1 em ; }
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.5 em ; }
sub { bottom : -0.25 em ; }
img { border : 0 ; }
svg : not ( : root ) { overflow : hidden ; }
figure { margin : 0 ; }
fieldset { border : 1 px solid #c0c0c0 ; margin : 0 2 px ; padding : 0.35 em 0.625 em 0.75 em ; }
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.5 em ; }
:: -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 ; }
2013-09-07 14:44:10 +02:00
body { font-family : 'PT Serif' , serif ; color : #333332 ; }
h1 , h2 , h3 , h4 , h5 , h6 { font-family : 'PT Sans Narrow' , sans-serif ; }
h1 { font-size : 32 px ; font-size : 2 rem ; }
a { text-decoration : none ; color : #343434 ; } a : visited { color : #676767 ; }
a : hover { color : #010101 ; }
a : focus { outline : thin dotted ; color : #010101 ; }
2013-06-30 21:41:53 +02:00
a : hover , a : active { outline : 0 ; }
2013-09-07 14:44:10 +02:00
. link-arrow { font-weight : 100 ; text-decoration : underline ; font-style : normal ; }
figcaption { padding-top : 10 px ; font-size : 14 px ; font-size : 0.875 rem ; line-height : 1.8571 ; line-height : 1.3 ; color : #4d4d4b ; }
. image-credit { margin : 0 auto ; max-width : 440 px ; padding-top : 5 px ; padding-right : 20 px ; padding-left : 20 px ; text-align : right ; font-size : 14 px ; font-size : 0.875 rem ; line-height : 1.8571 ; line-height : 1.3 ; color : #80807e ; * zoom : 1 ; } . image-credit : before , . image-credit : after { display : table ; content : "" ; }
. image-credit : after { clear : both ; }
. image-credit : before , . image-credit : after { display : table ; content : "" ; line-height : 0 ; }
. image-credit : after { clear : both ; }
. image-credit a { color : #80807e ; }
. notice { margin-top : 1.5 em ; padding : .5 em 1 em ; text-indent : 0 ; font-size : 14 px ; font-size : 0.875 rem ; background-color : #ffffff ; border : 1 px solid #cccccc ; -webkit- border-radius : 3 px ; -moz- border-radius : 3 px ; border-radius : 3 px ; }
blockquote { margin-left : -28 px ; padding-left : 20 px ; border-left : 8 px solid #333332 ; font-family : 'PT Serif' , serif ; font-style : italic ; font-size : 24 px ; font-size : 1.5 rem ; }
. entry-content . footnotes ol , . entry-content . footnotes li , . entry-content . footnotes p { font-size : 14 px ; font-size : 0.875 rem ; line-height : 1.8571 ; margin-bottom : 26 px ; margin-bottom : 1.625 rem ; }
2013-06-30 21:41:53 +02:00
tt , code , kbd , samp , pre { font-family : Monaco , "Courier New" , "DejaVu Sans Mono" , "Bitstream Vera Sans Mono" , monospace ; }
2013-09-07 14:44:10 +02:00
p code , li code { font-size : 12 px ; font-size : 0.75 rem ; line-height : 1.5 ; white-space : nowrap ; margin : 0 2 px ; padding : 0 5 px ; border : 1 px solid #e6e6e6 ; background-color : #f2f2f2 ; -webkit- border-radius : 3 px ; -moz- border-radius : 3 px ; border-radius : 3 px ; }
pre { font-size : 12 px ; font-size : 0.75 rem ; line-height : 1.5 ; overflow-x : auto ; }
. clearfix { * zoom : 1 ; } . clearfix : before , . clearfix : after { display : table ; content : "" ; line-height : 0 ; }
. clearfix : after { clear : both ; }
2013-06-30 21:41:53 +02:00
. hidden { display : none ; visibility : hidden ; }
. visuallyhidden . focusable : active , . visuallyhidden . focusable : focus { position : static ; clip : auto ; height : auto ; width : auto ; margin : 0 ; overflow : visible ; }
2013-09-07 14:44:10 +02:00
hr { display : block ; margin : 1 em 0 ; padding : 0 ; height : 1 px ; border : 0 ; border-top : 1 px solid #ccc ; border-bottom : 1 px solid #fff ; }
2013-06-30 21:41:53 +02:00
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 ; }
2013-09-07 14:44:10 +02:00
. half : before , . half : after { display : table ; content : "" ; line-height : 0 ; }
2013-06-30 21:41:53 +02:00
. 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 ; }
2013-09-07 14:44:10 +02:00
. third : before , . third : after { display : table ; content : "" ; line-height : 0 ; }
2013-06-30 21:41:53 +02:00
. 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 : 12 px 24 px ; margin-bottom : 2 em ; line-height : 1 ; text-align : center ; text-transform : uppercase ; vertical-align : middle ; border : 4 px double #333332 ; -webkit- border-radius : 50 px ; -moz- border-radius : 50 px ; border-radius : 50 px ; cursor : pointer ; * margin-left : .3 em ; -webkit- transition : 0.4 s linear ; -moz- transition : 0.4 s linear ; -ms- transition : 0.4 s linear ; -o- transition : 0.4 s linear ; transition : 0.4 s linear ; } . btn : visited { border : 4 px double #4e4e4e ; }
. btn : hover { border : 4 px double #1a1a1a ; }
. btn : first-child { * margin-left : 0 ; }
. btn-inverse { border : 4 px 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 : 6 px 12 px ; }
. well { min-height : 20 px ; padding : 19 px ; margin-bottom : 20 px ; background-color : #f5f5f5 ; border : 1 px solid #e3e3e3 ; -webkit- border-radius : 4 px ; -moz- border-radius : 4 px ; border-radius : 4 px ; -webkit- box-shadow : inset 0 1 px 1 px rgba ( 0 , 0 , 0 , 0.05 ) ; -moz- box-shadow : inset 0 1 px 1 px rgba ( 0 , 0 , 0 , 0.05 ) ; box-shadow : inset 0 1 px 1 px rgba ( 0 , 0 , 0 , 0.05 ) ; }
form { margin : 0 0 5 px 0 ; } form fieldset { margin-bottom : 5 px ; padding : 0 ; border-width : 0 ; }
form legend { display : block ; width : 100 % ; margin-bottom : 10 px ; * margin-left : -7 px ; padding : 0 ; color : #333332 ; border : 0 ; border-bottom : 1 px solid #cccccc ; white-space : normal ; }
form p { margin-bottom : 2.5 px ; }
form ul { list-style-type : none ; margin : 0 0 5 px 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.25 px ; font-weight : bold ; color : #333332 ; cursor : pointer ; } label input , label textarea , label select { display : block ; }
input , textarea , select { display : inline-block ; width : 100 % ; padding : 4 px ; margin-bottom : 1.25 px ; background-color : #ffffff ; border : 1 px solid #cccccc ; color : #333332 ; } input : hover , textarea : hover , select : hover { border-color : #808080 ; }
. input-mini { width : 60 px ; }
. input-small { width : 90 px ; }
input [ type = "image" ] , input [ type = "checkbox" ] , input [ type = "radio" ] { width : auto ; height : auto ; padding : 0 ; margin : 3 px 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 : 13 px ; * height : 13 px ; }
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 : 4 px ; }
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 : 18 px ; font-weight : normal ; }
. radio input [ type = "radio" ] , . checkbox input [ type = "checkbox" ] { float : left ; margin-left : -18 px ; }
. radio . inline , . checkbox . inline { display : inline-block ; padding-top : 5 px ; margin-bottom : 0 ; vertical-align : middle ; }
. radio . inline + . radio . inline , . checkbox . inline + . checkbox . inline { margin-left : 10 px ; }
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 : 1 em ; line-height : 1 em ; }
. help-inline { display : inline-block ; vertical-align : middle ; padding-left : 5 px ; }
. 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 : 3 px ; }
. form-search input , . form-search textarea , . form-search select { display : inline-block ; margin-bottom : 0 ; }
. form-search . search-query { padding-left : 14 px ; padding-right : 14 px ; margin-bottom : 0 ; -webkit- border-radius : 14 px ; -moz- border-radius : 14 px ; border-radius : 14 px ; }
. 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 : 3 px ; }
html { background-color : #ffffff ; font-family : 'PT Serif' , serif ; font-color : #333332 ; font-size : 90 % ; }
. navigation-wrapper { margin : 0 auto ; width : 100 % ; padding : 2 em 0 3 em ; 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 : 1 em ; }
. top-navigation { margin : 0 auto ; width : 100 % ; display : inline ; float : left ; width : 83.33333333333334 % ; margin-left : 8.333333333333334 % ; margin-right : 8.333333333333334 % ; margin-bottom : 1 em ; }
. top-navigation ul { list-style : none ; margin : 0 ; padding : 0 ; }
. top-navigation li { list-style-type : none ; display : inline ; margin-right : 25 px ; } . top-navigation li a { decoration : none ; border-bottom : 0 solid transparent ; -webkit- transition : all 0.2 s ; -moz- transition : all 0.2 s ; -ms- transition : all 0.2 s ; -o- transition : all 0.2 s ; transition : all 0.2 s ; }
# main { counter-reset : captions ; margin : 0 auto ; width : 100 % ; * zoom : 1 ; clear : both ; margin-top : 1 em ; } # main : before , # main : after { display : table ; content : "" ; }
# main : after { clear : both ; }
2013-09-07 14:44:10 +02:00
# main : before , # main : after { display : table ; content : "" ; line-height : 0 ; }
2013-06-30 21:41:53 +02:00
# 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 : 2 em ; }
2013-09-07 14:44:10 +02:00
# index { margin : 0 auto ; width : 100 % ; display : inline ; float : left ; width : 83.33333333333334 % ; margin-left : 8.333333333333334 % ; margin-right : 8.333333333333334 % ; margin-bottom : 2 em ; } # index article h2 { margin-bottom : 0 ; }
2013-06-30 21:41:53 +02:00
# index article p + p { text-indent : 0 ; }
. image-wrap { position : relative ; margin-bottom : 2 em ; } . image-wrap : after { content : " " ; display : block ; position : absolute ; bottom : -1 px ; left : 8 % ; width : 0 ; height : 0 ; border : 20 px solid transparent ; border-bottom-color : #ffffff ; }
. image-wrap img { width : 100 % ; height : auto ; -ms- interpolation-mode : bicubic ; }
. image-wrap . headline-wrap { position : absolute ; bottom : 25 px ; margin-left : 8.333333333333334 % ; } . image-wrap . headline-wrap h1 , . image-wrap . headline-wrap h2 { color : #ffffff ; text-shadow : 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.25 ) ; }
2013-09-07 14:44:10 +02:00
. headline-wrap h2 { text-transform : uppercase ; }
2013-06-30 21:41:53 +02:00
. byline { clear : both ; font-size : 80 % ; }
. article-author-top h4 , . article-author-bottom h4 { margin-bottom : 0.5 em ; }
. 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 : 100 px ; -moz- border-radius : 100 px ; border-radius : 100 px ; }
. article-author-top { display : none ; }
. article-author-bottom . bio-photo { float : left ; margin-right : 25 px ; }
. toc { display : none ; font-size : 95 % ; -webkit- opacity : 0.7 ; -moz- opacity : 0.7 ; opacity : 0.7 ; -webkit- transition : opacity 0.2 s ease-in-out ; -moz- transition : opacity 0.2 s ease-in-out ; -ms- transition : opacity 0.2 s ease-in-out ; -o- transition : opacity 0.2 s ease-in-out ; transition : opacity 0.2 s ease-in-out ; } . toc : hover { -webkit- opacity : 1 ; -moz- opacity : 1 ; opacity : 1 ; }
. toc header { background : #1a1a1a ; }
. toc h3 { margin : 0 ; padding : 5 px 10 px ; color : #ffffff ; } . toc h3 : hover { cursor : pointer ; }
. toc ul { margin : 2 px 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 : 1 px 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 : 10 px ; display : block ; }
. toc li ul { margin : 0 ; border-top : 1 px solid #808080 ; }
. image-grid { * zoom : 1 ; list-style : none ; margin : 0 0 1 em ; padding : 0 ; } . image-grid : before , . image-grid : after { display : table ; content : "" ; }
. image-grid : after { clear : both ; }
2013-09-07 14:44:10 +02:00
. image-grid : before , . image-grid : after { display : table ; content : "" ; line-height : 0 ; }
2013-06-30 21:41:53 +02:00
. image-grid : after { clear : both ; }
. image-grid li { display : inline ; float : left ; width : 50 % ; }
. recent-grid { * zoom : 1 ; list-style : none ; margin : 1 em 0 ; } . recent-grid : before , . recent-grid : after { display : table ; content : "" ; }
. recent-grid : after { clear : both ; }
2013-09-07 14:44:10 +02:00
. recent-grid : before , . recent-grid : after { display : table ; content : "" ; line-height : 0 ; }
2013-06-30 21:41:53 +02:00
. 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 5 px ; }
. holder a . jp-previous { margin-left : 0 ; margin-right : 15 px ; }
. holder a . jp-next { margin-left : 15 px ; 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 5 px ; }
. footer-wrap { margin : 0 auto ; width : 100 % ; * zoom : 1 ; clear : both ; margin-top : 1 em ; padding-top : 2 em ; padding-bottom : 3 em ; background-color : #000000 ; } . footer-wrap : before , . footer-wrap : after { display : table ; content : "" ; }
. footer-wrap : after { clear : both ; }
2013-09-07 14:44:10 +02:00
. footer-wrap : before , . footer-wrap : after { display : table ; content : "" ; line-height : 0 ; }
2013-06-30 21:41:53 +02:00
. 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 % ; }
2013-09-07 14:44:10 +02:00
. 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 ; }
2013-06-30 21:41:53 +02:00
. related-articles li { margin-bottom : 0 ; color : #ffffff ; }
2013-09-07 14:44:10 +02:00
. footer-icons li { display : inline-block ; padding-right : 5 px ; } . footer-icons li a { color : #9a9a9a ; -webkit- transition : 0.4 s linear ; -moz- transition : 0.4 s linear ; -ms- transition : 0.4 s linear ; -o- transition : 0.4 s linear ; transition : 0.4 s 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 ; }
2013-06-30 21:41:53 +02:00
. 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 2 em 0 ; padding : 10 px ; text-align : center ; color : #ffffff ; } . chrome-frame a { color : #ffffff ; border-bottom : 1 px dotted #ffffff ; text-decoration : none ; } . chrome-frame a : hover { border-bottom : 1 px 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 ; }
# 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 : 120 px ; right : 0 ; -webkit- box-shadow : 0 0 5 px rgba ( 0 , 0 , 0 , 0.5 ) ; -moz- box-shadow : 0 0 5 px rgba ( 0 , 0 , 0 , 0.5 ) ; box-shadow : 0 0 5 px 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 % ; }
# 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 % ; }