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; opazone: 0.6; display: none; } .noty_bar { position: fixed; display: none; z-index: 9999999; background: #efefef; /* Old browsers */ background: -moz-linear-gradient(top, #efefef 0%, #ffffff 50%, #efefef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(50%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #efefef 0%,#ffffff 50%,#efefef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #efefef 0%,#ffffff 50%,#efefef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #efefef 0%,#ffffff 50%,#efefef 100%); /* IE10+ */ background: linear-gradient(top, #efefef 0%,#ffffff 50%,#efefef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ border-bottom: 1px solid #CACACA; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4),0 0 10px rgba(0, 0, 0, 0.1); } .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: 23.5%; width: 50%; 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%; color: #333; } .noty_bar .noty_message .noty_buttons { float: right; font-size: 13px; margin-top: 10px; margin-left: -25px; margin-bottom: 5px; } .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: 5px; right: 5px; background-image: url(/assets/iconic/gray/x_11x11.png); width: 11px; height: 11px; cursor: pointer; } .noty_bar.alert { background-color: #fff; border-color: #ccc; } .noty_bar.error { background: #F67C90; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F56C7E', endColorstr='#F78297'); background: -webkit-gradient(linear, left top, left bottom, from(#F56C7E), to(#F78297)); background: -moz-linear-gradient(top, #F56C7E, #F78297); border-color: #C36079 #C25669 #C14E5C; text-shadow: 0 1px 0 #F9A6B4; color: #913944; } .noty_bar.success { background: #B7D770; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CAE285', endColorstr='#9FCB57'); background: -webkit-gradient(linear, left top, left bottom, from(#CAE285), to(#9FCB57)); background: -moz-linear-gradient(top, #CAE285, #9FCB57); border-color: #ADC671 #98B65B #87AA4A; color: #5D7731; text-shadow: 0 1px 0 #CFE5A4; } /* 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("../img/mitgux/alert.png") no-repeat 13px center,url("../img/mitgux/bg.png") repeat scroll 0 0 transparent; } .noty_bar.mitgux.error .noty_message { background: url("../img/mitgux/error.png") no-repeat 13px center,url("../img/mitgux/bg.png") repeat scroll 0 0 transparent; } .noty_bar.mitgux.success .noty_message { background: url("../img/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("../img/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; } .noty_bar p.description { font-size: 12px; font-weight: normal; width: 80%; margin: auto; text-align: left; }