Jump to content
dev osCommerce
Forum
  • Checkout
  • Login
  • Contact Us
  • Get in touch

osCommerce

The e-commerce.

New Demo
Our Partners

STS edits in Stylesheet

davids771

By davids771
in Templates and Images

 Share

Recommended Posts

davids771

davids771

Posted
Posted

I'm finally working on my STS and am having a problem with the stylesheet. The font changed from a new times roman(?) to something resembling Tahoma but the size is not 11px. Here's my stylesheet at the catalog\style.css It's funny when I change the name to stylesheet.css then it goes back to new times roman but still huge lettering (~18px). What am I not understanding here? I also have a best loginbox contrib. that has gone missing in my STS, do I need to use the template for infobox to bring this back? Thanks.

 

body {padding:0; margin:0; color:#000000}
br{font-size:10px}
.s{font-family:Tahoma; font-size:11px;  color:#9C9C9C; text-decoration:none}
.s1{font-family:Tahoma; font-size:11px;  color:#656565; text-decoration:none}
.green{font-family:Tahoma; font-size:11px;  color:#769F26}
 .red{font-family:Tahoma; font-size:11px;  color:#2C7F06;}
 .o{font-family:Tahoma; font-size:11px;  color:#FFCC00;}
.blue{font-family:Tahoma; font-size:11px;  color:#778FAC}
.blue1{font-family:Tahoma; font-size:11px;  color:#324060}
.blue2{font-family:Tahoma; font-size:11px;  color:#50596E; text-decoration:none}
.blue3{font-family:Tahoma; font-size:11px;  color:#5579A5}
.w{font-family:Tahoma; font-size:11px;  color:#FFFFFF;text-decoration:none}
.b{font-family:Tahoma; font-size:11px;  color:#5E5E5E; }

.t1{background:url(images/1_z2.gif)  center left no-repeat; margin:0px 0px 0px 110px; padding:0px 0px 0px 10px }
.t2{background:url(images/1_z2.gif)  center left no-repeat; margin:0px 0px 0px 0px; padding:0px 0px 0px 10px }
.t3{background:url(images/1_z2.gif)  center left no-repeat; margin:0px 0px 0px 2px; padding:0px 0px 0px 10px }
.t4{background:url(images/1_z2.gif)  center left no-repeat; margin:0px 0px 0px 21px; padding:0px 0px 0px 10px }
.t5{background:url(images/1_z2.gif)  center left no-repeat; margin:0px 0px 0px 11px; padding:0px 0px 0px 10px }


 #input{
 		width:160px; height:21px;

	}

#input1{
 		scrollbar-3dlight-color:#E3E2E2;
   scrollbar-track-color:#FFFFFF;
   scrollbar-shadow-color:#E3E2E2 ;
   scrollbar-face-color:#ECB637; 
scrollbar-arrow-color:#E3E2E2;
scrollbar-darkShadow-color:#E3E2E2;

	}

  #textarea{
 		width:102px; height:48px;
	border-width:1px;
	border-style:solid;
	border:none;
	background-color:#F0EAE3;
	overflow:auto
	}

 

Here's my latest sts_template.html with Div tags 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>product_name</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<link href="style.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
   var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
   if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
 var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
   d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
<!--
.style3 {font-size: 10px}
-->
</style>
</head>
<body  bgcolor="#EBEBEB" style="padding:0; margin:0" onLoad="MM_preloadImages('images/m1-1.gif','images/m2-2.gif','images/m3-3.gif','images/m4-4.gif','images/m5-5.gif')">

<table cellpadding="0" cellspacing="0" border="0"  align="center" >
<tr>	
  <td valign="top" width="748" height="736" >
  	<table cellpadding="0" cellspacing="0" border="0">
		<tr>
			<td valign="top" width="748" height="350" style="background-image:url(images/top.jpg) ">
				<table cellpadding="0" cellspacing="0" border="0">
					<tr>
						<td valign="top" width="290" height="350">
							<div style=" margin-left:89px; margin-top:48px "><img src="images/logo.gif" alt="" border="0"></div>
							<div style=" margin-left:87px; margin-top:15px "><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image21','','images/m1-1.gif',1)"><img alt="" src="images/m1.gif" name="Image21" width="124" height="26" border="0"></a></div>
							<div style=" margin-left:87px; margin-top:7px "><a href="index-1.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image22','','images/m2-2.gif',1)"><img alt="" src="images/m2.gif" name="Image22" width="107" height="26" border="0"></a></div>
							<div style=" margin-left:87px; margin-top:7px "><a href="index-2.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image23','','images/m3-3.gif',1)"><img alt="" src="images/m3.gif" name="Image23" width="106" height="26" border="0"></a></div>
							<div style=" margin-left:87px; margin-top:7px "><a href="index-3.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image24','','images/m4-4.gif',1)"><img alt="" src="images/m4.gif" name="Image24" width="105" height="26" border="0"></a></div>
							<div style=" margin-left:87px; margin-top:7px "><a href="index-4.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image25','','images/m5-5.gif',1)"><img alt="" src="images/m5.gif" name="Image25" width="132" height="26" border="0"></a></div>
						</td>
						<td valign="top" width="458" height="350">
							<table cellpadding="0" cellspacing="0" border="0">
								<tr>
									<td valign="top" width="458" height="156">
										<div style=" margin-left:14px; margin-top:111px "><img src="images/w1.gif" alt="" border="0"></div>
									</td>
								</tr>
								<tr>
									<td valign="top" width="458" height="16">
										<table cellpadding="0" cellspacing="0" border="0">
											<tr>
												<td valign="top" width="16" height="16"></td>
												<td valign="top" width="59" height="16" style="background-image:url(images/k1.gif) ">
													<div  style=" margin-left:6px; margin-top:1px; margin-right:0px; line-height:12px " class="b"><a href="#mysite/com/catalog" target="_blank" class="w">Buy Now</a></div>
											  </td>
												<td valign="top" width="383" height="16"></td>
											</tr>
										</table>
									</td>
								</tr>
								<tr>
									<td valign="top" width="458" height="178"></td>
								</tr>
							</table>
						</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td valign="top" width="748" height="291" style="background-image:url(images/bg2.gif) ">
				<table cellpadding="0" cellspacing="0" border="0">
					<tr>
						<td valign="top" width="748" height="291" style=" background:url(images/bg1.gif) no-repeat bottom ">
							<table cellpadding="0" cellspacing="0" border="0">
								<tr>
									<td valign="top" width="85" height="291"></td>
									<td valign="top" width="582" height="291">
										<div style=" margin-left:0px; margin-top:5px "><img src="images/z1.gif" alt="" border="0"><img src="" alt="" width="193" height="22" border="0" style="margin-left:6px "></div>
<div  style=" margin-left:1px; margin-top:11px; margin-right:0px; line-height:12px " class="s1">
                         <p><strong> 

                          <table border="0" width="100%" cellspacing="0" cellpadding="10">
   <tr class="header">
       <td valign="middle">
           <img border="0" src="images/store_logo.png"></td>
       <td align=right>
           <a href="$urlmyaccount">
           <img border="0" src="images/header_account.gif"></a>
           <a href="$urlcartcontents">
           <img border="0" src="images/header_cart.gif"></a>
           <a href="$urlcheckout">
           <img border="0" src="images/header_checkout.gif"></a>        </td>
   </tr>
</table>

<table border="0" width="100%" cellspacing="0" cellpadding="1">
   <tr class="headerNavigation">
       <td class="headerNavigation">

           $breadcrumbs        </td>
       <td align="right" class="headerNavigation">
           $myaccountlogoff | $cartcontents | $checkout
         </td>
   </tr>
</table>

<table border="0" width="100%" cellspacing="3" cellpadding="3">
 <tr>
   <td valign="top" width="125">
     <table border="0" width="125" cellspacing="0" cellpadding="2">
       <tr><td>$catmenu</td></tr>
       <tr><td>$categorybox</td></tr>
       <tr><td>$manufacturerbox</td></tr>
       <tr><td>$whatsnewbox</td></tr>
       <tr><td>$specialbox</td></tr>
       <tr><td>$searchbox</td></tr>
       <tr><td>$informationbox</td></tr>
     </table>    </td>
   <td valign="top">
     <p>This is the default template<br>
</p>
     <p>$content</p>
     <p> </p>    </td>
   <td valign="top" width="125">
     <table border="0" width="125" cellspacing="0" cellpadding="2">
       <tr><td>$cartbox</td></tr>
       <tr><td>$maninfobox</td></tr>
       <tr><td>$orderhistorybox</td></tr>
       <tr><td>$bestsellersbox</td></tr>
       <tr><td>$reviewsbox</td></tr>
       <tr><td>$tellafriendbox</td></tr>
       <tr><td>$languagebox</td></tr>
       <tr><td>$currenciesbox</td></tr>
     </table>    </td>
 </tr>
</table>

<table border="0" width="100%" cellspacing="0" cellpadding="1">
 <tr class="footer">
   <td class="footer">  $date  </td>
   <td align="right" class="footer">  $numrequests  </td>
 </tr>
</table>

<br>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
 <tr>
   <td align="center" class="smallText">
     $footer_text    </td>
 </tr>
</table>

<br>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
 <tr>
   <td align="center">
     $banner_only    </td>
 </tr>
</table>


 <table border="0" cellpadding="3" cellspacing="0" width="100%">
     <tr>
       <td align="center" class="smallText">
         Simple Template System by <a href="http://www.diamondsea.com/">DiamondSea.com</a><br>
         STS v4.5.3 by <a href="http://soundsgoodpro.com">
		SoundsGoodProductions.com</a><br>        </td>
     </tr>
 </table><br>
					  </div>
								  </td>
									<td valign="top" width="81" height="291"></td>
								</tr>
							</table>
						</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td valign="top" width="748" height="95" style="background-image:url(images/bottom.jpg) ">
			  <div  style=" margin-left:191px; margin-top:17px; margin-right:10px; line-height:13px " class="s">Copyright 2008 © Mycompany All rights reserved. <a href="index-5.html" class="blue">Privacy Policy/Conditions of Use</a></div>
			</td>
		</tr>
	</table>
  </td>
</tr>
</table>
</body>
</html>

 

Here's the original stylesheet.css from OSC. 

/*
 $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

 osCommerce, Open Source E-Commerce Solutions
 [url="http://www.oscommerce.com"]http://www.oscommerce.com[/url]

 Copyright © 2003 osCommerce

 Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
 background: #ffffff;
 color: #000000;
 margin: 0px;
}

A {
 color: #000000;
 text-decoration: none;
}

A:hover {
 color: #AABBDD;
 text-decoration: underline;
}

FORM {
display: inline;
}

TR.header {
 background: #ffffff;
}

TR.headerNavigation {
 background: #bbc3d3;
}

TD.headerNavigation {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #bbc3d3;
 color: #ffffff;
 font-weight : bold;
}

A.headerNavigation { 
 color: #FFFFFF; 
}

A.headerNavigation:hover {
 color: #ffffff;
}

TR.headerError {
 background: #ff0000;
}

TD.headerError {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #ff0000;
 color: #ffffff;
 font-weight : bold;
 text-align : center;
}

TR.headerInfo {
 background: #00ff00;
}

TD.headerInfo {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #00ff00;
 color: #ffffff;
 font-weight: bold;
 text-align: center;
}

TR.footer {
 background: #bbc3d3;
}

TD.footer {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #bbc3d3;
 color: #ffffff;
 font-weight: bold;
}

.infoBox {
 background: #b6b7cb;
}

.infoBoxContents {
 background: #f8f8f9;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

.infoBoxNotice {
 background: #EF9700;
}

.infoBoxNoticeContents {
 background: #FFE6E6;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

TD.infoBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
 background: #bbc3d3;
 color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
 background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
 background: #f8f8f9;
}

TABLE.productListing {
 border: 1px;
 border-style: solid;
 border-color: #b6b7cb;
 border-spacing: 1px;
}

.productListing-heading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #b6b7cb;
 color: #FFFFFF;
 font-weight: bold;
}

TD.productListing-data {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

A.pageResults {
 color: #0000FF;
}

A.pageResults:hover {
 color: #0000FF;
 background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 color: #9a9a9a;
}

TR.subBar {
 background: #f4f7fd;
}

TD.subBar {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #000000;
}

TD.main, P.main {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

TD.accountCategory {
 font-family: Verdana, Arial, sans-serif;
 font-size: 13px;
 color: #aabbdd;
}

TD.fieldKey {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
}

TD.fieldValue {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
}

TD.tableHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
}

SPAN.newItemInCart {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
}

TEXTAREA {
 width: 100%;
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
}

SPAN.greetUser {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 color: #71B7CB;
 font-weight: bold;
}

TABLE.formArea {
 background: #f1f9fe;
 border-color: #7b9ebd;
 border-style: solid;
 border-width: 1px;
}

TD.formAreaTitle {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
}

SPAN.markProductOutOfStock {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 color: #c76170;
 font-weight: bold;
}

SPAN.productSpecialPrice {
 font-family: Verdana, Arial, sans-serif;
 color: #ff0000;
}

SPAN.errorText {
 font-family: Verdana, Arial, sans-serif;
 color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #F69C00; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #71B7CB; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

davids771

davids771

Posted
  • Author
Posted

Sorry I meant to add the following stats:

 

STS_VERSION=[4.5.5]

 

OSC_VERSION=[osCommerce 2.2-MS2]

STS_TEMPLATE=[includes/sts_templates/test/sts_template.html]

STS_MODULE=[sts_default]

STS_INC_MODULES=[general.php - sts_user_code.php - ]

 

$sts->template['applicationtop2header']

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing
×
×
  • Create New...