comparison: src/main/webapp/lightpit.css
src/main/webapp/lightpit.css
- changeset 365
- 0e03dcb631ee
- parent 359
- 842bb8976b0f
- child 367
- 0a9065936aac
equal
deleted
inserted
replaced
| 364:cf2e751fe6d9 | 365:0e03dcb631ee |
|---|---|
| 68 cursor: pointer; | 68 cursor: pointer; |
| 69 color: #3060f8; | 69 color: #3060f8; |
| 70 text-decoration: none; | 70 text-decoration: none; |
| 71 } | 71 } |
| 72 | 72 |
| 73 #page-area { | |
| 74 display: flex; | |
| 75 flex-flow: column nowrap; | |
| 76 height: 100%; | |
| 77 } | |
| 78 | |
| 73 #body-area { | 79 #body-area { |
| 74 display: grid; | 80 flex-grow: 1; |
| 75 grid-template-columns: min-content auto; | 81 display: flex; |
| 76 grid-template-rows: max-content 1fr; | 82 flex-flow: row nowrap; |
| 77 height: 100%; | |
| 78 } | 83 } |
| 79 | 84 |
| 80 #mainMenu { | 85 #mainMenu { |
| 81 grid-row: 1; | |
| 82 grid-column: 1 / span 2; | |
| 83 width: 100%; | |
| 84 display: flex; | 86 display: flex; |
| 85 flex-flow: row nowrap; | 87 flex-flow: row nowrap; |
| 86 border-image-source: linear-gradient(to right, #606060, rgba(60, 60, 60, .25)); | 88 border-image-source: linear-gradient(to right, #606060, rgba(60, 60, 60, .25)); |
| 87 border-image-slice: 1; | 89 border-image-slice: 1; |
| 88 border-bottom-style: solid; | 90 border-bottom-style: solid; |
| 89 border-bottom-width: thin; | 91 border-bottom-width: thin; |
| 90 background: #e0e0e5; | 92 background: #e0e0e5; |
| 91 } | 93 } |
| 92 | 94 |
| 93 #sideMenu { | 95 #sideMenu { |
| 94 grid-row: 2; | |
| 95 grid-column: 1; | |
| 96 min-width: 15vw; | 96 min-width: 15vw; |
| 97 display: flex; | 97 display: flex; |
| 98 flex-flow: column; | 98 flex-flow: column; |
| 99 color: #3060f8; | 99 color: #3060f8; |
| 100 border-image-source: linear-gradient(to bottom, #606060, rgba(60, 60, 60, .25)); | 100 border-image-source: linear-gradient(to bottom, #606060, rgba(60, 60, 60, .25)); |
| 102 border-right-style: solid; | 102 border-right-style: solid; |
| 103 border-right-width: thin; | 103 border-right-width: thin; |
| 104 background: #f7f7ff; | 104 background: #f7f7ff; |
| 105 } | 105 } |
| 106 | 106 |
| 107 #sideMenuFiller { | |
| 108 grid-row: 2; | |
| 109 grid-column: 1; | |
| 110 } | |
| 111 | |
| 112 #mainMenu .menuEntry { | 107 #mainMenu .menuEntry { |
| 113 font-size: 1.2rem; | 108 font-size: 1.2rem; |
| 114 padding: .25em 1em .25em 1em; | 109 padding: .25em 1em .25em 1em; |
| 115 border-right-style: solid; | 110 border-right-style: solid; |
| 116 border-right-width: thin; | 111 border-right-width: thin; |
| 155 #sideMenu .level-2 { | 150 #sideMenu .level-2 { |
| 156 padding-left: 2.5em; | 151 padding-left: 2.5em; |
| 157 } | 152 } |
| 158 | 153 |
| 159 #content-area { | 154 #content-area { |
| 160 grid-row: 2; | 155 flex-grow: 1; |
| 161 grid-column: 2; | |
| 162 padding: 1.5em; | 156 padding: 1.5em; |
| 163 } | 157 } |
| 164 | 158 |
| 165 button, a.button { | 159 button, a.button { |
| 166 display: inline-block; | 160 display: inline-block; |
