Background Image to whole Site

pberg · April 3, 2009

Hello,

I would like to add a background image to my website. I know I have to work with the stylesheet.css

But where do I make the modifications?

Here is what it looks like:

/*
 $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: #DBDBDB; }
.orderEdit 				{ font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #505050; text-decoration: underline; }

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

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

/*  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;}*/
.infoBoxNotice 				{background: #FF8E90;}
.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;}
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.tableHeading 							{font-family: Verdana, Arial, sans-serif;font-size: 12px;font-weight: bold;}
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: #f0a480;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.errorText 								{font-family: Verdana, Arial, sans-serif;color: #ff0000;}

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

.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: #ffb3b5; }
.messageStackSuccess 						{font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }
#myse select 								{width:90%;}
/* input requirement */
.product .inputRequirement, .inputRequirement 					
										{font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#FF0000; }
/* -------------------------------------------------          -------------------------------------------------------- */
del {color:#ae0b00; font-size:16px; font-weight:bold}
s {color:#808080;font-size:11px;font-weight:normal;}
/* -------------------------------------------------          -------------------------------------------------------- */
/* -------------------------------------------------          -------------------------------------------------------- */

body {padding:0; margin:0; background:#000000}
body, td, input, textarea{
font-size:11px;
   font-family:Tahoma;
color:#9c9c9c;
line-height:13px;
vertical-align:top;
padding:0px;
}
img      {border:0px;}
table	 {width:100%;}

.vam { vertical-align:middle}


.bg{background:#ffffff}
.bg1{ background:#f9ebd6}
.bg2{ background:#efd3a9}
.bg3{ background:#f9ebd6}
.bg4{ background:#fad68f}
.bg5{ background:#cfcdcd}

.header td 		 {color:#373737; vertical-align:middle; }
.header span	 {color:#FFFFFF; font-size:10px;}
.header b   	 {color:#373737; font-size:10px; text-transform:uppercase}
.header a 		 {color:#b2340d; text-decoration:underline; font-size:11px; }
.header a:hover  {color:#b2340d;text-decoration:none}
.header strong a 		 {color:#C9CBBD; text-decoration:underline; font-size:11px}
.header strong a:hover  {color:#C9CBBD;text-decoration:none}


.input1{
width:37px; height:18px; 
color:#3F4143; font-size:10px; font-family:tahoma; text-align:right
}

.input2{
width:183px; height:20px; 
color:#3F4143; font-size:10px; font-family:tahoma; 
}


.jamp{ width:144px; height:18px; color:#464646; font-size:10px; padding-left:4px; font-family:Tahoma;}
.jamp1{ width:58px; height:18px; color:#464646; font-size:10px; padding-left:2px; font-family:Tahoma;}
.jamp2{ width:119px; height:18px; color:#464646; font-size:10px; padding-left:2px; font-family:Tahoma;}
.jamp3{ width:152px; height:18px; color:#464646; font-size:10px; padding-left:2px; font-family:Tahoma;}


.box_header_txt	td{ height:37px; vertical-align:middle; background:url(images/li.gif);
			  font-weight:bold;  color:#292929; font-size:14px;}





.box_body  ul 	{padding:0; margin:0 0 0 8px; list-style:none; }
.box_body .bg_list 	{background:url(images/bg_list.gif) left top no-repeat; line-height:21px; background-position:0 8px}
.box_body .bg_list  a	{color:#000000; text-decoration:none; padding-left:20px;}
.box_body .bg_list  a:hover	{color:#000000;text-decoration:underline;}

.box_body .bg_list_un 	{background:url(images/bg_list_un.gif) left top no-repeat; line-height:23px; background-position:0 10px; margin-left:15px}
.box_body .bg_list_un  a	{color:#A10E04;text-decoration:underline; padding-left:10px;}
.box_body .bg_list_un  a:hover	{color:#A10E04; text-decoration:none;}

.box_body .bg_list_sub 	{line-height:21px; background-position:0 8px}
.box_body .bg_list_sub  a	{color:#000000; text-decoration:underline; padding-left:12px;}
.box_body .bg_list_sub  a:hover {color:#000000;text-decoration:none;}


.cont_header_txt td {height:37px; vertical-align:middle; background:url(images/li.gif);
			  font-weight:bold;  color:#292929; font-size:14px;}
.cont_header_txt a { 
			font-weight:bold;  color:#292929; font-size:14px; text-decoration:none; vertical-align:middle;}				  
.cont_header_txt a:hover { 
			font-weight:bold;  color:#292929; font-size:14px; text-decoration:underline;}	

.product td         {color:#9c9c9c; font-size:11px; line-height:15px;}
.product a		    {color:#000000; font-size:11px; text-decoration:none; font-weight:bold; text-transform:uppercase}
.product a:hover	{color:#000000;text-decoration:underline;}
.product span a		    {color:#000000; font-size:11px; text-decoration:underline; font-weight: normal; text-transform:none}
.product span a:hover	{color:#000000;text-decoration:none;}
.product span       {color:#3F4143; font-size:11px;}

.product div a		    {color:#595959; font-size:11px; font-weight:normal;text-decoration:none; text-transform:none;}
.product div a:hover	{color:#595959;text-decoration:underline;}


.pic img			{border: 1px solid #0f0f0f;}


.popup td	{color:#3F4143; font-size:10px;}
.popup span	{color:#3F4143; font-size:10px; }
.popup b	{color:#3F4143; font-size:10px; }
.popup a		{color:#8E1214; font-size:13px; text-decoration:underline; font-weight:bold}	
.popup a:hover	{color:#8E1214; text-decoration:none;}



.footer		  	  {}	
.footer td 		  {color:#f6deb9; font-size:11px;}			
.footer a 		  {color:#f6deb9; font-size:11px; text-decoration:none;} 			
.footer a:hover   {color:#f6deb9;text-decoration:underline;}
.footer span a 		  {color:#9c9c9c; font-size:11px; text-decoration:none;} 			
.footer span a:hover   {color:#9c9c9c;text-decoration:underline;}	
.footer span 	  {color:#9c9c9c; font-size:11px;}
.footer b, .footer b a 	  {color:#f6deb9; font-size:11px; font-weight:bold; text-decoration:underline;}			
.footer b a:hover {color:#f6deb9; text-decoration:none;}

/* -------------------------------------------------          -------------------------------------------------------- */
/* -------------------------------------------------          -------------------------------------------------------- */
.result 		{margin:0px 0px 0px 0px;}
.result td  	{width:50%;  height:26px; vertical-align:middle;}
.result_right 	{text-align:right;}
.result td  	{color:#8e8e8e; font-size:11px;}
.result b   	{color:#8e8e8e; font-weight:normal;}

.result_right b							{color:#505051; font-size:11px; font-weight:bold;}
.result_right a.pageResults				{color:#505051; font-size:11px;text-decoration:underline; }
.result_right a.pageResults:hover 		{color:#505051;	text-decoration:none; }
.result_right a.pageResults	u			{color:#505051; font-size:11px; text-decoration:underline;}
.result_right a.pageResults u:hover 	{color:#505051;	text-decoration:none;}
/* -------------------------------------------------          -------------------------------------------------------- */
/* -------------------------------------------------          -------------------------------------------------------- */
.box_body				{}
.box_body td			{color:#444444;}
.box_body span   		{color:#000000; font-size:11px; font-weight:normal; font-family:Tahoma}

.box_body span a		    {color:#000000; font-size:11px; text-decoration:none; font-weight:bold; text-transform:uppercase }
.box_body span a:hover	{color:#000000;text-decoration:underline;}

.box_body a 			{color:#000000; font-family:Tahoma; font-size:11px; text-decoration:none;}
.box_body a:hover  		{color:#000000; text-decoration:underline}
/* -------------------------------------------------          -------------------------------------------------------- */
/* -------------------------------------------------          -------------------------------------------------------- */
SPAN.newItemInCart 						{font-family: Verdana, Arial, sans-serif;font-size:10px;color: #D52D01;}
.box_body a SPAN.newItemInCart 			{font-family: Verdana, Arial, sans-serif;font-size:10px;color: #D52D01; text-decoration:underline;}
/* -------------------------------------------------          -------------------------------------------------------- */
/* -------------------------------------------------          -------------------------------------------------------- */
.smallText a			{color:#505050; font-size:11px; text-decoration:none;}	/*  advanced_search.php  */
.smallText a:hover 		{color:#505050; font-size:11px; text-decoration:underline;}
.smallText a u 			{color:#505050; font-size:11px; text-decoration:none;}
.smallText a:hover u	{color:#505050; font-size:11px; text-decoration:underline;}

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;}
.main a b 			{color:#5D5F60;font-size: 10px; text-decoration:underline;}
.main a:hover b		{color:#5D5F60;font-size: 10px; text-decoration:none;}
/* -------------------------------------------------          -------------------------------------------------------- */
span.txt_1	{font-size:10px; text-transform:none; color:#000000;}	

SPAN.productSpecialPrice, .product SPAN.productSpecialPrice  
										{color:#000000; font-size:16px; font-weight:bold;}
.box_body SPAN.productSpecialPrice			{color:#000000; font-size:16px;font-weight:bold;}

.cont_header_txt	em	{color:#E50029; font-size:14px; font-weight:bold; font-style:normal;vertical-align:middle;text-decoration:none;}
.product em		    	{color:#000000; font-size:11px; text-decoration:none; font-weight:bold; text-transform:uppercase; font-style:normal;} 
/* -------------------------------------------------          -------------------------------------------------------- */
/* -------------------------------------------------          -------------------------------------------------------- */
.main	a		{color:#505050; text-decoration:underline;}
.main	a:hover	{color:#505050; text-decoration:none;}
.vam			{vertical-align:middle;}
input			{background:#ffffff;}
.bg_input input	{background:none;}
/* -------------------------------------------------          -------------------------------------------------------- */
/* -------------------------------------------------          -------------------------------------------------------- */
.product .shop_cart {	 color:#111111; font-size:11px; text-transform:uppercase; font-weight:bold; 
					height:38px;text-align:center; vertical-align:middle;}

.padd_1 	{padding:0px 10px 0px 10px;}
.padd_22 	{padding:8px;}
td.padd2 	{padding:8px; padding-left:4px;}

.line_h		{line-height:16px;}

.bg_gg				{background:#FFF8D4;}
.bg_vv				{background:#FFF8D4;}
.bg_gg_1						{background:url(images/bg_gg.gif) left center repeat-x;}
.bg_vv_1						{background:url(images/bg_gg.gif) center top repeat-y;}

.product div					{padding:8px 0px 5px 0px;}
div.padd3						{text-align:left; padding-top:0px; margin-left:0px; margin-right:0px;}
.padd33 img, .padd33 input 		{margin:5px;}

.prod_info		{width:100px;}
.prod_info td	{text-align:center;}

.remove		{ width:20%;}
.products	{ width:45%;}
.quantity	{ width:15%;}
.total		{ width:20%;}
.sub_total	{ width:80%;}
/* -------------------------------------------------          -------------------------------------------------------- */
.box_width_left			{ width:223px;}
.box_width_right		{ width:0px;}
.box_width_cont			{ width:100%;}
.col_left				{}
.col_center				{}
.col_right				{}			
/* -------------------------------------------------          -------------------------------------------------------- */
.heading_top_1			{margin-top:0px; border:1px solid #fad68f; border-width:0px 1px 1px 1px; background:#ffffff;}
.heading_top_1 .padd_11	{padding:12px 19px 16px 17px;}

.heading_top_3			{margin-top:0px; border:1px solid #fad68f; border-width:0px 1px 1px 1px; background:#ffffff;}
.heading_top_3 .padd_33	{padding:12px 19px 8px 17px;}

.heading_top_4			{margin-top:0px; border:1px solid #fad68f; border-width:0px 1px 1px 1px; background:#ffffff;}
.heading_top_4 .padd_44	{padding:0px 19px 8px 17px;}


.tableBox_output		{margin-top:12px;margin-bottom:8px;}
.tableBox_shopping_cart	{margin-top:0px;}

.tep_draw_separate		{height:2px;}

.tep_draw_prod_top		{width:173px; height:97px;}
.tep_draw_box_prod		{}
.tep_draw_box_prod_top	{width:1px; height:1px;}
/*    */

/ Prize Draw & Welcome Page /

.prizeDrawInfoBoxNotice {
 background: #FF8E90;
}

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

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

Background Image to whole Site

Recommended Posts

pberg

Archived

Browse

Activity