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

Merge branch 'new_style-2' into new_style

Browse source
This commit is contained in:
mrfry 2021-03-23 20:01:24 +01:00
commit 03aefe21b4
18 changed files with 461 additions and 522 deletions
Download patch file Download diff file Expand all files Collapse all files

57
src/defaultStyles.css
View file

@ -30,7 +30,7 @@ textarea {
color: var(--text-color);
background-color: var(--background-color);
box-sizing: border-box;
height: 120px;
height: 140px;
width: 100%;
border: 1px solid #666;
border-radius: 3px;
@ -39,10 +39,14 @@ textarea {
input {
color: var(--text-color);
background-color: var(--background-color);
border: 1px solid #444;
border: 0px solid #444;
width: 100%;
}
input:focus {
border: 0px solid #444;
}
.link {
margin: 20px;
font-size: 20px;
@ -184,6 +188,7 @@ input {
}
.rtfmImage {
text-align: center;
display: flex;
justify-content: center;
border: 2px solid white;
@ -263,6 +268,7 @@ input {
}
.rtfmImage {
text-align: center;
justify-content: center;
margin: 0px 10px;
}
@ -377,3 +383,50 @@ select:hover {
.actions > span:hover {
background-color: var(--hoover-color);
}
.buttonContainer {
display: flex;
align-content: center;
justify-content: center;
margin: 10px 0px;
height: 50px;
display: flex;
}
.buttonContainer > * {
display: flex;
align-items: center;
justify-content: center;
flex: 1;
background-color: #f2cb05;
border: none;
color: black;
padding: 5px 10px;
font-weight: bold;
font-size: 15px;
margin: 8px 2px 2px 2px;
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;
text-decoration: none;
}
.buttonContainer > *:active {
transform: translateY(2.5px);
}
.buttonContainer > *:hover {
text-shadow: 2px 2px 8px black;
transition: width 0.5s, height 0.5s, ease-out 0.5s;
background-color: #a38c1a;
}
.buttonContainer > .activeButton {
color: var(--text-color);
}