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