@ -120,7 +120,7 @@ table { border-collapse: collapse; border-spacing: 0; }
html , body { font-size : 100 % ; }
body { background : #fbfbfb ; color : #222222 ; padding : 0 ; margin : 0 ; font-family : " Helvetica Neue", "Helvetica" , Helvetica , Arial , sans-serif ; font-weight : normal ; font-style : normal ; line-height : 1 ; position : relative ; cursor : default ; }
body { background : #fbfbfb ; color : #222222 ; padding : 0 ; margin : 0 ; font-family : " Open Sans", " Helvetica Neue", "Helvetica" , Helvetica , Arial , sans-serif ; font-weight : normal ; font-style : normal ; line-height : 1 ; position : relative ; cursor : default ; }
a : hover { cursor : pointer ; }
@ -273,7 +273,7 @@ select { width: 100%; }
. column . large-uncentered . opposite , . columns . large-uncentered . opposite { float : right !important ; } }
p . lead { font-size : 1.21875 em ; line-height : 1.6 ; }
. subheader { line-height : 1.4 ; color : #6f6f6f ; font-weight : 300 ; margin-top : 0.2 em ; margin-bottom : 0. 5 em ; }
. subheader { line-height : 1.4 ; color : #6f6f6f ; font-weight : 300 ; margin-top : 0.2 em ; margin-bottom : 0. 3 em ; }
/* Typography resets */
div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , p , blockquote , th , td { margin : 0 ; padding : 0 ; direction : ltr ; }
@ -284,11 +284,11 @@ a:hover, a:focus { color: #83130b; }
a img { border : none ; }
/* Default paragraph styles */
p { font-family : inherit ; font-weight : normal ; font-size : 1 em ; line-height : 1.6 ; margin-bottom : 1. 25em ; text-rendering : optimizeLegibility ; }
p { font-family : inherit ; font-weight : normal ; font-size : 1 em ; line-height : 1.6 ; margin-bottom : 1. 1 25em ; text-rendering : optimizeLegibility ; }
p aside { font-size : 0.875 em ; line-height : 1.35 ; font-style : italic ; }
/* Default header styles */
h1 , h2 , h3 , h4 , h5 , h6 { font-family : " Helvetica Neue", "Helvetica" , Helvetica , Arial , sans-serif ; font-weight : bold ; font-style : normal ; color : #222222 ; text-rendering : optimizeLegibility ; margin-top : 0.2 em ; margin-bottom : 0. 5 em ; line-height : 1.2125 em ; }
h1 , h2 , h3 , h4 , h5 , h6 { font-family : " Open Sans", " Helvetica Neue", "Helvetica" , Helvetica , Arial , sans-serif ; font-weight : bold ; font-style : normal ; color : #222222 ; text-rendering : optimizeLegibility ; margin-top : 0.2 em ; margin-bottom : 0. 4 em ; line-height : 1.2125 em ; }
h1 small , h2 small , h3 small , h4 small , h5 small , h6 small { font-size : 60 % ; color : #6f6f6f ; line-height : 0 ; }
h1 { font-size : 2.125 em ; }
@ -315,7 +315,7 @@ small { font-size: 60%; line-height: inherit; }
code { font-family : Consolas , "Liberation Mono" , Courier , monospace ; font-weight : bold ; color : #7f0a0c ; }
/* Lists */
ul , ol , dl { font-size : 1 em ; line-height : 1.6 ; margin-bottom : 1. 25em ; list-style-position : outside ; font-family : inherit ; }
ul , ol , dl { font-size : 1 em ; line-height : 1.6 ; margin-bottom : 1. 1 25em ; list-style-position : outside ; font-family : inherit ; }
ul , ol { margin-left : 1.875 em ; }
@ -325,7 +325,7 @@ ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; }
ul . square { list-style-type : square ; }
ul . circle { list-style-type : circle ; }
ul . disc { list-style-type : disc ; }
ul . no-bullet { list-style : none ; }
ul . no-bullet , # main section ul . article-list { list-style : none ; }
/* Ordered Lists */
ol li ul , ol li ol { margin-left : 1.25 em ; margin-bottom : 0 ; }
@ -340,7 +340,7 @@ abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222222; borde
abbr { text-transform : none ; }
/* Blockquotes */
blockquote { margin : 0 0 1. 25em ; padding : 0.5625 em 1.25 em 0 1.1875 em ; border-left : 1 px solid #dddddd ; }
blockquote { margin : 0 0 1. 1 25em ; padding : 0.5625 em 1.25 em 0 1.1875 em ; border-left : 1 px solid #dddddd ; }
blockquote cite { display : block ; font-size : 0.8125 em ; color : #555555 ; }
blockquote cite : before { content : "\2014 \0020" ; }
blockquote cite a , blockquote cite a : visited { color : #555555 ; }
@ -425,6 +425,22 @@ button.large, .button.large { padding-top: 1.03125em; padding-bottom: 1.03125em;
button . radius , . button . radius { -webkit- border-radius : 3 px ; border-radius : 3 px ; }
button . round , . button . round { -webkit- border-radius : 1000 px ; border-radius : 1000 px ; } }
@ media only screen and ( min-width : 768px ) { button , . button { display : inline-block ; } }
/* Dropdown Button */
. dropdown . button { position : relative ; padding-right : 3.1875 em ; }
. dropdown . button : before { position : absolute ; content : "" ; width : 0 ; height : 0 ; display : block ; border-style : solid ; border-color : white transparent transparent transparent ; top : 50 % ; }
. dropdown . button : before { border-width : 0.5625 em ; right : 1.5 em ; margin-top : -0.25 em ; }
. dropdown . button : before { border-color : white transparent transparent transparent ; }
. dropdown . button . tiny { padding-right : 2.1875 em ; }
. dropdown . button . tiny : before { border-width : 0.4375 em ; right : 0.875 em ; margin-top : -0.15625 em ; }
. dropdown . button . tiny : before { border-color : white transparent transparent transparent ; }
. dropdown . button . small { padding-right : 2.8125 em ; }
. dropdown . button . small : before { border-width : 0.5625 em ; right : 1.125 em ; margin-top : -0.21875 em ; }
. dropdown . button . small : before { border-color : white transparent transparent transparent ; }
. dropdown . button . large { padding-right : 4 em ; }
. dropdown . button . large : before { border-width : 0.625 em ; right : 1.75 em ; margin-top : -0.3125 em ; }
. dropdown . button . large : before { border-color : white transparent transparent transparent ; }
. dropdown . button . secondary : before { border-color : #333333 transparent transparent transparent ; }
/* Wrapped around .top-bar to contain to grid width */
. contain-to-grid { width : 100 % ; background : #9b160d ; }
. contain-to-grid . top-bar { margin-bottom : 1.875 em ; }
@ -553,6 +569,13 @@ table tr th, table tr td { padding: 0.5625em 0.625em; font-size: 0.875em; color:
table tr . even , table tr . alt , table tr : nth-of-type ( even ) { background : #f9f9f9 ; }
table thead tr th , table tfoot tr th , table tbody tr td , table tr td , table tfoot tr td { display : table-cell ; line-height : 1.125 em ; }
/* Image Thumbnails */
. th { line-height : 0 ; display : inline-block ; border : solid 4 px white ; -webkit- box-shadow : 0 0 0 1 px rgba ( 0 , 0 , 0 , 0.2 ) ; box-shadow : 0 0 0 1 px rgba ( 0 , 0 , 0 , 0.2 ) ; -webkit- transition : all 200 ms ease-out ; -moz- transition : all 200 ms ease-out ; transition : all 200 ms ease-out ; }
. th : hover , . th : focus { -webkit- box-shadow : 0 0 6 px 1 px rgba ( 155 , 22 , 13 , 0.5 ) ; box-shadow : 0 0 6 px 1 px rgba ( 155 , 22 , 13 , 0.5 ) ; }
. th . radius { -webkit- border-radius : 3 px ; border-radius : 3 px ; }
a . th { display : inline-block ; }
/* Icon Font */
@ font-face { font-family : "pelican-red" ; src : url ( '../fonts/pelican-red.eot' ) ; src : url ( '../fonts/pelican-red.eot?#iefix' ) format ( 'eot' ) , url ( '../fonts/pelican-red.woff' ) format ( 'woff' ) , url ( '../fonts/pelican-red.ttf' ) format ( 'truetype' ) , url ( '../fonts/pelican-red.svg' ) format ( 'svg' ) ; font-weight : normal ; font-style : normal ; }
@ -682,6 +705,20 @@ a [class*="icon-"]:before { display: inline; }
. icon-link : before { content : "\e81b" ; }
. codehilite { font-size : 0.875 em ; padding : 0.4375 em ; background-color : #f4f4f4 ; border : 1 px solid #e0e0e0 ; font-family : 'Source Code Pro' , 'Consolas' , Monaco , monospace ; overflow : auto ; margin-bottom : 1 em ; }
. codehilite pre { tab-size : 4 ; white-space : pre ; font-family : inherit ; }
div . codehilitewrapper { overflow-x : auto ; overflow-y : hidden ; border : 1 px solid #e0e0e0 ; margin-bottom : 1.25 em ; }
div . codehilitewrapper table . codehilitetable { margin : 0 ; border : none ; }
table . codehilitetable { width : 100 % ; }
table . codehilitetable td { font-size : 1 em ; }
table . codehilitetable . linenos { width : 1.875 em ; padding : 0 ; }
table . codehilitetable . linenos . linenodiv { padding : 0.4375 em ; overflow : auto ; font-family : 'Source Code Pro' , 'Consolas' , Monaco , monospace ; }
table . codehilitetable . linenos . linenodiv pre { font-family : inherit ; }
table . codehilitetable . code { padding : 0 ; }
table . codehilitetable . code . codehilite { border-bottom : none ; border-top : none ; border-right : none ; margin : 0 ; }
/* Pygments Code Highlight */
. codehilite . hll { background-color : #ffffcc ; }
. codehilite . c { color : #999988 ; font-style : italic ; }
@ -758,21 +795,39 @@ body { background-color: #fff; }
# nav { background-color : #9b160d ; margin-bottom : 0.625 em ; }
# nav . top-bar { margin-bottom : 0 ; }
# main section , # mainAside aside { background-color : #fff ; -webkit- box-shadow : 0 2 px 5 px rgba ( 0 , 0 , 0 , 0.2 ) ; -moz- box-shadow : 0 2 px 5 px rgba ( 0 , 0 , 0 , 0.2 ) ; box-shadow : 0 2 px 5 px rgba ( 0 , 0 , 0 , 0.2 ) ; }
# main section , # mainAside aside { background-color : #fff ; -webkit- box-shadow : 0 2 px 5 px rgba ( 0 , 0 , 0 , 0.2 ) ; -moz- box-shadow : 0 2 px 5 px rgba ( 0 , 0 , 0 , 0.2 ) ; box-shadow : 0 2 px 5 px rgba ( 0 , 0 , 0 , 0.2 ) ; margin-bottom : 0.625 em ; }
# main section { padding : 0.625 em 0.4375 em 0.4375 em 0.75 em ; }
# main section header { overflow : hidden ; margin-bottom : 0.4375 em ; border-bottom : 1 px solid #f2f2f2 ; }
# main section header h1 { margin-top : 0 ; margin-bottom : 0 ; }
# main section header h1 , # main section header h2 , # main section header h3 { margin-top : 0 ; margin-bottom : 0 ; }
# main section ul . article-list { margin-bottom : 0 ; margin-left : 0 ; }
# main section ul . article-list li . article { border : 1 px solid #f2f2f2 ; padding : 0.4375 em ; margin : 0.4375 em ; overflow : hidden ; clear : both ; -webkit- border-radius : 3 px ; -moz- border-radius : 3 px ; border-radius : 3 px ; background-image : -webkit- linear-gradient ( top , #ffffff , #f8f8f8 ) ; background-image : -moz- linear-gradient ( top , #ffffff , #f8f8f8 ) ; background-image : -o- linear-gradient ( top , #ffffff , #f8f8f8 ) ; background-image : linear-gradient ( to bottom , #ffffff , #f8f8f8 ) ; }
# main section ul . article-list li . article : after { clear : both ; }
# main section ul . article-list li . article . summary { font-size : 0.9 em ; padding-bottom : 0.4375 em ; }
# main section ul . article-list li . article footer { border-top : 1 px solid #f2f2f2 ; font-size : 0.8 em ; color : #c7c7c7 ; }
# main section ul . article-list li . article footer ul { margin-left : 0 ; }
# main section ul . article-list li . article footer abbr { color : #c7c7c7 ; }
# main section ul . article-list li . article footer a { color : #b3190f ; }
# main section ul . article-list li . article header . tag-list { font-size : 0.7 em ; margin-bottom : 0 ; display : inline-block ; vertical-align : middle ; }
# main section ul . article-list li . article header . tag-list li a { padding : 0.25 em 0.4375 em ; }
# main section ul . article-list li . article header span { font-size : 0.8 em ; }
# main section dl . article-list dt { border-top : 1 px solid #f2f2f2 ; }
# main section dl . article-list dt : first-child { border : none ; }
# main section dl . article-list dd { margin-bottom : 0.5 em ; }
# mainAside { font-size : 0.8 em ; }
# mainAside aside { padding : 0.625 em 0.4375 em ; }
# blogRoll { margin-left : 0 ; }
# mainFooter { margin-top : 0.625 em ; color : #888 ; font-size : 0.8 em ; }
# mainFooter { text-align: right ; margin-right : 0.625 em ; margin-top: 0.62 5em ; margin-bottom : 0.437 5em ; color : #888 ; font-size : 0.8 em ; }
. social-area li a : not ( . button ) { padding : 0 10 px ; }
. gsc-control-cse { padding : 0 !important ; }
. gsc-control-cse . gsc-input { padding : 0 !important ; }
. gsc-control-cse . gsc-search-button { display : none ; }
. tag-list { margin : 0 auto 1.0625 em auto ; margin-left : -1.375 em ; margin-right : 0 ; padding : 0 ; list-style : none ; overflow : hidden ; }
. tag-list > li { list-style : none ; float : left ; margin-left : 1.375 em ; display : block ; }
. tag-list > li > * { display : block ; }