Collection of themes/skins for the Fossil SCM. Public write access, just make an account.

⌈⌋ branch:  Fossil Skins Extra


Artifact Content

  • File html5skin.txt — part of check-in [d8d5e798d2] at 2014-03-15 01:31:41 on branch trunk — http://chiselapp.com/user/elucidata/repository/html5-skin/ (user: mario

Artifact bf9aef7ce5025025a675d5e4810bc4518ee22717:


# The "skin" configuration exported from
# http://chiselapp.com/user/elucidata/repository/html5-skin
# on 2012-01-11 03:38:09
config /config 13093
1326252987 'css' value '/* Was: #558195 */
/* Simple CSS Reset */
* {
  vertical-align: baseline;
  font-weight: inherit;
  font-family: inherit;
  font-style: inherit;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-rendering: optimizeLegibility;
  /*  background-clip: padding-box;*/
  -moz-user-select: none;
  -webkit-user-select: none;
  cursor: default; }

article, aside, dialog, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

a {
  cursor: pointer;
  color: #5d9acb; }
  a:hover {
    color: #d4101e; }
  a:visited {
    color: #5d9acb; }
  a:active {
    color: #d4101e; }

li {
  margin-bottom: 15px; }

/* General settings for the entire page */
html {
  background: #AAA;
  height: 100%;
  background: #aaaaaa;
  background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#444444));
  background: -moz-linear-gradient(top, #aaaaaa, #444444);
  background-attachment: fixed; }

body {
  margin: 0 10%;
  padding: 0px;
  background-color: white;
  font-family: helvetica, sans-serif;
  min-width: 800px;
  background: transparent; }

textarea {
  font-family: monaco, monospace;
  width: 100%; }

/* The project logo in the upper left-hand corner of each page */
header {
  display: table;
  width: 100%;
  text-shadow: 0px 1px 0px #DDD;
  padding-bottom: 5px; }
  header .logo {
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
    font-weight: bold;
    color: #aacae4;
    min-width: 200px;
    /*    visibility: hidden;*/ }
    header .logo.shadow img {
      box-shadow: 0px 2px 3px black;
      -moz-box-shadow: 0px 2px 3px black;
      -webkit-box-shadow: 0px 2px 3px black;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px; }
  header .title {
    display: table-cell;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    padding: 0 0 0 1em;
    color: #FFF;
    vertical-align: bottom;
    width: 100%;
    text-shadow: 0px -1px 0px black; }
    header .title small {
      color: #555;
      font-size: 50%;
      text-shadow: 0px 1px 0px #DDD; }
  header .status {
    display: table-cell;
    text-align: right;
    vertical-align: bottom;
    color: #555;
    font-size: 0.8em;
    font-weight: bold;
    min-width: 200px;
    white-space: nowrap; }

nav {
  padding: 5px 10px 5px 10px;
  font-size: 0.9em;
  font-weight: bold;
  text-align: center;
  background-color: #aacae4;
  color: white;
  border: 2px solid #FFF;
  border-bottom: 0px;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0; }
  nav a {
    padding: 3px 10px 3px 10px;
    color: #FFF;
    text-decoration: none;
    text-shadow: 0px 1px 0px #5d9acb; }
    nav a:hover {
      text-shadow: 0px 1px 0px #224b6d;
      background-color: #5d9acb;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px; }
    nav a:visited {
      padding: 3px 10px 3px 10px;
      color: #FFF;
      text-decoration: none; }

/* The submenu bar that *sometimes* appears below the main menu */
div.submenu {
  padding: 3px 10px 3px 0px;
  font-size: 0.9em;
  text-align: center;
  background-color: #5d9acb;
  color: white;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px; }
  div.submenu a {
    padding: 3px 10px 3px 10px;
    color: white;
    text-decoration: none;
    text-shadow: 0px 1px 0px #224b6d; }
    div.submenu a:hover {
      color: #5d9acb !important;
      background-color: white;
      -moz-border-radius: 6px 6px 0 0;
      -webkit-border-radius: 6px 6px 0 0;
      border-radius: 6px 6px 0 0;
      text-shadow: 0px 0px 0px; }
    div.submenu a:visited {
      padding: 3px 10px 3px 10px;
      color: white;
      text-decoration: none; }

article {
  background: #FFF;
  border: 2px solid #FFF;
  border-top: 0px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  box-shadow: 0px 4px 4px #333333;
  -moz-box-shadow: 0px 4px 4px #333333;
  -webkit-box-shadow: 0px 4px 4px #333333; }
  article .content {
    padding: 15px 25px; }
  article .section {
    margin-bottom: 5px;
    margin-top: 1em;
    font-size: 115%;
    padding: 5px 10px;
    border-top: 2px solid #aacae4;
    color: #5d9acb;
    white-space: nowrap; }
  article .divider {
    border: 2px #aacae4 solid;
    font-size: 1em;
    font-weight: normal;
    padding: .25em;
    margin: .2em 0 .2em 0;
    float: left;
    clear: left;
    white-space: nowrap; }

footer {
  clear: both;
  font-size: 0.8em;
  margin-top: 12px;
  padding: 15px 25px;
  padding-top: 5px;
  text-align: right;
  color: #222;
  text-shadow: 0px 1px 0px #BBB; }
  footer a {
    color: white; }
    footer a:link, footer a:visited {
      color: white; }
    footer a:hover {
      background-color: white;
      color: #aacae4; }

pre.verbatim {
  background-color: #f5f5f5;
  padding: 0.5em; }

table.label-value th {
  vertical-align: top;
  text-align: right;
  padding: 0.2ex 2ex; }

/* General settings for the entire page */
/* The nomenclature sidebox for branches,.. */
div.sidebox {
  float: right;
  background: #E0E0E0;
  border: 1px solid #CCC;
  margin-left: 25px;
  margin-bottom: 15px;
  padding: 10px;
  font-size: 90%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
div.sideboxTitle, div.sideboxDescribed {
  display: inline;
  font-weight: bold; }

/* The nomenclature title in sideboxes for branches,.. */
/* The defined element in sideboxes for branches,.. */
/* The defined element in sideboxes for branches,.. */
span.disabled {
  color: red; }
span.timelineDisabled {
  font-style: italic;
  font-size: small; }

/* The suppressed duplicates lines in timeline, .. */
/* the format for the timeline data table */
table.timelineTable {
  cellspacing: 0;
  border: 0;
  cellpadding: 0; }

/* the format for the timeline data cells */
td.timelineTableCell {
  valign: top;
  align: left; }

/* the format for the timeline leaf marks */
span.timelineLeaf {
  font-weight: bold; }

/* the format for the timeline version links */
/* the format for the timeline version display(no history permission!) */
span.timelineHistDsp {
  font-weight: bold; }

/* the format for the timeline time display */
td.timelineTime {
  vertical-align: top;
  text-align: right; }
td.timelineGraph {
  width: 20;
  text-align: left;
  vertical-align: top; }

/* the format for the grap placeholder cells in timelines */
/* the format for the tag links */
/* the format for the tag display(no history permission!) */
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; }

/* the format for wiki errors */
/* the format for fixed/canceled tags,.. */
/* the format for tags,.. */
/* the format for fixed/cancelled tags,.. on wiki pages */
/* format for the file display table */
table.browser {
  /* the format for wiki errors */
  width: 100%;
  border: 0; }

/* format for cells in the file browser */
td.browser {
  width: 24%;
  vertical-align: top; }

/* format for the list in the file browser */
ul.browser {
  margin-left: 0.5em;
  padding-left: 0.5em; }

/* table format for login/out label/input table */
table.login_out {
  text-align: left;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 10px; }

/* captcha display options */
div.captcha {
  text-align: center; }

/* format for the layout table, used for the captcha display */
table.captcha {
  margin: auto;
  padding: 10px;
  border-width: 4px;
  border-style: double;
  border-color: black; }

/* format for the label cells in the login/out table */
td.login_out_label {
  text-align: center; }

/* format for login error messages */
span.loginError {
  color: red; }
span.note, span.textareaLabel {
  font-weight: bold; }

/* format for leading text for notes */
/* format for textare labels */
/* format for the user setup layout table */
table.usetupLayoutTable {
  outline-style: none;
  padding: 0;
  margin: 25px; }

/* format of the columns on the user setup list page */
td.usetupColumnLayout {
  vertical-align: top; }

/* format for the user list table on the user setup page */
table.usetupUserList {
  outline-style: double;
  outline-width: 1;
  padding: 10px; }

/* format for table header user in user list on user setup page */
th.usetupListUser {
  text-align: right;
  padding-right: 20px; }
th.usetupListCap {
  text-align: center;
  padding-right: 15px; }
th.usetupListCon {
  text-align: left; }

/* format for table header capabilities in user list on user setup page */
/* format for table header contact info in user list on user setup page */
/* format for table cell user in user list on user setup page */
td.usetupListUser {
  text-align: right;
  padding-right: 20px;
  white-space: nowrap; }
td.usetupListCap {
  text-align: center;
  padding-right: 15px; }
td.usetupListCon {
  text-align: left; }

/* format for table cell capabilities in user list on user setup page */
/* format for table cell contact info in user list on user setup page */
/* layout definition for the capabilities box on the user edit detail page */
div.ueditCapBox {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px; }

/* format of the label cells in the detailed user edit page */
td.usetupEditLabel {
  text-align: right;
  vertical-align: top;
  white-space: nowrap; }

/* color for capabilities, inherited by nobody */
span.ueditInheritNobody {
  color: green; }
span.ueditInheritDeveloper {
  color: red; }
span.ueditInheritReader {
  color: black; }
span.ueditInheritAnonymous {
  color: blue; }
span.capability {
  font-weight: bold; }
span.usertype {
  font-weight: bold; }
  span.usertype:before, span.usertype:after {
    content: "''"; }

/* color for capabilities, inherited by developer */
/* color for capabilities, inherited by reader */
/* color for capabilities, inherited by anonymous */
/* format for capabilites, mentioned on the user edit page */
/* format for different user types, mentioned on the user edit page */
/* leading text for user types, mentioned on the user edit page */
/* trailing text for user types, mentioned on the user edit page */
/* format for missing priviliges note on user setup page */
p.missingPriv {
  color: blue; }

/* format for leading text in wikirules definitions */
span.wikiruleHead {
  font-weight: bold; }

/* format for labels on ticket display page */
td.tktDspLabel {
  text-align: right; }
td.tktDspValue {
  text-align: left;
  vertical-align: top;
  background-color: #d0d0d0; }

/* format for values on ticket display page */
/* format for ticket error messages */
span.tktError {
  color: red;
  font-weight: bold; }

/* format for example tables on the report edit page */
table.rpteditex {
  float: right;
  margin: 0;
  padding: 0;
  width: 125px;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0; }

/* format for example table cells on the report edit page */
td.rpteditex {
  border-width: thin;
  border-color: #000000;
  border-style: solid; }

/* format for user color input on checkin edit page */
input.checkinUserColor {
  /*
  # no special definitions, class defined, to enable color pickers, f.e.:
  #  add the color picker found at http:jscolor.com  as java script include
  #  to the header and configure the java script file with
  #   1. use as bindClass :checkinUserColor
  #   2. change the default hash adding behaviour to ON
  #  or change the class defition of element identified by id="clrcust"
  #  to a standard jscolor definition with java script in the footer.
  */ }

/* format for end of content area, to be used to clear page flow(sidebox on branch,.. */
div.endContent {
  clear: both; }

/* format for general errors */
p.generalError {
  color: red; }
p.tktsetupError, p.thmainError {
  color: red;
  font-weight: bold; }

/* format for tktsetup errors */
/* format for th script errors */
/* format for th script trace messages */
span.thTrace {
  color: red; }

/* format for report configuration errors */
p:reportError, blockquote.reportError {
  color: red;
  font-weight: bold; }

/* format for report configuration errors */
/* format for artifact lines, no longer shunned */
p.noMoreShun, p.shunned {
  color: blue; }

/* format for artifact lines beeing shunned */'
config /config 1915
1326252997 'header' value '<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>$<project_name>: $<title></title>
    <style>
      article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }
    </style>
    <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="$baseurl/timeline.rss" />
    <link rel="stylesheet" href="$baseurl/style.css?default" type="text/css" media="screen" />
  </head>
  <body>
    <header>
      <div class="logo">
        <img src="$baseurl/logo" alt="logo" />
      </div>
      <div class="title"><small>$<project_name></small><br />$<title></div>
      <div class="status"><th1>
         if {[info exists login]} {
           puts "Logged in as $login"
         } else {
           puts "Not logged in"
         }
      </th1></div>
    </header>
    <nav>
      <th1>
      html "<a href=''$baseurl$index_page''>Home</a> "
      if {[anycap jor]} {
        html "<a href=''$baseurl/timeline''>Timeline</a> "
      }
      if {[hascap oh]} {
        html "<a href=''$baseurl/dir?ci=tip''>Files</a> "
      }
      if {[hascap o]} {
        html "<a href=''$baseurl/leaves''>Leaves</a> "
        html "<a href=''$baseurl/brlist''>Branches</a> "
        html "<a href=''$baseurl/taglist''>Tags</a> "
      }
      if {[hascap r]} {
        html "<a href=''$baseurl/reportlist''>Tickets</a> "
      }
      if {[hascap j]} {
        html "<a href=''$baseurl/wiki''>Wiki</a> "
      }
      if {[hascap s]} {
        html "<a href=''$baseurl/setup''>Admin</a> "
      } elseif {[hascap a]} {
        html "<a href=''$baseurl/setup_ulist''>Users</a> "
      }
      if {[info exists login]} {
        html "<a href=''$baseurl/login''>Logout</a> "
      } else {
        html "<a href=''$baseurl/login''>Login</a> "
      }
      </th1>
    </nav>
    <article>'
config /config 146
1326253009 'footer' value '    </article>
    <footer>
      Fossil version $manifest_version $manifest_date
    </footer>
  </body>
</html>'