Add missing icons
[gpl/argeo-suite.git] / org.argeo.suite.theme.argeo2 / theme.css
1 /******************************************
2 ** Argeo Suite specific theming **
3 ******************************************/
4
5 /* Extends the default RAP theme. TODO: create a complete homogeneous theme */
6
7 /** Uncomment this for dev only to show all composite borders */
8 /*
9 Composite, .showBorder, Composite.showBorder{
10 border:1px solid fuchsia;
11 }
12
13 Label {
14 border:1px solid blue;
15 }
16 */
17
18 /** DEFAULT STYLE - Override some styling provided by RAP **/
19 * {
20 color: #333333;
21 background-color: white;
22 background-image: none;
23 font: 12px Helvetica, Verdana, "Lucida Sans", Arial, sans-serif;
24 }
25
26 *:disabled {
27 color: #555555;
28 }
29
30 Text, Combo-Field, DateTime-Field {
31 padding: 2px 8px 2px 8px;
32 }
33
34 /* Texts */
35 Text[BORDER], Text[MULTI][BORDER] {
36 box-shadow: inset 0 0 1px #bdbdbd;
37 }
38
39 /* Force show border on text even when disabled */
40 Text.force_border[BORDER]:disabled, Text.force_border[MULTI][BORDER]:disabled
41 {
42 box-shadow: none;
43 border: 1px solid #a4a4a4;
44 }
45
46 /* Text[BORDER]:disabled,
47 Text[MULTI][BORDER]:disabled {
48 box-shadow: none;
49 border: 1px solid white;
50 }
51 */
52
53 /* Shows that focus has been gained */
54 Text[BORDER]:focused, Text[MULTI][BORDER]:focused, Shell.popup_shell {
55 box-shadow: 1px 1px 2px black;
56 border: 1px solid #a4a4a4;
57 }
58
59 Combo {
60 font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
61 padding: 2px 8px 2px 8px;
62 }
63
64 Combo, Combo[BORDER] {
65 box-shadow: inset 0 0 1px #bdbdbd;
66 }
67
68 Combo:focused, Combo[BORDER]:focused, DropDown, Combo-List {
69 box-shadow: 1px 1px 2px black;
70 border: 1px solid #a4a4a4;
71 }
72
73 Widget-ToolTip {
74 animation: fadeIn 250ms ease-in, fadeOut 250ms ease-in;
75 }
76
77 /* Flat image Buttons */
78 Button.flat_btn, Button[PUSH][FLAT].flat_btn, Button.flat_btn:default,
79 Button.flat_btn:disabled, Button.flat_btn:hover, Button.flat_btn:pressed,
80 Button.flat_btn:selected {
81 border: 0px solid white;
82 border-radius: 0px;
83 padding: 0px 0px;
84 background-image: none;
85 background-color: transparent;
86 animation: hoverOut 500ms ease-out;
87 cursor: pointer;
88 }
89
90
91 Button[FLAT].open_calendar_btn {
92 background-image: url( icons/actions/openCalendar.gif);
93 background-color: transparent;
94 background-repeat: no-repeat;
95 border: 0px solid white;
96 border-radius: 0px;
97 padding: 0px 0px;
98 animation: hoverOut 500ms ease-out;
99 cursor: pointer;
100 }
101
102
103 /* Links */
104 Link, Link-Hyperlink, Link-Hyperlink:link, Link-Hyperlink:visited,
105 Link-Hyperlink:active {
106 color: #333333;
107 background-color: #ffffff;
108 background-image: none;
109 text-shadow: none;
110 text-decoration: none;
111 }
112
113 Link-Hyperlink:hover {
114 text-decoration: underline;
115 }
116
117 Link-Hyperlink:disabled {
118 color: #959595;
119 }
120
121 /*** Override default links **/
122 a:link {
123 color: #333333;
124 text-decoration: none;
125 }
126
127 a:hover {
128 text-decoration: underline;
129 }
130
131 /** TABLE ITEMS **/
132 /* Fix invisible links on selected and hover table rows */
133 Table-RowOverlay:selected, Table-RowOverlay:linesvisible:even:selected {
134 color: #333333;
135 background-color: #9aaaba;
136 }
137
138 Table-RowOverlay:selected:unfocused, Table-RowOverlay:linesvisible:even:selected:unfocused
139 {
140 color: #333333;
141 background-color: #a3b3c4;
142 }
143
144 /*** FORMS ****/
145 Text.workbench_form_text {
146 box-shadow: inset 0 0 0px #bdbdbd;
147 padding: 2px 8px 2px 8px;
148 border: 0px solid #f4f6f7;
149 }
150
151 Text.workbench_form_text:focused {
152 padding: 2px 8px 2px 8px;
153 border: 2px solid red;
154 box-shadow: inset 0 0 1px #bdbdbd;
155 }
156
157
158
159 /****** DASHBOARD *********/
160
161 /** Gadgets **/
162 .gadget_box {
163 border: 1px solid #f3f3f4;
164 border-radius: 0px;
165 padding: 0px 0px;
166 margin: 0px 0px;
167 background-image: none;
168 background-color: transparent;
169 }
170
171 .gadget_header {
172 background-color: #f3f3f4;
173 font-color: white;
174 color: white; /*dont work */
175 font: bold 14px Helvetica, Verdana, "Lucida Sans", Arial, sans-serif;
176 }
177
178
179 /****** DOCUMENTS *********/
180
181 /* Breadcrumb ***/
182 Button.breadCrumb_btn {
183 border: 1px solid #f4f6f7;
184 border-radius: 3px;
185 padding: 2px 2px 2px 2px;
186 background-color: transparent;
187 background-repeat: no-repeat;
188 animation: hoverOut 500ms ease-out;
189 cursor: pointer;
190 font-color: #00294b;
191 text-decoration: none;
192 }
193
194 Button.breadCrumb_btn:hover {
195 text-decoration: underline;
196 }
197
198 /* Documents lists context menu */
199 .contextMenu_box {
200 border: 0px solid #fde2d5;
201 padding: 0px;
202 box-shadow: 2px 2px 5px #fde2d5;
203 }
204
205 Button[PUSH][FLAT].createFolder_btn {
206 background-image: url( icons/fs/addFolder.gif);
207 }
208
209 Button[PUSH][FLAT].shareFolder_btn {
210 background-image: url( icons/fs/shareFolder.png);
211 }
212
213 Button[PUSH][FLAT].bookmarkFolder_btn {
214 background-image: url( icons/fs/bookmarkFolder.png);
215 }
216
217 Button[PUSH][FLAT].downloadFolder_btn {
218 background-image: url( icons/fs/downloadFolder.png);
219 }
220
221 Button[PUSH][FLAT].delete_btn, Button[PUSH][FLAT].deleteBookmark_btn {
222 background-image: url( icons/fs/delete.png);
223 }
224
225 Button[PUSH][FLAT].rename_btn, Button[PUSH][FLAT].renameBookmark_btn {
226 background-image: url( icons/fs/rename.png);
227 }
228
229 Button[PUSH][FLAT].uploadFiles_btn {
230 background-image: url( icons/fs/upload.png);
231 }
232
233 Button[PUSH][FLAT].open_btn {
234 background-image: url( icons/fs/open.png);
235 }
236
237 Button[PUSH][FLAT].createFolder_btn, Button[PUSH][FLAT].shareFolder_btn,
238 Button[PUSH][FLAT].bookmarkFolder_btn, Button[PUSH][FLAT].downloadFolder_btn,
239 Button[PUSH][FLAT].delete_btn, Button[PUSH][FLAT].rename_btn, Button[PUSH][FLAT].uploadFiles_btn,
240 Button[PUSH][FLAT].open_btn, Button[PUSH][FLAT].deleteBookmark_btn,
241 Button[PUSH][FLAT].renameBookmark_btn {
242 border: 0px solid white;
243 border-left: 10px solid transparent;
244 border-radius: 0px;
245 padding: 4px 5px 4px 24px;
246 background-color: transparent;
247 background-repeat: no-repeat;
248 background-position: left;
249 animation: hoverOut 500ms ease-out;
250 cursor: pointer;
251 }
252
253 Button[PUSH][FLAT].createFolder_btn:hover, Button[PUSH][FLAT].shareFolder_btn:hover,
254 Button[PUSH][FLAT].bookmarkFolder_btn:hover, Button[PUSH][FLAT].downloadFolder_btn:hover,
255 Button[PUSH][FLAT].delete_btn:hover, Button[PUSH][FLAT].rename_btn:hover,
256 Button[PUSH][FLAT].uploadFiles_btn:hover, Button[PUSH][FLAT].open_btn:hover,
257 Button[PUSH][FLAT].deleteBookmark_btn:hover, Button[PUSH][FLAT].renameBookmark_btn:hover
258 {
259 background-color: #fef0ea;
260 }
261
262 Button[PUSH][FLAT].createFolder_btn:pressed, Button[PUSH][FLAT].shareFolder_btn:pressed,
263 Button[PUSH][FLAT].bookmarkFolder_btn:pressed, Button[PUSH][FLAT].shareFolder_btn:pressed,
264 Button[PUSH][FLAT].downloadFolder_btn:pressed, Button[PUSH][FLAT].delete_btn:pressed,
265 Button[PUSH][FLAT].rename_btn:pressed, Button[PUSH][FLAT].uploadFiles_btn:pressed,
266 Button[PUSH][FLAT].open_btn:pressed, Button[PUSH][FLAT].deleteBookmark_btn:pressed,
267 Button[PUSH][FLAT].renameBookmark_btn:pressed {
268 background-color: #fde2d5;
269 }
270
271 /** ACTIVITIES **/
272
273 Button[PUSH][FLAT].markAsDone_btn {
274 background-image: url( icons/actions/done.png);
275 }
276
277 Button[PUSH][FLAT].cancel_btn {
278 background-image: url( icons/actions/cancel.gif);
279 }
280
281 Button[PUSH][FLAT].cancel_btn,
282 Button[PUSH][FLAT].markAsDone_btn {
283 border: 0px solid white;
284 border-left: 10px solid transparent;
285 border-radius: 0px;
286 padding: 4px 5px 4px 24px;
287 background-color: transparent;
288 background-repeat: no-repeat;
289 background-position: left;
290 animation: hoverOut 500ms ease-out;
291 cursor: pointer;
292 }
293
294 Button[PUSH][FLAT].cancel_btn:hover,
295 Button[PUSH][FLAT].markAsDone_btn:hover {
296 background-color: #fef0ea;
297 }
298
299 Button[PUSH][FLAT].cancel_btn:pressed,
300 Button[PUSH][FLAT].markAsDone_btn:pressed {
301 background-color: #fde2d5;
302 }
303
304 /** PEOPLE **/
305
306 Button[PUSH][FLAT].small_delete_btn{
307 background-image: url( icons/actions/deleteSmall.gif);
308 background-repeat: no-repeat;
309 border: 0px solid white;
310 border-radius: 0px;
311 padding: 0px 20px 0px 0px;
312 background-color: transparent;
313 animation: hoverOut 500ms ease-out;
314 cursor: pointer;
315 }
316
317
318 /** Header **/
319 .entity_header {
320 font: 14px Helvetica, Verdana, "Lucida Sans", Arial, sans-serif;
321 text-decoration: none;
322 }
323
324 /** LOGO */
325 .people_logoBox {
326 background-image: gradient(linear, left top, right top, from(#007a9a),
327 to(#00294a));
328 }
329
330 .people_logo {
331 background-color: transparent;
332 }
333
334 .people_logoTable {
335 background-color: transparent;
336 color: white;
337 font: 12px Helvetica, Verdana, "Lucida Sans", Arial, sans-serif;
338 }
339
340 /** Corresponding links */
341 Link.people_logoTable,
342 Link.people_logoTable:hover,
343 Link.people_logoTable:selected,
344 Link.people_logoTable:selected:unfocused,
345 Link.people_logoTable:linesvisible:even:hover,
346 Link.people_logoTable:linesvisible:even:selected,
347 Link.people_logoTable:linesvisible:even:selected:unfocused {
348 background-color: transparent;
349 color: #ffffff;
350 background-image: none;
351 }