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