/* 

==================================================boilerplate»=====
Phenology Extension Docs — Style Sheet

This script is distributed as part of the Phenology Extension to
WeeWX.  WeeWX is maintained by Tom Keffer, Matthew Wall, and Gary
Roderick.  This script is maintained by Chuck Rhode although it may
contain portions copied from Keffer et al. or directly inspired by
them.

Copyright 2018—2022 by Chuck Rhode.

See LICENSE.txt for your rights.

=================================================«boilerplate======

*/

:root {
    --body-background: #ffffff;
    --picture-frame: WhiteSmoke;
    --emphasis-color: DarkRed;
    --button-background: #000050;
    --button-border: LightGray;
}
body {
    font-family: serif;
    font-size: 100%;
    background-color: var(--body-background);
    background-image: url("imgs/left_gutter.png");
    background-repeat:  repeat-y;
}
td.menu {
  vertical-align: top;
  }
td.content {
  vertical-align: top;
  width: 100%;
  }
p.caption {
    font-size: smaller;
}
p.footer {
    font-family: monospace;
    font-size: smaller;
}
button.menu {
    background-color: var(--button-background);
    color: Cyan;
    border-radius: 7px;
    margin: 0px 5px 5px 0px;
    width: 60px;
    height: 30px;
    text-align: left;
    border-color: var(--button-border);
}
button.menu:hover {
    color: Yellow;
}
button.menu:active {
    color: Gray;
}
a.gloss {
    color: inherit;
    text-decoration-color: var(--emphasis-color);
}
a.cite{
    text-decoration: none;
}
a.ndx{
    text-decoration: none;
}
a.def{
    text-decoration: none;
}
a.ref{
    text-decoration: none;
}
a.toc{
    text-decoration: none;
}
a.lnk{
    text-decoration: none;
}
.emph {
    font-weight: bold;
    color: var(--emphasis-color);
}
.wc {
    font-family: monospace;
    padding-left: 35px;
    text-indent: -35px;
}
.just_right {
    margin: 20px;
    padding: 20px;
    background-color: var(--picture-frame);
    float: right;
}
.just_right_transparent {
    margin: 20px;
    padding: 20px;
    float: right;
}
.clear_right {
    clear: right;
}
.just_left {
    margin: 20px;
    padding: 20px;
    background-color: var(--picture-frame);
    float: left;
}
.clear_left {
    clear: left;
}
blockquote {
    padding: 10px 30px 10px 30px;
    background-color: var(--body-background);
    font-style: italic;
}
code, pre, ul, ol {
    padding: 10px 30px 10px 30px;
    background-color: var(--body-background);
}
.figure {
    padding: 10px 30px 10px 30px;
    background-color: var(--body-background);
}
img {
    width: 100%;
}
.div_quarter {
    padding: 20px;
    background-color: var(--picture-frame);
    vertical-align: text-top;
    width: 50%;
}
.verse {
    text-indent : -2em;
    margin-left : 2em;
    margin-top : 0;
    margin-bottom : 0;
}
.code {
    font-family: sans;
    font-weight: bold;
}