comparison: src/main/webapp/lightpit.css
src/main/webapp/lightpit.css
- changeset 47
- 57cfb94ab99f
- parent 45
- cc7f082c5ef3
- child 51
- dd0a45ae25d7
equal
deleted
inserted
replaced
| 46:1574965c7dc7 | 47:57cfb94ab99f |
|---|---|
| 26 * POSSIBILITY OF SUCH DAMAGE. | 26 * POSSIBILITY OF SUCH DAMAGE. |
| 27 * | 27 * |
| 28 */ | 28 */ |
| 29 | 29 |
| 30 html { | 30 html { |
| 31 background: #f8f8f8; | 31 font-family: sans-serif; |
| 32 background: white; | |
| 33 color: #1c204e; | |
| 34 margin: 0; | |
| 35 padding: 0; | |
| 32 } | 36 } |
| 33 | 37 |
| 34 body { | 38 body { |
| 35 background: white; | 39 height: 100%; |
| 36 font-family: serif; | 40 margin: 0; |
| 37 | 41 padding: 0; |
| 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 } | 42 } |
| 48 | 43 |
| 49 a { | 44 a { |
| 50 color: #3060f8; | 45 color: #3060f8; |
| 51 text-decoration: none; | 46 text-decoration: none; |
| 86 | 81 |
| 87 #content-area { | 82 #content-area { |
| 88 padding: 1em; | 83 padding: 1em; |
| 89 } | 84 } |
| 90 | 85 |
| 86 button, a.button { | |
| 87 display: inline-block; | |
| 88 font-size: medium; | |
| 89 border-style: outset; | |
| 90 border-width: 2pt; | |
| 91 border-color: #6060cc; | |
| 92 color: inherit; | |
| 93 background: #f0f0f0; | |
| 94 | |
| 95 padding: .25em .5em .25em .5em; | |
| 96 cursor: default; | |
| 97 text-decoration: none; | |
| 98 } | |
| 99 | |
| 100 button:hover, a.button:hover { | |
| 101 background: #f0f0ff; | |
| 102 } | |
| 103 | |
| 104 button[type=submit] { | |
| 105 background: #20a0ff; | |
| 106 color: white; | |
| 107 } | |
| 108 | |
| 109 button[type=submit]:hover { | |
| 110 background: #1090cf; | |
| 111 } | |
| 112 | |
| 91 th { | 113 th { |
| 92 text-align: left; | 114 text-align: left; |
| 93 } | 115 } |
| 94 | 116 |
| 95 table.datatable { | 117 table.datatable { |
| 99 border-color: black; | 121 border-color: black; |
| 100 border-collapse: collapse; | 122 border-collapse: collapse; |
| 101 } | 123 } |
| 102 | 124 |
| 103 table.datatable th { | 125 table.datatable th { |
| 126 white-space: nowrap; | |
| 104 font-weight: bold; | 127 font-weight: bold; |
| 105 background: lightsteelblue; | 128 background: lightsteelblue; |
| 106 } | 129 } |
| 107 | 130 |
| 108 table.datatable th, table.datatable td { | 131 table.datatable th, table.datatable td { |
| 114 | 137 |
| 115 table.datatable tr:nth-child(2n) { | 138 table.datatable tr:nth-child(2n) { |
| 116 background: lightblue; | 139 background: lightblue; |
| 117 } | 140 } |
| 118 | 141 |
| 142 table.formtable { | |
| 143 border-style: none; | |
| 144 border-collapse: separate; | |
| 145 border-spacing: 1em; | |
| 146 } | |
| 147 | |
| 148 table.formtable th { | |
| 149 font-weight: bold; | |
| 150 text-align: left; | |
| 151 vertical-align: center; | |
| 152 white-space: nowrap; | |
| 153 } | |
| 154 | |
| 155 table.formtable tbody td > * { | |
| 156 width: 100%; | |
| 157 } | |
| 158 | |
| 159 table.formtable tfoot td { | |
| 160 text-align: right; | |
| 161 } | |
| 162 | |
| 163 .fullwidth { | |
| 164 width: 100%; | |
| 165 } | |
| 166 | |
| 167 .vtop { | |
| 168 vertical-align: top; | |
| 169 } | |
| 170 | |
| 119 .hcenter { | 171 .hcenter { |
| 120 text-align: center; | 172 text-align: center; |
| 121 } | 173 } |
| 122 | 174 |
| 123 .smalltext { | 175 .smalltext { |
| 125 } | 177 } |
| 126 | 178 |
| 127 .nowrap { | 179 .nowrap { |
| 128 white-space: nowrap; | 180 white-space: nowrap; |
| 129 } | 181 } |
| 182 | |
| 183 .medskip { | |
| 184 margin-top: .5em; | |
| 185 } | |
| 186 | |
| 187 .info-box { | |
| 188 margin: 2em; | |
| 189 border-style: dashed; | |
| 190 border-width: 1pt; | |
| 191 border-color: deepskyblue; | |
| 192 padding: 1em; | |
| 193 } |
