mirror of
https://github.com/Kaisaan/kaisaan.github.io.git
synced 2025-06-18 16:55:39 -04:00
100 lines
2.0 KiB
CSS
100 lines
2.0 KiB
CSS
body {
|
|
margin: 0px;
|
|
font-family: 'Roboto', sans-serif;
|
|
background-color: #EFEFEF;
|
|
}
|
|
|
|
p {
|
|
margin-top: 0px;
|
|
margin-right: 8px;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
h2 {
|
|
margin-bottom: 0px;
|
|
margin-right: 8px;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
h3 {
|
|
margin-bottom: 0px;
|
|
margin-right: 8px;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
/* Navbar container */
|
|
.navbar {
|
|
overflow: hidden;
|
|
background-color: #333;
|
|
font-family: Arial;
|
|
}
|
|
|
|
/* Links inside the navbar */
|
|
.navbar a {
|
|
float: left;
|
|
font-size: 16px;
|
|
color: white;
|
|
text-align: center;
|
|
padding: 14px 16px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* Add a color to the active/current link */
|
|
.navbar a.active {
|
|
background-color: rgb(7, 97, 30);
|
|
color: white;
|
|
}
|
|
|
|
/* The dropdown container */
|
|
.dropdown {
|
|
float: left;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* Dropdown button */
|
|
.dropdown .dropbtn {
|
|
font-size: 16px;
|
|
border: none;
|
|
outline: none;
|
|
color: white;
|
|
padding: 14px 16px;
|
|
background-color: inherit;
|
|
font-family: inherit; /* Important for vertical align on mobile phones */
|
|
margin: 0; /* Important for vertical align on mobile phones */
|
|
}
|
|
|
|
/* Add a red background color to navbar links on hover */
|
|
.navbar a:hover, .dropdown:hover .dropbtn {
|
|
background-color: rgb(37, 148, 65);
|
|
}
|
|
|
|
/* Dropdown content (hidden by default) */
|
|
.dropdown-content {
|
|
display: none;
|
|
position: absolute;
|
|
background-color: #f9f9f9;
|
|
min-width: 160px;
|
|
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Links inside the dropdown */
|
|
.dropdown-content a {
|
|
float: none;
|
|
color: black;
|
|
padding: 12px 16px;
|
|
text-decoration: none;
|
|
display: block;
|
|
text-align: left;
|
|
}
|
|
|
|
/* Add a grey background color to dropdown links on hover */
|
|
.dropdown-content a:hover {
|
|
background-color: rgb(37, 148, 65);
|
|
color: white;
|
|
}
|
|
|
|
/* Show the dropdown menu on hover */
|
|
.dropdown:hover .dropdown-content {
|
|
display: block;
|
|
} |