SHARE
TWEET

Untitled

a guest Oct 20th, 2019 74 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2. /* Navbar */
  3. .navbar {
  4.   display: flex;
  5.   justify-content: space-between;
  6.   position: fixed;
  7.   width: 100%;
  8.   top: 0;
  9.   z-index: 3 !important ;
  10.   color: #fff;
  11.   background: rgba(20, 27, 46) !important ;
  12.   height: 50px;
  13. }
  14. .navbar > h4 > span {
  15.   transition-duration: 750ms;
  16.   opacity: 0;
  17. }
  18. .navBar.with-title {
  19.   background: rgba(20, 27, 46) !important ;
  20. }
  21. .navbar.with-title > h4 > span {
  22.   opacity: 1;
  23.   transition-duration: 750ms;
  24. }
  25. .navbar div:hover {
  26.   color: white;
  27.   cursor: pointer;
  28. }
  29.  
  30. .writing span {
  31.   color: #ff6361 !important;
  32. }
  33.  
  34. /* Navbar1 */
  35. .navbar1 {
  36.   position: fixed;
  37.   top: -120px;
  38.   width: 100%;
  39.   z-index: 2;
  40.   text-align: center;
  41. }
  42. .navbar1.show {
  43.   animation-name: showNav1;
  44.   animation-duration: 0.3s;
  45.   top: 50px;
  46.   background: rgba(20, 27, 46) !important ;
  47. }
  48.  
  49. @keyframes showNav1 {
  50.   from {
  51.     top: -120px;
  52.   }
  53.  
  54.   to {
  55.     top: 50px;
  56.   }
  57. }
  58.  
  59. .navbar1 ul {
  60.   display: flex;
  61.   justify-content: space-between;
  62.   margin: 0;
  63.   width: 100%;
  64.   padding: 0;
  65. }
  66.  
  67. .navbar1 ul li {
  68.   display: flex;
  69.   flex-direction: column;
  70.   list-style: none;
  71.   align-items: center;
  72.   padding-top: 5px;
  73.   overflow-x: auto;
  74.   width: 100%;
  75.   justify-content: flex-end;
  76.   align-items: center;
  77.   cursor: pointer;
  78. }
  79.  
  80. .navbar1 ul li a {
  81.   color: #e1e1e1;
  82.   text-decoration: none;
  83.   display: flex;
  84.   flex-direction: column;
  85.   width: 75%;
  86. }
  87.  
  88. .navbar1 ul li a span {
  89.   color: #e1e1e1 !important;
  90. }
  91. .navbar1 ul li a:hover {
  92.   color: #ff6361;
  93. }
  94.  
  95. .navbar1 ul li a span {
  96.   padding-top: 5px;
  97.   padding-bottom: 5px;
  98. }
  99. .active {
  100.   border-bottom: 4px solid #ff6361;
  101.   /* border-radius-top: 3px; */
  102.   border-bottom-right-radius: 3px;
  103.   border-bottom-left-radius: 3px;
  104. }
  105.  
  106. /* Side Bar */
  107. .sideMenu {
  108.   height: 100%;
  109.   width: 300px;
  110.   position: fixed;
  111.   z-index: 5;
  112.   top: 0;
  113.   left: -500px;
  114.   background: #111;
  115.   display: flex;
  116.   flex-direction: column;
  117.   animation-duration: 0.3s;
  118. }
  119. .sideMenu.show {
  120.   animation-name: showMenu;
  121.   animation-duration: 0.3s;
  122.   left: 0px;
  123. }
  124.  
  125. @keyframes showMenu {
  126.   from {
  127.     left: -500px;
  128.   }
  129.  
  130.   to {
  131.     left: 0px;
  132.   }
  133. }
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