Add CSS for buy/renew buttons and order tables
This commit is contained in:
@@ -386,6 +386,19 @@ const isHome = currentPath === '/';
|
||||
.owl-flag { position: absolute; top: 0; left: 50%; margin-left: 485px; }
|
||||
|
||||
/* === RESPONSIVE HELPERS === */
|
||||
/* Buy/Renew buttons */
|
||||
input.buy, input.renew { width: 65px; height: 31px; margin: 5px 1px 5px 5px; border: 0; cursor: pointer; background: url(/images/button-buy-small.gif) 0 0 no-repeat; }
|
||||
input.renew { margin-right: 5px; background-image: url(/images/button-renew.gif); }
|
||||
.standard-buy { float: left; width: 193px; height: 44px; margin-top: 9px; background: url(/images/button-pricing.gif) no-repeat; }
|
||||
.standard-buy:hover { background-position: 0 -44px; }
|
||||
.commercial-buy { float: left; width: 214px; height: 62px; background: url(/images/button-buy-commercial-license.gif) no-repeat; }
|
||||
.commercial-buy:hover { background-position: 0 -62px; }
|
||||
/* Order table */
|
||||
.order-content table { width: 100%; border-spacing: 0; border: 1px solid #9bc8e8; border-collapse: collapse; }
|
||||
.order-content table td, .order-content table th { border: 1px solid #9bc8e8; padding: 12px 8px; }
|
||||
.order-content table th { background: #ecf7fe; padding: 4px 6px; }
|
||||
.order-content table .price { width: 80px; text-align: right; font-weight: bold; }
|
||||
.order-content table .buy { width: 70px; padding: 0; }
|
||||
@media (max-width: 960px) {
|
||||
.d-placing { width: 95%; padding: 0 10px; }
|
||||
/* Priority+ nav: show first items, overflow rest into hamburger */
|
||||
|
||||
Reference in New Issue
Block a user