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 .gwt-SuggestBox {
 400         padding: 2px;
 401 }
 402
 403 .gwt-SuggestBoxPopup {
 404         margin-left: 3px;
 405 }
 406
 407 .gwt-SuggestBoxPopup .item {
 408         padding: 2px 6px;
 409         color: #424242;
 410         cursor: default;
 411 }
 412
 413 .gwt-SuggestBoxPopup .item-selected {
 414         background: #b7d6f6;
 415 }
 416
 417 .gwt-SuggestBoxPopup .suggestPopupContent {
 418         background: white;
 419 }
 420
 421 .gwt-SuggestBoxPopup .suggestPopupTopCenter {
 422         background: url(suggest/hborder.png) repeat-x;
 423 }
 424
 425 .gwt-SuggestBoxPopup .suggestPopupMiddleLeft {
 426         background: url(suggest/vborder.png) repeat-y;
 427 }
 428
 429 .gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
 430         width: 5px;
 431         height: 5px;
 432         zoom: 1;
 433 }
 434
 435 .gwt-SuggestBoxPopup .suggestPopupTopRightInner {
 436         width: 8px;
 437         height: 5px;
 438         zoom: 1;
 439 }
 440
 441 .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
 442         width: 5px;
 443         height: 8px;
 444         zoom: 1;
 445 }
 446
 447 .gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
 448         width: 8px;
 449         height: 8px;
 450         zoom: 1;
 451 }
 452
 453 html>body .gwt-SuggestBoxPopup .suggestPopupBottomCenter {
 454         background: url(suggest/hborder.png) repeat-x 0px -4px;
 455 }
 456
 457 html>body .gwt-SuggestBoxPopup .suggestPopupMiddleRight {
 458         background: url(suggest/vborder.png) repeat-y -4px 0px;
 459 }
 460
 461 html>body .gwt-SuggestBoxPopup .suggestPopupTopLeft {
 462         background: url(suggest/corner.png) no-repeat 0px -23px;
 463 }
 464
 465 html>body .gwt-SuggestBoxPopup .suggestPopupTopRight {
 466         background: url(suggest/corner.png) no-repeat -5px -23px;
 467 }
 468
 469 html>body .gwt-SuggestBoxPopup .suggestPopupBottomLeft {
 470         background: url(suggest/corner.png) no-repeat 0px -28px;
 471 }
 472
 473 html>body .gwt-SuggestBoxPopup .suggestPopupBottomRight {
 474         background: url(suggest/corner.png) no-repeat -5px -28px;
 475 }
 476
 477 * html .gwt-SuggestBoxPopup .suggestPopupBottomCenter {
 478         filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
 479                 'suggest/ie6/hborder_blue_shadow.png', sizingMethod = 'scale' );
 480 }
 481
 482 * html .gwt-SuggestBoxPopup .suggestPopupMiddleRight {
 483         filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
 484                 'suggest/ie6/vborder_blue_shadow.png', sizingMethod = 'scale' );
 485 }
 486
 487 * html .gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
 488         width: 5px;
 489         height: 28px;
 490         margin-top: -23px;
 491         overflow: hidden;
 492         filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
 493                 'suggest/corner.png', sizingMethod = 'crop' );
 494 }
 495
 496 * html .gwt-SuggestBoxPopup .suggestPopupTopRightInner {
 497         width: 13px;
 498         height: 28px;
 499         margin-left: -5px;
 500         margin-top: -23px;
 501         overflow: hidden;
 502         filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
 503                 'suggest/corner.png', sizingMethod = 'crop' );
 504 }
 505
 506 * html .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
 507         width: 5px;
 508         height: 36px;
 509         margin-top: -28px;
 510         overflow: hidden;
 511         filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
 512                 'suggest/corner.png', sizingMethod = 'crop' );
 513 }
 514
 515 * html .gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
 516         width: 13px;
 517         height: 36px;
 518         margin-left: -5px;
 519         margin-top: -28px;
 520         overflow: hidden;
 521         filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
 522                 'suggest/corner.png', sizingMethod = 'crop' );
 523 }
 524
 525 /** TOOLTIPS **/
 526 a.info {
 527         position: relative; /*this is the key*/
 528         z-index: 24;
 529         background-color: #ccc;
 530         color: #000;
 531         text-decoration: none
 532 }
 533
 534 a.info:hover {
 535         z-index: 25;
 536         background-color: #ff0
 537 }
 538
 539 a.info span {
 540         display: none
 541 }
 542
 543 a.info:hover span { /*the span will display just on :hover state*/
 544         display: block;
 545         position: absolute;
 546         top: 2em;
 547         left: 2em;
 548         width: 15em;
 549         border: 1px solid #0cf;
 550         background-color: #e8eef7;
 551         color: #000;
 552         text-align: center
 553 }
 554 table.gss-permList.props-labels {
 555         font-weight: bold;
 556 }
 557 table.gss-permList {
 558         border-spacing: 3px;
 559         border-collapse: collapse;
 560
 561 }
 562
 563 table.gss-permList td {
 564         padding: 5px 5px 5px 5px;
 565         background-color: #e8eef7;
 566         font-size:80%;
 567 }
 568
 569
 570 /* basic progress bar */
 571
 572 .progressbar-text {
 573         font-weight: bold;
 574 }
 575
 576 .progressbar-remaining {
 577         font-size: 12px;
 578         font-style: italic;
 579 }
 580
 581 .progressbar-outer {
 582
 583 }
 584
 585 .progressbar-inner {
 586         border: 1px solid black;
 587         margin: 1px;
 588 }
 589
 590 .progressbar-bar {
 591         width: 5px;
 592         height: 15px;
 593         margin: 1px;
 594 }
 595
 596 .progressbar-fullbar {
 597         background: blue;
 598 }
 599
 600 .progressbar-blankbar {
 601         background: #eee;
 602 }
 603
 604
 605
 606 /* example solid bar */
 607
 608 .progressbar-solid .progressbar-bar {
 609         margin: 0px;
 610 }
 611
 612
 613 /* example of no border */
 614
 615 .progressbar-noborder .progressbar-outer {
 616         border: none;
 617 }
 618
 619 .progressbar-noborder .progressbar-inner {
 620         border: none;
 621 }
 622
 623 .gwt-GlassPanel{
 624         background-color: #000000;
 625         filter: alpha(opacity = 30) !important; /* IE */
 626     opacity: 0.3 !important;
 627     z-index: 1;
 628 }