page_columns.css 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. /*--- 2 columns ---*/
  2. .bx-std-pc-stretch {
  3. position: relative;
  4. display: -webkit-flex;
  5. display: flex;
  6. -webkit-align-items: stretch;
  7. align-items: stretch;
  8. box-sizing: border-box;
  9. }
  10. .bx-std-pc-vstretch {
  11. width: 100%
  12. }
  13. div.bx-std-page-columns-cnt {
  14. position: relative;
  15. display: -webkit-flex;
  16. display: flex;
  17. -webkit-align-items: stretch;
  18. align-items: stretch;
  19. /*
  20. height: calc(100vh - 5rem);
  21. */
  22. }
  23. /*--- Page Menu ---*/
  24. div.bx-std-page-column.bx-std-page-menu {
  25. position: relative;
  26. -webkit-flex: 0 0 20rem;
  27. flex: 0 0 20rem;
  28. width: 20rem;
  29. height: 100%;
  30. backdrop-filter: blur(40px);
  31. box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.05);
  32. overflow-y: auto;
  33. }
  34. div.bx-std-page-column.bx-std-page-menu::-webkit-scrollbar {
  35. display: none;
  36. }
  37. div.bx-std-page-column.bx-std-page-menu div.bx-std-page-column-cnt {
  38. position: -webkit-sticky;
  39. position: sticky;
  40. top: 0;
  41. padding-top: 5rem;
  42. }
  43. div.bx-std-page-column.bx-std-page-menu .bx-std-pcm-actions {
  44. justify-content: center;
  45. -webkit-justify-content: center;
  46. width: 2.5rem;
  47. padding: 0;
  48. }
  49. div.bx-std-page-column.bx-std-page-menu .bx-std-pcm-actions img {
  50. width: 2.0rem;
  51. height: 2.0rem;
  52. }
  53. /*--- Page Content ---*/
  54. div.bx-std-page-column.bx-std-page-content {
  55. position: relative;
  56. -webkit-flex-grow: 2;
  57. flex-grow: 2;
  58. height: 100%;
  59. background-color: rgba(229, 231, 235, 1.0);
  60. overflow-x: hidden;
  61. overflow-y: auto;
  62. }
  63. div.bx-std-page-column.bx-std-page-content::-webkit-scrollbar {
  64. display: none;
  65. }
  66. div.bx-std-page-column.bx-std-page-content div.bx-std-page-column-cnt {
  67. width: 100%;
  68. height: max-content;
  69. padding: 6.0rem 1.0rem 1.0rem 1.0rem;
  70. }