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