Added: layout.module.css, donate modal, contribute feedback modal, contacts

This commit is contained in:
mrfry 2021-03-26 16:57:17 +01:00
parent 6fd9beb464
commit 47a2227f87
9 changed files with 204 additions and 93 deletions

View file

@ -12,7 +12,7 @@ body {
font-family: 'Kameron', serif;
font-family: 'Overpass Mono', monospace;
color: #999999;
cursor: default;
/* cursor: default; */
}
li {
@ -75,38 +75,6 @@ input:focus {
padding: 1px 15px;
}
.sidebarLinks a {
display: block;
text-align: center;
color: black;
font-size: 108%;
padding: 14px;
margin-top: 4px;
margin-bottom: 4px;
text-decoration: none;
color: var(--bright-color);
transition: width 0.5s, height 0.5s, ease-in 0.5s;
}
.sidebarLinks a:hover {
transition: width 0.5s, height 0.5s, ease-out 0.5s;
}
.sidebarLinks a.active {
border: 0.5px solid var(--text-color);
color: white;
text-shadow: 2px 2px 8px black;
font-weight: bold;
}
.sidebarLinks a:hover:not(.active) {
background-color: var(--text-color);
color: black;
font-weight: bold;
text-shadow: 2px 2px 8px black;
transition: width 0.5s, height 0.5s, ease-out 0.5s;
}
.menuicon div {
height: 5px;
background-color: var(--bright-color);
@ -332,7 +300,7 @@ input:focus {
}
.msgs {
font-size: 15px;
font-size: 15px;
}
.uid {
@ -451,7 +419,8 @@ select:hover {
margin: 6px 0px;
}
.selectContainer > select:hover, .selectContainer > select:active {
.selectContainer > select:hover,
.selectContainer > select:active {
border: 2px solid var(--text-color);
}