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