Statistics
| Branch: | Tag: | Revision:

root / src / gr / grnet / pithos / web / public / pithos.css @ 46bd5b8e

History | View | Annotate | Download (11.7 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
        margin-left: 10px;
403
}
404

    
405
.grnet-sign {
406
        color: #72ADC8;
407
}
408

    
409
.pithos-logo {
410
        position: absolute;
411
        top: 29px;
412
}
413

    
414
.pithos-header {
415
        background: url(images/white50.png);
416
        margin-top: 34;
417
        height: 60px;
418
}
419

    
420
.pithos-header-noframe {
421
        margin-top: 0;
422
}
423

    
424
/*.cellTreeWidget-selectedTree {
425
    background-color: #BCD7E3;
426
}*/
427

    
428
.pithos-list thead th img {
429
    top: 5px !important;
430
}
431

    
432
.effectPanel-inner {
433
        background-color: #4085A5;
434
        margin: 10px;
435
}
436

    
437
.clearfix {
438
        display: block;
439
        width: auto;
440
        zoom: 1;
441
}
442

    
443
div#toolbar {
444
        clear: both;
445
        color: white;
446
        float: right;
447
/*        position: absolute;
448
        right: 15px;
449
        top: 15px;*/
450
}
451

    
452
div#toolbar a {
453
        display: block;
454
        float: left;
455
}
456

    
457
.pithos-toolbarItem {
458
        text-decoration: none;
459
        font-size: 0.8em;
460
        padding: 4px;
461
        padding-right: 8px;
462
        color: white;
463
        margin-left: 5px;
464
        background-repeat: no-repeat;
465
        background-color: #A1C8DB;
466
}
467

    
468
.pithos-toolbarItem:HOVER {
469
        background-color: #74aec9;
470
}
471

    
472

    
473
.pithos-toolbarItem span {
474
        float: left;
475
        padding-top: 2px;
476
}
477

    
478
.pithos-toolbarItem span.ico {
479
        width: 16px;
480
        height: 16px;
481
        margin-right: 5px;
482
        background-repeat: no-repeat;
483
/*        background-position: -36px 0;*/
484
}
485

    
486
#tools-button span.ico {
487
        background-image: url(images/advancedsettings.png);
488
}
489

    
490
#refresh-button span.ico {
491
        background-image: url(images/refresh.png);
492
}
493

    
494
#newFolder-button span.ico {
495
        background-image: url(images/folder_new.png);
496
}
497

    
498
#shareFolder-button span.ico {
499
        background-image: url(images/myshared22.png);
