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