comparison: src/main/webapp/lightpit.css
src/main/webapp/lightpit.css
- changeset 96
- b7b685f31e39
- parent 86
- 0a658e53177c
- child 97
- 602f75801644
equal
deleted
inserted
replaced
| 95:0552cc5755f3 | 96:b7b685f31e39 |
|---|---|
| 45 a { | 45 a { |
| 46 color: #3060f8; | 46 color: #3060f8; |
| 47 text-decoration: none; | 47 text-decoration: none; |
| 48 } | 48 } |
| 49 | 49 |
| 50 #mainMenu, #breadcrumbs { | 50 #mainMenu { |
| 51 width: 100%; | 51 width: 100%; |
| 52 display: flex; | 52 display: flex; |
| 53 flex-flow: row wrap; | 53 flex-flow: row wrap; |
| 54 border-image-source: linear-gradient(to right, #606060, rgba(60, 60, 60, .25)); | 54 border-image-source: linear-gradient(to right, #606060, rgba(60, 60, 60, .25)); |
| 55 border-image-slice: 1; | 55 border-image-slice: 1; |
| 56 border-bottom-style: solid; | 56 border-bottom-style: solid; |
| 57 border-bottom-width: 1pt; | 57 border-bottom-width: 1pt; |
| 58 } | 58 } |
| 59 #sideMenu { | |
| 60 display: flex; | |
| 61 flex-flow: column; | |
| 62 position: fixed; | |
| 63 height: 100%; | |
| 64 width: 20ch; | |
| 65 border-image-source: linear-gradient(to bottom, #606060, rgba(60, 60, 60, .25)); | |
| 66 border-image-slice: 1; | |
| 67 border-right-style: solid; | |
| 68 border-right-width: 1pt; | |
| 69 } | |
| 70 | |
| 71 #content-area.sidebar-spacing { | |
| 72 margin-left: 20ch; | |
| 73 } | |
| 59 | 74 |
| 60 #mainMenu { | 75 #mainMenu { |
| 61 font-size: large; | 76 font-size: large; |
| 62 background: #e0e0e5; | 77 background: #e0e0e5; |
| 63 } | 78 } |
| 64 | 79 |
| 65 #breadcrumbs { | 80 #sideMenu { |
| 66 background: #f7f7ff; | 81 background: #f7f7ff; |
| 67 } | 82 } |
| 68 | 83 |
| 69 .menuEntry { | 84 #mainMenu .menuEntry { |
| 70 padding: .25em 1em .25em 1em; | 85 padding: .25em 1em .25em 1em; |
| 71 border-right-style: solid; | 86 border-right-style: solid; |
| 72 border-right-width: 1pt; | 87 border-right-width: 1pt; |
| 73 border-right-color: #9095a1; | 88 border-right-color: #9095a1; |
| 74 } | 89 } |
| 75 | 90 |
| 76 #mainMenu .menuEntry[data-active] { | 91 #mainMenu .menuEntry[data-active] { |
| 77 background: #d0d0d5; | 92 background: #d0d0d5; |
| 78 } | 93 } |
| 79 | 94 |
| 80 #breadcrumbs .menuEntry[data-active] { | 95 #sideMenu .menuEntry[data-active] { |
| 81 background: #e7e7ef | 96 background: #e7e7ef |
| 82 } | 97 } |
| 83 | 98 |
| 84 #content-area { | 99 #content-area { |
| 85 padding: 1em; | 100 padding: 1em; |
