diff --git a/site/global.css b/site/global.css index a44d455..8e9c2e2 100644 --- a/site/global.css +++ b/site/global.css @@ -17,6 +17,13 @@ h1,h2,h3,h4{font-weight:normal; font-size:2em} } +@media (max-width:90em) +{ + html + { + font-size: 0.95em; + } +} @media (min-width:90em) { html @@ -27,30 +34,25 @@ h1,h2,h3,h4{font-weight:normal; font-size:2em} html { - background: #fcfcfc; - color: #222; + /* color: #280b22; */ + color: #0b2822; + background: #f0f3f0; font-family: sans-serif; line-height: 1.4; } -hr{display:none;} +hr { + color: #eee; +} -ul,code,pre, #TOC, a:hover +code,pre, #TOC, a:hover, img { - background: #e2e2e2; - border-radius:0.3em; + background: #d9dad6; + border-radius:0.25em; } -#TOC{ - min-width:25%; - float:left; - margin-right:1.1em; - margin-bottom:1em; -} -ul{padding-left:1em} - a { - color: #023595; + color: #081717; } img,video,iframe,pre @@ -67,8 +69,6 @@ img,video,iframe,pre text-align :center; } -#footer{margin-top:1em} - .title>*, span.date { display: block; @@ -84,6 +84,24 @@ html, ul, #TOC display: none; } +@media (min-width:60em) +{ + .title-logo{display:none; background:none;} + div.title,h1.title { + background:url("/favicon.ico") no-repeat; + background-size:auto 99%; + min-height:2em + } + div.title {background-position:right} + h1.title {padding:0 4em; font-size:2.5em; font-weight:normal;} + #TOC + { + float: left; + margin: 1em; + min-width: 25%; + } +} + .f, .f * { position: fixed; @@ -119,7 +137,7 @@ img } .l,.r { - max-width:40%; + max-width:25%; margin:1em; } .r { @@ -131,39 +149,3 @@ img .p { max-width: 13em; } - -span.fcc -{ - background: #fcc; - position: fixed; - bottom: 0; - left: 0; - right: 0; - font-size: 0.9em; -} -.fcc p {padding:0; margin: 0} - -header ul, #footer ul -{ - text-align:center; - margin-top:2em; - margin-bottom:2em; -} - -@media (min-width:60em) -{ - .title-logo{display:none} - div.title,h1.title { - background:url("/favicon.ico") no-repeat; - background-size:auto 99%; - min-height:2.5em - } - div.title {background-position:right} - h1.title {padding:0 4em; font-size:2.8em; font-weight:normal;} - #TOC - { - float: left; - margin: 1em; - min-width: 25%; - } -}