From 0b2d083b6a5602a8c599a9b43498912a994faa01 Mon Sep 17 00:00:00 2001 From: supisara Date: Mon, 25 Apr 2022 18:46:05 +0200 Subject: [PATCH] first commit --- css/main.css | 155 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 155 insertions(+) create mode 100644 css/main.css diff --git a/css/main.css b/css/main.css new file mode 100644 index 0000000..4722985 --- /dev/null +++ b/css/main.css @@ -0,0 +1,155 @@ +.topnav { + overflow: hidden; +} + +.topnav a { + float: right; + color: black; + display: block; + text-decoration: none; + text-align: center; + font-size: 20px; + border: 1px solid black; + padding: 2px; + margin: 2px; +} + +.topnav a:hover { + background-color: grey; + color: black; +} + +.topnav ul{ + padding: 2; + margin: 2; + list-style: none; + position: relative; +} + +.topnav ul li{ + display: inlne-block; + background-color: grey; +} + +body { + font:20px/1.1em arial, sans-serif; + background:white; +} + +h1 { + font-size: 30px; + font-family: Arial, Helvetica, sans-serif; + font-weight: normal; +} + +h2 { + font-size: 20px; + font-family: Arial, Helvetica, sans-serif; + font-weight: normal; +} + +.search-container { + font-size: 20px; +} + +ul { + list-style-type: none; + margin: 0; + padding: 2px; + width: 100%; + display: inline-block; + font-size: 20px; + background-color: white; + top: 0; +} + +li { + display: inline-block; + padding: 2px; +} + +li a { + color: black; + display: inline-block; + text-decoration: none; + border: 1px solid black; + padding: 2px; +} + +li:hover { + background-color: grey; +} + +form button { + border: 1px solid black; + padding: 2px; + font: 20px; +} + + +/* navbar container */ +.navbar { + overflow: hidden; + background-color: white; + font-family: Arial; +} + +/* links inside the navbar */ +.navbar a{ + float: left; + font-size: 20px; + color: black; + text-align: center; + padding: 2px; + text-decoration: none; +} + +/* dropdown container */ +.dropdown { + float: left; + overflow: hidden; +} + +/* dropdown button */ +.dropdown .dropbtn { + font-size: 20px; + border: 1px solid black; + color: black; + padding: 2px; + background-color: inherit; + font-family: inherit; +} + +/* add a grey background color to navbar links on hover */ +.navbar a:hover, .dropdown:hover .dropbtn{ + background-color: grey; +} + +/* dropdown content ("hidden by default"--why?) */ +.dropdown-content a { + float: none; + position: absolute; + background-color: white; + min-width: 160px; + z-index: 1; +} + +/* links inside the dropdown */ +.dropdown-content a { + float: none; + color: black; + padding: 2px; + text-decoration: none; + display: block; + text-align: left; +} + +/* add a grey background color to dropdown links on hover */ +.dropdown-content a:hover { + background-color: grey; +} + +/* show the dropdown menu on hover */ +.dropdown:hover .dropdown-content { + display: block; +}