API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 6th, 2016
64
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 41.87 KB | None | 0 0
raw download clone embed print report
  1. // ----
  2. // libsass (v3.2.5)
  3. // ----
  4.  
  5. /* -----------------------------------------------------------------------------
  6.  
  7. TABLE OF CONTENTS
  8.  
  9. 1.) General
  10. 2.) Components
  11. 3.) Header
  12. 4.) Main Slider
  13. 5.) Core
  14. 6.) Shop
  15. 7.) Sidebar
  16. 8.) Bottom Panel
  17. 9.) Footer
  18. 10.) Other
  19. 11.) Responsive
  20.  
  21. ----------------------------------------------------------------------------- */
  22.  
  23. /* -----------------------------------------------------------------------------
  24.  
  25. 1.) GENERAL
  26.  
  27. ----------------------------------------------------------------------------- */
  28.  
  29. /* -------------------------------------------------------------------------
  30. COLORS
  31. -------------------------------------------------------------------------- */
  32.  
  33. // MAIN PALETTE
  34. $color-1: #fcdfd9; // primary accent color
  35. $color-2: #d8af25; // secondary accent color
  36. $color-3: #DD0070; // minor accents
  37. $x-soft-gray: #eeeeee; // very soft backgrounds
  38. $soft-gray: #e1e1e1; // dividers
  39. $medium-gray: #d0d0d0; // soft background
  40. $dark-gray: #3f3f3f; // titles, strong text
  41. $x-dark-gray: #1a1a1a; // titles, strong text on bright bg
  42.  
  43. // GENERAL
  44. $body-bg: #FFF;
  45. $body-font: #585858;
  46. $link: $color-1;
  47.  
  48. // HEADER
  49. $header-animated-image: '../../img/header_bg_default.png';
  50. $header-font: #FFF;
  51. $header-submenu-bg: #FFF;
  52. $header-submenu-font: #3f3f3f;
  53.  
  54. // BOTTOM PANEL
  55. $bottom-panel-bg: #000;
  56. $bottom-panel-title: $color-1;
  57. $bottom-panel-font: #FFF;
  58.  
  59.  
  60. /* -------------------------------------------------------------------------
  61. MIXINS
  62. -------------------------------------------------------------------------- */
  63.  
  64. // BOX SHADOW
  65. @mixin box-shadow ( $shadow1, $shadow2:false ) {
  66. $params: $shadow1;
  67. @if $shadow2 { $params: $shadow1, $shadow2; }
  68. -moz-box-shadow: $params;
  69. -webkit-box-shadow: $params;
  70. box-shadow: $params;
  71. }
  72.  
  73. // DOTS PAGINATION
  74. @mixin dots-pagination {
  75. .owl-page, .owl-dot { border-color: $color-1; }
  76. .owl-page.active, .owl-dot.active,
  77. .owl-page:hover, .owl-dot:hover { background-color: $color-1; }
  78. }
  79.  
  80. // HEADINGS
  81. @mixin heading-2 { color: $dark-gray;
  82. &:before { background-color: $color-1; }
  83. }
  84. @mixin heading-3 { color: $dark-gray; }
  85.  
  86. // HORIZONTAL GRADIENT
  87. @mixin horizontal-gradient( $from, $to ) {
  88. background-image: -webkit-gradient( linear, left top, right top, from( $from ), to( $to ) );
  89. background-image: -webkit-linear-gradient( left, $from, $to );
  90. background-image: -moz-linear-gradient( left, $from, $to );
  91. background-image: -o-linear-gradient( left, $from, $to );
  92. background-image: linear-gradient( to right, $from, $to );
  93. }
  94.  
  95. // IMAGE OVERLAY
  96. @mixin image-overlay {
  97. &:before { background-color: $color-1; background-color: rgba( $color-1, .5 ); @include vertical-gradient( rgba( $color-2, .6 ), transparent ); }
  98. &:after { color: #FFF; }
  99. }
  100.  
  101. // INPUT PLACEHOLDER
  102. @mixin input-placeholder ( $color ) {
  103. &::-webkit-input-placeholder { color: $color; }
  104. &:-moz-placeholder { color: $color; }
  105. &::-moz-placeholder { color: $color; }
  106. &:-ms-input-placeholder { color: $color; }
  107. }
  108.  
  109. // TEXT SHADOWS
  110. @mixin text-shadow-dark {
  111. text-shadow: 0 1px 0 rgba(0,0,0,0.15);
  112. }
  113. @mixin text-shadow-light {
  114. text-shadow: 0 1px 0 rgba(255,255,255,0.15);
  115. }
  116.  
  117. // VERTICAL GRADIENT
  118. @mixin vertical-gradient( $from, $to ) {
  119. background-image: -webkit-gradient( linear, left top, left bottom, from( $from ), to( $to ) );
  120. background-image: -webkit-linear-gradient( top, $from, $to );
  121. background-image: -moz-linear-gradient( top, $from, $to );
  122. background-image: -o-linear-gradient( top, $from, $to );
  123. background-image: linear-gradient( to bottom, $from, $to );
  124. }
  125.  
  126. /* -------------------------------------------------------------------------
  127. DEFAULTS
  128. ------------------------------------------------------------------------- */
  129.  
  130. body { color: $body-font; background-color: $body-bg; }
  131. a, a:hover, a:active, a:focus { color: $color-1; }
  132. a:hover { border-color: $color-1; }
  133.  
  134. /* -------------------------------------------------------------------------
  135. VARIOUS CONTENT / TYPOGRAPHY
  136. ------------------------------------------------------------------------- */
  137.  
  138. .various-content {
  139.  
  140. // HEADINGS
  141. h1, h2 { @include heading-2; }
  142. h2 em { color: $body-font; }
  143. h3,h4,h5, h6 { color: $dark-gray; }
  144.  
  145. // UNORDERED LIST
  146. ul > li:before { background-color: $dark-gray; }
  147. ul > li > ul > li:before { background-color: $medium-gray; }
  148.  
  149. // TABLE
  150. .tablepress,
  151. table {
  152. th { color: $dark-gray; background-color: transparent; }
  153. td { background-color: transparent; border-color: $x-soft-gray; }
  154. tr.odd td { background-color: transparent; }
  155. tr.even td { background-color: $x-soft-gray; }
  156. }
  157.  
  158. // OTHER
  159. blockquote { border-color: $x-soft-gray; }
  160.  
  161. }
  162.  
  163. // STANDALONE HEADINGS
  164. .heading-2 { @include heading-2; }
  165. .heading-3 { @include heading-3; }
  166.  
  167. /* -------------------------------------------------------------------------
  168. FORMS
  169. ------------------------------------------------------------------------- */
  170.  
  171. .wpcf7-form, .woocommerce form,
  172. .default-form {
  173.  
  174. label { color: $dark-gray; }
  175. label > span { color: $color-1; }
  176. input, textarea, select, .selectbox-input .toggle { color: $body-font; background-color: $x-soft-gray; }
  177. input.m-type-2, textarea.m-type-2, select.m-type-2 { border-color: $soft-gray; background-color: transparent; }
  178. input.wpcf7-not-valid, textarea.wpcf7-not-valid, select.wpcf7-not-valid,
  179. input.m-error, textarea.m-error, select.m-error { background-color: #ffdfe0; }
  180.  
  181. // DATEPICKER INPUT
  182. .datepicker-input:after { color: $color-1; }
  183.  
  184. // CHECKBOXES
  185. .checkbox-input {
  186. label { color: $body-font; }
  187. label:before { color: $medium-gray; }
  188. &.m-checked label:before { color: $color-1; }
  189. }
  190.  
  191. // SELECTBOX INPUT
  192. .selectbox-input {
  193. .toggle:after { color: $color-1; }
  194. .fake-selectbox { background-color: $x-soft-gray; @include box-shadow( 0 3px 3px rgba( #000, .1 ) ); }
  195. .fake-selectbox > li:hover { color: #FFF; background-color: $color-1; }
  196. }
  197. .selectbox-input:after { color: $color-1; }
  198. .selectbox-input.m-type-2 {
  199. .toggle { border-color: $medium-gray; background-color: $body-bg; }
  200. .fake-selectbox { border-color: $medium-gray; background-color: $body-bg; }
  201. }
  202.  
  203. // QUANTITY INPUT
  204. .quantity-input {
  205. .plus,
  206. .minus { color: #FFF; background-color: $color-1; }
  207. .plus:hover,
  208. .minus:hover { @include box-shadow( inset 0 0 0 10px rgba( #FFF, .2 ) ); }
  209. }
  210.  
  211. // FORM NOTE
  212. .form-note { border-color: $soft-gray; }
  213. .form-note span { color: $color-1; }
  214.  
  215. }
  216.  
  217. /* -------------------------------------------------------------------------
  218. UTILITY CLASSES
  219. ------------------------------------------------------------------------- */
  220.  
  221. .lead { color: $dark-gray; }
  222.  
  223.  
  224. /* -----------------------------------------------------------------------------
  225.  
  226. 2.) COMPONENTS
  227.  
  228. ----------------------------------------------------------------------------- */
  229.  
  230. /* -------------------------------------------------------------------------
  231. ACCORDION
  232. ------------------------------------------------------------------------- */
  233.  
  234. .various-content .c-accordion,
  235. .c-accordion {
  236. > li { border-color: $soft-gray; }
  237. .accordion-title { color: $dark-gray; }
  238. .accordion-title:before { color: $color-1; }
  239. .accordion-price { color: $color-1; }
  240. .accordion-price s { color: $body-font; }
  241. }
  242. .various-content .c-accordion.m-radio-group,
  243. .c-accordion.m-radio-group {
  244. .accordion-title:before { color: $medium-gray; }
  245. > li.m-active .accordion-title:before { color: $color-1; }
  246. }
  247.  
  248. /* -------------------------------------------------------------------------
  249. ALERT MESSAGES
  250. ------------------------------------------------------------------------- */
  251.  
  252. .c-alert-message.m-warning { color: #d40041; background-color: #ffdfe0; }
  253. .c-alert-message.m-success { color: #499143; background-color: #d4fbd3; }
  254. .c-alert-message.m-info { color: #265e88; background-color: #e1edf9; }
  255. .c-alert-message.m-notification { color: #c88435; background-color: #fff4cf; }
  256.  
  257. /* -------------------------------------------------------------------------
  258. ARTICLE
  259. ------------------------------------------------------------------------- */
  260.  
  261. .c-article .article-image a { @include image-overlay; }
  262.  
  263. /* -------------------------------------------------------------------------
  264. BUTTONS
  265. ------------------------------------------------------------------------- */
  266.  
  267. .c-button { color: #FFF; background-color: $color-1; @include vertical-gradient( rgba( $color-2, .2 ), transparent );
  268.  
  269. &:hover { color: #FFF; @include box-shadow( inset 0 0 30px 0 rgba( $color-2, 0.35 ) ); }
  270. &:active { color: #FFF; @include box-shadow( inset 0 0 30px 0 rgba( $color-2, 0.65 ) ); }
  271. &.m-color-2 { background-color: $color-2; @include vertical-gradient( rgba( $color-1, .2 ), transparent ); }
  272. &.m-color-2:hover { @include box-shadow( inset 0 0 30px 0 rgba( $color-1, 0.35 ) ); }
  273. &.m-color-2:active { @include box-shadow( inset 0 0 30px 0 rgba( $color-1, 0.65 ) ); }
  274. &.m-color-3 { background-color: $dark-gray; @include vertical-gradient( rgba( #FFF, .1 ), transparent ); }
  275. &.m-color-3:hover { @include box-shadow( inset 0 0 30px 0 rgba( #FFF, 0.25 ) ); }
  276. &.m-color-3:active { @include box-shadow( inset 0 0 30px 0 rgba( #FFF, 0.55 ) ); }
  277.  
  278. // TYPE 2
  279. &.m-type-2 { color: $color-1; border-color: $color-1; background-color: transparent; background-image: none; @include box-shadow( none ); }
  280. &.m-type-2:hover { border-color: rgba( $color-1, .4 ); @include box-shadow( none ); }
  281. &.m-type-2:active { border-color: rgba( $color-1, .2 ); @include box-shadow( none ); }
  282. &.m-type-2.m-color-2 { color: $color-2; border-color: $color-2; }
  283. &.m-type-2.m-color-2:hover { border-color: rgba( $color-2, .4 ); @include box-shadow( none ); }
  284. &.m-type-2.m-color-2:active { border-color: rgba( $color-2, .2 ); @include box-shadow( none ); }
  285. &.m-type-2.m-color-3 { color: $dark-gray; border-color: $dark-gray; }
  286. &.m-type-2.m-color-3:hover { border-color: rgba( $dark-gray, .4 ); @include box-shadow( none ); }
  287. &.m-type-2.m-color-3:active { border-color: rgba( $dark-gray, .2 ); @include box-shadow( none ); }
  288.  
  289. }
  290. .wpcf7-form input.c-button,
  291. .default-form input.c-button { color: #FFF; background-color: $color-1; @include vertical-gradient( rgba( $color-2, .2 ), transparent );
  292. &:hover { color: #FFF; @include box-shadow( inset 0 0 30px 0 rgba( $color-2, 0.35 ) ); }
  293. &:active { color: #FFF; @include box-shadow( inset 0 0 30px 0 rgba( $color-2, 0.65 ) ); }
  294. }
  295.  
  296. /* -------------------------------------------------------------------------
  297. CAROUSEL
  298. ------------------------------------------------------------------------- */
  299.  
  300. .c-carousel {
  301. &.m-has-bg-color { background-color: $x-soft-gray; }
  302. .owl-controls { @include dots-pagination; }
  303. }
  304.  
  305. /* -------------------------------------------------------------------------
  306. CTA MESSAGE
  307. ------------------------------------------------------------------------- */
  308.  
  309. .c-cta-message { background-color: $x-soft-gray; }
  310.  
  311. /* -------------------------------------------------------------------------
  312. DIVIDER
  313. ------------------------------------------------------------------------- */
  314.  
  315. .c-divider { border-color: $soft-gray; }
  316. .c-divider.m-transparent { border-color: transparent; }
  317.  
  318. /* -------------------------------------------------------------------------
  319. GALLERY
  320. ------------------------------------------------------------------------- */
  321.  
  322. .c-gallery {
  323. a { @include image-overlay; }
  324. }
  325. .c-gallery.m-paginated {
  326. .owl-item a { @include image-overlay; }
  327. .owl-controls { @include dots-pagination; }
  328. }
  329. .c-gallery-vc.m-carousel {
  330. .owl-item a { @include image-overlay; }
  331. .owl-controls { @include dots-pagination; }
  332. }
  333. .c-gallery-vc {
  334. a { @include image-overlay; }
  335. }
  336.  
  337. /* -------------------------------------------------------------------------
  338. ICON BLOCK
  339. ------------------------------------------------------------------------- */
  340.  
  341. .c-icon-block > .ico { color: $color-1 }
  342.  
  343. /* -------------------------------------------------------------------------
  344. LOADING ANIM
  345. ------------------------------------------------------------------------- */
  346.  
  347. .c-loading-anim { background-color: $medium-gray;
  348. > span { background-image: url( '../../img/loader_2x.gif' );
  349. filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/loader_2x.gif', sizingMethod='scale');
  350. -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/loader_2x.gif', sizingMethod='scale')";
  351. }
  352. }
  353.  
  354. /* -------------------------------------------------------------------------
  355. MODAL
  356. ------------------------------------------------------------------------- */
  357.  
  358. .c-modal { background-color: rgba( $color-1, .5 ); @include vertical-gradient( rgba( $color-2, .5 ), transparent );
  359. .modal-loading .c-loading-anim { border-color: #FFF; border-color: rgba( #FFF, .2 ); background-color: transparent; }
  360. .modal-box { background-color: $body-bg; }
  361. .modal-close { color: #FFF; background-color: $color-1; }
  362. .modal-close:hover { @include box-shadow( inset 0 0 10px 0 rgba( $color-2, 0.35 ) ); }
  363. .modal-close:active { @include box-shadow( inset 0 0 10px 0 rgba( $color-2, 0.65 ) ); }
  364. }
  365.  
  366. /* -------------------------------------------------------------------------
  367. PAGINATION
  368. ------------------------------------------------------------------------- */
  369.  
  370. .c-pagination {
  371. li > a,
  372. li > span { color: $body-font; border-color: $soft-gray; }
  373. li.m-active > a,
  374. li > span { color: #FFF; background-color: $color-1; @include vertical-gradient( rgba( $color-2, .2 ), transparent ); }
  375. li > a:hover { border-color: $medium-gray; }
  376. }
  377.  
  378. /* -------------------------------------------------------------------------
  379. PRICING TABLE
  380. ------------------------------------------------------------------------- */
  381.  
  382. .various-content .c-pricing-table,
  383. .c-pricing-table { border-color: $soft-gray;
  384. .table-header { border-color: $soft-gray; }
  385. .table-price { color: $color-1; }
  386. .table-price > span { color: $dark-gray; }
  387. .table-content { border-color: $body-bg; @include vertical-gradient( rgba( #000, 0.05 ) 0%, rgba( 0, 0, 0, 0 ) 50% ); }
  388. }
  389.  
  390. /* -------------------------------------------------------------------------
  391. PROGRESS BAR
  392. ------------------------------------------------------------------------- */
  393.  
  394. .c-progress-bar { border-color: $x-soft-gray; background-color: $x-soft-gray; }
  395. .c-progress-bar > span { background-color: $color-1; @include horizontal-gradient( rgba( $color-2, .5 ), transparent ); }
  396. .c-progress-bar.m-color-2 > span { background-color: $color-2; @include horizontal-gradient( rgba( $color-1, .5 ), transparent ); }
  397. .c-progress-bar.m-color-3 > span { background-color: $dark-gray; @include horizontal-gradient( rgba( #FFF, .3 ), transparent ); }
  398.  
  399. /* -------------------------------------------------------------------------
  400. SEARCH FORM
  401. ------------------------------------------------------------------------- */
  402.  
  403. .c-search-form {
  404. .form-fields { border-color: $soft-gray; }
  405. input { color: $dark-gray; }
  406. }
  407.  
  408. /* -------------------------------------------------------------------------
  409. SERVICE
  410. ------------------------------------------------------------------------- */
  411.  
  412. .c-service {
  413. .service-image a { @include image-overlay; }
  414. .service-title a { border-color: $soft-gray; }
  415. .service-title a:hover { border-color: $color-1; }
  416. }
  417.  
  418. /* -------------------------------------------------------------------------
  419. SLIDER
  420. ------------------------------------------------------------------------- */
  421.  
  422. .c-slider {
  423.  
  424. .slide h1,
  425. .slide h2 { color: $color-1; }
  426. .slide h3 { color: $dark-gray; }
  427.  
  428. /* -------------------------------------------------------------------------
  429. SLIDER NAV
  430. ------------------------------------------------------------------------- */
  431.  
  432. .slider-nav { background-color: $body-bg; background-color: rgba( $body-bg, .9 ); }
  433. .slider-nav ul > li > button:hover,
  434. .slider-nav ul > li.m-active > button { color: $color-1; }
  435.  
  436. /* -------------------------------------------------------------------------
  437. SLIDER PAUSE BUTTON
  438. ------------------------------------------------------------------------- */
  439.  
  440. .slider-pause-btn { color: #FFF; background-color: $color-1; @include vertical-gradient( rgba( $color-2, .2 ), transparent ); }
  441. .slider-pause-btn.m-active,
  442. .slider-pause-btn:hover { @include box-shadow( inset 0 0 20px 0 rgba( $color-2, 0.35 ) ); }
  443.  
  444. /* -------------------------------------------------------------------------
  445. SLIDER INDICATOR
  446. ------------------------------------------------------------------------- */
  447.  
  448. .slider-indicator { background-color: $body-bg; background-color: rgba( $body-bg, .8 ); }
  449. .slider-indicator > span { background-color: $color-1; @include horizontal-gradient( rgba( $color-2, .5 ), transparent ); }
  450.  
  451. }
  452.  
  453.  
  454. /* -------------------------------------------------------------------------
  455. TABS
  456. ------------------------------------------------------------------------- */
  457.  
  458. .c-tabs { border-color: $soft-gray;
  459. .tab-list > li { color: $dark-gray; border-color: $soft-gray; background-color: transparent; }
  460. .tab-list > li:hover { border-color: $medium-gray; }
  461. .tab-list > li.m-active { color: #FFF; border-color: $color-1; background-color: $color-1; @include vertical-gradient( rgba( $color-2, .2 ), transparent ); }
  462. }
  463.  
  464. /* -------------------------------------------------------------------------
  465. TEAM MEMBER
  466. ------------------------------------------------------------------------- */
  467.  
  468. .various-content .c-team-member,
  469. .c-team-member {
  470. .member-portrait { background-color: $color-1; @include vertical-gradient( rgba( $color-2, .7 ), transparent ); }
  471. .member-name { color: $dark-gray; }
  472. .member-role { color: $body-font; }
  473. }
  474.  
  475. /* -------------------------------------------------------------------------
  476. TESTIMONIAL
  477. ------------------------------------------------------------------------- */
  478.  
  479. .c-testimonial {
  480. .testimonial-portrait { background-color: $color-1; @include vertical-gradient( rgba( $color-2, .7 ), transparent ); }
  481. }
  482.  
  483. /* -------------------------------------------------------------------------
  484. TESTIMONIAL LIST
  485. ------------------------------------------------------------------------- */
  486.  
  487. .c-testimonial-list { background-color: $x-soft-gray;
  488. .owl-controls { @include dots-pagination; }
  489. }
  490.  
  491.  
  492. /* -----------------------------------------------------------------------------
  493.  
  494. 3.) HEADER
  495.  
  496. ----------------------------------------------------------------------------- */
  497.  
  498. #header { color: $header-font; background-color: $color-2; background-position: 0 0; background-repeat: no-repeat; background-size: cover; }
  499. .header-bg { background-color: $color-2; background-color: rgba( $color-2, .9 ); @include vertical-gradient( rgba( $color-1, 0.6 ), $color-2 ); }
  500. .cssgradients .header-bg { background-color: rgba( $color-2, .5 ); }
  501. .header-inner { background-image: url( $header-animated-image ); background-repeat: repeat-x; background-position: 0 0; }
  502.  
  503. /* -------------------------------------------------------------------------
  504. HEADER BRANDING
  505. ------------------------------------------------------------------------- */
  506.  
  507. #header .header-branding > a { @include text-shadow-light; color: #1f1f1f; }
  508.  
  509. /* -------------------------------------------------------------------------
  510. HEADER NAV
  511. ------------------------------------------------------------------------- */
  512.  
  513. // HEADER MENU
  514. .header-menu a { color: $header-font; }
  515. .header-menu > ul > li {
  516. &.current-menu-ancestor > span > a, &.current-menu-parent > span > a,
  517. &.current-menu-item > span > a, &.current_page_parent > span > a,
  518. &.current_page_item > span > a { color: $color-3; }
  519. }
  520. .header-menu > ul > li > span > a:before { background-color: $header-font; background-color: rgba( $header-font, .2 ); }
  521. .header-menu .sub-menu { background-color: $header-submenu-bg; @include box-shadow( 0 2px 2px rgba(0,0,0,.15) );
  522. a { color: $header-submenu-font; }
  523. a:hover { border-color: $header-submenu-font; }
  524. &:before { border-right-color: $header-submenu-bg; border-left-color: $header-submenu-bg; }
  525. .current-menu-ancestor a, .current-menu-parent a,
  526. .current-menu-item a, .current_page_parent a,
  527. .current_page_item a { color: $color-1; }
  528. .current-menu-ancestor a:hover, .current-menu-parent a:hover,
  529. .current-menu-item a:hover, .current_page_parent a:hover,
  530. .current_page_item a:hover { border-color: $color-1; }
  531. }
  532.  
  533. // HEADER CART
  534. .header-cart {
  535. a { color: $header-font; }
  536. a:before { background-color: #FFF; background-color: rgba( #FFF, 0.2 ); }
  537. }
  538.  
  539. // HEADER SEARCH
  540. .header-search {
  541. .search-form:before { background-color: #FFF; background-color: rgba( #FFF, 0.2 ); }
  542. .search-input { @include input-placeholder( rgba( $header-font, .8 ) ); color: $header-font; }
  543. .search-submit { color: $x-dark-gray; background-color: $color-3; }
  544. .search-toggle { color: $header-font; }
  545. }
  546.  
  547. /* -------------------------------------------------------------------------
  548. HEADER PANEL
  549. ------------------------------------------------------------------------- */
  550.  
  551. .header-panel { background-color: rgba( #FFF, .08 ); }
  552.  
  553. // HEADER RESERVATION
  554. .header-reservation .c-button { color: $x-dark-gray; background-color: $color-3; background-image: none; }
  555. .header-reservation .c-button:hover { @include box-shadow( 0 0 20px rgba( #FFF, .3 ) ); }
  556.  
  557. // HEADER CONTACT
  558. .header-contact a { color: $header-font; border-color: rgba( $header-font, 0.2 ); }
  559. .header-contact a:hover { border-color: rgba( $header-font, 1 ); }
  560.  
  561. // HEADER SOCIAL
  562. .header-social > ul:before,
  563. .header-social > ul:after { background-color: $header-font; background-color: rgba( $header-font, .2 ); }
  564. .header-social > ul > li > a { color: $header-font; border-color: $header-font; border-color: rgba( $header-font, .3 ); }
  565. .header-social > ul > li > a:hover { border-color: rgba( $header-font, .6 ); }
  566.  
  567. // TOGGLE
  568. .header-panel-toggle { color: #FFF; background-color: $color-1; }
  569. .header-panel-toggle:hover { @include box-shadow( inset 0 0 10px 0 rgba( $color-2, 0.35 ) ); }
  570. .header-panel-toggle:active { @include box-shadow( inset 0 0 10px 0 rgba( $color-2, 0.65 ) ); }
  571.  
  572.  
  573. /* -----------------------------------------------------------------------------
  574.  
  575. 5.) CORE
  576.  
  577. ----------------------------------------------------------------------------- */
  578.  
  579. /* -------------------------------------------------------------------------
  580. PAGE HEADER
  581. ------------------------------------------------------------------------- */
  582.  
  583. #page-header h1 { color: $dark-gray; border-color: $soft-gray; }
  584.  
  585. /* -------------------------------------------------------------------------
  586. BLOG LIST / DETAIL
  587. ------------------------------------------------------------------------- */
  588.  
  589. .blog-detail,
  590. .blog-list {
  591.  
  592. // ARTICLE
  593. .article-title { color: $dark-gray; }
  594. .article-title:before { color: $soft-gray; }
  595. .article-footer { border-color: $soft-gray; }
  596. .article-info > li:before { color: $medium-gray; }
  597. .format-quote .article-content blockquote { border-color: $x-soft-gray; }
  598.  
  599. .article-link { border-color: $soft-gray; }
  600.  
  601. }
  602.  
  603. /* -------------------------------------------------------------------------
  604. BLOG DETAIL
  605. ------------------------------------------------------------------------- */
  606.  
  607. .blog-detail {
  608.  
  609. // ARTICLE TAGS
  610. .article-tags h3 { color: $dark-gray; }
  611.  
  612. // ARTICLE AUTHOR
  613. .article-author {
  614. .author-inner { border-color: $soft-gray; }
  615. .author-portrait { background-color: $color-1; @include vertical-gradient( rgba( $color-2, .7 ), transparent ); }
  616. .author-name { color: $dark-gray; }
  617. }
  618.  
  619. // ARTICLE NAVIGATION
  620. .article-navigation h5 { color: $dark-gray; }
  621.  
  622. // ARTICLE COMMENTS
  623. .comment-list {
  624. .comment-author { color: $dark-gray; }
  625. .comment-info { border-color: $soft-gray; }
  626. .comment-date a,
  627. .comment-reply a,
  628. .comment-edit a { color: $body-font; }
  629. .comment-date a:before,
  630. .comment-reply a:before,
  631. .comment-edit :before { color: $medium-gray; }
  632. .comment-date a:hover:before,
  633. .comment-reply a:hover:before,
  634. .comment-edit a:hover:before { color: $color-1; }
  635. }
  636.  
  637. // COMMENT FORM
  638. #respond #cancel-comment-reply-link { color: $body-font; }
  639. #respond #cancel-comment-reply-link:before { color: $medium-gray; }
  640. #respond #cancel-comment-reply-link:hover:before { color: $color-1; }
  641. #reply-title { color: $dark-gray; }
  642.  
  643. }
  644.  
  645. /* -------------------------------------------------------------------------
  646. SEARCH RESULTS
  647. ------------------------------------------------------------------------- */
  648.  
  649. .search-results .item-title { color: $dark-gray; }
  650. .search-results .search-query { color: $color-2; }
  651.  
  652. /* -------------------------------------------------------------------------
  653. ERROR 404
  654. ------------------------------------------------------------------------- */
  655.  
  656. .error-404 {
  657. .error-header h1 { color: $color-1; }
  658. .error-header h1 > span { color: $medium-gray; }
  659. .error-header p { color: $dark-gray; }
  660. }
  661.  
  662.  
  663. /* -----------------------------------------------------------------------------
  664.  
  665. 6.) SHOP
  666.  
  667. ----------------------------------------------------------------------------- */
  668.  
  669. .woocommerce-page,
  670. .woocommerce {
  671.  
  672. .woocommerce-breadcrumb a { color: $color-1; }
  673.  
  674. /* -------------------------------------------------------------------------
  675. COMPONENTS
  676. ------------------------------------------------------------------------- */
  677.  
  678. // ALERT
  679. .woocommerce-error:before, .woocommerce-info:before,
  680. .woocommerce-message:before { color: $color-1; }
  681.  
  682. // BUTTON
  683. #content input.button.alt, #respond input#submit.alt,
  684. a.button.alt, button.button.alt, input.button.alt,
  685. #content input.button, #respond input#submit,
  686. a.button, button.button, input.button { color: #FFF; text-shadow: none; background-color: $color-1; @include vertical-gradient( rgba( $color-2, .2 ), transparent ); }
  687. #content input.button.alt:hover, #respond input#submit.alt:hover,
  688. a.button.alt:hover, button.button.alt:hover, input.button.alt:hover,
  689. #content input.button:hover, #respond input#submit:hover,
  690. a.button:hover, button.button:hover, input.button:hover { color: #FFF; text-shadow: none; background-color: $color-1; @include vertical-gradient( rgba( $color-2, .2 ), transparent ); @include box-shadow( inset 0 0 30px 0 rgba( $color-2, 0.35 ) ); }
  691. #content input.button.alt:active, #respond input#submit.alt:active,
  692. a.button.alt:active, button.button.alt:active, input.button.alt:active,
  693. #content input.button:active, #respond input#submit:active,
  694. a.button:active, button.button:active, input.button:active { color: #FFF; @include box-shadow( inset 0 0 30px 0 rgba( $color-2, 0.65 ) ); }
  695.  
  696. /* -------------------------------------------------------------------------
  697. PRODUCT LIST
  698. ------------------------------------------------------------------------- */
  699.  
  700. // PRODUCT LIST TOOLS
  701. .woocommerce-ordering .selectbox-input {
  702. .toggle { color: $body-font; border-color: $medium-gray; background-color: $body-bg; }
  703. .toggle:after { color: $color-1; }
  704. .fake-selectbox { border-color: $medium-gray; background-color: $body-bg; @include box-shadow( 0 3px 3px rgba( #000, .1 ) ); }
  705. .fake-selectbox > li:hover { color: #FFF; background-color: $color-1; }
  706. }
  707.  
  708. // PRODUCT LIST
  709. ul.products li.product { border-color: $soft-gray; background-color: $body-bg;
  710. a img, a:hover img { @include box-shadow( none ); }
  711. h3 { color: $dark-gray; }
  712. .amount { color: $dark-gray; }
  713. .product_type_simple,
  714. .add_to_cart_button { color: $color-1; border-color: $color-1; background-color: transparent; background-image: none; @include box-shadow( none ); }
  715. .product_type_simple:hover,
  716. .add_to_cart_button:hover { border-color: rgba( $color-1, .4 ); @include box-shadow( none ); }
  717. .product_type_simple:active,
  718. .add_to_cart_button:active { border-color: rgba( $color-1, .2 ); @include box-shadow( none ); }
  719. }
  720. span.onsale, span.onsale { color: #FFF; text-shadow: none; background: $color-2; @include box-shadow( none ); }
  721. nav.woocommerce-pagination {
  722. ul li a,
  723. ul li span { color: $body-font; border-color: $soft-gray; }
  724. ul li span.current { color: #FFF; background-color: $color-1; @include vertical-gradient( rgba( $color-2, .2 ), transparent ); }
  725. ul li a:hover { color: $body-font; border-color: $medium-gray; background: none; }
  726. }
  727.  
  728. /* -------------------------------------------------------------------------
  729. PRODUCT DETAIL
  730. ------------------------------------------------------------------------- */
  731.  
  732. #content div.product div.images img, div.product div.images img { @include box-shadow( none ); }
  733. div.product {
  734. .product_title { color: $dark-gray; }
  735. .star-rating { color: $color-1; }
  736. .price .amount { color: $color-1; }
  737. .price del .amount { color: $body-font; }
  738. .stock { color: #499143; }
  739. form.cart { border-color: $soft-gray; }
  740. .product_meta > span:before { color: $medium-gray; }
  741. .woocommerce-tabs {
  742. ul.tabs li { text-shadow: none; @include box-shadow( none ); background: $x-soft-gray; }
  743. ul.tabs li.active { background: transparent; }
  744. ul.tabs li a,
  745. ul.tabs li.active a { color: $dark-gray; text-shadow: none; }
  746. h2 { color: $dark-gray; }
  747. }
  748. }
  749. #comments {
  750. .star-rating { color: $color-1; }
  751. }
  752. #reviews {
  753. h3 { color: $dark-gray; }
  754. }
  755.  
  756. /* -------------------------------------------------------------------------
  757. SHOP CART
  758. ------------------------------------------------------------------------- */
  759.  
  760. table.shop_table.cart td { border-color: $soft-gray; }
  761. #content table.shop_table.cart a.remove, table.cart a.remove { color: $color-1; }
  762. #content table.shop_table.cart a.remove:hover, table.cart a.remove:hover { color: $body-bg; background-color: $color-1; }
  763. table.shop_table.cart td.actions .coupon .input-text { @include box-shadow( none ); border-color: $soft-gray; }
  764. table.shop_table.cart .coupon .button { color: $color-1; border-color: $color-1; background-color: transparent; background-image: none; @include box-shadow( none ); }
  765. table.shop_table.cart .coupon .button:hover { border-color: rgba( $color-1, .4 ); @include box-shadow( none ); }
  766. table.shop_table.cart .coupon .button:active { border-color: rgba( $color-1, .2 ); @include box-shadow( none ); }
  767.  
  768. .woocommerce-cart .cart-collaterals {
  769. .cart_totals tr td,
  770. .cart_totals tr th { border-color: $soft-gray; }
  771. .shipping-calculator-form input,
  772. .shipping-calculator-form select { border-color: $soft-gray; }
  773. }
  774.  
  775. /* -------------------------------------------------------------------------
  776. SHOP CHECKOUT
  777. ------------------------------------------------------------------------- */
  778.  
  779. .chosen-container-single .chosen-single { background: transparent; border-color: $soft-gray; @include box-shadow( none ); }
  780. .chosen-drop ul > li.highlighted { color: #FFF; background: $color-1; @include box-shadow( none ); }
  781. .chosen-container .chosen-drop { border-color: $soft-gray; @include box-shadow( none ); }
  782. #ship-to-different-address label { color: $dark-gray; }
  783.  
  784. #payment { background: transparent; border-color: $soft-gray; }
  785.  
  786. /* -------------------------------------------------------------------------
  787. SHOP ACCOUNT
  788. ------------------------------------------------------------------------- */
  789.  
  790. form.login {
  791. .lost_password { border-color: $soft-gray; }
  792. }
  793.  
  794. }
  795.  
  796.  
  797. /* -----------------------------------------------------------------------------
  798.  
  799. 7.) SIDEBAR
  800.  
  801. ----------------------------------------------------------------------------- */
  802.  
  803. #sidebar {
  804.  
  805. .widget-title { color: $dark-gray; }
  806. .widget-title:before { background-color: $color-1; }
  807. .widget-title a { color: $dark-gray; }
  808. .widget-title a:hover { border-color: $dark-gray; }
  809.  
  810. // ARCHIVE WIDGET
  811. .widget.widget_archive {
  812. > ul { border-color: $soft-gray; }
  813. > ul > li:before { border-color: $soft-gray; }
  814. select { border-color: $soft-gray; }
  815. }
  816.  
  817. // CATEGORIES WIDGET
  818. .widget.widget_categories {
  819. > ul { border-color: $soft-gray; }
  820. > ul > li:before { border-color: $soft-gray; }
  821. select { border-color: $soft-gray; }
  822. }
  823.  
  824. // CUSTOM MENU WIDGET
  825. .widget.widget_nav_menu {
  826. > div > ul { border-color: $soft-gray; }
  827. > div > ul > li:before { border-color: $soft-gray; }
  828. }
  829.  
  830. // MAILCHIMP SUBSCRIBE
  831. .widget.mailchimp-subscribe {
  832. input { border-color: $soft-gray; }
  833. }
  834.  
  835. // PAGES WIDGET
  836. .widget.widget_pages {
  837. > ul { border-color: $soft-gray; }
  838. > ul > li:before { border-color: $soft-gray; }
  839. }
  840.  
  841. // RECENT COMMENTS WIDGET
  842. .widget.widget_recent_comments {
  843. ul > li { border-color: $soft-gray; }
  844. }
  845.  
  846. // RECENT POSTS WIDGET
  847. .widget.widget_recent_entries {
  848. ul > li { border-color: $soft-gray; }
  849. }
  850.  
  851. // RSS WIDGET
  852. .widget.widget_rss {
  853. ul > li { border-color: $soft-gray; }
  854. }
  855.  
  856. // SEARCH WIDGET
  857. .woocommerce .widget.widget_search form input,
  858. .widget.widget_search input { background: none; }
  859.  
  860. }
  861.  
  862. /* -------------------------------------------------------------------------
  863. WOOCOMMERCE WIDGETS
  864. ------------------------------------------------------------------------- */
  865.  
  866. .product_list_widget li img,
  867. .product_list_widget img,
  868. .woocommerce ul.cart_list li img,
  869. .woocommerce ul.product_list_widget li img { @include box-shadow( none ); }
  870.  
  871. // ACTIVE FILTER WIDGET
  872. .widget_layered_nav_filters ul li a { color: $body-font; border-color: $soft-gray; background: transparent; }
  873.  
  874. // CART WIDGET
  875. .widget_shopping_cart .total,
  876. .woocommerce.widget_shopping_cart .total { border-color: $soft-gray; }
  877. .widget_shopping_cart .buttons .button,
  878. .woocommerce.widget_shopping_cart .buttons .button { color: $color-1; background: transparent; border: 1px solid $color-1; }
  879. .widget_shopping_cart .buttons .button:hover,
  880. .woocommerce.widget_shopping_cart .buttons .button:hover { color: $color-1; background: transparent; border-color: rgba( $color-1, .4 ); @include box-shadow( none ); }
  881. .widget_shopping_cart .buttons .button:active,
  882. .woocommerce.widget_shopping_cart .buttons .button:active { color: $color-1; background: transparent; border-color: rgba( $color-1, .2 ); @include box-shadow( none ); }
  883.  
  884. // CATEGORIES WIDGET
  885. .widget_product_categories {
  886. > ul { border-color: $soft-gray; }
  887. > ul > li:before { border-color: $soft-gray; }
  888. select { border-color: $soft-gray; }
  889. }
  890.  
  891. // PRICE FILTER WIDGET
  892. .woocommerce {
  893. .widget_price_filter .price_slider_wrapper .ui-widget-content { background: $x-soft-gray; @include box-shadow( none ); }
  894. .widget_price_filter .ui-slider .ui-slider-range { background: $soft-gray; @include box-shadow( none ); }
  895. .widget_price_filter .ui-slider .ui-slider-handle { background: $color-1; @include box-shadow( none ); }
  896. .price_slider_amount .button { color: $color-1; background: transparent; border: 1px solid $color-1; }
  897. .price_slider_amount .button:hover { color: $color-1; background: transparent; border-color: rgba( $color-1, .4 ); @include box-shadow( none ); }
  898. .price_slider_amount .button:active { color: $color-1; background: transparent; border-color: rgba( $color-1, .2 ); @include box-shadow( none ); }
  899. }
  900.  
  901. // PRODUCT SEARCH WIDGET
  902. .widget_product_search input#s { color: $dark-gray; border-color: $soft-gray; }
  903. .widget_product_search input[type=submit],
  904. .widget_product_search #searchsubmit { color: $color-1; background: transparent; border: 1px solid $color-1; }
  905. .widget_product_search input[type=submit]:hover,
  906. .widget_product_search #searchsubmit:hover { color: $color-1; background: transparent; border-color: rgba( $color-1, .4 ); @include box-shadow( none ); }
  907. .widget_product_search input[type=submit]:active,
  908. .widget_product_search #searchsubmit:active { color: $color-1; background: transparent; border-color: rgba( $color-1, .2 ); @include box-shadow( none ); }
  909.  
  910.  
  911. /* -----------------------------------------------------------------------------
  912.  
  913. 8.) BOTTOM PANEL
  914.  
  915. ----------------------------------------------------------------------------- */
  916.  
  917. #bottom-panel { color: $bottom-panel-font; background-color: $bottom-panel-bg; background-position: center center; background-repeat: no-repeat; background-size: cover;
  918.  
  919. .bottom-panel-inner { background-color: $bottom-panel-bg; background-color: rgba( $bottom-panel-bg, .85 ); }
  920. .widget-title { color: $bottom-panel-title; }
  921.  
  922. // SUBSCRIBE FORM
  923. .widget.mailchimp-subscribe {
  924. .form-fields { background-color: #FFF; background-color: rgba( #FFF, .8 ); }
  925. .c-alert-message { color: #FFF; border-color: rgba( #FFF, .2 ); background-color: transparent; }
  926. input { color: $dark-gray; text-shadow: 0 1px 0 rgba( #FFF, 0.15 ); background: none; }
  927. }
  928.  
  929. }
  930.  
  931.  
  932. /* -----------------------------------------------------------------------------
  933.  
  934. 9.) FOOTER
  935.  
  936. ----------------------------------------------------------------------------- */
  937.  
  938. #footer { @include vertical-gradient( rgba( #000, 0.05 ) 0%, rgba( 0, 0, 0, 0 ) 100% );
  939. @include box-shadow( inset 0 1px 0 #FFF ); border-color: $soft-gray; }
  940.  
  941. /* -------------------------------------------------------------------------
  942. FOOTER TWITTER
  943. ------------------------------------------------------------------------- */
  944.  
  945. .footer-twitter { border-color: $soft-gray; }
  946. .footer-twitter .ico { color: #55acee; }
  947. .footer-twitter .twitter-title a { color: $dark-gray; }
  948. .footer-twitter .twitter-title a:hover { border-color: $dark-gray; }
  949. .footer-twitter .btn-prev,
  950. .footer-twitter .btn-next { color: #c5c5c5; }
  951.  
  952.  
  953. /* -----------------------------------------------------------------------------
  954.  
  955. 10.) OTHER
  956.  
  957. ----------------------------------------------------------------------------- */
  958.  
  959. /* -------------------------------------------------------------------------
  960. CONTACT FORM 7
  961. ------------------------------------------------------------------------- */
  962.  
  963. .wpcf7-not-valid-tip { color: #d40041; }
  964.  
  965. /* -------------------------------------------------------------------------
  966. JQUERY UI DATEPICKER
  967. ------------------------------------------------------------------------- */
  968.  
  969. #ui-datepicker-div { color: #FFF; background-color: $dark-gray; background-color: rgba( $dark-gray, .98 ); @include vertical-gradient( rgba( #FFF, .1 ), transparent ); }
  970.  
  971. // HEADER
  972. .ui-datepicker-prev:before,
  973. .ui-datepicker-next:before { color: $color-1; }
  974. .ui-datepicker-title { border-color: rgba( #FFF, .05 ); }
  975.  
  976. // TABLE
  977. .various-content .ui-datepicker-calendar,
  978. .ui-datepicker-calendar {
  979. thead th { color: #FFF; }
  980. tbody td a { color: #FFF; background-color: rgba( #FFF, .04 ); }
  981. tbody td a:hover { background-color: $color-1; }
  982. tbody td.ui-datepicker-today a { color: $x-dark-gray; background-color: $color-3; }
  983. tbody td.ui-datepicker-today.ui-state-disabled { color: $color-3; }
  984. tbody td a.ui-state-active { background-color: rgba( #FFF, .12 ); }
  985. tbody tr:nth-child(odd) td { background-color: transparent; }
  986. }
  987.  
  988. /* -------------------------------------------------------------------------
  989. MAGNIFIC POPUP BG
  990. ------------------------------------------------------------------------- */
  991.  
  992. .mfp-bg { background-color: #000; }
  993.  
  994. /* -------------------------------------------------------------------------
  995. RESERVATION FORM
  996. ------------------------------------------------------------------------- */
  997.  
  998. .wpcf7-list-item .checkbox-input label > span { color: $body-font; }
  999.  
  1000.  
  1001. /* -----------------------------------------------------------------------------
  1002.  
  1003. 11.) RESPONSIVE
  1004.  
  1005. ----------------------------------------------------------------------------- */
  1006.  
  1007. /* -------------------------------------------------------------------------
  1008. LARGE DEVICES
  1009. ------------------------------------------------------------------------- */
  1010.  
  1011. @media ( max-width: 1199px ) {
  1012.  
  1013. // HEADER
  1014. #header { background-position: center; }
  1015. .header-inner { background-position: 0 -100px; }
  1016. #header.m-animated .header-inner.animate-to-left { background-position: -1000px -100px; }
  1017. .header-navigation { border-color: rgba( #FFF, .2 ); }
  1018. .header-menu .submenu-toggle { color: #FFF; border-color: rgba( #FFF, .3 ); }
  1019. .header-menu .sub-menu:before { border-right-color: transparent; border-left-color: transparent; border-bottom-color: $header-submenu-bg; }
  1020. .header-menu .sub-menu .sub-menu { background: none; @include box-shadow( none ); }
  1021. .header-cart {
  1022. a { border-color: #FFF; border-color: rgba( #FFF, .3 ); }
  1023. a:hover { border-color: rgba( #FFF, .6 ); }
  1024. }
  1025. .header-search {
  1026. .header-search-inner { border-color: #FFF; border-color: rgba( #FFF, .05 ); }
  1027. .search-form { border-color: #FFF; border-color: rgba( #FFF, .2 ); }
  1028. .search-toggle-mobile { border-color: #FFF; border-color: rgba( #FFF, .3 ); }
  1029. .search-toggle-mobile.m-active,
  1030. .search-toggle-mobile:hover { border-color: rgba( #FFF, .6 ); }
  1031. .search-toggle-mobile > i:before { color: #FFF; }
  1032. }
  1033. .header-panel { background-color: transparent; }
  1034. .header-reservation { border-color: #FFF; border-color: rgba( #FFF, .05 ); }
  1035. .header-contact > ul { border-color: #FFF; border-color: rgba( #FFF, .05 ); }
  1036.  
  1037. }
  1038.  
  1039. /* -------------------------------------------------------------------------
  1040. MEDIUM DEVICES
  1041. ------------------------------------------------------------------------- */
  1042.  
  1043. @media ( max-width: 991px ) {
  1044.  
  1045. // HEADER
  1046. #header.m-animated .header-inner.animate-to-left { background-position: 0 -100px; }
  1047. .header-menu > ul { border-color: rgba( #FFF, .05 ); }
  1048. .header-menu .sub-menu { background: none; @include box-shadow( none );
  1049. a { color: $header-font; border-color: rgba( $header-font, .2 ); }
  1050. a:hover { border-color: $header-font; }
  1051. .current-menu-ancestor a, .current-menu-parent a,
  1052. .current-menu-item a, .current_page_parent a,
  1053. .current_page_item a { color: $color-3; }
  1054. .current-menu-ancestor a:hover, .current-menu-parent a:hover,
  1055. .current-menu-item a:hover, .current_page_parent a:hover,
  1056. .current_page_item a:hover { border-color: $color-3; }
  1057. }
  1058. .header-menu-toggle { color: #FFF; border-color: rgba( #FFF, .3 ); }
  1059. .header-menu-toggle.m-active,
  1060. .header-menu-toggle:hover { border-color: rgba( #FFF, .6 ); }
  1061.  
  1062. }
  1063.  
  1064. /* -------------------------------------------------------------------------
  1065. EXTRA SMALL DEVICES
  1066. ------------------------------------------------------------------------- */
  1067.  
  1068. @media ( max-width: 480px ) {
  1069.  
  1070. // WOOCOMMERCE
  1071. .woocommerce, .woocommerce-page {
  1072.  
  1073. // PRODUCT DETAIL
  1074. div.product .woocommerce-tabs ul.tabs { border: 0; }
  1075. div.product .woocommerce-tabs ul.tabs li.active { border-bottom-color: #dfdbdf; }
  1076.  
  1077. }
  1078.  
  1079. // BOTTOM PANEL
  1080. #bottom-panel .widget.mailchimp-subscribe {
  1081. .form-fields { background-color: transparent; }
  1082. input { background-color: #FFF; background-color: rgba( #FFF, .8 ); }
  1083. }
  1084.  
  1085. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!