From ef5a0a9f9f621e0550dc05ebddbae3c3eac8f352 Mon Sep 17 00:00:00 2001 From: Navan Chauhan Date: Sat, 18 Jan 2020 19:47:54 +0530 Subject: Publish deploy 2020-01-18 19:47 --- styles.css | 110 ++++++++++++++++++++++++++++++++++++++++++++++++++++++------- 1 file changed, 98 insertions(+), 12 deletions(-) (limited to 'styles.css') diff --git a/styles.css b/styles.css index 2e40e4d..a03d916 100644 --- a/styles.css +++ b/styles.css @@ -2,6 +2,8 @@ margin: 0; padding: 0; box-sizing: border-box; + font-size: 16px; + -webkit-text-size-adjust: 100%; } body { @@ -20,16 +22,25 @@ body { } header { - background: #ededed; - margin-bottom: 0em; - padding-bottom: 2em; - left: 0px; - top: 0px; - height: 8em; - width: 100%; + + + position: relative; + color: #ededed; + line-height: 1.5em; + padding: 0 20px; } /* + +header { + background: #ededed; + margin-bottom: 0em; + padding-bottom: 2em; + left: 0px; + top: 0px; + height: 8em; + width: 100%; +} .header-background { background-image: url(images/logo.png); background-size: 100% 100%; @@ -41,7 +52,7 @@ header { */ header .wrapper { - padding-top: 30px; + padding-top: 20px; padding-bottom: 30px; text-align: left; } @@ -60,17 +71,19 @@ header .site-name { } nav { - margin-top: 0.5em; + /*margin-top: 0.5em;*/ text-align: right; } nav li { + margin-top: 0.5em; display: inline-block; background-color: #000; color: #ddd; padding: 4px 6px; border-radius: 5px; margin-right: 5px; + } nav li:hover { @@ -184,17 +197,90 @@ footer { color: #000; } + + pre { overflow-x: auto; font-family: Monaco,Consolas,"Lucida Console",monospace; display: block; - margin-bottom: 1em; - background: #333;/*#263238;*/ - color: #eee; /*#eff;*/ + background-color: #002b36; + color: #93a1a1; line-height: 1.8; border-radius: 4px; } + +.highlight { background-color: #002b36; color: #93a1a1; } +.highlight .c { color: #759299; } +.highlight .err { color: #93a1a1; } +.highlight .g { color: #93a1a1; } +.highlight .k { color: #859900; } +.highlight .l { color: #93a1a1; } +.highlight .n { color: #93a1a1; } +.highlight .o { color: #859900; } +.highlight .x { color: #e9662f; } +.highlight .p { color: #93a1a1; } +.highlight .cm { color: #759299; } +.highlight .cp { color: #859900; } +.highlight .c1 { color: #759299; } +.highlight .cs { color: #859900; } +.highlight .gd { color: #2aa198; } +.highlight .ge { color: #93a1a1; font-style: italic; } +.highlight .gr { color: #e8625f; } +.highlight .gh { color: #e9662f; } +.highlight .gi { color: #859900; } +.highlight .go { color: #93a1a1; } +.highlight .gp { color: #93a1a1; } +.highlight .gs { color: #93a1a1; font-weight: bold; } +.highlight .gu { color: #e9662f; } +.highlight .gt { color: #93a1a1; } +.highlight .kc { color: #e9662f; } +.highlight .kd { color: #3294da; } +.highlight .kn { color: #859900; } +.highlight .kp { color: #859900; } +.highlight .kr { color: #3294da; } +.highlight .kt { color: #e8625f; } +.highlight .ld { color: #93a1a1; } +.highlight .m { color: #2aa198; } +.highlight .s { color: #2aa198; } +.highlight .na { color: #93a1a1; } +.highlight .nb { color: #B58900; } +.highlight .nc { color: #3294da; } +.highlight .no { color: #e9662f; } +.highlight .nd { color: #3294da; } +.highlight .ni { color: #e9662f; } +.highlight .ne { color: #e9662f; } +.highlight .nf { color: #3294da; } +.highlight .nl { color: #93a1a1; } +.highlight .nn { color: #93a1a1; } +.highlight .nx { color: #93a1a1; } +.highlight .py { color: #93a1a1; } +.highlight .nt { color: #3294da; } +.highlight .nv { color: #3294da; } +.highlight .ow { color: #859900; } +.highlight .w { color: #93a1a1; } +.highlight .mf { color: #2aa198; } +.highlight .mh { color: #2aa198; } +.highlight .mi { color: #2aa198; } +.highlight .mo { color: #2aa198; } +.highlight .sb { color: #759299; } +.highlight .sc { color: #2aa198; } +.highlight .sd { color: #93a1a1; } +.highlight .s2 { color: #2aa198; } +.highlight .se { color: #e9662f; } +.highlight .sh { color: #93a1a1; } +.highlight .si { color: #2aa198; } +.highlight .sx { color: #2aa198; } +.highlight .sr { color: #e8625f; } +.highlight .s1 { color: #2aa198; } +.highlight .ss { color: #2aa198; } +.highlight .bp { color: #3294da; } +.highlight .vc { color: #3294da; } +.highlight .vg { color: #3294da; } +.highlight .vi { color: #3294da; } +.highlight .il { color: #2aa198; } + + @media (prefers-color-scheme: dark) { .reading-time { background-color: #000; -- cgit v1.2.3