63 display: flex; |
63 display: flex; |
64 z-index: 1; |
64 z-index: 1; |
65 flex-flow: column; |
65 flex-flow: column; |
66 position: fixed; |
66 position: fixed; |
67 height: 100%; |
67 height: 100%; |
68 width: 30ch; |
68 width: 40ch; /* adjust with sidebar-spacing.margin-left */ |
69 padding-top: 2.25rem; |
69 padding-top: 2.25rem; |
70 color: #3060f8; |
70 color: #3060f8; |
71 border-image-source: linear-gradient(to bottom, #606060, rgba(60, 60, 60, .25)); |
71 border-image-source: linear-gradient(to bottom, #606060, rgba(60, 60, 60, .25)); |
72 border-image-slice: 1; |
72 border-image-slice: 1; |
73 border-right-style: solid; |
73 border-right-style: solid; |
74 border-right-width: 1pt; |
74 border-right-width: 1pt; |
75 } |
75 } |
76 |
76 |
77 #content-area.sidebar-spacing { |
77 #content-area.sidebar-spacing { |
78 margin-left: 30ch; |
78 margin-left: 40ch; /* adjust with sideMenu.width */ |
79 } |
79 } |
80 |
80 |
81 #mainMenu { |
81 #mainMenu { |
82 font-size: 1.2rem; |
82 font-size: 1.2rem; |
83 background: #e0e0e5; |
83 background: #e0e0e5; |