Advertisement
Guest User

Untitled

a guest
May 30th, 2015
281
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.63 KB | None | 0 0
  1. @bg-color: #FFF;
  2. @link-color: #a58f60;
  3. @paragraph: #555;
  4. @heading: #222;
  5. @footer: #EAEAEA;
  6. @border: #EEE;
  7.  
  8.  
  9. body {
  10. background: @bg-color;
  11. color: @heading;
  12. }
  13.  
  14. h1,
  15. h2,
  16. h3,
  17. h4,
  18. h5,
  19. h6 {
  20.  
  21. small {
  22. color: @paragraph;
  23. }
  24. }
  25.  
  26. a {
  27. color: @link-color;
  28. }
  29.  
  30. .wrapper {
  31. background: @bg-color;
  32. a {
  33. &:hover {
  34. color: @link-color;
  35. }
  36. &:after {
  37. background: @link-color;
  38. }
  39. }
  40. }
  41.  
  42. .product-filter {
  43. ul {
  44. li {
  45. a {
  46. &:hover {
  47. color: @link-color;
  48. }
  49. }
  50. }
  51. }
  52. }
  53.  
  54. .message-form {
  55. .send {
  56. .loading-bar {
  57. background: lighten(@link-color,10%);
  58. span {
  59. background: darken(@link-color,10%);
  60. }
  61. }
  62. }
  63. .form-group {
  64. .placeholder {
  65. border-bottom: 1px solid @link-color;
  66. }
  67. .placeholder.ver-two {
  68. border-bottom: 1px solid @bg-color !important;
  69. }
  70. }
  71. }
  72.  
  73. .color-main {
  74. background: @bg-color;
  75. color: @link-color;
  76. }
  77.  
  78. .btn {
  79. &.btn-primary {
  80. background: @link-color;
  81. &:hover {
  82. background: darken(@link-color,10%);
  83. }
  84. }
  85. &.btn-secondary {
  86. background: @paragraph;
  87. &:hover {
  88. background: darken(@paragraph,10%);
  89. }
  90. }
  91. }
  92.  
  93. .main-footer {
  94. .footer-links {
  95. a {
  96. color: @paragraph;
  97.  
  98. &:hover {
  99. color: @link-color;
  100. }
  101.  
  102. &:after {
  103. color: @link-color;
  104. }
  105. }
  106. }
  107. }
  108.  
  109. p {
  110. color: @paragraph;
  111. }
  112.  
  113. .section-title {
  114. p {
  115. color: @paragraph;
  116. }
  117. h1,h2,h3,h4,h5,h6 {
  118. color: @heading;
  119. small {
  120. color: @paragraph !important;
  121. }
  122. }
  123. }
  124.  
  125. .blog-holder {
  126. .isotope-item {
  127. .box-holder {
  128. .post-info {
  129. border-color: @border;
  130. }
  131. }
  132. }
  133. .box-holder {
  134. .post-format {
  135. .quote-holder {
  136. background: @footer;
  137. blockquote {
  138. color: @paragraph;
  139. }
  140. }
  141. .post-type {
  142. background: @bg-color;
  143. i {
  144. color: @heading;
  145. }
  146. }
  147. .hover-state {
  148. i {
  149. color: @bg-color;
  150. }
  151. }
  152. }
  153. .post-info {
  154. h2 {
  155. a {
  156. color: @heading;
  157. }
  158. }
  159. .details {
  160. .category {
  161. color: @paragraph;
  162. }
  163. .date {
  164. color: @paragraph;
  165. }
  166. }
  167. }
  168. }
  169. }
  170.  
  171. .wp-widget {
  172. &.widget_tag_cloud {
  173. a {
  174. color: @heading;
  175. background: @footer;
  176. &:hover {
  177. background: darken(@footer, 5%);
  178. }
  179. }
  180. }
  181. }
  182.  
  183. .post-formatting {
  184. ul, ol {
  185. li {
  186. color: @paragraph;
  187. }
  188. }
  189. blockquote {
  190. border-left-color: @link-color;
  191. p {
  192. color: @paragraph;
  193. }
  194. }
  195. .wp-caption {
  196. .wp-caption-text {
  197. background: @footer;
  198. }
  199. }
  200. }
  201.  
  202. .contact-form {
  203. .send {
  204. background: @link-color;
  205. &:hover {
  206. background: darken(@link-color,10%);
  207. }
  208. }
  209. input, textarea {
  210. color: @heading;
  211. border-bottom-color: @footer;
  212. }
  213. textarea {
  214. background-image: linear-gradient(@footer 1px, transparent 1px);
  215. }
  216. }
  217.  
  218. .comment-form {
  219. .send {
  220. background: @link-color;
  221. &:hover {
  222. background: darken(@link-color,10%);
  223. }
  224. }
  225. input, textarea {
  226. color: @heading;
  227. border-bottom-color: @footer;
  228. }
  229. textarea {
  230. background-image: linear-gradient(@footer 1px, transparent 1px);
  231. }
  232. }
  233.  
  234. .cd-google-map {
  235. .cd-zoom-in,.cd-zoom-out {
  236. background-color: @link-color;
  237. &:hover {
  238. background-color: darken(@link-color,2%);
  239. }
  240. }
  241. }
  242.  
  243. .single-blog-holder {
  244. .blog-head-holder {
  245. background: @footer;
  246. .quote-holder {
  247. background: @footer;
  248. &:before {
  249. color: @paragraph;
  250. }
  251. blockquote {
  252. color: @paragraph;
  253. }
  254. }
  255. }
  256. .tags-holder {
  257. a {
  258. color: @heading;
  259. background: @footer;
  260. &:hover {
  261. background: darken(@footer, 5%);
  262. }
  263. }
  264. }
  265. pre {
  266. background: @footer;
  267. border-color: @border;
  268. color: @heading;
  269. }
  270. .blog-author-holder {
  271. .author-name {
  272. &:hover {
  273. color: @link-color;
  274. em {
  275. color: @paragraph;
  276. }
  277. }
  278. em {
  279. color: @paragraph;
  280. }
  281. }
  282. .author-link {
  283. color: @heading;
  284. }
  285. }
  286. .post-controls {
  287. span {
  288. color: @paragraph;
  289. }
  290. }
  291. .comments-holder {
  292. background: @footer;
  293. &:before {
  294. border-top-color: @bg-color;
  295. }
  296. .comment-holder {
  297. + .comment-respond {
  298. background: @bg-color;
  299. }
  300. .commenter-image {
  301. .comment-connector {
  302. border-color: @border;
  303. }
  304. }
  305. .commenter-details {
  306. .name {
  307. a {
  308. }
  309. }
  310. .comment-text {
  311. p {
  312. color: @paragraph;
  313. }
  314. }
  315. .date {
  316. color: @paragraph;
  317. }
  318. }
  319. }
  320. }
  321. .details {
  322. .category {
  323. color: @paragraph;
  324. a {
  325. color: @paragraph;
  326. }
  327. }
  328. .date {
  329. color: @paragraph;
  330. a {
  331. color: @paragraph;
  332. }
  333. }
  334. .tags-list {
  335. color: @paragraph;
  336. a {
  337. color: @paragraph;
  338. }
  339. }
  340. }
  341. .post-controls {
  342. .next-post, .prev-post {
  343. &:hover {
  344. i {
  345. color: @link-color;
  346. }
  347. strong {
  348. color: @link-color;
  349. }
  350. }
  351. strong {
  352. color: @heading;
  353. }
  354. i {
  355. color: @heading;
  356. }
  357. }
  358. }
  359. }
  360.  
  361. ::selection {
  362. background: @link-color;
  363. color: @bg-color;
  364. }
  365.  
  366. ::-moz-selection {
  367. background: @link-color;
  368. color: @bg-color;
  369. }
  370.  
  371. hr {
  372. border-color: @border;
  373. }
  374.  
  375. footer {
  376. &.main-footer {
  377. background-color: @footer !important;
  378. .big-footer {
  379. .section {
  380. h1,h2,h3 {
  381. color: @heading;
  382. }
  383. }
  384. }
  385. }
  386. }
  387.  
  388. .wpb_wrapper {
  389. .wpb_tabs {
  390. &.tabs-style-minimal {
  391. .ui-tabs {
  392. .wpb_tabs_nav {
  393. li {
  394. a {
  395. color: @paragraph;
  396. &:hover {
  397. color: darken(@paragraph,10%);
  398. }
  399. }
  400. &.ui-tabs-active {
  401. a {
  402. color: @link-color;
  403. border-bottom-color: @link-color;
  404. }
  405. }
  406. }
  407. }
  408. }
  409. }
  410. &.tabs-style-default {
  411. .ui-tabs {
  412. .wpb_tab {
  413. background: @footer;
  414. }
  415. .wpb_tabs_nav {
  416. li {
  417. border-bottom-color: @bg-color !important;
  418. background: @footer;
  419. a {
  420. color: @paragraph;
  421. &:hover {
  422. color: darken(@paragraph,10%);
  423. }
  424. }
  425. &.ui-tabs-active {
  426. a {
  427. color: @heading;
  428. }
  429. }
  430. }
  431. }
  432. }
  433. }
  434. }
  435. .wpb_accordion {
  436. .wpb_accordion_section {
  437. background: @footer;
  438. .wpb_accordion_header {
  439. a {
  440. color: @heading;
  441. }
  442. }
  443. }
  444. }
  445. }
  446.  
  447. .main-header {
  448. &.menu-type-standard-menu {
  449. .standard-menu-container {
  450. &.menu-skin-main {
  451. .menu-bar {
  452. .ham {
  453. background-color: @heading;
  454. &:before, &:after {
  455. background-color: @heading;
  456. }
  457. }
  458. }
  459. }
  460. }
  461. }
  462. }
  463.  
  464. .top-menu-container {
  465. background: @heading;
  466. .sidebar-box-holder {
  467. h3 {
  468. color: @bg-color;
  469. }
  470. a {
  471. color: @paragraph !important;;
  472.  
  473. &:after {
  474. background-color: @paragraph !important;
  475. }
  476. }
  477. }
  478. .top-menu {
  479. ul {
  480. &.menu {
  481. > li {
  482. ul {
  483. background: @bg-color;
  484. li {
  485. a {
  486. color: @heading !important;
  487. ;
  488. &:after {
  489. background: @heading;
  490. }
  491. }
  492. }
  493. }
  494. }
  495. }
  496. &:after {
  497. border-right-color:@bg-color !important;
  498. }
  499. li {
  500. a {
  501. color: @bg-color !important;
  502. &:hover {
  503. color: @link-color !important;
  504. ;
  505. }
  506. }
  507. }
  508. }
  509. }
  510. }
  511.  
  512. .product-filter {
  513. ul {
  514. li {
  515. a {
  516. color: @paragraph;
  517. }
  518. }
  519. }
  520. }
  521.  
  522. .single-portfolio-holder {
  523. .social {
  524. .likes {
  525. background: @footer;
  526. .like-btn {
  527. color: @paragraph;
  528. }
  529. .fa-heart {
  530. color: @link-color;
  531. }
  532. }
  533. .share-social {
  534. .social-links {
  535. a {
  536. color: @paragraph;
  537. }
  538. }
  539. }
  540. }
  541. .portfolio-big-navigation {
  542. a {
  543. color: @heading;
  544. &:hover {
  545. color: lighten(@heading,5%);
  546. }
  547. }
  548. }
  549. }
  550.  
  551. .slick-slider {
  552. .slick-prev, .slick-next {
  553. &:hover {
  554. color: @link-color;
  555. }
  556. }
  557. }
  558.  
  559. .dash {
  560. background: @footer;
  561. }
  562.  
  563. .alert {
  564. &.alert-default {
  565. background-color: @link-color;
  566. }
  567. }
  568.  
  569. .hover-state {
  570. background: @link-color;
  571. }
  572.  
  573. .portfolio-holder {
  574. .thumb {
  575. .hover-state {
  576. .likes {
  577. a {
  578. i {
  579. color: @link-color;
  580. }
  581. .counter {
  582. color: @link-color;
  583. }
  584. }
  585. }
  586. }
  587. }
  588. }
  589.  
  590. .single-portfolio-holder {
  591. .details {
  592. .services {
  593. ul {
  594. li {
  595. color: @paragraph;
  596. }
  597. }
  598. }
  599. }
  600. &.portfolio-type-3 {
  601. .gallery-slider {
  602. .slick-prev, .slick-next {
  603. &:hover {
  604. color: @link-color;
  605. }
  606. }
  607. }
  608. }
  609. .gallery {
  610. &.gallery-type-description {
  611. .row {
  612. .lgrad {
  613. .background-image(linear-gradient(to bottom, transparent 0%, fade(@bg-color, 90%) 100%));
  614. }
  615. }
  616. }
  617. }
  618. &.portfolio-type-5 {
  619.  
  620. .portfolio-slider-nav {
  621. a {
  622. &:hover {
  623.  
  624. span {
  625. background-color: fade(@link-color, 50%);
  626. }
  627. }
  628.  
  629. &.current {
  630. span {
  631. background: @link-color;
  632. }
  633. }
  634. }
  635. }
  636. .portfolio-description-container {
  637. background: @bg-color;
  638. &.is-collapsed {
  639. .portfolio-description-showinfo {
  640. background: @bg-color;
  641. }
  642. }
  643. .portfolio-description-showinfo {
  644. .expand-project-info {
  645. svg {
  646. fill: @heading;
  647. }
  648. }
  649. }
  650. .portfolio-description-fullinfo {
  651. background: @bg-color;
  652. .lgrad {
  653. .background-image(linear-gradient(to bottom, transparent 0%, fade(@bg-color, 90%) 100%));
  654. }
  655. .collapse-project-info {
  656. svg {
  657. fill: @heading;
  658. }
  659. }
  660. .project-show-more-link {
  661. color: @paragraph;
  662. .for-more {
  663. color: @link-color;
  664. }
  665. }
  666. }
  667. }
  668. }
  669. }
  670.  
  671. .search-results-holder {
  672. .result-box {
  673. h3 {
  674. a {
  675. color: @link-color;
  676. }
  677. }
  678. + .result-box {
  679. border-top-color: @border;
  680. }
  681. }
  682. }
  683.  
  684. .search-results {
  685. .change-search-keyword {
  686. color: @link-color;
  687. &:before {
  688. background-color: @link-color !important;
  689. }
  690. }
  691. }
  692.  
  693. .team-holder {
  694. .new-member-join {
  695. background: @footer;
  696. .join-us {
  697. .your-image {
  698. color: @paragraph;
  699. }
  700. .details {
  701. h2 {
  702. color: @heading;
  703. }
  704. .text {
  705. a {
  706. color: @link-color;
  707. }
  708. }
  709. }
  710. }
  711. }
  712. }
  713.  
  714. .logos-holder {
  715. .c-logo {
  716. border-color: @border;
  717. .hover-state {
  718. background: @link-color;
  719. }
  720. }
  721. }
  722.  
  723. .main-header {
  724. &.menu-type-full-bg-menu {
  725. .menu-bar {
  726. &.menu-skin-main {
  727. .ham {
  728. background-color: @heading;
  729. &:before, &:after {
  730. background-color: @heading;
  731. }
  732. }
  733. }
  734. }
  735. }
  736. &.menu-type-standard-menu {
  737. .standard-menu-container {
  738. &.menu-skin-main {
  739. div {
  740. &.menu {
  741. > ul {
  742. > li {
  743. > a {
  744. color: @heading;
  745. }
  746. }
  747. ul {
  748. background: @heading;
  749. }
  750. }
  751. }
  752. }
  753. ul {
  754. &.menu {
  755. > li {
  756. > a {
  757. color: @heading;
  758. &:after {
  759. background-color: @heading;
  760. }
  761. }
  762. }
  763. ul {
  764. background: @heading;
  765. }
  766. }
  767. }
  768. }
  769. }
  770. }
  771. }
  772.  
  773. .error-holder {
  774. background: @bg-color;
  775. .box {
  776. background: @link-color;
  777. .error-type {
  778. color: @bg-color;
  779. }
  780. }
  781. .error-text {
  782. color: @link-color;
  783. }
  784. }
  785.  
  786. .portfolio-holder {
  787. .dribbble-container {
  788. .dribbble_shot {
  789. &:hover {
  790. .dribbble-title {
  791. background-color: @link-color;
  792. }
  793. }
  794. }
  795. }
  796. }
  797.  
  798. .bg-main-color {
  799. background: @link-color;
  800. }
  801.  
  802. .coming-soon-container {
  803. .message-container {
  804. color: @bg-color;
  805. }
  806. p {
  807. color: @bg-color;
  808. }
  809. .social-networks-env {
  810. a {
  811. i {
  812. color: @link-color;
  813. }
  814. }
  815. }
  816. }
  817.  
  818. .blog-sidebar {
  819. .sidebar-box-holder {
  820. a {
  821. color: @heading;
  822. }
  823. li {
  824. color: @paragraph;
  825. }
  826. &.widget_recent_comments {
  827. li {
  828. + li {
  829. border-top-color: @footer;
  830. }
  831. }
  832. }
  833. &.widget_search {
  834. .search-bar {
  835. .form-control {
  836. background: @footer !important;
  837. color: @paragraph !important;
  838. .placeholder(@paragraph);
  839. }
  840. input {
  841. &.go-button {
  842. color: @heading;
  843. }
  844. }
  845. }
  846. }
  847. }
  848. }
  849.  
  850. .image-placeholder {
  851. background: @footer;
  852. }
  853.  
  854. .show-more {
  855. .button {
  856. border-color: @footer;
  857. a {
  858. color: @link-color;
  859. }
  860. }
  861. &.is-finished {
  862. .button {
  863. .finished {
  864. color: @link-color;
  865. }
  866. }
  867. }
  868. }
  869.  
  870. .pagination-holder {
  871. .pagination {
  872. li {
  873. &.active {
  874. a {
  875. color: @link-color !important;
  876. }
  877. }
  878. a {
  879. color: @heading;
  880. &:hover {
  881. color: @link-color;
  882. }
  883. &:after {
  884. background: @link-color;
  885. }
  886. }
  887. span {
  888. color: @heading;
  889. }
  890. }
  891. }
  892. }
  893.  
  894. .fluidbox-overlay {
  895. background-color: @bg-color;
  896. opacity: 0.6 !important;
  897. }
  898.  
  899. .comparison-image-slider {
  900. .cd-handle {
  901. background-color: @link-color !important;
  902. &:hover {
  903. background-color: darken(@link-color, 5%) !important;
  904. }
  905. }
  906. }
  907.  
  908. .about-me-box {
  909. background: @footer !important;
  910. }
  911.  
  912. // SIDE MENU
  913. .main-header {
  914. &.menu-type-sidebar-menu {
  915. .menu-bar {
  916. .ham {
  917. background-color: @heading;
  918. &:before, &:after {
  919. background-color: @heading;
  920. }
  921. }
  922. }
  923. }
  924. }
  925.  
  926. .sidebar-menu-wrapper {
  927. background: @bg-color;
  928. &.menu-type-sidebar-menu {
  929. .sidebar-menu-container {
  930. .sidebar-main-menu {
  931. div {
  932. &.menu {
  933. > ul {
  934. > li {
  935. > a {
  936. color: @heading;
  937. }
  938. }
  939. ul {
  940. }
  941. }
  942. }
  943. }
  944. ul {
  945. &.menu {
  946. > li {
  947. > a {
  948. color: @heading;
  949. &:hover {
  950. color: @link-color;
  951. }
  952. &:after {
  953. background-color: @heading;
  954. }
  955. }
  956. }
  957. ul {
  958. > li {
  959. &:hover {
  960. > a {
  961. color: @link-color;
  962. }
  963. }
  964. > a {
  965. color: @paragraph;
  966. &:hover {
  967. color: @link-color;
  968. }
  969. }
  970. }
  971. }
  972. }
  973. }
  974. }
  975. }
  976. }
  977. }
  978.  
  979. .maintenance-mode,
  980. .coming-soon-mode {
  981. .wrapper {
  982. background: @bg-color;
  983. }
  984. }
  985.  
  986.  
  987. .header-logo.logo-text {
  988. color: @link-color;
  989. }
  990.  
  991. .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main ul.menu ul li a,
  992. .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main div.menu > ul ul li a {
  993. color: @bg-color;
  994. }
  995.  
  996. .wp-widget .social-networks li a {
  997. background-color: @border;
  998. color: @paragraph;
  999.  
  1000. &:hover {
  1001. background-color: @border !important;
  1002. color: darken(@link-color, 2%) !important;
  1003. }
  1004. }
  1005.  
  1006. .top-menu-container.menu-skin-main {
  1007.  
  1008. .wp-widget .social-networks li a {
  1009. background-color: @border !important;
  1010. color: @paragraph !important;
  1011.  
  1012. &:hover {
  1013. background-color: @border !important;
  1014. color: darken(@link-color, 2%) !important;
  1015. }
  1016. }
  1017. }
  1018.  
  1019.  
  1020. .portfolio-holder .product-box .photo .on-hover {
  1021. background-color: @link-color;
  1022. }
  1023.  
  1024. .loading-spinner-1 {
  1025. background-color: @heading;
  1026. }
  1027.  
  1028. .top-menu-container .close-top-menu {
  1029. color: @bg-color;
  1030. }
  1031.  
  1032. .single-portfolio-holder.portfolio-type-5 .portfolio-navigation a {
  1033.  
  1034. &:hover {
  1035. color: @bg-color;
  1036.  
  1037. i {
  1038. color: @bg-color;
  1039. }
  1040. }
  1041. }
  1042.  
  1043. .menu-bar.menu-skin-main {
  1044.  
  1045. .ham {
  1046. background-color: @link-color;
  1047.  
  1048. &:before,
  1049. &:after {
  1050. background-color: @link-color;
  1051. }
  1052. }
  1053. }
  1054.  
  1055. .portfolio-holder .product-box .info p a:hover {
  1056. color: @link-color;
  1057. }
  1058.  
  1059.  
  1060. .mobile-menu-wrapper .mobile-menu-container ul.menu li a:hover {
  1061. color: @link-color;
  1062. }
  1063.  
  1064.  
  1065. .mobile-menu-wrapper {
  1066.  
  1067. .mobile-menu-container {
  1068.  
  1069. // WP Menu
  1070. ul.menu,
  1071. div.menu > ul {
  1072.  
  1073. li {
  1074.  
  1075. // Current Item
  1076. &.current-menu-item,
  1077. &.current_page_item,
  1078.  
  1079. &.current-menu-ancestor,
  1080. &.current_page_ancestor {
  1081.  
  1082. > a {
  1083. color: @link-color;
  1084. }
  1085. }
  1086. }
  1087. }
  1088. }
  1089. }
  1090.  
  1091. .single-portfolio-holder .social-buttons .social-share-icon.like-btn.is-liked {
  1092. background-color: @link-color;
  1093. }
  1094.  
  1095.  
  1096. .maintenance-mode,
  1097. .coming-soon-mode {
  1098.  
  1099. .wrapper {
  1100.  
  1101. a {
  1102. color: @bg-color;
  1103.  
  1104. &:after {
  1105. background-color: @bg-color;
  1106. }
  1107. }
  1108. }
  1109. }
  1110.  
  1111. .mobile-menu-wrapper .mobile-menu-container .search-form label {
  1112. color: @paragraph;
  1113. }
  1114.  
  1115. .mobile-menu-wrapper .mobile-menu-container .search-form input:focus+label {
  1116. color: @heading;
  1117. }
  1118.  
  1119. .vjs-default-skin {
  1120.  
  1121. .vjs-play-progress {
  1122. background-color: @link-color;
  1123. }
  1124.  
  1125. .vjs-volume-level {
  1126. background: @link-color
  1127. }
  1128. }
  1129.  
  1130. .portfolio-holder .product-box .info h3 a {
  1131. color: @paragraph;
  1132. }
  1133.  
  1134.  
  1135. // Sidebar
  1136. .blog-sidebar {
  1137. .sidebar-box-holder {
  1138. a {
  1139. color: @heading;
  1140.  
  1141. &:after {
  1142. background: @heading;
  1143. }
  1144. }
  1145. .product_list_widget {
  1146. li {
  1147. .product-details {
  1148. .product-meta {
  1149. color: lighten(@paragraph,20%);
  1150.  
  1151. .proruct-rating {
  1152. em {
  1153. color: lighten(@paragraph,20%);
  1154. }
  1155. }
  1156. }
  1157.  
  1158. .product-name {
  1159. color: @heading;
  1160. }
  1161. }
  1162. }
  1163. }
  1164. }
  1165. }
  1166.  
  1167. .dropdown-menu > li > a {
  1168. color: @heading;
  1169. }
  1170.  
  1171. .dropdown {
  1172. color: @heading;
  1173.  
  1174. .btn:hover, .btn:focus, .btn.focus {
  1175. color: @heading;
  1176. }
  1177.  
  1178. .dropdown-menu {
  1179. color: @heading;
  1180. background: @border;
  1181.  
  1182. li {
  1183. border-top-color: darken(@border,8%);
  1184. }
  1185. }
  1186.  
  1187. &.open {
  1188. .btn {
  1189. background: @border;
  1190. }
  1191. }
  1192. }
  1193.  
  1194. .wp-widget {
  1195. &.widget_product_search, &.widget_search {
  1196. .search-bar {
  1197. input[name="s"] {
  1198. background: @border;
  1199. color: @paragraph;
  1200. .placeholder(@paragraph);
  1201.  
  1202. }
  1203.  
  1204. input[type=submit] {
  1205. color: @heading;
  1206. }
  1207. }
  1208. }
  1209.  
  1210.  
  1211. &.widget_shopping_cart {
  1212. .widget_shopping_cart_content>.total strong {
  1213. color: @heading;
  1214. }
  1215.  
  1216. .widget_shopping_cart_content {
  1217. .product_list_widget {
  1218. border-bottom-color: @border;
  1219. }
  1220. }
  1221.  
  1222. }
  1223.  
  1224.  
  1225.  
  1226. &.widget_price_filter {
  1227. .price_slider_wrapper {
  1228. .price_slider {
  1229. background: @border;
  1230.  
  1231. .ui-slider-range, .ui-slider-handle {
  1232. background: @heading;
  1233. }
  1234.  
  1235. }
  1236.  
  1237. .price_slider_amount {
  1238. .price_label {
  1239. color: lighten(@paragraph,20%);
  1240. }
  1241.  
  1242. .button {
  1243. background: @heading;
  1244.  
  1245. &:focus {
  1246. background: darken(@heading,4%);
  1247. }
  1248. }
  1249. }
  1250. }
  1251. }
  1252. }
  1253.  
  1254.  
  1255.  
  1256. // Shop Page
  1257. .woocommerce {
  1258. background: @bg-color;
  1259.  
  1260. .button {
  1261. background: @border;
  1262.  
  1263. &:hover {
  1264. background: darken(@border,2%);
  1265. }
  1266. }
  1267.  
  1268. .product {
  1269.  
  1270. .item-info {
  1271.  
  1272. h3 {
  1273. a {
  1274. color: @bg-color;
  1275. }
  1276. }
  1277.  
  1278. .price {
  1279. ins, >.amount {
  1280. color: @link-color;
  1281. }
  1282.  
  1283.  
  1284. del {
  1285. color: @paragraph;
  1286. }
  1287. }
  1288.  
  1289. .product-loop-add-to-cart-container {
  1290.  
  1291. a {
  1292. color: @paragraph;
  1293.  
  1294. &:after {
  1295. background-color: @paragraph;
  1296. }
  1297.  
  1298. &:hover {
  1299. color: @link-color;
  1300.  
  1301. &:after {
  1302. background-color: @link-color;
  1303. }
  1304. }
  1305. }
  1306. }
  1307. }
  1308.  
  1309. .onsale {
  1310. background: @link-color;
  1311. color: @bg-color;
  1312. }
  1313.  
  1314. // Default View
  1315. &.catalog-layout-default {
  1316. .item-info {
  1317.  
  1318. h3 {
  1319. a {
  1320. color: @heading;
  1321. }
  1322. }
  1323.  
  1324. .product-loop-add-to-cart-container {
  1325.  
  1326. a {
  1327. color: @paragraph;
  1328.  
  1329. &:after {
  1330. background-color: @paragraph;
  1331. }
  1332.  
  1333. &:hover {
  1334. color: @link-color;
  1335.  
  1336. &:after {
  1337. background-color: @link-color;
  1338. }
  1339. }
  1340. }
  1341. }
  1342.  
  1343. }
  1344. }
  1345.  
  1346. // Full Bg + Transparent
  1347. &.catalog-layout-full-bg,
  1348. &.catalog-layout-full-transparent-bg {
  1349. .product-internal-info {
  1350. background: fade(@link-color, 90%);
  1351. }
  1352.  
  1353. .item-info {
  1354. h3 {
  1355. a {
  1356. color: @bg-color;
  1357. }
  1358. }
  1359.  
  1360. .product-loop-add-to-cart-container {
  1361. .add-to-cart-link {
  1362. &:before, &:after {
  1363. color: @bg-color !important;
  1364. }
  1365. }
  1366.  
  1367. .tooltip {
  1368. .tooltip-arrow {
  1369. border-left-color: @bg-color;
  1370. }
  1371.  
  1372. .tooltip-inner {
  1373. color: @link-color;
  1374. background: @bg-color;
  1375. }
  1376. }
  1377. }
  1378.  
  1379. .product-bottom-details {
  1380. .price {
  1381. color: @bg-color;
  1382.  
  1383. del {
  1384. color: fade(@bg-color,80%);
  1385.  
  1386. .amount {
  1387. color: fade(@bg-color,80%);
  1388. }
  1389. }
  1390.  
  1391. ins {
  1392. .amount {
  1393. border-bottom-color: @bg-color;
  1394. }
  1395. }
  1396.  
  1397. .amount {
  1398. color: @bg-color;
  1399. }
  1400. }
  1401. }
  1402.  
  1403. .product-category {
  1404. color: @bg-color !important;
  1405.  
  1406. a {
  1407. color: @bg-color !important;
  1408.  
  1409. &:after, &:before {
  1410. background: @bg-color;
  1411. }
  1412. }
  1413. }
  1414. }
  1415.  
  1416.  
  1417. }
  1418.  
  1419. // Full Bg Only
  1420. &.catalog-layout-full-bg {
  1421.  
  1422. }
  1423.  
  1424.  
  1425. // Transparent Bg Only
  1426. &.catalog-layout-transparent-bg {
  1427. .item-info {
  1428. h3 {
  1429. a {
  1430. color: @heading;
  1431. }
  1432. }
  1433.  
  1434. .product-category {
  1435. color: @heading !important;
  1436.  
  1437. a {
  1438. color: @heading !important;
  1439.  
  1440. &:after, &:before {
  1441. background: @heading;
  1442. }
  1443. }
  1444. }
  1445.  
  1446.  
  1447. .product-bottom-details {
  1448.  
  1449. .product-loop-add-to-cart-container {
  1450.  
  1451. .add-to-cart-link {
  1452. &:after, &:before {
  1453. color: @heading;
  1454. }
  1455. }
  1456.  
  1457. a {
  1458. color: @paragraph;
  1459.  
  1460. &:after {
  1461. background-color: @paragraph;
  1462. }
  1463.  
  1464. &:hover {
  1465. color: @link-color;
  1466.  
  1467. &:after {
  1468. background-color: @link-color;
  1469. }
  1470. }
  1471. }
  1472.  
  1473. // Tooltip styling
  1474. .tooltip-inner {
  1475. background-color: @link-color;
  1476. color: @bg-color;
  1477. }
  1478.  
  1479. .tooltip-arrow {
  1480. border-left-color: @link-color;
  1481. }
  1482. }
  1483.  
  1484. .price {
  1485. color: @heading;
  1486.  
  1487. .amount {
  1488. color: @heading;
  1489. }
  1490.  
  1491. ins {
  1492. .amount {
  1493. border-bottom-color: @heading;
  1494. }
  1495. }
  1496.  
  1497. del {
  1498. color: fade(@heading,65%);
  1499.  
  1500. .amount {
  1501. color: fade(@heading,65%);
  1502. }
  1503. }
  1504. }
  1505. }
  1506. }
  1507. }
  1508.  
  1509. // Distanced Only
  1510. &.catalog-layout-distanced-centered {
  1511.  
  1512. .item-info {
  1513.  
  1514. h3 a {
  1515. color: @heading;
  1516. }
  1517.  
  1518. .price {
  1519.  
  1520. .amount, ins, ins span {
  1521. color: lighten(@paragraph, 5%);
  1522. }
  1523.  
  1524. del {
  1525. color: fade(@paragraph, 65%);
  1526.  
  1527. .amount {
  1528. color: fade(@paragraph, 65%);
  1529. }
  1530. }
  1531. }
  1532.  
  1533. .product-loop-add-to-cart-container {
  1534. .add_to_cart_button {
  1535. color: lighten(@paragraph,20%);
  1536.  
  1537. &.nh {
  1538. color: @link-color;
  1539. }
  1540.  
  1541. &:hover {
  1542. color: lighten(@heading,1%);
  1543. }
  1544. }
  1545. }
  1546. }
  1547.  
  1548. .product-internal-info {
  1549. background: fade(@bg-color, 90%);
  1550. }
  1551.  
  1552. }
  1553.  
  1554.  
  1555. }
  1556.  
  1557. .dropdown .dropdown-menu li a {
  1558. color: @paragraph;
  1559. }
  1560.  
  1561. .dropdown .dropdown-menu .active a,
  1562. .dropdown .dropdown-menu li a:hover {
  1563. color: @link-color !important;
  1564. }
  1565.  
  1566. .woocommerce-tabs .entry-content #reviews #review_form_wrapper .comment-form-rating .stars span a:before {
  1567. color: @link-color;
  1568. }
  1569.  
  1570. #review_form_wrapper .form-submit {
  1571. background-color: @link-color;
  1572. }
  1573.  
  1574. .star-rating .star-rating-icons .circle i {
  1575. background-color: @link-color;
  1576. }
  1577.  
  1578. .item-info .group_table .button, .woocommerce .item-info form.cart .button {
  1579. background: @link-color;
  1580. }
  1581.  
  1582. .product .item-info {
  1583. color: @link-color;
  1584. }
  1585.  
  1586. .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
  1587. background-color: @link-color;
  1588. }
  1589.  
  1590. .shop_table {
  1591. .cart_item .product-subtotal span {
  1592. color: @link-color;
  1593. }
  1594.  
  1595. .cart-collaterals .cart-buttons-update-checkout .checkout-button {
  1596. background-color: @link-color;
  1597. }
  1598. }
  1599.  
  1600. .checkout-info-box .woocommerce-info {
  1601. border-top: 3px solid @link-color !important;
  1602.  
  1603. a {
  1604. color: @link-color;
  1605. }
  1606. }
  1607. }
  1608.  
  1609. .replaced-checkboxes:checked+label:before, .replaced-radio-buttons:checked+label:before {
  1610. background-color: @link-color;
  1611. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement