Pop-up Box in CSS

This commit is contained in:
Eslyium 2020-09-16 19:52:40 -04:00 committed by GitHub
parent 7b5cc28306
commit 8bed2f786a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -4,11 +4,12 @@
.ua-warning {
text-align: center;
font-weight: bold;
text-transform: uppercase;
background: rgba(109, 38, 28, 0.64);
padding: 10px;
color: white;
font-weight: bold;
text-transform: uppercase;
background: rgba(109, 38, 28, 0.64);
padding: 10px 0px;
color: white;
margin: 10px auto;
}
body {
@ -34,6 +35,12 @@ body {
}
body:not([model=""])>div:not(.list){
pointer-events: none;
opacity: .3;
filter: blur(1px);
}
body>div {
display: block;
max-width: 900px!important;
@ -54,6 +61,23 @@ body>div button {
color: #150000
}
body>div f button {
position: static;
width: auto;
margin-top: -5px;
opacity: 1;
height: 25px;
}
body>div f button.right {
float: right;
}
body>div f button.red {
background: #c34f4f;
color: #FFF;
}
body>div svg.icon {
position: absolute;
left: 4px;
@ -64,6 +88,12 @@ body>div svg.icon {
opacity: .6
}
body>div h svg.icon {
position: static;
vertical-align: middle;
margin-right: 10px;
}
body>div.nav.top {
margin-bottom: 10px
}
@ -146,6 +176,10 @@ body>div.search {
background: rgba(255, 255, 255, .20)
}
body:not([model=""])>div.nav.bottom {
display: none !important;
}
body>div.nav.bottom {
margin-top: 10px;
text-align: center;
@ -216,6 +250,11 @@ body>div.list {
background: rgba(255, 255, 255, .20);
}
body:not([model=""])>div.list div:not(.model),
body[model=""]>div.list div.model{
display: none !important;
}
body>div.list div {
display: block;
padding: 10px;