diff options
author | Nguyễn Gia Phong <mcsinyx@disroot.org> | 2021-03-09 09:33:17 +0700 |
---|---|---|
committer | Nguyễn Gia Phong <mcsinyx@disroot.org> | 2021-03-09 09:33:17 +0700 |
commit | b03c056bcfac360d0f8be1321c576e65d2466757 (patch) | |
tree | 9145a1359ac4be3a5b819289c05457e0d0839d52 /_css/basic.css | |
parent | 818a0bd6f1b3305351d482eeab4e9e64c2af3a18 (diff) | |
download | site-b03c056bcfac360d0f8be1321c576e65d2466757.tar.gz |
Clean up styling, again
Diffstat (limited to '_css/basic.css')
-rw-r--r-- | _css/basic.css | 126 |
1 files changed, 0 insertions, 126 deletions
diff --git a/_css/basic.css b/_css/basic.css deleted file mode 100644 index d18a9e3..0000000 --- a/_css/basic.css +++ /dev/null @@ -1,126 +0,0 @@ -/* ================================================================== - Header and Nav -================================================================== */ - -nav { - display: inline-block; -} - -nav ul { - padding-left: 0; - margin-top: 0; - margin-bottom: 0; -} - -nav li { - display: inline-block; -} - -nav li a { - color: #004de6; - text-decoration: none; - font-weight: bold; - display: inline-block; - float: center; - padding-top: 10px; - padding-right: 2px; - padding-left: 2px; - padding-bottom: 5px; - margin-left: 7px; - margin-right: 7px; - border-bottom: 2px solid #4c9cf1; - transition: color 0.3s ease; -} - -header { - margin: 2rem 0; - display: flex; - flex-wrap: wrap; - justify-content: space-between; - align-items: center; -} - -header .blog-name a { - color: #436e58; - font-weight: bold; - text-decoration: none; -} - -header li a:hover { - color: black; - border-bottom: 2px solid black; -} - -#menu-icon { - display: none; -} - -/* - * narrow display: collapse the header (don't show the menu items) - * instead, display a burger menu. - */ -@media (max-width: 320px) { - nav { - display: inline-block; - } - - nav ul, - nav:active ul { - display: none; - position: absolute; - - /* padding: 20px; */ - background: #fff; - border: 1px solid #444; - right: 50px; - top: 60px; - width: 30%; - border-radius: 4px 0 4px 4px; - z-index: 1; - } - - nav li { - text-align: left; - display: block; - padding: 0; - margin: 0; - } - header li a { border-bottom: none; } - header li a:hover { border-bottom: none; } - - nav:hover ul { - display: block; - } - - #menu-icon { - display: inline-block; - } -} - -table { - line-height: 1em; - margin-left: auto; - margin-right: auto; - border-collapse: collapse; - text-align: center; - margin-bottom: 1.5em; -} - -tr:first-of-type { - background: #eae9f4; -} - -tr:first-of-type > th { - text-align: center; -} - -tr, -th, -td { - padding: 10px; - border: 1px solid lightgray; -} - -table tbody tr td { - border: 1px solid lightgray; -} |