albert/qmining-page
1
0
Fork 0
mirror of https://gitlab.com/MrFry/qmining-page synced 2025-04-01 20:23:44 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Minor style fixes across pages

Browse source
This commit is contained in:
ndaniel1102 2021-03-26 15:44:11 +01:00
parent 515993a05b
commit 6fd9beb464
14 changed files with 165 additions and 120 deletions
Download patch file Download diff file Expand all files Collapse all files

75
src/defaultStyles.css
View file

@ -12,6 +12,7 @@ body {
font-family: 'Kameron', serif;
font-family: 'Overpass Mono', monospace;
color: #999999;
cursor: default;
}
li {
@ -304,7 +305,7 @@ input:focus {
margin: 5px 0px 0px 0px;
}
.pageHeader h1 {
.pageHeader > h1 {
padding-top: 6px;
letter-spacing: 7px;
text-align: center;
@ -320,29 +321,23 @@ input:focus {
text-align: justify;
}
select {
cursor: pointer;
width: 100%;
max-width: 100%;
height: 30px;
}
select:hover {
border: 1px solid #f2cb05;
}
.userStatus {
display: flex;
margin-top: auto;
margin-bottom: 20px;
background-color: #373737;
align-items: center;
text-align: center;
justify-content: space-between;
}
.msgs {
display: flex;
align-items: center;
font-size: 15px;
}
.uid {
font-size: 14px;
margin-right: 10px;
}
.logout {
@ -388,10 +383,8 @@ select:hover {
display: flex;
align-content: center;
justify-content: center;
margin: 10px 0px;
height: 50px;
display: flex;
}
.buttonContainer > * {
@ -399,18 +392,16 @@ select:hover {
align-items: center;
justify-content: center;
flex: 1;
background-color: #f2cb05;
background-color: var(--hoover-color);
border: none;
color: black;
color: var(--text-color);
padding: 5px 10px;
font-weight: bold;
font-size: 15px;
margin: 8px 2px 2px 2px;
margin: 8px 5px 2px 5px;
cursor: pointer;
text-shadow: 1px 1px 8px black;
transition: width 0.5s, height 0.5s, ease-in 0.5s;
user-select: none;
cursor: pointer;
text-align: center;
@ -424,9 +415,47 @@ select:hover {
.buttonContainer > *:hover {
text-shadow: 2px 2px 8px black;
transition: width 0.5s, height 0.5s, ease-out 0.5s;
background-color: #a38c1a;
background-color: var(--text-color);
color: black;
}
.buttonContainer > .activeButton {
color: var(--text-color);
background-color: var(--text-color);
color: black;
}
select {
cursor: pointer;
width: 100%;
max-width: 100%;
height: 30px;
}
select:hover {
border: 1px solid #f2cb05;
}
.selectContainer {
display: flex;
justify-content: center;
align-items: center;
}
.selectContainer > select {
width: 21%;
border-radius: 5px;
border: 1.5px solid white;
background-color: #9c9c98;
color: azure;
font-family: inherit;
margin: 6px 0px;
}
.selectContainer > select:hover, .selectContainer > select:active {
border: 2px solid var(--text-color);
}
.selectContainer > div {
padding: 0px 5px;
margin-right: 8px;
}