Trygve/simple-liveresults
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed splittimes for dsq runners and improved css

Browse Source
This commit is contained in:
Trygve
2020-10-20 16:47:16 +02:00
parent 238fb7123e
commit 0b3e621cda
3 changed files with 80 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
common/main.css
View File

@@ -3,7 +3,7 @@
--button-color-dark: #045d56;
--text-accent-color-dark: #1eb980;
--table-border-dark: #00000000;
--tr-color-dark: #1e1e1e;
--tr-color-dark: #1b1b1b;
--tr-nth-color-dark: #121212;
--table-highlight-dark: #616161;
--dark-background-color: #121212;
@@ -98,8 +98,8 @@ th {
}
h4 {
font-size: 20px;
margin-bottom: 6px;
margin-top: 20px;
margin-bottom: auto;
margin-top: auto;
margin-left: 1rem;
font-weight: 600;
}
@@ -228,36 +228,54 @@ h4 {
color: var(--text-accent-color);
text-align: center;
display: inline-block;
border: 4px solid var(--button-color);
border: thin solid #3c4043;
font-weight: 700;
border-radius: 0.25rem;
transition: 0.05s;
transition: all 0.2s ease 0s;;
margin: 0.4rem;
}
.fancy-button:link,
.fancy-button:visited {
color: #7986cb;
padding: 10px 20px;
text-align: center;
text-decoration: underline;
display: inline-block;
border: 4px solid var(--button-color);
font-weight: 700;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
}
.fancy-button:hover,
.fancy-button:active {
@media (hover: hover) {
.fancy-button:hover {
color: white;
background-color: var(--button-color);
border: 4px solid var(--button-color);
border: thin solid var(--button-color);
font-weight: 700;
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
transition: all 0.4s ease 0s;
}
}
.fancy-button:active{
background-color: var(--accent-color);
box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0,0,0,.12);
transform: translateY(3px);
color: var(--dark-text-color);
}
.fancy-button:focus{
outline: none;
}
@media only screen and (max-width: 600px) {
header {
flex-direction: column;
flex-wrap: wrap;
padding-left: 0.2rem;
padding-right: 0.2rem;
max-height: 5rem;
}
.header-column{
display: flex;
flex-direction: column;
flex-basis: 100%;
flex: 1;
width: fit-content;
justify-items: left;
}
.status-div{
margin-left: auto;