diff --git a/content/static/datenspuren/images/aussicht.png b/content/static/datenspuren/images/aussicht.png new file mode 100644 index 000000000..3f9f6de4a Binary files /dev/null and b/content/static/datenspuren/images/aussicht.png differ diff --git a/content/static/datenspuren/images/aussicht.svg b/content/static/datenspuren/images/aussicht.svg new file mode 100644 index 000000000..eee41a7dd --- /dev/null +++ b/content/static/datenspuren/images/aussicht.svg @@ -0,0 +1,276 @@ + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/static/datenspuren/images/cloudy.png b/content/static/datenspuren/images/cloudy.png new file mode 100644 index 000000000..5fc28327f Binary files /dev/null and b/content/static/datenspuren/images/cloudy.png differ diff --git a/content/static/datenspuren/images/cloudy.svg b/content/static/datenspuren/images/cloudy.svg new file mode 100644 index 000000000..9d36e825e --- /dev/null +++ b/content/static/datenspuren/images/cloudy.svg @@ -0,0 +1,731 @@ + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/static/datenspuren/style/style.css b/content/static/datenspuren/style/style.css index 317499a0a..6ac44054c 100644 --- a/content/static/datenspuren/style/style.css +++ b/content/static/datenspuren/style/style.css @@ -1,3 +1,137 @@ +@font-face { + font-family: LondonBetween; + src: url("LondonBetween.ttf"); +} +body { + font-family: LondonBetween, sans-serif; + margin: 12pt; + width: 900px; +} +#cloudy { + background: url("../images/cloudy.png"); + height: 231px; + width: 264px; + margin-right: -44.400000000000006pt; + margin-top: -60pt; + float: right; +} +#aussicht { + background: url("../images/aussicht.png"); + height: 63px; + width: 191px; + display: inline-block; +} +#header { + text-align: center; +} +#content { + border: 12pt solid #65b8ff; + border-radius: 24pt; +} +.leftSideBar { + float: left; + border-right: 12pt solid #65b8ff; + border-bottom: 12pt solid #65b8ff; + border-radius: 0 0 24pt 0; + margin: 0 24pt 24pt 0; +} +.leftSideBar > * { + margin: 12pt; +} +.leftSideBar > h2 { + font-size: 12pt; + margin-bottom: 0; +} +.leftSideBar > ul { + margin-top: 0; + list-style-type: none; + padding: 0; + font-size: 9.600000000000001pt; +} +a { + color: #980101; + font-weight: bold; + text-decoration: none; +} +#bodyText { + padding: 24pt; +} +.date { + padding-left: 12pt; +} +.notice.feed { + font-size: 9.600000000000001pt; +} +.url { + text-decoration: underline; +} +p { + text-align: justify; +} +#footer { + text-align: center; + margin-top: 12pt; +} + + +#solar { + background-image: url('../images/sun.svg'); + z-index: -1000; + overflow: visible; + position: fixed; + top: -800px; + right: -800px; + width: 1600px; + height: 1600px; + -webkit-animation: rotate 230s infinite linear; + -moz-animation: rotate 230s infinite linear; + -o-animation: rotate 230s infinite linear; + -ms-animation: rotate 230s infinite linear; + animation: rotate 230s infinite linear; +} +@-webkit-keyframes rotate { + 0% { + -webkit-transform:rotate(0deg); + } + 100% { + -webkit-transform:rotate(360deg); + } +} +@-moz-keyframes rotate { + 0% { + -moz-transform:rotate(0deg); + } + 100% { + -moz-transform:rotate(360deg); + } +} +@-o-keyframes rotate { + 0% { + -o-transform:rotate(0deg); + } + 100% { + -o-transform:rotate(360deg); + } +} +@-ms-keyframes rotate { + 0% { + -ms-transform:rotate(0deg); + } + 100% { + -ms-transform:rotate(360deg); + } +} +@keyframes rotate { + 0% { + transform:rotate(0deg); + } + 100% { + transform:rotate(360deg); + } +} + + +/* body { font-family: verdana, tahoma, helvetica, arial, sans-serif; font-size: 12px; @@ -312,59 +446,5 @@ td.event { margin: 0; padding: 0 2em 0 0; } +*/ -#solar { - background-image: url('../images/sun.svg'); - z-index: -1000; - overflow: visible; - position: fixed; - top: -800px; - right: -800px; - width: 1600px; - height: 1600px; - -webkit-animation: rotate 230s infinite linear; - -moz-animation: rotate 230s infinite linear; - -o-animation: rotate 230s infinite linear; - -ms-animation: rotate 230s infinite linear; - animation: rotate 230s infinite linear; -} -@-webkit-keyframes rotate { - 0% { - -webkit-transform:rotate(0deg); - } - 100% { - -webkit-transform:rotate(360deg); - } -} -@-moz-keyframes rotate { - 0% { - -moz-transform:rotate(0deg); - } - 100% { - -moz-transform:rotate(360deg); - } -} -@-o-keyframes rotate { - 0% { - -o-transform:rotate(0deg); - } - 100% { - -o-transform:rotate(360deg); - } -} -@-ms-keyframes rotate { - 0% { - -ms-transform:rotate(0deg); - } - 100% { - -ms-transform:rotate(360deg); - } -} -@keyframes rotate { - 0% { - transform:rotate(0deg); - } - 100% { - transform:rotate(360deg); - } -} diff --git a/xsl/datenspuren/xhtml5.xsl b/xsl/datenspuren/xhtml5.xsl index 84ed8dd25..5787a2e50 100644 --- a/xsl/datenspuren/xhtml5.xsl +++ b/xsl/datenspuren/xhtml5.xsl @@ -1,17 +1,17 @@ - - - + <!DOCTYPE html> @@ -33,16 +33,25 @@ - + - - - -
- + - - +
+
+ +
+ + + +
+ +
+
+ @@ -105,7 +114,7 @@ - + @@ -158,72 +167,65 @@ - +
+

Termin

+
    +
  • + Samstag & Sonntag,
    + 15. & 16. Oktober 2011 +
    • +
  • Eintritt frei
    • +
- +

Ort

+ -
-

Termin

-
    -
  • - Samstag & Sonntag,
    - 15. & 16. Oktober 2011 -
    • -
  • Eintritt frei
    • -
+

Symposium

+
    +
  • + + index + +
    • +
  • + + info + +
    • +
  • + + ort + +
    • +
  • + + fahrplan + +
    • + +
-

Ort

- - -

Symposium

-
    -
  • - - index - -
    • -
  • - - info - -
    • -
  • - - ort - -
    • -
  • - - fahrplan - -
    • - -
- - -
+ +
@@ -246,12 +248,13 @@ -