web/lightpit.css

Sat, 16 Dec 2017 20:19:28 +0100

author
Mike Becker <universe@uap-core.de>
date
Sat, 16 Dec 2017 20:19:28 +0100
changeset 10
89e3e6e28b69
child 11
737ab27e37b3
permissions
-rw-r--r--

implements automatic menu generation from module information

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

mercurial