application/media/css/jquery.notify.css

   1
   2 /* jQuery Notify Styling */
   3
   4 .jq-notify-zone {
   5         position: absolute;
   6         margin: 0 auto;
   7         display: none;
   8
   9         z-index: 100;
  10         min-height: 32px;
  11         width: 96%;
  12         left: 2%;
  13         top: 48px;
  14
  15         text-align: center;
  16 }
  17
  18 .jq-notify {
  19         position: relative;
  20         display: inline-block;
  21
  22         width: 100%;
  23         max-width: 1024px;
  24         margin: 8px 0;
  25
  26         background: #fff;
  27         background: rgba( 255, 255, 255, 0.95 );
  28         box-shadow: 0 0 16px 8px rgba(0, 0, 0, 0.2);
  29
  30         border: 1px solid #888;
  31 }
  32
  33 .jq-notify-body {
  34         padding: 8px 8px;
  35         text-align: center;
  36         font-size: 10pt;
  37         text-shadow: 0px 0px 8px #fff;
  38 }
  39
  40 .jq-notify-body p {
  41         display: inline-block;
  42         vertical-align: middle;
  43         width: 60%;
  44         max-width: 512px;
  45         min-height: 18px;
  46         margin: 4px;
  47 }
  48
  49 .jq-notify-body .jq-notify-buttons {
  50         display: inline-block;
  51         vertical-align: middle;
  52         text-align: left;
  53         width: 20%;
  54 }
  55
  56 .jq-notify-body .jq-notify-tools {
  57         display: inline-block;
  58         vertical-align: middle;
  59         text-align: right;
  60         width: 20%;
  61 }
  62
  63 .jq-notify-type-warning {
  64         border-top: 4px solid #f5d27a;
  65 } .jq-notify-type-error {
  66         border-top: 4px solid #f5d27a;
  67 } .jq-notify-type-info {
  68         border-top: 4px solid #66aadd;
  69 } .jq-notify-type-success {
  70         border-top: 4px solid #aadd66;
  71 } .jq-notify-type-critical {
  72         border-top: 4px solid #e14626;
  73 }
  74
  75 .jq-notify-remover,
  76 .jq-notify button {
  77         display: inline-block;
  78         border: 1px solid #999;
  79         border-color: #bbb #999 #999 #bbb;
  80         box-shadow: inset 0 0 0 1px #fff;
  81         background-color: #e5e5e5;
  82         border-radius: 2px;
  83         margin: 0 4px;
  84         color: #666;
  85 }
  86
  87 .jq-notify-remover:hover,
  88 .jq-notify button:hover {
  89         background-color: #ebebeb;
  90         border-color: #aaa #888 #888 #aaa;
  91         color: #222;
  92 }
  93
  94 .jq-notify-remover {
  95
  96         display: inline-block;
  97         cursor: pointer;
  98         height: 15px;
  99         width: 15px;
 100
 101         text-align: center;
 102         line-height: 0.9em;
 103         font-weight: 200;
 104         font-size: 12pt;
 105 }
 106
 107 .jq-notify button {
 108         padding: 1px 8px !important;
 109         font-size: 9pt;
 110 }
 111
 112 .jq-notify-tools form {
 113         display: inline;
 114 }
 115
 116 .jq-notify-config {
 117         width: 150px;
 118         border: none;
 119         font-size: 9pt;
 120 }
 121
 122 button.command-button {
 123         overflow: visible;
 124         display: inline-block;
 125         border: 1px solid #999;
 126         border-color: #bbb #999 #999 #bbb;
 127         box-shadow: inset 0 0 0 1px #fff;
 128         background-color: #e5e5e5;
 129         border-radius: 2px;
 130         font-size: 9pt;
 131         color: #666;
 132 } button.command-button:hover {
 133         background-color: #ebebeb;
 134         border-color: #aaa #888 #888 #aaa;
 135         color: #222;
 136 }
 137
 138 button.command-button[data-state] {
 139         position: relative;
 140         margin-left: 30px;
 141 }
 142
 143 button.command-button[data-state] span {
 144
 145         display: block;
 146         position: absolute;
 147         vertical-align: middle;
 148         height: 12px;
 149         width: 12px;
 150         left: -24px;
 151         border-radius: 8px;
 152         box-shadow: 1px 1px 0px 0px #fff;
 153
 154 } button.command-button[data-state="1"] span {
 155         background: #8e2;
 156         border: 1px solid #4a1;
 157 } button.command-button[data-state="0"] span {
 158         background: #e82;
 159         border: 1px solid #a41;
 160 }