blob: 82637d460e17242fae1eba8d4433c6ed0b25fdfb [file] [log] [blame]
Nils Diewalda31a5152015-04-17 21:05:23 +00001/**
2 * Default Look and Feel
3 */
4.alertify,
5.alertify-log {
6 font-family: sans-serif;
7}
8.alertify {
9 background: #FFF;
10 border: 10px solid #333; /* browsers that don't support rgba */
11 border: 10px solid rgba(0,0,0,.7);
12 border-radius: 8px;
13 box-shadow: 0 3px 3px rgba(0,0,0,.3);
14 -webkit-background-clip: padding; /* Safari 4? Chrome 6? */
15 -moz-background-clip: padding; /* Firefox 3.6 */
16 background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
17}
18.alertify-text {
19 border: 1px solid #CCC;
20 padding: 10px;
21 border-radius: 4px;
22}
23.alertify-button {
24 border-radius: 4px;
25 color: #FFF;
26 font-weight: bold;
27 padding: 6px 15px;
28 text-decoration: none;
29 text-shadow: 1px 1px 0 rgba(0,0,0,.5);
30 box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5);
31 background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
32 background-image: -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
33 background-image: -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
34 background-image: -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
35 background-image: linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
36}
37.alertify-button:hover,
38.alertify-button:focus {
39 outline: none;
40 background-image: -webkit-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
41 background-image: -moz-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
42 background-image: -ms-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
43 background-image: -o-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
44 background-image: linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
45}
46.alertify-button:focus {
47 box-shadow: 0 0 15px #2B72D5;
48}
49.alertify-button:active {
50 position: relative;
51 box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
52}
53.alertify-button-cancel,
54.alertify-button-cancel:hover,
55.alertify-button-cancel:focus {
56 background-color: #FE1A00;
57 border: 1px solid #D83526;
58}
59.alertify-button-ok,
60.alertify-button-ok:hover,
61.alertify-button-ok:focus {
62 background-color: #5CB811;
63 border: 1px solid #3B7808;
64}
65
66.alertify-log {
67 background: #1F1F1F;
Akrond30e2002016-11-07 03:19:58 +010068// background: rgba(0,0,0,.9);
69 background: rgb(0,0,0);
Nils Diewalda31a5152015-04-17 21:05:23 +000070 padding: 15px;
71 border-radius: 4px;
72 color: #FFF;
Akron656c5d92015-11-13 21:17:03 +010073 // text-shadow: -1px -1px 0 rgba(0,0,0,.5);
Nils Diewalda31a5152015-04-17 21:05:23 +000074}
Akron7e5afce2020-08-25 15:50:19 +020075/*
Nils Diewalda31a5152015-04-17 21:05:23 +000076.alertify-log-error {
77 background: #FE1A00;
Akrond30e2002016-11-07 03:19:58 +010078 // background: rgba(254,26,0,.9);
79 background: rgb(254,26,0);
Nils Diewalda31a5152015-04-17 21:05:23 +000080}
Akron7e5afce2020-08-25 15:50:19 +020081*/
Nils Diewalda31a5152015-04-17 21:05:23 +000082.alertify-log-success {
83 background: #5CB811;
Akrond30e2002016-11-07 03:19:58 +010084// background: rgba(92,184,17,.9);
85 background: rgb(92,184,17);
Nils Diewalda31a5152015-04-17 21:05:23 +000086}