gosa-core/html/themes/modern/style.css

   1 body, html {
   2   border:0;
   3   margin:0;
   4   background-color:#FFF;
   5   color:#000;
   6   font-size:12px;
   7   font-family:"Lucida Grande",Arial,Verdana,sans-serif;
   8   height:100%;
   9 }
  10
  11 .left{
  12   float:left;
  13 }
  14
  15 .right{
  16   float:right;
  17 }
  18
  19 .v-spacer{
  20   height:8px;
  21 }
  22
  23 hr {
  24   border:0;
  25   border-bottom:1px solid #CCC;
  26 }
  27
  28 input[type=text]{
  29   border:1px solid #CCC;
  30   padding:3px;
  31 }
  32
  33 input[type=text]:active, input[type=text]:focus{
  34   border:1px solid #777;
  35 }
  36
  37 input[type=text]:hover{
  38   border-color:#777;
  39 }
  40
  41 h1, h2, h3 {
  42   margin-top:2px;
  43 }
  44
  45 h3 {
  46   font-size:12px;
  47   font-weight:bold;
  48 }
  49
  50
  51 /* Title bar definitions */
  52
  53 div.title-bar{
  54   padding:0px;
  55   height:40px;
  56   border-top:1px solid #111;
  57   border-bottom:1px solid #222;
  58   background:url('images/title-bar.png') repeat-x;
  59   color:#FFF;
  60   cursor:default;
  61 }
  62
  63 div.title-bar ul, div.title-bar ul li{
  64   list-style:none;
  65   display:inline;
  66   margin:0;
  67   padding:0;
  68 }
  69
  70 span.logged-in-user{
  71   font-style:italic;
  72 }
  73
  74 li.table-wrapper {
  75   display:table;
  76 }
  77
  78 div.logged-in-label {
  79   display:table-cell;
  80   height:40px;
  81   vertical-align:middle;
  82   padding:0 5px 0 5px;
  83 }
  84
  85 div.logout-label {
  86   display:table-cell;
  87   height:40px;
  88   vertical-align:middle;
  89   padding:0 5px 0 5px;
  90 }
  91
  92 #log-out{
  93   width:16px;
  94   height:16px;
  95   border:0;
  96   background-color:transparent;
  97   background-image:url('images/btn-logout.png');
  98   cursor:pointer;
  99 }
 100
 101 #log-out:hover{
 102   background-image:url('images/btn-logout-hover.png')
 103 }
 104
 105
 106 /* Screen areas */
 107
 108 div.navigation {
 109   float:left;
 110   position:absolute;
 111   width:150px;
 112   min-height:600px;
 113   padding-left:6px;
 114   margin-top:8px;
 115 }
 116
 117 div.plugin-area {
 118   float:right;
 119   position:absolute;
 120   left:164px;
 121   right:0;
 122   padding-right:6px;
 123   min-height:600px;
 124   min-width:700px;
 125   cursor:default;
 126 }
 127
 128
 129 /* Plugin decorations */
 130
 131 .plugin {
 132   clear:both;
 133   padding:5px 8px;
 134   position:relative;
 135   border:1px solid #CCC;
 136   border-radius:5px;
 137   box-shadow: 0 1px 0 rgba(0,0,0,0.2);
 138   -webkit-border-radius:5px;
 139   -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
 140   -moz-border-radius:5px;
 141   -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.2);
 142 }
 143
 144 .plugin-actions {
 145   padding-top:5px;
 146   text-align:right;
 147 }
 148
 149
 150 /* Plugin navigation bar */
 151
 152 .plugin-path {
 153   margin-top:8px;
 154   margin-bottom:8px;
 155   height:32px;
 156   background-color:#F8F8F8;
 157   border:1px solid #CCC;
 158   border-radius:5px;
 159   -moz-border-radius:5px;
 160   -webkit-border-radius:5px;
 161   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
 162   background: -moz-linear-gradient(top, #F8F8F8, #EEE);
 163 }
 164
 165 ul.path-navigation {
 166   list-style:none;
 167   cursor:pointer;
 168   padding:0;
 169   margin:0;
 170   color:#666;
 171 }
 172
 173 ul.path-navigation li {
 174   display:inline;
 175   padding:5px;
 176   padding-top:8px;
 177   height:19px;
 178 }
 179
 180 ul.path-navigation li:hover {
 181   background-color: #E0E0E0;
 182   background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#E0E0E0));
 183   background: -moz-linear-gradient(top, #EEE, #E0E0E0);
 184 }
 185
 186 div.nav-home {
 187   height:14px;
 188   width:20px;
 189   background-image:url(images/home.png);
 190 }
 191
 192 .right-border {
 193   border-right:1px solid #C2C2C2;
 194 }
 195
 196 .left-border {
 197   border-left:1px solid #C2C2C2;
 198 }
 199
 200
 201 /* Side menu */
 202
 203 div.menu {
 204   background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#F5F5F5));
 205   background: -moz-linear-gradient(top, #FFF, #F5F5F5);
 206 }
 207
 208 div.menu div {
 209   height:3px;
 210   border-right:1px solid #C2C2C2;
 211   border-left:1px solid #C2C2C2;
 212   border-bottom:1px solid #C2C2C2;
 213   border-bottom-left-radius:5px;
 214   border-bottom-right-radius:5px;
 215   box-shadow: 0 1px 0 rgba(0,0,0,0.2);
 216   -webkit-border-bottom-left-radius:5px;
 217   -webkit-border-bottom-right-radius:5px;
 218   -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
 219   -moz-border-radius:5px;
 220   -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.2);
 221 }
 222
 223 div.menu ul {
 224   list-style:none;
 225   margin:0;
 226   padding:0;
 227 }
 228
 229 div.menu ul li {
 230   padding:5px;
 231   cursor:pointer;
 232   border-left:1px solid #C2C2C2;
 233   border-right:1px solid #C2C2C2;
 234 }
 235
 236 div.menu ul li:hover {
 237   background-color: #E0E0E0;
 238 }
 239
 240 div.menu ul li.menu-header {
 241   cursor:default;
 242   text-align:center;
 243   font-weight:bold;
 244   color:#FFF;
 245   border:0;
 246   background-color: #415A84;
 247   background: -webkit-gradient(linear, 0 0, 0 100%, from(#5B6B8E), to(#2A4A79));
 248   background: -moz-linear-gradient(top, #5B6B8E, #2A4A79);
 249   border-top-left-radius:5px;
 250   border-top-right-radius:5px;
 251   -moz-border-radius-topleft:5px;
 252   -moz-border-radius-topright:5px;
 253   -webkit-border-top-left-radius:5px;
 254   -webkit-border-top-right-radius:5px;
 255 }
 256
 257
 258 /* Buttons */
 259
 260 .button {
 261   padding:2px 6px;
 262   margin:0;
 263   background-color:#F8F8F8;
 264   background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#BBB));
 265   background: -moz-linear-gradient(top, #FFF, #BBB);
 266   border:1px solid #BBB;
 267   border-radius:2px;
 268   -webkit-border-radius:2px;
 269   -moz-border-radius:2px;
 270   outline:none;
 271 }
 272
 273 .button:active {
 274   background-color:#CCC;
 275   background: -webkit-gradient(linear, 0 100%, 0 0, from(#FFF), to(#BBB));
 276   background: -moz-linear-gradient(top, #BBB, #FFF);
 277 }
 278
 279 .button:hover {
 280   cursor:pointer;
 281   border-color:#777 !important;
 282 }
 283
 284 .button:focus, .button:active {
 285   border-color:#777;
 286 }
 287
 288
 289 /* Tabs */
 290
 291 .tabs {
 292   width:100%;
 293   height:25px;
 294 }
 295
 296 .tab-content {
 297   padding:5px 8px;
 298   z-index:0;
 299   margin-top:-2px;
 300   position:relative;
 301   border:1px solid #CCC;
 302   border-top-right-radius:5px;
 303   border-bottom-right-radius:5px;
 304   border-bottom-left-radius:5px;
 305   box-shadow: 0 1px 0 rgba(0,0,0,0.2);
 306   -webkit-border-top-right-radius:5px;
 307   -webkit-border-bottom-right-radius:5px;
 308   -webkit-border-bottom-left-radius:5px;
 309   -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
 310   -moz-border-radius-topright:5px;
 311   -moz-border-radius-bottomright:5px;
 312   -moz-border-radius-bottomleft:5px;
 313   -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
 314 }
 315
 316 .tabs ul {
 317   margin:0;
 318   padding:0;
 319   list-style:none;
 320 }
 321
 322 .tabs li {
 323   float:left;
 324   margin:0;
 325   padding:4px 8px;
 326   border-top:1px solid #C8C8C8;
 327   border-left:1px solid #C8C8C8;
 328   border-right:1px solid #C8C8C8;
 329   border-top-right-radius:5px;
 330   border-top-left-radius:5px;
 331   -webkit-border-top-right-radius:5px;
 332   -webkit-border-top-left-radius:5px;
 333   -moz-border-radius-topleft:5px;
 334   -moz-border-radius-topright:5px;
 335   background-color:#F8F8F8;
 336   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
 337   background: -moz-linear-gradient(top, #F8F8F8, #EEE);
 338   color:#AAA;
 339 }
 340
 341 .tabs li.current {
 342   background-color:#FFF;
 343   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#FFF));
 344   background: -moz-linear-gradient(top, #F8F8F8, #FFF);
 345   margin-top:-2px;
 346   max-height:14px;
 347   padding-bottom:6px;
 348   border-bottom:1px solid #FFF;
 349   position:relative;
 350   z-index:1;
 351   color:#000;
 352 }
 353
 354 .tabs a {
 355   float:left;
 356   display:block;
 357   text-decoration:none;
 358   font-weight:bold;
 359   color:#777;
 360 }
 361
 362 .tabs li a:visited {
 363   color:#777;
 364 }
 365
 366 .tabs li.current a:visited {
 367   color:#000;
 368 }
 369
 370
 371 /* Fieldsets */
 372
 373 fieldset {
 374   border:0;
 375   padding:4px;
 376   margin:0;
 377 }
 378
 379 fieldset legend{
 380   text-align:left;
 381   padding:0px 0px;
 382   margin-left:0px;
 383   font-weight:bold;
 384 }
 385
 386 fieldset label{
 387   width:8em;
 388   float:left;
 389   text-align:left;
 390   clear:left;
 391   padding-top:3px;
 392   margin-top:3px;
 393 }
 394
 395 fieldset input[type=text]{
 396   float:left;
 397   width:10em;
 398   margin-top:3px;
 399 }
 400
 401 fieldset input[type=checkbox]{
 402   clear:left;
 403   float:left;
 404   margin-top:1px;
 405   margin-left:0;
 406 }
 407
 408 fieldset select{
 409   margin-top:5px;
 410 }
 411
 412 fieldset textarea{
 413   width:100%;
 414   resize:none;
 415   border:1px solid #CCC;
 416 }
 417
 418 fieldset textarea:hover{
 419   border-color:#777;
 420 }
 421
 422 .fieldset-left {
 423   padding-right:10px;
 424   border-right:1px solid #CCC;
 425   height:100%;
 426 }
 427
 428 .fieldset-middle {
 429   padding:0 10px;
 430   border-right:1px solid #CCC;
 431   height:100%;
 432 }
 433
 434 .fieldset-right {
 435   padding:0 10px;
 436   height:100%;
 437 }
 438
 439 /* Containers */
 440
 441 .container{
 442   float:none;
 443   clear:both;
 444   height:100%;
 445 }
 446
 447 .container-element{
 448   float:left;
 449   height:100%;
 450 }
 451
 452 .clear-left{
 453   clear:left;
 454 }
 455
 456 .clear{
 457   clear:both;
 458 }
 459
 460 .line-clear{
 461   clear:both;
 462   padding:2px 0;
 463   border-bottom:1px solid #CCC;
 464 }
 465
 466
 467 /* Icon menu */
 468
 469 .icon-menu-item{
 470   float:left;
 471   background-repeat:no-repeat;
 472   padding:0 10px 10px 56px;
 473 }
 474
 475 .icon-menu-item:hover{
 476   background-color: #E0E0E0;
 477 }
 478
 479 .icon-menu-item h1{
 480   font-size:16px;
 481   font-weight:bold;
 482   margin:0;
 483 }
 484
 485 .icon-menu-item p{
 486   margin:0;
 487 }
 488
 489
 490 /* Errors */
 491
 492 .error {
 493   border-color:red ! important;
 494 }
 495