/* Overall page style; vi: filetype=css
*/
body {
margin: 0 auto;
background-color: white;
font-family: sans-serif;
}
a {
/* Unvisited links are a lightness-adjusted version of this skin's
* header blue, balancing contrast between the body text and the
* background in order to meet the goals specified by the WCAG 2
* accessbility standard, earning us an "AA" grade according to
* the calculator result here:
*
* https://webaim.org/resources/linkcontrastchecker/?fcolor=2E2E2E&bcolor=FFFFFF&lcolor=3779BF
*
* It is for this same reason that our not-quite-black body text
* color is the shade of dark gray that it is. It can't be any
* lighter and still allow us to meet both targets. */
color: #3779BF;
text-decoration: none;
}
a:hover {
color: #4183C4;
text-decoration: underline;
}
/* Page title, above menu bars */
.title {
color: #4183C4;
float: left;
}
h1.page-title {
font-size: 1.60em; /* match content > h1 */
margin-bottom: 0; /* div.content top margin suffices */
display: none; /* don't use body-area h1 except… */
}
.artifact h1.page-title,
.dir h1.page-title,
.doc h1.page-title,
.wiki h1.page-title {
display: block; /* …for potentially long doc titles… */
}
.artifact .title > .page-title,
.dir .title > .page-title,
.doc .title > .page-title,
.wiki .title > .page-title {
display: none; /* …where we suppress the title area h1 instead */
}
.title h1 {
display: inline;
font-size: 2.20em;
}
.title h1:after {
content: " / ";
color: #777;
font-weight: normal;
}
.artifact .title h1:after,
.dir .title h1:after,
.doc .title h1:after,
.wiki .title h1:after {
content: ""; /* hide solidus for docs along with title h1 */
}
.status {
float: right;
font-size: 0.8em;
}
div.logo {
float: left;
padding-right: 10px;
}
div.logo img {
max-height: 2em; /* smaller than title to keep it above the baseline */
}
/* Main menu and optional sub-menu */
.mainmenu {
clear: both;
background: #eaeaea linear-gradient(#fafafa, #eaeaea) repeat-x;
border: 1px solid #eaeaea;
border-radius: 5px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
z-index: 21; /* just above hbdrop */
}
.mainmenu a {
text-decoration: none;
color: #777;
border-right: 1px solid #eaeaea;
}
.mainmenu a.active,
.mainmenu a:hover {
color: #000;
border-bottom: 2px solid #D26911;
}
nav#hbdrop {
background-color: white;
border: 1px solid black;
border-top: white;
border-radius: 0 0 0.5em 0.5em;
display: none;
font-size: 80%;
left: 2em;
width: 90%;
padding-right: 1em;
position: absolute;
z-index: 20; /* just below mainmenu, but above timeline bubbles */
}
.submenu {
font-size: 0.8em;
padding: 10px;
border-bottom: 1px solid #ccc;
}
.submenu a, .submenu label {
padding: 10px 11px;
text-decoration: none;
color: #777;
}
.submenu label {
white-space: nowrap;
}
.submenu a:hover, .submenu label:hover {
padding: 6px 10px;
border: 1px solid #ccc;
border-radius: 5px;
color: #000;
}
span.submenuctrl, span.submenuctrl input, select.submenuctrl {
color: #777;
}
span.submenuctrl {
white-space: nowrap;
}
/* Main document area; elements common to most pages. */
.content {
padding: 1ex;
color: #2e2e2e; /* justified above in "WCAG 2" comment */
}
.content h1 { font-size: 1.60em; color: #444; }
.content h2 { font-size: 1.45em; color: #444; }
.content h3 { font-size: 1.15em; color: #444; }
.content h4 { font-size: 1.05em; color: #444; }
.content h5 { font-size: 1.00em; color: #444; }
.section {
font-size: 1em;
font-weight: bold;
background-color: #f5f5f5;
border: 1px solid #d8d8d8;
border-radius: 3px 3px 0 0;
padding: 9px 10px 10px;
margin: 10px 0;
}
.sectionmenu {
border: 1px solid #d8d8d8;
border-radius: 0 0 3px 3px;
border-top: 0;
margin-top: -10px;
margin-bottom: 10px;
padding: 10px;
}
.sectionmenu a {
display: inline-block;
margin-right: 1em;
}
hr {
color: #eee;
}
/* Page footer */
footer {
border-top: 1px solid #ccc;
padding: 10px;
font-size: 0.8em;
margin-top: 10px;
color: #ccc;
}
/* Forum */
.forum a:visited {
color: #6A7F94;
}
div.forumSel {
animation: 1s linear 0s sel-fade;
background-color: white; /* animation end state */
border-left: 4px solid black; /* after-animation selection indicator */
}
@keyframes sel-fade {
from { background-color: #cef; }
to { background-color: white; }
}
.forum form input {
margin: 0.5em 0;
}
/* Markdown and Wiki-formatted pages: /wiki, /doc, /file... */
.markdown blockquote, p.blockquote, .sidebar {
/* Override default.css version with our accent colors. Background is
* the solid version of rgba(65, 131, 196, 0.1) on white, needed to
* avoid tinting pre block backgrounds going "under" them. */
background-color: #ebf2f9;
border-left-color: #4183c4;
}
div.sidebar {
/* Add extra whitespace between sidebar and content, both for spacing
* and to put a gap between it and any <pre> blocks that happen to run
* up against it. */
outline: 1em solid white;
width: 70%;
margin: auto;
float: none;
max-width: initial;
}
/* Mark inline code fragments in the near-universal manner pioneered by
* Stack Overflow, then picked up by approximately everyone, including
* us, now.
*
* This combinatorial selector explosion results from a need to apply
* these stylings inside multiple page container types, multiplied by
* the surprisingly large number of tags HTML defines for semantically
* differentiated monospaced inline markup. If we do not target the
* elements we want to affect carefully, we'll end up overreaching,
* styling Fossil UI elements that use these tags for local purposes.
*
* HTML generated and emitted by Fossil UI does not always fall under
* the skin's generic rules; we must avoid intruding on its domain.
* Our limited intent here is to style user content only, where it is
* unreasonable to expect its author to take the time to hand-craft
* per-document styling. Contrast Fossil UI, which often does exactly
* that in order to get particular results.
*
* Its rough equivalent in Sass syntax is far more compact, thus clearer:
*
* .artifact, .dir, .doc, .forum, .wiki // the page types we target
* > .content // hands off header & footer
* &, > .fossil-doc, > .markdown // wiki, HTML & MD emb docs
* > p // in top-level paras only
* > code, > kbd, > samp, > tt, > var // monospaced tag types
* background-color: #f4f4f4 // pale gray box which…
* padding: 0 4px // …extends around the sides
*
* We then need something similar for the block-level pre elements.
*
* The CSS below is based on feeding that Sass code through this:
*
* $ sassc code.sass | sed -e 's/, /,\n/g'
*
* …then hand-cleansing it to make it _somewhat_ more understandable.
* That largely amounts to whitespace tweaks, but we've also done things
* like trim back the forum-specific styling to apply to the default MD
* markup only; direct HTML formatting isn't even an option there, and
* while wiki markup _is_ supported, MD was the default from day 1.
* Another quirk of the forum post handling is that the .markdown class
* gets applied per-post, not up at the top level as with the wiki,
* embedded docs, etc.
*/
.artifact > .content > p > code,
.artifact > .content > p > kbd,
.artifact > .content > p > samp,
.artifact > .content > p > tt,
.artifact > .content > p > var,
.artifact > .content > .fossil-doc > p > code,
.artifact > .content > .fossil-doc > p > kbd,
.artifact > .content > .fossil-doc > p > samp,
.artifact > .content > .fossil-doc > p > tt,
.artifact > .content > .fossil-doc > p > var,
.artifact > .content > .markdown > p > code,
.artifact > .content > .markdown > p > kbd,
.artifact > .content > .markdown > p > samp,
.artifact > .content > .markdown > p > tt,
.artifact > .content > .markdown > p > var,
.dir > .content > p > code,
.dir > .content > p > kbd,
.dir > .content > p > samp,
.dir > .content > p > tt,
.dir > .content > p > var,
.dir > .content > .fossil-doc > p > code,
.dir > .content > .fossil-doc > p > kbd,
.dir > .content > .fossil-doc > p > samp,
.dir > .content > .fossil-doc > p > tt,
.dir > .content > .fossil-doc > p > var,
.dir > .content > .markdown > p > code,
.dir > .content > .markdown > p > kbd,
.dir > .content > .markdown > p > samp,
.dir > .content > .markdown > p > tt,
.dir > .content > .markdown > p > var,
.doc > .content > p > code,
.doc > .content > p > kbd,
.doc > .content > p > samp,
.doc > .content > p > tt,
.doc > .content > p > var,
.doc > .content > .fossil-doc > p > code,
.doc > .content > .fossil-doc > p > kbd,
.doc > .content > .fossil-doc > p > samp,
.doc > .content > .fossil-doc > p > tt,
.doc > .content > .fossil-doc > p > var,
.doc > .content > .markdown > p > code,
.doc > .content > .markdown > p > kbd,
.doc > .content > .markdown > p > samp,
.doc > .content > .markdown > p > tt,
.doc > .content > .markdown > p > var,
.forum > .content .markdown > p > code,
.forum > .content .markdown > p > kbd,
.forum > .content .markdown > p > samp,
.forum > .content .markdown > p > tt,
.forum > .content .markdown > p > var,
.wiki > .content > p > code,
.wiki > .content > p > kbd,
.wiki > .content > p > samp,
.wiki > .content > p > tt,
.wiki > .content > p > var,
.wiki > .content > .fossil-doc > p > code,
.wiki > .content > .fossil-doc > p > kbd,
.wiki > .content > .fossil-doc > p > samp,
.wiki > .content > .fossil-doc > p > tt,
.wiki > .content > .fossil-doc > p > var,
.wiki > .content > .markdown > p > code,
.wiki > .content > .markdown > p > kbd,
.wiki > .content > .markdown > p > samp,
.wiki > .content > .markdown > p > tt,
.wiki > .content > .markdown > p > var,
.artifact > .content > pre,
.artifact > .content > .fossil-doc > pre,
.artifact > .content > .markdown > pre,
.dir > .content > pre,
.dir > .content > .fossil-doc > pre,
.dir > .content > .markdown > pre,
.doc > .content > pre,
.doc > .content > .fossil-doc > pre,
.doc > .content > .markdown > pre,
.forum > .content > pre,
.forum > .content > .fossil-doc > pre,
.forum > .content > .markdown > pre,
.wiki > .content > pre,
.wiki > .content > .fossil-doc > pre,
.wiki > .content > .markdown > pre {
/*background-color: #f4f4f4;*/
padding: 0 4px;
}
.content pre, table.numbered-lines > tbody > tr {
hyphens: none;
line-height: 1.25;
}
.content ul li {
list-style-type: disc;
}
.artifact > .content table,
.dir > .content table,
.doc > .content table {
background-color: #f0f5f9;
border: 1px solid #a7c2dc;
border-radius: 0.5em;
border-spacing: 0;
padding: 6px;
}
.artifact > .content th,
.dir > .content th,
.doc > .content th {
border-bottom: 1px solid #dee8f2;
padding-bottom: 4px;
padding-right: 6px;
text-align: left;
}
.artifact > .content tr > th,
.dir > .content tr > th,
.doc > .content tr > th {
background-color: #dee8f0;
}
.artifact > .content tr:nth-child(odd),
.dir > .content tr:nth-child(odd),
.doc > .content tr:nth-child(odd) {
background-color: #e0e8ee;
}
.artifact > .content td,
.dir > .content td,
.doc > .content td {
padding-bottom: 4px;
padding-right: 6px;
text-align: left;
}
/* Wiki adjustments */
pre.verbatim {
/* keep code examples from crashing into sidebars, etc. */
white-space: pre-wrap;
}
textarea.wikiedit {
/* Monospace fonts tend to have smaller x-heights; compensate.
* Can't do this generally because not all fonts have this problem.
* A textarea stands alone, whereas inline <code> has to work with
* the browser's choice of sans-serif proportional font. */
font-size: 1.1em;
}
/* Tickets */
table.report {
cursor: auto;
border: 1px solid #ccc;
border-radius: 0.5em;
margin: 1em 0;
}
.report td, .report th {
border: 0;
font-size: .8em;
padding: 10px;
}
.report td:first-child {
border-top-left-radius: 5px;
}
.report tbody tr:last-child td:first-child {
border-bottom-left-radius: 5px;
}
.report td:last-child {
border-top-right-radius: 5px;
}
.report tbody tr:last-child {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.report tbody tr:last-child td:last-child {
border-bottom-right-radius: 5px;
}
.report th {
cursor: pointer;
}
.report thead+tbody tr:hover {
background-color: #f5f9fc !important;
}
td.tktDspLabel {
width: 70px;
text-align: right;
overflow: hidden;
}
td.tktDspValue {
text-align: left;
vertical-align: top;
background-color: #f8f8f8;
border: 1px solid #ccc;
}
td.tktDspValue pre {
white-space: pre-wrap;
}
/* Timeline */
span.timelineDetail {
font-size: 90%;
}
div.timelineDate {
font-weight: bold;
white-space: nowrap;
}
tr.timelineSelected, tr.timelineCurrent {
/* etienne/css.txt puts these styles on the whole row. We want them only
* on the comment/details cell within the table, not over the time
* and graph columns as well. */
background-color: unset;
border: unset;
box-shadow: unset;
}
tr.timelineCurrent td.timelineModernCell,
tr.timelineCurrent td.timelineColumnarCell {
border: 1px dashed #446979;
border-radius: 1em;
}
tr.timelineSelected td.timelineModernCell,
tr.timelineSelected td.timelineColumnarCell {
background-color: #fbe8d5;
border-radius: 1em;
}
tr.timelineSecondary td.timelineModernCell,
tr.timelineSecondary td.timelineColumnarCell {
background-color: #d5e8fb;
}
span.timelineSelected {
background-color: #fbe8d5;
}
span.timelineSecondary {
background-color: #d5e8fb;
}
/* Miscellaneous UI elements */
.fossil-tooltip.help-buttonlet-content {
background-color: lightyellow;
}
/* Exceptions for specific screen sizes */
@media screen and (max-width: 600px) {
/* Spacing for mobile */
body {
padding-left: 4px;
padding-right: 4px;
}
.content {
font-size: 0.9em;
}
.title {
padding-top: 0px;
padding-bottom: 0px;
}
.title > .page-title {
display: inline; /* show page titles above menu bar… */
}
.artifact .title > .page-title,
.dir .title > .page-title,
.doc .title > .page-title,
.wiki .title > .page-title {
display: none; /* …except for docs, where it may force wrapping */
}
.status {padding-top: 0px;}
.mainmenu a {
padding: 8px 10px;
}
.mainmenu {
padding: 10px;
}
}
@media screen and (min-width: 600px) {
/* Spacing for desktop */
body {
padding-left: 20px;
padding-right: 20px;
}
.title {
padding-top: 10px;
padding-bottom: 10px;
}
span.page-title {
font-size: 18px;
}
div.logo {
padding-top: 10px;
}
.status {padding-top: 30px;}
.mainmenu a {
padding: 8px 20px;
}
.mainmenu {
padding: 10px;
}
/* Wide screens mean long lines. Add extra leading to give the eye a
* "gutter" to follow from the end of one to the start of the next. */
.content dd,
.content dt,
.content div,
.content li,
.content p,
.content table {
line-height: 1.4em;
}
/* This horror show has the same cause that informed our handling of
* <code> and friends above; see "combinatorial selector explosion."
* Without this careful targeting, we'd not only overreach into areas
* of Fossil UI where our meddling is not wanted, we would mistakenly
* apply double indents to nested formatting in MD forum posts, p
* within td tags, and more.
*
* Rather than give the equivalent Sass code here, see the SCSS file
* that the [Inskinerator](https://tangentsoft.com/inskinerator/)
* project ships as override/modern/media.scss. Rendering that
* through sassc gives substantially identical output, modulo the
* hand-polishing we've done here. */
.artifact > .content > p,
.artifact > .content > .markdown > p,
.artifact > .content > .fossil-doc > p,
.artifact > .content > ol, .artifact > .content > ul,
.artifact > .content > .markdown > ol, .artifact > .content > .markdown > ul,
.artifact > .content > .fossil-doc > ol, .artifact > .content > .fossil-doc > ul,
.artifact > .content > table,
.artifact > .content > .markdown > table,
.artifact > .content > .fossil-doc > table,
.dir > .content > p,
.dir > .content > .markdown > p,
.dir > .content > .fossil-doc > p,
.dir > .content > ol, .dir > .content > ul,
.dir > .content > .markdown > ol, .dir > .content > .markdown > ul,
.dir > .content > .fossil-doc > ol, .dir > .content > .fossil-doc > ul,
.dir > .content > table,
.dir > .content > .markdown > table,
.dir > .content > .fossil-doc > table,
.doc > .content > p,
.doc > .content > .markdown > p,
.doc > .content > .fossil-doc > p,
.doc > .content > ol, .doc > .content > ul,
.doc > .content > .markdown > ol, .doc > .content > .markdown > ul,
.doc > .content > .fossil-doc > ol, .doc > .content > .fossil-doc > ul,
.doc > .content > table,
.doc > .content > .markdown > table,
.doc > .content > .fossil-doc > table,
.wiki > .content > p,
.wiki > .content > .markdown > p,
.wiki > .content > .fossil-doc > p,
.wiki > .content > ol, .wiki > .content > ul,
.wiki > .content > .markdown > ol, .wiki > .content > .markdown > ul,
.wiki > .content > .fossil-doc > ol, .wiki > .content > .fossil-doc > ul,
.wiki > .content > table,
.wiki > .content > .markdown > table,
.wiki > .content > .fossil-doc > table,
#fileedit-tab-preview-wrapper > p,
#fileedit-tab-preview-wrapper > ol,
#fileedit-tab-preview-wrapper > ul,
#fileedit-tab-preview-wrapper > table,
#fileedit-tab-preview-wrapper > .markdown > p,
#fileedit-tab-preview-wrapper > .markdown > ol,
#fileedit-tab-preview-wrapper > .markdown > ul,
#fileedit-tab-preview-wrapper > .markdown > table,
#wikiedit-tab-preview-wrapper > p,
#wikiedit-tab-preview-wrapper > ol,
#wikiedit-tab-preview-wrapper > ul,
#wikiedit-tab-preview-wrapper > table,
#wikiedit-tab-preview-wrapper > .markdown > p,
#wikiedit-tab-preview-wrapper > .markdown > ol,
#wikiedit-tab-preview-wrapper > .markdown > ul,
#wikiedit-tab-preview-wrapper > .markdown > table {
margin-left: 50pt;
margin-right: 50pt;
}
/* Code blocks get extra indenting. We need a selector explosion
* equally powerful to the one above for inline <code> fragments and
* similar elements, for essentially the same reason: Fossil UI also
* uses <pre>, and we want to affect user content only.
*
* The equivalent Sass code is:
*
* .artifact, .dir, .doc, .wiki // doc types we target
* > .content // hands off header & footer
* @import 'pre-doc-margins.sass'
*
* #fileedit-tab-preview-wrapper, // include /fileedit previews
* #wikiedit-tab-preview-wrapper // ditto /wikiedit
* @import 'pre-doc-margins.sass'
*
* …where pre-doc-margins.sass contains the elements common to both:
*
* &, > .fossil-doc, > .markdown // wiki, HTML & MD doc types
* > pre // direct pre descendants only
* margin-left: 70pt;
* margin-right: 50pt;
*
* This is a technical overreach since /wiki & /wikiedit lack support
* for Fossil's HTML embedded doc markup capability, but we prefer to
* draw the /fileedit parallel in our Sass example over the dubious
* pleasure of being nit-picky on this point. Instead, we've chosen
* to back that overreach out by hand below.
*/
.artifact > .content > pre,
.artifact > .content > .fossil-doc > pre,
.artifact > .content > .markdown > pre,
.dir > .content > pre,
.dir > .content > .fossil-doc > pre,
.dir > .content > .markdown > pre,
.doc > .content > pre,
.doc > .content > .fossil-doc > pre,
.doc > .content > .markdown > pre,
.wiki > .content > pre,
.wiki > .content > .markdown > pre {
margin-left: 70pt;
margin-right: 50pt;
}
#fileedit-tab-preview-wrapper > pre,
#wikiedit-tab-preview-wrapper > pre,
#fileedit-tab-preview-wrapper > .fossil-doc > pre,
#fileedit-tab-preview-wrapper > .markdown > pre,
#wikiedit-tab-preview-wrapper > .markdown > pre {
margin-left: 70pt;
margin-right: 50pt;
}
/* Fossil UI uses these, but in sufficiently constrained ways that we
* don't have to be nearly as careful to avoid an overreach. */
.doc > .content h1, .artifact h1, .dir h1, .fileedit h1, .wiki h1 { margin-left: 10pt; }
.doc > .content h2, .artifact h2, .dir h2, .fileedit h2, .wiki h2 { margin-left: 20pt; }
.doc > .content h3, .artifact h3, .dir h3, .fileedit h3, .wiki h3 { margin-left: 30pt; }
.doc > .content h4, .artifact h4, .dir h4, .fileedit h4, .wiki h4 { margin-left: 40pt; }
.doc > .content h5, .artifact h5, .dir h5, .fileedit h5, .wiki h5 { margin-left: 50pt; }
.doc > .content hr, .artifact hr, .dir hr, .fileedit hr, .wiki hr { margin-left: 10pt; }
/* Don't need to be nearly as careful with tags Fossil UI doesn't use. */
.doc dd, .artifact dd, .dir dd, .fileedit dd, .wikiedit dd { margin-left: 30pt; margin-bottom: 1em; }
.doc dl, .artifact dl, .dir dl, .fileedit dl, .wikiedit dl { margin-left: 60pt; }
.doc dt, .artifact dt, .dir dt, .fileedit dt, .wikiedit dt { margin-left: 10pt; }
/* Fossil UI doesn't use Pikchr at all (yet?) so we can be quite loose
* with these selectors. */
.content .pikchr-wrapper { margin-left: 70pt; }
div.pikchr-wrapper.indent:not(.source) {
/* Selector naming scheme mismatch is intentional: it must match the
* way it's given in default.css exactly if it is to override it. */
margin-left: 70pt;
margin-right: 50pt;
}
div.pikchr-wrapper.center:not(.source),
div.pikchr-wrapper.float-right:not(.source) {
margin-left: 0;
}
/* Special treatment for backward compatibility. */
.indent, /* clean alternative to misusing <blockquote> */
.artifact > .content > blockquote:not(.file-content),
.dir > .content > blockquote,
.doc > .content > blockquote,
.fileedit > .content > blockquote,
.wiki > .content > blockquote {
/* We must apply extra indent relative to "p" since Fossil's wiki
* generator misuses the blockquote tag against HTML and MD norms
* to mean "indented paragraph." Skip it for file content retrieved
* by /dir URLs. */
margin-left: 80pt;
}
.artifact > .content > .markdown > blockquote,
.dir > .content > .markdown > blockquote,
.doc > .content > .markdown > blockquote,
.fileedit > .content > .markdown > blockquote,
.wiki > .content > .markdown > blockquote {
/* Fossil MD didn't inherit that bug; its HTML generator emits
* blockquote tags only for _block quotes_! A moderate indent
* suffices due to the visual styling applied above. */
margin-left: 60pt;
}
/* Alternative to BLOCK.indent when wrapped in something that is
* itself indented. The value is the delta between p and blockquote
* above, expressed as padding instead of margin so it adds to the
* outer margin instead of forcing the browser into picking one. */
.local-indent {
padding-left: 30pt;
}
}
/* Changes specific to the sqlite.org/wasm site... */
code, .doc > .content > .markdown > p > code {
background-color: inherit;
}
.content h1, .content h2, .content h3, .content h4, .content h4 {
color: inherit;
}
div.sidebar {
/* Add extra whitespace between sidebar and content, both for spacing
* and to put a gap between it and any <pre> blocks that happen to run
* up against it. */
outline: 1em solid white;
width: 70%;
margin: auto;
float: none;
max-width: initial;
background-color: initial;
outline: 1em solid transparent;
border-top-style: initial;
border-right-style: initial;
border-bottom-style: initial;
}
.markdown blockquote, p.blockquote {
background-color: initial;
}
/* The following few rules get the h1/h2/etc elements back into
alignment. */
body.doc > .content h1 {
margin-left: initial;
}
body.doc > h1:first-of-type {
margin-left: 10pt;
}
/* General settings for the entire page */
html.dark-mode body {
background-color: #1f1f1f;
color: #ffffffe0;
}
html.dark-mode body .content {
color: revert;
}
/* The page title centered at the top of each page */
html.dark-mode div.title {
width: 100%;
}
/* The login status message in the top right-hand corner */
html.dark-mode div.status {
color: #ddddddc9;
}
/* The main menu bar that appears at the top of the page beneath
** the header */
html.dark-mode div.mainmenu {
border-bottom: 1px dotted rgba(200,200,200,0.3);
}
html.dark-mode div#hbdrop {
background-color: #1f1f1f;
}
html.dark-mode div.mainmenu, div.submenu, div.sectionmenu {
color: #ffffffcc;
background-color: #303536/*#0000ff60*/;
}
html.dark-mode a,
html.dark-mode
a:visited {
color: rgba(127, 201, 255, 0.9);
}
html.dark-mode a:visited {opacity: 0.8}
html.dark-mode div.mainmenu a.active {
border-bottom: 1px solid #FF4500ff;
}
html.dark-mode a:hover,
html.dark-mode a:visited:hover {
background-color: #FF4500ff;
color: rgba(24,24,24,0.8);
border-radius: 0.1em;
}
html.dark-mode .fileage tr:hover,
html.dark-mode div.filetreeline:hover {
background-color: #333;
}
html.dark-mode .button,
html.dark-mode button {
color: #aaa;
background-color: #444;
}
html.dark-mode .button:hover,
html.dark-mode button:hover {
background-color: #FF4500ff;
color: rgba(24,24,24,0.8);
}
html.dark-mode input[type=button],
html.dark-mode input[type=reset],
html.dark-mode input[type=submit] {
color: #ddd;
background-color: #446979;
}
html.dark-mode input[type=button]:hover,
html.dark-mode input[type=reset]:hover,
html.dark-mode input[type=submit]:hover {
background-color: #FF4500ff;
color: rgba(24,24,24,0.8);
}
html.dark-mode .button:focus,
html.dark-mode button:focus,
html.dark-mode input[type=button]:focus,
html.dark-mode input[type=reset]:focus,
html.dark-mode input[type=submit]:focus {
outline-color: #333;
border-color: #888;
}
/* Some pages have section dividers */
html.dark-mode div.section {
background-color: #303536/*#0000ff60*/;
border-bottom-color: rgba(200,200,200,0.3);
}
/* The "Date" that occurs on the left hand side of timelines */
html.dark-mode div.divider {
background: #303536;
border-color: #558195;
}
/* The footer at the very bottom of the page */
html.dark-mode div.footer {
background-color: #303536/*#0000ff60*/;
border-top-color: rgba(200,200,200,0.3);
}
/* Hyperlink colors in the footer */
html.dark-mode pre:not(.verbatim) {
background-color: rgba(200,200,200, 0.1);
}
/* The label/value pairs on (for example) the ci page */
html.dark-mode .fossil-tooltip,
html.dark-mode .fossil-toast-message {
background-color: rgba(251, 106, 0, 1);
border-color: rgba(127, 201, 255, 0.9);
color: black;
}
/************************************************************************
timeline...
************************************************************************/
html.dark-mode table.timelineTable tr:not(.timelineDateRow){
background-color: #ffffff17;
}
html.dark-mode table.timelineTable tr:not(.timelineDateRow):hover{
background-color: #FF450080;
}
html.dark-mode .timelineModernCell,
html.dark-mode .timelineColumnarCell,
html.dark-mode .timelineDetailCell,
html.dark-mode .timelineCompactCell,
html.dark-mode .timelineVerboseCell {
background: inherit /*#000*/;
}
html.dark-mode .timelineSelected > .timelineColumnarCell,
html.dark-mode .timelineSelected > .timelineCompactCell,
html.dark-mode .timelineSelected > .timelineDetailCell,
html.dark-mode .timelineSelected > .timelineModernCell,
html.dark-mode .timelineSelected > .timelineVerboseCell {
border-color: #ff8000;
background: #442800
}
html.dark-mode span.timelineSelected {
border-radius: 0.2em;
border: 1px solid #ff8000;
/*vertical-align: top;
text-align: left;*/
background: #442800
}
html.dark-mode .timelineSelected {
background-color: #ffffff40;
}
html.dark-mode .timelineSecondary > .timelineColumnarCell,
html.dark-mode .timelineSecondary > .timelineCompactCell,
html.dark-mode .timelineSecondary > .timelineDetailCell,
html.dark-mode .timelineSecondary > .timelineModernCell,
html.dark-mode .timelineSecondary > .timelineVerboseCell {
border-color: #0080ff;
background: #002844
}
html.dark-mode span.timelineSecondary {
border-color: #0080ff;
background: #002844
}
html.dark-mode .timelineCurrent > .timelineColumnarCell,
html.dark-mode .timelineCurrent > .timelineCompactCell,
html.dark-mode .timelineCurrent > .timelineDetailCell,
html.dark-mode .timelineCurrent > .timelineModernCell,
html.dark-mode .timelineCurrent > .timelineVerboseCell {
border-color: #ff8000
}
.timelineModernCell[id], .timelineColumnarCell[id], .timelineDetailCell[id] {
background-color: inherit;/*#000*/
}
html.dark-mode .tl-node {
border-color: #bbb;
background: #111;
}
html.dark-mode .tl-node.leaf:after {
background: #bbb
}
html.dark-mode .tl-node.sel:after {
background: #ff8000
}
html.dark-mode .tl-arrow.u.sm {
border-bottom-color: #bbb
}
html.dark-mode .tl-line {
background: #bbb;
}
html.dark-mode .tl-arrow.merge.l {
border-right-color: #bbb
}
html.dark-mode .tl-arrow.merge.r {
border-left-color: #bbb
}
html.dark-mode .tl-arrow.cherrypick.l {
border-right-color: #bbb;
}
html.dark-mode .tl-arrow.cherrypick.r {
border-left-color: #bbb;
}
html.dark-mode .tl-line.cherrypick.h {
border-top-color: #bbb;
border-left-color: #bbb;
background: rgba(255,255,255,0);
}
html.dark-mode .tl-line.cherrypick.v {
border-top-color: #bbb;
border-left-color: #bbb;
background: rgba(255,255,255,0);
}
/************************************************************************
diffs...
************************************************************************/
html.dark-mode td.diffln ins {
background-color: #559855;
color: #000;
}
html.dark-mode td.diffln del {
background-color: #c55;
color: #000;
}
html.dark-mode td.difftxt del {
background-color: inherit;
}
html.dark-mode td.difftxt del > del {
background-color: #c55;
color: #000;
}
td.difftxt ins {
background-color: inherit;
}
html.dark-mode td.difftxt ins > ins {
background-color: #559855;
color: #000;
}
html.dark-mode tr.diffskip.jchunk {
background-color: black;
}
html.dark-mode tr.diffskip > td.chunkctrl .jcbutton {
background-color: #303536;
}
html.dark-mode span.snippet>mark {
color: white;
}
html.dark-mode button,
html.dark-mode input,
html.dark-mode optgroup,
html.dark-mode select,
html.dark-mode textarea {
background: inherit;
color: inherit;
font: inherit;
margin: 0
}
html.dark-mode button {
background-color: rgba(45,45,45,0.75);
}
html.dark-mode input,
html.dark-mode textarea,
html.dark-mode select {
border-color: rgba(127, 201, 255, 0.9);
}
html.dark-mode select {
color: #1f1f1f;
background: #ffffffe0;
}
html.dark-mode .capsumOff {
background-color: #222;
}
html.dark-mode .capsumRead {
background-color: #262;
}
html.dark-mode .capsumWrite {
background-color: #662;
}
html.dark-mode body.forum div.forumSel {
background: inherit;
}
html.dark-mode body.forum .debug {
background-color: #FF4500ff;
color: rgba(24,24,24,0.8);
}
html.dark-mode body.forum .fileage tr:hover {
background-color: #333;
color: rgba(24,24,24,0.8);
}
html.dark-mode body.report table.report tr td { color: black }
html.dark-mode body.report table.report a { color: blue }
html.dark-mode body.tkt td.tktDspValue { color: black }
html.dark-mode body.tkt td.tktDspValue a { color: blue }
html.dark-mode body.branch .brlist > table > tbody > tr:hover:not(.selected),
html.dark-mode body.branch .brlist > table > tbody > tr.selected {
background-color: #442800;
}