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