Added \!important to arrow image style in the file list
[pithos-web-client] / src / gr / grnet / pithos / web / public / pithos.css
1 body {
2         color: black;
3         font-family: Verdana, 'PT Sans', sans-serif;
4         font-size: 16px;
5         margin: 8px;
6         margin-top: 3px;
7         background-color: transparent;
8 }
9
10 table td {
11         font-family: Verdana, 'PT Sans', sans-serif;
12 }
13
14 .pithos-outer {
15         background: url(images/background.png) repeat-x;
16 }
17
18 a {
19         color: white;
20         text-decoration: none;
21 }
22
23 a:hover {
24         color: white;
25 }
26
27 a:visited {
28         color: white;
29 }
30
31 a.info {
32         position: relative; /*this is the key*/
33         z-index: 24;
34         color: black;
35         text-decoration: none
36 }
37
38 a.info:hover {
39         z-index: 25;
40         background-color: yellow;
41 }
42
43 a.info div {
44         display: none
45 }
46
47 a.info:hover span {
48         cursor: pointer;
49 }
50
51 /* The span will only display on :hover state. */
52 a.info:hover div {
53         display: block;
54         position: absolute;
55         bottom: 2em;
56         right: 1em;
57         width: 10em;
58         border: 1px solid lightblue;
59         background-color: #D0E4F6;
60         color: black;
61         text-align: center
62 }
63
64 .pithos-DialogBox .inner {
65         width: 95%;
66         background: url(images/white50.png);
67         padding: 12px;
68 }
69
70 .pithos-DialogBox .inner form {
71         margin: 0px;
72 }
73
74 .pithos-dialogbox .inner form input,
75 .pithos-dialogbox .inner form textarea
76 {
77     border: 1px solid #aaa;
78     padding:4px;
79 }
80
81 .pithos-DialogBox .button {
82         background: none;
83         background-color: #4085A5;
84         color: white;
85         padding: 5px 6px;
86         white-space: nowrap;
87         
88 }
89
90 .pithos-DialogBox .Caption {
91         color: white;
92         background-color: #4085a5;
93         padding: 20px;
94         border-bottom: 1px solid white;
95 }
96
97 .pithos-DialogBox .close {
98         background: url(images/close-popup.png) no-repeat;
99         cursor: pointer;
100         position: absolute;
101         width: 13px;
102         height: 13px;
103         top: 12px;
104         right: 7px;
105 }
106
107 .pithos-DialogBox .dialogMiddleCenter {
108         background: url(images/popup-bg.png) repeat-x;
109         background-color: white;
110         padding: 3px;
111 }
112
113 .pithos-DialogBox .dialogBottomCenter {
114         border-bottom: 5px solid #4085A5;
115 }
116
117 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
118   background-position: 0px -55px;
119 }
120 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
121   background-position: -6px -55px;
122 }
123 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
124         background: #D0E4F6;
125 }
126 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
127 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter,
128 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
129         background: #D0E4F6;
130         color:#d45500;
131 }
132 .pithos-TabPanelBottom {
133         border: none;
134 }
135
136 table.pithos-permList {
137         border-spacing: 3px;
138         border-collapse: collapse;
139
140 }
141
142 table.pithos-permList td {
143         padding: 5px 5px 5px 5px;
144         font-size:80%;
145 }
146
147 table.pithos-permList.props-labels {
148         font-weight: bold;
149 }
150
151 .props-labels {
152         font-size: 80%;
153         font-weight: bold;
154 }
155
156 .props-toplabels {
157         font-size: 80%;
158         font-weight: bold;
159         font-style: italic;
160 }
161
162 .props-values {
163         font-size: 80%;
164 }
165
166 .hidden-link {
167         text-decoration: none !important;
168         color: black !important;
169 }
170
171 .hidden-link:visited {
172         text-decoration: none !important;
173         color: black !important;
174 }
175
176 .pithos-topPanel {
177         background-color: #4085a5;
178         font-size: 75%;
179         height: 59px;
180         border-bottom: 1px solid white;
181 }
182
183 .pithos-usernameMenu {
184     cursor: pointer;
185 }
186
187 .pithos-usernameMenuItem {
188         background: url(images/down-arrow-light.png) no-repeat scroll right 8px transparent;
189         padding-right: 13px;
190         cursor: pointer;
191     color: white;
192 }
193
194 .pithos-usernameMenuItem:HOVER {
195         background: url(images/down-arrow-lighter.png) no-repeat scroll right 8px transparent;
196         background-color: #599EBD;
197 }
198
199 .pithos-usernameMenuItem:ACTIVE {
200         background: url(images/down-arrow-lighter.png) no-repeat scroll right 8px transparent;
201         background-color: #BED5E0;
202 }
203
204 .pithos-langMenuItem {
205         cursor: pointer;
206     color: #72ADC8;
207 }
208
209 .gwt-MenuBar-vertical {
210         background: #D0E3ED;
211 }
212
213 .gwt-MenuBarPopup .menuPopupTopLeft {
214         background: none;
215         background-color: #D0E3ED;
216 }
217
218 .gwt-MenuBarPopup .menuPopupTopCenter {
219         background: none;
220         background-color: #D0E3ED;
221 }
222
223 .gwt-MenuBarPopup .menuPopupTopRight {
224         background: none;
225         background-color: #D0E3ED;
226 }
227
228 .gwt-MenuBarPopup .menuPopupMiddleLeft {
229         background: none;
230         background-color: #D0E3ED;
231 }
232
233 .gwt-MenuBarPopup .menuPopupMiddleRight {
234         background: none;
235         background-color: #D0E3ED;
236 }
237
238 .pithos-userItemMenu {
239         background-color: #D0E3ED;
240 }
241
242 .gwt-popuppanel {
243     border: 3px solid #D0E3ED;
244     padding: 3px;
245     background: #D0E3ED;
246     border-image: initial;
247 }
248
249 .gwt-MenuBar .gwt-MenuItem {
250         border-bottom: 1px solid #EFEFEF;
251 }
252
253 .gwt-MenuBar .gwt-MenuItem-selected {
254         background-color: #E1EFF6;
255 }
256
257 .gwt-MenuBarPopup .menuPopupBottomLeft {
258         background: none;
259         background-color: #D0E3ED;
260 }
261
262 .gwt-MenuBarPopup .menuPopupBottomCenter {
263         background: none;
264         background-color: #D0E3ED;
265 }
266
267 .gwt-MenuBarPopup .menuPopupBottomRight {
268         background: none;
269         background-color: #D0E3ED;
270 }
271
272 .pithos-sessionExpired {
273         width: 24em;
274         /* Restore the padding we remove when overriding the gwt-DialogBox style */
275         padding: 3px;
276 }
277
278 .pithos-statusbar {
279         background-color: #4085a5;
280         border: none;
281         font-size: 90%;
282         vertical-align: middle;
283         font-weight: normal;
284         height:119px;
285         color: white;
286 }
287
288 .pithos-FileListContainer {
289     padding-left: 10px;
290 }
291
292 .pithos-List {
293         cursor: default;
294         border-collapse: collapse;
295         /* prevents selecting text in table with shift and ctrl*/
296         -moz-user-select: none;
297 }
298
299 .pithos-errorMessage {
300         font-size: 90%;
301         background-color: #880000;
302         color: #fff;
303         cursor: pointer;
304 }
305
306 .pithos-warnMessage {
307         font-size: 90%;
308         background-color: #eeee99;
309         cursor: pointer;
310 }
311
312 .pithos-infoMessage {
313         font-size: 90%;
314         background-color: #ccffcc;
315         cursor: pointer;
316 }
317
318 .pithos-clearMessage {
319         font-size: 90%;
320         font-weight: bold;
321         text-decoration: none;
322         color: black;
323 }
324
325 .pithos-clearMessage:visited {
326         font-size: 90%;
327         font-weight: bold;
328         text-decoration: none;
329         color: black;
330 }
331
332 .pithos-readForAllNote {
333         width: 240px;
334         text-align: justify;
335         font-style: italic;
336         font-size: 12px;
337         padding-left: 4;
338 }
339
340 .pithos-treeHeader {
341         background-color: #74aec9;
342         height: 25px;
343     width: 100%;
344 }
345
346 .pithos-statistics {
347         color: white;
348         padding: 5px;
349 }
350
351 .pithos-statistics .gwt-html {
352     font-size: 80%;
353 }
354
355 .pithos-splitPanel {
356         background: url(images/white50.png) transparent;
357         margin-bottom: 34px;
358 }
359
360 .pithos-splitPanel-noframe {
361         margin-bottom: 0;
362 }
363
364 /* Use the background color for the splitter. */
365 .gwt-HorizontalSplitPanel .hsplitter {
366         cursor: move;
367         border: 0px;
368         background: url(images/background.png) repeat-x;
369 }
370
371 .pithos-tag {
372         display:inline;
373 }
374
375 .pithos-uploadButton {
376     background: none;
377     background-color: #ff7f2a;
378     font-size: 120%;
379     text-align: center;
380     height: auto;
381     padding: 8px;
382     width: 146px;
383     border: none;
384 }
385
386 .pithos-uploadButton:HOVER {
387     background-color: #f95;
388 }
389
390 .pithos-rightSide {
391     vertical-align: middle;
392     width: 100%;
393     padding-left: 7px;
394 }
395 .pithos-parentButton {
396     background: none;
397     background-color: #a1c8da;
398 }
399
400 .pithos-folderStatistics {
401     background-color: #a1c8da;
402     text-align: center;
403     color: white;
404     height: 32px;
405         padding: 5px 15px;
406         margin-right: 10px;
407 }
408
409 .pithos-credentialsText {
410         padding: 10px;
411 }
412
413 .grnet-sign {
414         color: #72ADC8;
415 }
416
417 .pithos-logo {
418         position: absolute;
419         top: 25;
420 }
421
422 .pithos-header {
423         background: url(images/white50.png);
424         margin-top: 34;
425         height: 60px;
426 }
427
428 .pithos-header-noframe {
429         margin-top: 0;
430 }
431
432 /*.cellTreeWidget-selectedTree {
433     background-color: #BCD7E3;
434 }*/
435
436 .pithos-list thead th img {
437     top: 5px !important;
438 }
439
440 .effectPanel-inner {
441         background-color: #4085A5;
442 }