Update style.css

master
kirbylife 2019-11-03 17:47:39 +00:00
parent 2c0f3c2e49
commit ad5a3288ba
1 changed files with 44 additions and 15 deletions

View File

@ -1,24 +1,53 @@
body { body {
font-family: sans-serif; background-color: white;
margin: auto; font-family: monospace;
max-width: 1280px;
} }
.navbar { .navfoot {
background-color: #313236; background-color: #444444;
border-radius: 2px; color: #white;
max-width: 800px;
} }
.navbar a { .about {
color: #aaa; font-size: 120%;
}
p {
text-align: justify;
}
.tooltip {
position: relative;
display: inline-block; display: inline-block;
font-size: 15px;
padding: 10px;
text-decoration: none;
} }
.navbar a:hover { .tooltip .tooltiptext {
color: #ffffff; visibility: hidden;
width: 125px;
background-color: #444444;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -60px;
} }
.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #444444 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}