comparison: src/main/webapp/lightpit.css
src/main/webapp/lightpit.css
- changeset 97
- 602f75801644
- parent 96
- b7b685f31e39
- child 98
- 5c406eef0e5c
equal
deleted
inserted
replaced
| 96:b7b685f31e39 | 97:602f75801644 |
|---|---|
| 59 #sideMenu { | 59 #sideMenu { |
| 60 display: flex; | 60 display: flex; |
| 61 flex-flow: column; | 61 flex-flow: column; |
| 62 position: fixed; | 62 position: fixed; |
| 63 height: 100%; | 63 height: 100%; |
| 64 width: 20ch; | 64 width: 30ch; |
| 65 border-image-source: linear-gradient(to bottom, #606060, rgba(60, 60, 60, .25)); | 65 border-image-source: linear-gradient(to bottom, #606060, rgba(60, 60, 60, .25)); |
| 66 border-image-slice: 1; | 66 border-image-slice: 1; |
| 67 border-right-style: solid; | 67 border-right-style: solid; |
| 68 border-right-width: 1pt; | 68 border-right-width: 1pt; |
| 69 } | 69 } |
| 70 | 70 |
| 71 #content-area.sidebar-spacing { | 71 #content-area.sidebar-spacing { |
| 72 margin-left: 20ch; | 72 margin-left: 30ch; |
| 73 } | 73 } |
| 74 | 74 |
| 75 #mainMenu { | 75 #mainMenu { |
| 76 font-size: large; | 76 font-size: large; |
| 77 background: #e0e0e5; | 77 background: #e0e0e5; |
| 78 } | 78 } |
| 79 | 79 |
| 80 #sideMenu { | 80 #sideMenu { |
| 81 background: #f7f7ff; | 81 background: #f7f7ff; |
| 82 overflow-x: scroll; | |
| 82 } | 83 } |
| 83 | 84 |
| 84 #mainMenu .menuEntry { | 85 #mainMenu .menuEntry { |
| 85 padding: .25em 1em .25em 1em; | 86 padding: .25em 1em .25em 1em; |
| 86 border-right-style: solid; | 87 border-right-style: solid; |
| 87 border-right-width: 1pt; | 88 border-right-width: 1pt; |
| 88 border-right-color: #9095a1; | 89 border-right-color: #9095a1; |
| 89 } | 90 } |
| 90 | 91 |
| 92 #sideMenu .menuEntry { | |
| 93 padding-top: .25em; | |
| 94 padding-bottom: .25em; | |
| 95 border-bottom-style: solid; | |
| 96 border-bottom-width: 1pt; | |
| 97 border-bottom-color: #d7d7df; | |
| 98 } | |
| 99 | |
| 91 #mainMenu .menuEntry[data-active] { | 100 #mainMenu .menuEntry[data-active] { |
| 92 background: #d0d0d5; | 101 background: #d0d0d5; |
| 93 } | 102 } |
| 94 | 103 |
| 95 #sideMenu .menuEntry[data-active] { | 104 #sideMenu .menuEntry[data-active] { |
| 96 background: #e7e7ef | 105 background: #e7e7ef |
| 106 } | |
| 107 | |
| 108 #sideMenu .level-0 { | |
| 109 padding-left: .25em; | |
| 110 } | |
| 111 | |
| 112 #sideMenu .level-1 { | |
| 113 padding-left: .75em; | |
| 114 } | |
| 115 | |
| 116 #sideMenu .level-2 { | |
| 117 padding-left: 2em; | |
| 97 } | 118 } |
| 98 | 119 |
| 99 #content-area { | 120 #content-area { |
| 100 padding: 1em; | 121 padding: 1em; |
| 101 } | 122 } |
