src/main/webapp/lightpit.css

Sun, 24 May 2020 15:30:43 +0200

author
Mike Becker <universe@uap-core.de>
date
Sun, 24 May 2020 15:30:43 +0200
changeset 80
27a25f32048e
parent 75
33b6843fdf8a
child 86
0a658e53177c
permissions
-rw-r--r--

adds project overview page

universe@10 1 /*
universe@10 2 * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS HEADER.
universe@10 3 *
universe@24 4 * Copyright 2018 Mike Becker. All rights reserved.
universe@10 5 *
universe@10 6 * Redistribution and use in source and binary forms, with or without
universe@10 7 * modification, are permitted provided that the following conditions are met:
universe@10 8 *
universe@10 9 * 1. Redistributions of source code must retain the above copyright
universe@10 10 * notice, this list of conditions and the following disclaimer.
universe@10 11 *
universe@10 12 * 2. Redistributions in binary form must reproduce the above copyright
universe@10 13 * notice, this list of conditions and the following disclaimer in the
universe@10 14 * documentation and/or other materials provided with the distribution.
universe@10 15 *
universe@10 16 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
universe@10 17 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
universe@10 18 * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
universe@10 19 * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
universe@10 20 * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
universe@10 21 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
universe@10 22 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
universe@10 23 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
universe@10 24 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
universe@10 25 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
universe@10 26 * POSSIBILITY OF SUCH DAMAGE.
universe@10 27 *
universe@10 28 */
universe@10 29
universe@10 30 html {
universe@47 31 font-family: sans-serif;
universe@52 32 font-size: 11pt;
universe@47 33 background: white;
universe@47 34 color: #1c204e;
universe@47 35 margin: 0;
universe@47 36 padding: 0;
universe@10 37 }
universe@10 38
universe@10 39 body {
universe@47 40 height: 100%;
universe@47 41 margin: 0;
universe@47 42 padding: 0;
universe@26 43 }
universe@26 44
universe@10 45 a {
universe@11 46 color: #3060f8;
universe@10 47 text-decoration: none;
universe@10 48 }
universe@10 49
universe@70 50 #mainMenu, #breadcrumbs {
universe@10 51 width: 100%;
universe@10 52 display: flex;
universe@10 53 flex-flow: row wrap;
universe@45 54 border-image-source: linear-gradient(to right, #606060, rgba(60, 60, 60, .25));
universe@45 55 border-image-slice: 1;
universe@45 56 border-bottom-style: solid;
universe@45 57 border-bottom-width: 1pt;
universe@45 58 }
universe@45 59
universe@45 60 #mainMenu {
universe@52 61 font-size: large;
universe@45 62 background: #e0e0e5;
universe@10 63 }
universe@10 64
universe@70 65 #breadcrumbs {
universe@10 66 background: #f7f7ff;
universe@10 67 }
universe@10 68
universe@10 69 .menuEntry {
universe@10 70 padding: .25em 1em .25em 1em;
universe@28 71 border-right-style: solid;
universe@28 72 border-right-width: 1pt;
universe@28 73 border-right-color: #9095a1;
universe@10 74 }
universe@10 75
universe@10 76 #mainMenu .menuEntry[data-active] {
universe@45 77 background: #d0d0d5;
universe@10 78 }
universe@10 79
universe@70 80 #breadcrumbs .menuEntry[data-active] {
universe@10 81 background: #e7e7ef
universe@10 82 }
universe@10 83
universe@10 84 #content-area {
universe@10 85 padding: 1em;
universe@10 86 }
universe@23 87
universe@47 88 button, a.button {
universe@47 89 display: inline-block;
universe@47 90 font-size: medium;
universe@47 91 border-style: outset;
universe@47 92 border-width: 2pt;
universe@47 93 border-color: #6060cc;
universe@47 94 color: inherit;
universe@47 95 background: #f0f0f0;
universe@47 96
universe@47 97 padding: .25em .5em .25em .5em;
universe@47 98 cursor: default;
universe@47 99 text-decoration: none;
universe@47 100 }
universe@47 101
universe@47 102 button:hover, a.button:hover {
universe@47 103 background: #f0f0ff;
universe@47 104 }
universe@47 105
universe@47 106 button[type=submit] {
universe@47 107 background: #20a0ff;
universe@47 108 color: white;
universe@47 109 }
universe@47 110
universe@47 111 button[type=submit]:hover {
universe@47 112 background: #1090cf;
universe@47 113 }
universe@47 114
universe@26 115 th {
universe@26 116 text-align: left;
universe@26 117 }
universe@26 118
universe@26 119 table.datatable {
universe@59 120 width: auto;
universe@23 121 border-style: solid;
universe@23 122 border-width: 1pt;
universe@80 123 border-color: silver;
universe@23 124 border-collapse: collapse;
universe@23 125 }
universe@23 126
universe@26 127 table.datatable th {
universe@47 128 white-space: nowrap;
universe@23 129 font-weight: bold;
universe@23 130 background: lightsteelblue;
universe@23 131 }
universe@23 132
universe@26 133 table.datatable th, table.datatable td {
universe@23 134 border-style: solid;
universe@23 135 border-width: 1pt;
universe@23 136 border-color: black;
universe@23 137 padding: .4em;
universe@23 138 }
universe@23 139
universe@26 140 table.datatable tr:nth-child(2n) {
universe@51 141 background: #f0ffff;
universe@23 142 }
universe@26 143
universe@47 144 table.formtable {
universe@47 145 border-style: none;
universe@47 146 border-collapse: separate;
universe@47 147 border-spacing: 1em;
universe@47 148 }
universe@47 149
universe@47 150 table.formtable th {
universe@47 151 font-weight: bold;
universe@47 152 text-align: left;
universe@47 153 vertical-align: center;
universe@47 154 white-space: nowrap;
universe@47 155 }
universe@47 156
universe@47 157 table.formtable tbody td > * {
universe@47 158 width: 100%;
universe@47 159 }
universe@47 160
universe@75 161 table.formtable input[type=date] {
universe@75 162 width: auto;
universe@75 163 }
universe@75 164
universe@47 165 table.formtable tfoot td {
universe@47 166 text-align: right;
universe@47 167 }
universe@47 168
universe@47 169 .fullwidth {
universe@47 170 width: 100%;
universe@47 171 }
universe@47 172
universe@47 173 .vtop {
universe@47 174 vertical-align: top;
universe@47 175 }
universe@47 176
universe@26 177 .hcenter {
universe@26 178 text-align: center;
universe@26 179 }
universe@26 180
universe@80 181 .hright {
universe@80 182 text-align: right;
universe@80 183 }
universe@80 184
universe@26 185 .smalltext {
universe@26 186 font-size: smaller;
universe@26 187 }
universe@26 188
universe@26 189 .nowrap {
universe@26 190 white-space: nowrap;
universe@47 191 }
universe@47 192
universe@47 193 .medskip {
universe@47 194 margin-top: .5em;
universe@47 195 }
universe@47 196
universe@47 197 .info-box {
universe@47 198 margin: 2em;
universe@47 199 border-style: dashed;
universe@47 200 border-width: 1pt;
universe@47 201 border-color: deepskyblue;
universe@47 202 padding: 1em;
universe@26 203 }

mercurial