Pop-up Box in CSS
This commit is contained in:
parent
7b5cc28306
commit
8bed2f786a
@ -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;
|
||||
|
Loading…
Reference in New Issue
Block a user