From 2e54164891b20ba63d5246806d847c5de550e9cc Mon Sep 17 00:00:00 2001
From: Tilman Vatteroth <tilman.vatteroth@udo.edu>
Date: Tue, 29 May 2018 20:55:42 +0200
Subject: [PATCH] add css
---
css/design.css | 25 +++++++++++++++++++++++++
css/design.less | 27 +++++++++++++++++++++++++++
index.html | 1 +
3 files changed, 53 insertions(+)
diff --git a/css/design.css b/css/design.css
index 8e4478a..4fbfe18 100644
--- a/css/design.css
+++ b/css/design.css
@@ -8,6 +8,31 @@ body {
font-family: Arial, serif;
overflow: hidden;
}
+.impressum {
+ position: absolute;
+ left: 0px;
+ top: 0px;
+ color: #fff;
+ margin: 10px;
+ z-index: 1000;
+ background: #000;
+ font-size: 3em;
+ transition: opacity 5s 2s;
+ opacity: 0;
+ animation: 3s ease-out 0s 1 fadeOut;
+}
+.impressum:hover {
+ opacity: 1;
+ transition: none;
+}
+@keyframes fadeOut {
+ 0% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
[data-container=panel],
[data-container=noscript] {
background-color: rgba(8, 8, 8, 0.68);
diff --git a/css/design.less b/css/design.less
index c8d338a..1de0ee3 100644
--- a/css/design.less
+++ b/css/design.less
@@ -12,6 +12,33 @@ body {
overflow:hidden;
}
+.impressum {
+ position: absolute;
+ left: 0px;
+ top: 0px;
+ color: #fff;
+ margin: 10px;
+ z-index: 1000;
+ background: #000;
+ font-size: 3em;
+ transition: opacity 5s 2s;
+ opacity: 0;
+ animation: 3s ease-out 0s 1 fadeOut;
+}
+.impressum:hover {
+ opacity: 1;
+ transition: none;
+}
+@keyframes fadeOut {
+ 0% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
+
+
[data-container=panel] {
background-color: rgba(8, 8, 8, 0.68);
border: solid 1px #252525;
diff --git a/index.html b/index.html
index ddb7557..dea6c8a 100644
--- a/index.html
+++ b/index.html
@@ -23,5 +23,6 @@
<div data-container="noscript">Diese Seite benötigt JavaScript!</div>
</noscript>
</div>
+<a href="https://oh14.de/impressum.html" class="impressum">Impressum</a>
</body>
</html>
--
GitLab