html/themes/altlinux/style.css

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