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