/* no body spacing */
html, body {
border: 0; padding: 0; margin: 0;
background: #fefefe;
font: normal normal 400 10pt/16pt Arial,sans-serif;
max-width: 1900px;
}
html, * {
box-sizing: border-box;
}
/* general text settings */
body, article, p {
color: #333;
line-height: 145%;
}
/* layout features */
.width-container {
padding-left: 15% !important;
padding-right: 15% !important;
}
.text-shadow {
text-shadow: 0px 1px 0px #888;
}
.glyph {
font-family: "Symbola", "Arial Unicode MS", "Quivira", "Code200", sans-serif;
}
/* menu layout */
#menu-header {
background: #f7f7f7;
}
#menu-header, #submenu-header, #project-header, #fossil-footer {
width: 100%;
height: 50pt;
padding: 10pt;
padding-top: 14pt;
border-bottom: 1px solid #dfdfdf;
display: block;
clear: both;
vertical-align: middle;
}
#menu-header h1 {
font-family: Ubuntu, Sans;
font-weight: 700;
display: inline;
font-size: 23pt;
color: #333;
margin: 3pt 18pt 0 0;
float: left;
}
/* search bar */
#search_form {
display: inline;
}
#search_form {
display: inline-block;
padding: 0;
height: 30px;
line-height: 30px;
}
#search_form input, #search_form select {
padding: 3px;
border: 1px solid #ccc;
}
#search_form select, #search_form option {
background: #eee;
}
#search_form input:focus, #search_form select:focus {
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
border: 1px solid rgba(81, 203, 238, 1);
}
/* menu links */
#menu-header a {
color: #444;
font-size: 11pt;
font-weight: 600;
padding: 7pt;
}
/* buttons */
#menu-header a.button {
top: 2pt;
border-radius: 5px;
font-weight: 700;
padding: 6pt 10pt;
position: relative;
}
.button.green {
border: 1px solid #493;
background: #7e5 linear-gradient(180deg,#8e7,#593);
color: #fff !important;
}
.button.green:hover {
background: #5c3 linear-gradient(180deg,#6d5,#482);
}
.button.white {
border: 1px solid #ddd;
background: #eee;
background: linear-gradient(180deg,#fff,#ddd);
color: #333;
}
.button.white:hover, .submenu .label:hover {
background: #ccc linear-gradient(180deg,#eee,#ccc);
}
.button.red {
border: 1px solid #d97;
background: #fdc;
background: linear-gradient(180deg,#fdc,#eba);
color: #333;
}
.button.red:hover {
background: #eba linear-gradient(180deg,#ecb,#c97);
}
.download.button {
display: block;
padding: 4pt 10pt;
border-radius: 4px;
margin-top: 10pt;
}
.branch.button {
font-family: sans-serif;
padding: 2pt 6pt;
border-radius: 4px;
}
.branch.button select {
border: 0 !important;
background: inherit;
font-size: 103%;
font-weight: 700;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.branch.button option {
font-weight: 700;
background: #eee;
}
.button.proj-sitemap {
padding: 3pt 9pt !important;
margin-left: 9pt;
}
/* wikki editor */
.tab-container > .tabs {
margin: 5pt 2pt;
border-width: 3pt;
border-color: #999 !important;
background: linear-gradient(180deg,#fff,#ddd);
}
#wikiedit-edit-status .links a {
border: 1px solid #ccc;
margin: 4pt 1pt !important;
border-radius: 5px;
padding: 2pt;
background: #eee;
background: linear-gradient(180deg,#fff,#ddd);
color: #227;
}
#wikiedit-edit-status .links a:hover {
background: linear-gradient(180deg,#ddd,#bbb);
color: #449;
}
.tab-container > .tab-bar > .tab-button {
display: inline-block;
border-color: #eee;
background: linear-gradient(180deg,#fff,#eee);
opacity: 0.6;
}
#fossil-status-bar {
display: none !important;
}
#wikiedit-tab-content .wikiedit-options label, .wikiedit-content-reload, #wikiedit-stash-selector {
display: none !important;
}
#wikiedit-tabs .tabs {
border: 0 none #fff !important;
}
#wikiedit-content-editor {
border: 3px solid #ddd !important;
}
/* fossil action buttons */
.submenu a.label, .submenu select, .submenu input {
padding: 2px 3pt;
border-radius: 3px;
border: 1px solid #d7d7d7;
background: #fff linear-gradient(0deg, #eee 0%, #fff 20%);
color: #333;
font-size: 12pt;
}
.submenu input { width: 40px; }
.submenu select { padding: 1px 3pt; }
.submenu select option {
background: linear-gradient(0deg, #ddd 0%, #fff 20%);
font-size: 11pt;
}
main .submenu {
float: right;
position: relative;
top: -40px;
}
/* links */
a {
text-decoration: none;
color: #57c;
}
/* project info */
#project-header a {
font-size: 16pt;
color: #48c;
font-weight: 100;
}
#public-prefix {
font-size: 13pt;
font-weight: 100;
color: #ccc;
position: relative;
left: -53pt;
top: 5pt;
}
#project-header .share-button {
padding: 3pt 6pt;
font-weight: 600;
border: 1px solid #ddd;
border-radius: 4px 0 0 4px;
background: #eee;
background:linear-gradient(180deg,#fff,#e7e7e7);
color: #222;
}
#project-header .share-button a {
font-size: 12pt;
}
#project-header .share-button-number {
padding: 3pt 6pt;
border: 1px solid #ddd;
border-left: 0;
border-radius: 0 4px 4px 0;
background: #fcfcfc;
color: #444;
}
/* project main pane */
#project-content {
font-size: 12.25pt;
padding-top: 16pt;
color: #666;
width: 82%; /************** layout *************/
}
/* code statistics box */
#project-stats {
margin-top: 10pt;
border: 1px solid #ccc;
border-radius: 4pt;
height: 48px;
padding: 0;
overflow: hidden;
background: #fcfcfc;
font-family: sans-serif;
font-size: 90%;
}
#project-stats-alternate {
height: 34px;
text-align: center;
overflow: hidden;
padding: 1pt 20pt;
}
#project-stats-alternate div {
height: 34px;
padding: 8px;
}
#project-stats-alternate a {
padding: 1pt 25pt;
color: #999;
}
#project-stats-alternate a b {
color: #111;
}
/* language color graph */
#language-bar {
overflow: hidden;
width: 101%;
height: 16px;
border-radius: 0 0 4pt 4pt;
background: #999;
padding: 0;
margin: 0;
}
#language-bar span:first-child {
border-radius: 0 0 0 8pt;
}
#language-bar span:last-child {
border-radius: 0 0 8pt 0;
}
/* default user pic in filebox */
.user {
font-weight: 700;
color: #557;
padding-left: 26px;
background: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQIAHAAcAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAWABYDASIAAhEBAxEB/8QAGQABAQEAAwAAAAAAAAAAAAAAAAYFBAgJ/8QAJhAAAQMEAgEEAwEAAAAAAAAAAQIDBAAFBhESIQcTMTJBM2Fxkf/EABcBAQADAAAAAAAAAAAAAAAAAAUAAQP/xAAnEQABAwMCBAcAAAAAAAAAAAABAgMEABExEiEFBgdBEyIyQlGBwf/aAAwDAQACEQMRAD8A7g5RKy61YvcAw4I819CIsKBwBEl9Z4oSVAnQClAqOx1vuoZrDfOeLXaLkUfIYuTWZKUKucdxlDKwB+RLaQOR0O0lKtk9EH7o8j8v4hbrnGZvGbWZlxO3lCRJbZSOK/iN6IAI13s1Yz8ptljx6TIvN2Zs8EBIdnS1hDUfmdJKle2+RAGj7kf2j+bZU1M+IhD5bCuzarDVqA8wGbgj1X2xk0pwQRnYryikKKck77W7fGDiuRdGp9vW6pMy2ej6iQ27IlcCsKSFHrX0ev2KVHQsrwPIUyZFoya3XKNHU00FiWl0pXwPPfySOwCNH2pW0rpvyhOfXJfaBWskk6sk7n3UEnibiQEhY2ryX8izvIj/AJPyyMZsAOIvEvluS4oAeoeKQSjZAToDf0KzrvnfmmRBj4xdcyfl2+MlJYhuXOQ5HaA2lPFChxTrR1odClKtIBQm4xioytSGgEmwtatTxNkGeTblPSLgwlhLIC0CQpJUsKHE/A9AKV/tKUoqZEZfd1uJuaDnQY8l7xHU3P3+V//Z") no-repeat;
}
/* sidebar */
#function-sidebar {
width: 15%;
float: right; /************** layout *************/
overflow: hidden;
}
#function-sidebar ul {
padding: 0;
margin: 20pt 0 0 0;
}
#function-sidebar li {
border-left: 1px solid #ececec;
box-shadow: #f4f4f4 4px 0 0 0 inset;
display: block;
border-bottom: 1px solid #fcfcfc;
list-style-type: none;
margin: 0;
}
#function-sidebar li a {
display: block;
white-space: nowrap;
padding: 8pt 20pt;
}
#function-sidebar li.current, #function-sidebar li a[href="current_page"] {
border: 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
border-right: 3px solid #b53;
box-shadow: #f7f7f7 0 3px 0 0 inset;
}
#function-sidebar li:hover {
background: linear-gradient(90deg, #bbb 0%, #eee 2%, #f7f7f7 15%, #fff 50%);
}
#function-sidebar li a b {
color: #333;
font-weight: 500;
}
/* file list box */
#recent-files {
border: 1px solid #edf;
border-radius: 3pt;
box-shadow: #f0f4f8 0 0 6px 4px;
padding: 0;
}
#recent-files table {
background: #f7f8f9;
width: 100%;
margin: 0; padding: 0; border-spacing: 0;
border-collapse: collapse;
}
#recent-files tr {
width: 100%;
border-bottom: 1px solid #e4e8ea;
font-size: 89%;
padding: 0 !important; margin: 0 !important;
}
#recent-files th {
padding: 5pt;
text-align: left;
font-weight: 300;
background: #e0e7f7;
border-bottom: 1px solid #f3f5f7;
}
#recent-files td {
padding: 5pt;
text-align: left;
font-size: 89%;
}
#recent-files a b {
font-weight: 600;
font-size: 115%;
}
#recent-files a.dir b { color: #33c; }
#recent-files a.file b { color: #dcb; }
/* actual fossil content (wiki/timeline/files/etc.) */
main {
display: block;
min-height: 500pt;
border: 1px solid #eee;
box-shadow: #f7f7f7 0 0 5px 3px;
}
main h2.page-title {
display: block;
margin: 0;
padding: 9pt;
background: #eee;
background: linear-gradient(180deg, #fff 0%, #fcfcfc 33%, #f7f7f7 75%, #ebebeb 100%);
}
/* end */
#fossil-footer {
margin-top: 30pt;
border-top: 1px solid #eee;
height: 175pt;
}
#fossil-footer .button {
padding: 3pt 6pt;
border-radius: 2pt;
}
/* have different layout on frontpage than elsewhere */
.optional { display: none; }
body.page-index .optional { display: inherit; }
body.page-index span.optional { display: inline; }
#function-sidebar { width: 6%; }
body.page-index #function-sidebar { width: 15%; }
#project-content { width: 91%; }
body.page-index #project-content { width: 82%; }
/* ui::search decoration */
.searchResult li {
}
.searchResult li a {
font-size: 120%;
font-weight: 300;
}
.searchResult li a.search-link {
display: block;
font-weight: 100;
font-size: 70%;
color: #337733;
line-height: 125%;
}
.searchResult li .snippet {
color: #333;
}
.searchResult li .snippet mark {
text-decoration: none;
font-style: italic;
font-weight: 700;
color: #aa3322;
background: #f7f3cc;
}
/* actual HTML content decoration */
kbd {
border: 1px dotted #bbb;
border-radius: 3px;
padding: 1px 3px;
background: #eee linear-gradient(#fafcff,#e7e9ec);
}
code {
background: #f5f6f7;
}
pre.prettyprint {
border: 1px dashed #eee !important;
background: #f7f7f7;
}
main table {
border: 1px solid #edf;
box-shadow: #f0f4f8 0 0 6px 4px;
background: #ddd linear-gradient(180deg,#fff,#f7f7f7);
}
main table th {
background: #eee linear-gradient(180deg,#fff,#ddd);
border-collapse: collapse;
padding: 5pt;
text-align: left;
}
main table tr {
border: 1px solid #f7f7f7;
}
#timelineTable tr {
border: 0;
}
main table td {
padding: 3pt;
}
main code, main pre {
/*font-family: "Source Sans Pro", sans-serif;
font-size: 110%;*/
}
main h2, main h3, main h4, main h5, main h6 {
margin-top: 22pt;
}
main li {
margin-top: 5.5pt;
}
main em {
color: #522;
}
main .content p, main .content tr, main .content li {
line-height: 155%;
}
main td.tktDspValue {
background: #f3f3f3 linear-gradient(45deg,#ebebf5,#fff);
}
main td.tktDspLabel {
background: linear-gradient(115deg,#fff 70%,#fff9f7 100%);
text-align: right;
font-size: 90%;
color: #666;
}
/* ------------------------ Fossil internal styles ------------------------ */
/* -- syntax highlighting: https://cdn.rawgit.com/google/code-prettify/master/loader/prettify.css -- */
.pln{color:#000}
@media screen{.str{color:#080}
.kwd{color:#008}
.com{color:#800}
.typ{color:#606}
.lit{color:#066}
.clo,.opn,.pun{color:#660}
.tag{color:#008}
.atn{color:#606}
.atv{color:#080}
.dec,.var{color:#606}
.fun{color:red}
}
@media print,projection{.kwd,.tag,.typ{font-weight:700}
.str{color:#060}
.kwd{color:#006}
.com{color:#600;font-style:italic}
.typ{color:#404}
.lit{color:#044}
.clo,.opn,.pun{color:#440}
.tag{color:#006}
.atn{color:#404}
.atv{color:#060}
}
pre.prettyprint{padding:2px;border:1px solid #888}
ol.linenums{margin-top:0;margin-bottom:0}
li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}
li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}