LightPIT: src/main/webapp/lightpit.css@b7b685f31e39 (annotated)

src/main/webapp/lightpit.css@b7b685f31e39 (annotated)

src/main/webapp/lightpit.css

Sat, 22 Aug 2020 16:25:03 +0200

author: Mike Becker <universe@uap-core.de>
date: Sat, 22 Aug 2020 16:25:03 +0200
changeset 96: b7b685f31e39
parent 86: 0a658e53177c
child 97: 602f75801644
permissions: -rw-r--r--

breadcrumb menu is now a sidebar navigation menu

 /*
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS HEADER.
  *
  * Copyright 2018 Mike Becker. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are met:
  *
  *   1. Redistributions of source code must retain the above copyright
  *      notice, this list of conditions and the following disclaimer.
  *
  *   2. Redistributions in binary form must reproduce the above copyright
  *      notice, this list of conditions and the following disclaimer in the
  *      documentation and/or other materials provided with the distribution.
  *
  * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
  * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
  * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
  * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
  * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
  * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
  * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
  * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
  * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
  * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
  * POSSIBILITY OF SUCH DAMAGE.
  *
  */
 html {
     font-family: sans-serif;
     font-size: 11pt;
     background: white;
     color: #1c204e;
     margin: 0;
     padding: 0;
 }
 body {
     height: 100%;
     margin: 0;
     padding: 0;
 }
 a {
     color: #3060f8;
     text-decoration: none;
 }
 #mainMenu {
     width: 100%;
     display: flex;
     flex-flow: row wrap;
     border-image-source: linear-gradient(to right, #606060, rgba(60, 60, 60, .25));
     border-image-slice: 1;
     border-bottom-style: solid;
     border-bottom-width: 1pt;
 }
 #sideMenu {
     display: flex;
     flex-flow: column;
     position: fixed;
     height: 100%;
     width: 20ch;
     border-image-source: linear-gradient(to bottom, #606060, rgba(60, 60, 60, .25));
     border-image-slice: 1;
     border-right-style: solid;
     border-right-width: 1pt;
 }
 #content-area.sidebar-spacing {
     margin-left: 20ch;
 }
 #mainMenu {
     font-size: large;
     background: #e0e0e5;
 }
 #sideMenu {
     background: #f7f7ff;
 }
 #mainMenu .menuEntry {
     padding: .25em 1em .25em 1em;
     border-right-style: solid;
     border-right-width: 1pt;
     border-right-color: #9095a1;
 }
 #mainMenu .menuEntry[data-active] {
     background: #d0d0d5;
 }
 #sideMenu .menuEntry[data-active] {
     background: #e7e7ef
 }
 #content-area {
     padding: 1em;
 }
 button, a.button {
     display: inline-block;
     font-size: medium;
     border-style: outset;
     border-width: 2pt;
     border-color: #6060cc;
     color: inherit;
     background: #f0f0f0;
     padding: .25em .5em .25em .5em;
     cursor: default;
     text-decoration: none;
 }
 button:hover, a.button:hover {
     background: #f0f0ff;
 }
 button[type=submit] {
     background: #20a0ff;
     color: white;
 }
 button[type=submit]:hover {
     background: #1090cf;
 }
 th {
     text-align: left;
 }
 table.datatable {
     border-style: solid;
     border-width: 1pt;
     border-color: silver;
     border-collapse: collapse;
 }
 table.datatable th {
     white-space: nowrap;
     font-weight: bold;
     background: lightsteelblue;
 }
 table.datatable th, table.datatable td {
     border-style: solid;
     border-width: 1pt;
     border-color: black;
     padding: .4em;
 }
 table.datatable tr:nth-child(2n) {
     background: #f0ffff;
 }
 table.formtable {
     border-style: none;
     border-collapse: separate;
     border-spacing: 1em;
 }
 table.formtable th {
     font-weight: bold;
     text-align: left;
     vertical-align: center;
     white-space: nowrap;
 }
 table.formtable tbody td > * {
     width: 100%;
 }
 table.formtable input[type=date] {
     width: auto;
 }
 table.formtable tfoot td {
     text-align: right;
 }
 .fullwidth {
     width: 100%;
 }
 .vtop {
     vertical-align: top;
 }
 .hcenter {
     text-align: center;
 }
 .hright {
     text-align: right;
 }
 .smalltext {
     font-size: smaller;
 }
 .nowrap {
     white-space: nowrap;
 }
 .medskip {
     margin-top: .5em;
 }
 .info-box {
     margin: 2em;
     border-style: dashed;
     border-width: 1pt;
     border-color: deepskyblue;
     padding: 1em;
 }

Mercurial > hg > LightPIT / annotate

src/main/webapp/lightpit.css@b7b685f31e39 (annotated)

src/main/webapp/lightpit.css