/* This CSS file holds the default implementations for all of fossil's
CSS classes. When /style.css is requested, the rules in this file
are emitted first, followed by (1) page-specific CSS (if any) and
(2) skin-specific CSS.
*/
div.sidebox {
float: right;
background-color: white;
border-width: medium;
border-style: double;
margin: 10px;
}
div.sideboxTitle {
display: inline;
font-weight: bold;
}
div.sideboxDescribed {
display: inline;
font-weight: bold;
}
span.disabled {
color: red;
}
table.timelineTable {
border-spacing: 0px 2px;
}
.timelineDate {
white-space: nowrap;
}
span.timelineDisabled {
font-style: italic;
font-size: small;
}
tr.timelineCurrent {
padding: .1em .2em;
border: 1px dashed #446979;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}
.timelineSelected {
padding: .1em .2em;
border: 2px solid lightgray;
background-color: #ffc;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}
.timelineSecondary {
background-color: #cff;
}
tr.timelineSelected td {
border-radius: 0;
border-width: 0;
}
tr.timelineCurrent td {
border-radius: 0;
border-width: 0;
}
span.timelineLeaf {
font-weight: bold;
}
span.timelineHistDsp {
font-weight: bold;
}
td.timelineTime {
vertical-align: top;
text-align: right;
white-space: nowrap;
}
td.timelineGraph {
width: 20px;
text-align: left;
vertical-align: top;
}
span.timelineCompactComment {
cursor: pointer;
}
span.timelineEllipsis {
cursor: pointer;
}
.timelineModernCell, .timelineColumnarCell, .timelineDetailCell {
vertical-align: top;
text-align: left;
padding: 0.75em;
border-radius: 1em;
}
.timelineModernCell[id], .timelineColumnarCell[id], .timelineDetailCell[id] {
background-color: #efefef;
}
.timelineModernDetail {
font-size: 80%;
text-align: right;
float: right;
opacity: 0.75;
margin-top: 0.5em;
margin-left: 1em;
}
.tl-canvas {
margin: 0 6px 0 10px;
}
.tl-rail {
width: 18px;
}
.tl-mergeoffset {
width: 2px;
}
.tl-nodemark {
margin-top: 5px;
}
.tl-node {
width: 10px;
height: 10px;
border: 1px solid #000;
background: #fff;
cursor: pointer;
}
.tl-node.leaf:after {
content: '';
position: absolute;
top: 3px;
left: 3px;
width: 4px;
height: 4px;
background: #000;
}
.tl-node.closed-leaf svg {
position: absolute;
top: 0px;
left: 0px;
width: 10px;
height: 10px;
color: #000;
}
.tl-node.sel:after {
content: '';
position: absolute;
top: 2px;
left: 2px;
width: 6px;
height: 6px;
background: red;
}
.tl-arrow {
width: 0;
height: 0;
transform: scale(.999);
border: 0 solid transparent;
}
.tl-arrow.u {
margin-top: -1px;
border-width: 0 3px;
border-bottom: 7px solid #000;
}
.tl-arrow.u.sm {
border-bottom: 5px solid #000;
}
.tl-line {
background: #000;
width: 2px;
}
.tl-arrow.merge {
height: 1px;
border-width: 2px 0;
}
.tl-arrow.merge.l {
border-right: 3px solid #000;
}
.tl-arrow.merge.r {
border-left: 3px solid #000;
}
.tl-line.merge {
width: 1px;
}
.tl-arrow.cherrypick {
height: 1px;
border-width: 2px 0;
}
.tl-arrow.cherrypick.l {
border-right: 3px solid #000;
}
.tl-arrow.cherrypick.r {
border-left: 3px solid #000;
}
.tl-line.cherrypick.h {
width: 0px;
border-top: 1px dashed #000;
border-left: 0px dashed #000;
background: rgba(255,255,255,0);
}
.tl-line.cherrypick.v {
width: 0px;
border-top: 0px dashed #000;
border-left: 1px dashed #000;
background: rgba(255,255,255,0);
}
.tl-arrow.warp {
margin-left: 1px;
border-width: 3px 0;
border-left: 7px solid #600000;
}
.tl-line.warp {
background: #600000;
}
.tl-line.dotted.v {
width: 0px;
border-left-width: 2px;
border-left-style: dotted;
background: rgba(255,255,255,0);
}
.tl-tooltip {
text-align: center;
padding: 5px 1em;
border: 1px solid black;
border-radius: 6px;
position: absolute;
z-index: 100;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.75);
}
span.tagDsp {
font-weight: bold;
}
span.wikiError {
font-weight: bold;
color: red;
}
span.infoTagCancelled {
font-weight: bold;
text-decoration: line-through;
}
span.infoTag {
font-weight: bold;
}
span.wikiTagCancelled {
text-decoration: line-through;
}
div.columns {
padding: 0 2em 0 2em;
max-width: 1000px;
}
div.columns > ul {
margin: 0;
padding: 0 0 0 1em;
}
div.columns > ul li:first-child {
margin-top:0px;
}
.columns li {
break-inside: avoid;
page-break-inside: avoid;
}
body.help .columns li {
white-space: nowrap /* keep command name aliases from wrapping */;
}
.filetree {
margin: 1em 0;
line-height: 1.5;
}
.filetree > ul {
display: inline-block;
}
.filetree ul {
margin: 0;
padding: 0;
list-style: none;
}
.filetree ul.collapsed {
display: none;
}
.filetree ul ul {
position: relative;
margin: 0 0 0 21px;
}
.filetree li {
position: relative;
margin: 0;
padding: 0;
}
.filetree li li:before {
content: '';
position: absolute;
top: -.8em;
left: -14px;
width: 14px;
height: 1.5em;
border-left: 2px solid #aaa;
border-bottom: 2px solid #aaa;
}
.filetree li > ul:before {
content: '';
position: absolute;
top: -1.5em;
bottom: 0;
left: -35px;
border-left: 2px solid #aaa;
}
.filetree li.last > ul:before {
display: none;
}
.filetree a {
position: relative;
z-index: 1;
display: table-cell;
min-height: 16px;
padding-left: 21px;
background-image: url("data:image/gif;base64,R0lGODlhEAAQAJEAAP\/\/\/y\
EhIf\/\/\/wAAACH5BAEHAAIALAAAAAAQABAAAAIvlIKpxqcfmgOUvoaqDSCxrEEfF14GqFX\
ImJZsu73wepJzVMNxrtNTj3NATMKhpwAAOw==");
background-position: center left;
background-repeat: no-repeat;
}
ul.browser {
list-style-type: none;
padding: 10px;
margin: 0px;
white-space: nowrap;
}
ul.browser li.file {
padding-top: 2px;
}
ul.browser li.file > a {
padding-left: 20px;
background-repeat: no-repeat;
background-position: 0px center;
background-image: url("data:image/gif;base64,R0lGODlhEAAQAJEAAP\/\/\/\
yEhIf\/\/\/wAAACH5BAEHAAIALAAAAAAQABAAAAIvlIKpxqcfmgOUvoaqDSCxrEEfF14Gq\
FXImJZsu73wepJzVMNxrtNTj3NATMKhpwAAOw==");
}
ul.browser li.dir {
padding-top: 2px;
}
ul.browser li.dir > a {
padding-left: 20px;
background-image: url("data:image/gif;base64,R0lGODlhEAAQAJEAAP/WVCIiI\
v\/\/\/wAAACH5BAEHAAIALAAAAAAQABAAAAInlI9pwa3XYniCgQtkrAFfLXkiFo1jaXpo+\
jUs6b5Z/K4siDu5RPUFADs=");
background-repeat: no-repeat;
background-position: 0px center;
}
div.filetreeline {
display: table;
width: 100%;
white-space: nowrap;
}
.filetree .dir > div.filetreeline > a {
background-image: url("data:image/gif;base64,R0lGODlhEAAQAJEAAP/WVCIiI\
v\/\/\/wAAACH5BAEHAAIALAAAAAAQABAAAAInlI9pwa3XYniCgQtkrAFfLXkiFo1jaXpo\
+jUs6b5Z/K4siDu5RPUFADs=");
}
div.filetreeage {
display: table-cell;
padding-left: 1.5em;
text-align: right;
width: 8em;
}
div.filetreesize {
display: table-cell;
padding-left: 1em;
text-align: right;
width: 7em;
}
div.filetreeline:hover {
background-color: #eee;
}
table.login_out {
text-align: left;
margin-right: 10px;
margin-left: 10px;
margin-top: 10px;
}
div.captcha {
text-align: center;
padding: 1ex;
}
table.captcha {
margin: auto;
padding: 10px;
border-width: 4px;
border-style: double;
border-color: black;
}
pre.captcha {
font-size: 50%;
}
td.login_out_label {
text-align: center;
}
span.loginError {
color: red;
}
span.note {
font-weight: bold;
}
span.textareaLabel {
font-weight: bold;
}
table.usetupLayoutTable {
outline-style: none;
padding: 0;
margin: 25px;
}
td.usetupColumnLayout {
vertical-align: top
}
table.usetupUserList {
outline-style: double;
outline-width: 1px;
padding: 10px;
}
th.usetupListUser {
text-align: right;
padding-right: 20px;
}
th.usetupListCap {
text-align: center;
padding-right: 15px;
}
th.usetupListCon {
text-align: left;
}
td.usetupListUser {
text-align: right;
padding-right: 20px;
white-space:nowrap;
}
td.usetupListCap {
text-align: center;
padding-right: 15px;
}
td.usetupListCon {
text-align: left
}
div.ueditCapBox {
margin-right: 20px;
margin-bottom: 20px;
}
td.usetupEditLabel {
text-align: right;
vertical-align: top;
white-space: nowrap;
}
span.ueditInheritNobody {
color: green;
padding: .2em;
}
span.ueditInheritDeveloper {
color: red;
padding: .2em;
}
span.ueditInheritReader {
color: black;
padding: .2em;
}
span.ueditInheritAnonymous {
color: blue;
padding: .2em;
}
span.capability {
font-weight: bold;
}
span.usertype {
font-weight: bold;
}
span.usertype:before {
content:"'";
}
span.usertype:after {
content:"'";
}
p.missingPriv {
color: blue;
}
span.wikiruleHead {
font-weight: bold;
}
td.tktDspLabel {
text-align: right;
}
td.tktDspValue {
text-align: left;
vertical-align: top;
background-color: #d0d0d0;
}
td.tktTlOpen {
color: #800;
}
td.tktTlClosed {
color: #888;
}
span.tktError {
color: red;
font-weight: bold;
}
table.rpteditex {
float: right;
margin: 0;
padding: 0;
width: 125px;
text-align: center;
border-collapse: collapse;
border-spacing: 0;
}
table.report {
border: 1px solid #999;
margin: 1em 0 1em 0;
cursor: pointer;
}
td.rpteditex {
border-width: thin;
border-color: #000000;
border-style: solid;
}
div.endContent {
clear: both;
}
p.generalError {
color: red;
}
p.tktsetupError {
color: red;
font-weight: bold;
}
p.xfersetupError {
color: red;
font-weight: bold;
}
p.thmainError {
color: red;
font-weight: bold;
}
span.thTrace {
color: red;
}
p.reportError {
color: red;
font-weight: bold;
}
blockquote.reportError {
color: red;
font-weight: bold;
}
p.noMoreShun {
color: blue;
}
p.shunned {
color: blue;
}
span.brokenlink {
color: red;
}
ul.filelist {
margin-top: 3px;
line-height: 100%;
}
ul.filelist li {
padding-top: 1px;
}
/* Rules governing diff layout and colors */
table.diff {
width: 100%;
border-spacing: 0;
border-radius: 5px;
border: 1px solid black;
font-size: 80%;
}
table.diff td.diffln{
padding: 0;
}
table.diff td.diffln > pre{
padding: 0 0.25em 0 0.5em;
margin: 0;
}
table.diff td {
vertical-align: top;
padding: 0;
overflow: hidden /*work around inner PRE slight overflow/overlap*/;
}
table.diff pre {
margin: 0 0 0 0;
padding: 0 0.5em;
line-height: 1.275/*for mobile: forum post e6f4ee7de98b55c0*/;
text-size-adjust: none
/* ^^^ attempt to keep mobile from inflating some text */;
}
table.diff pre > ins,
table.diff pre > del {
/* Fill platform-dependent color gaps caused by
inflated line-height */
padding: 0.062em 0 0.062em 0;
}
table.diff pre > ins > *,
table.diff pre > del > *{
/* Avoid odd-looking color swatches in conjunction with
(table.diff pre > ins/del) padding */
padding: inherit;
}
table.diff td.diffln > pre {
padding: 0 0.35em 0 0.5em;
}
table.diff td > pre {
box-sizing: border-box;
/* Workaround for "slight wiggle" when using mouse-wheel in some FF
versions, apparently caused by the increased line-height forcing
these elements to be a *tick* larger than they should be but not
large enough to force a scroll bar to show up. */
overflow-y: hidden;
}
tr.diffskip.jchunk {
/* jchunk gets added from JS to diffskip rows when they are
plugged into the /jchunk route. */
background-color: aliceblue;
padding: 0;
}
tr.diffskip.jchunk > td {
padding: 0.25em 0.5em;
margin: 0;
}
tr.diffskip.jchunk:hover {
/*background-color: rgba(127,127,127,0.5);
cursor: pointer;*/
}
tr.diffskip > td.chunkctrl {
text-align: left;
}
tr.diffskip > td.chunkctrl > div {
display: flex;
align-items: center;
}
tr.diffskip > td.chunkctrl > div > span.error {
padding: 0.25em 0.5em;
border-radius: 0.5em;
}
tr.diffskip > td.chunkctrl .jcbutton
/* class name .button breaks w/ some skins! */ {
min-width: 3.5ex;
max-width: 3.5ex;
text-align: center;
display: inline-block;
padding: 0.1em 1em;
margin: 0 1em 0 0;
background-color: rgba(127,127,127,0.2);
border-style: outset;
border-width: 0;
border-radius: 0.5em;
opacity: 0.7;
}
tr.diffskip > td.chunkctrl .jcbutton.up:not(.down){
/* Simulate an arrow pointing up */
border-radius: 3em 3em 0.25em 0.25em;
}
tr.diffskip > td.chunkctrl .jcbutton.down:not(.up){
/* Simulate an arrow pointing down */
border-radius: 0.25em 0.25em 3em 3em;
}
tr.diffskip > td.chunkctrl .jcbutton > span {
/* In order to increase the glyph size w/o increasing the em-based
button size or border-radius, we need an extra layer of DOM
element for the glyph. */
font-size: 150%;
}
tr.diffskip > td.chunkctrl .jcbutton.up > span::before {
content: '⇡';
}
tr.diffskip > td.chunkctrl .jcbutton.down > span::before {
content: '⇣';
}
tr.diffskip > td.chunkctrl .jcbutton.up.down > span::before {
content: '⇡⇣';
}
tr.diffskip > td.chunkctrl .jcbutton:hover {
cursor: pointer;
opacity: 1;
filter: contrast(1);
}
tr.diffchunk {
display: grid;
gap: 0px 0px;
grid-template-rows: 1fr;
}
table.splitdiff tr.diffchunk {
grid-template-columns: auto 1fr auto auto 1fr;
grid-template-areas: "difflnl difftxtl diffsep difflnr difftxtr";
}
table.udiff tr.diffchunk {
grid-template-columns: auto auto auto 1fr;
grid-template-areas: "difflnl difflnr diffsep difftxtu";
}
td.difflnl { grid-area: difflnl; }
td.difflnr { grid-area: difflnr; }
td.difftxtu { grid-area: difftxtu; }
td.difftxtl { grid-area: difftxtl; }
td.difftxtr { grid-area: difftxtr; }
td.diffln {
width: fit-content;
text-align: right;
padding: 0 1em 0 0;
}
td.difflne {
padding-bottom: 0.4em;
}
td.diffsep {
width: fit-content;
padding: 0 0.3em 0 0.5em;
grid-area: diffsep;
}
td.difftxt pre {
overflow-x: auto;
}
td.diffln ins {
background-color: #a0e4b2;
text-decoration: none;
}
td.diffln del {
background-color: #ffc0c0;
text-decoration: none;
}
td.difftxt del {
background-color: #ffe8e8;
text-decoration: none;
}
td.difftxt del > del {
background-color: #ffc0c0;
text-decoration: none;
font-weight: bold;
}
td.difftxt del > del.edit {
background-color: #c0c0ff;
text-decoration: none;
font-weight: bold;
}
td.difftxt ins {
background-color: #dafbe1;
text-decoration: none;
}
td.difftxt ins > ins {
background-color: #a0e4b2;
text-decoration: none;
font-weight: bold;
}
td.difftxt ins > ins.edit {
background-color: #c0c0ff;
text-decoration: none;
font-weight: bold;
}
body.tkt div.content li > table.udiff {
margin-left: 1.5em;
margin-top: 0.5em;
}
body.tkt div.content ol.tkt-changes > li:target > p > span {
border-bottom: 3px solid gold;
}
body.tkt div.content ol.tkt-changes > li:target > ol {
border-left: 1px solid gold;
}
body.cpage-ckout .file-change-line,
body.cpage-info .file-change-line,
body.cpage-vinfo .file-change-line,
body.cpage-ci .file-change-line,
body.cpage-vdiff .file-change-line {
margin-top: 16px;
margin-bottom: 16px;
margin-right: 1em /* keep it from nudging right up against the scrollbar-reveal zone */;
display: flex;
flex-direction: row;
justify-content: space-between;
}
span.modpending {
color: #b03800;
font-style: italic;
}
pre.th1result {
white-space: pre-wrap;
word-wrap: break-word;
}
pre.th1error {
white-space: pre-wrap;
word-wrap: break-word;
color: red;
}
pre.textPlain {
white-space: pre-wrap;
word-wrap: break-word;
}
.statistics-report-graph-line {
border: 2px solid #446979;
background-color: #446979;
}
.statistics-report-graph-extra {
border: 2px dashed #446979;
border-left-style: none;
}
.statistics-report-table-events th {
padding: 0 1em 0 1em;
}
.statistics-report-table-events td {
padding: 0.1em 1em 0.1em 1em;
}
.statistics-report-row-year {
text-align: left;
}
.statistics-report-week-number-label {
text-align: right;
font-size: 0.8em;
}
.statistics-report-week-of-year-list {
font-size: 0.8em;
}
#usetupEditCapability {
font-weight: bold;
}
table.adminLogTable {
text-align: left;
}
.adminLogTable .adminTime {
text-align: left;
vertical-align: top;
white-space: nowrap;
}
.fileage table {
border-spacing: 0;
}
.fileage tr:hover {
background-color: #eee;
}
.fileage td {
vertical-align: top;
text-align: left;
border-top: 1px solid #ddd;
padding-top: 3px;
}
.fileage td:first-child {
white-space: nowrap;
}
.fileage td:nth-child(2) {
padding-left: 1em;
padding-right: 1em;
}
.fileage td:nth-child(3) {
word-wrap: break-word;
max-width: 50%;
}
.brlist table {
border-spacing: 0;
}
.brlist table th {
text-align: left;
padding: 0px 1em 0.5ex 0px;
vertical-align: bottom;
}
.brlist table td {
padding: 0px 2em 0px 0px;
white-space: nowrap;
}
th.sort:after {
margin-left: .4em;
cursor: pointer;
text-shadow: 0 0 0 #000;
}
th.sort.none:after {
content: '\2666';
}
th.sort.asc:after {
content: '\2193';
}
th.sort.desc:after {
content: '\2191';
}
span.snippet>mark {
background-color: inherit;
font-weight: bold;
}
div.searchForm {
text-align: center;
}
p.searchEmpty {
font-style: italic;
}
.clutter {
display: none;
}
table.label-value th {
vertical-align: top;
text-align: right;
padding: 0.2ex 1ex;
}
table.forum_post {
margin-top: 1ex;
margin-bottom: 1ex;
margin-left: 0;
margin-right: 0;
border-spacing: 0;
}
span.forum_author {
color: #888;
font-size: 75%;
}
span.forum_author::after {
content: " | ";
}
span.forum_age {
color: #888;
font-size: 85%;
}
span.forum_buttons {
font-size: 85%;
}
span.forum_buttons::before {
color: #888;
content: " | ";
}
span.forum_npost {
color: #888;
font-size: 75%;
}
table.forumeditform td {
vertical-align: top;
border-collapse: collapse;
padding: 1px;
}
div.forum_body p {
margin-top: 0;
}
div.forum-editor-widget{
display: flex;
flex-direction: column;
}
div.forum-editor-widget > textarea {
max-width: initial;
}
td.form_label {
vertical-align: top;
text-align: right;
}
.debug {
background-color: #ffc;
border: 2px solid #ff0;
}
div.forumEdit {
border: 1px solid black;
padding-left: 1ex;
padding-right: 1ex;
}
div.forumTimeline {
border: 1px solid black;
padding-left: 1ex;
padding-right: 1ex;
max-width: 50em;
overflow: auto;
}
div.forumTimeline code {
white-space: pre-wrap;
}
div.markdown code {
white-space: pre-wrap;
}
div.forumTime {
border: 1px solid black;
padding-left: 1ex;
padding-right: 1ex;
margin-top: 1ex;
display: flex;
flex-direction: column;
}
div.forumClosed {
}
div.forumClosed > .forumPostBody {
opacity: 0.7;
}
div.forumClosed > .forumPostHdr::before {
content: "[CLOSED] ";
}
/*div.forumClosed > div.forumPostBody {
filter: blur(5px);
}*/
div.forumpost-closure-warning {
margin-top: 1em;
margin-bottom: 1em;
border-style: solid;
padding: 0.25em 0.5em;
background: #f4f400bb;
/*font-weight: bold;*/
}
div.forumpost-closure-warning input[type=submit] {
padding: 0.25em;
}
div.forumpost-single-controls {
/* UI controls along the bottom of a single post
** in the thread view. */
}
.forum div > form {
margin: 0.5em 0;
display: inline-block;
}
body.cpage-forumedit div > form,
body.cpage-forume2 div > form{
width: 100%;
}
.forum div > form > * {
margin-bottom: 0.35em;
}
.forum-post-collapser {
/* Common style for the bottom-of-post and right-of-post
expand/collapse widgets. */
font-size: 0.8em;
padding: 0;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0 0 0.5em 0.5em;
background-color: rgba(0, 0, 0, 0.05);
opacity: 0.8;
cursor: pointer;
}
.forum-post-collapser.bottom {
margin: 0 0 0.4em 0;
height: 1.75em;
line-height: 1.75em;
/* ^^^ Those sizes are finely tuned for the current selection of
arrow characters. If those change, these should, too. Remember that
FF/Chrome simply do not agree on alignment with most values :/. */
display: flex;
flex-direction: row;
justify-content: space-between;
}
.forum-post-collapser.bottom > span {
margin: 0 1em 0 1em;
vertical-align: middle;
}
.forum-post-collapser.bottom > span::before {
content: "⇣⇣⇣";
}
.forum-post-collapser.bottom.expanded > span::before {
content: "⇡⇡⇡" /*reminder: FF/Chrome cannot agree on alignment of ⮝*/;
}
div.forumPostBody{
max-height: 50em;
overflow: auto;
}
div.forumPostBody.with-expander {
display: flex;
flex-direction: row;
overflow: auto;
}
div.forumPostBody.with-expander:not(.expanded) > :first-child {
overflow-y: hidden;
}
div.forumPostBody.with-expander > *:first-child {
/* Main content DIV/PRE */
overflow: auto;
flex: 10 1 auto;
}
div.forumPostBody.with-expander.expanded > *:first-child {
margin-bottom: 0.5em /* try to suppress scroll bar */;
}
div.forumPostBody.with-expander .forum-post-collapser.right {
/* "Tap zone" for expansion of the post, sits to the right of the
post's content. */
flex: 1 10 auto;
min-width: 1.25em;
max-width: 1.25em;
margin: 0 0 0 0.2em;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
border-radius: 0.1em;
cursor: pointer;
border-bottom: 0;
border-radius: 0 0.5em 0 0;
}
div.forumPostBody.with-expander .forum-post-collapser.right > span:before {
content: "⇣";
}
div.forumPostBody.with-expander.expanded .forum-post-collapser.right > span:before {
content: "⇡";
}
div.forumPostBody.expanded {
max-height: initial;
}
div.forumPostBody.shrunken {
/* When an expandable post is un-expanded, it is shrunkend down
to this size instead of its original size. */
max-height: 8em;
}
span.forumPostReplyTitle {
/* thread title part of the page header when replying to a post */
font-style: italic;
}
div.forumSel {
background-color: #cef;
}
div.forumObs {
color: #bbb;
}
div.setup_forum-column {
display: flex;
flex-direction: column;
}
body.cpage-setup_forum > .content table {
margin-bottom: 1em;
}
body.cpage-setup_forum > .content table.bordered {
border: 1px solid;
border-radius: 0.25em;
}
body.cpage-setup_forum > .content table td,
body.cpage-setup_forum > .content table th {
text-align: left;
}
body.cpage-setup_forum table.forum-settings-list > tbody > tr > td {
min-width: 2em;
}
#capabilitySummary {
text-align: center;
}
#capabilitySummary td {
padding-left: 3ex;
padding-right: 3ex;
}
#capabilitySummary th {
padding-left: 1ex;
padding-right: 1ex;
}
.capsumOff {
background-color: #bbb;
}
.capsumRead {
background-color: #bfb;
}
.capsumWrite {
background-color: #ffb;
}
label {
white-space: nowrap;
}
label[for] {
cursor: pointer;
}
.copy-button {
display: inline-block;
width: 14px;
height: 14px;
/*Note: .24em is slightly smaller than the average width of a normal space.*/
margin: -2px .24em 0 0;
padding: 0;
border: 0;
vertical-align: middle;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' \
viewBox='0,0,14,14'%3E%3Cpath style='fill:black;opacity:0' \
d='M14,14H0V0h14v14z'/%3E%3Cpath style='fill:rgb(240,240,240)' \
d='M1,0h6.6l2,2h1l3.4,3.4v8.6h-10v-2h-3z'/%3E%3Cpath style='fill:rgb(64,64,64)' \
d='M2,1h5l3,3v7h-8z'/%3E%3Cpath style='fill:rgb(248,248,248)' \
d='M3,2h3.6l2.4,2.4v5.6h-6z'/%3E%3Cpath style='fill:rgb(80,128,208)' \
d='M4,5h4v1h-4zm0,2h4v1h-4z'/%3E%3Cpath style='fill:rgb(64,64,64)' \
d='M5,3h5l3,3v7h-8z'/%3E%3Cpath style='fill:rgb(248,248,248)' \
d='M10,4.4v1.6h1.6zm-4,-0.6h3v3h-3zm0,3h6v5.4h-6z'/%3E%3Cpath style='fill:rgb(80,128,208)' \
d='M7,8h4v1h-4zm0,2h4v1h-4z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.copy-button.disabled {
filter: grayscale(1);
opacity: 0.4;
}
.copy-button-flipped {
/*Note: .16em is suitable for element grouping.*/
margin-left: .16em;
margin-right: 0;
}
.nobr {
white-space: nowrap;
}
.accordion {
cursor: pointer;
}
.accordion_btn {
display: inline-block;
width: 16px;
height: 16px;
margin-right: .5em;
vertical-align: middle;
}
/* Note: the order of the next 3 entries should be
maintained for the hierarchical cascade to work. */
.accordion > .accordion_btn_plus {
display: none;
}
.accordion_closed > .accordion_btn_minus {
display: none;
}
.accordion_closed > .accordion_btn_plus {
display: inline-block;
}
.accordion_panel {
overflow: hidden;
transition: max-height 0.25s ease-out;
}
.error {
color: darkred;
background: yellow;
}
.warning {
color: black;
background: yellow;
}
.hidden, .initially-hidden {
/* The framework-wide way of hiding elements is to assign them th
.hidden class. To make them visible again, remove it. The
!important qualifiers are unfortunate but sometimes necessary
when hidden element has other classes which specify
visibility-related options. The .initially-hidden class is for
pages which need to show, e.g., a progress widget while a large
WASM blob loads. Elements aside from that load-time widget can be
made .initially-hidden and then have that class removed once the
long-running startup process is done. See /pikchrshow for an
example. */
position: absolute !important;
opacity: 0 !important;
pointer-events: none !important;
display: none !important;
}
input {
max-width: 95%;
}
textarea {
max-width: 95%;
}
img {
max-width: 100%;
}
hr {
/* Needed to keep /dir README.txt from floating right in some skins */
clear: both;
}
/**
.tab-xxx: styles for fossil.tabs.js.
*/
.tab-container {
width: 100%;
display: flex;
flex-direction: column;
align-items: stretch;
}
.tab-container > #fossil-status-bar {
margin-top: 0;
}
.tab-container > .tabs {
padding: 0.25em;
margin: 0;
display: flex;
flex-direction: column;
border-width: 1px;
border-style: outset;
border-color: inherit;
}
.tab-container > .tabs > .tab-panel {
align-self: stretch;
flex: 10 1 auto;
display: block;
border: 0;
padding: 0;
margin: 0;
}
.tab-container > .tab-bar {
display: flex;
flex-direction: row;
flex: 1 10 auto;
align-self: stretch;
flex-wrap: wrap;
}
.tab-container > .tab-bar > .tab-button {
display: inline-block;
border-radius: 0.25em 0.25em 0 0;
margin: 0 0.1em;
padding: 0.25em 0.75em;
align-self: baseline;
border-color: inherit;
border-width: 1px;
border-bottom: none;
border-top-style: inset;
border-left-style: inset;
border-right-style: inset;
cursor: pointer;
opacity: 0.6;
}
.tab-container > .tab-bar > .tab-button.selected {
text-decoration: underline;
opacity: 1.0;
border-top-style: outset;
border-left-style: outset;
border-right-style: outset;
}
/**
The flex-xxx classes can be used to create basic flexbox layouts
through the application of classes to the containing/contained
objects.
*/
.flex-container {
display: flex;
}
.flex-container.flex-row {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.flex-container .flex-grow {
flex-grow: 10;
flex-shrink: 0;
}
.flex-container .flex-shrink {
flex-grow: 0;
flex-shrink: 10;
}
.flex-container.flex-row.stretch {
flex-wrap: wrap;
align-items: baseline;
justify-content: stretch;
margin: 0;
}
.flex-container.flex-column {
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.flex-container.flex-column.stretch {
align-items: stretch;
margin: 0;
}
.flex-container.child-gap-small > * {
margin: 0.25em;
}
#fossil-status-bar {
display: block;
border-width: 1px;
border-style: inset;
border-color: inherit;
min-height: 1.5em;
font-size: 1.2em;
padding: 0.2em;
margin: 0.25em 0;
flex: 0 0 auto;
}
.font-size-80 {
font-size: 80%;
}
.font-size-100 {
font-size: 100%;
}
.font-size-125 {
font-size: 125%;
}
.font-size-150 {
font-size: 150%;
}
.font-size-175 {
font-size: 175%;
}
.font-size-200 {
font-size: 200%;
}
/**
.input-with-label is intended to be a wrapper element which contain
both a LABEL tag and an INPUT or SELECT control. The wrapper is
"necessary", as opposed to placing the INPUT in the LABEL, so that
we can include multiple INPUT elements (e.g. a set of radio
buttons). Note that these elements must sometimes be BLOCK elements
(e.g. DIV) so that certain nesting constructs are legal.
*/
.input-with-label {
border: 1px inset rgba(128, 128, 128, 0.5);
border-radius: 0.25em;
padding: 0.1em;
margin: 0 0.5em;
display: inline-block
/* We would really like flex layout but changing that
currently introduces a good deal of UI breakage
to chase down. The advantage would be better alignment
of the contained elements. */;
cursor: default;
white-space: nowrap;
}
.submenu .input-with-label {
border: none;
}
.input-with-label > * {
vertical-align: middle;
}
.input-with-label > label {
display: inline; /* some skins set label display to block! */
cursor: pointer;
white-space: nowrap;
}
.input-with-label > input {
margin: 0;
}
.input-with-label > button {
margin: 0;
}
.input-with-label > select {
margin: 0;
}
.input-with-label > input[type=text] {
margin: 0;
}
.input-with-label > textarea {
margin: 0;
}
/* Browsers are unfortunately inconsistent in how they
align checkboxes and radio buttons, even if they're
given the same vertical-align value. 'middle' seems to
be the least bad option, rather than the ideal. */
.input-with-label > input[type=checkbox] {
vertical-align: middle;
}
.input-with-label > input[type=radio] {
vertical-align: middle;
}
.input-with-label > label {
font-weight: initial;
margin: 0 0.25em 0 0.25em;
vertical-align: middle;
}
table.numbered-lines {
width: 100%;
table-layout: fixed /* required to keep ultra-wide code from exceeding
window width, and instead force a scrollbar
on them. */;
}
table.numbered-lines > tbody > tr {
line-height: 1.35;
white-space: pre;
}
table.numbered-lines > tbody > tr > td {
font-family: inherit;
font-size: inherit;
line-height: inherit;
white-space: inherit;
margin: 0;
vertical-align: top;
padding: 0.25em 0 0 0 /*prevents slight overlap at top */;
}
table.numbered-lines td.line-numbers {
width: 4.5em;
}
table.numbered-lines td.line-numbers > pre {
margin: 0.25em/*must match top PADDING of td.file-content
> pre > code*/ 0 0 0;
padding: 0;
}
table.numbered-lines td.line-numbers span {
display: inline-block;
margin: 0;
padding: 0;
line-height: inherit;
font-size: inherit;
font-family: inherit;
cursor: pointer;
white-space: pre;
margin-right: 2px/*keep selection from nudging the right column */;
text-align: right;
}
table.numbered-lines td.line-numbers span:hover {
background-color: rgba(112, 112, 112, 0.25);
}
table.numbered-lines td.file-content {
padding-left: 0.25em;
}
table.numbered-lines td.file-content > pre,
table.numbered-lines td.file-content > pre > code {
margin: 0;
padding: 0;
line-height: inherit;
font-size: inherit;
font-family: inherit;
white-space: pre;
display: block/*necessary for certain skins!*/;
}
table.numbered-lines td.file-content > pre {
}
table.numbered-lines td.file-content > pre > code {
overflow: auto;
padding-left: 0.5em;
padding-right: 0.5em;
padding-top: 0.25em/*any top padding here must match the top MARGIN of
td.line-numbers's first span child or the
lines/code will get misaligned. */;
padding-bottom: 0.25em/*prevents a slight overlap at bottom from
triggering a scroller*/;
}
table.numbered-lines td.file-content > pre > code > * {
/* Defense against syntax highlighters indirectly messing up these
properties... */
line-height: inherit;
font-size: inherit;
font-family: inherit;
}
table.numbered-lines td.line-numbers span.selected-line/*replacement*/ {
font-weight: bold;
color: blue;
background-color: #d5d5ff;
border: 1px blue solid;
border-top-width: 0;
border-bottom-width: 0;
padding: 0;
margin: 0;
}
table.numbered-lines td.line-numbers span.selected-line.start {
border-top-width: 1px;
margin-top: -1px/*restore alignment*/;
}
table.numbered-lines td.line-numbers span.selected-line.end {
border-bottom-width: 1px;
margin-top: -1px/*restore alignment*/;
}
table.numbered-lines td.line-numbers span.selected-line.start.end {
margin-top: -2px/*restore alignment*/;
}
.fossil-tooltip {
text-align: center;
padding: 0.2em 1em;
border: 1px solid black;
border-radius: 0.5em;
position: absolute;
display: inline-block;
z-index: 19/*below default skin's hamburger popup*/;
box-shadow: -0.15em 0.15em 0.2em rgba(0, 0, 0, 0.75);
background-color: inherit;
color: inherit;
}
.fossil-PopupWidget {
/* This class is ALWAYS set on every fossil.PopupWidget instance, in
addition to client/app-configured classes. It should not get any
style - it is only used for DOM element selecting/filtering
purposes. */
}
.fossil-toast-message {
/* "toast"-style popup message.
See fossil.popupwidget:toast() */
position: absolute;
display: block;
z-index: 1001;
text-align: left;
padding: 0.15em 0.5em;
margin: 0;
font-size: 1em;
border-width: 1px;
border-style: solid;
border-color: rgba( 127, 127, 127, 0.75 );
border-radius: 0.25em;
background-color: rgba(20, 20, 20, 1)
/* problem: if we inherit the color it may either be
transparent or inherit translucency via the
skin, leaving it unreadable. Since we set the bg
color we must also set the fg color. */;
color: rgba(235, 235, 235, 0.9);
}
.fossil-PopupWidget a,
.fossil-PopupWidget a:visited {
color: initial;
}
.fossil-toast-message.error,
.fossil-toast-message.warning {
background: yellow;
}
.fossil-toast-message.error {
font-weight: bold;
color: darkred;
border-color: darkred;
}
.fossil-toast-message.warning {
color: black;
}
blockquote.file-content {
/* file content block in the /file page */
margin: 0 1em;
}
/* Generic sidebar styling inherited by skins that don't make their own
* arrangements. */
.markdown blockquote, p.blockquote, .sidebar {
background-color: rgba(0, 0, 0, 0.05);
border-left: 3px solid #777;
padding: 0.1em 1em;
}
.sidebar {
/* Generic form that can be applied to any block element. */
font-size: 90%;
}
div.sidebar {
/* Special exception for div-type sidebars, where there is no p
* wrapper inside to give us the extra padding we want. */
padding: 1em;
}
div.sidebar:not(.no-label):before {
content: "Sidebar: ";
font-weight: bold;
}
/**
Circular "help" buttons intended to be placed to the right of
another element and hold text text for it. These typically get
initialized automatically at page startup via
fossil.popupwidget.js, and can be manually initialized/created
using window.fossil.helpButtonlets.setup/create(). All of their
child content (plain text and/or DOM elements) gets moved out of
the DOM and shown in a singleton popup when they are clicked. They
may be SPAN elements if their children are all inline elements,
otherwise they must be DIVs (block elements) so that nesting of
block-element content is legal.
*/
.help-buttonlet {
display: inline-block;
min-width: 1em;
max-width: 1em;
min-height: 1em;
max-height: 1em;
cursor: pointer;
margin: 0 0 0 0.35em;
background-image: /* white question mark on blue circular background */
url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' \
viewBox='0 0 15.867574 15.867574'%3e%3ccircle cx='7.9337869' cy='7.9337869' r='7.9337869' \
style='fill:%23f0f0f0;stroke-width:1' /%3e%3ccircle cx='7.9337869' cy='7.9337869' \
r='6.9662519' style='fill:%23404040;stroke-width:1' /%3e%3ccircle cx='7.9337869' \
cy='7.9337869' r='5.9987168' style='fill:%235080d0;stroke-width:1' /%3e%3cpath \
d='M 9.2253789,9.8629486 H 6.5997716 v -0.356384 q 0,-0.5963983 0.2400139,-1.0546067 \
0.240014,-0.4654816 1.0109681,-1.1782504 L 8.316235,6.8518647 Q 8.7308046,6.473661 \
8.9199065,6.1390961 9.1162816,5.8045312 9.1162816,5.4699662 q 0,-0.5091205 -0.3491113,-0.7927734 \
-0.3491111,-0.2909259 -0.9746021,-0.2909259 -0.5891252,0 -1.2728012,0.247287 \
-0.6836761,0.240014 -1.4255375,0.720042 V 3.0698267 q 0.8800513,-0.3054724 1.6073661,-0.4509353 \
0.7273151,-0.145463 1.403718,-0.145463 1.7746486,0 2.7056104,0.727315 0.930965,0.720042 \
0.930965,2.1092135 0,0.7127686 -0.283654,1.2800746 -0.283652,0.5600324 -0.967329,1.2073428 \
L 10.025425,8.2119439 Q 9.530851,8.6628792 9.3781148,8.9392588 9.2253789,9.2083654 \
9.2253789,9.535657 Z M 6.5997716,10.939376 h 2.6256073 v 2.589241 H 6.5997716 Z' \
style='fill:%23f8f8f8;stroke-width:1.35412836' /%3e%3c/svg%3e ");
background-repeat: no-repeat;
background-position: center;
/* When not using a background image, this additional style works
reasonably well along with a ::before content of "?": */
/*border-width: 1px;
border-style: outset;
border-radius: 0.5em;
font-size: 100%;
font-family: monspace;
font-weight: 700;
overflow: hidden;
background-color: rgba(54, 54, 255,1);
color: rgb(255, 255, 255);
text-align: center;
line-height: 1; */
}
/*.help-buttonlet::before {
content: "?";
}*/
/**
We really want to hide all help text via CSS but CSS cannot select
TEXT nodes. Thus we move them out of the way programmatically
during initialization.
*/
.help-buttonlet > *{}
/**
CSS class for PopupWidget which wraps .help-buttonlet content.
They also have class fossil-tooltip. We need an overly-exact
selector here to be certain that this class's style overrides
that of fossil-tooltip.
*/
.fossil-tooltip.help-buttonlet-content {
cursor: default;
text-align: left;
border-style: outset;
}
noscript > .error {
/* Part of the style_emit_noscript_for_js_page() interface. */
padding: 1em;
font-size: 150%;
}
/************************************************************
pikchr...
DOM structure:
...
pikchr source code
link to open pikchr in /pikchrshow
************************************************************/
div.pikchr-wrapper {/*outer wrapper elem for a pikchr construct*/}
div.pikchr-svg {/*wrapper for SVG.pikchr element*/}
svg.pikchr {/*pikchr SVG*/
width: 100%/*necessary for SOME SVGs for Chrome!*/;
}
div.pikchr-src {
/*Wrapper for source code view of a pikchr (see fossil.pikchr.js)*/
display: flex;
flex-direction: column;
}
div.pikchr-src > pre {
/*Source code for a pikchr*/
box-sizing: border-box;
text-align: left;
}
div.pikchr-src > span {
/*Wrapper for a link to open a pikchr in /pikchrshow*/
margin-top: 0.5em;
margin-bottom: 0.5em;
font-size: 85%;
}
div.pikchr-src > span::before {
content: "[";
}
div.pikchr-src > span::after {
content: "]";
}
/* The .source-inline class tells the .source class that the
source view, when enabled, should be "inline" (same position
as the graphic), else the sources are shifted to the left as
if they were "plain text". */
div.pikchr-wrapper.center:not(.source),
div.pikchr-wrapper.center.source.source-inline{
text-align: center;
/* Reminder for The Future: this impl also works:
display: grid; place-items: center;
and does not require setting display:inline-block on the relevant
child items, but caniuse.com/css-grid suggests that some
still-seemingly-legitimate browsers don't support grid mode. */
}
div.pikchr-wrapper.center > div.pikchr-svg {
width: 100%/*necessary for Chrome!*/;
}
div.pikchr-wrapper.center:not(.source) > div.pikchr-src,
div.pikchr-wrapper.center:not(.source) > div.pikchr-svg,
/* ^^^ Centered non-source-view elements */
div.pikchr-wrapper.center.source.source-inline div.pikchr-src,
div.pikchr-wrapper.center.source.source-inline > div.pikchr-svg
/* ^^^ Centered inline-source-view elements */{
display:inline-block/*allows parent text-align to do the alignment*/;
/* ^^^^ Browser incompatibility: inline-block causes the centered
pikchr to shrink to the point of illegiblity in Chrome. The
closest match on Chrome seems to be using 'unset', which centers
by virtue of stretching it to the width of the window. Similarly,
using {display: grid; place-items: center} centers and sizes well
on FF but Chrome shrinks it in the same way. */
}
div.pikchr-wrapper.indent:not(.source),
div.pikchr-wrapper.indent.source.source-inline{
margin-left: 4em;
}
div.pikchr-wrapper.float-left:not(.source),
div.pikchr-wrapper.float-left.source.source-inline {
float: left;
padding: 4em;
}
div.pikchr-wrapper.float-right:not(.source),
div.pikchr-wrapper.float-right.source.source-inline{
float: right;
padding: 4em;
}
/* For pikchr-wrapper.source mode, toggle pre.pikchr-src and
svg.pikchr visibility... */
div.pikchr-wrapper.source > div.pikchr-src {
/* Source code ^^^^^^^ is visible, else it is hidden */
}
div.pikchr-wrapper:not(.source) > div.pikchr-src {
/* Hide sources when image is being shown. */
position: absolute !important;
opacity: 0 !important;
pointer-events: none !important;
display: none !important;
}
div.pikchr-wrapper.source > div.pikchr-svg {
/* Hide image when sources are being shown. */
position: absolute !important;
opacity: 0 !important;
pointer-events: none !important;
display: none !important;
}
/* An icon element intended for use as a button/menu for
accessing app-specific settings. */
.settings-icon {
/* Icon source: https://de.wikipedia.org/wiki/Datei:OOjs_UI_icon_settings.svg
MIT License. */
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg \
xmlns='http://www.w3.org/2000/svg' width='24' height='24' \
viewBox='0, 0, 24, 24'%3e%3cg id='settings'%3e%3cpath id='gear' \
d='M3 4h3v2h-3zM12 4h9v2h-9zM8 3h2c.552 0 1 .448 1 1v2c0 .552-.448 1-1 1h-2c-.552 \
0-1-.448-1-1v-2c0-.552.448-1 1-1zM3 11h9v2h-9zM18 11h3v2h-3zM14 10h2c.552 0 1 .448 \
1 1v2c0 .552-.448 1-1 1h-2c-.552 0-1-.448-1-1v-2c0-.552.448-1 1-1zM3 18h6v2h-6zM15 \
18h6v2h-6zM11 17h2c.552 0 1 .448 1 1v2c0 .552-.448 1-1 1h-2c-.552 \
0-1-.448-1-1v-2c0-.552.448-1 1-1z'/%3e%3c/g%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: center;
display: inline-block;
min-height: 1em;
max-height: 1em;
min-width: 1em;
max-width: 1em;
margin: 0;
padding: 0.2em/*needed to avoid image truncation*/;
border: 1px solid rgba(0,0,0,0.0)/*avoid resize when hover style kicks in*/;
cursor: pointer;
border-radius: 0.25em;
}
.settings-icon:hover {
border: 1px outset rgba(127,127,127,1);
}
body.fossil-dark-style .settings-icon {
filter: invert(100%);
}
body.branch .brlist > table > tbody > tr:hover:not(.selected),
body.branch .brlist > table > tbody > tr.selected {
background-color: #ffc;
}
body.branch .brlist > table > tbody td:first-child > input {
cursor: pointer;
}
body.branch .brlist > table > tbody > tr > td:nth-child(1) {
display: flex;
flex-direction: row;
justify-content: space-between;
}
body.branch .submenu > a.timeline-link {
display: none;
}
body.branch .submenu > a.timeline-link.selected {
display: inline;
}
/* Candidate fonts for various forms of monospaced text. Collected here
* to avoid repeating this long list of fonts. */
code, kbd, pre, samp, tt, var,
div.markdown ol.footnotes > li.fn-joined > sup.fn-joined,
table.numbered-lines > tbody > tr,
tr.diffskip > td.chunkctrl,
#fossil-status-bar,
.monospace {
font-family: "Source Code Pro", "Menlo", "Monaco", "Consolas",
"Andale Mono", "Ubuntu Mono", "Deja Vu Sans Mono",
"Letter Gothic", "Letter Gothic Std", "Prestige Elite Std",
"Courier", "Courier New",
monospace;
}
div.markdown > ol.footnotes {
font-size: 90%;
}
div.markdown > ol.footnotes > li {
margin-bottom: 0.5em;
}
div.markdown ol.footnotes > li.fn-joined > sup.fn-joined {
color: gray;
}
div.markdown ol.footnotes > li.fn-joined > sup.fn-joined::after {
content: "(joined from multiple locations) ";
}
div.markdown ol.footnotes > li.fn-misreference {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
div.markdown ol.footnotes > li.fn-toodeep > i,
div.markdown ol.footnotes > li.fn-misreference,
div.markdown ol.footnotes > li.fn-unreferenced {
color: gray;
}
div.markdown ol.footnotes > li.fn-misreference > span {
color: red;
}
div.markdown ol.footnotes > li.fn-misreference > span::after {
content: " (use of undefined label).";
}
div.markdown ol.footnotes > li.fn-unreferenced {
padding-left: 0.5em;
}
div.markdown ol.footnotes > li.fn-unreferenced > code {
color: red;
}
div.markdown ol.footnotes > li.fn-unreferenced > i::after {
content: " was defined but is not referenced";
}
div.markdown ol.footnotes > li.fn-toodeep > i::after {
content: " depth of nesting of inline footnotes exceeded the limit";
}
div.markdown ol.footnotes > li.fn-toodeep > pre,
div.markdown ol.footnotes > li.fn-unreferenced > pre {
color: gray;
font-size: 85%;
padding-left: 0.5em;
margin-top: 0.25em;
border-left: 2px solid red;
}
div.markdown ol.footnotes > li.fn-toodeep > pre {
margin-left: 0.5em;
}
div.markdown > ol.footnotes > li > .fn-backrefs {
margin-right: 0.5em;
font-weight: bold;
}
div.markdown > ol.footnotes > li > .fn-backrefs > a,
div.markdown sup.noteref > a {
padding-left: 2px;
padding-right: 2px;
}
div.markdown sup.noteref.misref,
div.markdown sup.noteref.misref > a {
color: red;
font-size: 90%;
}
div.markdown sup.noteref > a:target,
div.markdown span.notescope:target > sup.noteref > a,
div.markdown span.notescope:hover > sup.noteref > a,
div.markdown > ol.footnotes > li > .fn-backrefs > a:target {
background: gold;
}
div.markdown span.notescope:hover,
div.markdown span.notescope:target {
border-bottom: 2px solid gold;
}
/* Objects in the "desktoponly" class are invisible on mobile */
@media screen and (max-width: 600px) {
.desktoponly {
display: none;
}
}
/* Float sidebars to the right of the main content only if there's room. */
@media screen and (min-width: 600px) {
.sidebar {
float: right;
max-width: 33%;
margin-left: 1em;
}
}
/* Objects in the "wideonly" class are invisible only on wide-screen desktops */
@media screen and (max-width: 1200px) {
.wideonly {
display: none;
}
}
/***********************************************************
** Page-specific CSS for "uvlist"
***********************************************************/
body.uvlist input {
margin: 0.5em;
}
body.uvlist form {
display: block;
}
/***********************************************************
** Skin-specific CSS for this repository
***********************************************************/
/* 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… */
color: #444;
}
.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 blocks that happen to run
* up against it. */
outline: 1em solid white;
}
/* 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 .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:not(.browser) > li {
list-style-type: disc;
}
div.filetree ul li.dir,
div.filetree ul li.subdir,
div.filetree ul li.file{
list-style-type: none;
}
.artifact > .content table,
.dir > .content table,
.doc > .content table,
.wiki > .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,
.wiki > .content th {
border-bottom: 1px solid #dee8f2;
padding-bottom: 4px;
padding-right: 6px;
}
.artifact > .content tr > th,
.dir > .content tr > th,
.doc > .content tr > th,
.wiki > .content tr > th {
background-color: #dee8f0;
}
.artifact > .content tr:nth-child(odd),
.dir > .content tr:nth-child(odd),
.doc > .content tr:nth-child(odd),
.wiki > .content tr:nth-child(odd) {
background-color: #e0e8ee;
}
.artifact > .content td,
.dir > .content td,
.doc > .content td,
.wiki > .content td {
padding-bottom: 4px;
padding-right: 6px;
}
th {
/* Special rule at high level to override default centering of table
header cell text. If it isn't at this level, it can't be
overridden in the HTML, as by the MD table generator's handling
of `:` alignment markers. */
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 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;
}
/* Extend default.css comment cell rounding to the whole row for the
* various types of "selected" rows, making them "hang" into the left
* margin, distinguishing them from the coloring used for branch cells.
* Care must be taken to avoid having the box-shadow rounded but the
* background squared-off. */
table.timelineTable {
padding: 0 3px; /* leave space to sides for box shadow; can clip otherwise */
}
table.timelineTable tr {
border-radius: 1em;
}
tr.timelineSelected, tr.timelineSecondary { background-color: unset; }
tr.timelineSelected td, span.timelineSelected {
background-color: #fbe8d5;
}
tr.timelineSecondary td, span.timelineSecondary {
background-color: #d5e8fb;
}
tr.timelineCurrent td:first-child,
tr.timelineSecondary td:first-child,
tr.timelineSelected td:first-child {
border-top-left-radius: 1em;
border-bottom-left-radius: 1em;
}
tr.timelineCurrent td:last-child,
tr.timelineSecondary td:last-child,
tr.timelineSelected td:last-child {
border-top-right-radius: 1em;
border-bottom-right-radius: 1em;
}
tr.timelineCurrent td {
border-top: 1px dashed #446979;
border-bottom: 1px dashed #446979;
}
tr.timelineCurrent td:first-child {
border-left: 1px dashed #446979;
}
tr.timelineCurrent td:last-child {
border-right: 1px dashed #446979;
}
/* 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
* 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 fragments and
* similar elements, for essentially the same reason: Fossil UI also
* uses , 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;
}
.forum > .content .markdown > pre {
margin-left: 20pt; /* special case for MD in forum; need less indent */
}
/* 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 .content h1, .dir .content h1, .fileedit .content h1, .wiki .content h1 { margin-left: 10pt; }
.doc > .content h2, .artifact .content h2, .dir .content h2, .fileedit .content h2, .wiki .content h2 { margin-left: 20pt; }
.doc > .content h3, .artifact .content h3, .dir .content h3, .fileedit .content h3, .wiki .content h3 { margin-left: 30pt; }
.doc > .content h4, .artifact .content h4, .dir .content h4, .fileedit .content h4, .wiki .content h4 { margin-left: 40pt; }
.doc > .content h5, .artifact .content h5, .dir .content h5, .fileedit .content h5, .wiki .content h5 { margin-left: 50pt; }
.doc > .content hr, .artifact .content hr, .dir .content hr, .fileedit .content hr, .wiki .content 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 */
.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;
}
}