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         padding:3px;
  15 }
  16
  17 td.list0 {
  18         background:#F0F0F0;
  19         border-right:1px solid #C0C0C0;
  20         padding:3px;
  21 }
  22
  23 td.list1 {
  24         background:white;
  25         border-right:1px solid #C0C0C0;
  26         padding:3px;
  27 }
  28
  29 tbody.scrollcontent {
  30         overflow:auto;
  31         overflow:-moz-scrollbars-vertical;
  32         overflow-x:hidden;
  33         max-height:480px;
  34 }
  35
  36 body
  37 {
  38   margin-left: 0px;
  39   margin-right: 0px;
  40   margin-top: 0px;
  41   margin-bottom: 0px;
  42   background-color: white;
  43   background-image:url("images/border.png");
  44   background-repeat:repeat-y;
  45   color: #00008F;
  46   font-family:Arial,Helvetica,sans-serif;
  47   font-size: 12px;
  48 }
  49
  50 h1 { font-size: 14px; color: #00378a;}
  51 h2,h3,h4,h5,h6 { font-size: 13px; color: #00378a;}
  52
  53 td,p,b {font-size: 12px;}
  54
  55 /* Title bar */
  56 a.maintitlebar, div.maintitlebar {
  57   font-family: arial,helvetica,sans-serif;
  58   text-decoration: none;
  59   color: #00348B;
  60   font-size: 12px;
  61 }
  62
  63 a.maintitlebar:hover{
  64   text-decoration: none;
  65   background-color: #B0D3A0;
  66 }
  67
  68 p.menuheader {
  69   font-family: arial,helvetica,sans-serif;
  70   color: #00378a;
  71   text-decoration: none;
  72   background-color: #CDF6BD;
  73   font-weight: bold;
  74   font-size: 12px;
  75   text-align: center;
  76   width: 100%;
  77   vertical-align: middle;
  78   padding: 3px;
  79   margin-top: 30px;
  80 }
  81
  82 p.menuitem {
  83   font-family: arial,helvetica,sans-serif;
  84   color: #00378a;
  85   text-decoration: none;
  86   font-weight: normal;
  87   font-size: 12px;
  88   text-align: left;
  89   padding-left: 15px;
  90   padding-top: 2px;
  91   padding-bottom: 2px;
  92   vertical-align: middle;
  93   margin: 2px;
  94   background-color: #DFFFDF;
  95   padding-right: 5px;
  96 }
  97
  98 p.menuitem:hover{
  99   background-color:#D2F6C2;
 100 }
 101
 102 table.menuitem {
 103   width:100%;
 104   margin-top:10px;
 105   margin-bottom:10px;
 106   margin-right:10px;
 107   background-color:#F0F0F0;
 108 }
 109
 110 table.menuitem:hover{
 111   background-color:#C5C5C5;
 112 }
 113
 114
 115 td.phonelist:hover {
 116   background-color: #D2D2D2;
 117 }
 118
 119 h1.menuheader{
 120   border-style:solid;
 121   border-color:#707070;
 122   width:100%;
 123   border-top-width:1px;
 124   border-bottom-width:0px;
 125   border-left-width:0px;
 126   border-right-width:0px;
 127   padding-top:10px;
 128   padding-bottom:0px;
 129 }
 130
 131 div.copynotice{
 132   border-style:solid;
 133   border-color:#707070;
 134   width:100%;
 135   border-top-width:1px;
 136   border-bottom-width:0px;
 137   border-left-width:0px;
 138   border-right-width:0px;
 139   padding-top:3px;
 140   padding-bottom:0px;
 141   text-align: right;
 142   font-family:Arial,Helvetica,sans-serif;
 143   font-size: 10px;
 144 }
 145
 146 a:link{
 147   text-decoration: none;
 148   color: #00008F;
 149 }
 150
 151 a:visited{
 152   text-decoration: none;
 153   color: #00008F;
 154 }
 155
 156 a.menuitem:link{
 157   text-decoration: none;
 158   color: #00008F;
 159 }
 160
 161 a.menuitem:visited{
 162   text-decoration: none;
 163   color: #00008F;
 164 }
 165
 166 a.menuitem:hover{
 167   text-decoration: none;
 168 }
 169
 170 a.iconmenu:link{
 171   text-decoration: none;
 172   color: #00008F;
 173 }
 174
 175 td.iconmenu:hover {
 176   background-color: #E0E0E0;
 177 }
 178
 179 a.iconmenu:visited{
 180   text-decoration: none;
 181   color: #00008F;
 182 }
 183
 184 a.iconmenu:hover{
 185   text-decoration: none;
 186 }
 187
 188 h1.plugtop{
 189   border-style:solid;
 190   border-color:#707070;
 191   width:100%;
 192   border-top-width:0px;
 193   border-bottom-width:1px;
 194   border-left-width:0px;
 195   border-right-width:0px;
 196   padding-top:0px;
 197   margin-top:0px;
 198   padding-bottom:6px;
 199   text-align: left;
 200   background-color: red;
 201   font-family:Arial,Helvetica,sans-serif;
 202   font-size: 24px;
 203 }
 204
 205 div.plugtop{
 206   border-style:solid;
 207   border-color:#B0B0B0;
 208   width:100%;
 209   border-top-color: #E0E0F0;
 210   border-top-width:6px;
 211   border-bottom-width:1px;
 212   border-left-width:0px;
 213   border-right-width:0px;
 214   padding-top:0px;
 215   padding-bottom:6px;
 216   margin-bottom: 0px;
 217   text-align: left;
 218   vertical-align: middle;
 219   background-color: #E0E0F0;
 220   font-family:Arial,Helvetica,sans-serif;
 221   font-weight: bold;
 222   font-size: 24px;
 223 }
 224
 225 div.pluginfo{
 226   border:solid;
 227   border:0px;
 228   width:100%;
 229   padding-top:2px;
 230   padding-bottom:2px;
 231   margin-bottom: 10px;
 232   text-align: right;
 233   vertical-align: middle;
 234   background-color: #C0C0E0;
 235   font-family:Arial,Helvetica,sans-serif;
 236   font-size: 11px;
 237 }
 238
 239 p.seperator{
 240   border-style:solid;
 241   border-color:#A0A0A0;
 242   width:100%;
 243   border-top-width:0px;
 244   border-bottom-width:1px;
 245   border-left-width:0px;
 246   border-right-width:0px;
 247   padding-top:0px;
 248   padding-bottom:0px;
 249   margin-top:0px;
 250   margin-bottom:0px;
 251   text-align: left;
 252 }
 253
 254 p.plugbottom{
 255   border-style:solid;
 256   border-color:#A0A0A0;
 257   width:100%;
 258   border-top-width:1px;
 259   border-bottom-width:0px;
 260   border-left-width:0px;
 261   border-right-width:0px;
 262   padding-top:10px;
 263   padding-bottom:0px;
 264   text-align: right;
 265   font-family:Arial,Helvetica,sans-serif;
 266 }
 267
 268 font.must {
 269   color: red;
 270   font-family:Arial,Helvetica,sans-serif;
 271 }
 272
 273 div.tab_active {
 274   text-align:center;
 275   height:25px;
 276   width:100px;
 277   background-color:#F0F0F0;
 278   border-style:solid;
 279   border-color:black;
 280   border-top-width:1px;
 281   border-bottom-width:0px;
 282   border-left-width:1px;
 283   border-right-width:1px;
 284   margin-top: 0px;
 285   padding-top:1px;
 286 }
 287
 288 div.tab_left {
 289   text-align:center;
 290   height:20px;
 291   width:100px;
 292   background-color:#C0C0C0;
 293   border-style:solid;
 294   border-color:black;
 295   border-top-width:1px;
 296   border-bottom-width:1px;
 297   border-left-width:1px;
 298   border-right-width:0px;
 299   margin-top: 5px;
 300   padding-top:1px;
 301 }
 302
 303 div.tab_right {
 304   text-align:center;
 305   height:20px;
 306   width:100px;
 307   background-color:#C0C0C0;
 308   border-style:solid;
 309   border-color:black;
 310   border-top-width:1px;
 311   border-bottom-width:1px;
 312   border-left-width:0px;
 313   border-right-width:1px;
 314   margin-top: 5px;
 315   padding-top:1px;
 316 }
 317
 318 div.tab_near_active {
 319   text-align:center;
 320   height:20px;
 321   width:100px;
 322   background-color:#C0C0C0;
 323   border-style:solid;
 324   border-color:black;
 325   border-top-width:1px;
 326   border-bottom-width:1px;
 327   border-left-width:1px;
 328   border-right-width:1px;
 329   margin-top: 5px;
 330   padding-top:1px;
 331 }
 332
 333 div.tab_border {
 334   width:100%;
 335   height:20px;
 336   border-style:solid;
 337   border-color:black;
 338   border-top-width:0px;
 339   border-bottom-width:1px;
 340   border-left-width:0px;
 341   border-right-width:0px;
 342 }
 343
 344 a.tab_active, input.tab_active {
 345   border: 0px;
 346   margin: 0px;
 347   width: 100px;
 348   height: 22px;
 349   font-family: arial,helvetica,sans-serif;
 350   background-color: #F0F0F0;
 351   text-decoration: none;
 352   color: #00348B;
 353   font-size: 13px;
 354   font-weight: bold;
 355 }
 356
 357 a.tab_right, input.tab_right {
 358   width: 100px;
 359   height: 20px;
 360   border: 0px;
 361   margin: 0px;
 362   font-family: arial,helvetica,sans-serif;
 363   background-color: #C0C0C0;
 364   text-decoration: none;
 365   color: #00348B;
 366   font-size: 13px;
 367   font-weight: bold;
 368 }
 369
 370 a.tab_left, input.tab_left {
 371   width: 100px;
 372   height: 20px;
 373   border: 0px;
 374   margin: 0px;
 375   font-family: arial,helvetica,sans-serif;
 376   background-color: #C0C0C0;
 377   text-decoration: none;
 378   color: #00348B;
 379   font-size: 13px;
 380   font-weight: bold;
 381 }
 382
 383 a.tab_near_active, input.tab_near_active {
 384   width: 100px;
 385   height: 20px;
 386   border: 0px;
 387   margin: 0px;
 388   font-family: arial,helvetica,sans-serif;
 389   background-color: #C0C0C0;
 390   text-decoration: none;
 391   color: #00348B;
 392   font-size: 13px;
 393   font-weight: bold;
 394 }
 395
 396
 397
 398 /********************** Template migration *********************/
 399
 400 /* Login screen */
 401 div.gosaLoginSpacer {
 402         height:100px;
 403 }
 404
 405 table.gosaLoginMask {
 406         background-color:#8B898B;
 407         text-align: center;
 408         border:0px;
 409 }
 410
 411 td.gosaLoginBack {
 412         width:606px;
 413         height:406px;
 414         background:url(images/login.png);
 415         vertical-align:top;
 416 }
 417
 418 div.gosaLoginBack {
 419         padding-top:35px;
 420         margin-left:100px;
 421         margin-right:50px;
 422         padding-bottom:0px;
 423         vertical-align:top;
 424 }
 425
 426 p.gosaLoginHeader {
 427         text-align: center;
 428         font-size: 14px;
 429         font-weight: bold;
 430         margin-bottom: 15px;
 431 }
 432
 433 p.gosaLoginWarning {
 434         text-align:center;
 435         color:red;
 436         font-weight:bold;
 437         font-size:12px;
 438 }
 439
 440 table.framework {
 441         width:100%;
 442         height:100%;
 443         border:0px;
 444         border-spacing:0px;
 445         padding:0px;
 446         margin:0px;
 447         background-color:#CDF6BD;
 448         vertical-align:top;
 449 }
 450
 451 table.maintab {
 452         width:100%;
 453         height:100%;
 454         border:0px;
 455         border-spacing:0px;
 456         padding:0px;
 457         margin:0px;
 458         background-color:#CDF6BD;
 459         vertical-align:top;
 460 }
 461
 462
 463 input {
 464         font-size: 12px;
 465 }
 466
 467 input:focus {
 468         font-size: 12px;
 469 }
 470
 471 select {
 472         font-size: 12px;
 473 }
 474
 475 textarea {
 476         font-size: 12px;
 477 }
 478
 479 textarea:focus {
 480         font-size: 12px;
 481 }
 482
 483 div.contentboxh {
 484         background-color:#E8E8E8;
 485         border:1px solid #B0B0B0;
 486         border-bottom-width:0px;
 487         height:26px;
 488 }
 489
 490 p.contentboxh {
 491         margin:2px;
 492         font-family:Arial,Helvetica,sans-serif;
 493         font-size: 16px;
 494         font-weight: bold;
 495 }
 496
 497 div.contentboxb {
 498         border:1px solid #B0B0B0;
 499         border-top-width:0px;
 500 }
 501
 502 p.contentboxb {
 503         padding-bottom:0px;
 504         margin:0px;
 505         border:4px solid #F8F8F8;
 506 }
 507
 508 a.alphaselect:hover {
 509         text-decoration: none;
 510         background-color: #A0A0A0;
 511         color: white;
 512 }
 513
 514 table.check {
 515         background-color: #E1E1F1;
 516         color: black;
 517         border:1px dashed #A0A0A0;
 518         width:95%;
 519         margin-left:20px;
 520 }
 521
 522 td.check {
 523         border-right:1px dashed #A0A0A0;
 524 }
 525
 526 option.select {
 527         background-repeat:no-repeat;
 528         background-position: 0px top;
 529         border:0;
 530         padding-left:20px;
 531         padding-bottom:1px;
 532         height:18px;
 533 }
 534
 535 input.menubar{
 536         text-decoration: none;
 537         height:19px;
 538         padding:0px;
 539         width:100%;
 540 }