[Sommaire] [Imprimer]

   1  /**

   2   * Main CSS Stylesheet

   3   *

   4   * @package templateSystem

   5   * @copyright Copyright 2003-2006 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 5349 2006-12-22 20:34:40Z 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      color: #9a9a9a;
  42      }
  43  
  44  h2 {
  45      font-size: 1.4em;
  46      }
  47  
  48  h3 {
  49      font-size: 1.3em;
  50      }
  51  
  52  h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
  53      font-size: 1.1em;
  54      }
  55  
  56  .biggerText {
  57      font-size: 1.2em;
  58      }
  59  
  60  h1, h2, h3, h4, h5, h6 {
  61      margin: 0.3em 0;
  62      }
  63  
  64  /*  Might uncomment either or both of these if having problems with IE peekaboo bug:

  65  h1, h2, h3, h4, h5, h6, p {

  66      position: relative;

  67      }

  68  *html .centerColumn {

  69      height: 1%;

  70      }

  71  */
  72  
  73  CODE {
  74      font-family: arial, verdana, helvetica, sans-serif;
  75      font-size: 1em;
  76      }
  77  
  78  FORM, SELECT, INPUT {
  79      display: inline;
  80      font-size: 1em;
  81      margin: 0.1em;
  82      }
  83  
  84  TEXTAREA {
  85      float: left;
  86      margin: auto;
  87      display: block;
  88      width: 95%;
  89      }
  90  
  91  input:focus, select:focus, textarea:focus {
  92      background: #E4FEF5;
  93      }
  94  
  95  FIELDSET {
  96      padding: 0.5em;
  97      margin: 0.5em 0em;
  98      border: 1px solid #cccccc;
  99      }
 100  
 101  LEGEND {
 102      font-weight: bold;
 103      padding: 0.3em;
 104      }
 105  
 106  LABEL, h4.optionName {
 107      line-height: 1.5em;
 108      padding: 0.2em;
 109      }
 110  
 111  LABEL.checkboxLabel, LABEL.radioButtonLabel {
 112      margin: 0.5em 0.3em;
 113      }
 114  
 115  #logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {

 116      float: left;
 117      }
 118  
 119  LABEL.inputLabel {
 120      width: 9em;
 121      float: left;
 122      }
 123  
 124  LABEL.inputLabelPayment {
 125      width: 14em;
 126      float: left;
 127      padding-left: 2.5em;
 128      }
 129  
 130  LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
 131      width: 11em;
 132      float: left;
 133      }
 134  
 135  #checkoutPayment LABEL.radioButtonLabel {

 136      font-weight: bold;
 137      }
 138  
 139  P, ADDRESS {
 140      padding: 0.5em;
 141      }
 142  
 143  ADDRESS {
 144      font-style: normal;
 145      }
 146  
 147  .clearBoth {
 148      clear: both;
 149      }
 150  
 151  HR {
 152      height: 1px;
 153      margin-top: 0.5em;
 154      border: none;
 155      border-bottom: 1px solid #9a9a9a;
 156      }
 157  
 158  /*warnings, errors, messages*/

 159  .messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
 160      line-height: 1.8em;
 161      padding: 0.2em;
 162      border: 1px solid #9a9a9a;
 163      }
 164  
 165  .messageStackWarning, .messageStackError {
 166      background-color: #ff0000;
 167      color: #ffffff;
 168      }
 169  
 170  .messageStackSuccess {
 171      background-color: #99FF99;
 172      color: #000000;
 173      }
 174  
 175  .messageStackCaution {
 176      background-color: #FFFF66;
 177      color: #000000;
 178      }
 179  
 180  /*wrappers - page or section containers*/

 181  #mainWrapper {

 182      background-color: #ffffff;
 183      text-align: left;
 184      width: 750px;
 185      vertical-align: top;
 186      border: 1px solid #9a9a9a;
 187      }
 188  
 189  #headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {

 190      margin: 0em;
 191      padding: 0em;
 192      }
 193  
 194  #logoWrapper{

 195      background-image: url(../images/header_bg.jpg);
 196      background-repeat: repeat-x;
 197      background-color: #ffffff;
 198      height:75px;
 199      }
 200  
 201  #navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {

 202      margin: auto;
 203      } 
 204  #navColumnOneWrapper, #navColumnTwoWrapper {

 205      margin-left: 0.5em;
 206      margin-right: 0.5em;
 207      }
 208      
 209  #tagline {

 210      color:#000000;
 211      font-size: 2em;
 212      text-align : center;
 213      vertical-align: middle;
 214      }
 215  
 216  #sendSpendWrapper {

 217      border: 1px solid #cacaca;
 218      float: right;
 219      margin: 0em 0em 1em 1em;
 220      }
 221  
 222  .floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
 223      margin: 0;
 224      width: 47%;
 225      }
 226  
 227  .wrapperAttribsOptions {
 228      margin: 0.3em 0em;
 229      }
 230  
 231  /*navigation*/

 232  
 233  .navSplitPagesResult {}
 234  .navSplitPagesLinks {}
 235  
 236  .navNextPrevCounter {
 237      margin: 0em;
 238      font-size: 0.9em;
 239      }
 240  .navNextPrevList {
 241      display: inline;
 242      white-space: nowrap;
 243      margin: 0;
 244      padding: 0.5em 0em;
 245      list-style-type: none;
 246      }
 247  
 248  #navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {

 249      margin: 0em;
 250      background-color: #abbbd3;
 251      background-image: url(../images/tile_back.gif);
 252      padding: 0.5em 0.2em;
 253      font-weight: bold;
 254      color: #ffffff;
 255      height: 1%;
 256      }
 257  
 258  #navCatTabsWrapper {

 259      background-color: #ffffff;
 260      color: #9a9a9a;
 261      background-image:none;
 262  }
 263  
 264  #navMain ul, #navSupp ul, #navCatTabs ul {

 265      margin: 0;
 266      padding: 0.5em 0em;
 267      list-style-type: none;
 268      text-align: center;
 269      line-height: 1.5em;
 270      }
 271  
 272  #navMain ul li, #navSupp ul li, #navCatTabs ul li {

 273      display: inline;
 274      }
 275  
 276  #navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {

 277      text-decoration: none;
 278      padding: 0em 0.5em;
 279      margin: 0;
 280      color: #ffffff;
 281      white-space: nowrap;
 282      }
 283  
 284  #navCatTabs ul li a {

 285      color: #9a9a9a;
 286      }
 287  
 288  #navEZPagesTOCWrapper {

 289      font-weight: bold;
 290      float: right;
 291      height: 1%;
 292      border: 1px solid #9a9a9a;
 293      }
 294  
 295  #navEZPagesTOC ul {

 296      margin: 0;
 297      padding: 0.5em 0em;
 298      list-style-type: none;
 299      line-height: 1.5em;
 300      }
 301  
 302  #navEZPagesTOC ul li {

 303      white-space: nowrap;
 304      }
 305  
 306  #navEZPagesTOC ul li a {

 307      padding: 0em 0.5em;
 308      margin: 0;
 309      }
 310  
 311  #navCategoryIcon, .buttonRow, #indexProductListCatDescription {

 312      margin: 0.5em;
 313      }
 314  
 315  #navMainSearch {

 316      float: right;
 317      }
 318  
 319  #navBreadCrumb {

 320      padding: 0.5em 0.5em;
 321      background-color: #ffffff;
 322      font-size: 0.95em;
 323      font-weight: bold;
 324      margin: 0em;
 325      }
 326  
 327  #navEZPagesTop {

 328      background-color: #abbbd3;
 329      background-image: url(../images/tile_back.gif);
 330      font-size: 0.95em;
 331      font-weight: bold;
 332      margin: 0em;
 333      padding: 0.5em;
 334      }
 335  
 336  #navColumnOne, #navColumnTwo {

 337      background-color: transparent;
 338      }
 339  
 340  /*The main content classes*/

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

 342      vertical-align: top;
 343      }
 344  
 345  /*.content,*/ #productDescription, .shippingEstimatorWrapper {
 346      /*font-size: 1.2em;*/

 347      padding: 0.5em;
 348      }
 349  
 350  .alert {
 351      color: #FF0000;
 352      margin-left: 0.5em;
 353      }
 354  .advisory {}
 355  .important {
 356      font-weight: bold;
 357      }
 358  .notice {}
 359  .rating{}
 360  .gvBal {
 361      float: right;
 362      }
 363  .centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
 364      padding: 0.8em;
 365      }
 366  
 367  .smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
 368      font-size: 0.9em;
 369      }
 370  
 371  /*Shopping Cart Display*/

 372  #cartAdd {

 373      float: right;
 374      text-align: center;
 375      margin: 1em;
 376      border: 1px solid #000000;
 377      padding: 1em;
 378      }
 379  
 380  .tableHeading TH {
 381      border-bottom: 1px solid #9a9a9a;
 382      }
 383  
 384  .tableHeading, #cartSubTotal {
 385      background-color: #e9e9e9;
 386       }
 387  
 388  #cartSubTotal {

 389      border-top: 1px solid #cccccc;
 390      font-weight: bold;
 391      text-align: right;
 392      line-height: 2.2em;
 393      padding-right: 2.5em;
 394      }
 395  
 396  .tableRow, .tableHeading, #cartSubTotal {
 397      height: 2.2em;
 398      }
 399  
 400  .cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {
 401      padding: 0.5em 0em;
 402      }
 403  
 404  .cartUnitDisplay, .cartTotalDisplay {
 405      text-align: right;
 406      padding-right: 0.2em;
 407      }
 408  
 409  #scUpdateQuantity {

 410      width: 2em;
 411      }
 412  
 413  .cartQuantity {
 414      width: 4.7em;
 415      }
 416  
 417  .cartNewItem {
 418      color: #33CC33;
 419      position: relative;  /*do not remove-fixes stupid IEbug*/
 420      }
 421  
 422  .cartOldItem {
 423      color: #660099;
 424      position: relative;  /*do not remove-fixes stupid IEbug*/
 425      }
 426  
 427  .cartBoxTotal {
 428      text-align: right;
 429      font-weight: bold;
 430      }
 431  
 432  .cartRemoveItemDisplay {
 433      width: 3.5em;
 434      }
 435  
 436  .cartAttribsList {
 437      margin-left: 1em;
 438      }
 439  
 440  #mediaManager {

 441      width: 50%; 
 442      margin: 0.2em;
 443      padding: 0.5em;
 444      background-color: #E4FEf5;
 445      border: 1px solid #003D00;
 446      }
 447  
 448  .normalprice, .productSpecialPriceSale {
 449      text-decoration: line-through;
 450      }
 451  
 452  .productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
 453      color: #ff0000;
 454      }
 455  
 456  .orderHistList {
 457      margin: 1em;
 458      padding: 0.2em 0em;
 459      list-style-type: none;
 460      } 
 461  
 462  #cartBoxListWrapper ul, #ezPageBoxList ul {

 463      list-style-type: none;
 464      }
 465  
 466  #cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {

 467      margin: 0;
 468      padding: 0.2em 0em;
 469      } 
 470  
 471  #cartBoxEmpty, #cartBoxVoucherBalance {

 472      font-weight: bold;
 473      }
 474  
 475  .totalBox {
 476      width: 5.5em;
 477      text-align: right;
 478      padding: 0.2em;
 479      }
 480  
 481  .lineTitle, .amount {
 482      text-align: right;
 483      padding: 0.2em;
 484      }
 485  
 486  .amount {
 487      width: 5.5em;
 488      }
 489  
 490  /*Image Display*/

 491  #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {

 492      margin: 0em 1em 1em 0em ;
 493      }
 494  
 495  .categoryIcon {}
 496  
 497  #cartImage {

 498      margin: 0.5em 1em;
 499      }
 500  
 501  /*Attributes*/

 502  .attribImg {
 503      width: 20%;
 504      margin: 0.3em 0em;
 505  }
 506  
 507  .attributesComments {}
 508  
 509  /*list box contents*/

 510  .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
 511      margin: 1em 0em;
 512      }
 513  
 514  .centerBoxWrapper {
 515      border: 1px solid #9a9a9a;
 516      height: 1%;
 517      margin: 1.1em 0;
 518      }
 519  
 520  h2.centerBoxHeading {
 521      font-size: 1.3em;
 522      color: #ffffff;
 523      }
 524  
 525  /*sideboxes*/

 526  .columnLeft {}
 527  
 528  h3.leftBoxHeading, h3.leftBoxHeading a,
 529  h3.rightBoxHeading, h3.rightBoxHeading a {
 530      font-size: 1em;
 531      color: #ffffff;
 532      }
 533  #manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading {

 534      font-size: 0.9em;
 535      color: #ffffff;
 536  }
 537  
 538  .leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
 539      margin: 0em;
 540      background-color: #abbbd3;
 541      background-image: url(../images/tile_back.gif);
 542      padding: 0.5em 0.2em;
 543      }
 544  
 545  .leftBoxContainer, .rightBoxContainer {
 546      margin: 0em;
 547      border: 1px solid #9a9a9a;
 548      border-bottom: 5px solid #336633;
 549      margin-top: 1.5em;
 550      }
 551  
 552  .sideBoxContent {
 553      background-color: #ffffff;
 554      padding: 0.4em;
 555      }
 556  
 557  h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover {
 558      color: #FFFF33;
 559      text-decoration: none;
 560      } 
 561  
 562  .rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited {
 563      color: #FFFFFF;
 564      }
 565  
 566  .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 {
 567      text-align: center;
 568      }
 569  
 570  #bestsellers .wrapper {

 571      margin: 0em 0em 0em 1.5em;
 572      }
 573  
 574  #bestsellers ol {

 575      padding: 0;
 576      margin-left: 1.1em;
 577      }
 578  
 579  #bestsellers li {

 580      padding: 0;
 581      margin: 0.3em 0em 0.3em 0em;
 582      }
 583  
 584  #bannerboxHeading {

 585      background-color: #0000CC;
 586  }
 587  
 588  #upProductsHeading {

 589      text-align: left;
 590      }
 591  
 592  #upDateHeading {

 593      text-align: right;
 594      }
 595  
 596  /* categories box parent and child categories */

 597  A.category-top, A.category-top:visited {
 598      color: #008000;
 599      text-decoration: none;
 600      }
 601  A.category-links, A.category-links:visited {
 602      color: #004080;
 603      text-decoration: none;
 604      }
 605  A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {
 606      color: #FF0000;
 607      text-decoration: none;
 608      }
 609  SPAN.category-subs-parent {
 610      font-weight: bold;
 611      }
 612  SPAN.category-subs-selected {
 613      font-weight: bold;
 614      }
 615  /* end categories box links */

 616  
 617  /*misc*/

 618  .back {
 619      float: left;
 620      }
 621  
 622  .forward, #shoppingCartDefault #PPECbutton {
 623      float: right;
 624      }
 625  
 626  .bold {
 627      font-weight: bold;
 628      }
 629  
 630  .rowOdd {
 631      background-color: #E8E8E8;
 632      height: 1.5em;
 633      vertical-align: top;
 634      }
 635  
 636  .rowEven {
 637      background-color: #F0F0F0;
 638      height: 1.5em;
 639      vertical-align: top;
 640      }
 641  
 642  .hiddenField {
 643      display: none;
 644  }
 645  .visibleField {
 646      display: inline;
 647  }
 648  
 649  CAPTION {
 650      /*display: none;*/

 651      }
 652  
 653  #myAccountGen li, #myAccountNotify li {

 654      margin: 0;
 655      } 
 656  
 657  .accountTotalDisplay, .accountTaxDisplay {
 658      width: 20%;
 659      text-align: right;
 660      /*vertical-align: top*/

 661      }
 662  
 663  .accountQuantityDisplay {
 664      width: 10%;
 665      vertical-align: top
 666      }
 667  
 668  TR.tableHeading {
 669      background-color: #cacaca;
 670      height: 2em;
 671      }
 672  
 673  .productListing-rowheading {
 674      background-color: #abbbd3;
 675      background-image: url(../images/tile_back.gif);
 676      height: 2em;
 677      color: #FFFFFF;
 678      }
 679  
 680  #siteMapList {

 681      width: 90%;
 682      float: right;
 683      }
 684  
 685  .ratingRow {
 686      margin: 1em 0em 1.5em 0em;
 687      }
 688  
 689  LABEL#textAreaReviews {
 690      font-weight: normal;
 691      margin: 1em 0em;
 692      }
 693  
 694  #popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {

 695      background-color: #ffffff;
 696      }