SHARE
TWEET

roof css

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