[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 531
  • Last Modified:

drop shadow effect html

which code add drop shadow effect both side of the contents? also from up to down.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="../../../Templates/maintemp.dwt" codeOutsideHTMLIsLocked="false" --><head>
 
 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<!-- InstanceBeginEditable name="doctitle" -->
<title>Simple Wishes</title>
<!-- InstanceEndEditable -->
<link rel="SHORTCUT ICON" href="http://www.simplewishes.com/simplewishes/images/icon.gif">
 
<script 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>
 
 
<link href="home_files/style-template.css" rel="stylesheet" type="text/css">
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
</head><body onload="MM_preloadImages('../images/nav/nav_home2.gif','../images/nav/nav_about2.gif','../images/nav/nav_resources2.gif','../images/nav/nav_contact2.gif','../images/nav/nav_testimonials2.gif')">
 
  <table id="main_table" align="center" border="0" cellpadding="0" cellspacing="0">
    <tbody><tr>
      <td height="83">
	  
	  <table id="nav" align="center" border="0" cellpadding="0" cellspacing="0" width="804" height="83">
	<tbody><tr>
	  <td width="7"><img src="home_files/trans.gif" width="7" height="64"></td>
		<td>
			<a href="http://www.simplewishes.com/simplewishes/home/home.html"><img src="home_files/navtop_logo.gif" alt="Simple Wishes" name="logo" id="logo" border="0" width="381" height="64"></a></td>
		<td colspan="6"><img src="home_files/navtop_right.gif" alt="Simple Wishes" border="0" width="409" height="64"></td>
	    <td width="7"><img src="home_files/trans.gif" width="7" height="64"></td>
	</tr>
	<tr>
	  <td width="7"><img src="home_files/trans.gif" width="7" height="19"></td>
		<td>
			<img src="home_files/navbot_left.gif" alt="Simple Wishes" border="0" width="381" height="19"></td>
		<td><a href="http://www.simplewishes.com/simplewishes/home/home.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','../images/nav/nav_home2.gif',1)"><img src="home_files/nav_home1.gif" alt="home" name="home" border="0" width="54" height="19"></a></td>
		<td><a href="http://www.simplewishes.com/simplewishes/about/about.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about','','../images/nav/nav_about2.gif',1)"><img src="home_files/nav_about1.gif" alt="about" name="about" border="0" width="57" height="19"></a></td>
		<td><a href="http://www.simplewishes.com/simplewishes/resources/resources.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('resources','','../images/nav/nav_resources2.gif',1)"><img src="home_files/nav_resources1.gif" alt="resources" name="resources" border="0" width="80" height="19"></a></td>
		<td><a href="http://www.simplewishes.com/simplewishes/contact/contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact us','','../images/nav/nav_contact2.gif',1)"><img src="home_files/nav_contact1.gif" alt="contact us" name="contact us" border="0" width="84" height="19"></a></td>
		<td><a href="http://www.simplewishes.com/simplewishes/testimonials/testimonials.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('testimonials','','../images/nav/nav_testimonials2.gif',1)"><img src="home_files/nav_testimonials1.gif" alt="#" name="testimonials" border="0" width="96" height="19"></a></td>
		<td>
			<img src="home_files/navbot_right.gif" alt="" width="38" height="19"></td>
	    <td width="7"><img src="home_files/trans.gif" width="7" height="19"></td>
	</tr>
</tbody></table>
 
 
</td>
    </tr>
    <tr>
      <td height="400"><table align="center" border="0" cellpadding="0" cellspacing="0" width="804" height="400">
        <tbody><tr>
          <td width="10"><img src="home_files/trans.gif" width="10" height="10"></td>
          <td width="784">
            <table border="0" cellpadding="0" cellspacing="0" width="784" height="400">
              <tbody><tr>
                <td height="15"><img src="home_files/trans.gif" width="784" height="15"></td>
              </tr>
              <tr>
                <td><!-- InstanceBeginEditable name="main_body" -->
                  <table border="0" cellpadding="0" cellspacing="0" width="784" height="400">
                    
                    <tbody><tr>
                      <td height="10"><table border="0" cellpadding="0" cellspacing="0" width="784">
                          <tbody><tr>
                            <td><img src="home_files/trans.gif" width="10" height="10"></td>
                            <td class="headline_copy" width="764">WELCOME</td>
                            <td><img src="home_files/trans.gif" width="10" height="10"></td>
                          </tr>
                      </tbody></table></td>
                    </tr>
                    <tr>
                      <td><img src="home_files/trans.gif" width="784" height="5"></td>
                    </tr>
                    <tr>
                      <td height="10"><table border="0" cellpadding="0" cellspacing="0" width="784">
                          <tbody><tr>
                            <td><img src="home_files/trans.gif" width="10" height="10"></td>
                            <td class="body_copy1" width="764">For
every mother who has ever wished she could be in two places at once,
that she had an extra set of hands, or just that she could manage her
hectic schedule and still find time for herself, Simple Wishes is the
simple solution she&#8217;s been waiting for.</td>
                            <td><img src="home_files/trans.gif" width="10" height="10"></td>
                          </tr>
                      </tbody></table></td>
                    </tr>
                    <tr>
                      <td><img src="home_files/trans.gif" width="784" height="5"></td>
                    </tr>
                    <tr>
                      <td height="27"><img src="home_files/hor_divider.gif" width="784" height="27"></td>
                    </tr>
                    <tr>
                      <td height="18"><table border="0" cellpadding="0" cellspacing="0" width="784">
                          <tbody><tr>
                            <td width="10"><img src="home_files/trans.gif" width="10" height="10"></td>
                            <td width="534"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="534" height="450">
                                <param name="movie" value="gallery.swf">
                                <param name="quality" value="high">
                                <embed src="home_files/gallery.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="534" height="450">
                            </object></td>
                            <td width="10"><img src="home_files/trans.gif" width="10" height="10"></td>
                            <td><table border="0" cellpadding="0" cellspacing="0" width="220">
                                <tbody><tr>
                                  <td><img src="home_files/reviews_headline.gif" width="220" height="35"></td>
                                </tr>
                                <tr>
                                  <td class="quote">&#8220;I
had the opportunity to test wear this bustier and I love that you can
adjust the sizing!&nbsp; I am a 44 D &amp; had been using another
manufacturer's bustier in a size large and found that as time goes by,
many women (self included) get somewhat smaller, so eventually, I had
to get a new one because the old one became worthless." ...<a href="http://www.simplewishes.com/simplewishes/testimonials/testimonials.html">continued</a></td>
                                </tr>
                                <tr>
                                  <td class="bold_name"><div align="right"><img src="home_files/trans.gif" width="200" height="5"></div></td>
                                </tr>
                                <tr>
                                  <td class="bold_name"><div align="right">-J. Malkinson</div></td>
                                </tr>
                                <tr>
                                  <td class="quote"><div align="right">Portland, OR</div></td>
                                </tr>
                                <tr>
                                  <td><img src="home_files/trans.gif" width="220" height="10"></td>
                                </tr>
                                <tr>
                                  <td class="home_links"><a href="http://www.simplewishes.com/simplewishes/testimonials/testimonials.html">&nbsp;see more testimonials<img src="home_files/greypink_arrow.gif" border="0" width="10" height="7"></a></td>
                                </tr>
                                <tr>
                                  <td><img src="home_files/trans.gif" width="220" height="2"></td>
                                </tr>
                                <tr>
                                  <td class="home_links"><a href="http://www.simplewishes.com/simplewishes/testimonials/testimonials.html">&nbsp;submit your own testimonial<img src="home_files/greypink_arrow.gif" border="0" width="10" height="7"></a></td>
                                </tr>
                                <tr>
                                  <td><img src="home_files/trans.gif" width="220" height="10"></td>
                                </tr>
                                <tr>
                                  <td class="quote">&#8220;I
loved the adjustability in band size and flange positioning! I liked
the thoughtful attention to detail with the detachable strap &amp; soft
pink fabric coloring. I actually wore this all day as a bra with the
strap in tank style and just covered the flange holes with my
LilyPadz." ...<a href="http://www.simplewishes.com/simplewishes/testimonials/testimonials.html">continued</a></td>
                                </tr>
                                <tr>
                                  <td class="bold_name"><div align="right">-M. Levine</div></td>
                                </tr>
                                <tr>
                                  <td class="quote"><div align="right">San Francisco, CA</div></td>
                                </tr>
                                <tr>
                                  <td><img src="home_files/trans.gif" width="220" height="10"></td>
                                </tr>
                                <tr>
                                  <td>&nbsp;</td>
                                </tr>
                            </tbody></table></td>
                            <td width="10"><img src="home_files/trans.gif" width="10" height="10"></td>
                          </tr>
                      </tbody></table></td>
                    </tr>
                  </tbody></table>
                <!-- InstanceEndEditable --></td>
              </tr>
              
              <tr>
                <td height="18"><img src="home_files/trans.gif" width="784" height="15"></td>
              </tr>
            </tbody></table></td>
          <td width="10"><img src="home_files/trans.gif" width="10" height="10"></td>
        </tr>
      </tbody></table></td>
    </tr>
    <tr class="bottom_table">
      <td><table align="center" border="0" cellpadding="0" cellspacing="0" width="804">
        <tbody><tr>
          <td width="10"><img src="home_files/trans.gif" width="10" height="55"></td>
          <td width="784"><div class="bottom_text" align="center">all images ©2009 // not to be re-produced without permission.</div></td>
          <td width="10"><img src="home_files/trans.gif" width="10" height="55"></td>
        </tr>
      </tbody></table></td>
    </tr>
</tbody></table>
 
<!-- InstanceEnd --></body></html>

Open in new window

0
Hiroyuki Tamura
Asked:
Hiroyuki Tamura
  • 3
  • 2
3 Solutions
 
Alpha AuCommented:
you would need to investigate on the css file
home_files/style-template.css
which is not supply...
0
 
Hiroyuki TamuraAuthor Commented:
thank you.
this is CSS
/*
CSS Styles for SIMPLE WISHES 2009
*/
 
 
 
 
	
	/* this is for templates*/
	
html {
	height: 100%;
	}
body {
	margin: 0;
	padding: 0;
	background: #efedea url(images/template/bkgnd.jpg) top center repeat-x;
	height: 100%;
	}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #d530b0;
}
a:link {
	color: #d530b0;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #d530b0;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #d530b0;
}
	}
