# Stackoverflow-like skin
# The "skin" configuration exported from
# repository "/home/mario/fossil.d/array.fossil"
# on 2012-01-12 17:44:01
config /config 7178
1326329051 'css' value '/* General settings for the entire page */
body {
margin: 0ex 1ex;
padding: 0px;
background-color: white;
font-family: sans-serif;
}
/* The project logo in the upper left-hand corner of each page */
#logo {
text-align: center;
vertical-align: bottom;
font-weight: bold;
color: #f90;
padding: 5px 20px 0px 0px;
}
/* The page title centered at the top of each page */
.title {
font-size: 2em;
font-weight: 200;
color: #333;
vertical-align: bottom;
width: 100% ;
position: relative; top:30px;
}
.title b { font-weight: 800; }
/* The login status message in the top right-hand corner */
.status {
display: table-cell;
text-align: right;
vertical-align: bottom;
color: #ff9900;
font-size: 0.8em;
font-weight: bold;
min-width: 200px;
white-space: nowrap;
}
/* The header across the top of the page */
header, .header {
display: table;
width: 100% ;
}
/* The main menu bar that appears at the top of the page beneath
** the header */
nav, .mainmenu {
padding: 5px 10px 5px 10px;
font-size: 0.9em;
font-weight: bold;
text-align: center;
letter-spacing: 1px;
}
/* The submenu bar that *sometimes* appears below the main menu */
.submenu, .sectionmenu {
padding: 3px 10px 3px 0px;
font-size: 0.9em;
text-align: center;
background-color: #ff9900;
color: white;
}
.mainmenu a, .mainmenu a:visited, .submenu a, .submenu a:visited,
.sectionmenu>a.button:link, .sectionmenu>a.button:visited {
padding: 3px 10px 3px 10px;
color: white;
text-decoration: none;
}
.mainmenu a:hover, .submenu a:hover, .sectionmenu>a.button:hover {
color: #ff9900;
background-color: white;
}
/* All page content from the bottom of the menu or submenu down to
** the footer */
.content {
padding: 0ex 1ex 0ex 2ex;
}
/* Some pages have section dividers */
div.section {
margin-bottom: 0px;
margin-top: 1em;
padding: 1px 1px 1px 1px;
font-size: 1.2em;
font-weight: bold;
background-color: #ff9900;
color: white;
white-space: nowrap;
}
/* The "Date" that occurs on the left hand side of timelines */
.divider {
border-radius: 4px;
color: #750;
background: #ffeecc;
border: 2px #f90 solid;
font-size: 1em; font-weight: normal;
padding: .25em;
margin: .2em 0 .2em 0;
float: left;
clear: left;
white-space: nowrap;
}
/* The footer at the very bottom of the page */
footer, .footer {
clear: both;
}
/* verbatim blocks */
pre.verbatim {
background-color: #f5f5f5;
padding: 0.5em;
}
/* The label/value pairs on (for example) the ci page */
table.label-value th {
vertical-align: top;
text-align: right;
padding: 0.2ex 2ex;
}
/* Side-by-side diff */
table.sbsdiff {
background-color: white;
font-family: fixed, Dejavu Sans Mono, Monaco, Lucida Console, monospace;
font-size: 8pt;
border-collapse:collapse;
white-space: pre;
width: 98%;
border: 1px #000 dashed;
margin-left: auto;
margin-right: auto;
}
table.sbsdiff th.diffhdr {
border-bottom: dotted;
border-width: 1px;
}
table.sbsdiff tr td {
white-space: pre;
padding-left: 3px;
padding-right: 3px;
margin: 0px;
vertical-align: top;
}
table.sbsdiff tr td.lineno {
text-align: right;
}
table.sbsdiff tr td.srcline {
}
table.sbsdiff tr td.meta {
background-color: rgb(170, 160, 255);
text-align: center;
}
table.sbsdiff tr td.added {
background-color: rgb(180, 250, 180);
}
table.sbsdiff tr td.addedvoid {
background-color: rgb(190, 190, 180);
}
table.sbsdiff tr td.removed {
background-color: rgb(250, 130, 130);
}
table.sbsdiff tr td.removedvoid {
background-color: rgb(190, 190, 180);
}
table.sbsdiff tr td.changed {
background-color: rgb(210, 210, 200);
}
table.sbsdiff tr td.changedvoid {
background-color: rgb(190, 190, 180);
}
/*********************************
*
* SO lookalike.
*
*/
html {
}
body {
padding: 0;
margin: 0;
}
body, p, article, td {
font-family: Arial;
font-size: 14px;
color: #111;
}
p, article {
line-height: 175%;
}
li {
margin-bottom: 5pt;
}
.container {
margin-left: auto;
margin-right: auto;
width: 960px;
clear: both;
}
a {
text-decoration: none;
font-weight: 700;
color: #07c;
}
a:visited {
color: #468;
}
.header {
background: #eee;
color: #999;
padding: 2px 0;
}
#title {
float: left;
color: #666;
font-weight: 700;
margin: 3px;
}
.badge1 { color: #fd5; }
.badge2 { color: #ccc; }
.badge3 { color: #c96; }
#logo {
height: 100px;
}
#navlist {
padding-top: 55px;
}
#navlist a {
color: #ffffff;
font-weight: 900;
font-size: 130%;
padding: 4px 15px;
background: #777;
}
#navlist a.current, #navlist a:hover {
background: #f90;
}
#navlist a.last {
margin-left: 50px;;
}
.mainbar {
width: 730px;
float: left;
padding-top: 10px;
}
.sidebar {
width: 220px;
float: right;
}
.topic {
padding: 22pt 0 15pt 0;
border-bottom: 1px solid #999;
}
.topic tt, .topic kbd {
font-size: 80%;
color: #555;
background: #f7f7f7;
margin-left: 30px;
display: block;
}
.topic-options a, .topic-options {
color: #aaa;
font-weight: 100;
padding-top: 30px;
}
ul.topic-list {
margin-top: 20pt;
padding: 0;
}
#helpbox {
background: #fec;
border-radius: 5px;
padding: 10px;
margin-top: 15px;
color: #750;
}
#helpbox h4 {
color: #a00;
font-size: 140%;
margin: 0;
}
.tag {
padding:2px 5px;
background:#e1e9f1;
color:#58a;
border:1px outset #cde;
}
input[type=submit] {
border: 1px solid black;
padding: 3px 10px;
font: normal normal bold 140% "Trebuchet MS", sans-serif;
}
textarea {
border: 1px solid #999;
border-bottom: 7px solid #ddd;
}
#footer-spacer {
clear: both;
padding-top: 130px;
}
footer {
clear: both;
background: #555;
padding: 65px 200px;
border-top: 9px solid black;
color: #eee;
}
footer p {
color: #999;
}
footer a, footer a:visited {
color: #fec;
}
footer ul {
list-style-type: square;
padding: 0;
}
footer li {
display: inline;
padding-right: 10pt;
}
footer li:before {
color: #f73;
content: "⬛ ";
}
footer li:nth-child(even):before {
color: #fc9;
}
footer li:nth-child(3):before {
color: #57f;
}
footer li:nth-child(4):before {
color: #6f7;
}
#main {
padding-top: 30px;
min-height: 700px;
}
#main .content {
padding-top: 15pt;
padding-bottom: 50pt;
}
h2.subtitle {
font-size: 24px;
font-weight: 700;
display: inline;
border-bottom: 1px solid #999;
}
.submenu {
display: inline;
background: white;
border: 1px #fff solid;
border-bottom: 1px #999 solid;
}
.submenu a, .submenu a:visited {
font-size: 18px;
font-weight: 200;
color: black;
}
.submenu a:hover {
border: 1px #666 solid;
border-bottom: white;
}
'
config /config 2253
1326387822 'header' value '<html>
<head>
<title>$<project_name>: $<title></title>
<link rel=alternate type="application/rss+xml" title=Timeline href="$home/timeline.rss">
<link rel=stylesheet href="$home/style.css?default" type="text/css" media="screen">
</head>
<body>
<header class=header>
<div class=container>
<a href="." id="title">𝌔 Fossil Hub</a>
<div style="float:right">
<th1>
if {[info exists login]} {
html "✉ <a href=''$home/login'' class=''profile-link''>$login</a> 751"
html "<span class=badge1>✹</span>1 <span class=badge3>✹</span>5 | "
html "<a href=''$home/login''>Logout</a> | "
} else {
html "<a href=''$home/login''>Login</a> | "
}
if {[hascap s]} {
html "<a href=''$home/setup''>Admin</a> | "
} elseif {[hascap a]} {
html "<a href=''$home/setup_ulist''>Users</a> | "
}
</th1>
<a href="//fossil-scm.org">Fossil manual</a> |
<form id=google style="display:inline" action="http://google.com/search">
<input name="q" size="28" value=" site:$baseurl">
</form>
</div>
</div>
</header>
<div class="container logo-title-nav">
<a href="$base"><img id=logo src="$home/logo" alt="$<title>" align=left></a>
<span class=title>$<project_name></span>
<nav id=navlist class=mainmenu>
<th1>
if {[anycap jor]} {
html "<a href=''$home/timeline''>Timeline</a>\n"
}
if {[hascap oh]} {
html "<a class=current href=''$home/dir?ci=tip''>Files</a>\n"
}
if {[hascap o]} {
html "<a href=''$home/brlist''>Branches</a>\n"
html "<a href=''$home/taglist''>Tags</a>\n"
}
if {[hascap r]} {
html "<a href=''$home/reportlist''>Tickets</a>\n"
}
if {[hascap j]} {
html "<a class=last href=''$home/wiki''>Wiki</a>\n"
html "<a href=''$home/timeline?y=w''>RC</a>\n"
}
</th1>
</nav>
</div>
<div class=container id=main>
<h2 class=subtitle><b>$<title></b></h2>
'
config /config 892
1326378790 'footer' value '</div><!--container-->
<footer class=footer>
<p><a href=http://fossil-scm.org/>Fossil</a> version <tt>$release_version</tt> | Manifest: $manifest_version | Manifest date: $manifest_date</p>
<p>
<a href=wiki>wiki</a>
| <a href=login>account</a>
| <a href=setup>admin</a>
| <a href=home>home</a>
</p>
<ul>
<li><a href=dir?ci=tip>Files</a>
<li><a href=zip/trunk.zip?uuid=trunk>ZIP</a>
<li><a href=tarball/trunk.zip?uuid=trunk>TGZ</a>
<li><a href=timeline>Timeline</a>
<li><a href=brlist>Branches</a>
<li><a href=taglist>Tags</a>
<li><a href=reportlist>Tickets</a>
</ul>
<p>
Skin inspired by <a href=//s.tk/so>Stackoverflow</a> (not to say lifted from).
</p>
</footer>
</body>
</html>
'