comparison: web/lightpit.css
web/lightpit.css
- changeset 10
- 89e3e6e28b69
- child 11
- 737ab27e37b3
equal
deleted
inserted
replaced
| 9:20a9b2bc9063 | 10:89e3e6e28b69 |
|---|---|
| 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 } |