#container {
	padding: 0px;
	background: #efedea url(images/template/bkgnd.jpg) top center repeat-x;
	height: 100%
	}
	
#main_table {
	padding: 0px;
	background-image: url(images/template/table_bkgnd.gif);
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	width: 804px;
	}
	
.bottom_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: lighter;
	text-align: center;
	color: #999999;
}
.bottom_table {
	background-image: url(images/template/tablebtm_bkgnd.gif);
}
 
.headline_copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: lighter;
	color: #d530b0;
	
}
.body_copy1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	vertical-align: top;
}
.quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #666666;
	
	}
.small_italic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #999999;
}
 
.body_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	
}
 
 
.pink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #d530b0;
	
}
.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #cccccc;
}
 
.bold_name {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold;
	color: #666666;
}
.home_links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #d530b0;
	background-color: #eee1f0;
}
.sub_head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	
}
.center_head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #d530b0;
	font-style: italic;
}
.resoource_links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #d530b0;
	
}
.resource_head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #999999;
}
 
.price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #999999;
}
 
 
.ucColorHeader {
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	color: #F6F;
}
 
.ucColorSubHeader {
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	color: #F6F;
}
 
.tableHeader {
	background-color: #FFF;
}
.textBold {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #666;
}
.subText {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #666;
}
.ucInfoBoxBorder {
	background-color: #d4d5c3;
}
.ucInfoBoxCornerTopLeft {
	background-color: #d4d5c3;
	background-image: url(/checkout/topLeftCorner.gif);
}
.ucInfoBoxCornerTopRight {
	background-color: #d4d5c3;
	background-image: url(/checkout/topRightCorner.gif);
}
.ucInfoBoxCornerBottomLeft {
	background-color: #d4d5c3;
	background-image: url(/checkout/bottomLeftCorner.gif);
}
.ucInfoBoxCornerBottomRight {
	background-color: #d4d5c3;
	background-image: url(/checkout/bottomRightCorner.gif);
}
.ucInfoBoxBorderLine {
	background-color: #FFFFFF;
}
.ucInfoBoxBackground {
	background-color: #FFFFFF;
}
.ucViewCartHeader {
	background-color: #D4D5C3;
}
.ucViewCartColumnTitle {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
.ucViewCartColumnDescription {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #333333;
}
.ucViewCartColumnAmount {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #333333;
}
.ucColumnTitle {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
.ucViewCartFooter {
	background-color: #D4D5C3;
}
.ucViewCartSummaryText {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
.ucInstructionText {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}
.ucSubText {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #333333;
}
.ucSubBoldText {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}
.ucReceiptText {
}
.ucSubInput {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #333333;
}
.ucSubTextDiscount {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #FF0000;
}
.ucViewCartNoItems {
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	font-style: italic;
	font-weight: bold;
}
.ucErrorMessage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}
.ucInfoMessage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}
.ucTitledBoxHeader {
	background-color: #eeeeee;
	color: #000000;
	FONT-SIZE: 12px;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-weight: bold;
	padding: 3px;
}
.ucRequiredInput {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #333333;
}
.ucOptionalInput {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	color: #333333;
}
.ucGiftSelection {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	color: #333333;
}
.ucSectionTitle {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
}
.ucError {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
}
.ucShippingMethodTable {
FFFFFF
}
.ucDefault {
	font-size: 11px;
  color: #333333;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}
.ucColorHeader {
	font-family: Arial;
  font-weight: bold;
  font-size: 14px;
  color: #CC0000;
}
.ucColorSubHeader {
	font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  color: #CC0000;
}
.ucSuggestedItemsHeader {
	font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  color: #000000;
}
.ucSuggestedItemsText {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #333333;
}
.ucCouponHeader {
	font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  color: #000000;
}
.ucCouponText {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #333333;
}
.ucCouponField {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #333333;
}
.ucReferralCodeHeader {
	font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  color: #000000;
}
.ucReferralCodeField {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #333333;
}
.ucFormLabel {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
.ucFormLabelPaymentPreference {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
.ucFormText {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
.ucFormTextBold {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
  font-weight: bold;
}
.ucFormField {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
}
 
.ucWholesaleAgreement {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
}
 
.ucRemoveButton {
	background-image: url(/checkout/removeItem.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 11px;
}
.ucRemoveButtonOverlay {
	height: 10px;
	width: 11px;
}
.ucSubmitButton {
	background-image: url(/checkout/images/submit.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 62px;
}
.ucSubmitButtonOverlay {
	height: 18px;
	width: 62px;
}
.ucContinueCheckoutButton {
	background-image: url(/checkout/images/continueCheckout.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 123px;
}
.ucContinueCheckoutButtonOverlay {
	height: 18px;
	width: 123px;
}
.ucContinueShoppingButton {
	background-image: url(/checkout/images/continueShopping.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 124px;
}
.ucContinueShoppingButtonOverlay {
	height: 18px;
	width: 124px;
}
.ucUpdateButton {
	background-image: url(/checkout/images/update.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 67px;
}
.ucUpdateButtonOverlay {
	height: 18px;
	width: 67px;
}
.ucAddToCartButton {
	background-image: url(/checkout/images/addToCart.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 92px;
}
.ucAddToCartButtonOverlay {
	height: 18px;
	width: 92px;
}
.ucApplyCouponButton {
	background-image: url(/checkout/images/applyCoupon.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 97px;
}
.ucApplyCouponButtonOverlay {
	height: 18px;
	width: 97px;
}
 
.ucApplyCodeButton {
	background-image: url(/checkout/images/applyCode.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 85px;
}
.ucApplyCodeButtonOverlay {
	height: 18px;
	width: 85px;
}
 
.ucCheckoutButton {
	background-image: url(/checkout/images/checkout.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 79px;
}
.ucCheckoutButtonOverlay {
	height: 18px;
	width: 79px;
}
 
.ucContinueButton {
	background-image: url(/checkout/images/continue.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 68px;
}
.ucContinueButtonOverlay {
	height: 18px;
	width: 68px;
}
.ucFinalizeOrderButton {
	background-image: url(/checkout/images/finalizeOrder.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 95px;
}
.ucFinalizeOrderButtonOverlay {
	height: 18px;
	width: 95px;
}
 
 
.ucTableHeaderBackground {
	background-color : #A26B48;
}
.ucTableHeader {
	font-size: 11px;
	color: #333333;
	font-weight : bold;
}
.ucTableBorderBackground {
	background-color : #000000;
}
.ucTableItemLightBackground {
	background-color : #EEEEEE;
}
.ucTableItemDarkBackground {
	background-color : #DDDDDD;
}
.ucShoppingBackground {
  background-color: #FFFFFF
}
.ucShoppingCartText {
	font-size: 12px;
	color: #333333;
}
.ucShoppingCartNoItemText {
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	font-style: italic;
	font-weight: bold;
}
.ucShoppingCartDiscountText {
	font-size: 12px;
	color: #FF0000;
}
.ucShoppingCartHighlightText {
	font-size: 12px;
	font-weight: bold;
	color: #990000;
}
.ucShoppingCartOptionField {
	font-size: 12px;
	color: #333333;
}
.ucShoppingCartField {
	font-size: 12px;
	color: #333333;
}
.ucSmall {
    font-size: 10px;
}
.ucReviewShippingInfoBackground {
  background-color: #FFFFFF
}
.ucReviewSummaryBackground {
  background-color: #FFFFFF
}
.ucApproximateShippingHeader {
	font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  color: #000000;
}
.ucApproximateShippingText {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #333333;
}
.ucApproximateShippingDiscountText {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #333333;
}
.ucErrorMessageBorder {
  background-color: #DD9988;
}
.ucErrorMessageBackground {
  background-color: #FFFFD5;
}
.ucErrorMessageText {
  color: #990000
}
.ucErrorMessageIcon {
	background-image: url(/checkout/images/error.gif);
	background-repeat: no-repeat;
	height: 17px;
	width: 17px;
}
.ucInfoMessageBorder {
  background-color: #DD9988;
}
.ucInfoMessageBackground {
  background-color: #FFFFD5;
}
.ucInfoMessageText {
  color: #990000
}
.ucInfoMessageIcon {
	background-image: url(/checkout/images/info.gif);
	background-repeat: no-repeat;
	height: 17px;
	width: 17px;
}
.ucUseThisAddressButton {
	background-image: url(/checkout/images/useThisAddress.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 116px;
}
.ucUseThisAddressButtonOverlay {
	height: 18px;
	width: 116px;
}
.ucReviewAddressText {
	font-size: 11px;
  color: #333333;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}
.ucSpecialInstructionText {
	font-size: 11px;
  color: #333333;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}
.ucReturnPolicyText {
	font-size: 11px;
  color: #333333;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}
.ucProgressBar {
	background-image: url(/checkout/progress.gif);
	background-repeat: no-repeat;
	height: 12px;
	width: 146px;
}
.ucProgressBarOverlay {
	height: 12px;
	width: 146px;
}
.ucProgressText {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
.ucReviewGiftMessageBackground {
  background-color: #FFFFFF
}
.ucGiftMessageText {
	font-size: 11px;
  color: #333333;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}
 
 
.ucSearchResultHeader {
	font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  color: #000000;
  background-color: #EEEEEE;
}
.ucSearchResultItemManufacturerName {
	font-size: 11px;
  color: #333333;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}
.ucSearchResultItemManufacturerSku {
	font-size: 11px;
  color: #333333;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}
.ucSearchResultItemNumber {
	font-size: 11px;
  color: #333333;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}
.ucSearchResultItemDescription {
	font-size: 11px;
  color: #333333;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}
.ucSearchResultPaging {
	font-size: 11px;
  color: #333333;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}
.ucSearchResultItemPrice {
	font-size: 11px;
  color: #333333;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}
.ucSearchResultContinueShoppingButton {
	background-image: url(/checkout/images/continueShopping.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 124px;
}
.ucSearchResultContinueShoppingButtonOverlay {
	height: 18px;
	width: 124px;
}
.ucSearchResultBuyButton {
	background-image: url(/checkout/images/buy.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 92px;
}
.ucSearchResultBuyButtonOverlay {
	height: 18px;
	width: 92px;
}
.ucSearchResultMoreInfoButton {
	background-image: url(/checkout/images/moreInfo.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 92px;
}
.ucSearchResultMoreInfoButtonOverlay {
	height: 18px;
	width: 92px;
}
.ucUpsellYesButton {
	background-image: url(/checkout/images/upsellYes.gif);
	background-repeat: no-repeat;
	height: 45px;
	width: 82px;
}
.ucUpsellYesButtonOverlay {
	height: 45px;
	width: 82px;
}
.ucUpsellNoButton {
	background-image: url(/checkout/images/upsellNo.gif);
	background-repeat: no-repeat;
	height: 45px;
	width: 82px;
}
.ucUpsellNoButtonOverlay {
	height: 45px;
	width: 82px;
}

Open in new window

0
 
Alpha AuCommented:
could you give out the web site instead of the code?
as i cannot figure out what the gif file content, and where the drop shadow is....
0
 
Hiroyuki TamuraAuthor Commented:
0
 
Alpha AuCommented:
The page background is given by the body css
body {
      margin: 0;
      padding: 0;
      background: #efedea url(images/template/bkgnd.jpg) top center repeat-x;
      height: 100%;
      }

and to make the center page "Stand out " of the background,
this background image is used.
http://www.simplewishes.com/simplewishes/images/template/table_bkgnd.gif

and this image is added to make the "round corner"
http://www.simplewishes.com/simplewishes/images/template/hor_divider.gif

hope this help.
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now