Share your Custom Astore CSS code here

Nice sharing. Thank u so much!

 

This thread is awesome.

 

thank for Best theme

 

great sharing
Thank fry1

 

This style is very clean Use Hover image you can see Demo

http://astore.amazon.com/baby-walkers-20

Code (markup):

Go to This Code

Global

/* PAGE STYLE */
body {
margin:24px;
margin-top:150px;
background:url(http://www.wis-toys.com/astore.png) no-repeat;
padding:0px;
no-repeat;
color:#000000;
min-width:748px;
font-family:’Verdana’, sans-serif;
font-size:9pt;
font-weight:500;
line-height:12pt;
text-decoration: none;
text-align:center;

}
table {
font-family:’Verdana’, sans-serif;
font-size:9pt;
}
form {
margin:0px;
}
a {
color: #206BA2;
text-decoration: underline;
}
a img{ border:none;}

hr {
border:0;
width:100%;
color:#1B6AF5;
background-color:#1B6AF5;
height:1px;
width:100%;
margin:6px 0px 12px 0px;
}
#wrap {
width:948px;
margin:0 auto;
text-align:left;

}
#rule {
height:1px;
background-color:#000000;
width:100%;
margin:6px 0px 12px 0px;
}
h2 {
font-size:16px;
font-weight:bold;
margin:0px;
padding:0px;
}
h3 {
font-size:14px;
font-weight:bold;
margin:0px;
padding:0px;
}

/* MAIN PAGE AREA */
#mainwrap {
float:left;
}
#main {
width:730px;
margin-bottom:19px;
overflow:hidden;
}
div#header {
no-repeat;
padding:6px 24px 4px;
margin:0;
vertical-align:middle;
}
a#mainheadertitle {
padding:0px;
font-family:’Verdana’, sans-serif;
font-size:12pt;
font-weight:normal;
line-height:1.5em;
color:#FFFFFF;
margin:0px;
text-align:left;
vertical-align:middle;
text-decoration:none;
}
a#mainheadertitle:hover {
text-decoration:underline;
}
td#mainheaderlogo {
padding:5px;
}
img#mainlogo {
padding-right:5px;
}
div#mainsubheader {
background:#EFEFEF;
padding:10px 24px;
vertical-align:middle;
}
div#contentsubheader {
width:482px;
overflow:hidden;
}
div#subheaderlinks {
float:right;
text-align:right;
}
div#subheadertitle {
font-size:12pt;
font-weight:bold;
}
div#contenterror {
background:#FFFFFF;
padding:14px 24px;
}
span.currentpage {
font-weight:bold;
}

span.error {
font-weight:bold;
}

/* SIDEBAR */
#sidebar {
float:right;
width:200px;
overflow:hidden;
}
#sidebar ul {
margin-bottom:0;
}
#sidebar h3, #sidebar p {
padding:0 10px;
}

/* GENERAL SIDEBAR WIDGET STYLES */
ul#widget,ul.widget li.widget {
margin:0;
padding:0;
list-style:none;
}
li.widget {
float:left;
width:200px;
margin-bottom:19px;
}
ul#widget div {
background:#FFFFFF;
}
ul#widget h3 {
font-family:’Verdana’, sans-serif;
font-size: 10pt;
font-weight: bold;
color:#FFFFFF;
margin:0px;
padding:6px 15px 4px;
text-align:left;
no-repeat;

}
ul#widget p {
font-family:’Verdana’, sans-serif;
font-size: 9pt;
font-weight: normal;
color:#000000;
margin:0px;
padding: 10px 15px 20px;
}

/* SEARCHBROWSE WIDGET */
div#searchbrowse {
padding:14px;
}
div#searchbrowse div.indent {
padding: 5px 0px 5px 15px;
}
select.searchwidget {
width:173px;
margin-bottom:6px;
}
input#searchwidgetkeywords {
width:134px;
}
span#SearchAtAmazon {
font-size: 8pt;
}
div#browsetitle {
font-weight:bold;
padding-bottom:7px;
}
span.selectedcategory {
font-weight:bold;
}

