root / src / gr / grnet / pithos / web / public / pithos.css @ 6abe26f2
History | View | Annotate | Download (10.9 kB)
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 form { |
65 |
margin: 0px; |
66 |
clip:
|
67 |
} |
68 |
|
69 |
.pithos-dialogbox .inner form input, |
70 |
.pithos-dialogbox .inner form textarea |
71 |
{ |
72 |
border: 1px solid #aaa; |
73 |
padding:4px; |
74 |
} |
75 |
|
76 |
.pithos-DialogBox .button { |
77 |
background: none; |
78 |
background-color: #4085A5; |
79 |
color: white; |
80 |
padding: 5px 6px; |
81 |
white-space: nowrap; |
82 |
} |
83 |
|
84 |
.pithos-DialogBox .Caption { |
85 |
color: white; |
86 |
background-color: #4085a5; |
87 |
padding: 20px; |
88 |
border-bottom: 1px solid white; |
89 |
} |
90 |
|
91 |
.pithos-DialogBox .close { |
92 |
background: url(images/close-popup.png) no-repeat; |
93 |
cursor: pointer; |
94 |
position: absolute; |
95 |
width: 13px; |
96 |
height: 13px; |
97 |
top: 12px; |
98 |
right: 7px; |
99 |
} |
100 |
|
101 |
.pithos-DialogBox .dialogMiddleCenter { |
102 |
background: url(images/popup-bg.png) repeat-x; |
103 |
background-color: white; |
104 |
padding: 3px; |
105 |
} |
106 |
|
107 |
.pithos-DialogBox .dialogBottomCenter { |
108 |
border-bottom: 5px solid #4085A5; |
109 |
} |
110 |
|
111 |
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft { |
112 |
background-position: 0px -55px; |
113 |
} |
114 |
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight { |
115 |
background-position: -6px -55px; |
116 |
} |
117 |
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter { |
118 |
background: #D0E4F6; |
119 |
} |
120 |
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft, |
121 |
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter, |
122 |
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight { |
123 |
background: #D0E4F6; |
124 |
color:#d45500; |
125 |
} |
126 |
.pithos-TabPanelBottom {
|
127 |
border: none; |
128 |
} |
129 |
|
130 |
table.pithos-permList { |
131 |
border-spacing: 3px; |
132 |
border-collapse: collapse; |
133 |
|
134 |
} |
135 |
|
136 |
table.pithos-permList td { |
137 |
padding: 5px 5px 5px 5px; |
138 |
font-size:80%; |
139 |
} |
140 |
|
141 |
table.pithos-permList.props-labels { |
142 |
font-weight: bold; |
143 |
} |
144 |
|
145 |
.props-labels {
|
146 |
font-size: 80%; |
147 |
font-weight: bold; |
148 |
} |
149 |
|
150 |
.props-toplabels {
|
151 |
font-size: 80%; |
152 |
font-weight: bold; |
153 |
font-style: italic; |
154 |
} |
155 |
|
156 |
.props-values {
|
157 |
font-size: 80%; |
158 |
} |
159 |
|
160 |
.hidden-link {
|
161 |
text-decoration: none !important; |
162 |
color: black !important; |
163 |
} |
164 |
|
165 |
.hidden-link:visited { |
166 |
text-decoration: none !important; |
167 |
color: black !important; |
168 |
} |
169 |
|
170 |
.pithos-topPanel {
|
171 |
background-color: #4085a5; |
172 |
font-size: 75%; |
173 |
height: 59px; |
174 |
border-bottom: 1px solid white; |
175 |
} |
176 |
|
177 |
.pithos-usernameMenu {
|
178 |
cursor: pointer; |
179 |
} |
180 |
|
181 |
.pithos-usernameMenuItem {
|
182 |
background: url(images/down-arrow-light.png) no-repeat scroll right 8px transparent; |
183 |
padding-right: 13px; |
184 |
cursor: pointer; |
185 |
color: white; |
186 |
} |
187 |
|
188 |
.pithos-usernameMenuItem:HOVER { |
189 |
background: url(images/down-arrow-lighter.png) no-repeat scroll right 8px transparent; |
190 |
background-color: #599EBD; |
191 |
} |
192 |
|
193 |
.pithos-usernameMenuItem:ACTIVE { |
194 |
background: url(images/down-arrow-lighter.png) no-repeat scroll right 8px transparent; |
195 |
background-color: #BED5E0; |
196 |
} |
197 |
|
198 |
.pithos-langMenuItem {
|
199 |
cursor: pointer; |
200 |
color: #72ADC8; |
201 |
} |
202 |
|
203 |
.gwt-MenuBar-vertical {
|
204 |
background: #D0E3ED; |
205 |
} |
206 |
|
207 |
.gwt-MenuBarPopup .menuPopupTopLeft { |
208 |
background: none; |
209 |
background-color: #D0E3ED; |
210 |
} |
211 |
|
212 |
.gwt-MenuBarPopup .menuPopupTopCenter { |
213 |
background: none; |
214 |
background-color: #D0E3ED; |
215 |
} |
216 |
|
217 |
.gwt-MenuBarPopup .menuPopupTopRight { |
218 |
background: none; |
219 |
background-color: #D0E3ED; |
220 |
} |
221 |
|
222 |
.gwt-MenuBarPopup .menuPopupMiddleLeft { |
223 |
background: none; |
224 |
background-color: #D0E3ED; |
225 |
} |
226 |
|
227 |
.gwt-MenuBarPopup .menuPopupMiddleRight { |
228 |
background: none; |
229 |
background-color: #D0E3ED; |
230 |
} |
231 |
|
232 |
.pithos-userItemMenu {
|
233 |
background-color: #D0E3ED; |
234 |
} |
235 |
|
236 |
.gwt-popuppanel {
|
237 |
border: 3px solid #D0E3ED; |
238 |
padding: 3px; |
239 |
background: #D0E3ED; |
240 |
border-image: initial; |
241 |
} |
242 |
|
243 |
.gwt-MenuBar .gwt-MenuItem { |
244 |
border-bottom: 1px solid #EFEFEF; |
245 |
} |
246 |
|
247 |
.gwt-MenuBar .gwt-MenuItem-selected { |
248 |
background-color: #E1EFF6; |
249 |
} |
250 |
|
251 |
.gwt-MenuBarPopup .menuPopupBottomLeft { |
252 |
background: none; |
253 |
background-color: #D0E3ED; |
254 |
} |
255 |
|
256 |
.gwt-MenuBarPopup .menuPopupBottomCenter { |
257 |
background: none; |
258 |
background-color: #D0E3ED; |
259 |
} |
260 |
|
261 |
.gwt-MenuBarPopup .menuPopupBottomRight { |
262 |
background: none; |
263 |
background-color: #D0E3ED; |
264 |
} |
265 |
|
266 |
.pithos-sessionExpired {
|
267 |
width: 24em; |
268 |
/* Restore the padding we remove when overriding the gwt-DialogBox style */
|
269 |
padding: 3px; |
270 |
} |
271 |
|
272 |
.pithos-statusbar {
|
273 |
background-color: #4085a5; |
274 |
border: none; |
275 |
font-size: 90%; |
276 |
vertical-align: middle; |
277 |
font-weight: normal; |
278 |
height:119px; |
279 |
color: white; |
280 |
} |
281 |
|
282 |
.pithos-FileListContainer {
|
283 |
padding-left: 10px; |
284 |
} |
285 |
|
286 |
.pithos-List {
|
287 |
cursor: default; |
288 |
border-collapse: collapse; |
289 |
/* prevents selecting text in table with shift and ctrl*/
|
290 |
-moz-user-select: none; |
291 |
} |
292 |
|
293 |
.pithos-errorMessage {
|
294 |
font-size: 90%; |
295 |
background-color: #880000; |
296 |
color: #fff; |
297 |
cursor: pointer; |
298 |
} |
299 |
|
300 |
.pithos-errorMessage td { |
301 |
font-size: 90%; |
302 |
} |
303 |
|
304 |
.pithos-warnMessage {
|
305 |
font-size: 90%; |
306 |
background-color: #eeee99; |
307 |
cursor: pointer; |
308 |
} |
309 |
|
310 |
.pithos-infoMessage {
|
311 |
font-size: 90%; |
312 |
background-color: #ccffcc; |
313 |
cursor: pointer; |
314 |
} |
315 |
|
316 |
.pithos-clearMessage {
|
317 |
font-size: 90%; |
318 |
font-weight: bold; |
319 |
text-decoration: none; |
320 |
color: black; |
321 |
padding-left: 5px; |
322 |
} |
323 |
|
324 |
.pithos-clearMessage:visited { |
325 |
font-size: 90%; |
326 |
font-weight: bold; |
327 |
text-decoration: none; |
328 |
color: black; |
329 |
} |
330 |
|
331 |
.pithos-readForAllNote {
|
332 |
width: 240px; |
333 |
text-align: justify; |
334 |
font-style: italic; |
335 |
font-size: 12px; |
336 |
padding-left: 4; |
337 |
} |
338 |
|
339 |
.pithos-treeHeader {
|
340 |
background-color: #74aec9; |
341 |
height: 25px; |
342 |
width: 100%; |
343 |
} |
344 |
|
345 |
.pithos-statistics {
|
346 |
color: white; |
347 |
padding: 5px; |
348 |
} |
349 |
|
350 |
.pithos-splitPanel {
|
351 |
background: url(images/white50.png) transparent; |
352 |
margin-bottom: 34px; |
353 |
} |
354 |
|
355 |
.pithos-splitPanel-noframe {
|
356 |
margin-bottom: 0; |
357 |
} |
358 |
|
359 |
/* Use the background color for the splitter. */
|
360 |
.gwt-HorizontalSplitPanel .hsplitter { |
361 |
cursor: move; |
362 |
border: 0px; |
363 |
background: url(images/background.png) repeat-x; |
364 |
} |
365 |
|
366 |
.pithos-tag {
|
367 |
display:inline; |
368 |
} |
369 |
|
370 |
.pithos-uploadButton {
|
371 |
background: none; |
372 |
background-color: #ff7f2a; |
373 |
font-size: 120%; |
374 |
text-align: center; |
375 |
height: auto; |
376 |
padding: 8px; |
377 |
width: 146px; |
378 |
border: none; |
379 |
} |
380 |
|
381 |
.pithos-uploadButton:HOVER { |
382 |
background-color: #f95; |
383 |
} |
384 |
|
385 |
.pithos-rightSide {
|
386 |
vertical-align: middle; |
387 |
width: 100%; |
388 |
padding-left: 7px; |
389 |
} |
390 |
.pithos-parentButton {
|
391 |
background: none; |
392 |
background-color: #a1c8da; |
393 |
} |
394 |
|
395 |
.pithos-folderStatistics {
|
396 |
background-color: #a1c8da; |
397 |
text-align: center; |
398 |
color: white; |
399 |
height: 32px; |
400 |
padding: 5px 15px; |
401 |
margin-right: 10px; |
402 |
} |
403 |
|
404 |
.grnet-sign {
|
405 |
color: #72ADC8; |
406 |
} |
407 |
|
408 |
.pithos-logo {
|
409 |
position: absolute; |
410 |
top: 29px; |
411 |
} |
412 |
|
413 |
.pithos-header {
|
414 |
background: url(images/white50.png); |
415 |
margin-top: 34; |
416 |
height: 60px; |
417 |
} |
418 |
|
419 |
.pithos-header-noframe {
|
420 |
margin-top: 0; |
421 |
} |
422 |
|
423 |
/*.cellTreeWidget-selectedTree {
|
424 |
background-color: #BCD7E3;
|
425 |
}*/
|
426 |
|
427 |
.pithos-list thead th img { |
428 |
top: 5px !important; |
429 |
} |
430 |
|
431 |
.effectPanel-inner {
|
432 |
background-color: #4085A5; |
433 |
margin: 10px; |
434 |
} |
435 |
|
436 |
.pithos-toolsButton {
|
437 |
background-color: #FF7F2A !important; |
438 |
background-position: 9px 7px !important; |
439 |
} |
440 |
|
441 |
.pithos-toolsButton:hover { |
442 |
background-color: #F95 !important; |
443 |
} |
444 |
|
445 |
/*move background from inner to centerinner to wrap action buttons too*/
|
446 |
.dialogMiddleCenterInner.dialogContent { |
447 |
background: url(https://pithos.dev.grnet.gr/ui/images/white50.png); |
448 |
margin: 7px; |
449 |
padding: 15px; |
450 |
/*border: 1px solid #aaa;*/
|
451 |
-moz-box-shadow: 0 0 1px 1px #888; |
452 |
-webkit-box-shadow: 0 0 1px 1px #888; |
453 |
box-shadow: 0 0 1px 1px #888; |
454 |
} |
455 |
|
456 |
.pithos-dialogbox .outer { |
457 |
width: 600px; |
458 |
} |
459 |
|
460 |
/*remove background/padding from .inner*/
|
461 |
.pithos-dialogbox .inner { |
462 |
background: none; |
463 |
padding:0; |
464 |
width: 100%; |
465 |
} |
466 |
|
467 |
/*button styles*/
|
468 |
.pithos-dialogbox .button { |
469 |
} |
470 |
|
471 |
/*button position within the overlay content*/
|
472 |
.dialogMiddleCenterInner .button { |
473 |
margin-left: 2px; |
474 |
border: none; |
475 |
padding: 7px 20px; |
476 |
margin-top: 10px; |
477 |
float: right; |
478 |
margin-right: 4px; |
479 |
} |
480 |
|
481 |
/* fix placement of overlay paragraphs */
|
482 |
.pithos-credentialstext {
|
483 |
padding: 0 0 10px 0; |
484 |
} |
485 |
|
486 |
/* overlay styles */
|
487 |
.pithos-dialogbox {
|
488 |
background-color: white; |
489 |
border: 2px solid #444; |
490 |
text-align: left; |
491 |
-moz-box-shadow: 0 0 90px 5px #000; |
492 |
-webkit-box-shadow: 0 0 90px 5px #000; |
493 |
box-shadow: 0 0 90px 5px #000; |
494 |
clip: inherit !important; |
495 |
} |
496 |
|
497 |
/* hide overlay dialogue unneeded side elements */
|
498 |
.dialogMiddleRight, .dialogBottomRight, .dialogTopRight, |
499 |
.dialogMiddleLeft, .dialogBottomLeft, .dialogTopLeft, |
500 |
.dialogBottomCenter {
|
501 |
display: none; |
502 |
} |
503 |
|
504 |
/* fix dialogbox caption padding and font-size */
|
505 |
.pithos-dialogbox .caption { |
506 |
padding: 10px !important; |
507 |
font-size: 1.1em; |
508 |
} |
509 |
|
510 |
|
511 |
/* form input styling */
|
512 |
.dialogMiddleCenterInner input { |
513 |
border: 1px solid #aaa; |
514 |
padding: 4px; |
515 |
} |
516 |
|
517 |
/* fix tag color */
|
518 |
a.pithos-tag { |
519 |
color: #4085a5; |
520 |
} |
521 |
|
522 |
.pithos-invitationsLeft {
|
523 |
padding: 0 0 10px 0; |
524 |
border-bottom: 1px solid #4085A5; |
525 |
} |
526 |
|
527 |
.pithos-leftInvitationsNumber {
|
528 |
background-color: #4085A5; |
529 |
padding: 3px; |
530 |
color: white; |
531 |
font-weight: bold; |
532 |
} |
533 |
|
534 |
.pithos-sendInvitationsPanel {
|
535 |
margin-top: 10px; |
536 |
border-right: 1px solid #4085A5; |
537 |
padding-right: 5px; |
538 |
} |
539 |
|
540 |
.pithos-sendInvitationsTitle {
|
541 |
font-weight: bold; |
542 |
color: #4085A5; |
543 |
margin-right: 10px; |
544 |
} |
545 |
|
546 |
.pithos-addInvitationImg {
|
547 |
background-color: #4085A5; |
548 |
padding: 5px; |
549 |
cursor: pointer; |
550 |
} |
551 |
|
552 |
.pithos-invitationResponse {
|
553 |
background-color: green; |
554 |
color: white; |
555 |
padding: 5px; |
556 |
} |
557 |
|
558 |
.pithos-invitationResponseError {
|
559 |
background-color: #880000; |
560 |
color: #fff; |
561 |
padding: 5px; |
562 |
} |
563 |
|
564 |
.pithos-invitationResponse .user { |
565 |
font-weight: bold; |
566 |
} |
567 |
|
568 |
.props-labels .eg { |
569 |
font-weight: normal; |
570 |
color: gray; |
571 |
} |
572 |
|
573 |
.pithos-invitationsSplitPanel {
|
574 |
width:100%; |
575 |
} |
576 |
|
577 |
.pithos-invitationDeleteImg {
|
578 |
cursor: pointer; |
579 |
} |
580 |
|
581 |
.pithos-invitationFormRow {
|
582 |
border-top: 1px solid gray; |
583 |
} |
584 |
|
585 |
.pithos-sendInvitationButton {
|
586 |
background: none; |
587 |
background-color: #ff7f2a; |
588 |
text-align: center; |
589 |
height: auto; |
590 |
padding: 8px; |
591 |
border: none; |
592 |
color: white; |
593 |
} |
594 |
|
595 |
.pithos-sentInvitationsPanel {
|
596 |
margin-top: 10px; |
597 |
padding-left: 5px; |
598 |
width: 100%; |
599 |
} |
600 |
|
601 |
.pithos-sentInvitationsTitle {
|
602 |
font-weight: bold; |
603 |
color: #4085A5; |
604 |
} |
605 |
|
606 |
.pithos-sentInvitationsTable {
|
607 |
width: 100%; |
608 |
} |
609 |
|
610 |
.pithos-invitedEmail {
|
611 |
color: #ff7f2a; |
612 |
font-weight: bold; |
613 |
} |
614 |
|
615 |
.pithos-invitedEmailBorder {
|
616 |
border-bottom: 1px solid #4085A5; |
617 |
} |
618 |
|
619 |
.pithos-resendInvitation {
|
620 |
cursor: pointer; |
621 |
} |
622 |
|
623 |
.pithos-pagerButton {
|
624 |
background: none; |
625 |
background-color: transparent; |
626 |
border: 1px solid gray; |
627 |
color: gray; |
628 |
padding: 0px 2px 0px 2px; |
629 |
font-size: 80%; |
630 |
} |
631 |
|
632 |
.pithos-pagerButton:HOVER { |
633 |
background-color: #4085A5; |
634 |
color: white; |
635 |
} |
636 |
|
637 |
.pithos-pagerButtonCurrent {
|
638 |
background-color: #4085A5; |
639 |
color: white; |
640 |
} |
641 |
|
642 |
.pithos-metaTitle {
|
643 |
font-weight: bold; |
644 |
} |
645 |
|
646 |
.pithos-addMetaImg {
|
647 |
background-color: #4085A5; |
648 |
padding: 5px; |
649 |
cursor: pointer; |
650 |
} |
651 |
|
652 |
.pithos-metaDeleteImg {
|
653 |
cursor: pointer; |
654 |
} |
655 |
|
656 |
.pithos-metaName {
|
657 |
width: 7em; |
658 |
} |
659 |
|
660 |
.pithos-metaValue {
|
661 |
width: 7em; |
662 |
} |