main.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. /*--- Overwrite ---*/
  2. body.bx-dev-page-body-single div.bx-std-page-menu,
  3. body.bx-dev-page-body-columns div.bx-std-page-menu {
  4. -webkit-flex-basis: 67px;
  5. flex-basis: 67px;
  6. background-color: #4c6678;
  7. box-shadow: inset -1px 0px 0px rgba(240, 240, 240, 0.2);
  8. }
  9. body.bx-dev-page-body-columns div.bx-std-page-column.bx-std-page-content {
  10. overflow-x: visible;
  11. }
  12. body.bx-dev-page-body-columns div.bx-std-page-column-cnt {
  13. padding: 0px;
  14. }
  15. /*--- General ---*/
  16. div.bx-dev-cb {
  17. clear: both;
  18. font-size: 0px;
  19. }
  20. /*--- Left Menu ---*/
  21. div.bx-dev-menu-main {
  22. position: relative;
  23. width: 65px;
  24. border-right: 2px solid transparent;
  25. }
  26. div.bx-dev-mm-cnt {
  27. padding: 6px 16px 16px 16px;
  28. }
  29. div.bx-dev-menu-main li {
  30. width:32px;
  31. height:32px;
  32. margin: 0px 0px 16px 0px;
  33. border-radius: 10px 10px 10px 10px;
  34. }
  35. div.bx-dev-menu-main li:hover,
  36. div.bx-dev-menu-main li.bx-def-color-bg-active {
  37. opacity:1;
  38. -moz-box-shadow: 0 0 9px 0px #ffffff;
  39. -webkit-box-shadow: 0 0 9px 0px #ffffff;
  40. box-shadow: 0 0 9px 0px #ffffff;
  41. }
  42. div.bx-dev-menu-main div.bx-dev-mm-item {
  43. position: relative;
  44. width: 32px;
  45. height: 32px;
  46. }
  47. div.bx-dev-menu-main div.bx-dev-mm-item img {
  48. width: 32px;
  49. height: 32px;
  50. }
  51. div.bx-dev-menu-main div.bx-dev-mm-item i.sys-icon {
  52. position: absolute;
  53. top: 0px;
  54. left: 0px;
  55. width:32px;
  56. height: 32px;
  57. color:white;
  58. font-size:20px;
  59. text-align:center;
  60. text-shadow:none;
  61. line-height: 32px;
  62. }
  63. /*--- Page Content ---*/
  64. .bx-dev-page-body-columns div.bx-std-page-column-cnt,
  65. div.bx-dev-page-columns-cnt {
  66. position: relative;
  67. display: -webkit-flex;
  68. display: flex;
  69. -webkit-align-items: stretch;
  70. align-items: stretch;
  71. width: 100%;
  72. }
  73. div.bx-dev-page-columns-cnt {
  74. height: calc(100vh - 4rem);
  75. }
  76. div.bx-dev-page-column.bx-dev-page-menu {
  77. position: relative;
  78. -webkit-flex: 0 0 230px;
  79. flex: 0 0 230px;
  80. width: 230px;
  81. background-color: #ffffff;
  82. overflow-y: auto;
  83. }
  84. div.bx-dev-page-column.bx-dev-page-menu::-webkit-scrollbar {
  85. display: none;
  86. }
  87. div.bx-dev-page-column.bx-dev-page-menu div.bx-dev-page-column-cnt {
  88. position: -webkit-sticky;
  89. position: sticky;
  90. top: 0;
  91. }
  92. div.bx-dev-page-column.bx-dev-page-content {
  93. position: relative;
  94. -webkit-flex: 2 1 auto;
  95. flex: 2 1 auto;
  96. height: 100%;
  97. background: #e5e5e5;
  98. overflow-x: hidden;
  99. overflow-y: auto;
  100. }