de.swm.commons.mobile.client.theme.bootstrap.css.notificationbox.css Maven / Gradle / Ivy
@if swmmobile.css pretty {
@external bottomPanel, dialogAnimationContainer-center, closeLink;
}
.bottomPanel {
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
color: white;
background-color: rgba(43, 164, 255, 0.8);
border-top: 2px solid white;
border-radius: 2px;
padding: 10px;
z-index: 10;
}
.dialogAnimationContainer-center {
\-webkit-box-orient: horizontal;
\-webkit-box-pack: center;
\-webkit-box-align: center;
-ms-flex-pack: center;
-ms-flex-align: center;
}
.closeLink {
float:right;
cursor:pointer;
color: #fff;
border: 3px solid white;
border-radius: 30px;
background: #605F61;
font-size: 31px;
font-weight: bold;
display: inline-block;
line-height: 0px;
padding: 14px 7px 18px;
margin-right: -10px;
margin-top: -30px;
position: relative;
z-index: 11;
}
.closeLink:before {
content: "x";
}
.closeLink:hover {
color: white;
text-decoration: none;
}