html/themes/default/style.css

   1 table.listframe {
   2         width:600px;
   3         background:#F3F3F3;
   4 }
   5
   6 tr.listrow {
   7         background:#EAEAEA;
   8 }
   9
  10 tr.rowxp {
  11 }
  12
  13 tr.rowxp:hover {
  14         background-color:#D8D8D8;
  15 }
  16
  17 td.listheader {
  18         background:#E5E5E5;
  19         font-weight:bold;
  20         border-right:1px solid #C0C0C0;
  21         border-bottom: 1px solid #b0b0b0;
  22         padding:3px;
  23         height:22px;
  24 }
  25
  26 td.scrollhead {
  27         vertical-align:top;
  28         padding:0px;
  29 }
  30
  31 td.scrollbody {
  32         vertical-align:top;
  33         padding:0px;
  34 }
  35
  36 div.scrollbody {
  37         background-color:#ffffff;
  38         overflow:auto;
  39         text-align:left;
  40 }
  41
  42 td.listheader#icon {
  43         width:20px;
  44 }
  45
  46 td.listheader#entry {
  47 }
  48
  49 td.listheader#property {
  50         width:50px;
  51 }
  52
  53 td.listheader#info {
  54         width:200px;
  55 }
  56
  57 td.listheader#properties7 {
  58         width:136px;
  59 }
  60
  61 td.listheader#properties8 {
  62         width:152px;
  63 }
  64
  65 td.listheader#properties9 {
  66         width:168px;
  67 }
  68
  69 td.listheader#properties10 {
  70         width:186px;
  71 }
  72
  73 td.listheader#actions {
  74         width:52px;
  75         border-right:0px;
  76         text-align:right;
  77 }
  78
  79 td.listheader#scrollbar {
  80         width:13px;
  81         border-right:0px;
  82 }
  83
  84 tr.rowxp0 {
  85         background:white;
  86 }
  87
  88 tr.rowxp0:hover {
  89         background-color:#D8D8D8;
  90 }
  91
  92 td.list0 {
  93         background:transparent;
  94         border-right:1px solid #B0B0B0;
  95         padding:3px;
  96         height:22px;
  97 }
  98
  99 td.list0#icon {
 100         width:20px;
 101         text-align:center;
 102 }
 103
 104 td.list0#entry {
 105 }
 106
 107 td.list0#info {
 108         width:200px;
 109 }
 110
 111 td.list0#property {
 112         width:50px;
 113 }
 114
 115 td.list0#properties7 {
 116         width:136px;
 117 }
 118
 119 td.list0#properties8 {
 120         width:152px;
 121 }
 122
 123 td.list0#properties9 {
 124         width:168px;
 125 }
 126
 127 td.list0#properties10 {
 128         width:186px;
 129 }
 130
 131 td.list0#actions {
 132         width:52px;
 133         border-right:0px;
 134         text-align:right;
 135 }
 136
 137 tr.rowxp1 {
 138         background:#F0F0F0;
 139 }
 140
 141 tr.rowxp1:hover {
 142         background-color:#D8D8D8;
 143 }
 144
 145 td.list1 {
 146         background:transparent;
 147         border-right:1px solid #C0C0C0;
 148         padding:3px;
 149         height:22px;
 150 }
 151
 152 td.list1nohighlight {
 153         background:white;
 154         border-right:1px solid #C0C0C0;
 155         padding:3px;
 156         height:22px;
 157 }
 158
 159 td.list1#fill {
 160         height:100%;
 161 }
 162
 163 td.list1#icon {
 164         width:0px;
 165         text-align:center;
 166 }
 167
 168 td.list1#entry {
 169 }
 170
 171 td.list1#info {
 172         width:200px;
 173 }
 174
 175 td.list1#property {
 176         width:50px;
 177 }
 178
 179 td.list1#properties7 {
 180         width:136px;
 181 }
 182
 183 td.list1#properties8 {
 184         width:152px;
 185 }
 186
 187 td.list1#properties9 {
 188         width:168px;
 189 }
 190
 191 td.list1#properties10 {
 192         width:186px;
 193 }
 194
 195 td.list1#actions {
 196         width:52px;
 197         border-right:0px;
 198         text-align:right;
 199 }
 200
 201 body {
 202         margin-left:0px;
 203         margin-right:0px;
 204         margin-top:0px;
 205         margin-bottom:0px;
 206         background-color:white;
 207         background-image:url("images/border.png");
 208         background-repeat:repeat-y;
 209         color:#00008F;
 210         font-family:arial,helvetica,sans-serif;
 211         font-size:12px;
 212 }
 213
 214 h1 {
 215         font-size:14px;
 216         color: #00378a;
 217 }
 218
 219 h2, h3, h4, h5, h6 {
 220         font-size:13px;
 221         color:#00378a;
 222 }
 223
 224 td, p, b {
 225         font-size:12px;
 226 }
 227
 228 /* Title bar */
 229 a.maintitlebar, div.maintitlebar {
 230         font-family:arial,helvetica,sans-serif;
 231         text-decoration:none;
 232         color:#00348B;
 233         font-size:12px;
 234         text-align:center;
 235         vertical-align:middle;
 236 }
 237
 238 a.maintitlebar:hover {
 239         text-decoration:none;
 240         background-color:#B0D3A0;
 241 }
 242
 243 p.menuheader {
 244         font-family:arial,helvetica,sans-serif;
 245         color:#00378a;
 246         text-decoration:none;
 247         background-color:#CDF6BD;
 248         font-weight:bold;
 249         font-size:12px;
 250         text-align:center;
 251         width:100%;
 252         vertical-align:middle;
 253         padding:3px;
 254         margin-top:20px;
 255 }
 256
 257 p.menuitem {
 258         font-family:arial,helvetica,sans-serif;
 259         color:#00378a;
 260         text-decoration:none;
 261         font-weight:normal;
 262         font-size:12px;
 263         text-align:left;
 264         padding-left:15px;
 265         padding-top:2px;
 266         padding-bottom:2px;
 267         vertical-align:middle;
 268         margin:2px;
 269         background-color:#dfffdf;
 270         padding-right:5px;
 271 }
 272
 273 p.menuitem:hover {
 274         background-color:#d2f6c2;
 275 }
 276
 277 table.menuitem {
 278         width:100%;
 279         margin-top:10px;
 280         margin-bottom:10px;
 281         margin-right:10px;
 282         background-color:#f0f0f0;
 283 }
 284
 285 table.menuitem:hover {
 286         background-color:#c5c5c5;
 287 }
 288
 289
 290 td.phonelist:hover {
 291         background-color:#d2d2d2;
 292 }
 293
 294 td.phonelist {
 295         border-right:1px solid #B0B0B0;
 296 }
 297
 298 h1.menuheader {
 299         border-style:solid;
 300         border-color:#707070;
 301         width:100%;
 302         border-top-width:1px;
 303         border-bottom-width:0px;
 304         border-left-width:0px;
 305         border-right-width:0px;
 306         padding-top:10px;
 307         padding-bottom:0px;
 308 }
 309
 310 div.copynotice{
 311         border-style:solid;
 312         border-color:#707070;
 313         width:100%;
 314         border-top-width:1px;
 315         border-bottom-width:0px;
 316         border-left-width:0px;
 317         border-right-width:0px;
 318         padding-top:3px;
 319         padding-bottom:0px;
 320         text-align:right;
 321         font-family:arial,helvetica,sans-serif;
 322         font-size:10px;
 323 }
 324
 325 a:link {
 326         text-decoration:none;
 327         color:#00008f;
 328 }
 329
 330 a:visited {
 331         text-decoration:none;
 332         color:#00008f;
 333 }
 334
 335 a.menuitem:link {
 336         text-decoration:none;
 337         color:#00008f;
 338 }
 339
 340 a.menuitem:visited {
 341         text-decoration:none;
 342         color:#00008f;
 343 }
 344
 345 a.menuitem:hover {
 346         text-decoration:none;
 347 }
 348
 349 a.iconmenu:link {
 350         text-decoration:none;
 351         color:#00008f;
 352 }
 353
 354 td.iconmenu:hover {
 355         background-color:#e0e0e0;
 356 }
 357
 358 a.iconmenu:visited {
 359         text-decoration:none;
 360         color:#00008f;
 361 }
 362
 363 a.iconmenu:hover {
 364         text-decoration:none;
 365 }
 366
 367 h1.plugtop{
 368         border-style:solid;
 369         border-color:#707070;
 370         width:100%;
 371         border-top-width:0px;
 372         border-bottom-width:1px;
 373         border-left-width:0px;
 374         border-right-width:0px;
 375         padding-top:0px;
 376         margin-top:0px;
 377         padding-bottom:6px;
 378         text-align:left;
 379         background-color:red;
 380         font-family:arial,helvetica,sans-serif;
 381         font-size:24px;
 382 }
 383
 384 div.plugtop {
 385         border-style:solid;
 386         border-color:#b0b0b0;
 387         width:100%;
 388         border-top-color:#e0e0f0;
 389         border-top-width:6px;
 390         border-bottom-width:1px;
 391         border-left-width:0px;
 392         border-right-width:0px;
 393         padding-top:0px;
 394         padding-bottom:6px;
 395         margin-bottom: 0px;
 396         text-align:left;
 397         vertical-align:middle;
 398         background-color:#e0e0f0;
 399         font-family:arial,helvetica,sans-serif;
 400         font-weight:bold;
 401         font-size:24px;
 402 }
 403
 404 div.pluginfo {
 405         border:solid;
 406         border:0px;
 407         width:100%;
 408         padding-top:2px;
 409         padding-bottom:2px;
 410         margin-bottom:10px;
 411         text-align:right;
 412         vertical-align:middle;
 413         background-color:#c0c0e0;
 414         font-family:arial,helvetica,sans-serif;
 415         font-size:11px;
 416 }
 417
 418 p.seperator {
 419         border-style:solid;
 420         border-color:#a0a0a0;
 421         width:100%;
 422         border-top-width:0px;
 423         border-bottom-width:1px;
 424         border-left-width:0px;
 425         border-right-width:0px;
 426         padding-top:0px;
 427         padding-bottom:0px;
 428         margin-top:0px;
 429         margin-bottom:0px;
 430         text-align:left;
 431 }
 432
 433 p.plugbottom {
 434         border-style:solid;
 435         border-color:#a0a0a0;
 436         width:100%;
 437         border-top-width:1px;
 438         border-bottom-width:0px;
 439         border-left-width:0px;
 440         border-right-width:0px;
 441         padding-top:10px;
 442         padding-bottom:0px;
 443         text-align:right;
 444         font-family:arial,helvetica,sans-serif;
 445 }
 446
 447 font.must {
 448         color:red;
 449         font-family:arial,helvetica,sans-serif;
 450 }
 451
 452 div.tab_active {
 453         text-align:center;
 454         background-color:#f0f0f0;
 455         border-style:solid;
 456         border-color:black;
 457         border-top-width:1px;
 458         border-bottom-width:0px;
 459         border-left-width:1px;
 460         border-right-width:1px;
 461         margin-top:0px;
 462         padding-top:2px;
 463         padding-bottom:8px;
 464         padding-left:8px;
 465         padding-right:8px;
 466 }
 467
 468 div.tab_left {
 469         text-align:center;
 470         background-color:#c0c0c0;
 471         border-style:solid;
 472         border-color:black;
 473         border-top-width:1px;
 474         border-bottom-width:1px;
 475         border-left-width:1px;
 476         border-right-width:0px;
 477         margin-top:5px;
 478         padding-top:1px;
 479         padding-bottom:5px;
 480         padding-left:8px;
 481         padding-right:8px;
 482 }
 483
 484 div.tab_right {
 485         text-align:center;
 486         background-color:#c0c0c0;
 487         border-style:solid;
 488         border-color:black;
 489         border-top-width:1px;
 490         border-bottom-width:1px;
 491         border-left-width:0px;
 492         border-right-width:1px;
 493         margin-top:5px;
 494         padding-top:1px;
 495         padding-left:8px;
 496         padding-right:8px;
 497         padding-bottom:5px;
 498 }
 499
 500 div.tab_near_active {
 501         text-align:center;
 502         background-color:#c0c0c0;
 503         border-style:solid;
 504         border-color:black;
 505         border-top-width:1px;
 506         border-bottom-width:1px;
 507         border-left-width:1px;
 508         border-right-width:1px;
 509         margin-top:5px;
 510         padding-top:1px;
 511         padding-left:8px;
 512         padding-right:8px;
 513         padding-bottom:5px;
 514 }
 515
 516 div.tab_border {
 517         width:100%;
 518         border-style:solid;
 519         border-color:black;
 520         border-top-width:0px;
 521         border-bottom-width:1px;
 522         border-left-width:0px;
 523         border-right-width:0px;
 524 }
 525
 526 a.tab_active, input.tab_active {
 527         border:0px;
 528         margin:0px;
 529         height:22px;
 530         font-family:arial,helvetica,sans-serif;
 531         background-color:#f0f0f0;
 532         text-decoration:none;
 533         color:#00348B;
 534         font-size:13px;
 535         font-weight:bold;
 536 }
 537
 538 a.tab_right, input.tab_right {
 539         height:20px;
 540         border:0px;
 541         margin:0px;
 542         font-family:arial,helvetica,sans-serif;
 543         background-color:#c0c0c0;
 544         text-decoration:none;
 545         color:#00348b;
 546         font-size:13px;
 547         font-weight:bold;
 548 }
 549
 550 a.tab_left, input.tab_left {
 551         height:20px;
 552         border:0px;
 553         margin:0px;
 554         font-family:arial,helvetica,sans-serif;
 555         background-color:#c0c0c0;
 556         text-decoration:none;
 557         color:#00348b;
 558         font-size:13px;
 559         font-weight:bold;
 560 }
 561
 562 a.tab_near_active, input.tab_near_active {
 563         height:20px;
 564         border:0px;
 565         margin:0px;
 566         font-family:arial,helvetica,sans-serif;
 567         background-color:#c0c0c0;
 568         text-decoration:none;
 569         color:#00348b;
 570         font-size:13px;
 571         font-weight:bold;
 572 }
 573
 574 img.center {
 575         text-align:center;
 576         vertical-align:middle;
 577 }
 578
 579 input.center {
 580         text-align:left;
 581         vertical-align:middle;
 582 }
 583
 584 select.center {
 585         text-align:left;
 586         vertical-align:middle;
 587 }
 588
 589 a.center {
 590         text-align:left;
 591         vertical-align:middle;
 592 }
 593
 594 /********************** Template migration *********************/
 595
 596 /* Login screen */
 597 div.gosaLoginSpacer {
 598         height:100px;
 599 }
 600
 601 table.gosaLoginMask {
 602         background-color:#8b898b;
 603         text-align:center;
 604         border:0px;
 605 }
 606
 607 td.gosaLoginBack {
 608         width:606px;
 609         height:406px;
 610         background:url(images/login.png);
 611         vertical-align:top;
 612 }
 613
 614 div.gosaLoginBack {
 615         padding-top:35px;
 616         margin-left:100px;
 617         margin-right:50px;
 618         padding-bottom:0px;
 619         vertical-align:top;
 620 }
 621
 622 p.gosaLoginHeader {
 623         text-align:center;
 624         font-size:14px;
 625         font-weight:bold;
 626         margin-bottom:15px;
 627 }
 628
 629 p.gosaLoginWarning {
 630         text-align:center;
 631         color:red;
 632         font-weight:bold;
 633         font-size:12px;
 634 }
 635
 636 /* Account Expired screen */
 637 td.gosaAccountExpiredBack {
 638   width:550px;
 639   height:300px;
 640   background:url(images/accountexpired.png);
 641   vertical-align:top;
 642 }
 643
 644 div.gosaAccountExpiredBack {
 645   padding-top:40px;
 646   margin-left:90px;
 647   margin-right:50px;
 648   padding-bottom:0px;
 649   vertical-align:top;
 650 }
 651
 652 p.gosaAccountExpiredHeader {
 653   text-align:left;
 654   font-size:14px;
 655   font-weight:bold;
 656   margin-bottom:15px;
 657 }
 658
 659 table.framework {
 660         width:100%;
 661         height:100%;
 662         border:0px;
 663         border-spacing:0px;
 664         padding:0px;
 665         margin:0px;
 666         background-color:#cdf6bd;
 667         vertical-align:top;
 668 }
 669
 670 table.maintab {
 671         width:100%;
 672         height:100%;
 673         border:0px;
 674         border-spacing:0px;
 675         padding:0px;
 676         margin:0px;
 677         background-color:#cdf6bd;
 678         vertical-align:top;
 679 }
 680
 681
 682 input {
 683         font-size:12px;
 684 }
 685
 686 input:focus {
 687         font-size:12px;
 688 }
 689
 690 select {
 691         font-size:12px;
 692 }
 693
 694 textarea {
 695         font-size:12px;
 696 }
 697
 698 textarea:focus {
 699         font-size:12px;
 700 }
 701
 702 div.contentboxh {
 703         background-color:#e8e8e8;
 704         border:1px solid #b0b0b0;
 705         border-bottom-width:0px;
 706         height:26px;
 707         vertical-align:middle;
 708 }
 709
 710 p.contentboxh {
 711         margin:2px;
 712         font-family:arial,helvetica,sans-serif;
 713         font-size:16px;
 714         font-weight:bold;
 715         vertical-align:middle;
 716 }
 717
 718 div.contentboxb {
 719         border:1px solid #b0b0b0;
 720         border-top-width:0px;
 721         vertical-align:middle;
 722 }
 723
 724 p.contentboxb {
 725         padding-bottom:0px;
 726         margin:0px;
 727         border:4px solid #f8f8f8;
 728         vertical-align:middle;
 729 }
 730
 731 a.alphaselect:hover {
 732         text-decoration:none;
 733         background-color:#a0a0a0;
 734         color:white;
 735 }
 736
 737 table.check {
 738         background-color:#e1e1f1;
 739         color:black;
 740         border:1px dashed #a0a0a0;
 741         width:95%;
 742         margin-left:20px;
 743 }
 744
 745 td.check {
 746         border-right:1px dashed #a0a0a0;
 747 }
 748
 749 option.select {
 750         background-repeat:no-repeat;
 751         background-position:0px top;
 752         border:0;
 753         padding-left:20px;
 754         padding-bottom:1px;
 755         height:18px;
 756 }
 757
 758 input.menubar{
 759         text-decoration:none;
 760         height:19px;
 761         padding:0px;
 762         width:100%;
 763 }
 764
 765 td.tbhead {
 766         border-right:1px solid #B0B0B0;
 767         border-bottom:1px solid #B0B0B0;
 768 }
 769
 770 td.tbrhead {
 771         border-bottom:1px solid #B0B0B0;
 772 }