0
|
1 /**
|
|
2 * Roundcube webmail SVG-based gradients for IE 9
|
|
3 *
|
|
4 * Copyright (c) 2012, The Roundcube Dev Team
|
|
5 *
|
|
6 * The contents are subject to the Creative Commons Attribution-ShareAlike
|
|
7 * License. It is allowed to copy, distribute, transmit and to adapt the work
|
|
8 * by keeping credits to the original autors in the README file.
|
|
9 * See http://creativecommons.org/licenses/by-sa/3.0/ for details.
|
|
10 */
|
|
11
|
|
12 input.button {
|
|
13 background-image: url(svggradient.php?c=f9f9f9;e6e6e6);
|
|
14 }
|
|
15
|
|
16 .formbuttons input.button {
|
|
17 background-image: url(svggradient.php?c=7b7b7b;606060);
|
|
18 }
|
|
19
|
|
20 .formbuttons input.button:active {
|
|
21 background-image: url(svggradient.php?c=5c5c5c;7b7b7b);
|
|
22 }
|
|
23
|
|
24 input.button.mainaction {
|
|
25 background-image: url(svggradient.php?c=505050;2a2e31);
|
|
26 }
|
|
27
|
|
28 input.button.mainaction:active {
|
|
29 background-image: url(svggradient.php?c=2a2e31;505050);
|
|
30 }
|
|
31
|
|
32 a.button,
|
|
33 .buttongroup {
|
|
34 background-image: url(svggradient.php?c=f9f9f9;e6e6e6);
|
|
35 }
|
|
36
|
|
37 a.button.pressed,
|
|
38 a.button:active,
|
|
39 input.button:active {
|
|
40 background-image: url(svggradient.php?c=e6e6e6;f9f9f9);
|
|
41 }
|
|
42
|
|
43 .pagenav.dark a.button {
|
|
44 background-image: url(svggradient.php?c=d8d8d8;bababa);
|
|
45 }
|
|
46
|
|
47 .pagenav.dark a.button.pressed {
|
|
48 background-image: url(svggradient.php?c=bababa;d8d8d8);
|
|
49 }
|
|
50
|
|
51 .buttongroup a.button.selected {
|
|
52 background-image: url(svggradient.php?c=909090;858585);
|
|
53 }
|
|
54
|
|
55 #message.statusbar {
|
|
56 background-image: url(svggradient.php?c=eaeaea;c8c8c8);
|
|
57 }
|
|
58
|
|
59 #messagestack div {
|
|
60 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIgc3RvcC1vcGFjaXR5PSIwLjg4Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMDMwMzAiIHN0b3Atb3BhY2l0eT0iMC44OCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
|
|
61 }
|
|
62
|
|
63 .ui-dialog.popupmessage .ui-dialog-titlebar {
|
|
64 background-image: url(svggradient.php?c=e3e3e3;cfcfcf);
|
|
65 }
|
|
66
|
|
67 .ui-dialog.popupmessage .ui-widget-content {
|
|
68 background-image: url(svggradient.php?c=eeeeee;dcdcdc);
|
|
69 }
|
|
70
|
|
71 #topnav {
|
|
72 background-image: url(svggradient.php?c=404040;060606);
|
|
73 }
|
|
74
|
|
75 .records-table tr.selected td {
|
|
76 background-image: url(svggradient.php?c=019bc6;017cb4);
|
|
77 }
|
|
78
|
|
79 .contentbox .boxtitle,
|
|
80 body.iframe .boxtitle {
|
|
81 background-image: url(svggradient.php?c=eeeeee;dfdfdf);
|
|
82 /* background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20preserveAspectRatio%3D%22none%22%20version%3D%221.0%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22mLG1%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%220%25%22%20y2%3D%22100%25%22%20spreadMethod%3D%22pad%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23eeeeee%22%20stop-opacity%3D%221%22/%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23dfdfdf%22%20stop-opacity%3D%221%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20style%3D%22fill%3Aurl%28%23mLG1%29%3B%22/%3E%3C/svg%3E);*/
|
|
83 }
|
|
84
|
|
85 #login-form input.button {
|
|
86 background-image: url(svggradient.php?c=f9f9f9;e2e2e2);
|
|
87 }
|
|
88
|
|
89 #login-form input.button:active {
|
|
90 background-image: url(svggradient.php?c=dcdcdc;f9f9f9);
|
|
91 }
|
|
92
|
|
93 .toolbar a.button {
|
|
94 filter: none;
|
|
95 }
|
|
96
|
|
97 a.menuselector {
|
|
98 background-image: url(svggradient.php?c=f8f8f8;dddddd);
|
|
99 }
|
|
100
|
|
101 a.menuselector:active {
|
|
102 background-image: url(svggradient.php?c=dddddd;f8f8f8);
|
|
103 }
|
|
104
|
|
105 .googie_list td.googie_list_onhover,
|
|
106 ul.toolbarmenu li a.active:hover,
|
|
107 #rcmKSearchpane ul li.selected {
|
|
108 background-image: url(svggradient.php?c=00aad6;008fc9);
|
|
109 }
|
|
110
|
|
111 .tabsbar .tablink {
|
|
112 background-image: url(svggradient.php?c=f8f8f8;d3d3d3,50;f8f8f8);
|
|
113 outline: none;
|
|
114 }
|
|
115
|
|
116 .tabsbar .tablink.selected a {
|
|
117 background-image: url(svggradient.php?c=ffffff;efefef);
|
|
118 outline: none;
|
|
119 }
|
|
120
|
|
121
|
|
122 /*** addressbook.css ***/
|
|
123
|
|
124 .contactfieldgroup {
|
|
125 background-image: url(svggradient.php?c=f7f7f7;eeeeee);
|
|
126 }
|
|
127
|
|
128 .contactfieldgroup legend {
|
|
129 background-image: url(svggradient.php?c=f0f0f0;d6d6d6);
|
|
130 }
|
|
131
|
|
132
|
|
133 /*** mail.css ***/
|
|
134
|
|
135 #mailboxlist li.mailbox .unreadcount {
|
|
136 background-image: url(svggradient.php?c=82acb5;6a939f);
|
|
137 }
|
|
138
|
|
139 #mailboxlist li.mailbox.selected .unreadcount {
|
|
140 background-image: url(svggradient.php?c=005d76;004558);
|
|
141 }
|
|
142
|
|
143 #messageheader, #partheader, #composeheaders {
|
|
144 background-image: url(svggradient.php?c=ffffff;f0f0f0);
|
|
145 }
|
|
146
|
|
147 .moreheaderstoggle {
|
|
148 background-image: url(svggradient.php?c=fbfbfb;e9e9e9&h=1);
|
|
149 }
|
|
150
|
|
151 #messagelistfooter {
|
|
152 background-image: url(svggradient.php?c=ebebeb;c6c6c6);
|
|
153 }
|
|
154
|
|
155 /*** jqueryui theme ***/
|
|
156
|
|
157 .ui-menu .ui-menu-item a.ui-state-hover,
|
|
158 .ui-menu .ui-menu-item a.ui-state-active {
|
|
159 background-image: url(svggradient.php?c=00aad6;008fc9) !important;
|
|
160 }
|
|
161
|
|
162 .ui-button.ui-state-default {
|
|
163 background-image: url(svggradient.php?c=f9f9f9;e6e6e6) !important;
|
|
164 }
|
|
165
|
|
166 .ui-button.ui-state-active {
|
|
167 background-image: url(svggradient.php?c=e6e6e6;f9f9f9) !important;
|
|
168 }
|
|
169
|
|
170 .ui-tabs .ui-tabs-nav li {
|
|
171 background-image: url(svggradient.php?c=f8f8f8;d3d3d3,50;d3d3d3) !important;
|
|
172 }
|
|
173
|
|
174 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
|
|
175 background-image: url(svggradient.php?c=fafafa,40;e4e4e4) !important;
|
|
176 }
|
|
177
|
|
178 .ui-datepicker td a.ui-state-default {
|
|
179 background-image: url(svggradient.php?c=e6e6e6;d6d6d6) !important;
|
|
180 }
|
|
181
|
|
182 .ui-datepicker td a.ui-state-active {
|
|
183 background-image: url(svggradient.php?c=00acd4;008fc7) !important;
|
|
184 }
|
|
185
|