From b03c056bcfac360d0f8be1321c576e65d2466757 Mon Sep 17 00:00:00 2001 From: Nguyễn Gia Phong Date: Tue, 9 Mar 2021 09:33:17 +0700 Subject: Clean up styling, again --- _css/basic.css | 126 --------------------------------------------------------- 1 file changed, 126 deletions(-) delete mode 100644 _css/basic.css (limited to '_css/basic.css') 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; -} -- cgit 1.4.1