comparison: src/main/webapp/lightpit.css
src/main/webapp/lightpit.css
- changeset 98
- 5c406eef0e5c
- parent 97
- 602f75801644
- child 101
- c34c81b87674
equal
deleted
inserted
replaced
| 97:602f75801644 | 98:5c406eef0e5c |
|---|---|
| 46 color: #3060f8; | 46 color: #3060f8; |
| 47 text-decoration: none; | 47 text-decoration: none; |
| 48 } | 48 } |
| 49 | 49 |
| 50 #mainMenu { | 50 #mainMenu { |
| 51 position: fixed; | |
| 52 z-index: 2; | |
| 51 width: 100%; | 53 width: 100%; |
| 52 display: flex; | 54 display: flex; |
| 53 flex-flow: row wrap; | 55 flex-flow: row wrap; |
| 54 border-image-source: linear-gradient(to right, #606060, rgba(60, 60, 60, .25)); | 56 border-image-source: linear-gradient(to right, #606060, rgba(60, 60, 60, .25)); |
| 55 border-image-slice: 1; | 57 border-image-slice: 1; |
| 56 border-bottom-style: solid; | 58 border-bottom-style: solid; |
| 57 border-bottom-width: 1pt; | 59 border-bottom-width: 1pt; |
| 58 } | 60 } |
| 61 | |
| 59 #sideMenu { | 62 #sideMenu { |
| 60 display: flex; | 63 display: flex; |
| 64 z-index: 1; | |
| 61 flex-flow: column; | 65 flex-flow: column; |
| 62 position: fixed; | 66 position: fixed; |
| 63 height: 100%; | 67 height: 100%; |
| 64 width: 30ch; | 68 width: 30ch; |
| 69 padding-top: 2.25rem; | |
| 65 border-image-source: linear-gradient(to bottom, #606060, rgba(60, 60, 60, .25)); | 70 border-image-source: linear-gradient(to bottom, #606060, rgba(60, 60, 60, .25)); |
| 66 border-image-slice: 1; | 71 border-image-slice: 1; |
| 67 border-right-style: solid; | 72 border-right-style: solid; |
| 68 border-right-width: 1pt; | 73 border-right-width: 1pt; |
| 69 } | 74 } |
| 71 #content-area.sidebar-spacing { | 76 #content-area.sidebar-spacing { |
| 72 margin-left: 30ch; | 77 margin-left: 30ch; |
| 73 } | 78 } |
| 74 | 79 |
| 75 #mainMenu { | 80 #mainMenu { |
| 76 font-size: large; | 81 font-size: 1.2rem; |
| 77 background: #e0e0e5; | 82 background: #e0e0e5; |
| 78 } | 83 } |
| 79 | 84 |
| 80 #sideMenu { | 85 #sideMenu { |
| 81 background: #f7f7ff; | 86 background: #f7f7ff; |
| 116 #sideMenu .level-2 { | 121 #sideMenu .level-2 { |
| 117 padding-left: 2em; | 122 padding-left: 2em; |
| 118 } | 123 } |
| 119 | 124 |
| 120 #content-area { | 125 #content-area { |
| 121 padding: 1em; | 126 padding: 2.75rem 1em 1em; |
| 122 } | 127 } |
| 123 | 128 |
| 124 button, a.button { | 129 button, a.button { |
| 125 display: inline-block; | 130 display: inline-block; |
| 126 font-size: medium; | 131 font-size: medium; |
