web/public_php/ams/css/noty_theme_default.css

   1
   2 /* CORE STYLES*/
   3
   4         /* noty bar */
   5         .noty_bar.noty_theme_default {
   6                 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAoCAYAAAAPOoFWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPZJREFUeNq81tsOgjAMANB2ov7/7ypaN7IlIwi9rGuT8QSc9EIDAsAznxvY4pXPKr05RUE5MEVB+TyWfCEl9LZApYopCmo9C4FKSMtYoI8Bwv79aQJU4l6hXXCZrQbokJEksxHo9KMOgc6w1atHXM8K9DVC7FQnJ0i8iK3QooGgbnyKgMDygBWyYFZoqx4qS27KqLZJjA1D0jK6QJcYEQEiWv9PGkTsbqxQ8oT+ZtZB6AkdsJnQDnMoHXHLGKOgDYuCWmYhEERCI5gaamW0bnHdA3k2ltlIN+2qKRyCND0bhqSYCyTB3CAOc4WusBEIpkeBuPgJMAAX8Hs1NfqHRgAAAABJRU5ErkJggg==') repeat-x scroll left top #fff;
   7         }
   8
   9         /* if you use noty with customContainer you can access noty with this way
  10         *        .noty_custom_container noty will add automaticly this class to your customContainer
  11         *        .noty_theme_default            your theme
  12         *        .noty_layout_inline            your layout
  13         */
  14
  15         /* custom container */
  16         .noty_custom_container.noty_theme_default.noty_layout_inline {
  17                 position: relative;
  18         }
  19
  20         /* custom growl container */
  21         .noty_custom_container.noty_theme_default.noty_layout_inline .noty_cont.noty_layout_inline {
  22                 position: static;
  23         }
  24                 /* custom noty bar */
  25                 .noty_custom_container.noty_theme_default.noty_layout_inline .noty_bar {
  26                         border-width: 1px;
  27                         border-style: solid;
  28                         position: static;
  29                         -webkit-border-radius: 4px;
  30                         -moz-border-radius: 4px;
  31                         border-radius: 4px;
  32                         box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  33                 }
  34                         .noty_custom_container.noty_theme_default.noty_layout_inline .noty_bar .noty_message {
  35                                 font-size: 13px;
  36                                 padding: 4px;
  37                         }
  38                                 .noty_custom_container.noty_theme_default.noty_layout_inline .noty_bar .noty_message .noty_buttons {
  39                                         margin-top: -1px;
  40                                 }
  41
  42         /* noty_message */
  43         .noty_bar.noty_theme_default .noty_message {
  44                 padding: 8px 14px;
  45                 font-size: 16px;
  46                 font-weight: bold;
  47                 width: auto;
  48         }
  49         .noty_bar.noty_theme_default.noty_closable .noty_message {
  50                 padding: 8px 34px 8px 14px;
  51         }
  52
  53         /* noty_buttons */
  54         .noty_bar.noty_theme_default .noty_message .noty_buttons {
  55                 float: right;
  56                 font-size: 13px;
  57                 margin-top: -4px;
  58                 margin-left: 4px;
  59         }
  60
  61         /* noty_button */
  62         .noty_bar.noty_theme_default .noty_message .noty_buttons button {
  63                 margin-left: 5px;
  64         }
  65
  66         /* noty close button */
  67         .noty_bar.noty_theme_default .noty_close {
  68                 position: absolute;
  69                 top: 10px;
  70                 right: 10px;
  71                 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAORJREFUeNq0lU0OgjAQhRm5gUl3rLyBB3BDQjwI4TDcgmu4NqwNJGxdueqWA4zzCJoxtvxoeckLzbz2C5ShEDNHDiXis/gkPooPY/0uvomv4ov48bUSQGUSF+Ka51WPc0kzNGwvLnm9ynHtB5B+hGkoaWDB/6t4AZOFe7ZkTxMAc1dqreU0TbnrunetbVvOsmzIPMoBrFwJYGgCY8wAgjFGDZlHFYCNK9EAXPUYmUcNgL0v1dAFMKjfRSsVx/H0hC0eOfhLmWwbfTcYozbXNsEbO/int8nhEPz4CnbAUuhfwFOAAQAA48KKOuexjwAAAABJRU5ErkJggg==');
  72                 width: 20px;
  73                 height: 20px;
  74         }
  75
  76         /* noty modal */
  77         .noty_modal.noty_theme_default {
  78                 opacity: 0.7;
  79         }
  80
  81 /* LAYOUTS */
  82
  83         /* noty_layout_top */
  84         .noty_bar.noty_theme_default.noty_layout_top {
  85                 border-bottom: 3px solid #eee;
  86         }
  87
  88         /* noty_layout_bottom */
  89         .noty_bar.noty_theme_default.noty_layout_bottom {
  90                 border-top: 3px solid #eee;
  91         }
  92
  93         .noty_bar.noty_theme_default.noty_layout_center .noty_close {
  94                 top: 8px;
  95         }
  96
  97         .noty_bar.noty_theme_default.noty_layout_center .noty_message .noty_buttons {
  98                 margin-top: -2px
  99         }
 100
 101         /* noty_layout_topLeft & noty_layout_topRight */
 102         .noty_bar.noty_theme_default.noty_layout_center,
 103         .noty_bar.noty_theme_default.noty_layout_topLeft,
 104         .noty_bar.noty_theme_default.noty_layout_topRight,
 105         .noty_bar.noty_theme_default.noty_layout_bottomLeft,
 106         .noty_bar.noty_theme_default.noty_layout_bottomRight {
 107                 border: 1px solid #eee;
 108                 -webkit-border-radius: 5px;
 109                 -moz-border-radius: 5px;
 110                 border-radius: 5px;
 111                 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
 112         }
 113         .noty_bar.noty_theme_default.noty_layout_center .noty_message,
 114         .noty_bar.noty_theme_default.noty_layout_topLeft .noty_message,
 115         .noty_bar.noty_theme_default.noty_layout_topRight .noty_message,
 116         .noty_bar.noty_theme_default.noty_layout_bottomLeft .noty_message,
 117         .noty_bar.noty_theme_default.noty_layout_bottomRight .noty_message {
 118                 font-size: 13px;
 119                 font-weight: normal;
 120         }
 121         .noty_bar.noty_theme_default.noty_layout_topLeft .noty_message .noty_buttons,
 122         .noty_bar.noty_theme_default.noty_layout_topRight .noty_message .noty_buttons,
 123         .noty_bar.noty_theme_default.noty_layout_bottomLeft .noty_message .noty_buttons,
 124         .noty_bar.noty_theme_default.noty_layout_bottomRight .noty_message .noty_buttons {
 125                 float: none;
 126                 border-top: 1px solid #ccc;
 127           margin-left: 0;
 128           margin-top: 10px;
 129           padding-top: 10px;
 130           text-align: right;
 131         }
 132
 133         /* noty_layout_topCenter */
 134         .noty_bar.noty_theme_default.noty_layout_topCenter {
 135                 -webkit-border-radius: 4px;
 136                 -moz-border-radius: 4px;
 137                 border-radius: 4px;
 138                 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
 139         }
 140         .noty_bar.noty_theme_default.noty_layout_topCenter .noty_message {
 141                 font-weight: normal;
 142                 font-size: 13px;
 143         }
 144         .noty_bar.noty_theme_default.noty_layout_topCenter .noty_close {
 145                 top: 50%;
 146                 margin-top: -10px;
 147                 -webkit-border-radius: 10px;
 148                 -moz-border-radius: 10px;
 149                 border-radius: 10px;
 150         }
 151         .noty_bar.noty_theme_default.noty_layout_topCenter.noty_success {
 152                 border: 1px solid #50C24E;
 153         }
 154         .noty_bar.noty_theme_default.noty_layout_topCenter .noty_message .noty_buttons {
 155                 margin-left: 15px;
 156                 margin-top: 0px
 157         }
 158
 159 /* NOTIFICATION TYPES */
 160
 161         /* noty_notification */
 162         .noty_bar.noty_theme_default.noty_notification {
 163                 background-color: #fff;
 164                 border-color: #ccc;
 165     color: #555;
 166         }
 167         .noty_bar.noty_theme_default.noty_notification.noty_layout_topLeft .noty_message .noty_buttons,
 168         .noty_bar.noty_theme_default.noty_notification.noty_layout_topRight .noty_message .noty_buttons,
 169         .noty_bar.noty_theme_default.noty_notification.noty_layout_bottomLeft .noty_message .noty_buttons,
 170         .noty_bar.noty_theme_default.noty_notification.noty_layout_bottomRight .noty_message .noty_buttons {
 171     border-color: #ccc;
 172   }
 173
 174         /* noty_warning */
 175         .noty_bar.noty_theme_default.noty_warning {
 176                 background-color: #FFEAA8;
 177                 border-color: #FFC237;
 178     color: #826200;
 179         }
 180         .noty_bar.noty_theme_default.noty_warning.noty_layout_topLeft .noty_message .noty_buttons,
 181         .noty_bar.noty_theme_default.noty_warning.noty_layout_topRight .noty_message .noty_buttons,
 182         .noty_bar.noty_theme_default.noty_warning.noty_layout_bottomLeft .noty_message .noty_buttons,
 183         .noty_bar.noty_theme_default.noty_warning.noty_layout_bottomRight .noty_message .noty_buttons {
 184     border-color: #FFC237;
 185   }
 186
 187   /* noty_alert */
 188         .noty_bar.noty_theme_default.noty_alert {
 189                 background-color: #fff;
 190                 border-color: #ccc;
 191         }
 192         .noty_bar.noty_theme_default.noty_alert.noty_layout_topLeft .noty_message .noty_buttons,
 193         .noty_bar.noty_theme_default.noty_alert.noty_layout_topRight .noty_message .noty_buttons,
 194         .noty_bar.noty_theme_default.noty_alert.noty_layout_bottomLeft .noty_message .noty_buttons,
 195         .noty_bar.noty_theme_default.noty_alert.noty_layout_bottomRight .noty_message .noty_buttons {
 196     border-color: #ccc;
 197   }
 198
 199         /* noty_error */
 200         .noty_bar.noty_theme_default.noty_error {
 201                 background-color: red;
 202                 color: #fff;
 203                 border-color: darkred;
 204         }
 205         .noty_bar.noty_theme_default.noty_error .noty_message {
 206                 font-weight: bold;
 207         }
 208         .noty_bar.noty_theme_default.noty_error.noty_layout_topLeft .noty_message .noty_buttons,
 209         .noty_bar.noty_theme_default.noty_error.noty_layout_topRight .noty_message .noty_buttons,
 210         .noty_bar.noty_theme_default.noty_error.noty_layout_bottomLeft .noty_message .noty_buttons,
 211         .noty_bar.noty_theme_default.noty_error.noty_layout_bottomRight .noty_message .noty_buttons {
 212     border-color: darkred;
 213   }
 214
 215         /* noty_success */
 216         .noty_bar.noty_theme_default.noty_success {
 217                 background-color: lightgreen;
 218                 color: darkgreen;
 219                 border-color: #50C24E;
 220         }
 221         .noty_bar.noty_theme_default.noty_success.noty_layout_topLeft .noty_message .noty_buttons,
 222         .noty_bar.noty_theme_default.noty_success.noty_layout_topRight .noty_message .noty_buttons,
 223         .noty_bar.noty_theme_default.noty_success.noty_layout_bottomLeft .noty_message .noty_buttons,
 224         .noty_bar.noty_theme_default.noty_success.noty_layout_bottomRight .noty_message .noty_buttons {
 225     border-color: #50C24E;
 226   }
 227
 228         /* noty_information */
 229         .noty_bar.noty_theme_default.noty_information {
 230                 background-color: #57B7E2;
 231                 border-color: #0B90C4;
 232                 color: #fff;
 233         }
 234         .noty_bar.noty_theme_default.noty_information.noty_layout_topLeft .noty_message .noty_buttons,
 235         .noty_bar.noty_theme_default.noty_information.noty_layout_topRight .noty_message .noty_buttons,
 236         .noty_bar.noty_theme_default.noty_information.noty_layout_bottomLeft .noty_message .noty_buttons,
 237         .noty_bar.noty_theme_default.noty_information.noty_layout_bottomRight .noty_message .noty_buttons {
 238     border-color: #0B90C4;
 239   }
 240