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         text-align:center;
 199         vertical-align:middle;
 200 }
 201
 202 a.maintitlebar:hover {
 203         text-decoration:none;
 204         background-color:#B0D3A0;
 205 }
 206
 207 p.menuheader {
 208         font-family:arial,helvetica,sans-serif;
 209         color:#00378a;
 210         text-decoration:none;
 211         background-color:#CDF6BD;
 212         font-weight:bold;
 213         font-size:12px;
 214         text-align:center;
 215         width:100%;
 216         vertical-align:middle;
 217         padding:3px;
 218         margin-top:30px;
 219 }
 220
 221 p.menuitem {
 222         font-family:arial,helvetica,sans-serif;
 223         color:#00378a;
 224         text-decoration:none;
 225         font-weight:normal;
 226         font-size:12px;
 227         text-align:left;
 228         padding-left:15px;
 229         padding-top:2px;
 230         padding-bottom:2px;
 231         vertical-align:middle;
 232         margin:2px;
 233         background-color:#dfffdf;
 234         padding-right:5px;
 235 }
 236
 237 p.menuitem:hover {
 238         background-color:#d2f6c2;
 239 }
 240
 241 table.menuitem {
 242         width:100%;
 243         margin-top:10px;
 244         margin-bottom:10px;
 245         margin-right:10px;
 246         background-color:#f0f0f0;
 247 }
 248
 249 table.menuitem:hover {
 250         background-color:#c5c5c5;
 251 }
 252
 253
 254 td.phonelist:hover {
 255         background-color:#d2d2d2;
 256 }
 257
 258 h1.menuheader {
 259         border-style:solid;
 260         border-color:#707070;
 261         width:100%;
 262         border-top-width:1px;
 263         border-bottom-width:0px;
 264         border-left-width:0px;
 265         border-right-width:0px;
 266         padding-top:10px;
 267         padding-bottom:0px;
 268 }
 269
 270 div.copynotice{
 271         border-style:solid;
 272         border-color:#707070;
 273         width:100%;
 274         border-top-width:1px;
 275         border-bottom-width:0px;
 276         border-left-width:0px;
 277         border-right-width:0px;
 278         padding-top:3px;
 279         padding-bottom:0px;
 280         text-align:right;
 281         font-family:arial,helvetica,sans-serif;
 282         font-size:10px;
 283 }
 284
 285 a:link {
 286         text-decoration:none;
 287         color:#00008f;
 288 }
 289
 290 a:visited {
 291         text-decoration:none;
 292         color:#00008f;
 293 }
 294
 295 a.menuitem:link {
 296         text-decoration:none;
 297         color:#00008f;
 298 }
 299
 300 a.menuitem:visited {
 301         text-decoration:none;
 302         color:#00008f;
 303 }
 304
 305 a.menuitem:hover {
 306         text-decoration:none;
 307 }
 308
 309 a.iconmenu:link {
 310         text-decoration:none;
 311         color:#00008f;
 312 }
 313
 314 td.iconmenu:hover {
 315         background-color:#e0e0e0;
 316 }
 317
 318 a.iconmenu:visited {
 319         text-decoration:none;
 320         color:#00008f;
 321 }
 322
 323 a.iconmenu:hover {
 324         text-decoration:none;
 325 }
 326
 327 h1.plugtop{
 328         border-style:solid;
 329         border-color:#707070;
 330         width:100%;
 331         border-top-width:0px;
 332         border-bottom-width:1px;
 333         border-left-width:0px;
 334         border-right-width:0px;
 335         padding-top:0px;
 336         margin-top:0px;
 337         padding-bottom:6px;
 338         text-align:left;
 339         background-color:red;
 340         font-family:arial,helvetica,sans-serif;
 341         font-size:24px;
 342 }
 343
 344 div.plugtop {
 345         border-style:solid;
 346         border-color:#b0b0b0;
 347         width:100%;
 348         border-top-color:#e0e0f0;
 349         border-top-width:6px;
 350         border-bottom-width:1px;
 351         border-left-width:0px;
 352         border-right-width:0px;
 353         padding-top:0px;
 354         padding-bottom:6px;
 355         margin-bottom: 0px;
 356         text-align:left;
 357         vertical-align:middle;
 358         background-color:#e0e0f0;
 359         font-family:arial,helvetica,sans-serif;
 360         font-weight:bold;
 361         font-size:24px;
 362 }
 363
 364 div.pluginfo {
 365         border:solid;
 366         border:0px;
 367         width:100%;
 368         padding-top:2px;
 369         padding-bottom:2px;
 370         margin-bottom:10px;
 371         text-align:right;
 372         vertical-align:middle;
 373         background-color:#c0c0e0;
 374         font-family:arial,helvetica,sans-serif;
 375         font-size:11px;
 376 }
 377
 378 p.seperator {
 379         border-style:solid;
 380         border-color:#a0a0a0;
 381         width:100%;
 382         border-top-width:0px;
 383         border-bottom-width:1px;
 384         border-left-width:0px;
 385         border-right-width:0px;
 386         padding-top:0px;
 387         padding-bottom:0px;
 388         margin-top:0px;
 389         margin-bottom:0px;
 390         text-align:left;
 391 }
 392
 393 p.plugbottom {
 394         border-style:solid;
 395         border-color:#a0a0a0;
 396         width:100%;
 397         border-top-width:1px;
 398         border-bottom-width:0px;
 399         border-left-width:0px;
 400         border-right-width:0px;
 401         padding-top:10px;
 402         padding-bottom:0px;
 403         text-align:right;
 404         font-family:arial,helvetica,sans-serif;
 405 }
 406
 407 font.must {
 408         color:red;
 409         font-family:arial,helvetica,sans-serif;
 410 }
 411
 412 div.tab_active {
 413         text-align:center;
 414         height:25px;
 415         width:100px;
 416         background-color:#f0f0f0;
 417         border-style:solid;
 418         border-color:black;
 419         border-top-width:1px;
 420         border-bottom-width:0px;
 421         border-left-width:1px;
 422         border-right-width:1px;
 423         margin-top:0px;
 424         padding-top:1px;
 425 }
 426
 427 div.tab_left {
 428         text-align:center;
 429         height:20px;
 430         width:100px;
 431         background-color:#c0c0c0;
 432         border-style:solid;
 433         border-color:black;
 434         border-top-width:1px;
 435         border-bottom-width:1px;
 436         border-left-width:1px;
 437         border-right-width:0px;
 438         margin-top:5px;
 439         padding-top:1px;
 440 }
 441
 442 div.tab_right {
 443         text-align:center;
 444         height:20px;
 445         width:100px;
 446         background-color:#c0c0c0;
 447         border-style:solid;
 448         border-color:black;
 449         border-top-width:1px;
 450         border-bottom-width:1px;
 451         border-left-width:0px;
 452         border-right-width:1px;
 453         margin-top:5px;
 454         padding-top:1px;
 455 }
 456
 457 div.tab_near_active {
 458         text-align:center;
 459         height:20px;
 460         width:100px;
 461         background-color:#c0c0c0;
 462         border-style:solid;
 463         border-color:black;
 464         border-top-width:1px;
 465         border-bottom-width:1px;
 466         border-left-width:1px;
 467         border-right-width:1px;
 468         margin-top:5px;
 469         padding-top:1px;
 470 }
 471
 472 div.tab_border {
 473         width:100%;
 474         height:20px;
 475         border-style:solid;
 476         border-color:black;
 477         border-top-width:0px;
 478         border-bottom-width:1px;
 479         border-left-width:0px;
 480         border-right-width:0px;
 481 }
 482
 483 a.tab_active, input.tab_active {
 484         border:0px;
 485         margin:0px;
 486         width:100px;
 487         height:22px;
 488         font-family:arial,helvetica,sans-serif;
 489         background-color:#f0f0f0;
 490         text-decoration:none;
 491         color:#00348B;
 492         font-size:13px;
 493         font-weight:bold;
 494 }
 495
 496 a.tab_right, input.tab_right {
 497         width:100px;
 498         height:20px;
 499         border:0px;
 500         margin:0px;
 501         font-family:arial,helvetica,sans-serif;
 502         background-color:#c0c0c0;
 503         text-decoration:none;
 504         color:#00348b;
 505         font-size:13px;
 506         font-weight:bold;
 507 }
 508
 509 a.tab_left, input.tab_left {
 510         width:100px;
 511         height:20px;
 512         border:0px;
 513         margin:0px;
 514         font-family:arial,helvetica,sans-serif;
 515         background-color:#c0c0c0;
 516         text-decoration:none;
 517         color:#00348b;
 518         font-size:13px;
 519         font-weight:bold;
 520 }
 521
 522 a.tab_near_active, input.tab_near_active {
 523         width:100px;
 524         height:20px;
 525         border:0px;
 526         margin:0px;
 527         font-family:arial,helvetica,sans-serif;
 528         background-color:#c0c0c0;
 529         text-decoration:none;
 530         color:#00348b;
 531         font-size:13px;
 532         font-weight:bold;
 533 }
 534
 535 img.center {
 536         text-align:center;
 537         vertical-align:middle;
 538 }
 539
 540 input.center {
 541         text-align:left;
 542         vertical-align:middle;
 543 }
 544
 545 select.center {
 546         text-align:center;
 547         vertical-align:middle;
 548 }
 549
 550 a.center {
 551         text-align:left;
 552         vertical-align:middle;
 553 }
 554
 555 /********************** Template migration *********************/
 556
 557 /* Login screen */
 558 div.gosaLoginSpacer {
 559         height:100px;
 560 }
 561
 562 table.gosaLoginMask {
 563         background-color:#8b898b;
 564         text-align:center;
 565         border:0px;
 566 }
 567
 568 td.gosaLoginBack {
 569         width:606px;
 570         height:406px;
 571         background:url(images/login.png);
 572         vertical-align:top;
 573 }
 574
 575 div.gosaLoginBack {
 576         padding-top:35px;
 577         margin-left:100px;
 578         margin-right:50px;
 579         padding-bottom:0px;
 580         vertical-align:top;
 581 }
 582
 583 p.gosaLoginHeader {
 584         text-align:center;
 585         font-size:14px;
 586         font-weight:bold;
 587         margin-bottom:15px;
 588 }
 589
 590 p.gosaLoginWarning {
 591         text-align:center;
 592         color:red;
 593         font-weight:bold;
 594         font-size:12px;
 595 }
 596
 597 table.framework {
 598         width:100%;
 599         height:100%;
 600         border:0px;
 601         border-spacing:0px;
 602         padding:0px;
 603         margin:0px;
 604         background-color:#cdf6bd;
 605         vertical-align:top;
 606 }
 607
 608 table.maintab {
 609         width:100%;
 610         height:100%;
 611         border:0px;
 612         border-spacing:0px;
 613         padding:0px;
 614         margin:0px;
 615         background-color:#cdf6bd;
 616         vertical-align:top;
 617 }
 618
 619
 620 input {
 621         font-size:12px;
 622 }
 623
 624 input:focus {
 625         font-size:12px;
 626 }
 627
 628 select {
 629         font-size:12px;
 630 }
 631
 632 textarea {
 633         font-size:12px;
 634 }
 635
 636 textarea:focus {
 637         font-size:12px;
 638 }
 639
 640 div.contentboxh {
 641         background-color:#e8e8e8;
 642         border:1px solid #b0b0b0;
 643         border-bottom-width:0px;
 644         height:26px;
 645         vertical-align:middle;
 646 }
 647
 648 p.contentboxh {
 649         margin:2px;
 650         font-family:arial,helvetica,sans-serif;
 651         font-size:16px;
 652         font-weight:bold;
 653         vertical-align:middle;
 654 }
 655
 656 div.contentboxb {
 657         border:1px solid #b0b0b0;
 658         border-top-width:0px;
 659         vertical-align:middle;
 660 }
 661
 662 p.contentboxb {
 663         padding-bottom:0px;
 664         margin:0px;
 665         border:4px solid #f8f8f8;
 666         vertical-align:middle;
 667 }
 668
 669 a.alphaselect:hover {
 670         text-decoration:none;
 671         background-color:#a0a0a0;
 672         color:white;
 673 }
 674
 675 table.check {
 676         background-color:#e1e1f1;
 677         color:black;
 678         border:1px dashed #a0a0a0;
 679         width:95%;
 680         margin-left:20px;
 681 }
 682
 683 td.check {
 684         border-right:1px dashed #a0a0a0;
 685 }
 686
 687 option.select {
 688         background-repeat:no-repeat;
 689         background-position:0px top;
 690         border:0;
 691         padding-left:20px;
 692         padding-bottom:1px;
 693         height:18px;
 694 }
 695
 696 input.menubar{
 697         text-decoration:none;
 698         height:19px;
 699         padding:0px;
 700         width:100%;
 701 }