diff options
Diffstat (limited to 'slides/intermediaire/js/humane/libnotify.css')
-rw-r--r-- | slides/intermediaire/js/humane/libnotify.css | 115 |
1 files changed, 115 insertions, 0 deletions
diff --git a/slides/intermediaire/js/humane/libnotify.css b/slides/intermediaire/js/humane/libnotify.css new file mode 100644 index 0000000..5908d86 --- /dev/null +++ b/slides/intermediaire/js/humane/libnotify.css | |||
@@ -0,0 +1,115 @@ | |||
1 | html, | ||
2 | body { | ||
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 | ||