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