pastebin - collaborative debugging tool
kpaste.net RSS


css
Posted by Anonymous on Sat 9th May 2020 20:33
raw | new post

  1. /*START new sidebar update*/
  2. body app-sidenav .side-nav{
  3.     width: 230px !important;
  4. }
  5.  
  6. header > app-sidenav > mdb-sidenav >
  7. ul.side-nav > links ul.collapsible li.menu-item:not(:empty){
  8.    border:1px solid #232f50;
  9.    border-radius:10px;
  10. }
  11.  
  12. header > app-sidenav > mdb-sidenav >
  13. ul.side-nav > links ul.collapsible li.menu-item:not(:empty):not(:last-child){
  14.    margin-bottom:10px;
  15. }
  16.  
  17. header[dir="ltr"] > app-sidenav > mdb-sidenav >
  18. ul.side-nav > links ul.collapsible li.menu-item > a{
  19.     min-height: 46px;
  20.     background: linear-gradient(125deg, #FFFFFF 71% , #232f50 71.5% 72.5%, #FFFFFF 73%);
  21.     padding-right: 31% !important;
  22.     padding-left: 8px !important;
  23.     line-height: 19px !important;
  24.     padding-top: 5px !important;
  25.     padding-bottom: 5px !important;
  26.     border-radius:10px;
  27.     font-size:0.9rem;
  28.     display: flex;
  29.     align-items:center;
  30.     justify-content: flex-start;
  31.     position: relative;
  32.     text-align: left !important;
  33.     transition: none;
  34. }
  35. header[dir="rtl"] > app-sidenav > mdb-sidenav >
  36. ul.side-nav > links ul.collapsible li.menu-item > a{
  37.     min-height: 46px;
  38.     background: linear-gradient(55deg, #FFFFFF 29% , #232f50 29.5% 30.5%, #FFFFFF 31% 100%);
  39.     padding-left: 31% !important;
  40.     padding-right: 8px !important;
  41.     line-height: 19px !important;
  42.     padding-top: 5px !important;
  43.     padding-bottom: 5px !important;
  44.     border-radius:10px;
  45.     font-size:0.9rem;
  46.     display: flex;
  47.     align-items:center;
  48.     justify-content: flex-start;
  49.     position: relative;
  50.     text-align: right !important;
  51.     transition: none;
  52. }
  53.  
  54. header[dir] > app-sidenav > mdb-sidenav >
  55. ul.side-nav > links ul.collapsible li.menu-item > a:hover{
  56.     box-shadow: 0 0 6px 2px #232f50;
  57.     color: #232f50 !important;
  58. }
  59.  
  60. header[dir] > app-sidenav > mdb-sidenav >
  61. ul.side-nav > links ul.collapsible li.menu-item > a:hover > i::before{
  62.     color: #232f50 !important;
  63. }
  64.  
  65. header[dir] > app-sidenav > mdb-sidenav >
  66. ul.side-nav > links ul.collapsible li.menu-item > a.active:hover{
  67.     color: #FFFFFF !important;
  68. }
  69.  
  70. header[dir="ltr"] > app-sidenav > mdb-sidenav >
  71. ul.side-nav > links ul.collapsible li.menu-item > a.active{
  72.     background: linear-gradient(125deg, #232f50 70% , #FFFFFF 70.5% 100%);
  73.     border:none !important;
  74. }
  75.  
  76. header[dir="rtl"] > app-sidenav > mdb-sidenav >
  77. ul.side-nav > links ul.collapsible li.menu-item > a.active{
  78.     background: linear-gradient(55deg, #FFFFFF 30% , #232f50 30.5% 100%);
  79.     border:none !important;
  80. }
  81.  
  82. body header[dir] app-sidenav .side-nav ul.collapsible
  83. > li.menu-item a:hover,
  84. body header[dir] app-sidenav .side-nav ul.collapsible
  85. > li.menu-item a.active{
  86.     border:none !important;
  87. }
  88.  
  89. header[dir="ltr"] > app-sidenav > mdb-sidenav > ul.side-nav >
  90. links ul.collapsible li.menu-item > a > i:not(.number):not(.number-rtl){
  91.     position:absolute;
  92.     right: 8px;
  93.     display:flex;
  94.     justify-content:center;
  95.     margin: 0 !important;
  96.     top: 50%;
  97.     transform: translateY(-50%);
  98. }
  99.  
  100. header[dir="rtl"] > app-sidenav > mdb-sidenav > ul.side-nav >
  101. links ul.collapsible li.menu-item > a > i:not(.number):not(.number-rtl){
  102.     position:absolute;
  103.     left: 8px;
  104.     display:flex;
  105.     justify-content:center;
  106.     margin: 0 !important;
  107.     top: 50%;
  108.     transform: translateY(-50%);
  109. }
  110.  
  111. header > app-sidenav > mdb-sidenav > ul.side-nav >
  112. links ul.collapsible li.menu-item > a > i::before{
  113.     font-size: 33px !important;
  114. }
  115.  
  116. header > app-sidenav > mdb-sidenav > ul.side-nav >
  117. links ul.collapsible li.menu-item > a.active > i::before{
  118.     color:#232f50 !important;
  119. }
  120. @media screen and (min-width: 1441px){
  121.     app-root > header[dir='rtl'] nav.navbar, app-root > main[dir='rtl'], app-root > footer.footer[dir='rtl'] {
  122.         padding-right: 232px !important;
  123.     }
  124.     app-root > header[dir='ltr'] nav.navbar, app-root > main[dir='ltr'], app-root > footer.footer[dir='ltr'] {
  125.         padding-left: 232px !important;
  126.     }
  127. }
  128. /*END new sidebar update*/

Submit a correction or amendment below (click here to make a fresh posting)
After submitting an amendment, you'll be able to view the differences between the old and new posts easily.

Syntax highlighting:

To highlight particular lines, prefix each line with {%HIGHLIGHT}




All content is user-submitted.
The administrators of this site (kpaste.net) are not responsible for their content.
Abuse reports should be emailed to us at