/* LISTMANIA WIDGET */
div.listwidget {
padding-bottom:16px;
}
ul.listmania {
margin:0px;
padding:0px;
list-style:none;
}
ul.listmania li {
margin:0px;
padding:5px;
padding-left:10px;
list-style:none;
text-align:center;
}
ul.listmania li.clsOdd,li.listimages {
background-color:#FFFFFF;
}
ul.listmania li.clsEven {
background-color:#FFFFFF;
}

img.listimage {
display:block;
margin-left:auto;
margin-right:auto;
border:1px solid #999999;
}

/* PRODUCTS WIDGETS */
div.productwidget {
padding:0px;
padding-bottom:16px;
}
div.productwidget .price {
font-weight:bold;
}
table.sidebarproducts {
font-family:’Verdana’, sans-serif;
font-size:9pt;
width:200px;
}
table.sidebarproducts td {
padding:5px;
}
table.sidebarproducts td.image {
vertical-align:top;
width:75px;
}
table.sidebarproducts td.text {
vertical-align:middle;
width:115px;
}
table.sidebarproducts span.listtitle {
font-weight:bold;
}
div.privacylink {
padding: 2px 5px;
font-size:7pt;
text-align:center;
}

/* FOOTER */
div#footer {
width:630px;
margin-bottom:28px;
color:#1B6AF5;
border-top:1px solid #1B6AF5;
}
div#footer p {
padding:5px;
margin:0;
}
div#leftfoot {
float:left;
width:730px;
}
div#rightfoot {
float:right;
width:100px;
text-align:right;
}

/* WISHLIST WIDGET */
div#wishlist_page_link
{
padding:7px 5px 5px;
}

Code (markup):

Category

div#featuredProducts {
background:#FFFFFF;
padding:14px 24px;
}
div#featuredProducts .price {
font-weight:bold;
}
table.products {
width:682px;
font-family:’Verdana’, sans-serif;
font-size:9pt;
padding:10px;
border:2px dashed #FFEEEE;
}
table.products td {
width:33%;
padding:5px;
}
table.products tr.pagination {
text-align:center;
}
table.products tr.imagerow td {
vertical-align:bottom;
text-align: center;
}
table.products tr.imagerow td a {
border: 2px solid #FFEEEE;
display: block;
margin: 0px;
height: 125px;
opacity: .4;
-moz-opacity: .4;
filter: alpha(opacity=50);
}
table.products tr.imagerow td a:hover {
border: 1px solid #FFAAFF;
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}

table.products tr.textrow td {
vertical-align:top;
padding-bottom:20px;

}

/*Associate Provided CSS*/ 

Code (markup):

And One >>>search Results

table#searchResults td.tdimage {
padding-left:26px;
}

table#searchResults td.tdimage a {
border: 2px solid #FFEEEE;
display: block;
margin: 0px;
height: 90px;
opacity: .4;
-moz-opacity: .4;
filter: alpha(opacity=50);
}

table#searchResults td.tdimage a:hover{
border: 1px solid #FFAAFF;
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}

Code (markup):

Ref :

http://www.pbirdblog.com/amazon-associates/css-style-for-astore.html

Code (markup):

 

Super Thanks bird79!!

I will remodify the colors for my astore.

 

All astore theme very beauty!

 

Thanks for sharing

 

Come to thank for your sharing again !!!

So nice..

 

Great theme, very beauty. thank you for your sharing.

 

I'm looking for TV Theme
Thanks

 

Thank for good css theme

 

Great css many thanks

 

many Thanks

 

thank for share.

 

You can see my store in my signature,if you liked it , you can get it from this thread of chip01

http://forums.digitalpoint.com/showthread.php?t=960894

 

Outstanding! Thanks very much all!

 

Thank you for sharing

 

all the CSSs are good

 

this is one of the best threads. thanks for all the examples! good stuff.