verdnatura/worker-time-control
verdnatura
/
worker-time-control
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

refs #5966 Minor changes
gitea/worker-time-control/pipeline/head This commit looks good Details

This commit is contained in:
Guillermo Bonet 2023-08-24 10:45:19 +02:00
parent a11e420cd3
commit 37bf7ed37a
1 changed files with 19 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
css/style.css
View File

@ -160,7 +160,7 @@ ul {
overflow: hidden; overflow: hidden;
box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2);
border-radius: 8px; border-radius: 8px;
animation: slideIn 0.5s ease-in-out; animation: slideIn 0.4s ease-in-out;
} }
h2 { h2 {
font-size: 1.3em; font-size: 1.3em;
@ -180,6 +180,9 @@ h3 {
height: 100px; height: 100px;
text-align: center; text-align: center;
} }
.footer div {
animation: slideIn 0.2s ease-in-out;
}
.in, .inMiddle { .in, .inMiddle {
display: inline; display: inline;
position: static; position: static;
@ -256,7 +259,7 @@ header {
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
border-top: 1px solid #9EA7AC; border-top: 1px solid #9EA7AC;
padding-bottom: 10px; padding-bottom: 5px;
} }
/* Transparent borders because <hr> doesn't allow margin */ /* Transparent borders because <hr> doesn't allow margin */
.listHorario hr { .listHorario hr {
@ -289,21 +292,23 @@ header {
color: white; color: white;
} }
.listHorario .time div { .listHorario .time div {
display: inline-block; display: flex;
heig align-items: center;
justify-content: center;
padding-top: 5px;
padding-bottom: 5px;
} }
.listHorario .time img { .listHorario .time img {
width: 20px; width: 20px;
float: left; float: left;
margin-right: 5px; margin-right: 5px;
margin-top: 8.5px;
filter: invert(100%); filter: invert(100%);
pointer-events: none; pointer-events: none;
} }
.listHorario .time p { .listHorario .time p {
float: left; float: left;
background: #121212; background: #121212;
padding: 5px; padding: 2px;
border-radius: 24px; border-radius: 24px;
color: white; color: white;
width: 72.5px; width: 72.5px;
@ -355,8 +360,14 @@ header {
} }
@keyframes slideIn { @keyframes slideIn {
0% { transform: translateY(-100%); opacity: 0; } 0% {
100% { transform: translateY(0); opacity: 1; } transform: translateY(-100%);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
} }
@font-face { @font-face {