mirror of
https://github.com/2009scape/2009scape.github.io.git
synced 2024-09-19 06:42:31 +02:00
596 lines
9.4 KiB
CSS
596 lines
9.4 KiB
CSS
/*
|
|
ProductCart Shopping Cart Software, Copyright Early Impact LLC 2006, All Rights Reserved
|
|
Use this stylesheet to change the look of the default header and footer that ship with ProductCart
|
|
*/
|
|
html, body
|
|
{
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body
|
|
{
|
|
font-family: Arial, Helvetica, Verdana, sans-serif;
|
|
font-size: 11px;
|
|
color: #999999;
|
|
text-align: center;
|
|
background-color: #FFFFFF;
|
|
}
|
|
|
|
/* TOP AREA of the page: store description, store name, search box, navigation */
|
|
|
|
#pcHeader
|
|
{
|
|
width: 858px;
|
|
height: 132px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
padding: 0;
|
|
font-size: 12px;
|
|
color: #666666;
|
|
border-collapse: collapse;
|
|
border: 0;
|
|
background-position: center center;
|
|
background-image: url(images/sunrise_template_Oranges-Bar.jpg);
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
#pcHeader td
|
|
{
|
|
padding: 3px;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
#pcStoreDescription
|
|
{
|
|
border-bottom: 1px solid #FFFFFF;
|
|
font-size: 13px;
|
|
text-align: left;
|
|
}
|
|
|
|
#pcStoreName
|
|
{
|
|
font-size: 28px;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
}
|
|
|
|
#pcStoreSearch
|
|
{
|
|
text-align: right;
|
|
}
|
|
|
|
#pcTopNav
|
|
{
|
|
border-top: 1px solid #FFFFFF;
|
|
text-align: left;
|
|
font-size: 10pt;
|
|
text-transform: uppercase;
|
|
font-family: Arial, Sans-Serif;
|
|
}
|
|
|
|
#pcStoreSearch a
|
|
{
|
|
text-decoration: none;
|
|
color: #999999;
|
|
font-size: 11px;
|
|
}
|
|
|
|
#pcStoreSearch a:hover
|
|
{
|
|
color: #000000;
|
|
}
|
|
|
|
#pcTopNav ul
|
|
{
|
|
list-style: none;
|
|
margin: 0;
|
|
padding-right: 0px;
|
|
padding-left: 0px;
|
|
padding-bottom: 0px;
|
|
padding-top: 0px;
|
|
}
|
|
|
|
#pcTopNav li
|
|
{
|
|
display: inline;
|
|
padding-right: 6px;
|
|
padding-bottom: 0px;
|
|
padding-top: 0px;
|
|
}
|
|
|
|
#pcTopNav a:link, #pcTopNav a:visited
|
|
{
|
|
text-decoration: none;
|
|
font-size: 10pt;
|
|
color: #666666;
|
|
}
|
|
|
|
#pcTopNav a:hover
|
|
{
|
|
color: #000000;
|
|
}
|
|
|
|
/* End TOP AREA of the page */
|
|
|
|
/* MAIN AREA: three columns: left navigation, main content, login box etc.*/
|
|
/* Define the wrapper and the three columns: */
|
|
|
|
#pcMainArea
|
|
{
|
|
width: 858px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-bottom: 5px;
|
|
padding: 0;
|
|
border: 0;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
#pcLeft
|
|
{
|
|
width: 180px;
|
|
text-align: left;
|
|
vertical-align: top;
|
|
}
|
|
|
|
#pcCenter
|
|
{
|
|
width: 678px;
|
|
padding: 0 5px 0 5px;
|
|
text-align: left;
|
|
vertical-align: top;
|
|
}
|
|
|
|
#pcRight
|
|
{
|
|
width: 0px;
|
|
text-align: left;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.pcColumnSpacer
|
|
{
|
|
width: 10px;
|
|
background-image: url(images/dotted_spacer_vert.gif);
|
|
}
|
|
|
|
/* Define the left column */
|
|
|
|
#pcLeft h3
|
|
{
|
|
font-size: 13px;
|
|
margin: 0;
|
|
padding-bottom: 2px;
|
|
}
|
|
|
|
#pcLeftCatLinks
|
|
{
|
|
/*background-color: #999999;*/
|
|
padding-right: 0px;
|
|
padding-left: 0px;
|
|
padding-bottom: 0px;
|
|
padding-top: 5px;
|
|
margin: 0px;
|
|
}
|
|
|
|
#pcLeftPriceLinks
|
|
{
|
|
background-color: #E1E1E1;
|
|
color: #999999;
|
|
padding: 5px 5px 1px 10px;
|
|
margin: 0 0 5px 0;
|
|
}
|
|
|
|
#pcLeftStoreLinks
|
|
{
|
|
background-color: #F5F5F5;
|
|
color: #999999;
|
|
padding: 5px 5px 1px 10px;
|
|
margin: 0 0 2px 0;
|
|
}
|
|
|
|
#pcLeft ul
|
|
{
|
|
list-style-type: none;
|
|
margin: 0 0 10px 5px;
|
|
padding: 0;
|
|
}
|
|
|
|
#pcLeft li
|
|
{
|
|
margin: 2px 0 0 0;
|
|
padding-right: 0px;
|
|
padding-left: 0px;
|
|
padding-bottom: 0px;
|
|
padding-top: 0px;
|
|
}
|
|
|
|
#pcLeftCatLinks a:link, #pcLeftCatLinks a:visited
|
|
{
|
|
color: #D9D9D9;
|
|
text-decoration: none;
|
|
font-size: 10pt;
|
|
text-transform: uppercase;
|
|
padding-right: 0px;
|
|
padding-left: 0px;
|
|
padding-bottom: 0px;
|
|
padding-top: 0px;
|
|
margin: 0px;
|
|
}
|
|
#pcLeftCatLinks hr
|
|
{
|
|
color: #d9d9d9;
|
|
height: 1px;
|
|
padding-right: 0px;
|
|
padding-left: 0px;
|
|
padding-bottom: 0px;
|
|
margin: 2px 0px;
|
|
padding-top: 0px;
|
|
font-size: 1px;
|
|
}
|
|
|
|
#pcLeftCatLinks a:hover
|
|
{
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
#pcLeftPriceLinks a:link, #pcLeftPriceLinks a:visited
|
|
{
|
|
color: #666666;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#pcLeftPriceLinks a:hover
|
|
{
|
|
color: #FF6600;
|
|
}
|
|
|
|
#pcLeftStoreLinks a:link, #pcLeftStoreLinks a:visited
|
|
{
|
|
color: #777777;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#pcLeftStoreLinks a:hover
|
|
{
|
|
color: #FF6600;
|
|
}
|
|
|
|
|
|
/* Define the right column */
|
|
|
|
#pcShowCart
|
|
{
|
|
background-color: #FFFFAA;
|
|
color: #666666;
|
|
padding: 5px 5px 5px 10px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
#pcCustomerLogin
|
|
{
|
|
background-color: #FFFFCC;
|
|
color: #0066FF;
|
|
padding: 5px 5px 1px 10px;
|
|
margin: 0 0 5px 0;
|
|
}
|
|
|
|
#pcAffiliateLogin
|
|
{
|
|
background-color: #FFEE99;
|
|
color: #0066FF;
|
|
padding: 5px 5px 1px 10px;
|
|
margin: 0 0 5px 0;
|
|
}
|
|
|
|
#pcRight h3
|
|
{
|
|
font-size: 13px;
|
|
margin: 0px;
|
|
padding-bottom: 2px;
|
|
color: #999999;
|
|
}
|
|
|
|
#pcRight ul
|
|
{
|
|
list-style-type: none;
|
|
margin: 0 0 10px 5px;
|
|
padding: 0;
|
|
}
|
|
|
|
#pcRight li
|
|
{
|
|
margin: 2px 0 0 0;
|
|
}
|
|
|
|
#pcCustomerLogin a:link, #pcCustomerLogin a:visited
|
|
{
|
|
color: #666666;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#pcCustomerLogin a:hover
|
|
{
|
|
color: #333333;
|
|
}
|
|
|
|
|
|
#pcAffiliateLogin a:link, #pcAffiliateLogin a:visited
|
|
{
|
|
color: #777777;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#pcAffiliateLogin a:hover
|
|
{
|
|
color: #000000;
|
|
}
|
|
|
|
/* End MAIN AREA */
|
|
|
|
/* START Footer */
|
|
|
|
#pcFooter
|
|
{
|
|
background-color: #FFFFFF;
|
|
font-size: 11px;
|
|
color: #666666;
|
|
text-align: right;
|
|
padding: 5px;
|
|
}
|
|
|
|
#pcFooter a:link, #pcFooter a:visited, #pcFooter a:hover
|
|
{
|
|
text-decoration: none;
|
|
color: #666666;
|
|
}
|
|
|
|
#pcFooterSpacer
|
|
{
|
|
background-image: url(images/dotted_spacer_left.gif);
|
|
height: 5px;
|
|
}
|
|
|
|
/* END Footer */
|
|
#sidTopMenu
|
|
{
|
|
width: 678px;
|
|
border-collapse: collapse;
|
|
margin-top: 0px;
|
|
margin-bottom: 3px;
|
|
margin-left: 10px;
|
|
vertical-align: top;
|
|
border-bottom: #999999 1px solid;
|
|
padding-right: 0px;
|
|
padding-left: 0px;
|
|
padding-bottom: 0px;
|
|
padding-top: 0px;
|
|
}
|
|
|
|
/* Columns for Unordered lists */
|
|
|
|
ul.custprefcols
|
|
{
|
|
float: left;
|
|
width: 36em;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 12pt;
|
|
}
|
|
|
|
li.custprefcols
|
|
{
|
|
float: left;
|
|
width: 12em;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 12pt;
|
|
text-align: left;
|
|
}
|
|
.custprefcols img
|
|
{
|
|
float: left;
|
|
margin: 0em .5em .5em .5em;
|
|
padding: 0;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 12pt;
|
|
}
|
|
.preftext
|
|
{
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 12pt;
|
|
padding: 0px;
|
|
margin: 1em 0px 0px 0px;
|
|
width: 5em;
|
|
text-decoration: none;
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.welcomemsg
|
|
{
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 12pt;
|
|
|
|
}
|
|
|
|
|
|
/*
|
|
-- Even more rounded corners with CSS: Base stylesheet --
|
|
*/
|
|
|
|
.round99 {
|
|
position:relative;
|
|
margin:0px auto;
|
|
min-width:8em;
|
|
max-width:800px; /* based on image dimensions - not quite consistent with drip styles yet */
|
|
color:#fff;
|
|
z-index:1;
|
|
margin-left:8px; /* default, width of left corner */
|
|
margin-bottom:0.5em; /* spacing under dialog */
|
|
}
|
|
|
|
.round99 .content,
|
|
.round99 .t,
|
|
.round99 .b,
|
|
.round99 .b div {
|
|
background:transparent url(images/round99.png) no-repeat top right;
|
|
_background-image:url(images/round99.gif);
|
|
}
|
|
|
|
.round99 .content {
|
|
position:relative;
|
|
zoom:1;
|
|
_overflow-y:hidden;
|
|
padding:0px 8px 0px 0px;
|
|
}
|
|
|
|
.round99 .t {
|
|
/* top+left vertical slice */
|
|
position:absolute;
|
|
left:0px;
|
|
top:0px;
|
|
width:8px; /* top slice width */
|
|
margin-left:-8px;
|
|
height:100%;
|
|
_height:600px; /* arbitrary long height, IE 6 */
|
|
background-position:top left;
|
|
}
|
|
|
|
.round99 .b {
|
|
/* bottom */
|
|
position:relative;
|
|
width:100%;
|
|
}
|
|
|
|
.round99 .b,
|
|
.round99 .b div {
|
|
height:8px; /* height of bottom cap/shade */
|
|
font-size:1px;
|
|
}
|
|
|
|
.round99 .b {
|
|
background-position:bottom right;
|
|
}
|
|
|
|
.round99 .b div {
|
|
position:relative;
|
|
width:8px; /* bottom corner width */
|
|
margin-left:-8px;
|
|
background-position:bottom left;
|
|
}
|
|
|
|
.round99 .hd,
|
|
.round99 .bd,
|
|
.round99 .ft {
|
|
position:relative;
|
|
}
|
|
|
|
.round99 .wrapper {
|
|
/* extra content protector - preventing vertical overflow (past background) */
|
|
position:static;
|
|
max-height:600px;
|
|
overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
|
|
}
|
|
|
|
.round99 h1,
|
|
.round99 ul,
|
|
.round99 p {
|
|
margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
|
|
padding:0.5em 0px 0.5em 0px;
|
|
}
|
|
|
|
.round99 h1 {
|
|
padding-bottom:0px;
|
|
}
|
|
|
|
.roundb5 {
|
|
position:relative;
|
|
margin:0px auto;
|
|
min-width:8em;
|
|
max-width:800px; /* based on image dimensions - not quite consistent with drip styles yet */
|
|
color:#fff;
|
|
z-index:1;
|
|
margin-left:8px; /* default, width of left corner */
|
|
margin-bottom:0.5em; /* spacing under dialog */
|
|
}
|
|
|
|
.roundb5 .content,
|
|
.roundb5 .t,
|
|
.roundb5 .b,
|
|
.roundb5 .b div {
|
|
background:transparent url(images/roundb5.png) no-repeat top right;
|
|
_background-image:url(images/roundb5.gif);
|
|
}
|
|
|
|
.roundb5 .content {
|
|
position:relative;
|
|
zoom:1;
|
|
_overflow-y:hidden;
|
|
padding:0px 8px 0px 0px;
|
|
}
|
|
|
|
.roundb5 .t {
|
|
/* top+left vertical slice */
|
|
position:absolute;
|
|
left:0px;
|
|
top:0px;
|
|
width:8px; /* top slice width */
|
|
margin-left:-8px;
|
|
height:100%;
|
|
_height:600px; /* arbitrary long height, IE 6 */
|
|
background-position:top left;
|
|
}
|
|
|
|
.roundb5 .b {
|
|
/* bottom */
|
|
position:relative;
|
|
width:100%;
|
|
}
|
|
|
|
.roundb5 .b,
|
|
.roundb5 .b div {
|
|
height:8px; /* height of bottom cap/shade */
|
|
font-size:1px;
|
|
}
|
|
|
|
.roundb5 .b {
|
|
background-position:bottom right;
|
|
}
|
|
|
|
.roundb5 .b div {
|
|
position:relative;
|
|
width:8px; /* bottom corner width */
|
|
margin-left:-8px;
|
|
background-position:bottom left;
|
|
}
|
|
|
|
.roundb5 .hd,
|
|
.roundb5 .bd,
|
|
.roundb5 .ft {
|
|
position:relative;
|
|
}
|
|
|
|
.roundb5 .wrapper {
|
|
/* extra content protector - preventing vertical overflow (past background) */
|
|
position:static;
|
|
max-height:600px;
|
|
overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
|
|
}
|
|
|
|
.roundb5 h1,
|
|
.roundb5 p {
|
|
margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
|
|
padding:0.5em 0px 0.5em 0px;
|
|
}
|
|
|
|
.roundb5 h1 {
|
|
padding-bottom:0px;
|
|
}
|