esoko/mapguesser
esoko/mapguesser
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 18 Wiki Activity

MAPG-87 unify some styles

Browse Source
This commit is contained in:
Bence Pőcze 2020-06-21 22:20:04 +02:00
parent 9df5028c20
commit 94e60e4ac5
1 changed files with 34 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
public/static/css/mapguesser.css
View File

@ -42,7 +42,7 @@ h1>a:hover, h1>a:focus {
text-decoration: none;
}
h2, div.header.small h1 {
h2, header.small h1 {
font-size: 24px;
}
@ -83,7 +83,7 @@ hr {
font-weight: 500;
}
.small {
p.small, span.small {
font-size: 12px;
}
@ -281,7 +281,7 @@ p.formError {
display: none;
}
div.header {
header {
display: grid;
grid-template-columns: auto auto;
background-color: #333333;
@ -291,33 +291,44 @@ div.header {
color: white;
}
div.header.small {
header.small {
height: 40px;
line-height: 40px;
}
div.header>p.header {
header>p {
line-height: inherit;
text-align: right;
}
div.header>p.header>span {
header>p>span {
padding-left: 6px;
}
div.header>p.header>span>a:link, div.header>p.header>span>a:visited {
header>p>span>a:link, header>p>span>a:visited {
color: inherit;
}
div.header>p.header>span:not(:last-child) {
header>p>span:not(:last-child) {
border-right: solid white 1px;
padding-right: 6px;
}
div.main {
main {
padding: 6px 12px;
}
footer {
background-color: #444444;
padding: 6px 12px;
color: white;
text-align: center;
}
footer>p {
font-size: 13px;
}
div.buttonContainer {
height: 35px;
}
@ -348,9 +359,12 @@ div.box {
}
@media screen and (max-width: 599px) {
div.header h1 span {
header h1 span {
display: none;
}
footer>p:not(:first-child) {
margin-top: 4px;
}
button, a.button {
padding: 0;
width: 100%;
@ -371,6 +385,16 @@ div.box {
}
@media screen and (min-width: 600px) {
footer>p {
display: inline;
}
footer>p:not(:first-child) {
padding-left: 6px;
}
footer>p:not(:last-child) {
border-right: solid white 1px;
padding-right: 6px;
}
div.modal {
width: 540px;
left: 50%;