Null/renovierung.htm

56 lines
1.9 KiB
HTML
Executable File

<!DOCTYPE html>
<html>
<head>
<title>Renovierung</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
<style>
@import url(http://fonts.googleapis.com/css?family=PT+Sans);
*{margin: 0;pading: 0;}
::selection {background: #5bb25f; color: #ffffff;}
::-moz-selection {background: #5bb25f; color: #ffffff;}
body{
background: #f1f1f1;
font-family: 'PT Sans', sans-serif;
color: #444242;
}
h1{
font-family: 'Lato', sans-serif;
text-align: center;
}
a{
color: #388E3C;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
.renovierung{
background: url(renov.svg) no-repeat center top;
width: 450px;
height: 115px;
position: fixed;
top: calc(50vh - 270px);
left: calc(50vw - 225px);
padding-top: 430px;
text-align: center;
}
@media screen and (max-width: 450px) {
.renovierung{
width: auto;
height: auto;
position: relative;
left: 0;
top: 0;
background-size: contain;
padding-top: calc(96vw);
}
}
</style>
</head>
<body>
<div class="renovierung">
<p>Bei dieser Seite war eine Renovierung ja sowas von überfällig, daher ist es jetzt endlich so weit. Der Haken an der Sache ist nur, dass diese Renovierung so Zeitaufwändig ist, dass jetzt hier erstmal nichts steht. Wer Lust hat, kann sich die Wartezeit mit ein paar Spielen auf <a href="http://kola-games.de">Kola Games</a> vertreiben. Bis bald!</p>
</div>
</body>
</html>