|
@@ -82,3 +82,33 @@ html, body{
|
|
|
background-color: #2781cc;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+#teaser{
|
|
|
+ position:absolute; z-index: 50;
|
|
|
+ top:0; left:0; width:100%; height:100%;
|
|
|
+ background-color: #000;
|
|
|
+ background-image: url(../assets/lagare.png);
|
|
|
+ background-size: cover;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ .layer{
|
|
|
+ position: absolute;
|
|
|
+ width:100%; height:100%;
|
|
|
+ top:0; left:0;
|
|
|
+ background-color: rgba(0,0,0,0.7);
|
|
|
+ }
|
|
|
+ .popup{
|
|
|
+ position: absolute;
|
|
|
+ background-color: rgba(0,0,0,0.8);
|
|
|
+ width:20%; left:50%; top:45%; margin-left: -10%;
|
|
|
+ border-radius: 4px;
|
|
|
+ h1{
|
|
|
+ color: #fff;
|
|
|
+ text-align: center;
|
|
|
+ font-family: monospace;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+body.teasing{
|
|
|
+ #timelaps, #mapin, #mapout{display: none;}
|
|
|
+}
|