[Sommaire] [Imprimer]

   1  /**

   2   * Main CSS Stylesheet

   3   *

   4   * @package templateSystem

   5   * @copyright Copyright 2003-2005 Zen Cart Development Team

   6   * @copyright Portions Copyright 2003 osCommerce

   7   * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0

   8   * @version $Id: stylesheet.css 5347 2006-12-22 20:26:09Z birdbrain $

   9   */
  10  
  11  body {
  12      margin: 0;
  13      font-family: verdana, arial, helvetica, sans-serif;
  14      font-size: 62.5%;
  15      color: #000000;
  16      background-color: #e5edf5;
  17      }
  18  
  19  a img {border: none; }
  20  
  21  a:link, #navEZPagesTOC ul li a {
  22      color: #3300FF;
  23      text-decoration: none;
  24      }
  25   
  26  a:visited {
  27      color: #3300FF;
  28      text-decoration: none;
  29      }
  30  
  31  a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
  32      color: #FF0000;
  33      }
  34  
  35  a:active {
  36      color: #0000FF;
  37      }
  38  
  39  h1 {
  40      font-size: 1.5em;
  41      }
  42  
  43  h2 {
  44      font-size: 1.4em;
  45      }
  46  
  47  h3 {
  48      font-size: 1.3em;
  49      }
  50  
  51  h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
  52      font-size: 1.1em;
  53      }
  54  
  55  .biggerText {
  56      font-size: 1.2em;
  57      }
  58  
  59  h1, h2, h3, h4, h5, h6 {
  60  
  61      margin: 0.3em 3px;
  62  
  63  }
  64  
  65  CODE {
  66      font-family: arial, verdana, helvetica, sans-serif;
  67      font-size: 1em;
  68      }
  69  
  70  FORM, SELECT, INPUT {
  71      display: inline;
  72      font-size: 1em;
  73      margin: 0.1em;
  74      }
  75  
  76  TEXTAREA {
  77  /*    float: left;*/

  78      margin: auto;
  79      display: block;
  80      width: 95%;
  81      }
  82  
  83  input:focus, select:focus, textarea:focus {
  84      background: #F0F8FF;
  85      }
  86  
  87  FIELDSET {
  88      padding: 0.5em;
  89      margin: 0.5em 0em;
  90      border: 1px solid #cccccc;
  91      }
  92  
  93  LEGEND {
  94      font-weight: bold;
  95      padding: 0.3em;
  96      }
  97  
  98  LABEL, h4.optionName {
  99      line-height: 1.5em;
 100      padding: 0.2em;
 101      }
 102  
 103  LABEL.checkboxLabel, LABEL.radioButtonLabel {
 104      margin: 0.5em 0.3em;
 105      }
 106  
 107  #logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {

 108      float: left;
 109      }
 110  
 111  LABEL.inputLabel {
 112      width: 11em;
 113      float: left;
 114      }
 115  
 116  LABEL.inputLabelPayment {
 117      width: 15em;
 118      float: left;
 119      }
 120  
 121  LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel  {
 122      width: 12em;
 123      float: left;
 124      }
 125  
 126  P, ADDRESS {
 127      padding: 0.5em;
 128      }
 129  
 130  ADDRESS {
 131      font-style: normal;
 132      }
 133  
 134  .clearBoth {
 135      clear: both;
 136      }
 137  
 138  HR {
 139      height: 1px;
 140      margin-top: 0.5em;
 141      border: none;
 142      border-bottom: 1px solid #9a9a9a;
 143      }
 144  
 145  /*warnings, errors, messages*/

 146  .messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
 147      line-height: 1.8em;
 148      padding: 0.2em;
 149      border: 1px solid #000000;
 150      }
 151  
 152  .messageStackWarning, .messageStackError {
 153      background-color: #ff0000;
 154      color: #ffffff;
 155      }
 156  
 157  .messageStackSuccess {
 158      background-color: #99FF99;
 159      color: #000000;
 160      }
 161  
 162  .messageStackCaution {
 163      background-color: #FFFF66;
 164      color: #000000;
 165      }
 166  
 167  /*wrappers - page or section containers*/

 168  #mainWrapper {

 169      background-color: #ffffff;
 170      text-align: left;
 171      width: 100%;
 172      vertical-align: top;
 173      }
 174  
 175  #headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {

 176      margin: 0em;
 177      padding: 0em;
 178      }
 179  
 180  #navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {

 181      margin: auto;
 182      } 
 183  
 184  #tagline {

 185      color:#000000;
 186      font-size: 2em;
 187      text-align : center;
 188      vertical-align: middle;
 189      }
 190  
 191  #sendSpendWrapper {

 192      border: 1px solid #cacaca;
 193      float: right;
 194      margin: 0em 0em 1em 1em;
 195      }
 196  
 197  .floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
 198      margin: 0;
 199      width: 47%;
 200      }
 201  
 202  .wrapperAttribsOptions {
 203      margin: 0.3em 0em;
 204      }
 205  
 206  /*navigation*/

 207  
 208  .navSplitPagesResult {}
 209  .navSplitPagesLinks {}
 210  .navNextPrevCounter {
 211      margin: 0em;
 212      font-size: 0.9em;
 213      }
 214  .navNextPrevList {
 215      display: inline;
 216      white-space: nowrap;
 217      margin: 0;
 218      padding:  0.5em 0em;
 219      list-style-type: none;
 220      }
 221  
 222  #navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {

 223      margin: 0em;
 224      background-color: #9a9a9a;
 225      font-weight: bold;
 226      color: #ffffff;
 227      height: 1%;
 228      width: 100%;
 229      }
 230  
 231  #navMain ul, #navSupp ul, #navCatTabs ul  {

 232      margin: 0;
 233      padding:  0.5em 0em;
 234      list-style-type: none;
 235      text-align: center;
 236      line-height: 1.5em;
 237      }
 238  
 239  #navMain ul li, #navSupp ul li, #navCatTabs ul li {

 240      display: inline;
 241      }
 242  
 243  #navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {

 244      text-decoration: none;
 245      padding: 0em 0.5em;
 246      margin: 0;
 247      color: #ffffff;
 248      white-space: nowrap;
 249      }
 250  
 251  #navEZPagesTOCWrapper {

 252      font-weight: bold;
 253      float: right;
 254      height: 1%;
 255      border: 1px solid #000000;
 256      }
 257  
 258  #navEZPagesTOC ul {

 259      margin: 0;
 260      padding:  0.5em 0em;
 261      list-style-type: none;
 262      line-height: 1.5em;
 263      }
 264  
 265  #navEZPagesTOC ul li {

 266      white-space: nowrap;
 267      }
 268  
 269  #navEZPagesTOC ul li a {

 270      padding: 0em 0.5em;
 271      margin: 0;
 272      }
 273  
 274  #navCategoryIcon, .buttonRow, #indexProductListCatDescription {

 275      margin: 0.5em;
 276      }
 277  
 278  #navMainSearch {

 279      float: right;
 280      }
 281  
 282  #navBreadCrumb {

 283      background-color: #cc9900;
 284      }
 285  
 286  #navEZPagesTop {

 287      background-color: #ffff33;
 288      }
 289  
 290  #navBreadCrumb, #navEZPagesTop {

 291      font-size: 0.95em;
 292      font-weight: bold;
 293      margin: 0em;
 294      padding: 0.5em;
 295      }
 296  
 297  #navColumnOne {

 298      background-color: #FFCC99;
 299      }
 300  
 301  #navColumnTwo {

 302      background-color: #00BFBF;
 303      }
 304  
 305  /*The main content classes*/

 306  #contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {

 307      vertical-align: top;
 308      }
 309  
 310  /*.content,*/ #productDescription, .shippingEstimatorWrapper {
 311      /*font-size: 1.2em;*/

 312      padding: 0.5em;
 313      }
 314  
 315  .alert {
 316      color: #FF0000;
 317      margin-left: 0.5em;
 318      }
 319  .advisory {}
 320  .important {
 321      font-weight: bold;
 322      }
 323  .notice {}
 324  .rating{}
 325  .gvBal {
 326      float: right;
 327      }
 328  .centerColumn, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
 329      padding: 0.8em;
 330      }
 331  
 332  .smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
 333      font-size: 0.9em;
 334      }
 335  
 336  /*Shopping Cart Display*/

 337  #cartAdd {

 338      float: right;
 339      text-align: center;
 340      margin: 1em;
 341      border: 1px solid #000000;
 342      padding: 1em;
 343      }
 344  
 345  .tableHeading TH {
 346      border-bottom: 1px solid #cccccc;
 347      }
 348  
 349  .tableHeading, #cartSubTotal {
 350      background-color: #e9e9e9;
 351       }
 352  
 353  #cartSubTotal {

 354      border-top: 1px solid #cccccc;
 355      font-weight: bold;
 356      text-align: right;
 357      line-height: 2.2em;
 358      padding-right: 2.5em;
 359      }
 360  
 361  .tableRow, .tableHeading, #cartSubTotal {
 362      height: 2.2em;
 363      }
 364  
 365  .cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay   {
 366      padding: 0.5em 0em;
 367      }
 368  
 369  .cartUnitDisplay, .cartTotalDisplay {
 370      text-align: right;
 371      padding-right: 0.2em;
 372      }
 373  
 374  #scUpdateQuantity {

 375      width: 2em;
 376      }
 377  
 378  .cartQuantity {
 379      width: 4.7em;
 380      }
 381  
 382  .cartNewItem {
 383      color: #33CC33;
 384      position: relative;  /*do not remove-fixes stupid IEbug*/
 385      }
 386  
 387  .cartOldItem {
 388      color: #660099;
 389      position: relative;   /*do not remove-fixes stupid IEbug*/
 390      }
 391  
 392  .cartBoxTotal {
 393      text-align: right;
 394      font-weight: bold;
 395      }
 396  
 397  .cartRemoveItemDisplay {
 398      width: 3.5em;
 399      }
 400  
 401  .cartAttribsList {
 402      margin-left: 1em;
 403      }
 404  
 405  #mediaManager {

 406    width: 50%; 
 407    margin: 0.2em;
 408    padding: 0.5em;
 409    }
 410  
 411  .normalprice, .productSpecialPriceSale {
 412      text-decoration: line-through;
 413      }
 414  
 415  .productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
 416      color: #ff0000;
 417      }
 418  
 419  .orderHistList {
 420      margin: 1em;
 421      padding: 0.2em 0em;
 422      } 
 423  
 424  #cartBoxListWrapper ul, #ezPageBoxList ul {

 425      list-style-type: none;
 426      }
 427  
 428  #cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {

 429      margin: 0;
 430      padding: 0.2em 0em;
 431      } 
 432  
 433  #cartBoxEmpty, #cartBoxVoucherBalance {

 434    font-weight: bold;
 435    }
 436  
 437  .totalBox {
 438      width: 5.5em;
 439      text-align: right;
 440      padding: 0.2em;
 441      }
 442  
 443  .lineTitle, .amount {
 444      text-align: right;
 445      padding: 0.2em;
 446      }
 447  
 448  .amount {
 449      width: 5.5em;
 450      }
 451  
 452  /*Image Display*/

 453  #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {

 454      margin: 0em 1em 1em 0em ;
 455      }
 456  
 457  .categoryIcon {}
 458  
 459  #cartImage {

 460      margin: 0.5em 1em;
 461      }
 462  
 463  /*Attributes*/

 464  .attribImg {
 465      width: 20%;
 466      margin: 0.3em 0em;
 467  }
 468  
 469  .attributesComments {}
 470  
 471  /*list box contents*/

 472  .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
 473      margin: 1em 0em;
 474      }
 475  
 476  /*sideboxes*/

 477  .columnLeft {}
 478  
 479  h3.leftBoxHeading, h3.leftBoxHeading a {
 480      font-size: 1em;
 481      color: #ffffff;
 482      }
 483  
 484  .leftBoxHeading, .centerBoxHeading {
 485      margin: 0em;
 486      background-color: #FF6699;
 487      padding: 0.5em 0.2em;
 488      }
 489  
 490  .leftBoxContainer {
 491      border: 1px solid #ffffff;
 492      margin-top: 1.5em;
 493      }
 494  
 495  .sideBoxContent {
 496      background-color: #ffffff;
 497      padding: 0.4em;
 498      }
 499  
 500  h3.rightBoxHeading, h3.rightBoxHeading a {
 501      font-size: 1.1em;
 502      color: #FFFF00;
 503      }
 504  
 505  .rightBoxHeading {
 506      margin: 0em;
 507      background-color: #663366;
 508      padding: 0.2em 0em;
 509      }
 510  
 511  h3.leftBoxHeading a:hover {
 512      color: #FFFF33;
 513      text-decoration: none;
 514      } 
 515  
 516  h3.rightBoxHeading a:hover {
 517      color: #FF0000;
 518      text-decoration: none;
 519      }
 520  
 521  .rightBoxContent {
 522      background-color: #ffffff;
 523      margin-bottom: 1em;
 524      }
 525  
 526  .centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
 527      text-align: center;
 528      }
 529  
 530  #bestsellers .wrapper {

 531      margin: 0em 0em 0em 1.5em;
 532      }
 533  
 534  #bestsellers ol {

 535      padding: 0;
 536      margin-left: 1.1em;
 537      }
 538  
 539  #bestsellers li {

 540      padding: 0;
 541      margin: 0.3em 0em 0.3em 0em;
 542      }
 543  
 544  #bannerboxHeading {

 545      background-color: #0000CC;
 546  }
 547  
 548  #upProductsHeading {

 549      text-align: left;
 550      }
 551  
 552  #upDateHeading {

 553      text-align: right;
 554      }
 555  
 556  /*misc*/

 557  .back {
 558      float: left;
 559      }
 560  
 561  .forward, #shoppingCartDefault #PPECbutton {
 562      float: right;
 563      }
 564  
 565  .bold {
 566      font-weight: bold;
 567      }
 568  
 569  .rowOdd {
 570      background-color: #E8E8E8;
 571      height: 1.5em;
 572      vertical-align: top;
 573      }
 574  
 575  .rowEven {
 576      background-color: #F0F0F0;
 577      height: 1.5em;
 578      vertical-align: top;
 579      }
 580  
 581  .hiddenField {
 582      display: none;
 583  }
 584  .visibleField {
 585      display: inline;
 586  }
 587  
 588  CAPTION {
 589      /*display: none;*/

 590      }
 591  
 592  #myAccountGen li, #myAccountNotify li {

 593      margin: 0;
 594      } 
 595  
 596  .accountTotalDisplay, .accountTaxDisplay {
 597      width: 20%;
 598      text-align: right;
 599      /*vertical-align: top*/

 600      }
 601  
 602  .accountQuantityDisplay {
 603      width: 10%;
 604      vertical-align: top
 605      }
 606  
 607  TR.tableHeading {
 608      background-color: #cacaca;
 609      height: 2em;
 610      }
 611  
 612  #siteMapList {

 613      width: 90%;
 614      float: right;
 615      }
 616  
 617  .ratingRow {
 618      margin: 1em 0em 1.5em 0em;
 619      }
 620  
 621  LABEL#textAreaReviews {
 622      font-weight: normal;
 623      margin: 1em 0em;
 624      }
 625  
 626  #popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {

 627      background-color: #ffffff;
 628      }
 629  .information {padding: 10px 3px; line-height: 150%;}