src/main/webapp/lightpit.css

Thu, 14 May 2020 22:48:01 +0200

author
Mike Becker <universe@uap-core.de>
date
Thu, 14 May 2020 22:48:01 +0200
changeset 47
57cfb94ab99f
parent 45
cc7f082c5ef3
child 51
dd0a45ae25d7
permissions
-rw-r--r--

projects can now be added and updated

     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     background: white;
    33     color: #1c204e;
    34     margin: 0;
    35     padding: 0;
    36 }
    38 body {
    39     height: 100%;
    40     margin: 0;
    41     padding: 0;
    42 }
    44 a {
    45     color: #3060f8;
    46     text-decoration: none;
    47 }
    49 #mainMenu, #subMenu {
    50     width: 100%;
    51     display: flex;
    52     flex-flow: row wrap;
    53     border-image-source: linear-gradient(to right, #606060, rgba(60, 60, 60, .25));
    54     border-image-slice: 1;
    55     border-bottom-style: solid;
    56     border-bottom-width: 1pt;
    57 }
    59 #mainMenu {
    60     background: #e0e0e5;
    61 }
    63 #subMenu {
    64     background: #f7f7ff;
    65 }
    67 .menuEntry {
    68     padding: .25em 1em .25em 1em;
    69     border-right-style: solid;
    70     border-right-width: 1pt;
    71     border-right-color: #9095a1;
    72 }
    74 #mainMenu .menuEntry[data-active] {
    75     background: #d0d0d5;
    76 }
    78 #subMenu .menuEntry[data-active] {
    79     background: #e7e7ef
    80 }
    82 #content-area {
    83     padding: 1em;
    84 }
    86 button, a.button {
    87     display: inline-block;
    88     font-size: medium;
    89     border-style: outset;
    90     border-width: 2pt;
    91     border-color: #6060cc;
    92     color: inherit;
    93     background: #f0f0f0;
    95     padding: .25em .5em .25em .5em;
    96     cursor: default;
    97     text-decoration: none;
    98 }
   100 button:hover, a.button:hover {
   101     background: #f0f0ff;
   102 }
   104 button[type=submit] {
   105     background: #20a0ff;
   106     color: white;
   107 }
   109 button[type=submit]:hover {
   110     background: #1090cf;
   111 }
   113 th {
   114     text-align: left;
   115 }
   117 table.datatable {
   118     width: 100%;
   119     border-style: solid;
   120     border-width: 1pt;
   121     border-color: black;
   122     border-collapse: collapse;
   123 }
   125 table.datatable th {
   126     white-space: nowrap;
   127     font-weight: bold;
   128     background: lightsteelblue;
   129 }
   131 table.datatable th, table.datatable td {
   132     border-style: solid;
   133     border-width: 1pt;
   134     border-color: black;
   135     padding: .4em;
   136 }
   138 table.datatable tr:nth-child(2n) {
   139     background: lightblue;
   140 }
   142 table.formtable {
   143     border-style: none;
   144     border-collapse: separate;
   145     border-spacing: 1em;
   146 }
   148 table.formtable th {
   149     font-weight: bold;
   150     text-align: left;
   151     vertical-align: center;
   152     white-space: nowrap;
   153 }
   155 table.formtable tbody td > * {
   156     width: 100%;
   157 }
   159 table.formtable tfoot td {
   160     text-align: right;
   161 }
   163 .fullwidth {
   164     width: 100%;
   165 }
   167 .vtop {
   168     vertical-align: top;
   169 }
   171 .hcenter {
   172     text-align: center;
   173 }
   175 .smalltext {
   176     font-size: smaller;
   177 }
   179 .nowrap {
   180     white-space: nowrap;
   181 }
   183 .medskip {
   184     margin-top: .5em;
   185 }
   187 .info-box {
   188     margin: 2em;
   189     border-style: dashed;
   190     border-width: 1pt;
   191     border-color: deepskyblue;
   192     padding: 1em;
   193 }

mercurial