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