Skip to content

Instantly share code, notes, and snippets.

@adardesign
Created August 4, 2011 14:47
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save adardesign/1125325 to your computer and use it in GitHub Desktop.
Save adardesign/1125325 to your computer and use it in GitHub Desktop.
books pricing tab styles
.hoverTipCont.bookDimenstions { max-width: 370px; max-height: 170px; height: 150px; padding: 3px; background: #fff; margin-left: -20px; }
.booksNPriceList .tableWrapper #pricelist { width: 100%; margin-bottom: 35px; border-bottom: 1px solid #ccc !important; border-collapse: separate; }
.booksNPriceList .tableWrapper #pricelist td { padding: 5px 0; vertical-align: middle; }
.booksNPriceList #pricelist td.size { width: 120px; }
.booksNPriceList .tableWrapper #pricelist td:last-child { border-right: 1px solid #ccc !important; }
.booksNPriceList .tableWrapper #pricelist td:first-child { width: 100px; border-left: 1px solid #ccc !important; }
.booksNPriceList .tableWrapper #pricelist tr:first-child td:first-child { border-left: none !important; }
.booksNPriceList #pricelist td.topOfTableL { border-top: 1px solid #ccc; border-left: 1px solid #ccc; padding: 5px 3px; }
.booksNPriceList #pricelist td.price span { font-weight: normal; }
.booksNPriceList #pricelist td.price em { opacity: .2; filter:alpha(opacity=20) padding: 2px 4px 0 0;font-size: 12px; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -o-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease; }
.booksNPriceList #pricelist td.price:hover em { opacity: 1; filter:alpha(opacity=100) }
.booksNPriceList .tableWrapper { margin: 0; border: none; }
.booksNPriceList #pricelist td.sale { text-align: left; }
.booksNPriceList #pricelist td.sale span { padding-left: 7px; }
.booksNPriceList .tableWrapper h3 { margin: 0; padding: 10px 0 15px 0; }
.booksNPriceList .tableWrapper p { color: #555; font-weight: normal; font-size: 13px; line-height: 17px; margin-bottom: 10px; }
.booksNPriceList #pricelist td.size { background: url(images/bookDimentionsIcons.gif) no-repeat right center; padding: 10px 3px; }
.booksNPriceList #pricelist tr.UV { display: none; }
.booksNPriceList #pricelist tr.UV td.size { background-image: none; }
.booksNPriceList #pricelist.booksPricing tr.UV td { padding: 1; border-bottom: none; }
.booksNPriceList #pricelist tr.horizontalLayout td.size { background-position: right 10px; }
.booksNPriceList #pricelist tr.squareLayout td.size { background-position: right -23px; }
.booksNPriceList #pricelist tr.verticalLayout td.size { background-position: right -53px; }
.booksNPriceList .goldStamping { float: left; padding: 0 0 0 100px; min-height: 90px; background: url(http://ebraun.adorama.com/pix/images/goldStamp_qty.png) no-repeat; color: #888; margin-right: 45px; }
.booksNPriceList .tableWrapper .goldStamping p { margin: 0 0 1px 0; }
.booksNPriceList .priceHeader { margin-bottom: 6px; font-size: 15px; }
.booksNPriceList .goldStamping .priceHeader strong { color: #9f8519; }
.booksNPriceList .extraQty { color: #888; width: 210px; float: left; padding: 0 0 0 100px; min-height: 90px; background: url(http://ebraun.adorama.com/pix/images/goldStamp_qty.png) no-repeat 0 -158px; }
.booksNPriceList .extraQty .priceHeader { color: #555; font-weight: bold; }
.booksNPriceList .extraQty a { text-decoration: underline; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment