comparison: src/main/webapp/lightpit.css
src/main/webapp/lightpit.css
- changeset 29
- 27a0fdd7bca7
- parent 28
- cfc3d11884ad
- child 39
- e722861558bb
equal
deleted
inserted
replaced
| 28:cfc3d11884ad | 29:27a0fdd7bca7 |
|---|---|
| 1 /* | |
| 2 * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS HEADER. | |
| 3 * | |
| 4 * Copyright 2018 Mike Becker. All rights reserved. | |
| 5 * | |
| 6 * Redistribution and use in source and binary forms, with or without | |
| 7 * modification, are permitted provided that the following conditions are met: | |
| 8 * | |
| 9 * 1. Redistributions of source code must retain the above copyright | |
| 10 * notice, this list of conditions and the following disclaimer. | |
| 11 * | |
| 12 * 2. Redistributions in binary form must reproduce the above copyright | |
| 13 * notice, this list of conditions and the following disclaimer in the | |
| 14 * documentation and/or other materials provided with the distribution. | |
| 15 * | |
| 16 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" | |
| 17 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE | |
| 18 * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE | |
| 19 * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE | |
| 20 * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR | |
| 21 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF | |
| 22 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS | |
| 23 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN | |
| 24 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) | |
| 25 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE | |
| 26 * POSSIBILITY OF SUCH DAMAGE. | |
| 27 * | |
| 28 */ | |
| 29 | |
| 30 html { | |
| 31 background: #f8f8f8; | |
| 32 } | |
| 33 | |
| 34 body { | |
| 35 background: white; | |
| 36 font-family: serif; | |
| 37 | |
| 38 border-color: #505050; | |
| 39 border-style: solid; | |
| 40 border-width: 1pt; | |
| 41 | |
| 42 color: #1c202e; | |
| 43 } | |
| 44 | |
| 45 h1, h2, h3, h4, #mainMenu, #subMenu { | |
| 46 font-family: sans-serif; | |
| 47 } | |
| 48 | |
| 49 a { | |
| 50 color: #3060f8; | |
| 51 text-decoration: none; | |
| 52 } | |
| 53 | |
| 54 #mainMenu { | |
| 55 width: 100%; | |
| 56 display: flex; | |
| 57 flex-flow: row wrap; | |
| 58 background: #f0f0f5; | |
| 59 } | |
| 60 | |
| 61 #subMenu { | |
| 62 background: #f7f7ff; | |
| 63 | |
| 64 border-image: linear-gradient(to right, #606060, rgba(60,60,60,.25)); | |
| 65 border-image-slice: 1; | |
| 66 border-top-style: solid; | |
| 67 border-top-width: 1pt; | |
| 68 border-bottom-style: solid; | |
| 69 border-bottom-width: 1pt; | |
| 70 } | |
| 71 | |
| 72 .menuEntry { | |
| 73 padding: .25em 1em .25em 1em; | |
| 74 border-right-style: solid; | |
| 75 border-right-width: 1pt; | |
| 76 border-right-color: #9095a1; | |
| 77 } | |
| 78 | |
| 79 #mainMenu .menuEntry[data-active] { | |
| 80 background: #e0e0e5; | |
| 81 } | |
| 82 | |
| 83 #subMenu .menuEntry[data-active] { | |
| 84 background: #e7e7ef | |
| 85 } | |
| 86 | |
| 87 #content-area { | |
| 88 padding: 1em; | |
| 89 } | |
| 90 | |
| 91 th { | |
| 92 text-align: left; | |
| 93 } | |
| 94 | |
| 95 table.datatable { | |
| 96 width: 100%; | |
| 97 border-style: solid; | |
| 98 border-width: 1pt; | |
| 99 border-color: black; | |
| 100 border-collapse: collapse; | |
| 101 } | |
| 102 | |
| 103 table.datatable th { | |
| 104 font-weight: bold; | |
| 105 background: lightsteelblue; | |
| 106 } | |
| 107 | |
| 108 table.datatable th, table.datatable td { | |
| 109 border-style: solid; | |
| 110 border-width: 1pt; | |
| 111 border-color: black; | |
| 112 padding: .4em; | |
| 113 } | |
| 114 | |
| 115 table.datatable tr:nth-child(2n) { | |
| 116 background: lightblue; | |
| 117 } | |
| 118 | |
| 119 .hcenter { | |
| 120 text-align: center; | |
| 121 } | |
| 122 | |
| 123 .smalltext { | |
| 124 font-size: smaller; | |
| 125 } | |
| 126 | |
| 127 .nowrap { | |
| 128 white-space: nowrap; | |
| 129 } |
