SHARE
TWEET

Untitled

a guest Sep 17th, 2019 79 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. #main-header nav {
  2.   background: #fff;
  3.   -webkit-box-shadow: 1px 2px 5px #E8E8E8;
  4.           box-shadow: 1px 2px 5px #E8E8E8;
  5.   height: 5rem;
  6. }
  7.  
  8. #main-header nav .navbar-brand img {
  9.   width: 150px;
  10. }
  11.  
  12. #main-header nav .container {
  13.   width: 80%;
  14. }
  15.  
  16. #sidebar-wrapper {
  17.   background: -webkit-gradient(linear, left top, left bottom, from(#007BFF), to(#0050AB));
  18.   background: linear-gradient(#007BFF, #0050AB);
  19.   height: 100vh;
  20.   position: -webkit-sticky;
  21.   position: sticky;
  22.   top: 0;
  23.   margin-left: -8rem;
  24.   -webkit-transition: margin .25s ease-out;
  25.   transition: margin .25s ease-out;
  26. }
  27.  
  28. #sidebar-wrapper .sidebar-heading {
  29.   padding: 0.875rem 1.25rem;
  30.   font-size: 1.2rem;
  31. }
  32.  
  33. #sidebar-wrapper .list-group {
  34.   width: 8rem;
  35. }
  36.  
  37. #sidebar-wrapper .list-group-item {
  38.   color: #fff;
  39.   border: none;
  40.   padding: 0 1.5rem;
  41. }
  42.  
  43. #sidebar-wrapper .list-group-item img {
  44.   width: 100%;
  45. }
  46.  
  47. #sidebar-wrapper .list-group-item.active {
  48.   background-color: #0055B5 !important;
  49. }
  50.  
  51. #wrapper.toggled #sidebar-wrapper {
  52.   margin-left: 0;
  53. }
  54.  
  55. @media (min-width: 768px) {
  56.   #sidebar-wrapper {
  57.     margin-left: 0;
  58.   }
  59.   #wrapper.toggled #sidebar-wrapper {
  60.     margin-left: -8rem;
  61.   }
  62. }
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top