src/main/webapp/lightpit.css

changeset 365
0e03dcb631ee
parent 359
842bb8976b0f
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;

mercurial