src/main/webapp/lightpit.css

Sat, 16 May 2020 13:29:44 +0200

author
Mike Becker <universe@uap-core.de>
date
Sat, 16 May 2020 13:29:44 +0200
changeset 51
dd0a45ae25d7
parent 47
57cfb94ab99f
child 52
67a02e79b7a1
permissions
-rw-r--r--

adds the possibility to add users / developers

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@47 32 background: white;
universe@47 33 color: #1c204e;
universe@47 34 margin: 0;
universe@47 35 padding: 0;
universe@10 36 }
universe@10 37
universe@10 38 body {
universe@47 39 height: 100%;
universe@47 40 margin: 0;
universe@47 41 padding: 0;
universe@26 42 }
universe@26 43
universe@10 44 a {
universe@11 45 color: #3060f8;
universe@10 46 text-decoration: none;
universe@10 47 }
universe@10 48
universe@45 49 #mainMenu, #subMenu {
universe@10 50 width: 100%;
universe@10 51 display: flex;
universe@10 52 flex-flow: row wrap;
universe@45 53 border-image-source: linear-gradient(to right, #606060, rgba(60, 60, 60, .25));
universe@45 54 border-image-slice: 1;
universe@45 55 border-bottom-style: solid;
universe@45 56 border-bottom-width: 1pt;
universe@45 57 }
universe@45 58
universe@45 59 #mainMenu {
universe@45 60 background: #e0e0e5;
universe@10 61 }
universe@10 62
universe@10 63 #subMenu {
universe@10 64 background: #f7f7ff;
universe@10 65 }
universe@10 66
universe@10 67 .menuEntry {
universe@10 68 padding: .25em 1em .25em 1em;
universe@28 69 border-right-style: solid;
universe@28 70 border-right-width: 1pt;
universe@28 71 border-right-color: #9095a1;
universe@10 72 }
universe@10 73
universe@10 74 #mainMenu .menuEntry[data-active] {
universe@45 75 background: #d0d0d5;
universe@10 76 }
universe@10 77
universe@10 78 #subMenu .menuEntry[data-active] {
universe@10 79 background: #e7e7ef
universe@10 80 }
universe@10 81
universe@10 82 #content-area {
universe@10 83 padding: 1em;
universe@10 84 }
universe@23 85
universe@47 86 button, a.button {
universe@47 87 display: inline-block;
universe@47 88 font-size: medium;
universe@47 89 border-style: outset;
universe@47 90 border-width: 2pt;
universe@47 91 border-color: #6060cc;
universe@47 92 color: inherit;
universe@47 93 background: #f0f0f0;
universe@47 94
universe@47 95 padding: .25em .5em .25em .5em;
universe@47 96 cursor: default;
universe@47 97 text-decoration: none;
universe@47 98 }
universe@47 99
universe@47 100 button:hover, a.button:hover {
universe@47 101 background: #f0f0ff;
universe@47 102 }
universe@47 103
universe@47 104 button[type=submit] {
universe@47 105 background: #20a0ff;
universe@47 106 color: white;
universe@47 107 }
universe@47 108
universe@47 109 button[type=submit]:hover {
universe@47 110 background: #1090cf;
universe@47 111 }
universe@47 112
universe@26 113 th {
universe@26 114 text-align: left;
universe@26 115 }
universe@26 116
universe@26 117 table.datatable {
universe@26 118 width: 100%;
universe@23 119 border-style: solid;
universe@23 120 border-width: 1pt;
universe@23 121 border-color: black;
universe@23 122 border-collapse: collapse;
universe@23 123 }
universe@23 124
universe@26 125 table.datatable th {
universe@47 126 white-space: nowrap;
universe@23 127 font-weight: bold;
universe@23 128 background: lightsteelblue;
universe@23 129 }
universe@23 130
universe@26 131 table.datatable th, table.datatable td {
universe@23 132 border-style: solid;
universe@23 133 border-width: 1pt;
universe@23 134 border-color: black;
universe@23 135 padding: .4em;
universe@23 136 }
universe@23 137
universe@26 138 table.datatable tr:nth-child(2n) {
universe@51 139 background: #f0ffff;
universe@23 140 }
universe@26 141
universe@47 142 table.formtable {
universe@47 143 border-style: none;
universe@47 144 border-collapse: separate;
universe@47 145 border-spacing: 1em;
universe@47 146 }
universe@47 147
universe@47 148 table.formtable th {
universe@47 149 font-weight: bold;
universe@47 150 text-align: left;
universe@47 151 vertical-align: center;
universe@47 152 white-space: nowrap;
universe@47 153 }
universe@47 154
universe@47 155 table.formtable tbody td > * {
universe@47 156 width: 100%;
universe@47 157 }
universe@47 158
universe@47 159 table.formtable tfoot td {
universe@47 160 text-align: right;
universe@47 161 }
universe@47 162
universe@47 163 .fullwidth {
universe@47 164 width: 100%;
universe@47 165 }
universe@47 166
universe@47 167 .vtop {
universe@47 168 vertical-align: top;
universe@47 169 }
universe@47 170
universe@26 171 .hcenter {
universe@26 172 text-align: center;
universe@26 173 }
universe@26 174
universe@26 175 .smalltext {
universe@26 176 font-size: smaller;
universe@26 177 }
universe@26 178
universe@26 179 .nowrap {
universe@26 180 white-space: nowrap;
universe@47 181 }
universe@47 182
universe@47 183 .medskip {
universe@47 184 margin-top: .5em;
universe@47 185 }
universe@47 186
universe@47 187 .info-box {
universe@47 188 margin: 2em;
universe@47 189 border-style: dashed;
universe@47 190 border-width: 1pt;
universe@47 191 border-color: deepskyblue;
universe@47 192 padding: 1em;
universe@26 193 }

mercurial