ref: master
plugins/admin_notifications/public/style.css
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 |
.notification-plugin-notification-bar{ display: block; } .notification-plugin-notification-bar .notification:hover, .notification-plugin-notification-modal .notification:hover{ opacity: 0.8; } #notification-plugin-notification-manager{ overflow: auto; } .notification-plugin-notification-bar .notification .notification-close, .notification-plugin-notification-modal .notification .notification-close{ background: url(images/close.png) no-repeat; background-position: center; width: 20px; height: 20px; } .notification-plugin-notification-bar .warningnotification, .notification-plugin-notification-bar .informationnotification, .notification-plugin-notification-bar .successnotification, .notification-plugin-notification-bar .dangernotification, .notification-plugin-notification-bar .adminnotification, .notification-plugin-notification-modal .warningnotification, .notification-plugin-notification-modal .informationnotification, .notification-plugin-notification-modal .successnotification, .notification-plugin-notification-modal .dangernotification{ margin-bottom: 10px; padding: 7px 10px; border-radius: 5px; border: 1px solid blue; font-size: 16px; color: white; overflow: auto; } .notification-plugin-notification-bar .warningnotification p, .notification-plugin-notification-bar .informationnotification p, .notification-plugin-notification-bar .successnotification p, .notification-plugin-notification-bar .dangernotification p, .notification-plugin-notification-bar .adminnotification p, .notification-plugin-notification-modal .warningnotification p, .notification-plugin-notification-modal .informationnotification p, .notification-plugin-notification-modal .successnotification p, .notification-plugin-notification-modal .dangernotification p{ margin: 0px; } .notification-plugin-notification-bar .warningnotification, .notification-plugin-notification-modal .warningnotification{ background: #fcf8e3; border: 1px solid #faebcc; color: #8a6d3b; } .notification-plugin-notification-bar .warningnotification p a, .notification-plugin-notification-modal .warningnotification p a{ font-weight: bold; color: #8a6d3b; } .notification-plugin-notification-bar .informationnotification, .notification-plugin-notification-modal .informationnotification{ background: #d9edf7; border: 1px solid #bce8f1; color: #31708f; } .notification-plugin-notification-bar .informationnotification p a, .notification-plugin-notification-modal .informationnotification p a{ font-weight: bold; color: #31708f; } .notification-plugin-notification-bar .successnotification, .notification-plugin-notification-modal .successnotification{ background: #dff0d8; border: 1px solid #d6e9c6; color: #3c763d; } .notification-plugin-notification-bar .successnotification p a .notification-plugin-notification-modal .successnotification p a{ font-weight: bold; color: #3c763d; } .notification-plugin-notification-bar .dangernotification, .notification-plugin-notification-modal .dangernotification{ background: #f2dede; border: 1px solid #ebccd1; color: #a94442; } .notification-plugin-notification-bar .dangernotification p a, .notification-plugin-notification-modal .dangernotification p a{ font-weight: bold; color: #a94442; } .notification-plugin-notification-bar .adminnotification, .notification-plugin-notification-modal .adminnotification{ background: #9a959a; border: 1px solid #9a959a; } .notification-plugin-notification-bar .adminnotification p a, .notification-plugin-notification-modal .adminnotification p a{ font-weight: bold; color: white; } #notification-plugin-notification-manager a.button.icon-deactivate{ background: url(images/hide.png) no-repeat; background-position: center; } #notification-plugin-notification-manager a.button.icon-activate{ background: url(images/show.png) no-repeat; background-position: center; } #notification-plugin-notification-manager .notification-line{ display: inline; padding-top: 10px; vertical-align: middle; border-bottom: 1px solid #ccc; } #notification-plugin-notification-manager .notification-title-bar{ float: left; width: 100%; font-style: 14px; font-weight: 700; border-bottom: 2px solid black; padding: 9px 0; } #notification-plugin-notification-manager .notification-title{ width: 80%; float: left; text-align: center; } .notification-plugin-notification-modal .notification-with-title{ margin-bottom: 0px; } .notification-plugin-notification-modal .notification .notification-title{ width: 100%; float: left; font-weight: bold; text-align: left; } .notification-plugin-notification-modal .notification-with-title-message{ width: 100%; float: left; border-radius: 3px; margin-bottom: 10px; background-color: #f5f5f5; font-size: 14px; overflow: auto; } .notification-plugin-notification-modal .notification-with-title-message p{ padding: 0px 7px; } .notification-plugin-notification-modal .notification-with-title-message p a{ color: black; font-weight: bold; } #notification-plugin-notification-manager .action-title{ width: 20%; float: left; text-align: center; } #notification-plugin-notification-manager .notification-action{ width: 18%; float: left; height: 30px; padding-top: 9px; } #notification-plugin-notification-manager .main-bar .button, #notification-plugin-notification-manager .notification-action .button{ border-radius: 3px; } #notification-plugin-notification-manager .notification-message{ width: 82%; float: left; } #notification-plugin-notification-manager .new-notification{ float: right; width: auto; } #notification-plugin-notification-manager .back-button{ float: left; } #notification-plugin-notification-manager .main-bar{ display: inline; width: 100%; } .notification-plugin-notification-bar .notification .notification-message, .notification-plugin-notification-modal .notification .notification-message{ width: 90%; float: left; } .notification-plugin-notification-bar .notification .notification-close{ background: url(images/redclose.png) no-repeat; background-position: center; width: 20px; height: 20px; float: right; cursor: pointer; } .notification-plugin-notification-bar .notification .notification-hide{ background: url(images/greenhide.png) no-repeat; background-position: center; width: 20px; height: 20px; float: right; cursor: pointer; } .notification-plugin-notification-modal{ display: block; min-width: 400px; max-width: 700px; } .notification-plugin-form .notification-variables-options{ font-style: italic; color: red; } |