LightPIT: src/main/webapp/lightpit.css@0a658e53177c

     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, #breadcrumbs {

    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 #breadcrumbs {

    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 #breadcrumbs .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     border-style: solid;

   121     border-width: 1pt;

   122     border-color: silver;

   123     border-collapse: collapse;

   124 }

   126 table.datatable th {

   127     white-space: nowrap;

   128     font-weight: bold;

   129     background: lightsteelblue;

   130 }

   132 table.datatable th, table.datatable td {

   133     border-style: solid;

   134     border-width: 1pt;

   135     border-color: black;

   136     padding: .4em;

   137 }

   139 table.datatable tr:nth-child(2n) {

   140     background: #f0ffff;

   141 }

   143 table.formtable {

   144     border-style: none;

   145     border-collapse: separate;

   146     border-spacing: 1em;

   147 }

   149 table.formtable th {

   150     font-weight: bold;

   151     text-align: left;

   152     vertical-align: center;

   153     white-space: nowrap;

   154 }

   156 table.formtable tbody td > * {

   157     width: 100%;

   158 }

   160 table.formtable input[type=date] {

   161     width: auto;

   162 }

   164 table.formtable tfoot td {

   165     text-align: right;

   166 }

   168 .fullwidth {

   169     width: 100%;

   170 }

   172 .vtop {

   173     vertical-align: top;

   174 }

   176 .hcenter {

   177     text-align: center;

   178 }

   180 .hright {

   181     text-align: right;

   182 }

   184 .smalltext {

   185     font-size: smaller;

   186 }

   188 .nowrap {

   189     white-space: nowrap;

   190 }

   192 .medskip {

   193     margin-top: .5em;

   194 }

   196 .info-box {

   197     margin: 2em;

   198     border-style: dashed;

   199     border-width: 1pt;

   200     border-color: deepskyblue;

   201     padding: 1em;

   202 }

Mercurial > hg > LightPIT / file revision