]>
git.argeo.org Git - gpl/argeo-suite.git/blob - org.argeo.suite.theme.argeo2/theme.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 /** In order to fix the default color */
32 font: 12px Verdana
, "Lucida Sans", Arial
, Helvetica
, sans-serif
;
33 background-color: #204a87;
34 padding: 0 10px 0 10px;
43 Text
, Combo-Field
, DateTime-Field
{
44 padding: 2px 8px 2px 8px;
48 Text
[BORDER
], Text
[MULTI
][BORDER
] {
49 box-shadow: inset
0 0 1px #bdbdbd;
52 /* Force show border on text even when disabled */
53 Text
.force_border
[BORDER
]:disabled
, Text
.force_border
[MULTI
][BORDER
]:disabled
56 border: 1px solid
#a4a4a4;
59 /* Text[BORDER]:disabled,
60 Text[MULTI][BORDER]:disabled {
62 border: 1px solid white;
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;
73 font: 14px Verdana
, "Lucida Sans", Arial
, Helvetica
, sans-serif
;
74 padding: 2px 8px 2px 8px;
77 Combo
, Combo
[BORDER
] {
78 box-shadow: inset
0 0 1px #bdbdbd;
81 Combo:focused
, Combo
[BORDER
]:focused
, DropDown
, Combo-List
{
82 box-shadow: 1px 1px 2px black
;
83 border: 1px solid
#a4a4a4;
87 animation: fadeIn
250ms ease-in
, fadeOut
250ms ease-in
;
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
;
97 background-image: none
;
98 background-color: transparent
;
99 animation: hoverOut
500ms ease-out
;
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
;
111 animation: hoverOut
500ms ease-out
;
117 Link
, Link-Hyperlink
, Link-Hyperlink:link
, Link-Hyperlink:visited
,
118 Link-Hyperlink:active
{
120 background-color: #ffffff;
121 background-image: none
;
123 text-decoration: none
;
126 Link-Hyperlink:hover
{
127 text-decoration: underline
;
130 Link-Hyperlink:disabled
{
134 /*** Override default links **/
137 text-decoration: none
;
141 text-decoration: underline
;
145 /* Fix invisible links on selected and hover table rows */
146 Table-RowOverlay:selected
, Table-RowOverlay:linesvisible:even:selected
{
148 background-color: #9aaaba;
151 Table-RowOverlay:selected:unfocused
, Table-RowOverlay:linesvisible:even:selected:unfocused
154 background-color: #a3b3c4;
158 /* Text.workbench_form_text { */
159 /* box-shadow: inset 0 0 0px #bdbdbd; */
160 /* padding: 2px 8px 2px 8px; */
161 /* border: 0px solid #f4f6f7; */
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; */
172 /****** DASHBOARD *********/
176 border: 1px solid
#f3f3f4;
180 background-image: none
;
181 background-color: transparent
;
185 background-color: #f3f3f4;
187 color: white
; /*dont work */
188 font: bold
14px Helvetica
, Verdana
, "Lucida Sans", Arial
, sans-serif
;
192 /****** DOCUMENTS *********/
195 Button
.breadCrumb_btn
{
196 border: 1px solid
#f4f6f7;
198 padding: 2px 2px 2px 2px;
199 background-color: transparent
;
200 background-repeat: no-repeat
;
201 animation: hoverOut
500ms ease-out
;
204 text-decoration: none
;
207 Button
.breadCrumb_btn:hover
{
208 text-decoration: underline
;
211 /* Documents lists context menu */
213 border: 0px solid
#fde2d5;
215 box-shadow: 2px 2px 5px #fde2d5;
218 Button
[PUSH
][FLAT
].createFolder_btn
{
219 background-image: url
( icons
/fs
/addFolder
.gif
);
222 Button
[PUSH
][FLAT
].shareFolder_btn
{
223 background-image: url
( icons
/fs
/shareFolder
.png
);
226 Button
[PUSH
][FLAT
].bookmarkFolder_btn
{
227 background-image: url
( icons
/fs
/bookmarkFolder
.png
);
230 Button
[PUSH
][FLAT
].downloadFolder_btn
{
231 background-image: url
( icons
/fs
/downloadFolder
.png
);
234 Button
[PUSH
][FLAT
].delete_btn
, Button
[PUSH
][FLAT
].deleteBookmark_btn
{
235 background-image: url
( icons
/fs
/delete
.png
);
238 Button
[PUSH
][FLAT
].rename_btn
, Button
[PUSH
][FLAT
].renameBookmark_btn
{
239 background-image: url
( icons
/fs
/rename
.png
);
242 Button
[PUSH
][FLAT
].uploadFiles_btn
{
243 background-image: url
( icons
/fs
/upload
.png
);
246 Button
[PUSH
][FLAT
].open_btn
{
247 background-image: url
( icons
/fs
/open
.png
);
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
;
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
;
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
272 background-color: #fef0ea;
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;
286 Button
[PUSH
][FLAT
].markAsDone_btn
{
287 background-image: url
( icons
/actions
/done
.png
);
290 Button
[PUSH
][FLAT
].cancel_btn
{
291 background-image: url
( icons
/actions
/cancel
.gif
);
294 Button
[PUSH
][FLAT
].cancel_btn
,
295 Button
[PUSH
][FLAT
].markAsDone_btn
{
296 border: 0px solid white
;
297 border-left: 10px solid transparent
;
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
;
307 Button
[PUSH
][FLAT
].cancel_btn:hover
,
308 Button
[PUSH
][FLAT
].markAsDone_btn:hover
{
309 background-color: #fef0ea;
312 Button
[PUSH
][FLAT
].cancel_btn:pressed
,
313 Button
[PUSH
][FLAT
].markAsDone_btn:pressed
{
314 background-color: #fde2d5;
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
;
324 padding: 0px 20px 0px 0px;
325 background-color: transparent
;
326 animation: hoverOut
500ms ease-out
;
333 font: 14px Helvetica
, Verdana
, "Lucida Sans", Arial
, sans-serif
;
334 text-decoration: none
;
339 background-image: gradient
(linear
, left top
, right top
, from
(#007a9a),
344 background-color: transparent
;
348 background-color: transparent
;
350 font: 12px Helvetica
, Verdana
, "Lucida Sans", Arial
, sans-serif
;
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
;
363 background-image: none
;