Collection of themes/skins for the Fossil SCM

⌈⌋ ⎇ branch:  Fossil Skins Extra


Documentation

# The "skin" configuration exported from
# repository "/home/mario/fossil.d/fossil-skins.fossil"
# on 2012-01-13 02:37:28
config /config 5025
1326422229 'css' value '/* Theme inspired by http://freehtml5templates.com/newssourcefinal-html5-and-css3-template/ - the CSS is however entirely written from scratch for a compact Fossil usage, no images here per default. */

/* General settings for the entire page */
html, body, header { margin: 0; padding: 0; }
body {
  background-color: white;
  color: black;
  font-size: 15pt;
  font-style: normal;
  font-weight: 400;
  font-family: "Ubuntu", "Sans", "FreeSans", "Trebuchet MS", "Arial", "Helvetica", "Vera Sans", sans-serif;
  color: #333333;
  line-height: 1.5;
}

/* Header block with logo and title */
header {
   background: 55CCF0;
   /* standardization? what for! */
   background-image: linear-gradient(45deg, #88E0FF 0px, #55CCF0 40%, #00AAE0 100%);
   background-image: -webkit-linear-gradient(45deg, #88E0FF 0px, #55CCF0 40%, #00AAE0 100%);
   background-image: -moz-linear-gradient(45deg, #88E0FF 0px, #55CCF0 40%, #00AAE0 100%);
   background-image: -ms-linear-gradient(45deg, #88E0FF 0px, #55CCF0 40%, #00AAE0 100%);
   background-image: -o-linear-gradient(45deg, #88E0FF 0px, #55CCF0 40%, #00AAE0 100%);
   min-height: 75px;
   padding: 5pt;
}

/* The project logo in the upper left-hand corner of each page */
#logo {
   padding: 5pt 40pt;
}

/* The page title centered at the top of each page */
.title {
   margin: 20pt;
   display: inline;
   margin: 0;
   color: #fff;
   font-weight: 300;
}
.title small {
   margin-right: 40pt;
   float: right;
}

/* The login status message in the top right-hand corner */
.login-status {
}

/* The main menu bar that appears at the top of the page beneath
** the header */
nav, .mainmenu {
   background: #5A5A5A;
   color: #ccc;
   padding: 25px;
   padding-bottom: 5px;
   text-align: center;
}

/* The submenu bar that *sometimes* appears below the main menu */
.submenu, .sectionmenu {
   background: #999;
   padding: 5px;
   text-align: center;
}
.mainmenu a, .mainmenu a:visited {
   color: #bbb;
   text-decoration: none;
   padding: 2px 15px;
}
.submenu a, .submenu a:visited,
.sectionmenu>a.button:link, .sectionmenu>a.button:visited {
   color: #fff;
   text-decoration: none;
   padding: 2px 15px;
}
.mainmenu a:hover, .submenu a:hover, .sectionmenu>a.button:hover {
   color: #fed;
}

/* All page content from the bottom of the menu or submenu down to
** the footer */
.content {
   width: 75%;
   margin-left: auto;
   margin-right: auto;
   padding: 20pt;
}
body > .content {
   min-height: 600px;
}

/* Some pages have section dividers */
div.section {

}

/* The "Date" that occurs on the left hand side of timelines */
.divider {

}

/* The footer at the very bottom of the page */
footer, .footer {
   clear: both;
   background: #5A5A5A;
   padding: 30pt;
}
footer p {
   color: #999;
}
footer a, footer a:visited {
   text-decoration: none;
   color: #eee;
}
footer ul {
   list-style-type: square;
   padding: 0;
   margin: 2px;
}
footer li {
   display: inline;
   padding-right: 10pt;
}
footer li:before { content: "â–   "; color: #bbb; }
footer li:nth-child(even):before { color: #aaa; }
footer li:nth-child(3):before { color: #ccc; }
footer li:nth-child(4):before { color: #999; }
footer form {
   position: absolute;
   display: inline;
   width: 200px;
}
footer form input {
   display: inline;
   position: relative;  left: 300pt;
   font-size: 100%;
   border: 1px solid #999;
   background: #ccc;
}

/* Hyperlink colors in the footer */
.footer a:hover { color: #f90; }


/* verbatim blocks */
pre.verbatim {
   background: #e5e5e5;
}




/* 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);
}

'
config /config 1287
1326420765 'header' value '<html>
<head>
  <title>$<project_name>: $<title></title>
  <meta charset=utf-8>
  <link rel=alternate type="application/rss+xml" title=Timeline href="$home/timeline.rss">
  <link rel=stylesheet href="$home/style.css?default" media=screen>
</head>
<body>

<header class=header>
  <img id=logo alt=logo align=left src="$home/logo">
  <h1 class=title>$<project_name> <small>$<title></small></h1>

</header>

<nav class="mainmenu">

<th1>
html "<a href=''$home$index_page''>Home</a>\n"
if {[anycap jor]} {
  html "<a href=''$home/timeline''>Timeline</a>\n"
}
if {[hascap oh]} {
  html "<a 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 href=''$home/wiki''>Wiki</a>\n"
}
if {[hascap s]} {
  html "<a href=''$home/setup''>Admin</a>\n"
} elseif {[hascap a]} {
  html "<a href=''$home/setup_ulist''>Users</a>\n"
}
if {[info exists login]} {
  html "<a class=login-status href=''$home/login''>Logged in as $login</a>\n"
} else {
  html "<a class=login-status href=''$home/login''>Login</a>\n"
}
</th1>
</nav>

'
config /config 1559
1326422003 'footer' value '   <footer class=footer><div class=content>
      <p><a href=http://fossil-scm.org/>Fossil</a> version <tt>$release_version</tt> | Manifest: $manifest_version |  Manifest date: $manifest_date</p>

      <ul>
         <li><a href=login><u>Account</u></a>
         <li><a href=setup>Admin</a>
         <li><a href=setup_settings>Settings</a>
         <li><a href=stat>Stat</a>
         <li><a href=home>Home</a>
      </ul>
      <ul>
         <li><a href=wiki><u>Wiki</u></a>
         <li><a href=timeline?y=w>Recent Changes</a>
         <li><a href=wcontent>Page Index</a>
         <li><a href=wikinew>New Page</a>
         <li><a href=eventedit>New Event</a>
         <li><a href=wiki_rules>Syntax</a>
      </ul>
      <ul>
         <li><a href=dir?ci=tip><u>Files</u></a>
         <li><a href=zip/trunk.zip?uuid=trunk>ZIP</a>
         <li><a href=tarball/trunk.zip?uuid=trunk>TGZ</a>
      </ul>
      <form id=google action="http://google.com/search">
         <input type=search name=q size=17 value="&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  site:$baseurl">
      </form>
      <ul>
         <li><a href=timeline>Timeline</a>
         <li><a href=brlist>Branches</a>
         <li><a href=taglist>Tags</a>
      </ul>
      <ul>
         <li><a href=reportlist>Tickets</a>
         <li><a href=rptview?rn=1>All Tickets</a>
         <li><a href=tktnew>New Ticket</a>
      </ul>
      <p>  
      </p>
   </div></footer>

</body>
</html>

         '