yusmar
/
tbg-ecomm-nextjs
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
100 Commits
1 Branch
204 MiB
 
 
Tree: d7c675a6ed
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'd7c675a6ed'
${ noResults }
tbg-ecomm-nextjs/components/Footer/footer.css

370 lines
7.7 KiB
Raw Blame History 

  1. .page-wrapper

  2. {

  3.       position: absolute;

  4.     bottom: 0;

  5.     width: 100%;

  6.     z-index: 11111;

  7.     top: 35px;

  8. }

  9. 

  10. footer p, footer strong, footer b, footer {

  11.     color: #b0b0b0;

  12. }

  13. 

  14. .footer-top {

  15.     background: #303030;

  16.     background-size: cover;

  17.     background-position: center;

  18.     padding: 0 0 20px;

  19.     font-family: rubik;

  20.   padding-top:30px;

  21.   

  22. }

  23. 

  24. .footer-top, .footer-bottom {

  25.     background-color: #1c1f2f;

  26. }

  27. 

  28. .footer-bottom {

  29.     padding: 15px 0;

  30.     border-top: 1px solid #313646;

  31.     background-color: #181828 !important;

  32.     color: #b0b0b0;

  33.     font-family: rubik;

  34. }

  35. 

  36. .footer-site-info {

  37.     font-size: 92.86%;

  38. }

  39. #footer-navigation, #footer-navigation li a:hover, .custom-footer, .custom-footer li a:hover {

  40.     color: white;

  41. }

  42. 

  43. #footer-navigation, #footer-navigation li a, .custom-footer, .custom-footer li a {

  44.     color: #99a9b5;

  45.     padding-top: 15px;

  46. }

  47. 

  48. .footer-bottom ul {

  49.     margin: 0;

  50. }

  51. .inline-inside {

  52.     font-size: 0;

  53.     line-height: 0;

  54. }

  55. .clearfix:after, .clearfix:before {

  56.     content: "";

  57.     display: table;

  58. }

  59. #footer-menu li {

  60.     display: inline-block;

  61.     padding: 0 21px;

  62.     position: relative;

  63.     line-height: 1;

  64. }

  65. 

  66. #footer-navigation, #footer-navigation li a, .custom-footer, .custom-footer li a {

  67.     color: #99a9b5;

  68.     padding-top: 15px;

  69. }

  70. 

  71. #footer-navigation, #footer-navigation li a, .custom-footer, .custom-footer li a {

  72.     color: #99a9b5;

  73.     padding-top: 15px;

  74. }

  75. #footer-menu li+li:before {

  76.     content: '';

  77.     width: 0;

  78.     height: 100%;

  79.     position: absolute;

  80.     left: -1px;

  81.     top: 0;

  82.     font-size: 0;

  83.     border-left: 1px solid #232234;

  84.     border-right: 1px solid #333146;

  85. }

  86. 

  87. 

  88. navigation li a, .custom-footer, .custom-footer li a {

  89.     color: #99a9b5;

  90.     padding-top: 15px;

  91. }

  92. 

  93. #footer-socials {

  94.     text-align: right;

  95. }

  96. 

  97. #footer-socials .socials {

  98.     text-align: right;

  99.     margin: 0 -7px;

  100.     display: inline-block;

  101.     vertical-align: middle;

  102. }

  103. 

  104. a.socials-item {

  105.     display: inline-block;

  106.     vertical-align: top;

  107.     text-align: center;

  108.     -o-transition: all 0.3s;

  109.     -webkit-transition: all 0.3s;

  110.     transition: all 0.3s;

  111.     margin: 0 5px;

  112.     line-height: 16px;

  113.     padding: 10px;

  114.     border-radius: 50%;

  115.     background-color: #141421;

  116.     border: 1px solid #2e2e4c;

  117.     box-shadow: 3px 9px 16px rgb(0,0,0,0.4), -3px -3px 10px rgba(255,255,255, 0.06), inset 14px 14px 26px rgb(0,0,0,0.3), inset -3px -3px 15px rgba(255,255,255, 0.05);

  118. }

  119. 

  120. .socials-item i {

  121.     display: inline-block;

  122.     font-weight: normal;

  123.     width: 1em;

  124.     height: 1em;

  125.     line-height: 1;

  126.     font-size: 16px;

  127.     text-align: center;

  128.     vertical-align: top;

  129.     font-feature-settings: normal;

  130.     font-kerning: auto;

  131.     font-language-override: normal;

  132.     font-size-adjust: none;

  133.     font-stretch: normal;

  134.     font-style: normal;

  135.     font-synthesis: weight style;

  136.     font-variant: normal;

  137.     font-weight: normal;

  138.     text-rendering: auto;

  139. }

  140. 

  141. .facebook {

  142.     color: #4e64b5;

  143. }

  144. 

  145. .twitter {

  146.     color: #00aced;

  147. }

  148. .instagram {

  149.     color: #9a8f62;

  150. }

  151. .youtube {

  152.     color: #c82929;

  153. }

  154. 

  155. .telegram {

  156.     color: #2ca5e0;

  157. }

  158. 

  159. 

  160. a.socials-item:hover {

  161.     box-shadow: 0 0px 20px rgba(84, 1, 74, 0.7);

  162.     border-color: rgba(255, 6, 224, 0.61);

  163.     background: linear-gradient(to right, rgba(255, 9, 9, 0.12941176470588237), #c000ffb5, rgba(255, 0, 94, 0.14));

  164. }

  165. 

  166. .footer-bottom a:hover {

  167.     color: white;

  168. }

  169. 

  170. 

  171. footer p, footer li {

  172.     font-size: 15px;

  173.     line-height: 22px;

  174. }

  175. 

  176. 

  177. .widget {

  178.     margin-bottom: 50px;

  179. }

  180. 

  181. .footer-title {

  182.     margin-bottom: 40px;

  183.     color: #fff;

  184.     font-weight: 500;

  185.     text-transform: capitalize;

  186.     padding-bottom: 15px;

  187.     font-size: 16px;

  188.     position: relative;

  189. }

  190. 

  191. .footer-title:after {

  192.     width: 50px;

  193.     background: #fff;

  194.     opacity: 0.2;

  195.     height: 1px;

  196.     content: "";

  197.     position: absolute;

  198.     bottom: 0;

  199.     left: 0;

  200. }

  201. 

  202. .gem-contacts-item {

  203.     padding-top: 10px;

  204.     font-size: 15px;

  205. }

  206. 

  207. .gem-contacts-item i {

  208.     padding-right: 10px;

  209. }

  210. 

  211. footer .widget ul {

  212.     list-style: none;

  213.     margin-top: 5px;

  214. }

  215. 

  216. .posts li {

  217.     border-bottom: 1px solid #393d50;

  218.     padding-bottom: 12px;

  219.     padding-top: 6px;

  220. }

  221. 

  222. footer p, footer li {

  223.     font-size: 15px;

  224.     line-height: 22px;

  225. }

  226. 

  227. .gem-pp-posts-date {

  228.     color: #00bcd4;

  229.     font-size: 89.5%;

  230. }

  231. 

  232. footer p {

  233.     line-height: 24px;

  234.     margin-bottom: 10px;font-size: 15px;

  235. }

  236. 

  237. .wpcf7-form-control-wrap .wpcf7-form-control {

  238.     padding: 7px!important;

  239.     width: 100%;

  240. }

  241. 

  242. .wpcf7-form-control-wrap input {

  243.     background: #1c1f2f;

  244.     overflow: hidden;

  245.     border: 1px solid #2e344d;

  246.     background-color: #1c1f2f;

  247.     box-shadow: 10px 10px 36px rgb(0,0,0,0.5), -13px -13px 23px rgba(255,255,255, 0.03);

  248.     border-radius: 5px;

  249.     transition: all 0.3s ease-in-out 0s;

  250. }

  251. 

  252. .wpcf7-form-control-wrap input:hover {

  253.     background-color: transparent;

  254.     box-shadow: 10px 10px 36px rgb(0,0,0,0.5), -13px -13px 23px rgba(255,255,255, 0.03), inset 14px 14px 70px rgb(0,0,0,0.2), inset -15px -15px 30px rgba(255,255,255, 0.04);

  255.     border-color: rgba(255, 255, 255, 0.2);

  256.     color: white;

  257. }

  258. 

  259. .wpcf7 .wpcf7-form .contact-form-footer textarea {

  260.     height: 160px;

  261.     width: 100%;

  262. }

  263. 

  264. .wpcf7-form-control-wrap textarea:hover {

  265.     background-color: transparent;

  266.     box-shadow: 10px 10px 36px rgb(0,0,0,0.5), -13px -13px 23px rgba(255,255,255, 0.03), inset 14px 14px 70px rgb(0,0,0,0.2), inset -15px -15px 30px rgba(255,255,255, 0.04);

  267.     border-color: rgba(255, 255, 255, 0.2);

  268.     color: white;

  269. }

  270. 

  271. .wpcf7-form-control-wrap textarea {

  272.     background: #1c1f2f;

  273.     overflow: hidden;

  274.     border: 1px solid #2e344d;

  275.     background-color: #1c1f2f;

  276.     box-shadow: 10px 10px 36px rgb(0,0,0,0.5), -13px -13px 23px rgba(255,255,255, 0.03);

  277.     border-radius: 5px;

  278.     transition: all 0.3s ease-in-out 0s;

  279. }

  280. 

  281. textarea {

  282.     overflow: auto;

  283.     resize: vertical;

  284. }

  285. 

  286. .wpcf7 .wpcf7-form .contact-form-footer .wpcf7-submit {

  287.     width: 100%;

  288.     padding: 11px;

  289.     margin: 0;

  290.     line-height: 0;

  291. }

  292. .wpcf7-form .contact-form-footer .wpcf7-submit {

  293.     background-color: #394050;

  294.     color: #99a9b5;

  295.     border: none;

  296.     cursor: pointer;

  297.     padding: 15px 40px;

  298.     font-size: 14px;

  299.     font-weight: 400;

  300.     transition: all 0.5s;

  301.     letter-spacing: 2px;

  302.     color: rgba(255,255,255,.5);

  303.     box-shadow: none;

  304.     text-transform: uppercase;

  305.     outline: none !important;

  306.     background-color: #1c1f2f;

  307.     border-radius: 5px;

  308.     min-width: 140px;

  309.     /* box-shadow: 10px 10px 36px rgb(0,0,0,0.5), -13px -13px 23px rgba(255,255,255, 0.03), inset 14px 14px 70px rgb(0,0,0,0.2), inset -15px -15px 30px rgba(255,255,255, 0.04); */

  310.     box-shadow: 3px 9px 16px rgb(0,0,0,0.4), -3px -3px 10px rgba(255,255,255, 0.06), inset 14px 14px 26px rgb(0,0,0,0.3), inset -3px -3px 15px rgba(255,255,255, 0.05);

  311.     border-width: 1px 0px 0px 1px;

  312.     border-style: solid;

  313.     border-color: #2e344d;

  314.     transition: all 0.3s ease-in-out 0s;

  315. }

  316. 

  317. .wpcf7-form input[type=submit] {

  318.     height: 40px;

  319.     line-height: 21px;

  320.     padding: 10px 40px;

  321.     font-size: 14px;

  322. }

  323. 

  324. .posts li a {

  325.     color: #99a9b5;

  326. }

  327. 

  328. .wpcf7-form .contact-form-footer .wpcf7-submit:hover {

  329.     box-shadow: 0 0px 20px rgba(84, 1, 74, 0.7);

  330.     border-color: rgba(255, 6, 224, 0.61);

  331.     background: linear-gradient(to right, rgba(255, 9, 9, 0.12941176470588237), #c000ffb5, rgba(255, 0, 94, 0.14));

  332.     color: white;

  333. }

  334. 

  335. img {

  336.     border-style: none;

  337.     height: auto;

  338.     max-width: 100%;

  339.     vertical-align: middle;

  340. }

  341. .widget_gallery a {

  342.     display: inline-block;

  343. }

  344. footer .widget ul {

  345.     list-style: none;

  346.     margin-top: 5px;

  347. }

  348. .widget_gallery ul {

  349.     padding-left: 0;

  350.     display: table;

  351. }

  352. 

  353. .widget_gallery li {

  354.     display: inline-block;

  355.     width: 33.33%;

  356.     transition: all 0.5s;

  357.     -webkit-transition: all 0.5s;

  358.     -moz-transition: all 0.5s;

  359.     -o-transition: all 0.5s;

  360.     padding: 2px;

  361. }

  362. 

  363. .widget_gallery.gallery-grid-4 li {

  364.     width: 30%;

  365. }

  366. 

  367. .footer-site-info

  368. {

  369.   padding-top: 10px;

  370. }