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 #C0C0C0;
  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 h1.menuheader {
 295         border-style:solid;
 296         border-color:#707070;
 297         width:100%;
 298         border-top-width:1px;
 299         border-bottom-width:0px;
 300         border-left-width:0px;
 301         border-right-width:0px;
 302         padding-top:10px;
 303         padding-bottom:0px;
 304 }
 305
 306 div.copynotice{
 307         border-style:solid;
 308         border-color:#707070;
 309         width:100%;
 310         border-top-width:1px;
 311         border-bottom-width:0px;
 312         border-left-width:0px;
 313         border-right-width:0px;
 314         padding-top:3px;
 315         padding-bottom:0px;
 316         text-align:right;
 317         font-family:arial,helvetica,sans-serif;
 318         font-size:10px;
 319 }
 320
 321 a:link {
 322         text-decoration:none;
 323         color:#00008f;
 324 }
 325
 326 a:visited {
 327         text-decoration:none;
 328         color:#00008f;
 329 }
 330
 331 a.menuitem:link {
 332         text-decoration:none;
 333         color:#00008f;
 334 }
 335
 336 a.menuitem:visited {
 337         text-decoration:none;
 338         color:#00008f;
 339 }
 340
 341 a.menuitem:hover {
 342         text-decoration:none;
 343 }
 344
 345 a.iconmenu:link {
 346         text-decoration:none;
 347         color:#00008f;
 348 }
 349
 350 td.iconmenu:hover {
 351         background-color:#e0e0e0;
 352 }
 353
 354 a.iconmenu:visited {
 355         text-decoration:none;
 356         color:#00008f;
 357 }
 358
 359 a.iconmenu:hover {
 360         text-decoration:none;
 361 }
 362
 363 h1.plugtop{
 364         border-style:solid;
 365         border-color:#707070;
 366         width:100%;
 367         border-top-width:0px;
 368         border-bottom-width:1px;
 369         border-left-width:0px;
 370         border-right-width:0px;
 371         padding-top:0px;
 372         margin-top:0px;
 373         padding-bottom:6px;
 374         text-align:left;
 375         background-color:red;
 376         font-family:arial,helvetica,sans-serif;
 377         font-size:24px;
 378 }
 379
 380 div.plugtop {
 381         border-style:solid;
 382         border-color:#b0b0b0;
 383         width:100%;
 384         border-top-color:#e0e0f0;
 385         border-top-width:6px;
 386         border-bottom-width:1px;
 387         border-left-width:0px;
 388         border-right-width:0px;
 389         padding-top:0px;
 390         padding-bottom:6px;
 391         margin-bottom: 0px;
 392         text-align:left;
 393         vertical-align:middle;
 394         background-color:#e0e0f0;
 395         font-family:arial,helvetica,sans-serif;
 396         font-weight:bold;
 397         font-size:24px;
 398 }
 399
 400 div.pluginfo {
 401         border:solid;
 402         border:0px;
 403         width:100%;
 404         padding-top:2px;
 405         padding-bottom:2px;
 406         margin-bottom:10px;
 407         text-align:right;
 408         vertical-align:middle;
 409         background-color:#c0c0e0;
 410         font-family:arial,helvetica,sans-serif;
 411         font-size:11px;
 412 }
 413
 414 p.seperator {
 415         border-style:solid;
 416         border-color:#a0a0a0;
 417         width:100%;
 418         border-top-width:0px;
 419         border-bottom-width:1px;
 420         border-left-width:0px;
 421         border-right-width:0px;
 422         padding-top:0px;
 423         padding-bottom:0px;
 424         margin-top:0px;
 425         margin-bottom:0px;
 426         text-align:left;
 427 }
 428
 429 p.plugbottom {
 430         border-style:solid;
 431         border-color:#a0a0a0;
 432         width:100%;
 433         border-top-width:1px;
 434         border-bottom-width:0px;
 435         border-left-width:0px;
 436         border-right-width:0px;
 437         padding-top:10px;
 438         padding-bottom:0px;
 439         text-align:right;
 440         font-family:arial,helvetica,sans-serif;
 441 }
 442
 443 font.must {
 444         color:red;
 445         font-family:arial,helvetica,sans-serif;
 446 }
 447
 448 div.tab_active {
 449         text-align:center;
 450         height:25px;
 451         width:100px;
 452         background-color:#f0f0f0;
 453         border-style:solid;
 454         border-color:black;
 455         border-top-width:1px;
 456         border-bottom-width:0px;
 457         border-left-width:1px;
 458         border-right-width:1px;
 459         margin-top:0px;
 460         padding-top:1px;
 461 }
 462
 463 div.tab_left {
 464         text-align:center;
 465         height:20px;
 466         width:100px;
 467         background-color:#c0c0c0;
 468         border-style:solid;
 469         border-color:black;
 470         border-top-width:1px;
 471         border-bottom-width:1px;
 472         border-left-width:1px;
 473         border-right-width:0px;
 474         margin-top:5px;
 475         padding-top:1px;
 476 }
 477
 478 div.tab_right {
 479         text-align:center;
 480         height:20px;
 481         width:100px;
 482         background-color:#c0c0c0;
 483         border-style:solid;
 484         border-color:black;
 485         border-top-width:1px;
 486         border-bottom-width:1px;
 487         border-left-width:0px;
 488         border-right-width:1px;
 489         margin-top:5px;
 490         padding-top:1px;
 491 }
 492
 493 div.tab_near_active {
 494         text-align:center;
 495         height:20px;
 496         width:100px;
 497         background-color:#c0c0c0;
 498         border-style:solid;
 499         border-color:black;
 500         border-top-width:1px;
 501         border-bottom-width:1px;
 502         border-left-width:1px;
 503         border-right-width:1px;
 504         margin-top:5px;
 505         padding-top:1px;
 506 }
 507
 508 div.tab_border {
 509         width:100%;
 510         height:20px;
 511         border-style:solid;
 512         border-color:black;
 513         border-top-width:0px;
 514         border-bottom-width:1px;
 515         border-left-width:0px;
 516         border-right-width:0px;
 517 }
 518
 519 a.tab_active, input.tab_active {
 520         border:0px;
 521         margin:0px;
 522         width:100px;
 523         height:22px;
 524         font-family:arial,helvetica,sans-serif;
 525         background-color:#f0f0f0;
 526         text-decoration:none;
 527         color:#00348B;
 528         font-size:13px;
 529         font-weight:bold;
 530 }
 531
 532 a.tab_right, input.tab_right {
 533         width:100px;
 534         height:20px;
 535         border:0px;
 536         margin:0px;
 537         font-family:arial,helvetica,sans-serif;
 538         background-color:#c0c0c0;
 539         text-decoration:none;
 540         color:#00348b;
 541         font-size:13px;
 542         font-weight:bold;
 543 }
 544
 545 a.tab_left, input.tab_left {
 546         width:100px;
 547         height:20px;
 548         border:0px;
 549         margin:0px;
 550         font-family:arial,helvetica,sans-serif;
 551         background-color:#c0c0c0;
 552         text-decoration:none;
 553         color:#00348b;
 554         font-size:13px;
 555         font-weight:bold;
 556 }
 557
 558 a.tab_near_active, input.tab_near_active {
 559         width:100px;
 560         height:20px;
 561         border:0px;
 562         margin:0px;
 563         font-family:arial,helvetica,sans-serif;
 564         background-color:#c0c0c0;
 565         text-decoration:none;
 566         color:#00348b;
 567         font-size:13px;
 568         font-weight:bold;
 569 }
 570
 571 img.center {
 572         text-align:center;
 573         vertical-align:middle;
 574 }
 575
 576 input.center {
 577         text-align:left;
 578         vertical-align:middle;
 579 }
 580
 581 select.center {
 582         text-align:left;
 583         vertical-align:middle;
 584 }
 585
 586 a.center {
 587         text-align:left;
 588         vertical-align:middle;
 589 }
 590
 591 /********************** Template migration *********************/
 592
 593 /* Login screen */
 594 div.gosaLoginSpacer {
 595         height:100px;
 596 }
 597
 598 table.gosaLoginMask {
 599         background-color:#8b898b;
 600         text-align:center;
 601         border:0px;
 602 }
 603
 604 td.gosaLoginBack {
 605         width:606px;
 606         height:406px;
 607         background:url(images/login.png);
 608         vertical-align:top;
 609 }
 610
 611 div.gosaLoginBack {
 612         padding-top:35px;
 613         margin-left:100px;
 614         margin-right:50px;
 615         padding-bottom:0px;
 616         vertical-align:top;
 617 }
 618
 619 p.gosaLoginHeader {
 620         text-align:center;
 621         font-size:14px;
 622         font-weight:bold;
 623         margin-bottom:15px;
 624 }
 625
 626 p.gosaLoginWarning {
 627         text-align:center;
 628         color:red;
 629         font-weight:bold;
 630         font-size:12px;
 631 }
 632
 633 /* Account Expired screen */
 634 td.gosaAccountExpiredBack {
 635   width:550px;
 636   height:300px;
 637   background:url(images/accountexpired.png);
 638   vertical-align:top;
 639 }
 640
 641 div.gosaAccountExpiredBack {
 642   padding-top:40px;
 643   margin-left:90px;
 644   margin-right:50px;
 645   padding-bottom:0px;
 646   vertical-align:top;
 647 }
 648
 649 p.gosaAccountExpiredHeader {
 650   text-align:left;
 651   font-size:14px;
 652   font-weight:bold;
 653   margin-bottom:15px;
 654 }
 655
 656 table.framework {
 657         width:100%;
 658         height:100%;
 659         border:0px;
 660         border-spacing:0px;
 661         padding:0px;
 662         margin:0px;
 663         background-color:#cdf6bd;
 664         vertical-align:top;
 665 }
 666
 667 table.maintab {
 668         width:100%;
 669         height:100%;
 670         border:0px;
 671         border-spacing:0px;
 672         padding:0px;
 673         margin:0px;
 674         background-color:#cdf6bd;
 675         vertical-align:top;
 676 }
 677
 678
 679 input {
 680         font-size:12px;
 681 }
 682
 683 input:focus {
 684         font-size:12px;
 685 }
 686
 687 select {
 688         font-size:12px;
 689 }
 690
 691 textarea {
 692         font-size:12px;
 693 }
 694
 695 textarea:focus {
 696         font-size:12px;
 697 }
 698
 699 div.contentboxh {
 700         background-color:#e8e8e8;
 701         border:1px solid #b0b0b0;
 702         border-bottom-width:0px;
 703         height:26px;
 704         vertical-align:middle;
 705 }
 706
 707 p.contentboxh {
 708         margin:2px;
 709         font-family:arial,helvetica,sans-serif;
 710         font-size:16px;
 711         font-weight:bold;
 712         vertical-align:middle;
 713 }
 714
 715 div.contentboxb {
 716         border:1px solid #b0b0b0;
 717         border-top-width:0px;
 718         vertical-align:middle;
 719 }
 720
 721 p.contentboxb {
 722         padding-bottom:0px;
 723         margin:0px;
 724         border:4px solid #f8f8f8;
 725         vertical-align:middle;
 726 }
 727
 728 a.alphaselect:hover {
 729         text-decoration:none;
 730         background-color:#a0a0a0;
 731         color:white;
 732 }
 733
 734 table.check {
 735         background-color:#e1e1f1;
 736         color:black;
 737         border:1px dashed #a0a0a0;
 738         width:95%;
 739         margin-left:20px;
 740 }
 741
 742 td.check {
 743         border-right:1px dashed #a0a0a0;
 744 }
 745
 746 option.select {
 747         background-repeat:no-repeat;
 748         background-position:0px top;
 749         border:0;
 750         padding-left:20px;
 751         padding-bottom:1px;
 752         height:18px;
 753 }
 754
 755 input.menubar{
 756         text-decoration:none;
 757         height:19px;
 758         padding:0px;
 759         width:100%;
 760 }