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

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

src/main/webapp/lightpit.css

Mon, 09 Aug 2021 16:57:56 +0200

author: Mike Becker <universe@uap-core.de>
date: Mon, 09 Aug 2021 16:57:56 +0200
changeset 217: a5ad7cd5d000
parent 213: 5b55a5318a83
child 219: 556c03f1dd4e
permissions: -rw-r--r--

#104 changes base layout from fixed to grid

 /*
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS HEADER.
  *
  * Copyright 2021 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.
  *
  */
 @font-face {
     font-family: LightPIT;
     src: url('fonts/MPLUS1p-Thin.ttf');
     font-weight: 100;
 }
 @font-face {
     font-family: LightPIT;
     src: url('fonts/MPLUS1p-Light.ttf');
     font-weight: 300;
 }
 @font-face {
     font-family: LightPIT;
     src: url('fonts/MPLUS1p-Regular.ttf');
     font-weight: 400;
 }
 @font-face {
     font-family: LightPIT;
     src: url('fonts/MPLUS1p-Medium.ttf');
     font-weight: 500;
 }
 @font-face {
     font-family: LightPIT;
     src: url('fonts/MPLUS1p-Bold.ttf');
     font-weight: 700;
 }
 html {
     font-family: LightPIT,sans-serif;
     font-size: 11pt;
     background: white;
     color: #1c204e;
     margin: 0;
     padding: 0;
     height: 100vh;
 }
 body {
     height: 100%;
     margin: 0;
     padding: 0;
 }
 textarea, input, button, select {
     font-family: inherit;
     font-size: inherit;
 }
 a {
     cursor: pointer;
     color: #3060f8;
     text-decoration: none;
 }
 #body-area {
     display: grid;
     grid-template-columns: max-content auto;
     grid-template-rows: max-content 1fr;
     height: 100%;
 }
 #mainMenu {
     grid-row: 1;
     grid-column: 1 / span 2;
     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: thin;
     font-size: 1.2rem;
     background: #e0e0e5;
 }
 #sideMenu {
     grid-row: 2;
     grid-column: 1;
     display: flex;
     flex-flow: column;
     color: #3060f8;
     border-image-source: linear-gradient(to bottom, #606060, rgba(60, 60, 60, .25));
     border-image-slice: 1;
     border-right-style: solid;
     border-right-width: thin;
     background: #f7f7ff;
 }
 #mainMenu .menuEntry {
     padding: .25em 1em .25em 1em;
     border-right-style: solid;
     border-right-width: thin;
     border-right-color: #9095a1;
 }
 #sideMenu .menuEntry {
     padding-right: 1em;
     padding-top: .25em;
     padding-bottom: .25em;
     border-bottom-style: solid;
     border-bottom-width: thin;
     border-bottom-color: #d7d7df;
 }
 #mainMenu .menuEntry[data-active] {
     background: #d0d0d5;
 }
 #sideMenu .menuEntry[data-active] {
     background: #e7e7ef
 }
 #sideMenu .level-0 {
     padding-left: .25em;
 }
 #sideMenu .level-1 {
     padding-left: .75em;
 }
 #sideMenu .level-2 {
     padding-left: 2em;
 }
 #content-area {
     grid-row: 2;
     grid-column: 2;
     padding: 1.5em;
 }
 button, a.button {
     display: inline-block;
     font-size: medium;
     border-style: solid;
     border-width: thin;
     border-color: #606060;
     color: inherit;
     background: #f0f0f0;
     padding: .25em .5em .25em .5em;
     cursor: default;
     text-decoration: none;
 }
 button:hover, a.button:hover {
     background: #f0f0ff;
 }
 button[type=submit], a.button.submit {
     background: #20a0ff;
     color: white;
 }
 button[type=submit]:hover, a.button.submit:hover {
     background: #1090cf;
 }
 th {
     text-align: left;
 }
 table.datatable {
     border-style: solid;
     border-width: thin;
     border-color: silver;
     border-collapse: collapse;
 }
 table.datatable th {
     white-space: nowrap;
     font-weight: bold;
     background: #f7f7ff;
 }
 table.datatable th, table.datatable td {
     border-style: solid;
     border-width: thin;
     border-color: lightgray;
     padding: .4em;
 }
 table.datatable tr:nth-child(2n) {
     background: #faffff;
 }
 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%;
     margin: 0;
     box-sizing: border-box;
 }
 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, .error-box, .warn-box {
     margin: 1.5em;
     border-style: dashed;
     border-width: thin;
     border-color: deepskyblue;
     padding: 1em;
 }
 .error-box {
     border-style: outset;
     border-color: red;
     background: lightcoral;
 }
 .warn-box {
     border-style: outset;
     border-color: gold;
     background: lightgoldenrodyellow;
 }
 .table {
     display: table;
     border-spacing: .5em;
     margin: -.5em;
 }
 .row {
     display: table-row;
 }
 .caption {
     font-weight: bold;
 }
 .row > div {
     display: table-cell;
 }
 /* MARKDOWN STYLES */
 div.markdown-styled p:first-child {
     margin-top: 0;
 }
 div.markdown-styled table {
     border-collapse: collapse;
 }
 div.markdown-styled td,
 div.markdown-styled th {
     padding: 0.25em;
     border-style: solid;
     border-color: darkgray;
     border-width: thin;
 }

Mercurial > hg > LightPIT / annotate

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

src/main/webapp/lightpit.css