Create console global message

- Add style
- Create zone and button to show the admin console
This commit is contained in:
Gregoire Parant 2020-09-16 21:50:04 +02:00
parent 509196785b
commit e59cbcfaa7
5 changed files with 107 additions and 11 deletions

View file

@ -414,3 +414,40 @@ body {
background-color: #00000096;
border-radius: 0 0 10px 10px;
}
.main-console{
position: absolute;
width: 80%;
top: 0;
left: 10%;
background: #000000a6;
z-index: 200;
height: auto;
transition: all 0.1s ease-out;
}
.main-console div{
position: absolute;
background: none repeat scroll 0% 0% #ccc0;
border-color: #000000 #ffffff00 #ffffff00 #ffffff00;
border-style: solid;
border-width: 20px 7px;
height: auto;
width: 10%;
color: white;
z-index: 200;
left: 45%;
transition: all 0.1s ease-out;
display: none;
}
.main-console div.active{
display: block;
}
.main-console div span{
position: absolute;
top: -20px;
left: 30%;
}
.main-console div:hover{
cursor: pointer;
transform: scale(1.2) translateY(3px);
}