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