LightPIT: src/main/webapp/lightpit.css@37fbdcb422b7

     1 /*

     2  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS HEADER.

     3  *

     4  * Copyright 2021 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     cursor: pointer;

    47     color: #3060f8;

    48     text-decoration: none;

    49 }

    51 #mainMenu {

    52     position: fixed;

    53     z-index: 2;

    54     width: 100%;

    55     display: flex;

    56     flex-flow: row wrap;

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

    58     border-image-slice: 1;

    59     border-bottom-style: solid;

    60     border-bottom-width: thin;

    61 }

    63 #sideMenu {

    64     display: flex;

    65     z-index: 1;

    66     flex-flow: column;

    67     position: fixed;

    68     height: 100%;

    69     width: 40ch; /* adjust with sidebar-spacing.margin-left */

    70     padding-top: 2.25rem;

    71     color: #3060f8;

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

    73     border-image-slice: 1;

    74     border-right-style: solid;

    75     border-right-width: thin;

    76 }

    78 #content-area.sidebar-spacing {

    79     margin-left: 40ch; /* adjust with sideMenu.width */

    80 }

    82 #mainMenu {

    83     font-size: 1.2rem;

    84     background: #e0e0e5;

    85 }

    87 #sideMenu {

    88     background: #f7f7ff;

    89     overflow-x: scroll;

    90 }

    92 #mainMenu .menuEntry {

    93     padding: .25em 1em .25em 1em;

    94     border-right-style: solid;

    95     border-right-width: thin;

    96     border-right-color: #9095a1;

    97 }

    99 #sideMenu .menuEntry {

   100     padding-top: .25em;

   101     padding-bottom: .25em;

   102     border-bottom-style: solid;

   103     border-bottom-width: thin;

   104     border-bottom-color: #d7d7df;

   105 }

   107 #mainMenu .menuEntry[data-active] {

   108     background: #d0d0d5;

   109 }

   111 #sideMenu .menuEntry[data-active] {

   112     background: #e7e7ef

   113 }

   115 #sideMenu .level-0 {

   116     padding-left: .25em;

   117 }

   119 #sideMenu .level-1 {

   120     padding-left: .75em;

   121 }

   123 #sideMenu .level-2 {

   124     padding-left: 2em;

   125 }

   127 #content-area {

   128     padding: 2.75rem 1em 1em;

   129 }

   131 button, a.button {

   132     display: inline-block;

   133     font-size: medium;

   134     border-style: solid;

   135     border-width: thin;

   136     border-color: #606060;

   137     color: inherit;

   138     background: #f0f0f0;

   140     padding: .25em .5em .25em .5em;

   141     cursor: default;

   142     text-decoration: none;

   143 }

   145 button:hover, a.button:hover {

   146     background: #f0f0ff;

   147 }

   149 button[type=submit], a.button.submit {

   150     background: #20a0ff;

   151     color: white;

   152 }

   154 button[type=submit]:hover, a.button.submit:hover {

   155     background: #1090cf;

   156 }

   158 th {

   159     text-align: left;

   160 }

   162 table.datatable {

   163     border-style: solid;

   164     border-width: thin;

   165     border-color: silver;

   166     border-collapse: collapse;

   167 }

   169 table.datatable th {

   170     white-space: nowrap;

   171     font-weight: bold;

   172     background: #f7f7ff;

   173 }

   175 table.datatable th, table.datatable td {

   176     border-style: solid;

   177     border-width: thin;

   178     border-color: lightgray;

   179     padding: .4em;

   180 }

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

   183     background: #faffff;

   184 }

   186 table.formtable {

   187     border-style: none;

   188     border-collapse: separate;

   189     border-spacing: 1em;

   190 }

   192 table.formtable th {

   193     font-weight: bold;

   194     text-align: left;

   195     vertical-align: center;

   196     white-space: nowrap;

   197 }

   199 table.formtable tbody td > * {

   200     width: 100%;

   201     margin: 0;

   202     box-sizing: border-box;

   203 }

   205 table.formtable input[type=date] {

   206     width: auto;

   207 }

   209 table.formtable tfoot td {

   210     text-align: right;

   211 }

   213 .fullwidth {

   214     width: 100%;

   215 }

   217 .vtop {

   218     vertical-align: top;

   219 }

   221 .hcenter {

   222     text-align: center;

   223 }

   225 .hright {

   226     text-align: right;

   227 }

   229 .smalltext {

   230     font-size: smaller;

   231 }

   233 .nowrap {

   234     white-space: nowrap;

   235 }

   237 .medskip {

   238     margin-top: .5em;

   239 }

   241 .info-box, .error-box, .warn-box {

   242     margin: 1.5em;

   243     border-style: dashed;

   244     border-width: thin;

   245     border-color: deepskyblue;

   246     padding: 1em;

   247 }

   249 .error-box {

   250     border-style: outset;

   251     border-color: red;

   252     background: lightcoral;

   253 }

   255 .warn-box {

   256     border-style: outset;

   257     border-color: gold;

   258     background: lightgoldenrodyellow;

   259 }

   261 .table {

   262     display: table;

   263     border-spacing: .5em;

   264     margin: -.5em;

   265 }

   267 .row {

   268     display: table-row;

   269 }

   271 .caption {

   272     font-weight: bold;

   273 }

   275 .row > div {

   276     display: table-cell;

   277 }

   279 /* MARKDOWN STYLES */

   281 div.markdown-styled p:first-child {

   282     margin-top: 0;

   283 }

   285 div.markdown-styled table {

   286     border-collapse: collapse;

   287 }

   289 div.markdown-styled td,

   290 div.markdown-styled th {

   291     padding: 0.25em;

   292     border-style: solid;

   293     border-color: darkgray;

   294     border-width: thin;

   295 }

Mercurial > hg > LightPIT / file revision