src/main/webapp/lightpit.css

Mon, 01 Jun 2020 14:46:58 +0200

author
Mike Becker <universe@uap-core.de>
date
Mon, 01 Jun 2020 14:46:58 +0200
changeset 86
0a658e53177c
parent 80
27a25f32048e
child 96
b7b685f31e39
permissions
-rw-r--r--

improves issue overview and adds progress information

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@23 120 border-style: solid;
universe@23 121 border-width: 1pt;
universe@80 122 border-color: silver;
universe@23 123 border-collapse: collapse;
universe@23 124 }
universe@23 125
universe@26 126 table.datatable th {
universe@47 127 white-space: nowrap;
universe@23 128 font-weight: bold;
universe@23 129 background: lightsteelblue;
universe@23 130 }
universe@23 131
universe@26 132 table.datatable th, table.datatable td {
universe@23 133 border-style: solid;
universe@23 134 border-width: 1pt;
universe@23 135 border-color: black;
universe@23 136 padding: .4em;
universe@23 137 }
universe@23 138
universe@26 139 table.datatable tr:nth-child(2n) {
universe@51 140 background: #f0ffff;
universe@23 141 }
universe@26 142
universe@47 143 table.formtable {
universe@47 144 border-style: none;
universe@47 145 border-collapse: separate;
universe@47 146 border-spacing: 1em;
universe@47 147 }
universe@47 148
universe@47 149 table.formtable th {
universe@47 150 font-weight: bold;
universe@47 151 text-align: left;
universe@47 152 vertical-align: center;
universe@47 153 white-space: nowrap;
universe@47 154 }
universe@47 155
universe@47 156 table.formtable tbody td > * {
universe@47 157 width: 100%;
universe@47 158 }
universe@47 159
universe@75 160 table.formtable input[type=date] {
universe@75 161 width: auto;
universe@75 162 }
universe@75 163
universe@47 164 table.formtable tfoot td {
universe@47 165 text-align: right;
universe@47 166 }
universe@47 167
universe@47 168 .fullwidth {
universe@47 169 width: 100%;
universe@47 170 }
universe@47 171
universe@47 172 .vtop {
universe@47 173 vertical-align: top;
universe@47 174 }
universe@47 175
universe@26 176 .hcenter {
universe@26 177 text-align: center;
universe@26 178 }
universe@26 179
universe@80 180 .hright {
universe@80 181 text-align: right;
universe@80 182 }
universe@80 183
universe@26 184 .smalltext {
universe@26 185 font-size: smaller;
universe@26 186 }
universe@26 187
universe@26 188 .nowrap {
universe@26 189 white-space: nowrap;
universe@47 190 }
universe@47 191
universe@47 192 .medskip {
universe@47 193 margin-top: .5em;
universe@47 194 }
universe@47 195
universe@47 196 .info-box {
universe@47 197 margin: 2em;
universe@47 198 border-style: dashed;
universe@47 199 border-width: 1pt;
universe@47 200 border-color: deepskyblue;
universe@47 201 padding: 1em;
universe@26 202 }

mercurial