From 261d75d3aaedda0f2c5d4f5e8fe1a77756bc647e Mon Sep 17 00:00:00 2001 From: Astro Date: Mon, 26 Aug 2013 00:14:21 +0200 Subject: [PATCH] datenspuren 2013 fahrplan export style --- .../datenspuren/2013/fahrplan/style.css | 272 +++++++++++++++++- 1 file changed, 262 insertions(+), 10 deletions(-) diff --git a/content/static/datenspuren/2013/fahrplan/style.css b/content/static/datenspuren/2013/fahrplan/style.css index b10d1920c..98e006aa5 100644 --- a/content/static/datenspuren/2013/fahrplan/style.css +++ b/content/static/datenspuren/2013/fahrplan/style.css @@ -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;