src/main/webapp/lightpit.css

Sat, 16 May 2020 15:11:07 +0200

author
Mike Becker <universe@uap-core.de>
date
Sat, 16 May 2020 15:11:07 +0200
changeset 52
67a02e79b7a1
parent 51
dd0a45ae25d7
child 59
c759c60507a2
permissions
-rw-r--r--

adds project selection

     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