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