datenspuren 2013 fahrplan export style

This commit is contained in:
Astro 2013-08-26 00:14:21 +02:00
parent 0ae56dfc8f
commit 261d75d3aa
1 changed files with 262 additions and 10 deletions

View File

@ -1,3 +1,265 @@
html {
font-family: Sans !important;
font-size: medium;
min-height: 100%;
background: -webkit-linear-gradient(top, #156DD0 0%,#115BAE 100%) no-repeat;
background: -moz-linear-gradient(top, #156DD0 0%,#115BAE 100%) no-repeat;
background: linear-gradient(top, #156DD0 0%,#115BAE 100%) no-repeat;
color:#f3f3f3;
text-align:left;
vertical-align:top;
padding-left: 8px;
padding-right: 160px;
padding-bottom: 8px;
margin: 0 auto;
text-align:left;
}
body {
background: none;
color: inherit;
}
a {
color:#f3f3f3;
text-decoration:none;
border-bottom: 1px dotted white;
}
a:hover {
border-bottom: 1px solid white;
}
img {
border:0;
}
#horizontal-navigation {
position: relative;
padding-top: 144px;
}
#horizontal-navigation:after {
content: '';
position: absolute;
background:url("../images/logo-part1.svg") no-repeat;
background-size: 128px;
top: 0;
width: 128px;
height: 128px;
-webkit-animation: spin 16s infinite linear;
-moz-animation: spin 16s infinite linear;
-ms-animation: spin 16s infinite linear;
-o-animation: spin 16s infinite linear;
}
#horizontal-navigation ul:before {
content: '';
position: absolute;
background:url("../images/logo-part2.svg") no-repeat;
background-size: 128px;
top: 0;
width: 128px;
height: 128px;
-webkit-animation: rspin 8s infinite linear;
-moz-animation: rspin 8s infinite linear;
-ms-animation: rspin 8s infinite linear;
-o-animation: rspin 8s infinite linear;
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes spin {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-ms-keyframes spin {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes spin {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rspin {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-moz-keyframes rspin {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-ms-keyframes rspin {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-o-keyframes rspin {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes rspin {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
/* Overwrite public_schedule-6c05f56f9cb8a35a7acd05b99092924e.css */
#main-content {
background: none;
border: none;
}
#main-content p.release {
position: absolute;
right: 0;
top: 0;
background: none;
color: #f3f3f3;
font-size: 85%;
}
#horizontal-navigation ul li {
background: none;
border: none;
}
#horizontal-navigation ul li a {
color: #f3f3f3;
border: none;
}
.column.left {
margin: 0;
padding: 0 10px;
border-right: 1px dotted #f3f3f3;
}
table, table th, table td {
background: none !important;
border-collapse: collapse;
border-color: rgba(0.5, 0.5, 0.5, 0.5);
}
.cell-time p {
color: #f3f3f3;
font-weight: normal;
}
.event-wrapper {
background: none;
}
.cell-height1 {
height: 40px;
}
@ -59,50 +321,40 @@
height: 797px;
}
.event.track-default {
background-color: #156dd0;
border-color: #156dd0;
}
.event.track-default div.event-header {
background-color: #156dd0;
}
.event.track-default div.event-header a {
color: #fff;
}
.conference-background {
background-color: #156dd0;
}
.event.track-gesellschaft {
background-color: #156dd0;
border-color: #156dd0;
}
.event.track-gesellschaft div.event-header {
background-color: #156dd0;
}
.event.track-gesellschaft div.event-header a {
color: #fff;
}
.event.track-junghacker {
background-color: #156dd0;
border-color: #156dd0;
}
.event.track-junghacker div.event-header {
background-color: #156dd0;
}
.event.track-junghacker div.event-header a {
color: #fff;
}
.event.track-technik {
background-color: #156dd0;
border-color: #156dd0;
}
.event.track-technik div.event-header {
background-color: #156dd0;
}
.event.track-technik div.event-header a {
color: #fff;