// This is the template file for the default CSS for Fossil. Lines
// beginning with "//" are stripped out by the pre-processor and never
// reach the web browser.
//
// Each repository skin has skin-specific CSS. The rules contained in this
// file are appended to the skin-CSS as required. Each rule is evaluated
// separately and is only appended to the final CSS if there is not an
// overriding rule with the same selector in the skin-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.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;
}
.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\/\/\/yEhIf\/\/\/wAAACH5BAEHAAIALAAAAAAQABAAAAIvlIKpxqcfmgOUvoaqDSCxrEEfF14GqFXImJZsu73wepJzVMNxrtNTj3NATMKhpwAAOw==);
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 {
background-image: url(data:image/gif;base64,R0lGODlhEAAQAJEAAP\/\/\/yEhIf\/\/\/wAAACH5BAEHAAIALAAAAAAQABAAAAIvlIKpxqcfmgOUvoaqDSCxrEEfF14GqFXImJZsu73wepJzVMNxrtNTj3NATMKhpwAAOw==);
background-repeat: no-repeat;
background-position: 0px center;
padding-left: 20px;
padding-top: 2px;
}
ul.browser li.dir {
background-image: url(data:image/gif;base64,R0lGODlhEAAQAJEAAP/WVCIiIv\/\/\/wAAACH5BAEHAAIALAAAAAAQABAAAAInlI9pwa3XYniCgQtkrAFfLXkiFo1jaXpo+jUs6b5Z/K4siDu5RPUFADs=);
background-repeat: no-repeat;
background-position: 0px center;
padding-left: 20px;
padding-top: 2px;
}
div.filetreeline {
display: table;
width: 100%;
white-space: nowrap;
}
.filetree .dir > div.filetreeline > a {
background-image: url(data:image/gif;base64,R0lGODlhEAAQAJEAAP/WVCIiIv\/\/\/wAAACH5BAEHAAIALAAAAAAQABAAAAInlI9pwa3XYniCgQtkrAFfLXkiFo1jaXpo+jUs6b5Z/K4siDu5RPUFADs=);
}
div.filetreeage {
display: table-cell;
padding-left: 3em;
text-align: right;
}
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:"'";
}
div.selectedText {
font-weight: bold;
color: blue;
background-color: #d5d5ff;
border: 1px blue solid;
}
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-collapse:collapse;
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;
}
table.sbsdiffcols {
width: 90%;
border-spacing: 0;
font-size: xx-small;
}
table.sbsdiffcols td {
padding: 0;
vertical-align: top;
}
table.sbsdiffcols pre {
margin: 0;
padding: 0;
border: 0;
font-size: inherit;
background: inherit;
color: inherit;
}
div.difflncol {
padding-right: 1em;
text-align: right;
color: #a0a0a0;
}
div.difftxtcol {
width: 45em;
overflow-x: auto;
}
div.diffmkrcol {
padding: 0 1em;
}
span.diffchng {
background-color: #c0c0ff;
}
span.diffadd {
background-color: #c0ffc0;
}
span.diffrm {
background-color: #ffc8c8;
}
span.diffhr {
display: inline-block;
margin: .5em 0 1em;
color: #0000ff;
}
span.diffln {
color: #a0a0a0;
}
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 {
background-color: #446979;
}
.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;
}
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.forumHier, div.forumTime {
border: 1px solid black;
padding-left: 1ex;
padding-right: 1ex;
margin-top: 1ex;
}
div.forumPostBody {
max-height: 40em;
overflow: auto;
}
div.forumSel {
background-color: #cef;
}
div.forumObs {
color: #bbb;
}
#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;
}
.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;
//Note: the mkcss utility does not support line breaks in data URIs.
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-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;
}
#setup_skinedit_css_defaults {
max-width: 98%;
font-family: monospace;
// These are for the UL-based implementation:
column-width: auto;
column-count: 2;
padding-top: 1em;
}
// These are for the alternate table-based skinedit CSS list:
// #setup_skinedit_css_defaults > tbody > tr > td {
// font-family: monospace;
// white-space: pre-wrap;
// border: 1px solid black;
// vertical-align: top;
// }
// #setup_skinedit_css_defaults > tbody > tr > td:nth-of-type(2) > div {
// max-width: 30em;
// overflow: auto;
// }
// .fileedit-XXX => /fileedit page
.hidden {
position: absolute;
opacity: 0;
pointer-events: none;
}
//.hidden {
// display: none;
//}
#fossil-status-bar {
display: block;
font-family: monospace;
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;
}
#fossil-status-bar.error {
color: darkred;
background: yellow;
}
//////////////////////////////////
// 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;
}
.tab-container > .tab-bar {
display: flex;
flex-direction: row;
flex: 1 10 auto;
align-self: stretch;
flex-wrap: wrap;
}
.tab-container > .tab-bar > button {
border-radius: 0.5em 0.5em 0 0;
margin: 0.5em 0.5em 0 0.5em;
align-self: baseline;
}
.tab-container > .tab-bar > button.selected {
font-style: italic;
font-weight: bold;
margin: 0 0.5em;
text-decoration: underline;
}
//////////////////////////////////
// Styles for /fileedit:
form.fileedit textarea {
font-family: monospace;
width: 100%;
}
form.fileedit fieldset {
margin: 0.5em 0 0.5em 0;
border-radius: 0.5em;
border-color: inherit;
border-width: 1px;
font-size: 85%;
}
form.fileedit fieldset > legend {
margin: 0 0 0 1em;
padding: 0 0.5em 0 0.5em;
}
form.fileedit fieldset > div {
margin: 0 0.25em 0.25em 0.25em;
}
form.fileedit fieldset > div > .input-with-label {
margin: 0.25em 0.5em;
}
form.fileedit fieldset > div > button {
margin: 0.25em 0.5em;
}
form.fileedit input:invalid {
border-left: 0.2em dashed red;
}
.fileedit-hint {
font-size: 80%;
opacity: 0.75;
}
.fileedit-error-report {
background: yellow;
color: darkred;
margin: 1em 0;
padding: 0.5em;
border-radius: 0.5em;
}
code.fileedit-manifest {
display: block;
height: 16em;
overflow: auto;
white-space: pre;
}
div.fileedit-preview {
margin: 0;
padding: 0;
}
div.fileedit-tab-diff-wrapper {
margin: 0;
padding: 0;
}
#fileedit-comment {
width: 100%;
font-family: monospace;
}
.tab-container > .tabs > .tab-panel > .fileedit-options {
margin-top: 0;
border: none;
border-radius: 0;
border-bottom-width: 1px;
border-bottom-style: dotted;
}
.tab-container > .tabs > .tab-panel > .fileedit-options > button {
vertical-align: middle;
margin: 0.5em;
}
////////////////////////////////////////////////////////////////////
// Styles developed for /fileedit but which have wider
// applicability:
.flex-container {
display: flex;
}
.flex-container.row {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.flex-container.row.stretch {
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
margin: 0;
}
.flex-container.column {
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.flex-container.column.stretch {
align-items: stretch;
margin: 0;
}
.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
// contains a SPAN label and an INPUT control.
.input-with-label {
border: 1px inset #808080;
border-radius: 0.5em;
padding: 0.25em 0.4em;
margin: 0 0.5em;
display: inline-block;
cursor: pointer;
}
.input-with-label > * {
vertical-align: middle;
}
.input-with-label > input {
margin: 0;
}
.input-with-label > select {
margin: 0;
}
.input-with-label > input[type=text] {
margin: 0;
}
.input-with-label > textarea {
margin: 0;
}
.input-with-label > input[type=checkbox] {
vertical-align: sub;
}
.input-with-label > input[type=radio] {
vertical-align: sub;
}
.input-with-label > span {
margin: 0 0.25em 0 0.25em;
vertical-align: middle;
}