Advertisement
Guest User

Untitled

a guest
Dec 13th, 2017
89
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.60 KB | None | 0 0
  1. .floatleft { float: left }
  2. .floatright { float: right }
  3. .alignleft {
  4. float: left;
  5. margin-right: 15px;
  6. }
  7. .alignright {
  8. float: right;
  9. margin-left: 15px;
  10. }
  11. .aligncenter {
  12. display: block;
  13. margin: 0 auto 15px;
  14. }
  15. a:focus { outline: 0px solid }
  16. img {
  17. max-width: 100%;
  18. height: auto;
  19. }
  20. .fix { overflow: hidden }
  21. h1,
  22. h2,
  23. h3,
  24. h4,
  25. h5,
  26. h6 {
  27. font-weight: 700;
  28. margin: 0 0 15px;
  29. }
  30. body { font-family: 'Titillium Web', sans-serif; }
  31.  
  32.  
  33.  
  34. .header-area {
  35. background: none repeat scroll 0 0 #f4f4f4;
  36. }
  37. .header-area a {
  38. color: #888;
  39. }
  40. .user-menu ul {
  41. list-style: outside none none;
  42. margin: 0;
  43. padding: 0;
  44. }
  45. .user-menu li {
  46. display: inline-block;
  47. }
  48. .user-menu li a {
  49. display: block;
  50. font-size: 13px;
  51. margin-right: 5px;
  52. padding: 10px;
  53. }
  54. .user-menu li a i.fa {
  55. margin-right: 5px;
  56. }
  57. .header-right ul.list-inline {
  58. margin: 0;
  59. text-align: right;
  60. }
  61. .header-right ul.list-inline li a {
  62. display: block;
  63. padding: 9px;
  64. }
  65. .header-right ul.list-inline li ul a {
  66. padding: 5px 15px;
  67. }
  68. .header-right ul.list-inline li ul {
  69. border: medium none;
  70. border-radius: 0;
  71. left: 50%;
  72. margin-left: -50px;
  73. min-width: 100px;
  74. text-align: center;
  75. }
  76.  
  77. .mainmenu-area {background: none repeat scroll 0 0 #1abc9c;
  78. font-family: "Roboto Condensed",sans-serif;
  79. text-transform: uppercase;
  80. width: 100%;
  81. z-index: 999;}
  82.  
  83.  
  84.  
  85. .logo h1 {
  86. font-size: 40px;
  87. margin: 40px 0;font-weight: 400;
  88. }
  89. .logo h1 a {
  90. color: #999;
  91. }
  92. .logo h1 a:hover {text-decoration: none;opacity: .7}
  93. .logo h1 a span {
  94. color: #1abc9c;
  95. }
  96. .shopping-item {
  97. border: 1px solid #ddd;
  98. float: right;
  99. font-size: 18px;
  100. margin-top: 40px;
  101. padding: 10px;
  102. position: relative;
  103. }
  104. .shopping-item a {
  105. color: #666;
  106. }
  107. .cart-amunt {
  108. color: #1abc9c;
  109. font-weight: 700;
  110. }
  111. .product-count {
  112. background: none repeat scroll 0 0 #1abc9c;
  113. border-radius: 50%;
  114. color: #fff;
  115. display: inline-block;
  116. font-size: 10px;
  117. height: 20px;
  118. padding-top: 2px;
  119. position: absolute;
  120. right: -10px;
  121. text-align: center;
  122. top: -10px;
  123. width: 20px;
  124. }
  125. .shopping-item i.fa {
  126. margin-left: 15px;
  127. }
  128.  
  129.  
  130. .shopping-item:hover {
  131. background: none repeat scroll 0 0 #1abc9c;
  132. border-color: #1abc9c;
  133. }
  134. .shopping-item:hover a {
  135. color: #fff;text-decoration: none
  136. }
  137. .shopping-item:hover .cart-amunt {
  138. color: #fff;
  139. }
  140. .shopping-item:hover .product-count {
  141. background: none repeat scroll 0 0 #000;
  142. }
  143.  
  144.  
  145. .mainmenu-area ul.navbar-nav li a {
  146. color: #fff;
  147. font-size: 16px;
  148. font-weight: 700;
  149. padding: 20px;
  150. }
  151.  
  152. .mainmenu-area ul.navbar-nav li:hover a, .mainmenu-area ul.navbar-nav li.active a {background: #222}
  153. .mainmenu-area .nav > li > a:focus {color: #000}
  154.  
  155. .slider-area {clear: both}
  156. .slider-area, .promo-area, .brands-area, .maincontent-area, .footer-top-area, .product-widget-area, .product-breadcroumb-area, .single-product-area {position: relative;overflow: hidden}
  157. .zigzag-bottom {}
  158. .slide-text-wrapper {
  159. height: 700px;
  160. }
  161. .slide-text-wrapper {
  162. display: table;width: 100%;
  163. }
  164.  
  165. .slide-text {display: table-cell;vertical-align: middle}
  166.  
  167. .zigzag-bottom {
  168. background: none repeat scroll 0 0 #1abc9c;
  169. bottom: -80px;
  170. height: 165px;
  171. left: -5%;
  172. position: absolute;
  173. transform: rotate(3deg);
  174. width: 108%;
  175. z-index: 9;
  176. }
  177.  
  178. .slide-bg {
  179. height: 100%;
  180. left: 0;
  181. position: absolute;
  182. top: 0;
  183. width: 100%;background-position: center;background-size: cover
  184. }
  185. .slide-bg:after {
  186. background: none repeat scroll 0 0 #000;
  187. content: "";
  188. height: 100%;
  189. left: 0;
  190. opacity: 0.6;
  191. position: absolute;
  192. top: 0;
  193. width: 100%;
  194. }
  195. .slide-one {background-image: url(slide-1.jpg)}
  196. .slide-two {background-image: url(slide-2.jpg)}
  197. .slide-three {background-image: url(slide-3.jpg)}
  198. .slide-text {color: #fff;font-size: 18px;font-weight: 200}
  199. .slide-text h2 {
  200. font-size: 45px;font-weight: 200
  201. }
  202.  
  203. .slide-content {position: relative;z-index: 9;padding: 30px}
  204. .slide-content:before {
  205. background: none repeat scroll 0 0 #000;
  206. content: "";
  207. height: 100%;
  208. left: 0;
  209. opacity: 0.6;
  210. position: absolute;
  211. top: 0;
  212. width: 100%;
  213. z-index: -1;
  214. }
  215.  
  216.  
  217. .readmore {
  218. background: none repeat scroll 0 0 #1abc9c;
  219. color: #fff;
  220. border: 1px solid #1abc9c;
  221. display: inline-block;
  222. font-size: 20px;
  223. margin-top: 15px;
  224. padding: 10px 20px;
  225. text-transform: uppercase;
  226. }
  227.  
  228.  
  229. .readmore:hover {background: #222;text-decoration: none;color: #fff;border: 1px solid #fff}
  230.  
  231.  
  232. .promo-area {
  233. background: none repeat scroll 0 0 #1abc9c;
  234. color: #fff;
  235. padding: 77px 0 200px;
  236. }
  237.  
  238. .brands-area {
  239. background: none repeat scroll 0 0 #1abc9c;
  240. color: #fff;
  241. padding: 0px 0 200px;
  242. }
  243.  
  244. .promo-area .zigzag-bottom, .brands-area .zigzag-bottom{background: #fff}
  245. .single-promo {
  246. border: 1px solid #17a78b;
  247. font-size: 25px;
  248. font-weight: 200;
  249. padding: 20px 10px;
  250. text-align: center;
  251. }
  252. .single-promo i {
  253. font-size: 50px;
  254. }
  255.  
  256. .single-promo:hover {color: #fff;background: #222;border-color: #222}
  257.  
  258. .section-title {
  259. font-family: "Raleway",sans-serif;
  260. font-size: 50px;
  261. font-weight: 100;
  262. margin-bottom: 50px;
  263. text-align: center;
  264. }
  265.  
  266.  
  267. .product-f-image {
  268. position: relative;
  269. }
  270. .product-hover {
  271. height: 100%;
  272. left: 0;
  273. position: absolute;
  274. top: 0;
  275. width: 100%;overflow: hidden;border: 1px solid #ddd;
  276. }
  277. .product-hover:after {
  278. background: none repeat scroll 0 0 #000;
  279. content: "";
  280. height: 100%;
  281. left: -100%;
  282. opacity: 0.6;
  283. position: absolute;
  284. top: 0;
  285. width: 100%;transition: .4s;
  286. }
  287. .product-hover a {
  288. background: none repeat scroll 0 0 #1abc9c;
  289. border-radius: 5px;
  290. color: #fff;
  291. display: block;
  292. font-size: 16px;
  293. left: 10%;
  294. margin: 0;
  295. padding: 10px;
  296. position: absolute;
  297. text-align: center;
  298. text-transform: uppercase;
  299. border: 1px solid #1abc9c;
  300. width: 80%;z-index: 99;transition: .4s;
  301. }
  302. .product-hover a:hover {
  303. background: #000;
  304. text-decoration: none;border-color: #444;
  305. }
  306. .product-carousel-price ins {
  307. color: #1abc9c;
  308. font-weight: 700;
  309. margin-right: 5px;
  310. text-decoration: none;
  311. }
  312. .product-hover a i.fa {
  313. margin-right: 5px;
  314. }
  315. .product-hover a.add-to-cart-link {top: -25%;}
  316. .product-hover a.view-details-link { bottom: -25%;}
  317. .single-product h2 {
  318. font-size: 18px;
  319. line-height: 25px;
  320. margin-bottom: 10px;
  321. margin-top: 15px;
  322. }
  323.  
  324.  
  325. .single-product h2 a {
  326. color: #222;
  327. }
  328. .single-product p {
  329. color: #1abc9c;
  330. font-weight: 700;
  331. }
  332.  
  333. .single-product {
  334. overflow: hidden;
  335. }
  336. .single-product:hover {}
  337. .single-product:hover .product-hover a.add-to-cart-link {top: 32%;}
  338. .single-product:hover .product-hover a.view-details-link {bottom: 32%;}
  339. .single-product:hover .product-hover:after{left: 0}
  340.  
  341.  
  342. .product-carousel {
  343. padding-top: 40px;
  344. }
  345. .latest-product .owl-nav {
  346. position: absolute;
  347. right: 0;
  348. top: 0;
  349. }
  350.  
  351. .latest-product .owl-nav div, .related-products-wrapper .owl-nav div {
  352. border: 1px solid #1abc9c;
  353. color: #1abc9c;
  354. display: inline-block;
  355. margin-left: 15px;
  356. padding: 1px 10px;
  357. }
  358. .latest-product .owl-nav div:hover, .brand-wrapper .owl-nav div:hover, .related-products-wrapper .owl-nav div:hover {color: #222;border-color: #222}
  359. .brand-list {padding-top: 40px;}
  360. .brand-list .owl-nav {
  361. position: absolute;
  362. right: 0;
  363. top: 0;
  364. }
  365. .brand-wrapper .owl-nav div {
  366. border: 1px solid #fff;
  367. color: #fff;
  368. display: inline-block;
  369. margin-left: 15px;
  370. padding: 1px 10px;
  371. }
  372.  
  373. .maincontent-area {padding-bottom: 170px}
  374.  
  375. .product-wid-title {
  376. font-family: raleway;
  377. font-size: 30px;
  378. font-weight: 100;
  379. margin-bottom: 40px;
  380. }
  381.  
  382.  
  383. .single-wid-product {
  384. margin-bottom: 31px;
  385. overflow: hidden;
  386. }
  387. .product-thumb {
  388. float: left;
  389. height: 90px;
  390. margin-right: 15px;
  391. width: 100px;
  392. }
  393. .single-wid-product h2 {
  394. font-size: 18px;
  395. margin-bottom: 12px;
  396. }
  397. .product-wid-rating {
  398. color: #ffc808;
  399. margin-bottom: 10px;
  400. }
  401. .product-wid-price ins {
  402. color: #1abc9c;
  403. font-weight: 700;
  404. margin-right: 10px;
  405. text-decoration: none;
  406. }
  407. .single-wid-product h2 a {
  408. color: #222;
  409. }
  410. .single-wid-product h2 a:hover, .single-product h2 a:hover {
  411. color: #1ABC9C;
  412. }
  413. .wid-view-more {
  414. background: none repeat scroll 0 0 #1abc9c;
  415. color: #fff;
  416. padding: 3px 15px;
  417. position: absolute;
  418. right: 10px;
  419. top: 3px;
  420. }
  421. .wid-view-more:hover {color: #fff;background-color: #222;text-decoration: none}
  422. .single-product-widget {
  423. position: relative;
  424. }
  425. .product-widget-area {
  426. padding-bottom: 150px;
  427. padding-top: 30px;
  428. }
  429. .product-widget-area .zigzag-bottom{background: #333}
  430. .footer-top-area .zigzag-bottom{background: #000}
  431. .footer-top-area {background: none repeat scroll 0 0 #333;
  432. color: #999;
  433. padding: 35px 0 180px;}
  434.  
  435.  
  436. .footer-bottom-area {background: #000;color: #fff}
  437. .footer-about-us span {
  438. color: #1abc9c;
  439. }
  440. .footer-wid-title {
  441. font-family: raleway;
  442. font-size: 30px;
  443. font-weight: 100;color: #fff
  444. }
  445.  
  446. .footer-about-us h2 {
  447. font-weight: 200;
  448. }
  449. .footer-menu ul {
  450. list-style: outside none none;
  451. margin: 0;
  452. padding: 0;
  453. }
  454. .footer-menu ul li {
  455. border-bottom: 1px dashed #555;
  456. padding: 5px 0;
  457. }
  458. .footer-menu a {
  459. display: block;
  460. padding: 5px 0;color: #999
  461. }
  462.  
  463.  
  464. .footer-social a {
  465. background: none repeat scroll 0 0 #1abc9c;
  466. color: #fff;
  467. display: inline-block;
  468. font-size: 20px;
  469. height: 40px;
  470. margin-bottom: 10px;
  471. margin-right: 10px;
  472. padding-top: 5px;
  473. text-align: center;
  474. width: 40px;border: 1px solid #1abc9c;
  475. }
  476.  
  477. .footer-social a:hover {background-color: #222;border-color: #666}
  478.  
  479. .footer-social {margin-top: 20px}
  480.  
  481.  
  482. .newsletter-form input[type="email"] {
  483. background: none repeat scroll 0 0 #fff;
  484. border: medium none;
  485. margin-bottom: 10px;
  486. padding: 10px;
  487. width: 100%;
  488. }
  489. .newsletter-form input[type="submit"] {
  490. background: none repeat scroll 0 0 #1abc9c;
  491. border: medium none;
  492. color: #fff;
  493. display: inline-block;
  494. font-size: 18px;
  495. padding: 7px 20px;
  496. text-transform: uppercase;border: 1px solid #1abc9c;
  497. }
  498. .newsletter-form input[type="submit"]:hover {background: #222;border-color: #666}
  499. .newsletter-form {
  500. margin-top: 25px;
  501. }
  502. a {color: #1abc9c}
  503. a:hover, a:focus {color: #17a78b}
  504. .footer-bottom-area {
  505. background: none repeat scroll 0 0 #000;
  506. color: #fff;
  507. padding-bottom: 40px;
  508. }
  509.  
  510.  
  511. .slide-bulletz {
  512. bottom: 30px;
  513. left: 0;
  514. position: absolute;
  515. text-align: center;
  516. width: 100%;
  517. z-index: 99;
  518. }
  519. ol.slide-indicators {
  520. left: inherit;
  521. list-style: outside none none;
  522. margin: 0;
  523. padding: 0;
  524. position: relative;
  525. width: 100%;
  526. }
  527. ol.slide-indicators li {
  528. background: none repeat scroll 0 0 #222;
  529. border: medium none;
  530. border-radius: 0;
  531. cursor: pointer;
  532. display: inline-block;
  533. height: 10px;
  534. margin: 0 0 0 5px;
  535. width: 10px;
  536. }
  537. ol.slide-indicators li.active {
  538. background: none repeat scroll 0 0 #fff;
  539. height: 10px;
  540. margin: 0 0 0 5px;
  541. width: 10px;
  542. }
  543.  
  544.  
  545. .carousel.carousel-fade .item { transition: opacity 1s ease-in-out }
  546. .carousel.carousel-fade .active.left,
  547. .carousel.carousel-fade .active.right {
  548. left: 0;
  549. z-index: 2;
  550. opacity: 0;
  551. filter: alpha(opacity=0);
  552. }
  553.  
  554. .footer-card-icon {
  555. font-size: 30px;
  556. text-align: right;
  557. }
  558.  
  559. .copyright > p {
  560. margin: 10px 0 0;
  561. }
  562.  
  563. .product-big-title-area {background: url(crossword.png) repeat scroll 0 0 #1ABC9C}
  564.  
  565. .product-bit-title h2 {
  566. font-family: raleway;
  567. font-size: 50px;
  568. font-weight: 200;
  569. margin: 0;
  570. padding: 50px 0;color: #fff;
  571. }
  572.  
  573. .single-product-area .zigzag-bottom {background-color: #333333}
  574.  
  575. .single-product-area {
  576. padding: 80px 0 130px;
  577. }
  578.  
  579.  
  580.  
  581.  
  582.  
  583. .sidebar-title {
  584. color: #3dc6ab;
  585. font-size: 25px;
  586. margin-bottom: 30px;
  587. text-transform: uppercase;
  588. }
  589. .single-sidebar {
  590. margin-bottom: 50px;
  591. }
  592. input[type="text"], input[type="password"], input[type="email"], textarea {
  593. border: 1px solid #ddd;
  594. padding: 10px;
  595. }
  596. input[type="submit"], button[type=submit] {
  597. background: none repeat scroll 0 0 #1abc9c;
  598. border: medium none;
  599. color: #fff;
  600. padding: 11px 20px;
  601. text-transform: uppercase;
  602. }
  603. input[type="submit"]:hover, button[type=submit]:hover {background-color: #222}
  604. .single-sidebar input[type="text"] {
  605. margin-bottom: 10px;
  606. width: 100%;
  607. }
  608. .thubmnail-recent {
  609. margin-bottom: 30px;
  610. overflow: hidden;
  611. }
  612. .recent-thumb {
  613. float: left;
  614. height: auto;
  615. margin-right: 15px;
  616. width: 63px;
  617. }
  618. .thubmnail-recent > h2 {
  619. font-size: 20px;
  620. margin-bottom: 10px;
  621. }
  622. .thubmnail-recent > h2 a {
  623. color: #222;
  624. }
  625. .product-sidebar-price > ins {
  626. color: #1abc9c;
  627. font-weight: 700;
  628. margin-right: 10px;
  629. text-decoration: none;
  630. }
  631. .single-sidebar > ul {
  632. list-style: outside none none;
  633. margin: 0;
  634. padding: 0;
  635. }
  636. .single-sidebar li {
  637. border-bottom: 1px solid #f1f1f1;
  638. padding: 10px 0;
  639. }
  640. .single-sidebar a {
  641. display: block;
  642. }
  643. .product-breadcroumb {
  644. margin-bottom: 20px;
  645. }
  646. .product-breadcroumb > a {
  647. margin-right: 31px;
  648. position: relative;
  649. }
  650. .product-breadcroumb > a::before {
  651. content: "/";
  652. position: absolute;
  653. right: -20px;
  654. top: 2px;
  655. }
  656. .product-breadcroumb > a:last-child::before {
  657. display: none;
  658. }
  659. .product-main-img {
  660. margin-bottom: 20px;
  661. }
  662. .product-gallery {
  663. margin-bottom: 25px;
  664. margin-left: -15px;
  665. overflow: hidden;
  666. }
  667. .product-gallery img {
  668. height: auto;
  669. margin-left: 15px;
  670. width: 76px;
  671. }
  672. .product-name {
  673. font-size: 25px;
  674. margin-bottom: 20px;
  675. }
  676. .product-inner-price {
  677. margin-bottom: 25px;
  678. }
  679. .product-inner-price > ins {
  680. color: #1abc9c;
  681. font-weight: 700;
  682. margin-right: 10px;
  683. text-decoration: none;
  684. }
  685. .quantity {
  686. float: left;
  687. margin-right: 15px;
  688. }
  689. .quantity input[type="number"] {
  690. border: 1px solid #1abc9c;
  691. padding: 5px;
  692. width: 50px;
  693. }
  694. .add_to_cart_button {
  695. background: none repeat scroll 0 0 #1abc9c;
  696. border: medium none;
  697. color: #fff;
  698. padding: 6px 25px;display: inline-block
  699. }
  700. .add_to_cart_button:hover {background-color: #222;color: #fff;text-decoration: none}
  701. form.cart {
  702. margin-bottom: 25px;
  703. }
  704. .product-inner-category {
  705. margin-bottom: 30px;
  706. }
  707. .product-tab {
  708. border-bottom: 1px solid #ddd;
  709. list-style: outside none none;
  710. margin: 0 0 30px;
  711. padding: 0;
  712. text-align: center;
  713. }
  714. .product-tab li {
  715. display: inline-block;
  716. }
  717. .product-tab li.active {
  718. background: none repeat scroll 0 0 #1abc9c;
  719. }
  720. .product-tab li.active a {
  721. color: #fff;
  722. }
  723. .product-tab li a {
  724. color: #222;
  725. display: block;
  726. font-size: 16px;
  727. padding: 10px 30px;
  728. }
  729. .product-tab li a:hover {
  730. text-decoration: none;
  731. }
  732. .product-tab li a:focus {
  733. text-decoration: none;
  734. }
  735. .tab-content h2 {
  736. font-size: 20px;
  737. }
  738. .tab-content {
  739. margin-bottom: 30px;
  740. }
  741. .submit-review label {
  742. display: block;
  743. }
  744. .submit-review input[type="text"], .submit-review input[type="email"], .submit-review textarea {
  745. margin-bottom: 20px;
  746. width: 100%;
  747. }
  748. .rating-chooser {
  749. margin-bottom: 30px;
  750. }
  751. .rating-chooser p {
  752. font-weight: 700;
  753. }
  754. .rating-wrap-post {
  755. font-size: 20px;
  756. }
  757.  
  758. .submit-review textarea {
  759. height: 105px;
  760. }
  761.  
  762. .related-products-wrapper {
  763. margin-top: 30px;
  764. }
  765. .related-products-title {color: #3dc6ab;
  766. font-size: 25px;
  767. margin-bottom: 30px;
  768. text-transform: uppercase;}
  769.  
  770. .related-products-wrapper .owl-nav {
  771. position: absolute;
  772. right: 0;
  773. top: -56px;
  774. }
  775.  
  776.  
  777.  
  778. table.shop_table {
  779. border-bottom: 1px solid #ddd;
  780. border-right: 1px solid #ddd;
  781. margin-bottom: 50px;
  782. width: 100%;
  783. }
  784. table.shop_table th, table.shop_table td {
  785. border-left: 1px solid #ddd;
  786. border-top: 1px solid #ddd;
  787. padding: 15px;
  788. text-align: center;
  789. }
  790. table.shop_table th {
  791. background: none repeat scroll 0 0 #f4f4f4;
  792. font-size: 15px;
  793. text-transform: uppercase;
  794. }
  795. td.product-thumbnail img {
  796. height: auto;
  797. width: 70px;
  798. }
  799. td.product-name {
  800. font-size: 18px;
  801. }
  802. div.quantity input.plus, div.quantity input.minus {
  803. background: none repeat scroll 0 0 #1abc9c;
  804. border: medium none;
  805. color: #fff;
  806. height: 25px;
  807. line-height: 15px;
  808. width: 25px;
  809. }
  810. td.product-quantity div.quantity {
  811. float: none;
  812. margin: 0;
  813. }
  814. td.actions div.coupon {
  815. float: left;
  816. }
  817. .cart-collaterals {
  818. overflow: hidden;
  819. }
  820. .cross-sells {
  821. float: left;
  822. margin-right: 3%;
  823. width: 57%;
  824. }
  825. .cart_totals {
  826. float: right;
  827. margin-bottom: 50px;
  828. width: 40%;
  829. }
  830. .cart-collaterals h2 {
  831. color: #1abc9c;
  832. font-size: 25px;
  833. margin-bottom: 25px;
  834. text-transform: uppercase;
  835. }
  836. div.cart-collaterals ul.products {
  837. list-style: outside none none;
  838. margin: 0 0 0 -30px;
  839. padding: 0;
  840. }
  841. div.cart-collaterals ul.products li.product {
  842. float: left;
  843. margin-left: 30px;
  844. position: relative;
  845. width: 198px;
  846. }
  847. .cart_totals table {
  848. border-bottom: 1px solid #ddd;
  849. border-right: 1px solid #ddd;
  850. width: 100%;
  851. }
  852. .cart_totals table th, .cart_totals table td {
  853. border-left: 1px solid #ddd;
  854. border-top: 1px solid #ddd;
  855. padding: 10px;
  856. }
  857. .cart_totals table th {
  858. background: none repeat scroll 0 0 #f4f4f4;
  859. }
  860. .onsale {
  861. }
  862. div.cart-collaterals ul.products li.product .onsale {
  863. background: none repeat scroll 0 0 #1abc9c;
  864. color: #fff;
  865. padding: 5px 10px;
  866. position: absolute;
  867. right: 0;
  868. }
  869. div.cart-collaterals ul.products li.product h3 {
  870. color: #333;
  871. font-size: 20px;
  872. margin-top: 15px;
  873. }
  874. div.cart-collaterals ul.products li.product .price {
  875. color: #333;
  876. display: block;
  877. margin-bottom: 10px;
  878. overflow: hidden;
  879. }
  880. .price > ins {
  881. }
  882. div.cart-collaterals ul.products li.product .price ins {
  883. color: #1abc9c;
  884. font-weight: 700;
  885. margin-left: 10px;
  886. text-decoration: none;
  887. }
  888.  
  889.  
  890.  
  891. .woocommerce-info {
  892. background: none repeat scroll 0 0 #f4f4f4;
  893. font-size: 18px;
  894. margin-bottom: 20px;
  895. padding: 15px;
  896. }
  897. .col2-set {
  898. margin-left: -30px;
  899. overflow: hidden;
  900. }
  901. .col-1, .col-2 {
  902. float: left;
  903. margin-left: 30px;
  904. width: 360px;
  905. }
  906. #customer_details label {
  907. display: block;
  908. margin: 0 0 5px;
  909. }
  910. #customer_details input[type="text"], #customer_details textarea, .shipping_calculator input[type=text] {
  911. margin-bottom: 10px;
  912. width: 100%;
  913. }
  914. #customer_details h3 {
  915. color: #1abc9c;
  916. font-size: 20px;
  917. text-transform: uppercase;
  918. }
  919. .create-account {
  920. background: none repeat scroll 0 0 #f4f4f4;
  921. margin-bottom: 50px;
  922. padding: 15px;
  923. }
  924. #order_review_heading {
  925. color: #1abc9c;
  926. font-size: 20px;
  927. text-transform: uppercase;
  928. }
  929. #payment ul.payment_methods {
  930. list-style: outside none none;
  931. margin: 0 0 30px;
  932. padding: 0;
  933. }
  934. #payment ul.payment_methods li {
  935. margin-bottom: 15px;
  936. }
  937. a.about_paypal {
  938. font-size: 12px;
  939. margin-left: 15px;
  940. }
  941.  
  942.  
  943. #customer_details select, .shipping_calculator select {
  944. border: 1px solid #ddd;
  945. margin-bottom: 15px;
  946. padding: 10px;
  947. width: 100%;
  948. }
  949.  
  950.  
  951. table.shop_table td.product-remove a {
  952. display: inline-block;
  953. padding: 0 5px 2px;
  954. text-transform: uppercase;
  955. }
  956.  
  957.  
  958. table.shop_table td.product-remove a:hover {color: #fff;background: red;text-decoration: none}
  959. table.shop_table td.product-name a{color: #222;}
  960. table.shop_table td.product-name a:hover {color: #1ABC9C;text-decoration: none}
  961. div.quantity input.plus:hover, div.quantity input.minus:hover {background-color: #222}
  962. div.cart-collaterals ul.products li.product a:hover h3 {color: #1ABC9C}
  963. div.cart-collaterals ul.products li.product a:hover {text-decoration: none}
  964.  
  965. div.cart-collaterals ul.products li.product:hover .add_to_cart_button{background-color: #222}
  966.  
  967.  
  968. .cart-collaterals .shipping_calculator {
  969. float: right;
  970. width: 40%;
  971. }
  972.  
  973.  
  974. #login-form-wrap, #coupon-collapse-wrap {
  975. background: none repeat scroll 0 0 #f4f4f4;
  976. margin-bottom: 30px;
  977. padding: 25px;
  978. }
  979. #login-form-wrap label {
  980. display: block;
  981. margin-bottom: 5px;
  982. }
  983. #login-form-wrap input[type="text"], #login-form-wrap input[type="password"] {
  984. margin-bottom: 10px;
  985. width: 250px;
  986. }
  987. #login-form-wrap input[type="submit"] {
  988. margin-bottom: 15px;
  989. }
  990.  
  991.  
  992.  
  993. .single-shop-product h2 {
  994. font-size: 20px;
  995. margin: 10px 0;
  996. }
  997. .product-option-shop {
  998. margin-top: 15px;
  999. }
  1000.  
  1001. .single-shop-product {margin-bottom: 50px}
  1002.  
  1003. .pagination > li > a, .pagination > li > span {
  1004. color: #1abc9c;
  1005. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement