2019-05-28 05:01:15 +00:00
/*! UIkit 3.1.5 | http://www.getuikit.com | (c) 2014 - 2018 YOOtheme | MIT License */ html { font-family : - apple-system , BlinkMacSystemFont , "Segoe UI" , Roboto , "Helvetica Neue" , Arial , "Noto Sans" , sans-serif , "Apple Color Emoji" , "Segoe UI Emoji" , "Segoe UI Symbol" , "Noto Color Emoji" ; font-size : 16 px ; font-weight : 400 ; line-height : 1.5 ; -webkit- text-size-adjust : 100 % ; background : #fff ; color : #666 } body { margin : 0 } a { -webkit- text-decoration-skip : objects } a : active , a : hover { outline : 0 } . uk-link , a { color : #1e87f0 ; text-decoration : none ; cursor : pointer } . uk-link-toggle : focus . uk-link , . uk-link-toggle : hover . uk-link , . uk-link : hover , a : hover { color : #0f6ecd ; text-decoration : underline } abbr [ title ] { text-decoration : underline ; -webkit- text-decoration-style : dotted } b , strong { font-weight : bolder } : not ( pre ) > code , : not ( pre ) > kbd , : not ( pre ) > samp { font-family : Consolas , monaco , monospace ; font-size : .875 rem ; color : #f0506e ; white-space : nowrap ; padding : 2 px 6 px ; background : #f8f8f8 } em { color : #f0506e } ins { background : #ffd ; color : #666 ; text-decoration : none } mark { background : #ffd ; color : #666 } 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 } canvas , img , video { max-width : 100 % ; height : auto ; box-sizing : border-box } @ supports ( display : block ) { svg { max-width : 100 % ; height : auto ; box-sizing : border-box } } svg : not ( : root ) { overflow : hidden } img : not ( [ src ] ) { visibility : hidden } iframe { border : 0 } address , dl , fieldset , figure , ol , p , pre , ul { margin : 0 0 20 px 0 } * + address , * + dl , * + fieldset , * + figure , * + ol , * + p , * + pre , * + ul { margin-top : 20 px } . uk-h1 , . uk-h2 , . uk-h3 , . uk-h4 , . uk-h5 , . uk-h6 , . uk-heading-2xlarge , . uk-heading-large , . uk-heading-medium , . uk-heading-small , . uk-heading-xlarge , h1 , h2 , h3 , h4 , h5 , h6 { margin : 0 0 20 px 0 ; font-family : - apple-system , BlinkMacSystemFont , "Segoe UI" , Roboto , "Helvetica Neue" , Arial , "Noto Sans" , sans-serif , "Apple Color Emoji" , "Segoe UI Emoji" , "Segoe UI Symbol" , "Noto Color Emoji" ; font-weight : 400 ; color : #333 ; text-transform : none } * + . uk-h1 , * + . uk-h2 , * + . uk-h3 , * + . uk-h4 , * + . uk-h5 , * + . uk-h6 , * + . uk-heading-2xlarge , * + . uk-heading-large , * + . uk-heading-medium , * + . uk-heading-small , * + . uk-heading-xlarge , * + h1 , * + h2 , * + h3 , * + h4 , * + h5 , * + h6 { margin-top : 40 px } . uk-h1 , h1 { font-size : 2.23125 rem ; line-height : 1.2 } . uk-h2 , h2 { font-size : 1.7 rem ; line-height : 1.3 } . uk-h3 , h3 { font-size : 1.5 rem ; line-height : 1.4 } . uk-h4 , h4 { font-size : 1.25 rem ; line-height : 1.4 } . uk-h5 , h5 { font-size : 16 px ; line-height : 1.4 } . uk-h6 , h6 { font-size : .875 rem ; line-height : 1.4 } @ media ( min-width : 960px ) { . uk-h1 , h1 { font-size : 2.625 rem } . uk-h2 , h2 { font-size : 2 rem } } 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 } . uk-hr , hr { box-sizing : content-box ; height : 0 ; overflow : visible ; text-align : inherit ; margin : 0 0 20 px 0 ; border : 0 ; border-top : 1 px solid #e5e5e5 } * + . uk-hr , * + hr { margin-top : 20 px } address { font-style : normal } blockquote { margin : 0 0 20 px 0 ; font-size : 1.25 rem ; line-height : 1.5 ; font-style : italic ; color : #333 } * + blockquote { margin-top : 20 px } blockquote p : last-of-type { margin-bottom : 0 } blockquote footer { margin-top : 10 px ; font-size : .875 rem ; line-height : 1.5 ; color : #666 } blockquote footer :: before { content : "— " } pre { font : .875 rem / 1.5 Consolas , monaco , monospace ; color : #666 ; -moz- tab-size : 4 ; tab-size : 4 ; overflow : auto ; padding : 10 px ; border : 1 px solid #e5e5e5 ; border-radius : 3 px ; background : #fff } pre code { font-family : Consolas , monaco , monospace } :: selection { background : #39f ; color : #fff ; text-shadow : none } details , main { display : block } summary { display : list-item } template { display : none } . uk-breakpoint-s :: before { content : '640px' } . uk-breakpoint-m :: before { content : '960px' } . uk-breakpoint-l :: before { content : '1200px' } . uk-breakpoint-xl :: before { content : '1600px' } : root { --uk-breakpoint-s : 640 px ; --uk-breakpoint-m : 960 px ; --uk-breakpoint-l : 1200 px ; --uk-breakpoint-xl : 1600 px } . uk-link-muted a , a . uk-link-muted { color : #999 } . uk-link-muted a : hover , . uk-link-toggle : focus . uk-link-muted , . uk-link-toggle : hover . uk-link-muted , a . uk-link-muted : hover { color : #666 } . uk-link-text a , a . uk-link-text { color : inherit } . uk-link-text a : hover , . uk-link-toggle : focus . uk-link-text , . uk-link-toggle : hover . uk-link-text , a . uk-link-text : hover { color : #999 } . uk-link-heading a , a . uk-link
* 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 */
/ * !
* Tipue Search 4 . 0
* Copyright ( c ) 2014 Tipue
* Tipue Search is released under the MIT License
* http : / / www . tipue . com / search
*
* This is a modified version of the Tipue Search plugin style sheet ,
* edited for the pelican mg theme .
* If you are looking for the original Tipue Search plugin style sheet
* check the project home at http : / / www . tipue . com / search .
* /
# tipue_search_content {
max-width : 650px ;
padding-top : 15px ;
margin : 0 ; }
# tipue_search_loading : before {
padding-top : 60px ;
font-family : FontAwesome ;
content : "\f013" ;
background : # fff no-repeat left ;
-webkit-animation : fa-spin 2s infinite linear ;
-moz-animation : fa-spin 2s infinite linear ;
-o-animation : fa-spin 2s infinite linear ;
animation : fa-spin 2s infinite linear ; }
# tipue_search_warning_head {
font : 300 15px / 1 . 6 ;
color : # 555 ; }
# tipue_search_warning {
font : 300 13px / 1 . 6 ;
color : # 333 ;
margin : 7px 0 ; }
# tipue_search_warning a {
color : # 36c ;
font-weight : 300 ;
text-decoration : none ; }
# tipue_search_warning a : hover {
color : # 333 ; }
. tipue_search_content_title {
font-size : 2em ;
line-height : 42px ;
font-weight : 400 ;
text-transform : none ;
margin-top : 0 . 5em ; }
. tipue_search_content_title a {
color : # 444 ;
text-decoration : none ; }
. tipue_search_content_title a : hover {
color : # 444 ;
text-decoration : underline ; }
. tipue_search_content_url {
display : none ; }
. tipue_search_content_text {
margin-top : 3px ; }
. h01 {
font-weight : bold ; }
# tipue_search_foot {
margin : 51px 0 21px 0 ; }
# tipue_search_foot_boxes {
font-size : 0 . 75em ;
padding : 0 ;
margin : 0 ; }
# tipue_search_foot_boxes li {
list-style : none ;
margin : 0 ;
padding : 0 ;
display : inline ; }
# tipue_search_foot_boxes li a {
padding : 9px 15px 10px 15px ;
background-color : # f1f1f1 ;
border : 1px solid # dcdcdc ;
border-radius : 1px ;
color : # 333 ;
margin-right : 7px ;
text-decoration : none ;
text-align : center ; }
# tipue_search_foot_boxes li . current {
padding : 9px 15px 10px 15px ;
background : # fff ;
border : 1px solid # dcdcdc ;
border-radius : 1px ;
color : # 333 ;
margin-right : 7px ;
text-align : center ; }
# tipue_search_foot_boxes li a : hover {
border : 1px solid # ccc ;
background-color : # f3f3f3 ; }
/* csslint warned: Too many font-size declarations (10), abstraction needed. */
@ 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' ) ;
}
@ 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 {
font-family : "Oswald" , "Helvetica Neue" , Helvetica , Arial , sans-serif ; }
html {
font-weight : 400 ;
font-size : 14px ;
line-height : 20px ; }
em {
color : # 444 ;
}
a , a > code , a > em , a > strong {
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 {
font : 400 14px / 20px "Helvetica Neue" , Helvetica , Arial , sans-serif ; }
. uk-icon-twitter {
color : # 00b0ed ; }
. uk-icon-facebook , . uk-icon-facebook-square {
color : # 3b5999 ; }
. uk-icon-google-plus , . uk-icon-google-plus-square {
color : # d34836 ; }
. uk-nav-side > li . uk-active > a {
background : # 28d1b2 ; }
. uk-pagination > . uk-active > span {
background : # 28d1b2 ; }
. 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 ;
margin : 0 . 5rem 0 ;
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 {
padding : 0 . 5rem 2rem ;
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 ;
padding : 0 . 5rem 1 . 5rem ;
margin : 0 . 5rem 1rem ;
text-transform : uppercase ;
cursor : pointer ; }
. mg-tag-filter : hover {
border-color : # b2b2b2 ; }
. mg-tag-filter-include {
background-color : # 33b5e5 ; }
. mg-tag-filter-exclude {
background-color : # ff9148 ; }
. mg-nav-small {
display : flex ;
width : 100 % ; }
. 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 % ;
padding : 1rem ; /* csslint warned here on box model */
margin : 0 auto ;
width : 100 % ;
height : 100 % ;
object-fit : contain ; }
. mg-article-content {
flex : 3 1 35rem ; }
article img {
display : block ;
margin : 0 auto ;
max-height : 30rem ; }
article figcaption {
text-align : center ;
font-style : italic ; }
. mg-feed {
2019-05-29 01:05:27 +00:00
color : # bf4d00 ;
font-size : 16pt ;
}
2019-05-28 05:01:15 +00:00
. mg-feed : hover {
color : # d14905 ; }
. mg-tags {
font-family : "Helvetica Neue" , Helvetica , Arial , sans-serif ;
text-align : right ; }
. mg-tag {
margin : 0 0 . 5rem ;
color : # d14905 ; }
. mg-tag : hover {
color : # d14905 ; }
. mg-tag > . uk-icon-tag {
display : inline ; /* so that the icon stick with the tag label */
margin-right : 0 . 2rem ; }
. 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 {
padding : 0 . 3rem ; }
. mg-icon-link : hover {
text-decoration : none ; }
. mg-icons-small {
margin-bottom : 1em ; }
. mg-icons-small . uk-icon-rss {
color : white ;
background-color : # d14905 ; }
. mg-icons-small . uk-icon-twitter {
background-color : # 00b0ed ; }
. mg-icons-small . uk-icon-facebook {
background-color : # 3b5999 ; }
. mg-icons-small . uk-icon-google-plus {
background-color : # d34836 ; }
. mg-icons-small . uk-icon-envelope {
background-color : # 059 ; }
. uk-icon-shaarli :: before {
content : ' ' ;
display : inline-block ;
height : 28px ;
width : 28px ;
background-image : url ( shaarli-icon . png ) ;
background-size : contain ;
vertical-align : middle ; }
. uk-icon-stackoverflow :: before {
content : ' ' ;
display : inline-block ;
height : 28px ;
width : 28px ;
background-image : url ( stackoverflow-icon . png ) ;
background-size : contain ;
vertical-align : middle ; }
. uk-icon-travis-ci :: before {
content : ' ' ;
display : inline-block ;
height : 28px ;
width : 28px ;
background-image : url ( travis-ci-icon . png ) ;
background-size : contain ;
vertical-align : middle ; }
. mg-support-logo {
margin : 0 . 5rem ; }
. mg-badges li {
float : left ;
position : relative ; }
. browserupgrade {
margin : 0 . 2em 0 ;
background : # ccc ;
color : # 000 ;
padding : 0 . 2em 0 ; }
2019-05-29 01:05:27 +00:00
. social-link {
font-size : 20pt ;
}
2019-05-28 05:01:15 +00:00
. mg-search {
display : flex ; }
. mg-search-button {
font-family : FontAwesome , serif ;
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 ;
padding : 0 . 2rem ;
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 {
color : # d14905 ; }
img . mg-avatar {
display : inline-block ;
max-width : 48 % ;
padding : 0 . 3rem ;
}
. 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 ;
}
. duckduckgo {
height : 40px ;
width : 90 % ;
padding : 5 % ;
background : # f5f5f5 ;
}