Remove empty lines
[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 /** GADGETS  **/
65 .people_gadget {
66   border: 1px solid #f3f3f4;
67   border-radius: 0px;
68   padding: 0px 0px;
69   margin: 0px 0px;
70   background-image: none;
71   background-color: transparent;
72 }
73
74 .people_gadget_header {
75   background-color: #f3f3f4;
76   font-color: white;
77   color: white; /*dont work */
78   font: bold 14px Helvetica, Verdana, "Lucida Sans", Arial, sans-serif;
79
80 }
81
82 /** HEADER **/
83 .people_entity_header {
84   font: 14px Helvetica, Verdana, "Lucida Sans", Arial, sans-serif;
85   text-decoration: none;
86 }
87
88 /** Flat image Buttons **/
89 Button[PUSH][FLAT].people_flat_btn,
90 Button.people_flat_btn,
91 Button.people_flat_btn:default, 
92 Button.people_flat_btn:disabled, 
93 Button.people_flat_btn:hover, 
94 Button.people_flat_btn:pressed, 
95 Button.people_flat_btn:selected {
96   border: 0px solid white;
97   border-radius: 0px;
98   padding: 0px 0px;
99   background-image: none;
100   background-color: transparent;
101   animation: hoverOut 500ms ease-out;
102   cursor: pointer;
103 }
104
105 /*** FORMS ****/ 
106
107 Text.workbench_form_text {
108         box-shadow: inset 0 0 0px #bdbdbd;      
109         padding: 2px 8px 2px 8px;
110         border: 0px solid  #f4f6f7;
111 }
112
113 Text.workbench_form_text:focused {
114         padding: 2px 8px 2px 8px;
115         border: 2px solid red;
116         box-shadow: inset 0 0 1px #bdbdbd;      
117 }
118
119 /****** DOCUMENTS  *********/
120
121 /* Breadcrumb ***/
122 Button.breadCrumb_btn {
123   border: 1px solid  #f4f6f7;
124   border-radius: 3px;
125   padding: 2px 2px 2px 2px;
126   background-color: transparent;
127   background-repeat: no-repeat;
128   animation: hoverOut 500ms ease-out;
129   cursor: pointer;
130   font-color: #00294b;
131   text-decoration: none;
132 }
133
134 Button.breadCrumb_btn:hover {
135   text-decoration: underline;
136 }
137
138 /* Documents lists context menu */
139 .contextMenu_box {
140         border: 0px solid #fde2d5;
141         padding: 0px;
142         box-shadow: 2px 2px 5px #fde2d5; 
143 }
144
145 Button[PUSH][FLAT].createFolder_btn {
146         background-image: url( theme/argeo-classic/icons/fs/addFolder.gif);
147 }
148
149 Button[PUSH][FLAT].shareFolder_btn {
150         background-image: url( theme/argeo-classic/icons/fs/shareFolder.png);
151 }
152
153 Button[PUSH][FLAT].bookmarkFolder_btn {
154         background-image: url( theme/argeo-classic/icons/fs/bookmarkFolder.png);
155 }
156
157 Button[PUSH][FLAT].downloadFolder_btn {
158         background-image: url( theme/argeo-classic/icons/fs/downloadFolder.png);
159 }
160
161 Button[PUSH][FLAT].delete_btn,
162 Button[PUSH][FLAT].deleteBookmark_btn {
163         background-image: url( theme/argeo-classic/icons/fs/delete.png);
164 }
165
166 Button[PUSH][FLAT].rename_btn,
167 Button[PUSH][FLAT].renameBookmark_btn {
168         background-image: url( theme/argeo-classic/icons/fs/rename.png);
169 }
170
171
172 Button[PUSH][FLAT].uploadFiles_btn {
173         background-image: url( theme/argeo-classic/icons/fs/upload.png);
174 }
175
176 Button[PUSH][FLAT].open_btn {
177         background-image: url( theme/argeo-classic/icons/fs/open.png);
178 }
179
180
181 Button[PUSH][FLAT].createFolder_btn,
182 Button[PUSH][FLAT].shareFolder_btn,
183 Button[PUSH][FLAT].bookmarkFolder_btn,
184 Button[PUSH][FLAT].downloadFolder_btn,
185 Button[PUSH][FLAT].delete_btn,
186 Button[PUSH][FLAT].rename_btn,
187 Button[PUSH][FLAT].uploadFiles_btn,
188 Button[PUSH][FLAT].open_btn,
189 Button[PUSH][FLAT].deleteBookmark_btn, 
190 Button[PUSH][FLAT].renameBookmark_btn {
191   border: 0px solid white;
192   border-left: 10px solid transparent;
193   border-radius: 0px;
194   padding: 4px 5px 4px 24px;
195   background-color: transparent;
196   background-repeat: no-repeat;
197   background-position: left; 
198   animation: hoverOut 500ms ease-out;
199   cursor: pointer;
200 }
201
202 Button[PUSH][FLAT].createFolder_btn:hover,
203 Button[PUSH][FLAT].shareFolder_btn:hover,
204 Button[PUSH][FLAT].bookmarkFolder_btn:hover,
205 Button[PUSH][FLAT].downloadFolder_btn:hover,
206 Button[PUSH][FLAT].delete_btn:hover,
207 Button[PUSH][FLAT].rename_btn:hover,
208 Button[PUSH][FLAT].uploadFiles_btn:hover,
209 Button[PUSH][FLAT].open_btn:hover,
210 Button[PUSH][FLAT].deleteBookmark_btn:hover, 
211 Button[PUSH][FLAT].renameBookmark_btn:hover  {
212   background-color: #fef0ea;
213 }
214
215 Button[PUSH][FLAT].createFolder_btn:pressed,
216 Button[PUSH][FLAT].shareFolder_btn:pressed,
217 Button[PUSH][FLAT].bookmarkFolder_btn:pressed,
218 Button[PUSH][FLAT].shareFolder_btn:pressed,
219 Button[PUSH][FLAT].downloadFolder_btn:pressed,
220 Button[PUSH][FLAT].delete_btn:pressed,
221 Button[PUSH][FLAT].rename_btn:pressed,
222 Button[PUSH][FLAT].uploadFiles_btn:pressed,
223 Button[PUSH][FLAT].open_btn:pressed,
224 Button[PUSH][FLAT].deleteBookmark_btn:pressed, 
225 Button[PUSH][FLAT].renameBookmark_btn:pressed{
226   background-color: #fde2d5;
227 }
228
229 /*  PEOPLE  **/
230
231 /**  TEXTS **/
232
233 /* Force show border on text even when disabled */
234 Text.people_force_border[BORDER]:disabled,
235 Text.people_force_border[MULTI][BORDER]:disabled {
236   box-shadow: none;
237   border: 1px solid #a4a4a4;
238 }
239
240 Text[BORDER]:disabled,
241 Text[MULTI][BORDER]:disabled {
242   box-shadow: none;
243   border: 1px solid white;
244 }
245
246 /* Signals focus gained ********/
247 Text[BORDER]:focused,
248 Text[MULTI][BORDER]:focused,
249 Shell.people_popup_shell {
250   box-shadow: 1px 1px 2px black; 
251   border: 1px solid #a4a4a4;
252 }
253
254 /** LOGO */
255 .people-logoComposite {
256   background-image: gradient(linear, left top, right top,
257                                 from( #007a9a ),
258                                 to( #00294a )
259 );
260 }
261
262 .people-logo {
263   background-color: transparent; 
264 }
265
266 .people-logoTable {
267   background-color: transparent; 
268   color: white;
269   font: 12px Helvetica, Verdana, "Lucida Sans", Arial, sans-serif;
270 }
271
272 /** Corresponding links */
273 Link.people-logoTable,
274 Link.people-logoTable:hover,
275 Link.people-logoTable:selected,
276 Link.people-logoTable:selected:unfocused,
277 Link.people-logoTable:linesvisible:even:hover,
278 Link.people-logoTable:linesvisible:even:selected,
279 Link.people-logoTable:linesvisible:even:selected:unfocused
280 {
281   background-color: transparent;
282   color: #ffffff;
283   background-image: none;
284
285 }
286
287 /******** LINKS **************/
288
289 Link, Link-Hyperlink,
290 Link-Hyperlink:link, 
291 Link-Hyperlink:visited, 
292 Link-Hyperlink:active {
293   color: #333333;
294   background-color: #ffffff;
295   background-image: none;
296   text-shadow: none;
297   text-decoration: none;
298 }
299
300 Link-Hyperlink:hover {
301   text-decoration: underline;
302 }
303
304 Link-Hyperlink:disabled {
305   color: #959595;
306 }
307
308 /*** Override default links **/
309 a:link { 
310         color: #333333;  text-decoration:none;  
311
312 a:hover { 
313         text-decoration:underline; 
314 }
315
316
317 /** TABLE ITEMS **/
318 /* Fix invisible links on selected and hover table rows */
319 Table-RowOverlay:selected,
320 Table-RowOverlay:linesvisible:even:selected {
321   color: #333333;
322   background-color: #9aaaba;
323 }
324
325 Table-RowOverlay:selected:unfocused, 
326 Table-RowOverlay:linesvisible:even:selected:unfocused {
327   color: #333333;
328   background-color: #a3b3c4;
329 }