You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

86 lines
1.3 KiB
Plaintext

/* Common, default styles for the notification box */
.ns-p
{
margin-left:20px;
}
.ns-box {
position: fixed;
background:#27ae60;
padding: 8px;
line-height: 1.2;
z-index: 1000;
pointer-events: none;
color: rgba(250,251,255,0.95);
font-size: 90%;
font-family: 'Raleway', Calibri, Arial, sans-serif;
}
.ns-box.ns-show {
pointer-events: auto;
}
.ns-box a {
color: inherit;
opacity: 0.7;
font-weight: 700;
}
.ns-box a:hover,
.ns-box a:focus {
opacity: 1;
}
.ns-box p {
margin: 0;
}
.ns-box.ns-show,
.ns-box.ns-visible {
pointer-events: auto;
}
.ns-close {
width: 20px;
height: 20px;
position: absolute;
right: 4px;
top: 4px;
overflow: hidden;
text-indent: 100%;
cursor: pointer;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.ns-close:hover,
.ns-close:focus {
outline: none;
}
.ns-close::before,
.ns-close::after {
content: '';
position: absolute;
width: 3px;
height: 60%;
top: 50%;
left: 50%;
background: #6e6e6e;
}
.ns-close:hover::before,
.ns-close:hover::after {
background: #fff;
}
.ns-close::before {
-webkit-transform: translate(-50%,-50%) rotate(45deg);
transform: translate(-50%,-50%) rotate(45deg);
}
.ns-close::after {
-webkit-transform: translate(-50%,-50%) rotate(-45deg);
transform: translate(-50%,-50%) rotate(-45deg);
}