Fixed the issues with the custom fonts not being used (sometimes they are ignored if other options exist); Added more OpenSans options; Switched to OpenSans in the menus for clarity and size reasons; Fixed the menu closing on focus lost issues.

This commit is contained in:
2021-03-17 13:55:04 -07:00
parent 93292040f2
commit 2610b82439
12 changed files with 191 additions and 94 deletions

View File

@@ -24,6 +24,22 @@
font-family: "OpenSans";
src: url("/modules/theme/fonts/OpenSans-Regular.ttf") format("truetype");
}
@font-face {
font-family: "OpenSansLight";
src: url("/modules/theme/fonts/OpenSans-Light.ttf") format("truetype");
}
@font-face {
font-family: "OpenSansSemiBold";
src: url("/modules/theme/fonts/OpenSans-SemiBold.ttf") format("truetype");
}
@font-face {
font-family: "OpenSansBold";
src: url("/modules/theme/fonts/OpenSans-Bold.ttf") format("truetype");
}
@font-face {
font-family: "OpenSansExtraBold";
src: url("/modules/theme/fonts/OpenSans-ExtraBold.ttf") format("truetype");
}
.navbar {
overflow: visible;
background-color: #333;
@@ -120,16 +136,20 @@
border-top: white 1rem solid;
}
.navbar .dropdown-content h1 {
font-size: 3rem;
font-family: Roboto Arial sans-serif;
font-family: OpenSansBold;
font-size: 2rem;
letter-spacing: 0.1rem;
text-transform: uppercase;
margin: 0.6rem 0 0.6rem 0;
color: #c2e09d;
border-bottom: 2px solid grey;
width: 100%;
}
.navbar .dropdown-content h2 {
font-size: 1.5rem;
font-family: Roboto Arial sans-serif;
font-family: OpenSansSemiBold;
font-size: 1.2rem;
letter-spacing: 0.1rem;
text-transform: uppercase;
margin: 0.6rem 0 0.4rem 0;
border-bottom: #656565 1.5px dashed;
color: #CCC;
@@ -138,8 +158,9 @@
width: 100%;
}
.navbar .dropdown-content a {
font-size: 1rem;
font-family: Roboto Arial sans-serif;
font-size: 0.9rem;
font-family: OpenSans;
letter-spacing: 0.05rem;
color: white;
text-decoration: none;
margin: 0.5rem 0 0.5rem 0.6rem;
@@ -149,6 +170,12 @@
color: #ff7700;
text-decoration: underline;
}
.navbar .dropdown-content a sup {
font-size: 0.6rem;
font-family: OpenSansLight;
letter-spacing: 0.05rem;
top: -0.6rem;
}
@media only screen and (max-width: 500px) {
.navbar {