src/main/webapp/lightpit.css

changeset 172
89b3320557e2
parent 162
2adc8623dd89
child 180
009700915269
equal deleted inserted replaced
171:d8c5434af89d 172:89b3320557e2
54 display: flex; 54 display: flex;
55 flex-flow: row wrap; 55 flex-flow: row wrap;
56 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));
57 border-image-slice: 1; 57 border-image-slice: 1;
58 border-bottom-style: solid; 58 border-bottom-style: solid;
59 border-bottom-width: 1pt; 59 border-bottom-width: thin;
60 } 60 }
61 61
62 #sideMenu { 62 #sideMenu {
63 display: flex; 63 display: flex;
64 z-index: 1; 64 z-index: 1;
69 padding-top: 2.25rem; 69 padding-top: 2.25rem;
70 color: #3060f8; 70 color: #3060f8;
71 border-image-source: linear-gradient(to bottom, #606060, rgba(60, 60, 60, .25)); 71 border-image-source: linear-gradient(to bottom, #606060, rgba(60, 60, 60, .25));
72 border-image-slice: 1; 72 border-image-slice: 1;
73 border-right-style: solid; 73 border-right-style: solid;
74 border-right-width: 1pt; 74 border-right-width: thin;
75 } 75 }
76 76
77 #content-area.sidebar-spacing { 77 #content-area.sidebar-spacing {
78 margin-left: 40ch; /* adjust with sideMenu.width */ 78 margin-left: 40ch; /* adjust with sideMenu.width */
79 } 79 }
89 } 89 }
90 90
91 #mainMenu .menuEntry { 91 #mainMenu .menuEntry {
92 padding: .25em 1em .25em 1em; 92 padding: .25em 1em .25em 1em;
93 border-right-style: solid; 93 border-right-style: solid;
94 border-right-width: 1pt; 94 border-right-width: thin;
95 border-right-color: #9095a1; 95 border-right-color: #9095a1;
96 } 96 }
97 97
98 #sideMenu .menuEntry { 98 #sideMenu .menuEntry {
99 padding-top: .25em; 99 padding-top: .25em;
100 padding-bottom: .25em; 100 padding-bottom: .25em;
101 border-bottom-style: solid; 101 border-bottom-style: solid;
102 border-bottom-width: 1pt; 102 border-bottom-width: thin;
103 border-bottom-color: #d7d7df; 103 border-bottom-color: #d7d7df;
104 } 104 }
105 105
106 #mainMenu .menuEntry[data-active] { 106 #mainMenu .menuEntry[data-active] {
107 background: #d0d0d5; 107 background: #d0d0d5;
129 129
130 button, a.button { 130 button, a.button {
131 display: inline-block; 131 display: inline-block;
132 font-size: medium; 132 font-size: medium;
133 border-style: solid; 133 border-style: solid;
134 border-width: 1pt; 134 border-width: thin;
135 border-color: #606060; 135 border-color: #606060;
136 color: inherit; 136 color: inherit;
137 background: #f0f0f0; 137 background: #f0f0f0;
138 138
139 padding: .25em .5em .25em .5em; 139 padding: .25em .5em .25em .5em;
158 text-align: left; 158 text-align: left;
159 } 159 }
160 160
161 table.datatable { 161 table.datatable {
162 border-style: solid; 162 border-style: solid;
163 border-width: 1pt; 163 border-width: thin;
164 border-color: silver; 164 border-color: silver;
165 border-collapse: collapse; 165 border-collapse: collapse;
166 } 166 }
167 167
168 table.datatable th { 168 table.datatable th {
171 background: #f7f7ff; 171 background: #f7f7ff;
172 } 172 }
173 173
174 table.datatable th, table.datatable td { 174 table.datatable th, table.datatable td {
175 border-style: solid; 175 border-style: solid;
176 border-width: 1pt; 176 border-width: thin;
177 border-color: lightgray; 177 border-color: lightgray;
178 padding: .4em; 178 padding: .4em;
179 } 179 }
180 180
181 table.datatable tr:nth-child(2n) { 181 table.datatable tr:nth-child(2n) {
237 } 237 }
238 238
239 .info-box, .error-box, .warn-box { 239 .info-box, .error-box, .warn-box {
240 margin: 2em; 240 margin: 2em;
241 border-style: dashed; 241 border-style: dashed;
242 border-width: 1pt; 242 border-width: thin;
243 border-color: deepskyblue; 243 border-color: deepskyblue;
244 padding: 1em; 244 padding: 1em;
245 } 245 }
246 246
247 .error-box { 247 .error-box {
283 div.markdown-styled td, 283 div.markdown-styled td,
284 div.markdown-styled th { 284 div.markdown-styled th {
285 padding: 0.25em; 285 padding: 0.25em;
286 border-style: solid; 286 border-style: solid;
287 border-color: darkgray; 287 border-color: darkgray;
288 border-width: 1pt; 288 border-width: thin;
289 } 289 }

mercurial