| 285 |
285 |
|
| 286 |
286 |
li {
|
| 287 |
287 |
font-size: 110%;
|
| 288 |
|
background: #fafafa;
|
| 289 |
|
margin: 1ex 0;
|
| 290 |
|
padding: 1ex;
|
| 291 |
|
padding-left: 25px;
|
| 292 |
|
border: 1px solid transparent;
|
| 293 |
|
&:before {
|
| 294 |
|
position: absolute;
|
| 295 |
|
left: 0;
|
| 296 |
|
width: 25px;
|
| 297 |
|
display: inline-block;
|
| 298 |
|
text-align: center;
|
| 299 |
|
font-family: FontAwesome;
|
| 300 |
|
color: white;
|
| 301 |
|
}
|
| 302 |
|
color: white;
|
| 303 |
|
&.success {
|
| 304 |
|
&:before { content: "\f058"; } /* check-circle */
|
| 305 |
|
background: linear-gradient(to right, darken(adjust-hue(#f64474, 120deg), 20%), darken(adjust-hue(#f4635e, 120deg), 20%));
|
| 306 |
|
}
|
| 307 |
|
&.info {
|
| 308 |
|
&:before { content: "\f05a"; } /* info-circle */
|
| 309 |
|
background: linear-gradient(to right, adjust-hue(#f64474, 220deg), adjust-hue(#f4635e, 220deg));
|
| 310 |
|
}
|
| 311 |
|
&.warning {
|
| 312 |
|
&:before { content: "\f071"; } /* exclamation-triangle */
|
| 313 |
|
background: linear-gradient(to right, darken(adjust-hue(#f64474, 45deg), 10%), darken(adjust-hue(#f4635e, 45deg), 10%));
|
| 314 |
|
}
|
| 315 |
|
&.error {
|
| 316 |
|
&:before { content: "\f06a"; } /* exclamation-circle */
|
| 317 |
|
background: linear-gradient(to right, #f64474, #f4635e);
|
| 318 |
|
}
|
| 319 |
288 |
.close {
|
| 320 |
289 |
float: right;
|
| 321 |
290 |
cursor: pointer;
|
| ... | ... | |
| 326 |
295 |
}
|
| 327 |
296 |
}
|
| 328 |
297 |
|
|
298 |
ul.messages li,
|
| 329 |
299 |
div.infonotice,
|
| 330 |
300 |
div.successnotice,
|
| 331 |
301 |
div.warningnotice,
|
| ... | ... | |
| 350 |
320 |
font-family: FontAwesome;
|
| 351 |
321 |
color: white;
|
| 352 |
322 |
}
|
|
323 |
&.success,
|
| 353 |
324 |
&.successnotice {
|
| 354 |
325 |
&:before { content: "\f058"; } // check-circle
|
| 355 |
326 |
border-color: #00b000;
|
| 356 |
|
border-image: linear-gradient(#27eb00, #78ff31) 27;
|
|
327 |
border-image: linear-gradient(#27eb00, lighten(#27eb00, 10%)) 2;
|
| 357 |
328 |
}
|
|
329 |
&.info,
|
| 358 |
330 |
&.infonotice {
|
| 359 |
331 |
&:before { content: "\f05a"; } // info-circle
|
| 360 |
332 |
border-color: #0000b0;
|
| 361 |
|
border-image: linear-gradient(#386ede, #00d6eb) 27;
|
|
333 |
border-image: linear-gradient(#4474f6, lighten(#4474f6, 10%)) 2;
|
| 362 |
334 |
}
|
|
335 |
&.warning,
|
| 363 |
336 |
&.warningnotice {
|
| 364 |
337 |
&:before { content: "\f06a"; } //exclamation-circle
|
| 365 |
338 |
border-color: #ffb000;
|
| 366 |
|
border-image: linear-gradient(#ff7831, #ebd600) 27;
|
|
339 |
border-image: linear-gradient(#f47f13, lighten(#f47f13, 15%)) 2;
|
| 367 |
340 |
}
|
|
341 |
&.error,
|
| 368 |
342 |
&.errornotice {
|
| 369 |
343 |
&:before { content: "\f071"; } // exclamation-triangle
|
| 370 |
|
background: linear-gradient(to right, #f64474, #f4635e);
|
| 371 |
|
color: white;
|
|
344 |
border-color: #f64474;
|
|
345 |
border-image: linear-gradient(#f64474, lighten(#f64474, 5%)) 2;
|
| 372 |
346 |
}
|
| 373 |
347 |
}
|
| 374 |
348 |
|
| 375 |
|
div.workflow-messages > div.errornotice {
|
| 376 |
|
// slightly different style for error notices in workflow messages as
|
| 377 |
|
// the messages can be longer.
|
| 378 |
|
background: white;
|
| 379 |
|
border-color: #f4635e;
|
| 380 |
|
border-image: linear-gradient(#f64474, #f4635e) 27;
|
| 381 |
|
color: inherit;
|
| 382 |
|
}
|
| 383 |
|
|
| 384 |
349 |
/* main content */
|
| 385 |
350 |
|
| 386 |
351 |
#main {
|
| 387 |
|
-
|