2017-12-04 23:16:31 +00:00
/*! UIkit 2.27.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
html { font : 400 14 px / 20 px "Helvetica Neue" , Helvetica , Arial , sans-serif ; -webkit- text-size-adjust : 100 % ; -ms- text-size-adjust : 100 % ; background : #fff ; color : #444 } body { margin : 0 } a { background : 0 0 } a : active , a : hover { outline : 0 } . uk-link , a { color : #07D ; text-decoration : none ; cursor : pointer } . uk-link : hover , a : hover { color : #059 ; text-decoration : underline } abbr [ title ] { border-bottom : 1 px dotted } b , strong { font-weight : 700 } : not ( pre ) > code , : not ( pre ) > kbd , : not ( pre ) > samp { font-size : 12 px ; font-family : Consolas , monospace , serif ; color : #D05 ; white-space : nowrap } em { color : #D05 } ins { background : #ffa ; color : #444 ; text-decoration : none } mark { background : #ffa ; color : #444 } q { font-style : italic } small { font-size : 80 % } sub , sup { font-size : 75 % ; line-height : 0 ; position : relative ; vertical-align : baseline } sup { top : -.5 em } sub { bottom : -.25 em } audio , canvas , iframe , img , svg , video { vertical-align : middle } audio , canvas , img , svg , video { max-width : 100 % ; height : auto ; box-sizing : border-box } . uk-img-preserve , . uk-img-preserve audio , . uk-img-preserve canvas , . uk-img-preserve img , . uk-img-preserve svg , . uk-img-preserve video { max-width : none } img { border : 0 } svg : not ( : root ) { overflow : hidden } blockquote , figure { margin : 0 } address , blockquote , dl , fieldset , figure , ol , p , pre , ul { margin : 0 0 15 px 0 } * + address , * + blockquote , * + dl , * + fieldset , * + figure , * + ol , * + p , * + pre , * + ul { margin-top : 15 px } h1 , h2 , h3 , h4 , h5 , h6 { margin : 0 0 15 px 0 ; font-family : "Helvetica Neue" , Helvetica , Arial , sans-serif ; font-weight : 400 ; color : #444 ; text-transform : none } * + h1 , * + h2 , * + h3 , * + h4 , * + h5 , * + h6 { margin-top : 25 px } . uk-h1 , h1 { font-size : 36 px ; line-height : 42 px } . uk-h2 , h2 { font-size : 24 px ; line-height : 30 px } . uk-h3 , h3 { font-size : 18 px ; line-height : 24 px } . uk-h4 , h4 { font-size : 16 px ; line-height : 22 px } . uk-h5 , h5 { font-size : 14 px ; line-height : 20 px } . uk-h6 , h6 { font-size : 12 px ; line-height : 18 px } ol , ul { padding-left : 30 px } ol > li > ol , ol > li > ul , ul > li > ol , ul > li > ul { margin : 0 } dt { font-weight : 700 } dd { margin-left : 0 } hr { box-sizing : content-box ; height : 0 ; margin : 15 px 0 ; border : 0 ; border-top : 1 px solid #ddd } address { font-style : normal } blockquote { padding-left : 15 px ; border-left : 5 px solid #ddd ; font-size : 16 px ; line-height : 22 px ; font-style : italic } pre { padding : 10 px ; background : #f5f5f5 ; font : 12 px / 18 px Consolas , monospace , serif ; color : #444 ; -moz- tab-size : 4 ; tab-size : 4 ; overflow : auto } :: -moz-selection { background : #39f ; color : #fff ; text-shadow : none } :: selection { background : #39f ; color : #fff ; text-shadow : none } article , aside , details , figcaption , figure , footer , header , main , nav , section , summary { display : block } progress { vertical-align : baseline } audio : not ( [ controls ] ) { display : none } [ hidden ] , template { display : none } iframe { border : 0 } @ media screen and ( max-width : 400px ) { @ -ms-viewport { width : device-width } } . uk-grid { display : -ms- flexbox ; display : -webkit- flex ; display : flex ; -ms- flex-wrap : wrap ; -webkit- flex-wrap : wrap ; flex-wrap : wrap ; margin : 0 ; padding : 0 ; list-style : none } . uk-grid : after , . uk-grid : before { content : "" ; display : block ; overflow : hidden } . uk-grid : after { clear : both } . uk-grid > * { -ms- flex : none ; -webkit- flex : none ; flex : none ; margin : 0 ; float : left } . uk-grid > * > : last-child { margin-bottom : 0 } . uk-grid { margin-left : -25 px } . uk-grid > * { padding-left : 25 px } . uk-grid + . uk-grid , . uk-grid-margin , . uk-grid > * > . uk-panel + . uk-panel { margin-top : 25 px } @ media ( min-width : 1220px ) { . uk-grid { margin-left : -35 px } . uk-grid > * { padding-left : 35 px } . uk-grid + . uk-grid , . uk-grid-margin , . uk-grid > * > . uk-panel + . uk-panel { margin-top : 35 px } } . uk-grid-collapse { margin-left : 0 } . uk-grid-collapse > * { padding-left : 0 } . uk-grid-collapse + . uk-grid-collapse , . uk-grid-collapse > * > . uk-panel + . uk-panel , . uk-grid-collapse > . uk-grid-margin { margin-top : 0 } . uk-grid-small { margin-left : -10 px } . uk-grid-small > * { padding-left : 10 px } . uk-grid-small + . uk-grid-small , . uk-grid-small > * > . uk-panel + . uk-panel , . uk-grid-small > . uk-grid-margin { margin-top : 10 px } . uk-grid-medium { margin-left : -25 px } . uk-grid-medium > * { padding-left : 25 px } . uk-grid-medium + . uk-grid-medium , . uk-grid-medium > * > . uk-panel + . uk-panel , . uk-grid-medium > . uk-grid-margin { margin-top : 25 px } @ media ( min-width : 960px ) { . uk-grid-large { margin-left : -35 px } . uk-grid-large > * { padding-left : 35 px } . uk-grid-large + . uk-grid-large , . uk-grid-large-margin , . uk-grid-large > * > . uk-panel + . uk-panel { margin-top : 35 px } } @ media ( min-width : 1220px ) { . uk-grid-large { margin-left : -50 px } . uk-grid-large > * { padding-left : 50 px } . uk-grid-large + . uk-grid-large , . uk
* For use with Jekyll and Pygments
* http : / / ethanschoonover . com / solarized
* SOLARIZED HEX ROLE
* --------- -------- ------------------------------------------
* base01 # 586e75 body text / default code / primary content
* base1 # 93a1a1 comments / secondary content
* base3 # fdf6e3 background
* orange # cb4b16 constants
* red # dc322f regex , special keywords
* blue # 268bd2 reserved keywords
* cyan # 2aa198 strings , numbers
* green # 859900 operators , other keywords
* * /
. highlight { background-color : #fdf6e3 ; color : #586e75 }
. highlight . c { color : #93a1a1 } /* Comment */
. highlight . err { color : #586e75 } /* Error */
. highlight . g { color : #586e75 } /* Generic */
. highlight . k { color : #859900 } /* Keyword */
. highlight . l { color : #586e75 } /* Literal */
. highlight . n { color : #586e75 } /* Name */
. highlight . o { color : #859900 } /* Operator */
. highlight . x { color : #cb4b16 } /* Other */
. highlight . p { color : #586e75 } /* Punctuation */
. highlight . cm { color : #93a1a1 } /* Comment.Multiline */
. highlight . cp { color : #859900 } /* Comment.Preproc */
. highlight . c1 { color : #93a1a1 } /* Comment.Single */
. highlight . cs { color : #859900 } /* Comment.Special */
. highlight . gd { color : #2aa198 } /* Generic.Deleted */
. highlight . ge { color : #586e75 ; font-style : italic } /* Generic.Emph */
. highlight . gr { color : #dc322f } /* Generic.Error */
. highlight . gh { color : #cb4b16 } /* Generic.Heading */
. highlight . gi { color : #859900 } /* Generic.Inserted */
. highlight . go { color : #586e75 } /* Generic.Output */
. highlight . gp { color : #586e75 } /* Generic.Prompt */
. highlight . gs { color : #586e75 ; font-weight : bold } /* Generic.Strong */
. highlight . gu { color : #cb4b16 } /* Generic.Subheading */
. highlight . gt { color : #586e75 } /* Generic.Traceback */
. highlight . kc { color : #cb4b16 } /* Keyword.Constant */
. highlight . kd { color : #268bd2 } /* Keyword.Declaration */
. highlight . kn { color : #859900 } /* Keyword.Namespace */
. highlight . kp { color : #859900 } /* Keyword.Pseudo */
. highlight . kr { color : #268bd2 } /* Keyword.Reserved */
. highlight . kt { color : #dc322f } /* Keyword.Type */
. highlight . ld { color : #586e75 } /* Literal.Date */
. highlight . m { color : #2aa198 } /* Literal.Number */
. highlight . s { color : #2aa198 } /* Literal.String */
. highlight . na { color : #586e75 } /* Name.Attribute */
. highlight . nb { color : #B58900 } /* Name.Builtin */
. highlight . nc { color : #268bd2 } /* Name.Class */
. highlight . no { color : #cb4b16 } /* Name.Constant */
. highlight . nd { color : #268bd2 } /* Name.Decorator */
. highlight . ni { color : #cb4b16 } /* Name.Entity */
. highlight . ne { color : #cb4b16 } /* Name.Exception */
. highlight . nf { color : #268bd2 } /* Name.Function */
. highlight . nl { color : #586e75 } /* Name.Label */
. highlight . nn { color : #586e75 } /* Name.Namespace */
. highlight . nx { color : #586e75 } /* Name.Other */
. highlight . py { color : #586e75 } /* Name.Property */
. highlight . nt { color : #268bd2 } /* Name.Tag */
. highlight . nv { color : #268bd2 } /* Name.Variable */
. highlight . ow { color : #859900 } /* Operator.Word */
. highlight . w { color : #586e75 } /* Text.Whitespace */
. highlight . mf { color : #2aa198 } /* Literal.Number.Float */
. highlight . mh { color : #2aa198 } /* Literal.Number.Hex */
. highlight . mi { color : #2aa198 } /* Literal.Number.Integer */
. highlight . mo { color : #2aa198 } /* Literal.Number.Oct */
. highlight . sb { color : #93a1a1 } /* Literal.String.Backtick */
. highlight . sc { color : #2aa198 } /* Literal.String.Char */
. highlight . sd { color : #586e75 } /* Literal.String.Doc */
. highlight . s2 { color : #2aa198 } /* Literal.String.Double */
. highlight . se { color : #cb4b16 } /* Literal.String.Escape */
. highlight . sh { color : #586e75 } /* Literal.String.Heredoc */
. highlight . si { color : #2aa198 } /* Literal.String.Interpol */
. highlight . sx { color : #2aa198 } /* Literal.String.Other */
. highlight . sr { color : #dc322f } /* Literal.String.Regex */
. highlight . s1 { color : #2aa198 } /* Literal.String.Single */
. highlight . ss { color : #2aa198 } /* Literal.String.Symbol */
. highlight . bp { color : #268bd2 } /* Name.Builtin.Pseudo */
. highlight . vc { color : #268bd2 } /* Name.Variable.Class */
. highlight . vg { color : #268bd2 } /* Name.Variable.Global */
. highlight . vi { color : #268bd2 } /* Name.Variable.Instance */
. highlight . il { color : #2aa198 } /* Literal.Number.Integer.Long */
2017-12-20 20:55:08 +00:00
/* csslint warned: Too many font-size declarations (10), abstraction needed. */
2017-12-04 23:16:31 +00:00
@ font-face {
font-family : 'Open Sans' ;
font-style : italic ;
font-weight : 800 ;
src : local ( 'Open Sans ExtraBold Italic' ) , local ( 'OpenSans-ExtraBoldItalic' ) , url ( fonts / PRmiXeptR36kaC0GEAetxlDMrAYtoOisqqMDW9M_Mqc . ttf ) format ( 'truetype' ) ;
}
2017-12-20 20:55:08 +00:00
2017-12-04 23:16:31 +00:00
@ font-face {
font-family : 'Oswald' ;
font-style : normal ;
font-weight : 400 ;
src : local ( 'Oswald Regular' ) , local ( 'Oswald-Regular' ) , url ( fonts / Y_TKV6o8WovbUd3m_X9aAA . ttf ) format ( 'truetype' ) ;
}
html , h1 , h2 , h3 {
2017-12-20 20:55:08 +00:00
font-family : "Oswald" , "Helvetica Neue" , Helvetica , Arial , sans-serif ; }
2017-12-04 23:16:31 +00:00
html {
font-weight : 400 ;
font-size : 14px ;
line-height : 20px ; }
em {
color : # 444 ;
}
a {
color : # 33b5e5 ; }
a : hover {
color : # 33b5e5 ; }
. uk-article-meta {
color : # 767676 ; /* required to get an accessible contrast */ }
. uk-article-meta > a {
color : # 444 ; }
. uk-article-meta > a : hover {
color : # 444 ; }
. uk-article-meta > . uk-icon-comment {
color : # 444 ; }
. uk-article-content {
2017-12-20 20:55:08 +00:00
font : 400 14px / 20px "Helvetica Neue" , Helvetica , Arial , sans-serif ; }
2017-12-04 23:16:31 +00:00
. uk-icon-twitter {
2017-12-20 20:55:08 +00:00
color : # 00b0ed ; }
2017-12-04 23:16:31 +00:00
. uk-icon-facebook , . uk-icon-facebook-square {
2017-12-20 20:55:08 +00:00
color : # 3b5999 ; }
2017-12-04 23:16:31 +00:00
. uk-icon-google-plus , . uk-icon-google-plus-square {
2017-12-20 20:55:08 +00:00
color : # d34836 ; }
2017-12-04 23:16:31 +00:00
. uk-nav-side > li . uk-active > a {
2017-12-20 20:55:08 +00:00
background : # 28d1b2 ; }
2017-12-04 23:16:31 +00:00
. uk-pagination > . uk-active > span {
2017-12-20 20:55:08 +00:00
background : # 28d1b2 ; }
2017-12-04 23:16:31 +00:00
. uk-icon-medium {
margin-right : 0 . 3em ; }
. uk-navbar-toggle {
color : white ; }
. uk-navbar-toggle : hover , . uk-navbar-toggle : focus {
color : white ; }
. uk-nav-offcanvas > li > a {
border-top : 1px solid rgba ( 0 , 0 , 0 , 0 . 3 ) ;
box-shadow : inset 0 1px 0 rgba ( 255 , 255 , 255 , 0 . 05 ) ;
text-shadow : 0 1px 0 rgba ( 0 , 0 , 0 , 0 . 5 ) ; }
. uk-nav-offcanvas > li > a : last-child {
border-bottom : 1px solid rgba ( 0 , 0 , 0 , 0 . 3 ) ; }
. uk-nav-offcanvas . uk-nav-divider {
box-sizing : border-box ;
border-top : 1px solid rgba ( 255 , 255 , 255 , 0 . 01 ) ;
margin : 0 ;
height : 4px ;
background : rgba ( 0 , 0 , 0 , 0 . 2 ) ;
box-shadow : inset 0 1px 3px rgba ( 0 , 0 , 0 , 0 . 3 ) ; }
. uk-nav-offcanvas . uk-nav-header {
margin-top : 0 ;
background : # 404040 ;
border-top : 1px solid rgba ( 0 , 0 , 0 , 0 . 3 ) ;
box-shadow : inset 0 1px 0 rgba ( 255 , 255 , 255 , 0 . 05 ) ;
text-shadow : 0 1px 0 rgba ( 0 , 0 , 0 , 0 . 5 ) ; }
. mg-header {
overflow : hidden ; /* to hide the absolutely positioned mg-skiplinks child */
background-color : # 39b39d ; }
. mg-header-content {
display : flex ;
justify-content : space-between ; }
. mg-brand , . mg-brand > h1 {
display : block ;
2017-12-20 20:55:08 +00:00
margin : 0 . 5rem 0 ;
2017-12-04 23:16:31 +00:00
font-style : italic ;
font-size : 2 . 5rem ;
line-height : 2 . 5rem ;
color : # 444 ; }
. mg-brand : hover , . mg-brand : focus {
color : white ; }
@ media ( max-width : 767px ) {
. mg-brand {
padding : 0 ;
max-width : 100 % ;
font-size : 2rem ; }
}
. mg-tagline {
2017-12-20 20:55:08 +00:00
padding : 0 . 5rem 2rem ;
2017-12-04 23:16:31 +00:00
font-size : 1 . 4rem ;
color : white ; }
. mg-header-extra {
flex : 1 ;
display : flex ;
justify-content : flex-end ; }
. mg-tag-filters {
list-style-type : none ;
display : flex ;
align-items : center ;
margin : 0 ; }
. mg-tag-filter {
background-color : transparent ;
border : 2px solid white ;
overflow : visible ;
color : # 444 ;
font : inherit ;
2017-12-20 20:55:08 +00:00
padding : 0 . 5rem 1 . 5rem ;
margin : 0 . 5rem 1rem ;
2017-12-04 23:16:31 +00:00
text-transform : uppercase ;
cursor : pointer ; }
. mg-tag-filter : hover {
border-color : # b2b2b2 ; }
. mg-tag-filter-include {
background-color : # 33b5e5 ; }
. mg-tag-filter-exclude {
2017-12-20 20:55:08 +00:00
background-color : # ff9148 ; }
2017-12-04 23:16:31 +00:00
. mg-nav-small {
display : flex ;
2017-12-20 20:55:08 +00:00
width : 100 % ; }
2017-12-04 23:16:31 +00:00
. mg-nav-menu-toggle-small {
flex : 1 ; }
. mg-main {
margin-top : 4em ;
margin-bottom : 3em ;
min-height : 100 % ; }
. mg-articles {
list-style-type : none ; }
. mg-article-short {
display : flex ;
align-items : center ;
flex-wrap : wrap ; }
li : nth-child ( even ) . mg-article-short {
flex-direction : row-reverse ; }
. mg-article-short . lazyload ,
. mg-article-short . lazyloading ,
. mg-article-short . lazyloaded {
flex : 1 1 15rem ;
min-height : 0 ; /* required for flexbox shrink to work properly - Chrome 60 */
min-width : 0 ; /* required for flexbox shrink to work properly - Chrome 60 */
max-height : 50 % ;
max-width : 50 % ;
2017-12-20 20:55:08 +00:00
padding : 1rem ; /* csslint warned here on box model */
2017-12-04 23:16:31 +00:00
margin : 0 auto ;
width : 100 % ;
height : 100 % ;
object-fit : contain ; }
. mg-article-content {
flex : 3 1 35rem ; }
. mg-feed {
color : # bf4d00 ; }
. mg-feed : hover {
2017-12-20 20:55:08 +00:00
color : # d14905 ; }
2017-12-04 23:16:31 +00:00
. mg-tags {
2017-12-20 20:55:08 +00:00
font-family : "Helvetica Neue" , Helvetica , Arial , sans-serif ;
2017-12-04 23:16:31 +00:00
text-align : right ; }
. mg-tag {
2017-12-20 20:55:08 +00:00
margin : 0 0 . 5rem ;
color : # d14905 ; }
2017-12-04 23:16:31 +00:00
. mg-tag : hover {
2017-12-20 20:55:08 +00:00
color : # d14905 ; }
2017-12-04 23:16:31 +00:00
. mg-tag > . uk-icon-tag {
display : inline ; /* so that the icon stick with the tag label */
2017-12-20 20:55:08 +00:00
margin-right : 0 . 2rem ; }
2017-12-04 23:16:31 +00:00
. mg-list-title {
font-size : 2em ;
line-height : 42px ;
font-weight : 400 ;
text-transform : none ;
margin-top : 0 . 5em ; }
. mg-footer {
margin-bottom : 1em ; }
. mg-author {
margin-top : 1em ; }
. mg-icon-link {
2017-12-20 20:55:08 +00:00
padding : 0 . 3rem ; }
2017-12-04 23:16:31 +00:00
. mg-icon-link : hover {
text-decoration : none ; }
. mg-icons-small {
margin-bottom : 1em ; }
. mg-icons-small . uk-icon-rss {
color : white ;
2017-12-20 20:55:08 +00:00
background-color : # d14905 ; }
2017-12-04 23:16:31 +00:00
. mg-icons-small . uk-icon-twitter {
2017-12-20 20:55:08 +00:00
background-color : # 00b0ed ; }
2017-12-04 23:16:31 +00:00
. mg-icons-small . uk-icon-facebook {
2017-12-20 20:55:08 +00:00
background-color : # 3b5999 ; }
2017-12-04 23:16:31 +00:00
. mg-icons-small . uk-icon-google-plus {
2017-12-20 20:55:08 +00:00
background-color : # d34836 ; }
2017-12-04 23:16:31 +00:00
. mg-icons-small . uk-icon-envelope {
background-color : # 059 ; }
2017-12-20 20:55:08 +00:00
. uk-icon-shaarli :: before {
2017-12-04 23:16:31 +00:00
content : ' ' ;
display : inline-block ;
height : 28px ;
width : 28px ;
background-image : url ( shaarli-icon . png ) ;
background-size : contain ;
vertical-align : middle ; }
2017-12-20 20:55:08 +00:00
. uk-icon-stackoverflow :: before {
2017-12-04 23:16:31 +00:00
content : ' ' ;
display : inline-block ;
height : 28px ;
width : 28px ;
background-image : url ( stackoverflow-icon . png ) ;
background-size : contain ;
vertical-align : middle ; }
2017-12-20 20:55:08 +00:00
. uk-icon-travis-ci :: before {
2017-12-04 23:16:31 +00:00
content : ' ' ;
display : inline-block ;
height : 28px ;
width : 28px ;
background-image : url ( travis-ci-icon . png ) ;
background-size : contain ;
vertical-align : middle ; }
. mg-support-logo {
2017-12-20 20:55:08 +00:00
margin : 0 . 5rem ; }
2017-12-04 23:16:31 +00:00
. mg-badges li {
float : left ;
position : relative ; }
. browserupgrade {
margin : 0 . 2em 0 ;
background : # ccc ;
color : # 000 ;
padding : 0 . 2em 0 ; }
. mg-search {
display : flex ; }
. mg-search-button {
2017-12-20 20:55:08 +00:00
font-family : FontAwesome , serif ;
2017-12-04 23:16:31 +00:00
background-color : transparent ;
border : none ;
cursor : pointer ; }
. mg-search-query {
padding : 0 ; } /* override uk-search-field */
. mg-tagcloud {
list-style : none ;
padding : 0 ;
width : 80 % ;
text-align : center ; }
. mg-cloud-tag {
display : inline-block ;
2017-12-20 20:55:08 +00:00
padding : 0 . 2rem ;
2017-12-04 23:16:31 +00:00
line-height : 110 % ; }
. mg-cloud-tag-size-5 {
font-size : 140 % ; }
. mg-cloud-tag-size-4 {
font-size : 180 % ; }
. mg-cloud-tag-size-3 {
font-size : 220 % ; }
. mg-cloud-tag-size-2 {
font-size : 260 % ; }
. mg-cloud-tag-size-1 {
font-size : 300 % ; }
. mg-cloud-tag-badge {
2017-12-20 20:55:08 +00:00
color : # d14905 ; }
2017-12-04 23:16:31 +00:00
. mg-fadeable {
max-height : 100vh ;
overflow : hidden ;
transition : max-height 1s ease-in ;
}
. mg-faded {
max-height : 0 ;
transition : max-height 1s ease-out ;
}
/* Accessibility */
a : focus , . uk-link : focus {
outline : 1px dotted ! important ; /* resetting an outline - damn uikit :( */
}
. mg-skiplinks {
list-style-type : none ;
}
. mg-skiplinks a {
color : # 39b39d ;
}
. mg-skiplinks a : focus {
color : white ;
}
2017-12-20 20:55:08 +00:00
. duckduckgo {
height : 40px ;
width : 90 % ;
padding : 5 % ;
background : # f5f5f5 ;
}