diff options
| -rw-r--r-- | local.css | 12 |
1 files changed, 7 insertions, 5 deletions
@@ -1,3 +1,4 @@ +*{box-sizing:border-box;} body{line-height:1.4;} img{height:auto;max-width:100%;} h1{font-size:2.2rem;} @@ -7,10 +8,11 @@ table{border-collapse:collapse;text-align:left;width:100%;} table tr{border-bottom:1px solid;} table td{padding:8px;} blockquote{border-left:4px solid;font-size:120%;font-style:italic;margin-left:0;padding-left:10px;} -#pagebody{margin:0 auto;max-width:900px;} -.sidebar{border:1px solid; padding:1rem; margin-right:10px;width:auto;} +.pageheader,#pagebody,.sidebar,.pagefooter{margin:0 auto;max-width:900px;} +.sidebar{border:0;padding:0;} .sidebar p{font-size:1rem;margin-top:0;} -.sidebar ul{margin-bottom:0;padding-left:20px;} +.sidebar ul{list-style:none;margin-bottom:0;padding:0 20px;} +.sidebar ul li{display:inline-block;} .blogform{display:none;margin-bottom:1em;} .pageheader .trails{display:none;} .pagedate{margin-top:4rem;} @@ -24,13 +26,13 @@ blockquote{border-left:4px solid;font-size:120%;font-style:italic;margin-left:0; h1{font-size:1.6rem;} .pageheader{padding:1em 0.5em 1.5em;} .page{display:block;} - .sidebar{float:right;margin:10px;} + .sidebar ul{padding: 0 10px;} } @media (prefers-color-scheme: dark) { body {background:#2d2d2d;color:white;} a{color:goldenrod;} - .pageheader,.sidebar{background:black;color:white !important;} + .pageheader,.sidebar{background:#2d2d2d;color:white !important;} pre,code{background:black;} .pageheader .actions ul li{background:#2d2d2d;} } |