/* Text Properties */ @base-font: Tahoma, Arial, sans-serif; @base-text-size: 12px; @large: @base-text-size + 2; @small: @base-text-size - 1; @ib-font: "rooney-web-1","rooney-web-2", Tahoma, Arial, sans-serif; /* HTML Properties */ html, body { font-family: @base-font; font-size: @base-text-size; } h1 { font-size: @base-text-size * 2; } h2 { font-size: @base-text-size * 1.5; } h3 { font-size: @base-text-size * 1.2; } h4, h5, h6 { font-size: @base-text-size; } hr.stitch { height: 2px; margin: 1em 0; color: black; } /* Element Properties */ @float-margin: 6px; .float-r { float: right; margin-left: @float-margin; } .float-l { float: left; margin-right: @float-margin; } .border-radius (@radius: 6px) { border-radius: @radius; -moz-border-radius: @radius; -webkit-border-radius: @radius; } .padding (@padding: 9px) { padding: @padding; } .large-text { font-size: @large; } .small-text { font-size: @small; } .space-after-para (@space: .7em) { margin-bottom: @space; } .clearer { clear: both; } /* Colors */ @bkgnd-lt-blue: #f2f8ff; @bkgnd-lt-grey: #e6e6e6; @bkgnd-lightest-grey: #f6f6f6; @bkgnd-promo: #ffd; @links-default: #147cb5; /* Page Elements */ .page-heading { border-bottom: 2px solid #b1d4e0; padding: 5px 10px 0px 0; margin: 0 0 20px 0; min-height: 24px; font-weight: bold; position: relative; color: #666; } .round-box-grey { .border-radius; .padding; background-color: @bkgnd-lt-grey; margin-bottom: 20px; } .round-box-blue { .border-radius; .padding; background-color: @bkgnd-lt-blue; margin-bottom: 20px; position: relative; } .generic-button { color: white; background: transparent; background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#666666)); background: -moz-linear-gradient(top, #999999, #666666); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#999999'); cursor: pointer; display: inline-block; display: -moz-inline-box; font-size: 12px; font-weight: bold; text-align: center; white-space: nowrap; border: 1px solid #666; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 4px; margin: .7em 0; } /* Moved from main2.css verbatim */ .icebreak-font, .ib-font, #main-nav-container li, .box-header { font-family: @ib-font; font-style: italic; } /* Browse Pages */ .nav-intro-text p { .space-after-para; } /* Wishlists */ #wishlist-info-box { position: relative; background-color: #ffc; border: 1px dotted #a97d5d; border-radius: 5px; -moz-border-radius: 5px; color: #555; padding: 10px; margin-bottom: 20px; } .wishlist-info-box-close { position: absolute; right: 5px; top: 5px; } /* Home Page */ .promo-box { background-color: @bkgnd-promo; .padding; margin-bottom: 10px; }