code.grnet.gr Git - pithos/blob - gss/src/gr/ebs/gss/public/gss.css

   1 body {
   2         background-color: #e6f3be;
   3         color: black;
   4         font-family: Arial, 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: #e6f3be;
  45         cursor: default;
  46 }
  47
  48 .gwt-MenuBar .gwt-MenuItem {
  49         background-color: #e6f3be;
  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         background-image: url(green_gradient.gif);
 190         background-repeat: repeat-x;
 191 }
 192
 193 .toolbarmenu {
 194         background-color: white;
 195         font-size: 80%;
 196         cursor: pointer;
 197         cursor: hand;
 198         background-image: url(green_gradient.gif);
 199         background-repeat: repeat-x;
 200 }
 201
 202 .gwt-HorizontalSplitPanel {
 203         background-color: white;
 204         border: 1px solid #AAAAAA;
 205 }
 206
 207 .gwt-HorizontalSplitPanel .hsplitter {
 208         border-left: 1px solid #AAAAAA;
 209         border-right: 1px solid #AAAAAA;
 210         background-color: #e6f3be;
 211         cursor: move;
 212 }
 213
 214 .statusbar {
 215         border: 1px solid #AAAAAA;
 216         background-color: white;
 217         font-size: 90%;
 218         vertical-align: middle;
 219         background-image: url(gray_gradient.gif);
 220         background-repeat: repeat-x;
 221         font-weight: normal;
 222 }
 223
 224 .statusbar-inner {
 225         border: none;
 226         font-size: 90%;
 227         vertical-align: middle;
 228         font-weight: normal;
 229 }
 230
 231 .gss-List {
 232         background-color: white;
 233         font-size: 80%;
 234         cursor: default;
 235         /* prevents selecting text in table with shift and ctrl*/
 236         -moz-user-select: none;
 237 }
 238
 239 .gss-ListHeader {
 240         background-image: url(blue_gradient.gif);
 241         background-repeat: repeat-x;
 242         font-weight: bold;
 243         cursor: pointer;
 244         cursor: hand;
 245 }
 246
 247 .gss-searchlabel {
 248         background: #CFE0FF;
 249         font-weight: bold;
 250         font-size: 80%;
 251         padding:5px;
 252 }
 253
 254 .gss-ListNavBar {
 255         font-size: 80%;
 256 }
 257
 258 .gss-SelectedRow {
 259         background-image: url(blue_gradient.gif);
 260         background-repeat: repeat-x;
 261 }
 262 .gss-fileRow{
 263         cursor: pointer;
 264         cursor: hand;
 265 }
 266
 267 .gss-Toolbar {
 268
 269 }
 270
 271 .gss-ToolButton {
 272         font-size: 80%;
 273         width: 10em;
 274 }
 275
 276 .gss-Detail {
 277         border: 1px solid #AAAAAA;
 278         margin-top: 4px;
 279 }
 280
 281 .gss-DetailHeader {
 282         background-image: url(gray_gradient.gif);
 283         background-repeat: repeat-x;
 284         border-bottom: 1px solid #AAAAAA;
 285         padding: 4px;
 286 }
 287
 288 .gss-DetailInner {
 289         background-color: white;
 290         font-size: 80%;
 291 }
 292
 293 .gss-DetailSubject {
 294         font-size: 80%;
 295 }
 296
 297 .gss-DetailSender {
 298         font-weight: bold;
 299         font-size: 80%;
 300 }
 301
 302 .gss-DetailRecipient {
 303         font-style: italic;
 304         font-size: 80%;
 305 }
 306
 307 .gss-DetailBody {
 308         padding: 4px;
 309 }
 310
 311 .gss-ContactPopup {
 312         background-image: url(gray_gradient.gif);
 313         background-repeat: repeat-x;
 314         border: 1px solid #AAAAAA;
 315         padding: 4px;
 316 }
 317
 318 .gss-ContactPopupName {
 319         font-size: 80%;
 320         font-weight: bold;
 321 }
 322
 323 .gss-ContactPopupEmail {
 324         font-size: 80%;
 325         font-style: italic;
 326 }
 327
 328 .props-labels {
 329         font-size: 80%;
 330         font-weight: bold;
 331 }
 332
 333 .props-toplabels {
 334         font-size: 80%;
 335         font-weight: bold;
 336         font-style: italic;
 337 }
 338
 339 .props-values {
 340         font-size: 80%;
 341 }
 342
 343 .gss-errorMessage {
 344         font-size: 90%;
 345         background-color: #ff9999;
 346 }
 347
 348 .gss-warnMessage {
 349         font-size: 90%;
 350         background-color: #eeee99;
 351 }
 352
 353 .gss-infoMessage {
 354         font-size: 90%;
 355         background-color: #ccffcc;
 356 }
 357
 358 .gss-clearMessage {
 359         font-size: 90%;
 360         font-weight: bold;
 361         text-decoration: none;
 362         color: black;
 363 }
 364
 365 .gss-clearMessage:visited {
 366         font-size: 90%;
 367         font-weight: bold;
 368         text-decoration: none;
 369         color: black;
 370 }
 371
 372 .gss-search {
 373         color: black;
 374 }
 375
 376 .gss-search-empty {
 377         color: #d3d3d3;
 378 }
 379
 380 .gss-DialogBox {
 381         background-color: #e8eef7;
 382 }
 383
 384 /* Loading message */
 385 #loading-area {
 386         background: url(black-rounded.png) no-repeat;
 387 }
 388
 389 #loading-area p {
 390         text-indent: -999em;
 391         padding: 0;
 392         overflow: hidden;
 393         width: 176px;
 394         height: 63px;
 395         background-image: url(loading.gif);
 396         background-repeat: no-repeat;
 397 }
 398
 399 .gss-readForAllNote {
 400         width: 240px;
 401         text-align: justify;
 402         font-style: italic;
 403         font-size: 12px;
 404 }
 405
 406 .gwt-SuggestBox {
 407         padding: 2px;
 408 }
 409
 410 .gwt-SuggestBoxPopup {
 411         margin-left: 3px;
 412 }
 413
 414 .gwt-SuggestBoxPopup .item {
 415         padding: 2px 6px;
 416         color: #424242;
 417         cursor: default;
 418 }
 419
 420 .gwt-SuggestBoxPopup .item-selected {
 421         background: #b7d6f6;
 422 }
 423
 424 .gwt-SuggestBoxPopup .suggestPopupContent {
 425         background: white;
 426 }
 427
 428 .gwt-SuggestBoxPopup .suggestPopupTopCenter {
 429         background: url(suggest/hborder.png) repeat-x;
 430 }
 431
 432 .gwt-SuggestBoxPopup .suggestPopupMiddleLeft {
 433         background: url(suggest/vborder.png) repeat-y;
 434 }
 435
 436 .gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
 437         width: 5px;
 438         height: 5px;
 439         zoom: 1;
 440 }
 441
 442 .gwt-SuggestBoxPopup .suggestPopupTopRightInner {
 443         width: 8px;
 444         height: 5px;
 445         zoom: 1;
 446 }
 447
 448 .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
 449         width: 5px;
 450         height: 8px;
 451         zoom: 1;
 452 }
 453
 454 .gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
 455         width: 8px;
 456         height: 8px;
 457         zoom: 1;
 458 }
 459
 460 html>body .gwt-SuggestBoxPopup .suggestPopupBottomCenter {
 461         background: url(suggest/hborder.png) repeat-x 0px -4px;
 462 }
 463
 464 html>body .gwt-SuggestBoxPopup .suggestPopupMiddleRight {
 465         background: url(suggest/vborder.png) repeat-y -4px 0px;
 466 }
 467
 468 html>body .gwt-SuggestBoxPopup .suggestPopupTopLeft {
 469         background: url(suggest/corner.png) no-repeat 0px -23px;
 470 }
 471
 472 html>body .gwt-SuggestBoxPopup .suggestPopupTopRight {
 473         background: url(suggest/corner.png) no-repeat -5px -23px;
 474 }
 475
 476 html>body .gwt-SuggestBoxPopup .suggestPopupBottomLeft {
 477         background: url(suggest/corner.png) no-repeat 0px -28px;
 478 }
 479
 480 html>body .gwt-SuggestBoxPopup .suggestPopupBottomRight {
 481         background: url(suggest/corner.png) no-repeat -5px -28px;
 482 }
 483
 484 * html .gwt-SuggestBoxPopup .suggestPopupBottomCenter {
 485         filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
 486                 'suggest/ie6/hborder_blue_shadow.png', sizingMethod = 'scale' );
 487 }
 488
 489 * html .gwt-SuggestBoxPopup .suggestPopupMiddleRight {
 490         filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
 491                 'suggest/ie6/vborder_blue_shadow.png', sizingMethod = 'scale' );
 492 }
 493
 494 * html .gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
 495         width: 5px;
 496         height: 28px;
 497         margin-top: -23px;
 498         overflow: hidden;
 499         filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
 500                 'suggest/corner.png', sizingMethod = 'crop' );
 501 }
 502
 503 * html .gwt-SuggestBoxPopup .suggestPopupTopRightInner {
 504         width: 13px;
 505         height: 28px;
 506         margin-left: -5px;
 507         margin-top: -23px;
 508         overflow: hidden;
 509         filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
 510                 'suggest/corner.png', sizingMethod = 'crop' );
 511 }
 512
 513 * html .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
 514         width: 5px;
 515         height: 36px;
 516         margin-top: -28px;
 517         overflow: hidden;
 518         filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
 519                 'suggest/corner.png', sizingMethod = 'crop' );
 520 }
 521
 522 * html .gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
 523         width: 13px;
 524         height: 36px;
 525         margin-left: -5px;
 526         margin-top: -28px;
 527         overflow: hidden;
 528         filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
 529                 'suggest/corner.png', sizingMethod = 'crop' );
 530 }
 531
 532 /** TOOLTIPS **/
 533 a.info {
 534         position: relative; /*this is the key*/
 535         z-index: 24;
 536         background-color: #ccc;
 537         color: #000;
 538         text-decoration: none
 539 }
 540
 541 a.info:hover {
 542         z-index: 25;
 543         background-color: #ff0
 544 }
 545
 546 a.info span {
 547         display: none
 548 }
 549
 550 a.info:hover span { /*the span will display just on :hover state*/
 551         display: block;
 552         position: absolute;
 553         top: 2em;
 554         left: 2em;
 555         width: 15em;
 556         border: 1px solid #0cf;
 557         background-color: #e8eef7;
 558         color: #000;
 559         text-align: center
 560 }
 561 table.gss-permList.props-labels {
 562         font-weight: bold;
 563 }
 564 table.gss-permList {
 565         border-spacing: 3px;
 566         border-collapse: collapse;
 567
 568 }
 569
 570 table.gss-permList td {
 571         padding: 5px 5px 5px 5px;
 572         background-color: #e8eef7;
 573         font-size:80%;
 574 }
 575
 576
 577 /* basic progress bar */
 578
 579 .progressbar-text {
 580         font-weight: bold;
 581 }
 582
 583 .progressbar-remaining {
 584         font-size: 12px;
 585         font-style: italic;
 586 }
 587
 588 .progressbar-outer {
 589
 590 }
 591
 592 .progressbar-inner {
 593         border: 1px solid black;
 594         margin: 1px;
 595 }
 596
 597 .progressbar-bar {
 598         width: 5px;
 599         height: 15px;
 600         margin: 1px;
 601 }
 602
 603 .progressbar-fullbar {
 604         background: blue;
 605 }
 606
 607 .progressbar-blankbar {
 608         background: #eee;
 609 }
 610
 611
 612
 613 /* example solid bar */
 614
 615 .progressbar-solid .progressbar-bar {
 616         margin: 0px;
 617 }
 618
 619
 620 /* example of no border */
 621
 622 .progressbar-noborder .progressbar-outer {
 623         border: none;
 624 }
 625
 626 .progressbar-noborder .progressbar-inner {
 627         border: none;
 628 }
 629
 630 .gwt-GlassPanel{
 631         background-color: #000000;
 632         filter: alpha(opacity = 30) !important; /* IE */
 633     opacity: 0.3 !important;
 634     z-index: 1;
 635 }