Sat, 16 May 2020 13:29:44 +0200
adds the possibility to add users / developers
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 */
30 html {
31 font-family: sans-serif;
32 background: white;
33 color: #1c204e;
34 margin: 0;
35 padding: 0;
36 }
38 body {
39 height: 100%;
40 margin: 0;
41 padding: 0;
42 }
44 a {
45 color: #3060f8;
46 text-decoration: none;
47 }
49 #mainMenu, #subMenu {
50 width: 100%;
51 display: flex;
52 flex-flow: row wrap;
53 border-image-source: linear-gradient(to right, #606060, rgba(60, 60, 60, .25));
54 border-image-slice: 1;
55 border-bottom-style: solid;
56 border-bottom-width: 1pt;
57 }
59 #mainMenu {
60 background: #e0e0e5;
61 }
63 #subMenu {
64 background: #f7f7ff;
65 }
67 .menuEntry {
68 padding: .25em 1em .25em 1em;
69 border-right-style: solid;
70 border-right-width: 1pt;
71 border-right-color: #9095a1;
72 }
74 #mainMenu .menuEntry[data-active] {
75 background: #d0d0d5;
76 }
78 #subMenu .menuEntry[data-active] {
79 background: #e7e7ef
80 }
82 #content-area {
83 padding: 1em;
84 }
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;
95 padding: .25em .5em .25em .5em;
96 cursor: default;
97 text-decoration: none;
98 }
100 button:hover, a.button:hover {
101 background: #f0f0ff;
102 }
104 button[type=submit] {
105 background: #20a0ff;
106 color: white;
107 }
109 button[type=submit]:hover {
110 background: #1090cf;
111 }
113 th {
114 text-align: left;
115 }
117 table.datatable {
118 width: 100%;
119 border-style: solid;
120 border-width: 1pt;
121 border-color: black;
122 border-collapse: collapse;
123 }
125 table.datatable th {
126 white-space: nowrap;
127 font-weight: bold;
128 background: lightsteelblue;
129 }
131 table.datatable th, table.datatable td {
132 border-style: solid;
133 border-width: 1pt;
134 border-color: black;
135 padding: .4em;
136 }
138 table.datatable tr:nth-child(2n) {
139 background: #f0ffff;
140 }
142 table.formtable {
143 border-style: none;
144 border-collapse: separate;
145 border-spacing: 1em;
146 }
148 table.formtable th {
149 font-weight: bold;
150 text-align: left;
151 vertical-align: center;
152 white-space: nowrap;
153 }
155 table.formtable tbody td > * {
156 width: 100%;
157 }
159 table.formtable tfoot td {
160 text-align: right;
161 }
163 .fullwidth {
164 width: 100%;
165 }
167 .vtop {
168 vertical-align: top;
169 }
171 .hcenter {
172 text-align: center;
173 }
175 .smalltext {
176 font-size: smaller;
177 }
179 .nowrap {
180 white-space: nowrap;
181 }
183 .medskip {
184 margin-top: .5em;
185 }
187 .info-box {
188 margin: 2em;
189 border-style: dashed;
190 border-width: 1pt;
191 border-color: deepskyblue;
192 padding: 1em;
193 }