public/assets/themes/default/stylesheets/general/construction.css

   1 body {
   2   text-align: left;
   3 }
   4
   5 body a {
   6   color:#000066;
   7         text-decoration: none;
   8 }
   9
  10 a:visited
  11 {
  12   color: #006;
  13         text-decoration: none;
  14 }
  15 a:link
  16 {
  17   color: #000066;
  18         text-decoration: none;
  19 }
  20
  21 a:active
  22 {
  23   color: #000066;
  24 }
  25 a:hover
  26 {
  27    color: #000066;
  28    background-color: #fffbab;
  29          border-bottom-width: 1px;
  30          border-bottom-style: dotted;
  31          bordor-bottom-color: -moz-use-text-color;
  32 }
  33
  34 #wrapper {
  35   width:900px;
  36         margin: 0 auto;
  37         padding-top:10px;
  38   text-align: center;
  39   background: #FFFFFF url('../../images/layout/header.jpg') top center no-repeat;
  40
  41 }
  42
  43 #header {
  44         top: 8px;
  45   width: 870px;
  46   margin-top: 15px;
  47   margin-left: 12px;
  48         margin-bottom:25px;
  49   text-align: left;
  50   background: #FFF;
  51   filter:alpha(opacity=90);
  52   -moz-opacity:.90;
  53   opacity:.90;
  54 }
  55
  56 #headerWrapper {
  57    /* background: #FFF; */
  58
  59 }
  60
  61 #header h1 {
  62   float: left;
  63   margin: 0;
  64   padding: 10px 10px 10px 10px;
  65   border: 0;
  66   background: #FFF;
  67 }
  68
  69 #header h1 a {
  70   font-weight: bold;
  71   border: 0;
  72   font-size: 24px;
  73   color: #000063;
  74 }
  75
  76 #header h1 a:hover {
  77   border: 0;
  78   text-decoration: underline;
  79 }
  80
  81 #systemNoticesWrapper {
  82   background: red;
  83   color: white;
  84   text-align: center;
  85 }
  86
  87 #systemNotices {
  88   margin: 0 auto;
  89   padding: 10px 0;
  90   width: 900px;
  91   text-align: left;
  92 }
  93
  94 #systemNotices ul {
  95   margin: 0;
  96   padding: 0 0 0 15px;
  97 }
  98
  99 #systemNotices a, #systemNotices a:hover {
 100   border: 0;
 101   color: white;
 102   text-decoration: underline;
 103 }
 104
 105 #userboxWrapper {
 106   margin-left: 450px;
 107   color: #666;
 108   font-size: 10px;
 109 }
 110
 111 #userbox {
 112   padding: 5px 8px;
 113   text-align: right;
 114         border: 0px solid #ccc;
 115   font-size: 11px;
 116
 117 }
 118
 119 #userbox ul {
 120   margin: 0;
 121   padding: 0;
 122   list-style: none;
 123 }
 124
 125 #userbox ul li {
 126   display: inline;
 127   margin-right: 2px;
 128 }
 129
 130 #userbox .PopupMenuWidgetDiv {
 131   position: absolute;
 132   border: 1px solid #000063;
 133   background: white;
 134   padding: 5px 10px;
 135   width: 140px;
 136   color: #333;
 137 }
 138
 139 #userbox .PopupMenuWidgetDiv p {
 140   margin: 0;
 141   font-weight: bolder;
 142 }
 143
 144 #userbox .PopupMenuWidgetDiv ul {
 145   margin-left: 12px;
 146   padding-left: 5px;
 147 }
 148
 149 #userbox .PopupMenuWidgetDiv ul li {
 150   display: list-item;
 151   font-weight: normal;
 152   list-style: disc;
 153 }
 154
 155 /** Tabs **/
 156
 157 #tabsWrapper {
 158   width: 900px;
 159
 160   margin: 5px auto 0 auto;
 161   text-align: left;
 162 }
 163
 164 #tabs {
 165   float: left;
 166 }
 167
 168 #tabs ul {
 169   margin: 0;
 170   padding: 0 10px;
 171   list-style: none;
 172 }
 173
 174 #tabs ul li {
 175   margin: 0 2px;
 176   float: left;
 177 }
 178
 179 #tabs ul li a {
 180   border-top: 1px solid #000066;
 181   border-left: 1px solid #000066;
 182   border-right: 1px solid #000066;
 183   display: block;
 184   padding: 0px 8px;
 185   text-align: center;
 186   color: #000063;
 187   font-size: 12px;
 188   font-weight: normal;
 189   line-height: 20px;
 190   text-decoration: none;
 191   background : #ffffff;
 192 }
 193
 194 #tabs ul li a:hover {
 195   border: 1px solid #000066;
 196   color: #000066;
 197   background : #D9E8FF;
 198   text-decoration: none;
 199 }
 200
 201 #tabs ul li.active a {
 202   border: 1px solid #000066;
 203   background : #000066;
 204   color : #FFF;
 205     font-weight: bold;
 206 }
 207
 208 #tabs ul li.active a:hover {
 209   color: white;
 210   text-decoration: none;
 211 }
 212
 213 /** Crumbs **/
 214
 215 #crumbsWrapper {
 216   clear: both;
 217   background: #000066;
 218   margin: -1px auto;
 219   float: left;
 220   width: 100%;
 221 }
 222
 223 #crumbsBlock {
 224   margin: 0 auto;
 225   padding: 0 10px;
 226   width: 880px;
 227   line-height: 25px;
 228   text-align: left;
 229 }
 230
 231 #crumbs {
 232   float: left;
 233 }
 234
 235 #crumbs ul {
 236   margin: 0;
 237   padding: 0;
 238   list-style: none;
 239 }
 240
 241 #crumbs ul li {
 242   display: inline;
 243   line-height: 22px;
 244   color: white;
 245   font-size: 11px;
 246   font-weight: normal;
 247 }
 248
 249 #crumbs ul li span {
 250   font-weight: normal;
 251 }
 252
 253 #crumbs ul li a {
 254   margin: 0 3px;
 255   border: 0;
 256   color: white;
 257   font-weight: normal;
 258   text-decoration: none;
 259 }
 260
 261 #crumbs ul li a:hover {
 262   text-decoration: underline;
 263   background: transparent;
 264 }
 265
 266 #searchBox {
 267   padding: 1px 0;
 268   text-align: right;
 269 }
 270
 271 #searchBox input {
 272   border: 1px solid #222;
 273   font-size: 10 px;
 274   padding: 1px;
 275   width: 100px;
 276   background: #fff;
 277 }
 278
 279 #searchBox input:focus {
 280   background: #D9E8FF;
 281 }
 282
 283 #searchBox button {
 284   margin: 5px 0 0 2px;
 285   border: 0;
 286   padding: 1;
 287   font-size: 11px;
 288   color: #000066;
 289   background: #eee;
 290   height: 14px;
 291 }
 292
 293 /** Content **/
 294
 295 #outerContentWrapper {
 296   clear: both;
 297   background: #FFF;
 298         border-left: 1px dashed #d9e8ff;
 299         border-right: 1px dashed #d9e8ff;
 300         padding-top: 10px;
 301 }
 302
 303 #innerContentWrapper {
 304   margin: 0 auto;
 305   padding: 0px;
 306   width: 880px;
 307   text-align: left;
 308 }
 309
 310 #innerContentWrapper  h1 {
 311   margin: 0;
 312   padding: 5px 0 5px 10px;
 313   border: 0;
 314 }
 315
 316 #pageTitle {
 317   margin-bottom: 0;
 318   font-family: Verdana,"Lucida Grande",sans-serif;
 319   font-style: normal;
 320   font-variant: normal;
 321   font-size-adjust: none;
 322   font-stretch: normal;
 323   margin-bottom: 15px;
 324   font-size: 200%;
 325   font-weight: bold;
 326   color: #000066;
 327   line-height: 1.2em;
 328 }
 329
 330 #pageContent {
 331   padding: 5px 10px;
 332   background: white;
 333 }
 334
 335 #content {
 336   float: left;
 337   width: 600px;
 338   min-height: 400px;
 339   font-size:12px;
 340 }
 341
 342 #content .description{
 343   line-height: 130%;
 344   font-size: 12px;
 345 }
 346
 347 /** Sidebar **/
 348
 349 #sidebar {
 350   margin-top: 40px;
 351   margin-left: 635px;
 352   padding: 0 10px;
 353   font-size: 10px;
 354   color : #000066;
 355 }
 356
 357
 358 #sidebar h2 {
 359   margin-top: 0;
 360   padding: 2px 2px 2px 15px;
 361         font-size: 12px;
 362   color : #fff;
 363         background-color: #000066;
 364         font-weight:normal;
 365
 366 }
 367
 368
 369 #sidebar .blockContent {
 370   margin-bottom: 10px;
 371   padding: 0 5px;
 372   line-height: 120%;
 373 }
 374
 375 #sidebar .blockContent li {
 376   padding-bottom:5px;
 377 }
 378
 379
 380
 381 #sidebar .listWithDetails li {
 382   padding-bottom: 5px;
 383 }
 384
 385 /** Page actions **/
 386
 387 #page_actions {
 388   background: #D9E8FF;
 389   margin-bottom: 20px;
 390   height: 20px;
 391   padding-left: 10px;
 392 }
 393
 394 #page_actions ul {
 395   margin: 0;
 396   padding: 0;
 397   list-style: none;
 398     vertical-align: middle;
 399 }
 400
 401 #page_actions ul li {
 402   padding-right: 3px;
 403   display: inline;
 404   font-weight: normal;
 405   font-size: 10px;
 406 }
 407
 408 #page_actions ul li a {
 409   border: 0;
 410   padding: 0 15px 0 0;
 411   color: #444;
 412   font-weight:bold;
 413   text-decoration: none;
 414   background: url('../../images/icons/more_down.gif') no-repeat right bottom;
 415 }
 416
 417 #page_actions ul li a:hover {
 418   color: black;
 419 }
 420
 421 /** Footer **/
 422
 423 #footer {
 424   clear: both;
 425   margin: 10px auto;
 426   padding: 0 10px 10px 10px;
 427   width: 880px;
 428   text-align: left;
 429   color: #999;
 430   line-height: 130%;
 431   font-size: 9px;
 432 }
 433
 434 #copy {
 435   float: left;
 436 }
 437
 438 #productSignature {
 439   text-align: right;
 440 }
 441
 442 #listOfRssFeeds {
 443   list-style: none;
 444   padding: 0 0 0 4px;
 445 }
 446
 447 #listOfRssFeeds li {
 448   padding-left: 16px;
 449   background: url('../../images/icons/feed.gif') no-repeat;
 450   line-height: 12px;
 451   margin: 2px 0;
 452 }
 453
 454 /** Helper classes **/
 455
 456 .clear {
 457   clear: both;
 458   height: 1px;
 459   overflow: hidden;
 460 }
 461
 462 #error, #success {
 463   margin: 10px 0;
 464   padding: 5px 10px;
 465   border: 1px solid #ccc;
 466   clear: both;
 467   cursor: pointer;
 468   text-align: left;
 469 }
 470
 471 #error {
 472   background: #FFB0B0;
 473   border-color: red;
 474 }
 475
 476 #success {
 477   background: #90DC90;
 478   border-color: green;
 479 }
 480
 481 /** User card **/
 482
 483 div.card {
 484   padding: 10px;
 485   border: 1px solid #ccc;
 486 }
 487
 488 * html div.card {
 489   padding-top: 5px;
 490 }
 491
 492 div.card div.cardIcon {
 493   float: left;
 494   width: 50px;
 495 }
 496
 497 div.card div.cardData {
 498   margin-left: 60px;
 499 }
 500
 501 div.card div.cardData h2 {
 502   margin-top: 0;
 503 }
 504
 505 div.card div.cardBlock {
 506   margin-bottom: 25px;
 507   padding-left: 10px;
 508 }
 509
 510 div.card div.cardBlock span {
 511   font-size: 90%;
 512   font-weight: bolder;
 513   color: #333;
 514 }
 515
 516 div.card table {
 517   margin-top: 10px;
 518 }
 519
 520 div.card table, div.card table tr, div.card table td {
 521   border: 0;
 522 }
 523
 524 div.card table tr, div.card table td {
 525   padding: 2px;
 526 }
 527
 528 /** / user card **/
 529
 530 /** Advanced pagination **/
 531
 532 div.advancedPagination {
 533   font-size: 9px;
 534   margin: 10px;
 535   text-align: right;
 536 }
 537
 538 div.advancedPagination span {
 539   line-height: 20px;
 540 }
 541
 542 div.advancedPagination select {
 543   padding: 0;
 544 }
 545
 546 /** /Advanced pagination **/
 547
 548 /** Private **/
 549
 550 div.private {
 551   float: right;
 552   height: 9px;
 553   width: 37px;
 554   overflow: hidden;
 555   background: url('../../images/icons/private.gif') no-repeat;
 556 }
 557
 558 div.private span {
 559   display: none;
 560 }
 561
 562 .messageOptions {
 563   font-size: 9px;
 564   color:#000066;
 565   text-align: right;
 566 }
 567
 568 .messageOptions a {
 569   font-size: 9px;
 570   color:#000066;
 571 }
 572
 573 .involvedCompanies {
 574   font-size: 10px;
 575   color:#999;
 576 }
 577
 578 .startedOnBy {
 579   font-size: 10px;
 580   color:#999;
 581 }
 582
 583 .involvedCompanies a {
 584   font-size: 10px;
 585   color:#999;
 586 }
 587
 588 .startedOnBy a {
 589   font-size: 10px;
 590   color:#999;
 591 }
 592
 593 div .block {
 594   background: #eeeeee;
 595 }
 596