tribulant

Untitled

Jun 17th, 2011
218
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 12.77 KB | None | 0 0
  1. /*
  2. WordPress Shopping Cart Plugin CSS
  3. Front-End Styles
  4.  
  5. All rights reserved Tribulant Software (CC) 2009
  6. Original: wp-checkout/css/default/wp-checkout.css
  7. */
  8.  
  9. .wpco .notation {
  10.     font-size: 11px;   
  11. }
  12.  
  13. img.wpco {
  14.     border: none;
  15. }
  16.  
  17. ul.wpcowidgetproducts {
  18.    
  19. }
  20.  
  21. ul.wpcowidgetproducts li {
  22.  
  23. }
  24.  
  25. ul.wpcowidgetproducts li:before {
  26.     content: "" !important;
  27. }
  28.  
  29. .wpcowidgetthumb {
  30.    
  31. }
  32.  
  33. .wpcowidgetitem {
  34.    
  35. }
  36.  
  37. .wpcowidgetitem a {
  38.    
  39. }
  40.  
  41. span.cart {
  42.     padding: 0;
  43.     background: none;
  44. }
  45.  
  46. span.wpcoerror, div.wpcoerror, li.wpcoerror, p.wpcoerror {
  47.     color: #97312F !important;
  48. }
  49.  
  50. .wpcooos {
  51.     color: #97312F !important;
  52.     font-size: 11px !important;
  53. }
  54.  
  55. .wpcosuccessmsg {
  56.     color: #737D26 !important;
  57. }
  58.  
  59. .wpcohandle {
  60.     cursor: move;
  61.     width: 11px;
  62.     height: 11px;
  63.     display: block;
  64.     background: none;
  65. }
  66.  
  67. form.wpco {
  68.     width: auto;
  69.     text-align: left;
  70.     padding-bottom: 14px;
  71.     margin-left: 300px;
  72. }
  73.  
  74. #post-1245 form.wpco {
  75.     margin-left: 0px;
  76. }
  77.  
  78. input[type="button"] {
  79.   background-color: #97312F;
  80.   border: 0 none;
  81.   color: #F8F4ED;
  82.   cursor: pointer;
  83.   font-size: 11px;
  84.   margin: 10px 0 0;
  85.   padding: 5px 10px;
  86.   text-shadow: 0.1em 0.1em 0.05em #521818;
  87.   text-transform: uppercase;
  88. }
  89.  
  90. input[type="button"]:hover {
  91.   background-color: #1B221C;
  92.   text-decoration: none;
  93. }
  94.  
  95. a.button {
  96.   background-color: #97312F;
  97.   border: 0 none;
  98.   color: #F8F4ED;
  99.   cursor: pointer;
  100.   font-size: 11px;
  101.   margin: 10px 0 0;
  102.   padding: 5px 10px;
  103.   text-shadow: 0.1em 0.1em 0.05em #521818;
  104.   text-transform: uppercase;
  105. }
  106.  
  107. a.button:hover {
  108.   background-color: #1B221C;
  109. }
  110.  
  111. fieldset.wpco {
  112.     width: auto;
  113.         display: block;
  114.     border: none;
  115.         //border-bottom: 2px #efefef solid;
  116.     margin: 15px 0 10px 0;
  117.     padding: 5px 0 5px 0;
  118.     text-align: left;
  119. }
  120.  
  121. fieldset.wpco legend {
  122.     text-align: left;
  123.     font-weight: bold;
  124.     padding: 0 0 0 0;
  125.     color: #333333;
  126.     font-size: auto;
  127.     font-style: normal;
  128. }
  129.  
  130. fieldset.wpco legend sup.wpcorequired {
  131.     color: #97312F !important;
  132. }
  133.  
  134. fieldset.wpco select {
  135.     width: auto;
  136.     margin: 0 0 0 0 !important;
  137. }
  138.  
  139. fieldset.wpco input {
  140.     margin: 0 0 0 0 !important;
  141. }
  142.  
  143. fieldset.wpco input[type=text] {
  144.     width: auto;
  145.     margin: 0 0 0 0 !important;
  146. }
  147.  
  148. fieldset.steps {
  149.     border: 1px #EBDDC7 solid;
  150.     border-radius: 4px;
  151.     -moz-border-radius: 4px;
  152.     -webkit-border-radius: 4px;
  153.     padding: 10px;
  154.     margin: 0 0 10px 0;
  155. }
  156.  
  157. fieldset.steps legend {
  158.     padding: 0 6px;
  159.     font-size: 120%;
  160. }
  161.  
  162. label {
  163.     cursor: pointer;
  164. }
  165.  
  166. input.wpco {
  167.     font-size: 12px;
  168. }
  169.  
  170. fieldset.wpcooptionslinkfieldset {
  171.     background: #FEFFE5 !important;
  172. }
  173.  
  174. p.wpcooptionslink {
  175.  
  176. }
  177.  
  178. div.wpcocategory {
  179.  
  180. }
  181.  
  182. div.wpcocategory .wpcocatimg {
  183.     float: left;
  184.     margin: 0 10px 0 0;
  185. }
  186.  
  187. div.wpcocategoriesgrid {
  188.  
  189. }
  190.  
  191. div.wpcocategoriesgrid ul {
  192.     list-style: none;
  193.     margin: 10px 0 15px 0;
  194.     padding: 0 0 0 0;
  195. }
  196.  
  197. div.wpcocategoriesgrid ul li {
  198.     margin: 0 10px 15px 0;
  199.     list-style: none;
  200.     list-style-type: none !important;
  201.     display: -moz-inline-box; /* mozilla only */
  202.     display: inline-block;
  203.     border-bottom: none;
  204.     text-align: center;
  205.     vertical-align: bottom;
  206. }
  207.  
  208. div.wpcocategoriesgrid ul li:before {
  209.     content: "" !important;
  210. }
  211.  
  212. div.wpcocategoriesgrid a {
  213.     text-decoration: none;
  214. }
  215.  
  216. div.wpcocategoriesgrid a img {
  217.     border: none;
  218. }
  219.  
  220. div.wpcocategoryimg {
  221.     border-bottom: 1px #999999 solid;
  222.     margin: 0 0 10px 0;
  223.     display: block;
  224. }
  225.  
  226. div.wpcocategoriesgrid h4 {
  227.     font-size: 15px;
  228.     font-weight: bold;display: block;
  229.     width: 100%;
  230.     margin: 0 0 15px 0;
  231.     font-size: 15px;
  232.     font-weight: bold;
  233.     text-align: center;
  234. }
  235.  
  236. div.wpcocategoriesgrid h4 a {
  237.     display: block;
  238. }
  239.  
  240. div.wpcopaging {
  241.     margin: 15px 0 25px 0;
  242. }
  243.  
  244. div.wpcopaging span.displaying-num {
  245.     display: block;
  246.     width: 100%;
  247.     font-style: italic;
  248.     margin: 15px 0;
  249. }
  250.  
  251. div.wpcopaging .page-numbers {
  252.     border: 1px #999999 solid;
  253.     border-radius: 3px;
  254.     -moz-border-radius: 3px;
  255.     -webkit-border-radius: 3px;
  256.     padding: 4px 6px;
  257.     margin: 0 3px 0 0;
  258.     text-decoration: none;
  259. }
  260.  
  261. div.wpcopaging .current {
  262.     font-weight: bold;
  263. }
  264.  
  265. div.wpcopaging .current, div.wpcopaging a.page-numbers:hover {
  266.     border: 1px #515151 solid;
  267.     color: #000000;
  268.     text-decoration: none;
  269. }
  270.  
  271. div.wpcosort p {
  272.     font-size: 12px !important;
  273.     line-height: 14px !important;
  274. }
  275.  
  276. div.wpcosteps {
  277.     margin: 0 0 10px 0;
  278.     padding: 5px 0;
  279.     display: block;
  280.     clear: both;
  281.     border-bottom: 1px #3E2732 dotted;
  282. }
  283.  
  284. div.wpcosteps ul {
  285.     margin: 0 0 0 0;
  286.     padding: 0 0 0 0;
  287.     list-style: none;
  288. }
  289.  
  290. div.wpcosteps ul li {
  291.     float: left;
  292.     padding: 0 0 0 0;
  293.     margin: 0 8px 0 8px;
  294.     color: #1B221C;
  295. }
  296.  
  297. div.wpcosteps ul li.active {
  298.     font-weight: bold;
  299.     color: #97312F;
  300. }
  301.  
  302. div.wpcosteps ul li span.number {
  303.     font-size: 22px;
  304. }
  305.  
  306. ul.wpcochecklist {
  307.     margin: 0 0 0 0;
  308.     padding: 0 0 0 0;
  309.     list-style: none;
  310. }
  311.  
  312. ul.wpcochecklist li ul {
  313.     list-style: none;
  314.     margin: 5px 0 0 0;
  315.     padding: 0 0 0 20px;
  316. }
  317.  
  318. div.wpcosupplierimg {
  319.  
  320. }
  321.  
  322. a.wpcobuylink {
  323.     display: block;
  324.     font-weight: bold;
  325.     font-size: 12px;
  326.     text-decoration: underline;
  327.     text-transform: uppercase;
  328.     color: #515151;
  329. }
  330.  
  331. .wpcobuttonwrap, .wpcofavoritewrap {
  332.     position: relative;
  333. }
  334.  
  335. span.wpcoloading, .favoritesuccess, .wpcoadded {
  336.     background: #EBDDC7;
  337.     padding: 5px 10px;
  338.     border: none;
  339.     -moz-border-radius: 4px;
  340.     -webkit-border-radius: 4px;
  341.     border-radius: 4px;
  342.     position: absolute;
  343.     left: 0;
  344.     top: 0;
  345.     width: 125px;
  346.     text-align: center !important;
  347. }
  348.  
  349. span.wpcoloading img {
  350.     border: none !important;
  351. }
  352.  
  353. /* BEG Products Grid */
  354.  
  355. div.productsgrid {
  356.     margin: 15px 0;
  357. }
  358.  
  359. div.productsgrid .productssort {
  360.     margin: 15px 0;
  361.     text-align: right;
  362.     border-bottom: 1px #3E2732 dotted;
  363.     padding: 0 10px 10px 0;
  364.     font-size: 85%;
  365. }
  366.  
  367. div.productsgrid ul {
  368.     margin: 0 0 0 0;
  369.     padding: 0 0 0 0;
  370.     list-style: none;
  371. }
  372.  
  373. div.productsgrid ul li {
  374.     display: -moz-inline-box; /* mozilla only */
  375.     display: inline-block;
  376.     vertical-align: bottom;
  377.     width: 30%;
  378.     margin: 0 2% 0 0;
  379.     padding: 0 0 0 0;
  380.     text-align: center;
  381. }
  382.  
  383. div.productsgrid ul li:before, div.productsgrid ul li:after {
  384.     content: "" !important;
  385. }
  386.  
  387. div.productsgrid .producttitle {
  388.     text-align: left;
  389.     font-size: 18px;
  390.     font-weight: normal;
  391.     text-align: left;
  392. }
  393.  
  394. div.productsgrid .producttitle a, div.productsgrid .producttitle a:link {
  395.     text-decoration: none;
  396.     display: block;
  397. }
  398.  
  399. div.productsgrid .productimage {
  400.     display: block;
  401. }
  402.  
  403. div.productsgrid .productimage img.productimagethumb {
  404.     border: none;
  405.     background: none;
  406.     padding: 3px;
  407. }
  408.  
  409. div.productsgrid .productimage a.productimagelink {
  410.     text-decoration: none;
  411.     border: none;
  412.     background: none;
  413.     border-radius: 4px;
  414.     -moz-border-radius: 4px;
  415.     -webkit-border-radius: 4px;
  416.     display: block;
  417. }
  418.  
  419. div.productsgrid .productimage a.productimagelink:hover {
  420.     border-color: none;
  421. }
  422.  
  423. div.productsgrid .productdetails {
  424.     text-align: center;
  425.     margin: 5px 0 10px 0;
  426.     padding: 5px 5px;
  427.     background: #f8f8f8;
  428.     border: 1px #EBDDC7 solid;
  429.     border-radius: 4px;
  430.     -webkit-border-radius: 4px;
  431.     -moz-border-radius: 4px;
  432.     color: #333333;
  433.     position: relative;
  434. }
  435.  
  436. div.productsgrid .productdetails form {
  437.     margin: 10px 0 0 0;
  438.     padding: 0 0 0 0;
  439.     text-align: center;
  440. }
  441.  
  442. div.productsgrid .productdetails form input {
  443.     margin: 0 0 4px 0;
  444. }
  445.  
  446. div.productsgrid .productsubmit {
  447.     display: block !important;
  448.     margin: 0 0 0 0;
  449. }
  450.  
  451. div.productsgrid .productsubmit input {
  452.     width: auto;
  453.     padding: 2px 4px;
  454. }
  455.  
  456. div.productsgrid span.wpcoloading {
  457. }
  458.  
  459. div.productsgrid span.wpcoadded {
  460. }
  461.  
  462. div.productsgrid .productprice {
  463.     font-size: 130%;
  464.     font-weight: bold;
  465. }
  466.  
  467. .favoritesubmit {
  468.     display: block;
  469.     margin: 5px 0; 
  470. }
  471.  
  472. /* END Products Grid */
  473.  
  474. /* BEG Products List */
  475.  
  476. div.productslist {
  477.     margin: 15px 0;
  478. }
  479.  
  480. div.productslist .productssort {
  481.     text-align: right;
  482.     border-bottom: 1px #3E2732 dotted;
  483.     margin: 15px 0;
  484.     font-size: 85%;
  485.     padding: 0 10px 10px 0;
  486. }
  487.  
  488. div.productslist ul {
  489.     margin: 0 0 0 0;
  490.     padding: 0 0 0 0;
  491.     list-style: none;
  492. }
  493.  
  494. div.productslist ul li {
  495.     margin: 15px 0 15px 0;
  496.     padding: 0 0 0 0;
  497.     border-bottom: 1px #3E2732 dotted;
  498. }
  499.  
  500. div.productslist .producttitle {
  501.     font-size: 18px;
  502.     display: block;
  503.     text-align: left;
  504. }
  505.  
  506. div.productslist .productimage {
  507.     float: left;
  508.     margin: 0 15px 10px 0;
  509. }
  510.  
  511. div.productslist .productimage img.productimagethumb {
  512.     border: none;
  513.     padding: 3px;
  514. }
  515.  
  516. div.productslist .productimage a.productimagelink {
  517.     text-decoration: none;
  518.     border: none;
  519.     display: block;
  520.     border-radius: 4px;
  521.     -moz-border-radius: 4px;
  522.     -webkit-border-radius: 4px;
  523. }
  524.  
  525. div.productslist .productdescription {
  526.  
  527. }
  528.  
  529. div.productslist .productimage a.productimagelink:hover {
  530.     border-color: none;
  531. }
  532.  
  533. div.productslist .productdetails {
  534.     float: right;
  535.     text-align: center;
  536.     margin: 5px 0 10px 15px;
  537.     padding: 10px 10px;
  538.     background: #EBDDC7;
  539.     border: none;
  540.     border-radius: 4px;
  541.     -webkit-border-radius: 4px;
  542.     -moz-border-radius: 4px;
  543.     position: relative;
  544. }
  545.  
  546. div.productslist .productdetails form {
  547.     margin: 10px 0 0 0;
  548.     padding: 0 0 0 0;
  549.     text-align: center;
  550. }
  551.  
  552. div.productslist .productdetails form input {
  553. }
  554.  
  555. div.productslist .productsubmit {
  556.     display: block !important;
  557.     margin: 0 0 0 0;
  558. }
  559.  
  560. div.productslist .productsubmit input {
  561.     width: auto;
  562. }
  563.  
  564. div.productslist span.wpcoloading {
  565. }
  566.  
  567. div.productslist span.wpcoadded {
  568. }
  569.  
  570. div.productslist .productprice {
  571.     font-size: 130%;
  572.     font-weight: bold;
  573. }
  574.  
  575. div.productslist .productkeywords {
  576.     margin: 10px 0 0 0;
  577.     padding: 5px 10px;
  578.     background: #f8f8f8;
  579.     display: block;
  580. }
  581.  
  582. /* END Products List */
  583.  
  584. div.wpcoimglist {
  585.     margin: 10px 0;
  586.     width: 300px;
  587. }
  588.  
  589. div.wpcoimglistfull {
  590.     width: auto !important;
  591. }
  592.  
  593. div.wpcoproduct {
  594.  
  595. }
  596.  
  597. div.wpcoproduct .savings {
  598.     color: #97312F;
  599.     font-size: 16px;
  600.     font-weight: bold;
  601. }
  602.  
  603. div.wpcoproduct .price {
  604.     font-weight: bold;
  605.     font-size: 16px;
  606. }
  607.  
  608. div.wpcoproduct .sprice {
  609.     color: #521818;
  610.     font-size: 100%;
  611. }
  612.  
  613. div.wpcoproduct div.wpcoimages div{
  614.     background:url(http://www.cowboycauldron.com/wp-content/themes/impresa/images/hover-opacity.png) no-repeat center;
  615. }
  616.  
  617. div.wpcoproduct div.wpcoimages div.wpcoimglist{
  618.     background:none;
  619. }
  620.  
  621. div.wpcoproduct a img {
  622.     border: none;
  623. }
  624.  
  625. div.wpcoproduct a img:hover {
  626.     opacity: 0.43;
  627. }
  628.  
  629. div.wpcoproduct div.wpcohowmany {
  630.     margin: 0;
  631. }
  632.  
  633. div.wpcoproduct div.wpcoimages {
  634.     float: left;
  635.     margin: 0 20px 300px 0;
  636. }
  637.  
  638. div.wpcoproduct div.wpcoimages small{
  639.     display: none;
  640. }
  641.  
  642. div.wpcoimglist ul {
  643.     margin: 0 0 0 0;
  644.     padding: 0 0 0 0 !important;
  645.     text-indent: 0px !important;
  646.     list-style: none;
  647. }
  648.  
  649. div.wpcoimglist ul li {
  650.     float: left;
  651.     margin: 0 9px 4px 0;
  652.     padding: 0 0 0 0;
  653.     text-indent: 0px;
  654.     list-style: none;
  655. }
  656.  
  657. div.wpcoimglist ul li:before {
  658.     content: "";
  659. }
  660.  
  661. div.wpcoimglist ul li a img {
  662.     border: none;
  663.     width:60px;
  664.     padding: 2px;
  665. }
  666.  
  667. div.wpcoimglist ul li a:hover img {
  668.     border: none;
  669.     opacity: 0.43;
  670. }
  671.  
  672. table.form-table {
  673.     margin-top: 8px !important;
  674. }
  675.  
  676. table.wpco {
  677.     width: 100%;
  678.     border:none;
  679. }
  680.  
  681. table.wpco tbody tr td, table.wpco th {
  682.     padding: 4px !important;
  683. }
  684.  
  685. table.wpco thead tr, table.wpco tbody tr.total, table.wpco tfoot tr {
  686.     background: none !important;
  687.     font-weight: bold;
  688. }
  689.  
  690. table.wpco thead tr th, table.wpco tbody tr.total td, table.wpco tfoot tr th {
  691. }
  692.  
  693. table.wpco tr.total td{
  694.     border-top: 1px #3E2732 solid;
  695.     border-bottom: 1px #3E2732 solid;
  696.     border-left: none;
  697.     border-right: none;
  698.     height: 36px;
  699.     vertical-align: middle;
  700.     font-size: 14px;
  701. }
  702.    
  703. table.wpco thead tr th, table.wpco tfoot tr th {
  704.     text-align: center;
  705.     border: 2px solid #F4ECE0;
  706.     font-size:13px;
  707.     font-weight:bold;
  708.     outline:medium none;
  709.     -moz-border-radius: 4px;
  710.     -webkit-border-radius: 4px;
  711.     border-radius: 4px;
  712.     text-align:center;
  713.     padding: 4px;  
  714. }
  715.  
  716. table.wpco tbody tr td table {
  717.     border: 1px solid #EBDDC7;
  718.     outline:medium none;
  719.     -moz-border-radius: 4px;
  720.     -webkit-border-radius: 4px;
  721.     border-radius: 4px;
  722. }
  723.  
  724. table.wpco tr.arow {
  725.     background: #F4ECE0;
  726. }
  727.  
  728. table.wpco tr.erow {
  729.     background: #F4ECE0;
  730. }
  731.  
  732. table.wpco th.check-column {
  733.     text-align: center;
  734.     background: #F4ECE0;
  735. }
  736.  
  737. table.wpco td {
  738.     padding: 4px;
  739.     text-align: left;
  740. }
  741.  
  742. table.wpco tr td {
  743.     padding: 2px;
  744.     margin: 0 0 0 0;
  745.     border: none;
  746. }
  747.  
  748. .wpcocleaner, hr.wpco {
  749.     clear: both !important;
  750.     height: 1px;
  751.     visibility: hidden;
  752. }
  753.  
  754. table.newcustomer th, table.returncustomer th, .shippinginfo table.wpco th {
  755.      background:none;
  756. }
Advertisement
Add Comment
Please, Sign In to add comment