src/main/webapp/lightpit.css

Sat, 16 May 2020 15:45:06 +0200

author
Mike Becker <universe@uap-core.de>
date
Sat, 16 May 2020 15:45:06 +0200
changeset 53
6a8498291606
parent 52
67a02e79b7a1
child 59
c759c60507a2
permissions
-rw-r--r--

fixes bug where displaying an error page for missing data source would also require that data source (error pages don't try to get database connections now)

also improves error pages in general

     1 /*
     2  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS HEADER.
     3  * 
     4  * Copyright 2018 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  */
    30 html {
    31     font-family: sans-serif;
    32     font-size: 11pt;
    33     background: white;
    34     color: #1c204e;
    35     margin: 0;
    36     padding: 0;
    37 }
    39 body {
    40     height: 100%;
    41     margin: 0;
    42     padding: 0;
    43 }
    45 a {
    46     color: #3060f8;
    47     text-decoration: none;
    48 }
    50 #mainMenu, #subMenu {
    51     width: 100%;
    52     display: flex;
    53     flex-flow: row wrap;
    54     border-image-source: linear-gradient(to right, #606060, rgba(60, 60, 60, .25));
    55     border-image-slice: 1;
    56     border-bottom-style: solid;
    57     border-bottom-width: 1pt;
    58 }
    60 #mainMenu {
    61     font-size: large;
    62     background: #e0e0e5;
    63 }
    65 #subMenu {
    66     background: #f7f7ff;
    67 }
    69 .menuEntry {
    70     padding: .25em 1em .25em 1em;
    71     border-right-style: solid;
    72     border-right-width: 1pt;
    73     border-right-color: #9095a1;
    74 }
    76 #mainMenu .menuEntry[data-active] {
    77     background: #d0d0d5;
    78 }
    80 #subMenu .menuEntry[data-active] {
    81     background: #e7e7ef
    82 }
    84 #content-area {
    85     padding: 1em;
    86 }
    88 button, a.button {
    89     display: inline-block;
    90     font-size: medium;
    91     border-style: outset;
    92     border-width: 2pt;
    93     border-color: #6060cc;
    94     color: inherit;
    95     background: #f0f0f0;
    97     padding: .25em .5em .25em .5em;
    98     cursor: default;
    99     text-decoration: none;
   100 }
   102 button:hover, a.button:hover {
   103     background: #f0f0ff;
   104 }
   106 button[type=submit] {
   107     background: #20a0ff;
   108     color: white;
   109 }
   111 button[type=submit]:hover {
   112     background: #1090cf;
   113 }
   115 th {
   116     text-align: left;
   117 }
   119 table.datatable {
   120     width: 100%;
   121     border-style: solid;
   122     border-width: 1pt;
   123     border-color: black;
   124     border-collapse: collapse;
   125 }
   127 table.datatable th {
   128     white-space: nowrap;
   129     font-weight: bold;
   130     background: lightsteelblue;
   131 }
   133 table.datatable th, table.datatable td {
   134     border-style: solid;
   135     border-width: 1pt;
   136     border-color: black;
   137     padding: .4em;
   138 }
   140 table.datatable tr:nth-child(2n) {
   141     background: #f0ffff;
   142 }
   144 table.formtable {
   145     border-style: none;
   146     border-collapse: separate;
   147     border-spacing: 1em;
   148 }
   150 table.formtable th {
   151     font-weight: bold;
   152     text-align: left;
   153     vertical-align: center;
   154     white-space: nowrap;
   155 }
   157 table.formtable tbody td > * {
   158     width: 100%;
   159 }
   161 table.formtable tfoot td {
   162     text-align: right;
   163 }
   165 .fullwidth {
   166     width: 100%;
   167 }
   169 .vtop {
   170     vertical-align: top;
   171 }
   173 .hcenter {
   174     text-align: center;
   175 }
   177 .smalltext {
   178     font-size: smaller;
   179 }
   181 .nowrap {
   182     white-space: nowrap;
   183 }
   185 .medskip {
   186     margin-top: .5em;
   187 }
   189 .info-box {
   190     margin: 2em;
   191     border-style: dashed;
   192     border-width: 1pt;
   193     border-color: deepskyblue;
   194     padding: 1em;
   195 }

mercurial