Commit 45f00000 authored by Bc. Matúš Bagoňa's avatar Bc. Matúš Bagoňa
Browse files

style

parent af683068
......@@ -99,24 +99,26 @@ $time_leaving = 20;
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<title>Odchody vlakov z KE</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/css/materialize.min.css">
</head>
<meta http-equiv="refresh" content="60">
<body>
<table class="responsive-table">
<h3>Odchody vlakov zo stanice Košice</h3>
<table class="responstable">
<thead>
<tr>
<th>Departure</th>
<th>Category</th>
<th>Number</th>
<th>Operator</th>
<th>Destination</th>
<th>Direction</th>
<th>Platform</th>
<th>Track</th>
<th>Delay</th>
<th>Odchod</th>
<th>Kategória</th>
<th>Číslo</th>
<th>Spoločnosť</th>
<th>Cieľová stanica</th>
<th>Smer</th>
<th>Nástupište</th>
<th>Koľaj</th>
<th>Meškanie</th>
</tr>
</thead>
......
......@@ -7,7 +7,94 @@
/* The element to apply the animation to */
.leaving {
animation-name: example;
animation-duration: 2s;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-direction: alternate;
}
.responstable {
margin: 1em 0;
width: 100%;
overflow: hidden;
background: #FFF;
color: #024457;
border-radius: 15px;
border: 1px solid #024457;
}
.responstable tr {
border: 1px solid #b5dbf2;
}
.responstable tr:nth-child(even) {
background-color: #EAF3F3;
}
.responstable th {
display: none;
border: 1px solid #FFF;
background-color: #005c94;
color: #FFF;
padding: 1em;
}
.responstable th:first-child {
display: table-cell;
text-align: center;
}
.responstable th:nth-child(2) {
display: table-cell;
}
.responstable th:nth-child(2) span {
display: none;
}
.responstable th:nth-child(2):after {
content: attr(data-th);
}
@media (min-width: 480px) {
.responstable th:nth-child(2) span {
display: block;
}
.responstable th:nth-child(2):after {
display: none;
}
}
.responstable td {
display: block;
word-wrap: break-word;
max-width: 30em;
}
.responstable td:first-child {
display: table-cell;
text-align: center;
border-right: 1px solid #D9E4E6;
}
@media (min-width: 480px) {
.responstable td {
border: 1px solid #D9E4E6;
}
}
.responstable th, .responstable td {
text-align: left;
margin: .5em 1em;
}
@media (min-width: 480px) {
.responstable th, .responstable td {
display: table-cell;
padding: 1em;
}
}
body {
padding: 0 2em;
font-family: Arial, sans-serif;
color: #024457;
background: #f2f2f2;
}
h3 {
font-family: Verdana;
font-weight: normal;
color: #005c94;
font-size: 16px;
text-align: center;
}
h3 span {
color: #167F92;
}
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment