diff --git a/content/static/datenspuren/2013/images/btn.svg b/content/static/datenspuren/2013/images/btn.svg
deleted file mode 100644
index 75f8aaefb..000000000
--- a/content/static/datenspuren/2013/images/btn.svg
+++ /dev/null
@@ -1,103 +0,0 @@
-
-
diff --git a/content/static/datenspuren/2013/images/c3d2.svg b/content/static/datenspuren/2013/images/c3d2.svg
new file mode 100644
index 000000000..73e3e5dfe
--- /dev/null
+++ b/content/static/datenspuren/2013/images/c3d2.svg
@@ -0,0 +1,60 @@
+
+
+
+
diff --git a/content/static/datenspuren/2013/images/calendar.png b/content/static/datenspuren/2013/images/calendar.png
deleted file mode 100644
index 6e3daf55c..000000000
Binary files a/content/static/datenspuren/2013/images/calendar.png and /dev/null differ
diff --git a/content/static/datenspuren/2013/images/calendar.svg b/content/static/datenspuren/2013/images/calendar.svg
index 6c3f41335..dd4c72eef 100644
--- a/content/static/datenspuren/2013/images/calendar.svg
+++ b/content/static/datenspuren/2013/images/calendar.svg
@@ -1,4 +1,6 @@
+
+
diff --git a/content/static/datenspuren/2013/images/feed.png b/content/static/datenspuren/2013/images/feed.png
deleted file mode 100644
index 136bd65a0..000000000
Binary files a/content/static/datenspuren/2013/images/feed.png and /dev/null differ
diff --git a/content/static/datenspuren/2013/images/feed.svg b/content/static/datenspuren/2013/images/feed.svg
index b32514942..f32183722 100644
--- a/content/static/datenspuren/2013/images/feed.svg
+++ b/content/static/datenspuren/2013/images/feed.svg
@@ -1,18 +1,109 @@
-
-
-
+
+
+
+
diff --git a/content/static/datenspuren/2013/images/filmstrip.svg b/content/static/datenspuren/2013/images/filmstrip.svg
deleted file mode 100644
index b666c48bd..000000000
--- a/content/static/datenspuren/2013/images/filmstrip.svg
+++ /dev/null
@@ -1,102 +0,0 @@
-
-
-
-
diff --git a/content/static/datenspuren/2013/images/info.png b/content/static/datenspuren/2013/images/info.png
deleted file mode 100644
index 8ef5e1397..000000000
Binary files a/content/static/datenspuren/2013/images/info.png and /dev/null differ
diff --git a/content/static/datenspuren/2013/images/info.svg b/content/static/datenspuren/2013/images/info.svg
index a55757d1b..b1b854661 100644
--- a/content/static/datenspuren/2013/images/info.svg
+++ b/content/static/datenspuren/2013/images/info.svg
@@ -1,21 +1,20 @@
+
+
diff --git a/content/static/datenspuren/2013/images/logo.svg b/content/static/datenspuren/2013/images/logo.svg
new file mode 100644
index 000000000..efab741b5
--- /dev/null
+++ b/content/static/datenspuren/2013/images/logo.svg
@@ -0,0 +1,112 @@
+
+
+
+
diff --git a/content/static/datenspuren/2013/images/map.png b/content/static/datenspuren/2013/images/map.png
deleted file mode 100644
index 4b00246e5..000000000
Binary files a/content/static/datenspuren/2013/images/map.png and /dev/null differ
diff --git a/content/static/datenspuren/2013/images/map.svg b/content/static/datenspuren/2013/images/map.svg
index 7041215dd..2a54c2d12 100644
--- a/content/static/datenspuren/2013/images/map.svg
+++ b/content/static/datenspuren/2013/images/map.svg
@@ -1,621 +1,41 @@
+
+
diff --git a/content/static/datenspuren/2013/images/marker.svg b/content/static/datenspuren/2013/images/marker.svg
deleted file mode 100644
index febaa9b54..000000000
--- a/content/static/datenspuren/2013/images/marker.svg
+++ /dev/null
@@ -1,112 +0,0 @@
-
-
-
diff --git a/content/static/datenspuren/2013/images/osm.svg b/content/static/datenspuren/2013/images/osm.svg
deleted file mode 100644
index 2919c1441..000000000
--- a/content/static/datenspuren/2013/images/osm.svg
+++ /dev/null
@@ -1,3336 +0,0 @@
-
-
-
diff --git a/content/static/datenspuren/2013/images/rocket.svg b/content/static/datenspuren/2013/images/rocket.svg
new file mode 100644
index 000000000..8cbeccb11
--- /dev/null
+++ b/content/static/datenspuren/2013/images/rocket.svg
@@ -0,0 +1,68 @@
+
+
+
+
diff --git a/content/static/datenspuren/2013/images/video.png b/content/static/datenspuren/2013/images/video.png
deleted file mode 100644
index b385d3c08..000000000
Binary files a/content/static/datenspuren/2013/images/video.png and /dev/null differ
diff --git a/content/static/datenspuren/2013/images/video.svg b/content/static/datenspuren/2013/images/video.svg
index 8f8c2dc6f..c12d34f4e 100644
--- a/content/static/datenspuren/2013/images/video.svg
+++ b/content/static/datenspuren/2013/images/video.svg
@@ -1,4 +1,6 @@
+
+
diff --git a/content/static/datenspuren/2013/images/wlan.png b/content/static/datenspuren/2013/images/wlan.png
deleted file mode 100644
index 343286b2e..000000000
Binary files a/content/static/datenspuren/2013/images/wlan.png and /dev/null differ
diff --git a/content/static/datenspuren/2013/images/wlan.svg b/content/static/datenspuren/2013/images/wlan.svg
deleted file mode 100644
index 1db5474ca..000000000
--- a/content/static/datenspuren/2013/images/wlan.svg
+++ /dev/null
@@ -1,210 +0,0 @@
-
-
diff --git a/content/static/datenspuren/2013/style/style.css b/content/static/datenspuren/2013/style/style.css
index 7bf2b3311..7f228c853 100644
--- a/content/static/datenspuren/2013/style/style.css
+++ b/content/static/datenspuren/2013/style/style.css
@@ -1,267 +1,211 @@
-
-/* placement */
+html {
+ font-family: Sans;
+ min-height: 800px;
+ 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;
+ text-align:center;
+}
body {
- width: 100%;
-}
-
-#device {
- width: 800px;
- padding: 5pt;
- margin-left: auto;
- margin-right: auto;
-}
-#screen {
- margin-top: 1em;
- margin-bottom: 45pt;
-}
-#content, #device-2 {
- padding: 0.5em;
-}
-/* HACK: clip uber-wide schedule table */
-#content {
- overflow-x: hidden;
-}
-/**/
-
-/* borders */
-#device {
- border: 0pt solid #CCC;
- border-radius: 3.5em;
-}
-#device-2 {
- border: 10pt solid black;
- border-radius: 3em;
-}
-#screen {
- border: 2pt solid black;
-}
-/**/
-
-/* font */
-* {
- font-family: sans-serif;
-}
-#head {
- text-align: center;
-}
-#head h1, #head h2 {
- margin: 0px;
-}
-/**/
-
-/* menu */
-#menu {
- display: table;
- width: 100%;
-}
-#menu > * {
- display: table-cell;
- padding: 5pt;
- vertical-align: top;
- width: 15%;
-}
-#menu * {
- text-align: center;
- font-size: 87%;
-}
-#battery, #c3d2 { width: auto; }
-#c3d2 { text-align: right; }
-/**/
-
-/* polish */
-#device {
- background: #bbb;
- box-shadow: 0em -0.1em 0.4em #CCC;
-}
-#device-2 {
- /* bark!! */
- background: #222;
- background: -moz-linear-gradient(
- 200deg,
- rgb(174, 188, 191) 0,
- rgb(110, 119, 116) 230pt,
- rgb(26, 30, 26) 231pt,
- rgb(10, 8, 9) 100%); /* FF3.6+ */
- background: -webkit-gradient(
- linear,
- right top,
- left bottom,
- color-stop(0, rgb(174, 188, 191)),
- color-stop(230pt, rgb(110, 119, 116)),
- color-stop(231pt, rgb(26, 30, 26)),
- color-stop(100%, rgb(10, 8, 9))); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(
- 200deg,
- rgb(174, 188, 191) 0,
- rgb(110, 119, 116) 230pt,
- rgb(26, 30, 26) 231pt,
- rgb(10, 8, 9) 100%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(
- 200deg,
- rgb(174, 188, 191) 0,
- rgb(110, 119, 116) 230pt,
- rgb(26, 30, 26) 231pt,
- rgb(10, 8, 9) 100%); /* Opera 11.10+ */
- background: -ms-linear-gradient(
- 200deg,
- rgb(174, 188, 191) 0,
- rgb(110, 119, 116) 230pt,
- rgb(26, 30, 26) 231pt,
- rgb(10, 8, 9) 100%); /* IE10+ */
- background: linear-gradient(
- 200deg,
- rgb(174, 188, 191) 0,
- rgb(110, 119, 116) 230pt,
- rgb(26, 30, 26) 231pt,
- rgb(10, 8, 9) 100%); /* W3C */
-}
-#screen { background: white; }
-#screen-top { min-height: 1000px; }
-.date {
- float: right;
- color: #999;
- font-size: 80%;
-}
-#content p { text-align: justify; }
-a {
- text-decoration: none;
- color: #335;
- font-weight: bold;
-}
-#head * {
- color: #CCC;
- font-weight: 300;
-}
-/**/
-
-/* footer */
-#footer {
- border-top: 1px solid black;
- text-align: center;
+ color:#f3f3f3;
+ text-align:left;
+ vertical-align:top;
+ padding-left: 8px;
+ padding-right: 160px;
+ padding-bottom: 64px;
+ min-height: 800px;
+ max-width: 1024px;
margin: 0 auto;
- padding: 0.8em 0;
- font-size: 85%;
+ text-align:left;
}
-#oldds {
- padding-left: 0px;
- margin: 0;
+a {
+ color:#f3f3f3;
+ text-decoration:none;
+ border-bottom: 1px dotted white;
}
-#oldds li {
+a:hover {
+ border-bottom: 1px solid white;
+}
+img {
+ border:0;
+}
+#logo {
+ position: absolute;
+/* left:1024px; */
+/* float: right; */
+/* clear:both; */
+/* display: inline-block; */
+ right: 8px;
+ top: 64px;
+ width: 136px;
+}
+#c3d2 {
+ margin-left: 32px;
+}
+#c3d2 img {
+ width: 98px;
+ height: 32px;
+}
+header, article, footer {
+ padding: 8px;
+}
+header {
+ padding-left: 144px;
+ background:url("../images/logo.svg") no-repeat;
+ background-size: 128px;
+ background-position: 0 50%;
+ height: 128px;
+}
+header a, header a:hover {
+ vertical-align: middle;
+ display: block;
+ width:23em;
+ margin-top:40px;
+ border:0;
+}
+header h1, header h2 {
+ font-weight: bold;
+ letter-spacing: 1em;
+ padding:0;
+ margin:0;
+}
+header h1 {letter-spacing: 0.2em;}
+header h2 {letter-spacing: 0.15em;}
+header, aside {
+ text-align: left;
+}
+aside {
+ position:relative;
+ float:right;
+ text-align:right;
+ margin-right: -152px;
+}
+article {
+/* background:rgba(0,0,0,.1); */
+ margin-left:232px;
+ position:relative;
+/* max-width:800px; */
+ padding: 16px 16px 16px 24px;
+}
+.summary {
+ padding:0;
+ margin:0;
+}
+.summary a {
+ margin-left: -8px;
+ border:0;
+}
+nav, article {
+ display: inline-block;
+}
+nav div > span a {
+ margin: 0 8px 0 8px;
+}
+nav a, nav a:hover {
+ border:0;
+}
+nav div > span a:first-child {
+ margin-left: 0;
+}
+nav a:hover span, nav div > span a:hover, .summary a:hover {
+ border-top: 2px dotted white;
+ border-bottom: 2px dotted white;
+}
+nav img {
+ vertical-align:middle;
+ margin: 8px 8px 8px 0;
+ border:0;
+}
+nav {
+ padding-top: 16px;
+ position:absolute;
+}
+nav > div {
+ margin-left: 32px;
+ width: 224px;
+ text-align:left;
+}
+date {
+ float: right;
+ clear: right;
+ font-size: 0.8em;
+ position:relative;
+}
+footer {
+ text-align: center;
+ margin-right: -160px;
+}
+footer ul, aside ul {
list-style: none;
- display: inline;
- margin: 0 0.5em;
+ padding:0;
}
-
-/* debug */
-nothing { display: none; }
-nothing { border: 1px solid red; }
-
-/* videos */
-section.resource {
- display: inline-block;
- vertical-align: top;
- border: 2pt solid black;
- border-radius: 8pt;
- padding: 10pt;
- margin-bottom: 5pt;
- display: inline-block;
- width: 335px;
- text-align: center;
+footer li {
+ display:inline-block;
}
-section.resource > h4 {
- margin: 0pt 1em;
- text-align: center;
- margin-left: auto;
- margin-right: auto;
- min-height: 3em;
- font: 120%/1.5;
+footer li:after {
+ content: "000";
}
-section.resource > .preview {
- position: relative; /* to place .play */
- margin: 0;
- text-align: center;
+footer li:last-child:after {
+ content: "";
}
-section.resource > .preview > img,
-section.resource video {
- width: 100%;
+footer a, aside a, nav a, header a {
+ border:0;
}
-section.resource > .preview > p.play {
- position: absolute;
- left: 40%;
- top: 30%;
- margin: 0;
- padding: 0.42em 0.5em 0.58em;
- color: white;
- font-size: 300%;
- cursor: pointer;
- line-height: 0.5em;
- width: 0.5em;
- background-color: rgba(0, 0, 0, 0.5);
- border-radius: 100%;
+footer a:hover, aside a:hover {
+ border-bottom:1px dashed white;
}
-section.resource > ul.links {
- list-style-type: none;
- margin: 0.2em 0;
- padding: 0;
- text-align: center;
- font-size: 80%;
+@media (max-width: 1008px) {
+ aside {
+ float:none;
+ }
+ nav {
+ width: 100%;
+ position: relative;
+ display: block;
+ -webkit-columns:auto;
+ -moz-columns:auto;
+ columns:auto;
+ text-align:center;
+ }
+ nav > div {
+ display: inline-block;
+ margin-left:0;
+ }
+ nav, article, #c3d2 {
+ margin-left: 0;
+ }
}
-section.resource > ul.links > li {
- display: inline-block;
- margin: 0 1em;
+@media (max-width: 612px) {
+ body {
+ padding-right: 8px;
+ }
+ aside {
+ margin-right:8px;
+ }
+ footer {
+ margin-right: -8px;
+ }
+ #logo {
+ display:none;
+ }
}
-section.resource > ul.links .size {
- margin: 0 0 0 0.5em;
- font-size: 80%;
- color: #333;
+@media (max-width: 912px) {
+ nav img {
+ width:32px;
+ height:32px;
+ }
+ #c3d2 img {
+ width: 49px;
+ height: 16px;
+ }
}
-
-/* info */
-#info {
- position: absolute;
- color: #CCC;
- font-weight: 300;
- padding-left: 0;
- list-style-type: none;
- margin-left: 7pt;
- margin-top: 5pt;
+@media (max-width: 480px) {
+ nav img {
+ width:64px;
+ height:64px;
+ }
+ #c3d2 img {
+ width: 98px;
+ height: 32px;
+ }
}
-
-/* Fahrplan */
-
-.scheduletitle {
- text-align: center;
- color: #333;
-}
-.schedulehead {
- color: #333;
-}
-
-.schedule .timeslot {
- font-size: 80%;
- color: #999;
-}
-table.schedule {
- border-spacing: 4px 2px;
-}
-.schedule td {
- margin: 2px 4px;
-}
-.schedule td.event {
- border: 2pt solid black;
- border-radius: 8pt;
- padding: 0.5em 1em;
-}
-.schedule h4 {
- margin: 0;
-}
-.schedule ul {
- padding: 0;
- margin: 1em 0;
- list-style-type: none;
- font-size: 80%;
-}
-.schedule ul li {
- display: inline-block;
- margin-right: 2em;
-}
\ No newline at end of file
diff --git a/xsl/datenspuren/xhtml5.xsl b/xsl/datenspuren/xhtml5.xsl
index e6adf2d7d..7973060c2 100644
--- a/xsl/datenspuren/xhtml5.xsl
+++ b/xsl/datenspuren/xhtml5.xsl
@@ -35,108 +35,79 @@
-
-
-
- - Samstag & Sonntag,
- - 6. & 7. September 2013
- - Eintritt frei
-
-
-
-
-
-
-
- 
- 
- 
- 
- 
- 
- 