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