code.grnet.gr Git - pithos/blob - src/gr/ebs/gss/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 .gwt-DialogBox {
  29         border: 2px solid #AAAAAA;
  30         background-color: white;
  31 }
  32
  33 .gwt-DialogBox .Caption {
  34         background-image: url(gray_gradient.gif);
  35         background-repeat: repeat-x;
  36         padding: 4px;
  37         padding-bottom: 8px;
  38         font-weight: bold;
  39         cursor: default;
  40 }
  41
  42 .gwt-MenuBar {
  43         border: 1px solid #AAAAAA;
  44         background-color: #bec8e6;
  45         cursor: default;
  46 }
  47
  48 .gwt-MenuBar .gwt-MenuItem {
  49         background-color: #bec8e6;
  50         font-size: 80%;
  51         cursor: default;
  52 }
  53
  54 .gwt-MenuBar .gwt-MenuItem-selected {
  55         background-color: white;
  56 }
  57
  58 .gwt-Tree {
  59         margin-top: 1em;
  60         margin-bottom: 1em;
  61 }
  62
  63 .gwt-TreeItem {
  64         font-size: 80%;
  65         cursor: default;
  66 }
  67
  68 .gwt-TreeItem-selected {
  69         background-color: #C3D9FF;
  70 }
  71
  72 .gwt-TabPanel {
  73         margin-top: 4px;
  74 }
  75
  76 .gwt-TabPanelBottom {
  77         background-color: #e8eef7;
  78 }
  79
  80 .gwt-TabBar {
  81         padding-top: 2px;
  82         border-bottom: 4px solid #e8eef7;
  83         background-color: #fff;
  84 }
  85
  86 .gwt-TabBar .gwt-TabBarFirst {
  87
  88 }
  89
  90 .gwt-TabBar .gwt-TabBarRest {
  91
  92 }
  93
  94 .gwt-TabBar .gwt-TabBarItem {
  95         padding: 4px;
  96         cursor: pointer;
  97         cursor: hand;
  98         background-color: #eeeeee;
  99         border-top: 1px solid #CCCCCC;
 100         border-left: 1px solid #CCCCCC;
 101         border-right: 1px solid #CCCCCC;
 102         margin-right: 2px;
 103 }
 104
 105 .gwt-TabBar .gwt-TabBarItem-selected {
 106         padding: 4px;
 107         font-weight: bold;
 108         cursor: default;
 109         background-color: #e8eef7;
 110         border-bottom: 2px solid #e8eef7;
 111         border-top: 1px solid #AAAAAA;
 112         border-left: 1px solid #AAAAAA;
 113         border-right: 1px solid #AAAAAA;
 114         margin-right: 2px;
 115 }
 116
 117 /*----------------------------------------------------------------------------*/
 118 .gss-TabPanel {
 119         margin-top: 4px;
 120 }
 121
 122 .gss-TabPanel .gwt-TabPanelBottom {
 123         background-color: #c7dbff;
 124 }
 125
 126 .gss-TabBar {
 127         padding-top: 2px;
 128         border-bottom: 4px solid #c7dbff;
 129         background-color: #fff;
 130 }
 131
 132 .gss-TabBar .gwt-TabBarItem {
 133         padding: 4px;
 134         cursor: pointer;
 135         cursor: hand;
 136         background-color: #eeeeee;
 137         background-image: url(gray_gradient_reverse.gif);
 138         background-repeat: repeat-x;
 139         border-top: 1px solid #EEEEEE;
 140         border-left: 1px solid #DDDDDD;
 141         border-right: 1px solid #DDDDDD;
 142         margin-right: 2px;
 143 }
 144
 145 .gss-TabBar .gwt-TabBarItem-selected {
 146         padding: 4px;
 147         font-weight: bold;
 148         cursor: default;
 149         background-color: #c7dbff;
 150         background-image: url(blue_gradient_reverse.gif);
 151         background-repeat: repeat-x;
 152         border-bottom: 2px solid #c7dbff;
 153         border-top: 1px solid #EEEEEE;
 154         border-left: 1px solid #DDDDDD;
 155         border-right: 1px solid #DDDDDD;
 156         margin-right: 2px;
 157 }
 158
 159 .gss-TopPanel {
 160         font-size: 100%;
 161 }
 162
 163 .gss-TopPanelLinks {
 164         font-size: 100%;
 165 }
 166
 167 .gss-AboutText {
 168         width: 24em;
 169         font-size: 80%;
 170 }
 171
 172 .gss-Groups { /*background-image: url(blue_gradient.gif);
 173         background-repeat: repeat-x;*/ /*border-top: 1px solid #AAAAAA;*/
 174         background-color: white;
 175         font-size: 80%;
 176 }
 177
 178 .gss-Tasks {
 179         margin: 0.5em;
 180         font-size: 80%;
 181 }
 182
 183 .toolbar {
 184         border: 1px solid #AAAAAA;
 185         background-color: white;
 186         font-size: 80%;
 187         cursor: pointer;
 188         cursor: hand;
 189 }
 190
 191 .toolbarmenu {
 192         font-size: 80%;
 193         cursor: pointer;
 194         cursor: hand;
 195 }
 196
 197 .gwt-HorizontalSplitPanel {
 198         background-color: white;
 199         border: 1px solid #AAAAAA;
 200 }
 201
 202 .gwt-HorizontalSplitPanel .hsplitter {
 203         border-left: 1px solid #AAAAAA;
 204         border-right: 1px solid #AAAAAA;
 205         background-color: #bec8e6;
 206         cursor: move;
 207 }
 208
 209 .statusbar {
 210         border: 1px solid #AAAAAA;
 211         background-color: white;
 212         font-size: 90%;
 213         vertical-align: middle;
 214         background-image: url(gray_gradient.gif);
 215         background-repeat: repeat-x;
 216         font-weight: normal;
 217 }
 218
 219 .statusbar-inner {
 220         border: none;
 221         font-size: 90%;
 222         vertical-align: middle;
 223         font-weight: normal;
 224 }
 225
 226 .gss-List {
 227         background-color: white;
 228         font-size: 80%;
 229         cursor: default;
 230         /* prevents selecting text in table with shift and ctrl*/
 231         -moz-user-select: none;
 232 }
 233
 234 .gss-ListHeader {
 235         background-image: url(blue_gradient.gif);
 236         background-repeat: repeat-x;
 237         font-weight: bold;
 238         cursor: pointer;
 239         cursor: hand;
 240 }
 241
 242 .gss-searchlabel {
 243         background: #CFE0FF;
 244         font-weight: bold;
 245         font-size: 80%;
 246         padding:5px;
 247 }
 248
 249 .gss-ListNavBar {
 250         font-size: 80%;
 251 }
 252
 253 .gss-SelectedRow {
 254         background-image: url(blue_gradient.gif);
 255         background-repeat: repeat-x;
 256 }
 257 .gss-fileRow{
 258         cursor: pointer;
 259         cursor: hand;
 260 }
 261
 262 .gss-Toolbar {
 263
 264 }
 265
 266 .gss-ToolButton {
 267         font-size: 80%;
 268         width: 10em;
 269 }
 270
 271 .gss-Detail {
 272         border: 1px solid #AAAAAA;
 273         margin-top: 4px;
 274 }
 275
 276 .gss-DetailHeader {
 277         background-image: url(gray_gradient.gif);
 278         background-repeat: repeat-x;
 279         border-bottom: 1px solid #AAAAAA;
 280         padding: 4px;
 281 }
 282
 283 .gss-DetailInner {
 284         background-color: white;
 285         font-size: 80%;
 286 }
 287
 288 .gss-DetailSubject {
 289         font-size: 80%;
 290 }
 291
 292 .gss-DetailSender {
 293         font-weight: bold;
 294         font-size: 80%;
 295 }
 296
 297 .gss-DetailRecipient {
 298         font-style: italic;
 299         font-size: 80%;
 300 }
 301
 302 .gss-DetailBody {
 303         padding: 4px;
 304 }
 305
 306 .gss-ContactPopup {
 307         background-image: url(gray_gradient.gif);
 308         background-repeat: repeat-x;
 309         border: 1px solid #AAAAAA;
 310         padding: 4px;
 311 }
 312
 313 .gss-ContactPopupName {
 314         font-size: 80%;
 315         font-weight: bold;
 316 }
 317
 318 .gss-ContactPopupEmail {
 319         font-size: 80%;
 320         font-style: italic;
 321 }
 322
 323 .props-labels {
 324         font-size: 80%;
 325         font-weight: bold;
 326 }
 327
 328 .props-toplabels {
 329         font-size: 80%;
 330         font-weight: bold;
 331         font-style: italic;
 332 }
 333
 334 .props-values {
 335         font-size: 80%;
 336 }
 337
 338 .gss-errorMessage {
 339         font-size: 90%;
 340         background-color: #ff9999;
 341         cursor: pointer;
 342 }
 343
 344 .gss-warnMessage {
 345         font-size: 90%;
 346         background-color: #eeee99;
 347         cursor: pointer;
 348 }
 349
 350 .gss-infoMessage {
 351         font-size: 90%;
 352         background-color: #ccffcc;
 353         cursor: pointer;
 354 }
 355
 356 .gss-clearMessage {
 357         font-size: 90%;
 358         font-weight: bold;
 359         text-decoration: none;
 360         color: black;
 361 }
 362
 363 .gss-clearMessage:visited {
 364         font-size: 90%;
 365         font-weight: bold;
 366         text-decoration: none;
 367         color: black;
 368 }
 369
 370 .gss-search {
 371         color: black;
 372 }
 373
 374 .gss-search-empty {
 375         color: #d3d3d3;
 376 }
 377
 378 .gss-DialogBox {
 379         background-color: #e8eef7;
 380 }
 381
 382 /* Loading message */
 383 #loading-area {
 384         background: url(black-rounded.png) no-repeat;
 385 }
 386
 387 #loading-area p {
 388         text-indent: -999em;
 389         padding: 0;
 390         overflow: hidden;
 391         width: 176px;
 392         height: 63px;
 393         background-image: url(loading.gif);
 394         background-repeat: no-repeat;
 395 }
 396
 397 .gss-readForAllNote {
 398         width: 240px;
 399         text-align: justify;
 400         font-style: italic;
 401         font-size: 12px;
 402         padding-left: 4;
 403 }
 404
 405 .gwt-SuggestBox {
 406         padding: 2px;
 407 }
 408
 409 .gwt-SuggestBoxPopup {
 410         margin-left: 3px;
 411 }
 412
 413 .gwt-SuggestBoxPopup .item {
 414         padding: 2px 6px;
 415         color: #424242;
 416         cursor: default;
 417 }
 418
 419 .gwt-SuggestBoxPopup .item-selected {
 420         background: #b7d6f6;
 421 }
 422
 423 .gwt-SuggestBoxPopup .suggestPopupContent {
 424         background: white;
 425 }
 426
 427 .gwt-SuggestBoxPopup .suggestPopupTopCenter {
 428         background: url(suggest/hborder.png) repeat-x;
 429 }
 430
 431 .gwt-SuggestBoxPopup .suggestPopupMiddleLeft {
 432         background: url(suggest/vborder.png) repeat-y;
 433 }
 434
 435 .gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
 436         width: 5px;
 437         height: 5px;
 438         zoom: 1;
 439 }
 440
 441 .gwt-SuggestBoxPopup .suggestPopupTopRightInner {
 442         width: 8px;
 443         height: 5px;
 444         zoom: 1;
 445 }
 446
 447 .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
 448         width: 5px;
 449         height: 8px;
 450         zoom: 1;
 451 }
 452
 453 .gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
 454         width: 8px;
 455         height: 8px;
 456         zoom: 1;
 457 }
 458
 459 html>body .gwt-SuggestBoxPopup .suggestPopupBottomCenter {
 460         background: url(suggest/hborder.png) repeat-x 0px -4px;
 461 }
 462
 463 html>body .gwt-SuggestBoxPopup .suggestPopupMiddleRight {
 464         background: url(suggest/vborder.png) repeat-y -4px 0px;
 465 }
 466
 467 html>body .gwt-SuggestBoxPopup .suggestPopupTopLeft {
 468         background: url(suggest/corner.png) no-repeat 0px -23px;
 469 }
 470
 471 html>body .gwt-SuggestBoxPopup .suggestPopupTopRight {
 472         background: url(suggest/corner.png) no-repeat -5px -23px;
 473 }
 474
 475 html>body .gwt-SuggestBoxPopup .suggestPopupBottomLeft {
 476         background: url(suggest/corner.png) no-repeat 0px -28px;
 477 }
 478
 479 html>body .gwt-SuggestBoxPopup .suggestPopupBottomRight {
 480         background: url(suggest/corner.png) no-repeat -5px -28px;
 481 }
 482
 483 * html .gwt-SuggestBoxPopup .suggestPopupBottomCenter {
 484         filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
 485                 'suggest/ie6/hborder_blue_shadow.png', sizingMethod = 'scale' );
 486 }
 487
 488 * html .gwt-SuggestBoxPopup .suggestPopupMiddleRight {
 489         filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
 490                 'suggest/ie6/vborder_blue_shadow.png', sizingMethod = 'scale' );
 491 }
 492
 493 * html .gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
 494         width: 5px;
 495         height: 28px;
 496         margin-top: -23px;
 497         overflow: hidden;
 498         filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
 499                 'suggest/corner.png', sizingMethod = 'crop' );
 500 }
 501
 502 * html .gwt-SuggestBoxPopup .suggestPopupTopRightInner {
 503         width: 13px;
 504         height: 28px;
 505         margin-left: -5px;
 506         margin-top: -23px;
 507         overflow: hidden;
 508         filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
 509                 'suggest/corner.png', sizingMethod = 'crop' );
 510 }
 511
 512 * html .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
 513         width: 5px;
 514         height: 36px;
 515         margin-top: -28px;
 516         overflow: hidden;
 517         filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
 518                 'suggest/corner.png', sizingMethod = 'crop' );
 519 }
 520
 521 * html .gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
 522         width: 13px;
 523         height: 36px;
 524         margin-left: -5px;
 525         margin-top: -28px;
 526         overflow: hidden;
 527         filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
 528                 'suggest/corner.png', sizingMethod = 'crop' );
 529 }
 530
 531 /** TOOLTIPS **/
 532 a.info {
 533         position: relative; /*this is the key*/
 534         z-index: 24;
 535         background-color: #ccc;
 536         color: #000;
 537         text-decoration: none
 538 }
 539
 540 a.info:hover {
 541         z-index: 25;
 542         background-color: #ff0
 543 }
 544
 545 a.info div {
 546         display: none
 547 }
 548
 549 a.info:hover span{
 550         cursor:hand;
 551 }
 552
 553 a.info:hover div { /*the span will display just on :hover state*/
 554         display: block;
 555         position: absolute;
 556         top: 2em;
 557         left: 2em;
 558         width: 15em;
 559         border: 1px solid #0cf;
 560         background-color: #e8eef7;
 561         color: #000;
 562         text-align: center
 563 }
 564
 565 table.gss-permList.props-labels {
 566         font-weight: bold;
 567 }
 568
 569 table.gss-permList {
 570         border-spacing: 3px;
 571         border-collapse: collapse;
 572
 573 }
 574
 575 table.gss-permList td {
 576         padding: 5px 5px 5px 5px;
 577         background-color: #e8eef7;
 578         font-size:80%;
 579 }
 580
 581 .progressbar-text {
 582         font-weight: bold;
 583 }
 584
 585 .progressbar-remaining {
 586         font-size: 12px;
 587         font-style: italic;
 588 }
 589
 590 .progressbar-outer {
 591 }
 592
 593 .progressbar-inner {
 594         border: 1px solid #AAAAAA;
 595         margin: 1px;
 596 }
 597
 598 .progressbar-bar {
 599         width: 5px;
 600         height: 15px;
 601         margin: 0px;
 602 }
 603
 604 .progressbar-fullbar {
 605         background: #bec8e6;
 606 }
 607
 608 .progressbar-blankbar {
 609         background: #e8eef7;
 610 }
 611
 612 .gwt-GlassPanel {
 613         background-color: #000000;
 614         filter: alpha(opacity = 30) !important; /* IE */
 615     opacity: 0.3 !important;
 616     z-index: 1;
 617 }
 618
 619 .gss-uploadNote {
 620         text-align: justify;
 621         font-style: italic;
 622         font-size: 12px;
 623         padding-top: 16;
 624         padding-bottom: 16;
 625         padding-right: 4;
 626         padding-left: 4;
 627 }