Fixed css class names
[pithos] / web_client / src / gr / grnet / pithos / web / public / gss.css
1 body {
2         background-color: #bec8e6;
3         color: black;
4         font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
5         font-size: small;
6         margin: 8px;
7         margin-top: 3px;
8 }
9
10 a {
11         color: darkblue;
12 }
13
14 a:visited {
15         color: darkblue;
16 }
17
18 .hidden-link {
19         text-decoration: none !important;
20         color: black !important;
21 }
22
23 .hidden-link:visited {
24         text-decoration: none !important;
25         color: black !important;
26 }
27
28 .pithos-TopPanel {
29         font-size: 100%;
30 }
31
32 .pithos-TopPanelLinks {
33         font-size: 100%;
34 }
35
36 .pithos-AboutText {
37         width: 24em;
38         /* Restore the padding we remove when overriding the gwt-DialogBox style */
39         padding: 3px;
40 }
41
42 .pithos-Groups {
43         background-color: white;
44         font-size: 80%;
45 }
46
47 .toolbar {
48         border: 1px solid #AAAAAA;
49         background-color: white;
50         font-size: 80%;
51         cursor: pointer;
52 }
53
54 .toolbarmenu {
55         font-size: 80%;
56         cursor: pointer;
57 }
58
59 .statusbar-inner {
60         border: none;
61         font-size: 90%;
62         vertical-align: middle;
63         font-weight: normal;
64 }
65
66 .pithos-List {
67         background-color: white;
68         font-size: 80%;
69         cursor: default;
70         border-collapse: collapse;
71         /* prevents selecting text in table with shift and ctrl*/
72         -moz-user-select: none;
73 }
74 .pithos-List thead tr{
75         border: 1px lightblue solid;
76         }
77         
78         .GK31MSKBKG{
79         border-bottom:none;
80         }
81 .pithos-ListHeader {
82         
83         background-color: #E0EDFE;
84         font-weight: bold;
85         cursor: pointer;
86 }
87
88 .pithos-searchLabel {
89         font-weight: bold;
90         font-style: italic;
91         font-size: 90%;
92         padding:5px;
93 }
94
95 .pithos-ListNavBar {
96         font-size: 80%;
97 }
98
99 .pithos-SelectedRow {
100         background-color: #E0EDFE;
101 }
102 .pithos-fileRow{
103         cursor: pointer;
104 }
105
106 .pithos-Toolbar {
107 }
108
109 .pithos-ToolButton {
110         font-size: 80%;
111         width: 10em;
112 }
113
114 .props-labels {
115         font-size: 80%;
116         font-weight: bold;
117 }
118
119 .props-toplabels {
120         font-size: 80%;
121         font-weight: bold;
122         font-style: italic;
123 }
124
125 .props-values {
126         font-size: 80%;
127 }
128
129 .pithos-errorMessage {
130         font-size: 90%;
131         background-color: #ff9999;
132         cursor: pointer;
133 }
134
135 .pithos-warnMessage {
136         font-size: 90%;
137         background-color: #eeee99;
138         cursor: pointer;
139 }
140
141 .pithos-infoMessage {
142         font-size: 90%;
143         background-color: #ccffcc;
144         cursor: pointer;
145 }
146
147 .pithos-clearMessage {
148         font-size: 90%;
149         font-weight: bold;
150         text-decoration: none;
151         color: black;
152 }
153
154 .pithos-clearMessage:visited {
155         font-size: 90%;
156         font-weight: bold;
157         text-decoration: none;
158         color: black;
159 }
160
161 .pithos-search {
162         color: black;
163 }
164
165 .pithos-search-empty {
166         color: #d3d3d3;
167 }
168
169 .pithos-DialogBox {
170 }
171
172 .pithos-readForAllNote {
173         width: 240px;
174         text-align: justify;
175         font-style: italic;
176         font-size: 12px;
177         padding-left: 4;
178 }
179
180 /* Tooltips */
181 a.info {
182         position: relative; /*this is the key*/
183         z-index: 24;
184         color: black;
185         text-decoration: none
186 }
187
188 a.info:hover {
189         z-index: 25;
190         background-color: yellow;
191 }
192
193 a.info div {
194         display: none
195 }
196
197 a.info:hover span {
198         cursor: pointer;
199 }
200
201 /* The span will only display on :hover state. */
202 a.info:hover div {
203         display: block;
204         position: absolute;
205         bottom: 2em;
206         right: 1em;
207         width: 10em;
208         border: 1px solid lightblue;
209         background-color: #D0E4F6;
210         color: black;
211         text-align: center
212 }
213
214 table.pithos-permList.props-labels {
215         font-weight: bold;
216 }
217
218 table.pithos-permList {
219         border-spacing: 3px;
220         border-collapse: collapse;
221         
222 }
223
224 table.pithos-permList td {
225         padding: 5px 5px 5px 5px;
226         font-size:80%;
227 }
228
229 .progressbar-text {
230         font-weight: bold;
231 }
232
233 .progressbar-remaining {
234         font-size: 12px;
235         font-style: italic;
236 }
237
238 .progressbar-outer {
239 }
240
241 .progressbar-inner {
242         border: 1px solid darkgrey;
243         margin: 1px;
244 }
245
246 .progressbar-bar {
247         width: 5px;
248         height: 15px;
249         margin: 0px;
250 }
251
252 .progressbar-fullbar {
253         background: #E0EDFE;
254 }
255
256 .progressbar-blankbar {
257         background: white;
258 }
259
260 .pithos-uploadNote {
261         text-align: justify;
262         font-style: italic;
263         font-size: 12px;
264         padding-top: 16;
265         padding-bottom: 16;
266         padding-right: 4;
267         padding-left: 4;
268 }
269
270 .pithos-MainTabBar {
271         padding-top: 4px;
272 }
273
274 .pithos-MainTabPanelBottom {
275         border-bottom: none;
276         border-left: none;
277         border-right: none;
278         overflow: hidden;
279         padding: 6px;
280 }
281
282 .pithos-TabPanelBottom {
283         border-color: darkgrey;
284         border-width: 1px 1px 1px;
285         overflow: hidden;
286         padding: 6px;
287 }
288
289 .pithos-splitPanel {
290         background-color: white;
291         border: 1px solid darkgrey;
292 }
293
294 .pithos-tag {
295         display:inline;
296 }
297
298 /* Use the background color for the splitter. */
299 .gwt-HorizontalSplitPanel .hsplitter {
300         cursor: move;
301         border: 0px; 
302         background: #bec8e6;
303 }
304
305 /* Avoid extended background color in tree nodes. */
306 .gwt-TreeItem-selected .gwt-HTML {
307         display: inline;        
308 }
309
310 /*
311  * Remove the padding inside the dialog boxes so that our background color
312  * appears uniform in warnings and errors.
313  */
314 .gwt-DialogBox .dialogMiddleCenter {
315         background:none repeat scroll 0 0 white;
316         padding: 0;
317 }
318
319 .droppableHover {
320         background-color: #C1DEFD;
321 }