diff --git a/account.html b/account.html index 1aa68f6..0194f48 100644 --- a/account.html +++ b/account.html @@ -7,6 +7,7 @@ + diff --git a/config.html b/config.html index 66b6f5e..edfc33b 100644 --- a/config.html +++ b/config.html @@ -7,6 +7,7 @@ + diff --git a/css/nav.css b/css/nav.css new file mode 100644 index 0000000..2ad9b14 --- /dev/null +++ b/css/nav.css @@ -0,0 +1,69 @@ +nav { + overflow: hidden; + color: white; + background-color: black; + font-size: larger; +} + +nav a, nav h1, nav label { + text-align: left; + padding: 14px 16px; + text-decoration: none; +} + +#hamitems a:hover, #hamitems a[aria-current="true"], #hamitems:hover a[aria-current="true"]:hover { + background-color: white; + color: black; +} + +#hamitems:hover a[aria-current="true"] { + background-color: black; + color: white; +} + +#hamnav label, #hamburger { + display: none; +} + +@media screen and (min-width: 600px){ + nav { + display: flex; + align-items: center; + } + + #hamitems { + display: flex; + } +} + +@media screen and (max-width: 600px){ + nav { + display: grid; + grid-template-columns: 1fr auto; + } + + #hamitems { + display: block; + grid-column: 1 / span 2; + } + + #hamitems a { + box-sizing: border-box; + display: block; + text-align: center; + width: 100%; + border-top: 1px solid #888; + } + + #hamnav label { + display: inline-block; + } + + #hamitems { + display: none; + } + + #hamnav input:checked ~ #hamitems { + display: block; + } +} \ No newline at end of file diff --git a/css/style.css b/css/style.css index 30f8dc4..ae2a812 100644 --- a/css/style.css +++ b/css/style.css @@ -49,84 +49,4 @@ img { .none { display: none; -} - -nav { - overflow: hidden; - color: white; - background-color: black; - font-size: larger; -} - -nav a, nav h1, nav label { - text-align: left; - padding: 14px 16px; - text-decoration: none; -} - -#hamitems a:hover { - background-color: white; - color: black; -} - -#hamitems a[aria-current="true"] { - background-color: white; - color: black; -} - -#hamitems:hover a[aria-current="true"] { - background-color: black; - color: white; -} - -#hamitems:hover a[aria-current="true"]:hover { - background-color: white; - color: black; -} - -#hamnav label, #hamburger { - display: none; -} - -@media screen and (min-width: 600px){ - nav { - display: flex; - align-items: center; - } - - #hamitems { - display: flex; - } -} - -@media screen and (max-width: 600px){ - nav { - display: grid; - grid-template-columns: 1fr auto; - } - - #hamitems { - display: block; - grid-column: 1 / span 2; - } - - #hamitems a { - box-sizing: border-box; - display: block; - text-align: center; - width: 100%; - border-top: 1px solid #888; - } - - #hamnav label { - display: inline-block; - } - - #hamitems { - display: none; - } - - #hamnav input:checked ~ #hamitems { - display: block; - } } \ No newline at end of file diff --git a/index.html b/index.html index 22962b6..40bc3c6 100644 --- a/index.html +++ b/index.html @@ -7,6 +7,7 @@ + diff --git a/login.html b/login.html index f6a8711..870743a 100644 --- a/login.html +++ b/login.html @@ -7,6 +7,7 @@ +