html/themes/default/style.css

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