SHARE
TWEET

mida css

max197a Jul 16th, 2019 78 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*FOOTER SELECT COMPANIES*/
  2.  
  3. footer {
  4.     padding-bottom: 45px;
  5. }
  6.  
  7. #flogo2 {
  8.     width: 330px;
  9.     min-height: 58px;
  10.     height: auto;
  11. }
  12.  
  13. .footer-tech-container {
  14.     width: 100%;
  15.     margin-top: 80px;
  16. }
  17.  
  18. .b-footer__nav {
  19.     position: relative;
  20.     width: 100%;
  21. }
  22.  
  23. .b-footer__nav-button {
  24.     box-sizing: border-box;
  25.     display: -webkit-box;
  26.     display: -ms-flexbox;
  27.     display: flex;
  28.     -webkit-box-align: center;
  29.     -ms-flex-align: center;
  30.     align-items: center;
  31.     justify-content: center;
  32.     max-width: 330px;
  33.     width: 100%;
  34.  
  35.     padding: 6px 17px;
  36.     border: 1px solid #fff;
  37.     border-radius: 4px;
  38.  
  39.     text-decoration: none;
  40.     color: #fff;
  41.     cursor: pointer;
  42.     position: relative;
  43.     -webkit-transition: all 0.25s ease-in-out;
  44.     -o-transition: all 0.25s ease-in-out;
  45.     transition: all 0.25s ease-in-out;
  46. }
  47.  
  48. .b-footer__nav-button:hover {
  49.     border-color: #bf289e;
  50.     background: #bf289e;
  51.     box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  52. }
  53.  
  54. .b-footer__nav-button span {
  55.     font-size: 13px;
  56.     font-weight: 400;
  57.     /*color: #fff;*/
  58.     color: #fff;
  59.     vertical-align: middle;
  60.     -webkit-transition: all 0.25s ease-in-out;
  61.     -o-transition: all 0.25s ease-in-out;
  62.     transition: all 0.25s ease-in-out;
  63. }
  64.  
  65. .b-footer__nav ul {
  66.     display: block;
  67.     position: absolute;
  68.     left: 0;
  69.     /*bottom: 33px;*/
  70.     bottom: 29px;
  71.     /*height: 0;*/
  72.     /*opacity: 0;*/
  73.     overflow: hidden;
  74.     /*padding: 5px 15px;*/
  75.     /*margin: 5px 0 0 0;*/
  76.     list-style: none;
  77.     text-align: left;
  78.     background-color: #fff;
  79.     /*border: 1px solid #e0e0e0;*/
  80.     box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  81.     z-index: 10;
  82.     width: 100%;
  83.     max-height: 0;
  84.     opacity: 0;
  85.     -webkit-transition: all 0.25s ease-in-out;
  86.     -o-transition: all 0.25s ease-in-out;
  87.     transition: all 0.25s ease-in-out;
  88.     overflow: auto;
  89.     border-top-left-radius: 4px;
  90.     border-top-right-radius: 4px;
  91. }
  92.  
  93. .b-footer__nav ul li {
  94.     /*padding: 5px 10px;*/
  95.     color: #671052;
  96.     font-size: 13px;
  97.     width: 100%;
  98.     -webkit-transition: all 0.25s ease-in-out;
  99.     -o-transition: all 0.25s ease-in-out;
  100.     transition: all 0.25s ease-in-out;
  101. }
  102.  
  103. .b-footer__nav ul li:hover {
  104.     background: #fff;
  105.     color: #671052;
  106. }
  107.  
  108. .b-footer__nav ul a {
  109.     padding: 7px 10px;
  110.     display: inline-block;
  111.     width: 100%;
  112.     color: #671052;
  113.     font-size: 14px;
  114.     line-height: 1.4;
  115.     border-bottom: 1px solid transparent;
  116.     -webkit-transition: all 0.25s ease-in-out;
  117.     -o-transition: all 0.25s ease-in-out;
  118.     transition: all 0.25s ease-in-out;
  119.     font-weight: 400;
  120.     box-sizing: border-box;
  121.     text-decoration: none;
  122. }
  123.  
  124. .b-footer__nav ul li:hover a {
  125.     /*border-color: #000;*/
  126.     background-color: #671052;
  127.     color: #fff;
  128. }
  129.  
  130. .b-footer__nav.is-active ul {
  131.     opacity: 1;
  132.     max-height: 1000px;
  133. }
  134.  
  135. @media (max-width: 767px) {
  136.     .footer-tech-container {
  137.         margin: 0 auto;
  138.         width: auto;
  139.     }
  140.  
  141.     .b-footer__nav {
  142.         margin: 20px 0 20px;
  143.         text-align: center;
  144.         max-width: 320px;
  145.     }
  146.  
  147.     .footer-logo {
  148.         height: auto;
  149.     }
  150.  
  151.     .footer-logo a {
  152.         height: auto;
  153.     }
  154.  
  155.     .footer-logo-link {
  156.         height: 41px;
  157.     }
  158. }
RAW Paste Data
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
 
Top