added teaser
This commit is contained in:
@@ -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;}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user