style for page

content/datenspuren/index.xml

@@ -1,9 +1,9 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE page SYSTEM "http://www.c3d2.de/dtd/c3d2web.dtd">
 
-<page pagetitle="Datenspuren 2018" title="Datenspuren">
+<page pagetitle="Index" title="Datenspuren">
   <div title="Datenspuren" itemscope="itemscope" itemtype="http://schema.org/EducationEvent" class="event-page h-event vevent">
-    <a itemprop="url" href="http://datenspuren.de/2018/"><span itemprop="name" class="name n"><strong><!--Bloß keine Datenspuren!--></strong></span></a>
+    <!--<a itemprop="url" href="http://datenspuren.de/2018/"><span itemprop="name" class="motto name n"><strong>MachtNix</strong></span></a>-->
     <div itemprop="description">15. Symposium Datenspuren 2018</div>
     <span>
       <div>

content/static/datenspuren/2018/style/style.css

@@ -1,23 +1,36 @@
+@font-face {
+	font-family: 'DSEG14';
+	src: url('DSEG14Classic-Regular.ttf') format('truetype');
+	font-weight: normal;
+	font-style: normal;
+}
+
 body {
 	display: flex;
 	flex-direction: column;
 	height: 100vh;
 	margin: 0;
 	padding: 0;
-	color: black;
+	color: white;
+        background-color: #191919;
 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size: 16px;
 }
 
+.motto {
+	font-family: DSEG14;
+}
+
 .wrapper {
 	flex: 1;
 	padding: 0 5em 0;
 }
 
 #oldds {
-	background-color: lightgray;
+	background-color: #646464;
 	list-style-type: none;
 	margin: 0 auto;
+	padding: 5px 0;
 }
 
 #oldds li {
@@ -26,7 +39,7 @@ body {
 }
 
 a {
-	color: blue;
+	color: #b6ff00;
 	text-decoration: none;
 }
 
@@ -44,14 +57,49 @@ nav ul {
 nav li {
 	display: inline-block;
 	text-align: center;
-	border: 2px solid black;
+	border: 2px solid lightgray;
+	border-radius: 22px;
+	background-color: #646464;
+	margin-right: 20px;
+}
+
+nav li a:before {
+	background: #b6ff00;
+	content: "";
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	width: 0;
+	opacity: 0;
+	transition: all 0.3s ease-out;
+	transform-origin: 0 50%;
+	border-radius: 21px;
+	z-index: -1;
+}
+
+nav li a:hover, nav li a:focus, nav li a:active {
+	color: #191919;
+	text-decoration: none;
+}
+
+nav li a:hover:before, nav li a:focus:before, nav li a:active:before {
+	width: 100%;
+	opacity: 1;
+	border-radius: 20px;
 }
 
 nav li a {
 	display: inline-block;
+	vertical-align: middle;
+	position: relative;
 	width: 123px;
 	text-decoration: none;
-	background-color: white;
+	padding: 11px 0 11px;
+	transform: perspective(1px) translateZ(0);
+	transition-property: color;
+	transition-duration: 0.3s;
 }
 
 article .center a img {
@@ -66,6 +114,10 @@ footer {
 	text-align: center;
 }
 
+#logo {
+	min-width: 127px;
+}
+
 #logo img {
 	width: 100%;
 }
@@ -116,7 +168,7 @@ footer {
 	#logo {
 		display: inline-block;
 		float:right;
-		padding: 2em;
+		padding: 0 2em 2em;
 		width: 50%;
 	}
 }

xsl/datenspuren/xhtml5.xsl

@@ -66,9 +66,9 @@
             </ul>
           </nav>
           <article>
-            <!--<div id="logo">
-              <img src="images/logo.svg"></img>
-            </div>-->
+            <div id="logo">
+              <img src="images/logo.png"></img>
+            </div>
             <xsl:apply-templates/>
           </article>
         </div>