tribulant

Untitled

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