wordRotator/public/core/css/flashMessenger.css
2018-05-15 17:30:16 +02:00

41 lines
875 B
CSS

div.flashMessage {
font-size: 0.8rem;
border-radius: 25px;
letter-spacing: 0;
z-index: 1001;
max-width: 100%;
display: inline-block;
position: relative;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.28);
border: 1px solid #626262;
background-color: #6b6b6b;
padding: .3em .6em;
text-align: center;
color: white; }
div.flashMessage:hover {
opacity: .4;
cursor: pointer; }
div.flashMessage:before, div.flashMessage:after {
display: block;
content: ""; }
span.flashMessage {
float: right;
cursor: pointer; }
div.default {
background-color: #1a9cc8; }
#flashMessageContainer {
text-align: center;
position: absolute; }
#flashMessageContainer, #flashMessageContainerAbsoulte {
height: 0 !important;
width: 100%;
overflow: visible !important; }
#flashMessageContainerAbsoulte {
margin: 5px 0;
position: relative; }