105 lines
2.1 KiB
CSS
105 lines
2.1 KiB
CSS
|
|
||
|
|
/* CORE STYLES */
|
||
|
|
|
||
|
|
/* noty bar */
|
||
|
|
.noty_bar {
|
||
|
|
position: fixed;
|
||
|
|
display: none;
|
||
|
|
z-index: 9999999;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* noty_message */
|
||
|
|
.noty_bar .noty_message {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* noty close button */
|
||
|
|
.noty_bar .noty_close {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* noty modal */
|
||
|
|
.noty_modal {
|
||
|
|
position: fixed;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
background-color: #000;
|
||
|
|
z-index: 10000;
|
||
|
|
opacity: 0.6;
|
||
|
|
display: none;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* noty container for noty_layout_topLeft & noty_layout_topRight */
|
||
|
|
ul.noty_cont {
|
||
|
|
position: fixed;
|
||
|
|
z-index: 10000000;
|
||
|
|
margin: 0px;
|
||
|
|
padding: 0px;
|
||
|
|
list-style: none;
|
||
|
|
width: 300px;
|
||
|
|
}
|
||
|
|
ul.noty_cont li {
|
||
|
|
position: relative;
|
||
|
|
float: left;
|
||
|
|
clear: both;
|
||
|
|
list-style: none;
|
||
|
|
padding: 0px;
|
||
|
|
margin: 10px 0 0 0;
|
||
|
|
width: 300px; /* Fix for: http://bugs.jquery.com/ticket/2278 */
|
||
|
|
}
|
||
|
|
ul.noty_cont.noty_layout_topLeft {left:20px; top:20px;}
|
||
|
|
ul.noty_cont.noty_layout_topRight {right:40px; top:20px;}
|
||
|
|
ul.noty_cont.noty_layout_bottomLeft {left:20px; bottom:20px}
|
||
|
|
ul.noty_cont.noty_layout_bottomRight {right:40px; bottom:20px}
|
||
|
|
ul.noty_cont.noty_layout_topRight li {float:right}
|
||
|
|
|
||
|
|
/* LAYOUTS */
|
||
|
|
|
||
|
|
/* noty_layout_top */
|
||
|
|
.noty_bar.noty_layout_top {
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
-webkit-border-radius: 0px;
|
||
|
|
-moz-border-radius: 0px;
|
||
|
|
border-radius: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* noty_layout_bottom */
|
||
|
|
.noty_bar.noty_layout_bottom {
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
-webkit-border-radius: 0px;
|
||
|
|
-moz-border-radius: 0px;
|
||
|
|
border-radius: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* noty_layout_center */
|
||
|
|
.noty_bar.noty_layout_center {
|
||
|
|
top: 40%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* noty_layout_topLeft & noty_layout_topRight */
|
||
|
|
.noty_bar.noty_layout_topLeft,
|
||
|
|
.noty_bar.noty_layout_topRight,
|
||
|
|
.noty_bar.noty_layout_bottomLeft,
|
||
|
|
.noty_bar.noty_layout_bottomRight {
|
||
|
|
width: 100%;
|
||
|
|
clear: both;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.noty_bar.noty_layout_topLeft .noty_message,
|
||
|
|
.noty_bar.noty_layout_topRight .noty_message,
|
||
|
|
.noty_bar.noty_layout_bottomLeft .noty_message,
|
||
|
|
.noty_bar.noty_layout_bottomRight .noty_message {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* noty_layout_topCenter */
|
||
|
|
.noty_bar.noty_layout_topCenter {
|
||
|
|
top: 20px;
|
||
|
|
}
|