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