Results 1 to 4 of 4

Threaded View

  1. #1
    Join Date
    Feb 2006
    Location
    Jonesboro, Arkansas
    Posts
    91
    Plugin Contributions
    0

    Default <LI> <UL> blockquoted in shopping cart sidebox?

    I've been through all the variables in the stylesheet without any luck on making the shopping cart sidebox list products without a huge gap. I've attached a screenshot and my stylesheet in hopes somebody can spot the line.

    (I assumed cartBoxListWrapper sets this variable by investigating tpl_shopping_cart.php, but nothing will allow the list to be closer to the left. I'm using chrome 2.0)


    Website is http://byteusa.com

    Code:
    /**
     * Main CSS Stylesheet
     *
     * @package templateSystem
     * @copyright Copyright 2003-2005 Zen Cart Development Team
     * @copyright Portions Copyright 2003 osCommerce
     * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
     * @version $Id: stylesheet.css 3215 2006-03-20 06:05:55Z birdbrain $
     */
    
    /* Clean Business theme by Dieter Schneider for www.csstemplateheaven.com 2007*/
    
    body {
    	margin: 0;
    	font-family: verdana, arial, helvetica, sans-serif;
    	font-size: 62.5%;
    	color: #000000;
    	background-color: #FFFFFF;
    	background-image: url(../images/container_shadows.jpg);
    	background-repeat: no-repeat;
    	background-position: center top;
    	}
    
    a img {border: none; }
    
    a:link, #navEZPagesTOC ul li a {
    	color: #000000;
    	text-decoration: none;
    	}
     
    a:visited {
    	color: #000000;
    	text-decoration: none;
    	}
    
    
    a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs 
    
    ul li a:hover {
    	color: #be1f31;
    	}
    
    a:active {
    	color: #000000;
    	}
    
    h1 {
    	font-size: 1.5em;
    	}
    
    h2 {
    	font-size: 1.4em;
    	}
    
    h3 {
    	font-size: 1.3em;
    	}
    
    h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
    	font-size: 1.1em;
    	}
    
    .biggerText {
    	font-size: 1.2em;
    	}
    
    h1, h2, h3, h4, h5, h6 {
    	margin: 0.3em 3px;
    	}
    
    CODE {
    	font-family: arial, verdana, helvetica, sans-serif;
    	font-size: 1em;
    	}
    
    FORM, SELECT, INPUT {
    	display: inline;
    	font-size: 1em;
    	margin: 0.1em;
    	}
    
    TEXTAREA {
    	float: left;
    	margin: auto;
    	display: block;
    	width: 95%;
    	}
    
    input:focus, select:focus, textarea:focus {
    	background: #F0F8FF;
    	}
    
    FIELDSET {
    	padding: 0.5em;
    	margin: 0.5em 0em;
    	border: 1px solid #cccccc;
    	}
    
    LEGEND {
    	font-weight: bold;
    	padding: 0.3em;
    	}
    
    LABEL, h4.optionName {
    	line-height: 1.5em;
    	padding: 0.2em;
    	}
    
    LABEL.checkboxLabel, LABEL.radioButtonLabel {
    	margin: 0.5em 0.3em;
    	}
    
    #logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, 
    
    .centerBoxContentsAlsoPurch, .attribImg {
    	float: left;
    	}
    
    LABEL.inputLabel {
    	width: 11em;
    	float: left;
    	}
    
    LABEL.inputLabelPayment {
    	width: 15em;
    	float: left;
    	}
    
    LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel  {
    	width: 12em;
    	float: left;
    	}
    
    P, ADDRESS {
    	padding: 0.5em;
    	}
    
    ADDRESS {
    	font-style: normal;
    	}
    
    .clearBoth {
    	clear: both;
    	}
    
    HR {
    	height: 1px;
    	margin-top: 0.5em;
    	border: none;
    	border-bottom: 0px solid #9A9C86;
    	}
    
    /*warnings, errors, messages*/
    .messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
    	line-height: 1.8em;
    	padding: 0.2em;
    	border: 1px solid #000000;
    	}
    
    .messageStackWarning, .messageStackError {
    	background-color: #ff0000;
    	color: #ffffff;
    	}
    
    .messageStackSuccess {
    	background-color: #99FF99;
    	color: #000000;
    	}
    
    .messageStackCaution {
    	background-color: #FFFF66;
    	color: #000000;
    	}
    
    /*wrappers - page or section containers*/
    #mainWrapper {
    	background-color: #FFFFFF;
    	text-align: left;
    	width: 900px;
    	vertical-align: bottom;
    	}
    
    #logoWrapper {
        background-color: transparent;
        height:101px;
    	}
    	
    #headerWrapper {
    	background-image: url(../images/header_bg.gif);
        background-repeat: repeat-x;
    }
    
    #contentMainWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList 
    
    ul, #popupAdditionalImage, #popupImage {
    	margin: 0;
    	margin-top: 0px;
    	}
    	
    #mainWrapper {background-image: none;
                  padding: 0;
    			  margin: 0;}
    
    #navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
    	margin: 0;
    	} 
    
    #tagline {
    	color:#FFFFFF;
    	font-size: 1.4em;
    	text-align : right;
    	font-style: italic;
    	padding-right: 20px;
    	padding-top: 83px;
    	}
    
    #sendSpendWrapper {
    	border: 0px solid #cacaca;
    	float: right;
    	margin: 0;
    	}
    
    .floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, 
    
    #navEZPagesTOCWrapper {
    	width: 47%;
    	}
    
    .wrapperAttribsOptions {
    	margin: 0;
    	}
    
    /*navigation*/
    
    .navSplitPagesResult {}
    .navSplitPagesLinks {}
    .navNextPrevCounter {
    	margin: 0;
    	font-size: 0.9em;
    	}
    .navNextPrevList {
    	display: inline;
    	white-space: nowrap;
    	margin: 0;
    	padding:  0;
    	list-style-type: none;
    	}
    
    #navMainWrapper, #navCatTabsWrapper {
    	margin: 0;
    	margin-bottom: 0px;
    	margin-left: 0px;
    	height: 23px;
    	background-color: #989da3;
    	font-weight: bold;
    	color: #ffffff;
    	padding: 0px;
    	background-image: url(../images/menu_bg1.gif);
    	background-repeat: repeat-x;
    	}
    	
    #navSuppWrapper {
    	margin: 0;
    	margin-bottom: 0px;
    	margin-left: 0px;
    	height: 23px;
    	font-weight: bold;
    	color: #000000;
    	padding: 0px;
    	background-color: #474ac5;
    	
    	}
    
    #navCatTabsWrapper {
       background-image: url(../images/menu_bg2.gif);
       background-repeat: repeat-x;
       height: 34px;
    }
    
    #navMain ul, #navSupp ul, #navCatTabs ul  {
    	margin: 0;
    	padding:  0;
    	list-style-type: none;
    	padding-top: 3px;
    	text-align: center;
    	line-height: 2em;
    	}
    
    #navMain ul li, #navSupp ul li, #navCatTabs ul li {
    	display: inline;
    	text-align: middle;
    	padding-left: 40px;
    	white-space: nowrap;
    	}
    
    #navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
    	text-decoration: none;
    	padding: 0;
    	margin: 0;
    	color: #FFFFFF;
    	}
    
    #navEZPagesTOCWrapper {
    	font-weight: bold;
    	float: right;
    	height: 1%;
    	border: 0px solid #FFFFFF;
    	}
    
    #navEZPagesTOC ul {
    	margin: 0;
    	padding:  0.5em 0em;
    	list-style-type: none;
    	line-height: 1.5em;
    	}
    
    #navEZPagesTOC ul li {
    	white-space: nowrap;
    	}
    
    #navEZPagesTOC ul li a {
    	padding: 0em 0.5em;
    	margin: 0;
    	}
    
    #navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription {
    	margin: 0.5em;
    	}
    
    #navBreadCrumb {
    	background-color: #000000;
    	}
    
    #navEZPagesTop {
    	background-color: #FFFFFF;
    	}
    
    #navBreadCrumb, #navEZPagesTop {
    	font-size: 0.95em;
    	font-weight: bold;
    	margin: 0em;
    	padding: 0.5em;
    	color: #e0e0e0;
    	}
    
    #navBreadCrumb a:link {
    	color: #e0e0e0;
    	text-decoration: none;
    	} 
    
    #navBreadCrumb a:visited {
    	color: #e0e0e0;
    	text-decoration: none;
    	} 
    
    
    #navColumnOne {
    	background-color: #474ac5;
        }
    
    #navColumnTwo {
    	background-color: #474ac5;	
    	}
    
    /*The main content classes*/
    #contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, 
    
    .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, 
    
    .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
    	vertical-align: top;
    	}
    
    /*.content,*/ #productDescription, .shippingEstimatorWrapper {
    	/*font-size: 1.2em;*/
    	padding: 0.5em;
    	}
    
    .alert {
    	color: #FF0000;
    	margin-left: 0.5em;
    	}
    .advisory {}
    .important {
    	font-weight: bold;
    	}
    .notice {}
    .rating{}
    .gvBal {
    	float: right;
    	}
    .centerColumn, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
    	padding: 0.8em;
    	}
    
    .smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
    	font-size: 0.9em;
    	}
    
    	}
    
    /*Shopping Cart Display*/
    #cartAdd {
    	float: right;
    	text-align: center;
    	margin: 1em;
    	border: 1px solid #000000;
    	padding: 1em;
    	}
    
    .tableHeading TH {
    	border-bottom: 0px solid #cccccc;
    	}
    
    .tableHeading, #cartSubTotal {
    	background-color: #e9e9e9;
    	 }
    
    #cartSubTotal {
    	border-top: 1px solid #cccccc;
    	font-weight: bold;
    	text-align: right;
    	line-height: 2.2em;
    	padding-right: 2.5em;
    	}
    
    .tableRow, .tableHeading, #cartSubTotal {
    	height: 2.2em;
    	}
    
    .cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, 
    
    .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay   {
    	padding: 0.5em 0em;
    	}
    
    .cartUnitDisplay, .cartTotalDisplay {
    	text-align: right;
    	padding-right: 0.2em;
    	}
    
    #scUpdateQuantity {
    	width: 2em;
    	}
    
    .cartQuantity {
    	width: 0.7em;
    	}
    
    .cartNewItem {
    	color: #33CC33;
    	position: relative;  /*do not remove-fixes stupid IEbug*/
    	}
    
    .cartOldItem {
    	color: #ffffff;
    	position: relative;   /*do not remove-fixes stupid IEbug*/
    	}
    
    .cartBoxTotal {
    	text-align: right;
    	font-weight: bold;
    	}
    
    .cartRemoveItemDisplay {
    	width: 3.5em;
    	}
    
    #cartAttribsList {
    	margin-left: 0.5em;
    	}
    
    #mediaManager {
    	width: 50%; 
    	margin: 0.2em;
    	padding: 0.5em;
    	}
    .normalprice, .productSpecialPriceSale {
    	text-decoration: line-through;
    	}
    
    .productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
    	color: #ff0000;
    	}
    
    #cartBoxListWrapper ul, #ezPageBoxList ul {
    	list-style-type: disc;
    	list-style-position: inside;
    	}
    
    #cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
    	margin: 0;
    	padding: 0.2em 0em;
    	} 
    
    .totalBox {
    	width: 5.5em;
    	text-align: right;
    	padding: 0.2em;
    	}
    
    .lineTitle, .amount {
    	text-align: right;
    	padding: 0.2em;
    	}
    
    .amount {
    	width: 5.5em;
    	}
    
    /*Image Display*/
    #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, 
    
    #reviewWriteMainImage {
    	margin: 0em 1em 1em 0em ;
    	}
    
    .categoryIcon {}
    #cartImage {
    	margin: 0.5em 1em;
    	}
    
    /*Attributes*/
    .attribImg {
    	width: 20%;
    	margin: 0.3em 0em;
    }
    
    .attributesComments {}
    
    /*list box contents*/
    .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, 
    
    .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, 
    
    .centerBoxContentsNew {
    	margin: 1em 0em;
    	}
    
    /*sideboxes*/
    .columnLeft {}
    
    h3.leftBoxHeading, h3.leftBoxHeading a {
    	font-size: 1em;
    	color: #000000;
    	background-color: #FFFFFF;
    	}
    
    .leftBoxHeading, .centerBoxHeading {
    	margin: 0em;
    	background-color: transparent;
    	padding: 0.5em 0.2em;
    	}
    
    .leftBoxContainer {
         border: none;
    	}
    
    .sideBoxContent {
    	background-color: transparent;
    	padding: 0.5em;
    	}
    
    h3.rightBoxHeading, h3.rightBoxHeading a {
    	font-size: 1.1em;
    	color: #666666;
    	background-color: #474ac5;
    	}
    
    .rightBoxHeading {
    	margin: 0em;
    	background-color: transparent;
    	padding: 0.2em 0em;
    	}
    	
    .rightBoxContainer {
    	border: none;
    	}
    
    
    h3.leftBoxHeading a:hover {
    	color: #bb3048;
    	text-decoration: none;
    	} 
    
    .leftBoxContent a:link {
    	color: #FFFFFF;
    	text-decoration: none;
    	} 
    
    .leftBoxContent a:visited {
    	color: #FFFFFF;
    	text-decoration: none;
    	} 
    
    h3.rightBoxHeading a:hover {
    	color: #606000;
    	text-decoration: none;
    	}
    
    .rightBoxContent {
    	background-color: #000000;
    	margin-bottom: 0em;
    	}
    
    .centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #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 
    
    {
    	text-align: center;
    	}
    
    #bestsellers .wrapper {
    	margin: 0em 0em 0em 1.5em;
    	}
    
    #bestsellers ol {
    	padding: 0;
    	margin-left: 1.1em;
    	}
    
    #bestsellers li {
    	padding: 0;
    	margin: 0.3em 0em 0.3em 0em;
    	}
    
    #bannerboxHeading {
    	background-color: transparent;
    }
    
    #upProductsHeading {
    	text-align: left;
    	}
    
    #upDateHeading {
    	text-align: right;
    	}
    
    /*misc*/
    .back {
    	float: left;
    	}
    
    .forward {
    	float: right;
    	}
    	
    .hiddenField {
    	display: none;
    	}
    
    .visibleField {
    	display: inline;
    	}	
    
    .bold {
    	font-weight: bold;
    	}
    
    .rowOdd {
    	background-color: #b9b9b9;
    	height: 1.5em;
    	vertical-align: top;
    	}
    
    .rowEven {
    	background-color: #a5a7dd;
    	height: 1.5em;
    	vertical-align: top;
    	}
    
    CAPTION {
    	/*display: none;*/
    	}
    
    #myAccountGen li, #myAccountNotify li {
    	margin: 0;
    	} 
    
    .accountTotalDisplay, .accountTaxDisplay {
    	width: 20%;
    	text-align: right;
    	/*vertical-align: top*/
    	}
    
    .accountQuantityDisplay {
    	width: 10%;
    	vertical-align: top
    	}
    
    TR.tableHeading {
    	background-color: #cacaca;
    	height: 2em;
    	}
    
    #siteMapList {
    	width: 90%;
    	float: right;
    	}
    
    .ratingRow {
    	margin: 1em 0em 1.5em 0em;
    	}
    
    LABEL#textAreaReviews {
    	font-weight: normal;
    	margin: 1em 0em;
    	}
    
    #popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, 
    
    #popupCouponHelp, #popupAtrribsQuantityPricesHelp {
    	background-color: #ffffff;
    	}
    
    .greeting a:link, .greeting a:visited {
    color: #bd1e31;
    }
    
    .greeting a:hover {
    color: #FF6600;
    }
    
    /* This is the CSS needed for the Order Step Edition 2 contribution */
    
    div.order_steps {       /* Is needed for the centering in IE */
        width: 100%
        padding: 0px;
        margin: 0px;
        margin-top: 10px;
        text-align: center;
    }
    
    table.order_steps {
        margin-left: auto;
        margin-right: auto;
        width: 80%;       /* Here you can set the total width of this contrib */
        padding-bottom: 10px;
        background-color: transparent;      /* Here you can change the background-color of the whole 
    
    contrib */
    }
    
    tr.order_steps_line_2 {
        height: 5px;        /* Is a part in determining the height of the line */
        padding: 0px;
        margin: 0px;
    }
    
    tr.order_steps_line_3 {
        height: 1px;        /* Is a part in determining the height of the line shadow */
        padding: 0px;
        margin: 0px;
    }
    
    td.progressbar_active {
        background-color: #3DA200;     /* Determines the active color of the completed part of the line 
    
    */
        width: 4%;
        padding: 0px;
        margin: 0px;
    }
    
    td.progressbar_inactive {
        width: 4%;
        background-color: #9A9A9A;    /* Determines the non-active color of the uncompleted part of the 
    
    line */
        padding: 0px;
        margin: 0px;
    }
    
    td.progressbar_active_shadow {
        background-color: #346C00;     /* Determines the non-active color of the completed part of the 
    
    line shadow */
        width: 4%;
        padding: 0px;
        margin: 0px;
    }
    
    td.progressbar_inactive_shadow {
        width: 4%;
        background-color: #666666;   /* Determines the non-active color of the uncompleted part of the 
    
    line line*/
        padding: 0px;
        margin: 0px;
    }
    
    td.order_steps_text {
        text-align: center;
        vertical-align: top;
        color: #A7A7A7;        /* Determines the non-active color of the text */
        padding-bottom: 5px; /* Determines the distance between the text and the line */
    }
    
    td.order_steps_text_completed {
        text-align: center;
        vertical-align: top;
        color: #8DB18D;        /* Determines the non-active color of the text steps that have been 
    
    completed*/
        padding-bottom: 10px; /* Determines the distance between the text and the line */
    }
    
    td#active_step_text {       /* These are the styles for the active text */
        color: #005C2C;
        font-weight: 700;
        font-size: 1.1em;
    }
    
    /* End Order Steps contribution CSS */
    Attached Images Attached Images  
    Last edited by spydercanopus; 31 Mar 2009 at 12:10 AM. Reason: Posting screenshot

 

 

Similar Threads

  1. adding shopping cart image to shopping cart sidebox?
    By RobertG in forum Addon Sideboxes
    Replies: 13
    Last Post: 26 Oct 2011, 06:24 AM
  2. Shopping Cart menu as a sidebox outside Zen-Cart -security
    By fl33140 in forum Templates, Stylesheets, Page Layout
    Replies: 11
    Last Post: 18 Feb 2011, 09:03 PM
  3. Remove right sidebox shopping cart from when on shopping cart page
    By alterego55 in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 2 Oct 2010, 01:45 AM
  4. shopping cart sidebox with checkout button only when cart is full
    By sunnydaydreame in forum Basic Configuration
    Replies: 0
    Last Post: 5 Feb 2008, 12:52 AM
  5. Replies: 9
    Last Post: 23 Jan 2007, 10:38 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg