Mercurial > hg > fapweb

comparison examples/css/admin.css @ 1090:04495bb47dc9

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Update example admin stylesheet.
author Matti Hamalainen <ccr@tnsp.org>
date Thu, 26 Jan 2017 01:59:07 +0200
parents c2839190ca54
children
comparison
equal deleted inserted replaced
1089:00632d30bafe 1090:04495bb47dc9
23 } 23 }
24 24
25 a:active, a:focus { 25 a:active, a:focus {
26 outline: none; 26 outline: none;
27 } 27 }
28
29 28
30 /* 29 /*
31 * Message and image preview boxes 30 * Message and image preview boxes
32 */ 31 */
33 #messageBox { 32 #messageBox {
116 margin: 0; 115 margin: 0;
117 padding-left: 1em; 116 padding-left: 1em;
118 background: #440; 117 background: #440;
119 } 118 }
120 119
120
121 div.tabHeadersSub { 121 div.tabHeadersSub {
122 font-size: 1em; 122 font-size: 1em;
123 line-height: 2.7em; 123 line-height: 2.7em;
124 } 124 }
125 125
130 padding-right: 0.25em; 130 padding-right: 0.25em;
131 background: #060; 131 background: #060;
132 text-shadow: 2px 2px 1px rgba(0,0,0,0.4); 132 text-shadow: 2px 2px 1px rgba(0,0,0,0.4);
133 border-radius: 0.2em; 133 border-radius: 0.2em;
134 134
135 white-space: nowrap;
135 display: inline-block; 136 display: inline-block;
136 margin-bottom: 0.2em; 137 margin-bottom: 0.2em;
137 min-width: 6em; 138 min-width: 6em;
139 }
140
141 #tabHeadersCC a.active, div.tabHeaders a.active, div.tabHeadersSub a.active {
142 background: #800;
143 }
144
145 #tabHeadersCC a.inactive, div.tabHeaders a.inactive, div.tabHeadersSub a.inactive {
138 } 146 }
139 147
140 #tabHeadersCC a { 148 #tabHeadersCC a {
141 position: relative; 149 position: relative;
142 display: inline-block; 150 display: inline-block;
172 margin: 0px; 180 margin: 0px;
173 overflow-y: scroll; 181 overflow-y: scroll;
174 } 182 }
175 183
176 184
185 span.cnotice {
186 font-weight: bold;
187 color: #f00;
188 }
189
177 #adminContent { 190 #adminContent {
178 position: absolute; 191 position: absolute;
179 top: 0; 192 top: 0;
180 bottom: 0; 193 bottom: 0;
181 left: 0; 194 left: 0;
216 229
217 div.vkeyActive, tr.vkeyActive { 230 div.vkeyActive, tr.vkeyActive {
218 background: #044; 231 background: #044;
219 } 232 }
220 233
234 .vkeyUsed {
235 color: #0f0;
236 }
237
238 .vkeyUnused {
239 color: red;
240 }
241
221 242
222 /* 243 /*
223 * Compo/infoscreen controls 244 * Compo/infoscreen controls
224 */ 245 */
225 div.ctrlModeControls input[type="radio"] { 246 div.ctrlModeControls input[type="radio"] {
273 font-size: 1.2em; 294 font-size: 1.2em;
274 font-weight: bold; 295 font-weight: bold;
275 } 296 }
276 297
277 div.ctrlBox { 298 div.ctrlBox {
299 position: relative;
278 display: inline-block; 300 display: inline-block;
279 background: black; 301 background: black;
280 border: 2px solid green; 302 border: 2px solid green;
281 padding: 1em; 303 padding: 0.5em;
282 border-radius: 1em; 304 border-radius: 0.5em;
283 min-height: 12em; 305 min-height: 12em;
284 vertical-align: top; 306 vertical-align: top;
285 } 307 }
286 308
287 div.ctrlButtons { 309 div.ctrlButtons {
318 div.ctrlDBox2 { 340 div.ctrlDBox2 {
319 width: 25em; 341 width: 25em;
320 border: 2pt solid #060; 342 border: 2pt solid #060;
321 } 343 }
322 344
323 #ctrlCurrEntryData { 345 #ctrlCurrCompoData {
324 background: black; 346 position: absolute;
325 position: relative; 347 background: black;
326 } 348 right: 0.5em;
327 349 top: 0.5em;
328 #ctrlCurrEntryData div { 350 }
351
352 #ctrlCurrCompoData div.entryData {
329 background: #020; 353 background: #020;
330 padding: 0.5em; 354 padding: 0.5em;
331 margin: 0.5em; 355 margin: 0.5em;
332 border-radius: 0.5em; 356 border-radius: 0.5em;
333 overflow: hidden; 357 overflow: hidden;
334 } 358 }
335 359
336 #ctrlCurrEntryData div i { 360 #ctrlCurrCompoData .entryAuthor, #ctrlCurrCompoData .entryName {
361 font-weight: bold;
362 color: white;
363 }
364
365 #ctrlCurrCompoData span.entryFileTitle {
366 font-weight: bold;
367 }
368
369 #ctrlCurrCompoData span.entryFileName {
337 color: red; 370 color: red;
371 }
372
373 #ctrlCurrCompoData div.entryNotes {
374 padding: 0.2em;
375 border-radius: 0.2em;
376 background: #630;
377 color: white;
338 } 378 }
339 379
340 div.ctrlBox .selectBox { 380 div.ctrlBox .selectBox {
341 width: 100%; 381 width: 100%;
342 } 382 }
520 560
521 padding: 0.2em; 561 padding: 0.2em;
522 background: #050; 562 background: #050;
523 border-radius: 0.4em; 563 border-radius: 0.4em;
524 } 564 }
565
566
567 div.compoDesc {
568 display: inline-block;
569 }