LightPIT: src/main/webapp/lightpit.css@b7b685f31e39

     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 {

    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 }

    59 #sideMenu {

    60     display: flex;

    61     flex-flow: column;

    62     position: fixed;

    63     height: 100%;

    64     width: 20ch;

    65     border-image-source: linear-gradient(to bottom, #606060, rgba(60, 60, 60, .25));

    66     border-image-slice: 1;

    67     border-right-style: solid;

    68     border-right-width: 1pt;

    69 }

    71 #content-area.sidebar-spacing {

    72     margin-left: 20ch;

    73 }

    75 #mainMenu {

    76     font-size: large;

    77     background: #e0e0e5;

    78 }

    80 #sideMenu {

    81     background: #f7f7ff;

    82 }

    84 #mainMenu .menuEntry {

    85     padding: .25em 1em .25em 1em;

    86     border-right-style: solid;

    87     border-right-width: 1pt;

    88     border-right-color: #9095a1;

    89 }

    91 #mainMenu .menuEntry[data-active] {

    92     background: #d0d0d5;

    93 }

    95 #sideMenu .menuEntry[data-active] {

    96     background: #e7e7ef

    97 }

    99 #content-area {

   100     padding: 1em;

   101 }

   103 button, a.button {

   104     display: inline-block;

   105     font-size: medium;

   106     border-style: outset;

   107     border-width: 2pt;

   108     border-color: #6060cc;

   109     color: inherit;

   110     background: #f0f0f0;

   112     padding: .25em .5em .25em .5em;

   113     cursor: default;

   114     text-decoration: none;

   115 }

   117 button:hover, a.button:hover {

   118     background: #f0f0ff;

   119 }

   121 button[type=submit] {

   122     background: #20a0ff;

   123     color: white;

   124 }

   126 button[type=submit]:hover {

   127     background: #1090cf;

   128 }

   130 th {

   131     text-align: left;

   132 }

   134 table.datatable {

   135     border-style: solid;

   136     border-width: 1pt;

   137     border-color: silver;

   138     border-collapse: collapse;

   139 }

   141 table.datatable th {

   142     white-space: nowrap;

   143     font-weight: bold;

   144     background: lightsteelblue;

   145 }

   147 table.datatable th, table.datatable td {

   148     border-style: solid;

   149     border-width: 1pt;

   150     border-color: black;

   151     padding: .4em;

   152 }

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

   155     background: #f0ffff;

   156 }

   158 table.formtable {

   159     border-style: none;

   160     border-collapse: separate;

   161     border-spacing: 1em;

   162 }

   164 table.formtable th {

   165     font-weight: bold;

   166     text-align: left;

   167     vertical-align: center;

   168     white-space: nowrap;

   169 }

   171 table.formtable tbody td > * {

   172     width: 100%;

   173 }

   175 table.formtable input[type=date] {

   176     width: auto;

   177 }

   179 table.formtable tfoot td {

   180     text-align: right;

   181 }

   183 .fullwidth {

   184     width: 100%;

   185 }

   187 .vtop {

   188     vertical-align: top;

   189 }

   191 .hcenter {

   192     text-align: center;

   193 }

   195 .hright {

   196     text-align: right;

   197 }

   199 .smalltext {

   200     font-size: smaller;

   201 }

   203 .nowrap {

   204     white-space: nowrap;

   205 }

   207 .medskip {

   208     margin-top: .5em;

   209 }

   211 .info-box {

   212     margin: 2em;

   213     border-style: dashed;

   214     border-width: 1pt;

   215     border-color: deepskyblue;

   216     padding: 1em;

   217 }

Mercurial > hg > LightPIT / file revision