aboutsummaryrefslogtreecommitdiff
path: root/js/humane/libnotify.css
diff options
context:
space:
mode:
Diffstat (limited to 'js/humane/libnotify.css')
-rw-r--r--js/humane/libnotify.css115
1 files changed, 115 insertions, 0 deletions
diff --git a/js/humane/libnotify.css b/js/humane/libnotify.css
new file mode 100644
index 0000000..5908d86
--- /dev/null
+++ b/js/humane/libnotify.css
@@ -0,0 +1,115 @@
1html,
2body {
3 min-height: 100%;
4}
5.humane,
6.humane-libnotify {
7 position: fixed;
8 -moz-transition: all 0.3s ease-out;
9 -webkit-transition: all 0.3s ease-out;
10 -ms-transition: all 0.3s ease-out;
11 -o-transition: all 0.3s ease-out;
12 transition: all 0.3s ease-out;
13 z-index: 100000;
14 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
15}
16.humane,
17.humane-libnotify {
18 font-family: Ubuntu, Arial, sans-serif;
19 text-align: center;
20 font-size: 15px;
21 top: 10px;
22 right: 10px;
23 opacity: 0;
24 width: 150px;
25 color: #fff;
26 padding: 10px;
27 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAYAAADYxx/bAAAABmJLR0QA/wD/AP+gvaeTAAAANElEQVQYlWNgYGB4ysTAwMDAxMjICCUQXDQWAwMDAxMTExMedcRyB6d5CAMQ5hGrjSrmAQBQdgIXlosSTwAAAABJRU5ErkJggg==');
28 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,0.9)), color-stop(1, rgba(50,50,50,0.9))) no-repeat;
29 background: -moz-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(50,50,50,0.9) 100%) no-repeat;
30 background: -webkit-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(50,50,50,0.9) 100%) no-repeat;
31 background: -ms-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(50,50,50,0.9) 100%) no-repeat;
32 background: -o-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(50,50,50,0.9) 100%) no-repeat;
33 background: linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(50,50,50,0.9) 100%) no-repeat;
34 *background-color: #000;
35 -webkit-border-radius: 5px;
36 border-radius: 5px;
37 -webkit-box-shadow: 0 4px 4px -4px #000;
38 box-shadow: 0 4px 4px -4px #000;
39 -moz-transform: translateY(-40px);
40 -webkit-transform: translateY(-40px);
41 -ms-transform: translateY(-40px);
42 -o-transform: translateY(-40px);
43 transform: translateY(-40px);
44}
45.humane p,
46.humane-libnotify p,
47.humane ul,
48.humane-libnotify ul {
49 margin: 0;
50 padding: 0;
51}
52.humane ul,
53.humane-libnotify ul {
54 list-style: none;
55}
56.humane.humane-libnotify-info,
57.humane-libnotify.humane-libnotify-info {
58 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAYAAADYxx/bAAAABmJLR0QA/wD/AP+gvaeTAAAAMUlEQVQYlWNgYDB6ysTAwMDAxMDACCcYUFkMDEwMDEwMBNVhkxg65jGhmke6M6hgHgBSdgHnpZwADwAAAABJRU5ErkJggg==');
59 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,50,0.9)), color-stop(1, rgba(0,0,100,0.9))) no-repeat;
60 background: -moz-linear-gradient(top, rgba(0,0,50,0.9) 0%, rgba(0,0,100,0.9) 100%) no-repeat;
61 background: -webkit-linear-gradient(top, rgba(0,0,50,0.9) 0%, rgba(0,0,100,0.9) 100%) no-repeat;
62 background: -ms-linear-gradient(top, rgba(0,0,50,0.9) 0%, rgba(0,0,100,0.9) 100%) no-repeat;
63 background: -o-linear-gradient(top, rgba(0,0,50,0.9) 0%, rgba(0,0,100,0.9) 100%) no-repeat;
64 background: linear-gradient(top, rgba(0,0,50,0.9) 0%, rgba(0,0,100,0.9) 100%) no-repeat;
65 *background-color: #030;
66}
67.humane.humane-libnotify-success,
68.humane-libnotify.humane-libnotify-success {
69 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAYAAADYxx/bAAAABmJLR0QA/wD/AP+gvaeTAAAAMUlEQVQYlWNgMGJ4ysTAwMDAxMAIJxhQWQwMDEwMTKgS2NRhkxg65jGhmke6M6hhHgBS2QHn2LzhygAAAABJRU5ErkJggg==');
70 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,50,0,0.9)), color-stop(1, rgba(0,100,0,0.9))) no-repeat;
71 background: -moz-linear-gradient(top, rgba(0,50,0,0.9) 0%, rgba(0,100,0,0.9) 100%) no-repeat;
72 background: -webkit-linear-gradient(top, rgba(0,50,0,0.9) 0%, rgba(0,100,0,0.9) 100%) no-repeat;
73 background: -ms-linear-gradient(top, rgba(0,50,0,0.9) 0%, rgba(0,100,0,0.9) 100%) no-repeat;
74 background: -o-linear-gradient(top, rgba(0,50,0,0.9) 0%, rgba(0,100,0,0.9) 100%) no-repeat;
75 background: linear-gradient(top, rgba(0,50,0,0.9) 0%, rgba(0,100,0,0.9) 100%) no-repeat;
76 *background-color: #030;
77}
78.humane.humane-libnotify-error,
79.humane-libnotify.humane-libnotify-error {
80 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAPklEQVQokWMwYmB4ysTAwMCATjASFsOmBBvBRJ7x+O0g0wCS7CDTH/RwH7X9MVDuwyaG032D2M2UeIYO7gMAqt8C19Bn7+YAAAAASUVORK5CYII=');
81 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(50,0,0,0.9)), color-stop(1, rgba(100,0,0,0.9))) no-repeat;
82 background: -moz-linear-gradient(top, rgba(50,0,0,0.9) 0%, rgba(100,0,0,0.9) 100%) no-repeat;
83 background: -webkit-linear-gradient(top, rgba(50,0,0,0.9) 0%, rgba(100,0,0,0.9) 100%) no-repeat;
84 background: -ms-linear-gradient(top, rgba(50,0,0,0.9) 0%, rgba(100,0,0,0.9) 100%) no-repeat;
85 background: -o-linear-gradient(top, rgba(50,0,0,0.9) 0%, rgba(100,0,0,0.9) 100%) no-repeat;
86 background: linear-gradient(top, rgba(50,0,0,0.9) 0%, rgba(100,0,0,0.9) 100%) no-repeat;
87 *background-color: #300;
88}
89.humane.humane-animate,
90.humane-libnotify.humane-libnotify-animate {
91 opacity: 1;
92 -moz-transform: translateY(0);
93 -webkit-transform: translateY(0);
94 -ms-transform: translateY(0);
95 -o-transform: translateY(0);
96 transform: translateY(0);
97}
98.humane.humane-animate:hover,
99.humane-libnotify.humane-libnotify-animate:hover {
100 opacity: 0.2;
101}
102.humane.humane-animate,
103.humane-libnotify.humane-libnotify-js-animate {
104 opacity: 1;
105 -moz-transform: translateY(0);
106 -webkit-transform: translateY(0);
107 -ms-transform: translateY(0);
108 -o-transform: translateY(0);
109 transform: translateY(0);
110}
111.humane.humane-animate:hover,
112.humane-libnotify.humane-libnotify-js-animate:hover {
113 opacity: 0.2;
114 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
115} \ No newline at end of file