cirandas.net

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;
}