Forum - Baustellen - Wartung - Screen

{{user_admin==false.start}}
 
<style>
/* Baustellen - Wartung - Screen */
body { 
  margin:0;
  overflow:hidden;
  padding:0;
}
 
.screen { 
  position: absolute;
  top:0;
  left:0;
  height:100vh;
  width:100%;
  overflow:hidden;
  z-index:2222222;
    
  animation:colorPulse 5s infinite ease-in-out;
  background-image:radial-gradient(#ffffff, #aaaaaa);
  box-sizing:border-box;
  font-family:'arial';
  font-size:20px;
}
 
.screen p {
  margin: 10px;
  padding: 20px;
  background:#222222;
  border-radius:10px;
  max-width:1000px;
  font-weight:bold;
  z-index:2222222;
}
  
.screen p:first-child {
  margin-top: 30px;
}
 
.screen img {
  border: 5px double #aaaaaa;
  max-width:40%;
  max-height: 40%;
}
 
.screen:before {
  animation:wave 10s infinite ease-in-out;
  content:"";
  height:20vh;
  left:0;
  opacity:.5;
  position:absolute;
  right:0;
  z-index:1111111;
}
 
.screen:after {
  background-image:linear-gradient(transparent, transparent 3px, #222222);
  background-size:4px 4px;
  bottom:0;
  content:"";
  left:0;
  pointer-events:none;
  position:absolute;
  right:0;
  top:0;
  z-index:2222222
}
 
.screen p:last-child:after {
  animation:blink 1s infinite;
  content:"_";
}
 
.screenmobil {
  overflow:auto;
  max-height:100vh;
}
 
@keyframes colorPulse {
  0%, 100% {
    color:#ffffff;
  }
  48%, 52% {
    color:#777777;
  }
}
 
@keyframes wave {
  0% {
    box-shadow:0 -10vh 20vh #ffffff;
    top:-100vh;
  }
  48%, 52% {
    box-shadow:0 -10vh 20vh #222222;
  }
  100% {
    box-shadow:0 -10vh 20vh #ffffff;
    top:200vh;
  }
}
 
@keyframes blink {
  50% {
    opacity:0;
  }
}
</style>
 
 
<center>
  <div class="screen">
    <div class="screenmobil">
      <p>
	    Zur Zeit befindet sich das Forum im Wartungsmodus.
      <br><br>
        Wir bemühen uns so schnell wie möglich den Fehler zu beheben und bedanken uns für Ihre Geduld.
      </p>
 
      <img src="https://files.homepagemodules.de/b104774/a_401_7239869e.jpg">
 
      <p>
        Mit freundlichen Grüßen ihr Admin!
      </p>
    </div>
  </div>
</center>
 
{{user_admin==false.else}}
<style>
.admin_hinweis  {
    position:fixed; 
    top:80px; 
    left:45%; 
    padding:10px 30px; 
    border-radius:10px;
    background:#eeffee; 
    font-family:'arial';
    font-size:20px;
    z-index:999999;
    font-weight:bold;
    border:5px double #aaaaaa;
}
</style>
 
<div class="admin_hinweis">Wartungsmodus</div>
{{user_admin==false.end}}