|
1 /* |
|
2 * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS HEADER. |
|
3 * |
|
4 * Copyright 2017 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 */ |
|
29 |
|
30 html { |
|
31 background: #f8f8f8; |
|
32 } |
|
33 |
|
34 body { |
|
35 background: white; |
|
36 font-family: sans-serif; |
|
37 |
|
38 border-color: #505050; |
|
39 border-style: solid; |
|
40 border-width: 1pt; |
|
41 |
|
42 color: black; |
|
43 } |
|
44 |
|
45 a { |
|
46 color: #3030f8; |
|
47 text-decoration: none; |
|
48 } |
|
49 |
|
50 #mainMenu, #mainMenuEntries { |
|
51 width: 100%; |
|
52 display: flex; |
|
53 flex-flow: row wrap; |
|
54 } |
|
55 |
|
56 #mainMenu { |
|
57 background: #f0f0f5; |
|
58 } |
|
59 |
|
60 #subMenu { |
|
61 background: #f7f7ff; |
|
62 |
|
63 border-image: linear-gradient(to right, #606060, rgba(60,60,60,.1)); |
|
64 border-image-slice: 1; |
|
65 border-top-style: solid; |
|
66 border-top-width: 1pt; |
|
67 border-bottom-style: solid; |
|
68 border-bottom-width: 1pt; |
|
69 } |
|
70 |
|
71 .menuEntry { |
|
72 padding: .25em 1em .25em 1em; |
|
73 } |
|
74 |
|
75 #mainMenu .menuEntry[data-active] { |
|
76 background: #e0e0e5; |
|
77 } |
|
78 |
|
79 #subMenu .menuEntry[data-active] { |
|
80 background: #e7e7ef |
|
81 } |
|
82 |
|
83 #content-area { |
|
84 padding: 1em; |
|
85 } |