SHARE
TWEET

Untitled

a guest Jun 20th, 2019 58 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. .sidebar-menu {
  2.   list-style: none;
  3.   margin: 0;
  4.   padding: 0;
  5. }
  6. .sidebar-menu > li {
  7.   position: relative;
  8.   margin: 0;
  9.   padding: 0;
  10. }
  11. .sidebar-menu > li > a {
  12.   padding: 12px 5px 12px 15px;
  13.   display: block;
  14. }
  15. .sidebar-menu > li > a > .fa,
  16. .sidebar-menu > li > a > .glyphicon,
  17. .sidebar-menu > li > a > .ion {
  18.   width: 20px;
  19. }
  20. .sidebar-menu > li .label,
  21. .sidebar-menu > li .badge {
  22.   margin-top: 3px;
  23.   margin-right: 5px;
  24. }
  25. .sidebar-menu li.header {
  26.   padding: 10px 25px 10px 15px;
  27.   font-size: 12px;
  28. }
  29. .sidebar-menu li > a > .fa-angle-left {
  30.   width: auto;
  31.   height: auto;
  32.   padding: 0;
  33.   margin-right: 10px;
  34.   margin-top: 3px;
  35. }
  36. .sidebar-menu li.active > a > .fa-angle-left {
  37.   -webkit-transform: rotate(-90deg);
  38.   -ms-transform: rotate(-90deg);
  39.   -o-transform: rotate(-90deg);
  40.   transform: rotate(-90deg);
  41. }
  42. .sidebar-menu li.active > .treeview-menu {
  43.   display: block;
  44. }
  45. .sidebar-menu .treeview-menu {
  46.   display: none;
  47.   list-style: none;
  48.   padding: 0;
  49.   margin: 0;
  50.   padding-left: 5px;
  51. }
  52. .sidebar-menu .treeview-menu .treeview-menu {
  53.   padding-left: 20px;
  54. }
  55. .sidebar-menu .treeview-menu > li {
  56.   margin: 0;
  57. }
  58. .sidebar-menu .treeview-menu > li > a {
  59.   padding: 5px 5px 5px 15px;
  60.   display: block;
  61.   font-size: 14px;
  62. }
  63. .sidebar-menu .treeview-menu > li > a > .fa,
  64. .sidebar-menu .treeview-menu > li > a > .glyphicon,
  65. .sidebar-menu .treeview-menu > li > a > .ion {
  66.   width: 20px;
  67. }
  68. .sidebar-menu .treeview-menu > li > a > .fa-angle-left,
  69. .sidebar-menu .treeview-menu > li > a > .fa-angle-down {
  70.   width: auto;
  71. }
  72. /*
  73.  * Component: Sidebar Mini
  74.  */
  75. @media (min-width: 768px) {
  76.   .sidebar-mini.sidebar-collapse .content-wrapper,
  77.   .sidebar-mini.sidebar-collapse .right-side,
  78.   .sidebar-mini.sidebar-collapse .main-footer {
  79.     margin-left: 50px!important;
  80.     z-index: 840;
  81.   }
  82.   .sidebar-mini.sidebar-collapse .main-sidebar {
  83.     -webkit-transform: translate(0, 0);
  84.     -ms-transform: translate(0, 0);
  85.     -o-transform: translate(0, 0);
  86.     transform: translate(0, 0);
  87.     width: 50px!important;
  88.     z-index: 850;
  89.   }
  90.   .sidebar-mini.sidebar-collapse .sidebar-menu > li {
  91.     position: relative;
  92.   }
  93.   .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
  94.     margin-right: 0;
  95.   }
  96.   .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
  97.     border-top-right-radius: 4px;
  98.   }
  99.   .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {
  100.     border-bottom-right-radius: 4px;
  101.   }
  102.   .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
  103.     padding-top: 5px;
  104.     padding-bottom: 5px;
  105.     border-bottom-right-radius: 4px;
  106.   }
  107.   .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
  108.   .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
  109.     display: block!important;
  110.     position: absolute;
  111.     width: 180px;
  112.     left: 50px;
  113.   }
  114.   .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {
  115.     top: 0;
  116.     margin-left: -3px;
  117.     padding: 12px 5px 12px 20px;
  118.     background-color: inherit;
  119.   }
  120.   .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
  121.     top: 44px;
  122.     margin-left: 0;
  123.   }
  124.   .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info,
  125.   .sidebar-mini.sidebar-collapse .sidebar-form,
  126.   .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,
  127.   .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
  128.   .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right,
  129.   .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
  130.     display: none!important;
  131.     -webkit-transform: translateZ(0);
  132.   }
  133.   .sidebar-mini.sidebar-collapse .main-header .logo {
  134.     width: 50px;
  135.   }
  136.   .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
  137.     display: block;
  138.     margin-left: -15px;
  139.     margin-right: -15px;
  140.     font-size: 18px;
  141.   }
  142.   .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg {
  143.     display: none;
  144.   }
  145.   .sidebar-mini.sidebar-collapse .main-header .navbar {
  146.     margin-left: 50px;
  147.   }
  148. }
  149. .sidebar-menu,
  150. .main-sidebar .user-panel,
  151. .sidebar-menu > li.header {
  152.   white-space: nowrap;
  153.   overflow: hidden;
  154. }
  155. .sidebar-menu:hover {
  156.   overflow: visible;
  157. }
  158. .sidebar-form,
  159. .sidebar-menu > li.header {
  160.   overflow: hidden;
  161.   text-overflow: clip;
  162. }
  163. .sidebar-menu li > a {
  164.   position: relative;
  165. }
  166. .sidebar-menu li > a > .pull-right {
  167.   position: absolute;
  168.   top: 50%;
  169.   right: 10px;
  170.   margin-top: -7px;
  171. }
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