]>
git.argeo.org Git - gpl/argeo-suite.git/blob - org.argeo.suite.apps/theme/argeo-classic/workbench-ext.css
1 /******************************************
2 ** Argeo Suite specific theming **
3 ******************************************/
5 /* Extends the default RAP theme. TODO: create a complete homogeneous theme */
7 /** Uncomment this for dev only to show all composite borders */
9 Composite, .showBorder, Composite.showBorder{
10 border:1px solid fuchsia;
14 border:1px solid blue;
18 /** DEFAULT STYLE - Override some styling provided by RAP **/
21 background-color: white
;
22 background-image: none
;
23 font: 12px Helvetica
, Verdana
, "Lucida Sans", Arial
, sans-serif
;
30 Text
, Combo-Field
, DateTime-Field
{
31 padding: 2px 8px 2px 8px;
35 Text
[BORDER
], Text
[MULTI
][BORDER
] {
36 box-shadow: inset
0 0 1px #bdbdbd;
39 /* Force show border on text even when disabled */
40 Text
.force_border
[BORDER
]:disabled
, Text
.force_border
[MULTI
][BORDER
]:disabled
43 border: 1px solid
#a4a4a4;
46 /* Text[BORDER]:disabled,
47 Text[MULTI][BORDER]:disabled {
49 border: 1px solid white;
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;
60 font: 14px Verdana
, "Lucida Sans", Arial
, Helvetica
, sans-serif
;
61 padding: 2px 8px 2px 8px;
64 Combo
, Combo
[BORDER
] {
65 box-shadow: inset
0 0 1px #bdbdbd;
68 Combo:focused
, Combo
[BORDER
]:focused
, DropDown
, Combo-List
{
69 box-shadow: 1px 1px 2px black
;
70 border: 1px solid
#a4a4a4;
74 animation: fadeIn
250ms ease-in
, fadeOut
250ms ease-in
;
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
;
84 background-image: none
;
85 background-color: transparent
;
86 animation: hoverOut
500ms ease-out
;
91 Button
[FLAT
].open_calendar_btn
{
92 background-image: url
( theme
/argeo-classic
/icons
/actions
/openCalendar
.gif
);
93 background-color: transparent
;
94 background-repeat: no-repeat
;
95 border: 0px solid white
;
98 animation: hoverOut
500ms ease-out
;
104 Link
, Link-Hyperlink
, Link-Hyperlink:link
, Link-Hyperlink:visited
,
105 Link-Hyperlink:active
{
107 background-color: #ffffff;
108 background-image: none
;
110 text-decoration: none
;
113 Link-Hyperlink:hover
{
114 text-decoration: underline
;
117 Link-Hyperlink:disabled
{
121 /*** Override default links **/
124 text-decoration: none
;
128 text-decoration: underline
;
132 /* Fix invisible links on selected and hover table rows */
133 Table-RowOverlay:selected
, Table-RowOverlay:linesvisible:even:selected
{
135 background-color: #9aaaba;
138 Table-RowOverlay:selected:unfocused
, Table-RowOverlay:linesvisible:even:selected:unfocused
141 background-color: #a3b3c4;
145 Text
.workbench_form_text
{
146 box-shadow: inset
0 0 0px #bdbdbd;
147 padding: 2px 8px 2px 8px;
148 border: 0px solid
#f4f6f7;
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;
159 /****** DASHBOARD *********/
163 border: 1px solid
#f3f3f4;
167 background-image: none
;
168 background-color: transparent
;
172 background-color: #f3f3f4;
174 color: white
; /*dont work */
175 font: bold
14px Helvetica
, Verdana
, "Lucida Sans", Arial
, sans-serif
;
179 /****** DOCUMENTS *********/
182 Button
.breadCrumb_btn
{
183 border: 1px solid
#f4f6f7;
185 padding: 2px 2px 2px 2px;
186 background-color: transparent
;
187 background-repeat: no-repeat
;
188 animation: hoverOut
500ms ease-out
;
191 text-decoration: none
;
194 Button
.breadCrumb_btn:hover
{
195 text-decoration: underline
;
198 /* Documents lists context menu */
200 border: 0px solid
#fde2d5;
202 box-shadow: 2px 2px 5px #fde2d5;
205 Button
[PUSH
][FLAT
].createFolder_btn
{
206 background-image: url
( theme
/argeo-classic
/icons
/fs
/addFolder
.gif
);
209 Button
[PUSH
][FLAT
].shareFolder_btn
{
210 background-image: url
( theme
/argeo-classic
/icons
/fs
/shareFolder
.png
);
213 Button
[PUSH
][FLAT
].bookmarkFolder_btn
{
214 background-image: url
( theme
/argeo-classic
/icons
/fs
/bookmarkFolder
.png
);
217 Button
[PUSH
][FLAT
].downloadFolder_btn
{
218 background-image: url
( theme
/argeo-classic
/icons
/fs
/downloadFolder
.png
);
221 Button
[PUSH
][FLAT
].delete_btn
, Button
[PUSH
][FLAT
].deleteBookmark_btn
{
222 background-image: url
( theme
/argeo-classic
/icons
/fs
/delete
.png
);
225 Button
[PUSH
][FLAT
].rename_btn
, Button
[PUSH
][FLAT
].renameBookmark_btn
{
226 background-image: url
( theme
/argeo-classic
/icons
/fs
/rename
.png
);
229 Button
[PUSH
][FLAT
].uploadFiles_btn
{
230 background-image: url
( theme
/argeo-classic
/icons
/fs
/upload
.png
);
233 Button
[PUSH
][FLAT
].open_btn
{
234 background-image: url
( theme
/argeo-classic
/icons
/fs
/open
.png
);
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
;
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
;
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
259 background-color: #fef0ea;
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;
273 Button
[PUSH
][FLAT
].markAsDone_btn
{
274 background-image: url
( theme
/argeo-classic
/icons
/activities
/done
.png
);
277 Button
[PUSH
][FLAT
].cancel_btn
{
278 background-image: url
( theme
/argeo-classic
/icons
/activities
/cancel
.gif
);
281 Button
[PUSH
][FLAT
].cancel_btn
,
282 Button
[PUSH
][FLAT
].markAsDone_btn
{
283 border: 0px solid white
;
284 border-left: 10px solid transparent
;
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
;
294 Button
[PUSH
][FLAT
].cancel_btn:hover
,
295 Button
[PUSH
][FLAT
].markAsDone_btn:hover
{
296 background-color: #fef0ea;
299 Button
[PUSH
][FLAT
].cancel_btn:pressed
,
300 Button
[PUSH
][FLAT
].markAsDone_btn:pressed
{
301 background-color: #fde2d5;
306 Button
[PUSH
][FLAT
].small_delete_btn
{
307 background-image: url
( theme
/argeo-classic
/icons
/actions
/deleteSmall
.gif
);
308 background-repeat: no-repeat
;
309 border: 0px solid white
;
311 padding: 0px 20px 0px 0px;
312 background-color: transparent
;
313 animation: hoverOut
500ms ease-out
;
320 font: 14px Helvetica
, Verdana
, "Lucida Sans", Arial
, sans-serif
;
321 text-decoration: none
;
326 background-image: gradient
(linear
, left top
, right top
, from
(#007a9a),
331 background-color: transparent
;
335 background-color: transparent
;
337 font: 12px Helvetica
, Verdana
, "Lucida Sans", Arial
, sans-serif
;
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
;
350 background-image: none
;