500
}
501

    
502
/*move background from inner to centerinner to wrap action buttons too*/
503
.dialogMiddleCenterInner.dialogContent  {
504
    background: url(images/white50.png); 
505
    margin: 7px;
506
    padding: 15px;
507
    /*border: 1px solid #aaa;*/
508
    -moz-box-shadow: 0 0 1px 1px #888;
509
    -webkit-box-shadow: 0 0 1px 1px #888;
510
    box-shadow: 0 0 1px 1px #888;
511
}
512

    
513
.pithos-dialogbox .outer {
514
    width: 600px;
515
}
516

    
517
/*remove background/padding from .inner*/
518
.pithos-dialogbox .inner {
519
    background: none;
520
    padding:0;
521
    width: 100%;
522
}
523

    
524
/*button styles*/
525
.pithos-dialogbox .button {
526
}
527

    
528
/*button position within the overlay content*/
529
.dialogMiddleCenterInner .button {
530
    margin-left: 2px;
531
    border: none;
532
    padding: 7px 20px;
533
    margin-top: 10px;
534
    float: right;
535
    margin-right: 4px;
536
}
537

    
538
/* fix placement of overlay paragraphs */
539
.pithos-credentialstext {
540
    padding: 0 0 10px 0;
541
}
542

    
543
/* overlay styles */
544
.pithos-dialogbox {
545
    background-color: white;
546
    border: 2px solid #444;
547
    text-align: left;
548
    -moz-box-shadow: 0 0 90px 5px #000;
549
    -webkit-box-shadow: 0 0 90px 5px #000;
550
    box-shadow: 0 0 90px 5px #000;
551
        clip: inherit !important;
552
}
553

    
554
/* hide overlay dialogue unneeded side elements */
555
.dialogMiddleRight, .dialogBottomRight, .dialogTopRight,
556
.dialogMiddleLeft, .dialogBottomLeft, .dialogTopLeft,
557
.dialogBottomCenter {
558
    display: none;
559
}
560

    
561
/* fix dialogbox caption padding and font-size */
562
.pithos-dialogbox .caption {
563
    padding: 10px !important;
564
    font-size: 1.1em;
565
}
566

    
567

    
568
/* form input styling */
569
.dialogMiddleCenterInner input {
570
    border: 1px solid #aaa;
571
    padding: 4px;
572
}
573

    
574
/* fix tag color */
575
a.pithos-tag {
576
    color: #4085a5;
577
}
578

    
579
.pithos-invitationsLeft {
580
    padding: 0 0 10px 0;
581
        border-bottom: 1px solid #4085A5;
582
}
583

    
584
.pithos-leftInvitationsNumber {
585
        background-color: #4085A5;
586
        padding: 3px;
587
        color: white;
588
        font-weight: bold;
589
}
590

    
591
.pithos-sendInvitationsPanel {
592
        margin-top: 10px;
593
        border-right: 1px solid #4085A5;
594
        padding-right: 5px;
595
}
596

    
597
.pithos-sendInvitationsTitle {
598
        font-weight: bold;
599
        color: #4085A5;
600
        margin-right: 10px;
601
}
602

    
603
.pithos-addInvitationImg {
604
        background-color: #4085A5;
605
        padding: 5px;
606
        cursor: pointer;
607
}
608

    
609
.pithos-invitationResponse {
610
        background-color: green;
611
        color: white;
612
        padding: 5px;
613
}
614

    
615
.pithos-invitationResponseError {
616
        background-color: #880000;
617
        color: #fff;
618
        padding: 5px;
619
}
620

    
621
.pithos-invitationResponse .user {
622
        font-weight: bold;
623
}
624

    
625
.props-labels .eg {
626
        font-weight: normal;
627
        color: gray;
628
}
629

    
630
.pithos-invitationsSplitPanel {
631
        width:100%;
632
}
633

    
634
.pithos-invitationDeleteImg {
635
        cursor: pointer;
636
}
637

    
638
.pithos-invitationFormRow {
639
        border-top: 1px solid gray;
640
}
641

    
642
.pithos-sendInvitationButton {
643
    background: none;
644
    background-color: #ff7f2a;
645
    text-align: center;
646
    height: auto;
647
    padding: 8px;
648
    border: none;
649
    color: white;
650
}
651

    
652
.pithos-sentInvitationsPanel {
653
        margin-top: 10px;
654
        padding-left: 5px;
655
        width: 100%;
656
}
657

    
658
.pithos-sentInvitationsTitle {
659
        font-weight: bold;
660
        color: #4085A5;
661
}
662

    
663
.pithos-sentInvitationsTable {
664
        width: 100%;
665
}
666

    
667
.pithos-invitedEmail {
668
        color: #ff7f2a;
669
        font-weight: bold;
670
}
671

    
672
.pithos-invitedEmailBorder {
673
        border-bottom: 1px solid #4085A5;
674
}
675

    
676
.pithos-resendInvitation {
677
        cursor: pointer;
678
}
679

    
680
.pithos-pagerButton {
681
        background: none;
682
        background-color: transparent;
683
        border: 1px solid gray;
684
        color: gray;
685
        padding: 0px 2px 0px 2px;
686
        font-size: 80%;
687
}
688

    
689
.pithos-pagerButton:HOVER {
690
        background-color: #4085A5;
691
        color: white;
692
}
693

    
694
.pithos-pagerButtonCurrent {
695
        background-color: #4085A5;
696
        color: white;
697
}
698

    
699
.pithos-metaTitle {
700
        font-weight: bold;
701
}
702

    
703
.pithos-addMetaImg {
704
        background-color: #4085A5;
705
        padding: 5px;
706
        cursor: pointer;
707
}
708

    
709
.pithos-metaDeleteImg {
710
        cursor: pointer;
711
}
712

    
713
.pithos-metaName {
714
        width: 7em;
715
}
716

    
717
.pithos-metaValue {
718
        width: 7em;
719
}