annis.visualizers.iframe.partitur.jquery.noty.css Maven / Gradle / Ivy
ul.noty_container {
position: fixed;
z-index: 9999999;
margin: 0px;
padding: 0px;
list-style: none;
width: 400px;
top: 20px;
}
ul.noty_container li {
position: relative;
float: left;
clear: both;
list-style: none;
padding: 0px;
margin: 10px 0 0 0;
}
ul.noty_container.topLeft {
left: 20px;
}
ul.noty_container.topRight {
right: 40px;
}
ul.noty_container.topRight li {
float: right;
}
/* Fix for: http://bugs.jquery.com/ticket/2278 */
ul.noty_container.topLeft li, ul.noty_container.topRight li {
width: 400px;
}
div.noty_modal {
position: fixed;
width: 100%;
height: 100%;
background-color: #000;
z-index: 10000;
opacity: 0.6;
display: none;
}
.noty_bar {
position: fixed;
display: none;
z-index: 9999999;
background: url(./alert-lines.png) repeat-x scroll left top #fff;
}
.noty_bar.top {
top: 0;
left: 0;
width: 100%;
border-bottom: 3px solid #eee;
}
.noty_bar.bottom {
bottom: 0;
left: 0;
width: 100%;
border-top: 3px solid #eee;
}
.noty_bar.center {
top: 40%;
left: 19.5%;
width: 60%;
padding: 4px;
border: 3px solid #eee;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.noty_bar.topLeft, .noty_bar.topRight {
width: 100%;
clear:both;
position: relative;
padding: 4px;
border: 3px solid #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.noty_bar .noty_message {
padding: 10px 30px 10px 10px;
font-size: 16px;
font-weight: bold;
width: 96%;
}
.noty_bar .noty_message .noty_buttons {
float: right;
font-size: 13px;
margin-top: -6px;
margin-left: -25px;
}
.noty_bar.topLeft .noty_message .noty_buttons, .noty_bar.topRight .noty_message .noty_buttons {
float: none;
font-size: 13px;
border-top: 1px solid #CCCCCC;
margin-left: 0;
margin-top: 10px;
float: none;
padding-top: 10px;
text-align: right;
}
.noty_bar .noty_message .noty_buttons button {
margin-left: 5px;
}
.noty_bar .noty_close {
position: absolute;
top: 10px;
right: 10px;
background-image: url(./closelabel.png);
width: 20px;
height: 20px;
cursor: pointer;
}
.noty_bar.alert {
background-color: #fff;
border-color: #ccc;
}
.noty_bar.error {
background-color: red;
color: #fff;
border-color: darkred;
}
.noty_bar.success {
background-color: lightgreen;
color: darkgreen;
border-color: darkgreen;
}
/* Layout: Top Center */
.noty_bar.topCenter {
background: none;
background-color: transparent;
top: 0;
left: 0;
width: 100%;
text-align: center;
}
.noty_bar.topCenter.alert {
background-color: none;
}
.noty_bar.topCenter .noty_message {
padding: 10px 15px;
display: inline-block;
font-size: 13px;
width: auto;
margin: 0;
position: relative;
top: 8px;
font-weight: normal;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.noty_bar.topCenter .noty_close {
top: 50%;
margin-top: -10px;
border-radius: 10px;
right: -10px;
}
.noty_bar.topCenter.alert .noty_message {
background-color: #F9EDBE;
border: 1px solid #F0C36D;
}
.noty_bar.topCenter.alert .noty_close {
border: 1px solid #F0C36D;
}
.noty_bar.topCenter.error .noty_message {
background-color: #FA5914;
border: 1px solid #E64906;
}
.noty_bar.topCenter.error .noty_close {
border: 1px solid #E64906;
}
.noty_bar.topCenter.success .noty_message {
background-color: #8FEC8F;
border: 1px solid #50C24E;
}
.noty_bar.topCenter.success .noty_close {
border: 1px solid #50C24E;
}
.noty_bar.topCenter .noty_message .noty_buttons {
margin-left: 15px;
margin-top: 0px
}
.noty_bar.topCenter .noty_message .noty_buttons button {
font: bold 12px/12px HelveticaNeue, Arial;
padding: 3px 4px;
color: #555;
background: none;
border: none;
}
/* Custom Theme from Mohieddine Abd-kader (http://forrst.com/people/mitgux) Thanks :) */
.noty_bar.mitgux {
background: none;
border: none;
}
.noty_bar.mitgux .noty_message {
border: 1px solid #D7D7D7 !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-shadow: 1px 2px 4px #636363;
color: #6D6D6D;
line-height: 1.5em;
text-shadow: 0 1px 0 #FFFFFF;
width: 100%;
}
.noty_bar.mitgux.center .noty_message {
width: 95%;
}
.noty_bar.mitgux.alert .noty_message {
background: url("./mitgux/alert.png") no-repeat 13px center,url("./mitgux/bg.png") repeat scroll 0 0 transparent;
}
.noty_bar.mitgux.error .noty_message {
background: url("./mitgux/error.png") no-repeat 13px center,url("./mitgux/bg.png") repeat scroll 0 0 transparent;
}
.noty_bar.mitgux.success .noty_message {
background: url("./mitgux/done.png") no-repeat 13px center,url("../img/mitgux/bg.png") repeat scroll 0 0 transparent;
}
.noty_bar.mitgux .noty_close{
width: 20px;
height: 20px;
position: absolute;
background: url("./mitgux/close.png") no-repeat;
right: -8px;
top: 50%;
margin-top: -10px;
box-shadow: 0 0 3px #3C3C3C;
border-radius: 10px;
border: none !important;
cursor: pointer
}
/* Custom theme layout extras */
.noty_bar.mitgux.top {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
box-shadow: 0px 0px 4px #636363;
}
.noty_bar.mitgux.top .noty_close, .noty_bar.mitgux.bottom .noty_close {
right: 8px;
}
.noty_bar.mitgux.topLeft .noty_message, .noty_bar.mitgux.topRight .noty_message, .noty_bar.mitgux.topCenter .noty_message {
padding-left: 60px;
padding-right: 40px;
width: auto;
}
.noty_bar.mitgux.topLeft .noty_message .noty_buttons, .noty_bar.mitgux.topRight .noty_message .noty_buttons {
border-top: 1px solid #CCCCCC;
margin-left: 0;
margin-top: 10px;
float: none;
padding-top: 10px;
text-align: right;
}
.noty_bar.mitgux.top .noty_buttons, .noty_bar.mitgux.bottom .noty_buttons {
margin-top: -3px;
margin-right: 25px;
}
.noty_bar.mitgux.center .noty_buttons {
margin-top: -3px;
}