Op Za, 19 december, 2009 22:28, schreef D. Richard Hipp:
Earlier today, I checked in a version of Fossil that has the ability
to host multiple themes or skins for the web interface and that
allows users (with Admin privilege) to switch between skins with a
simple mouse click.
However, the current implementation contains only two built-in skins:
The old default and a new black theme which is very similar to the
default. It would be good, I think to have 6 to 10 different themes
that show a wide variety of possible looks. Therefore, I am calling
on the user community to submit themes for consideration.
To create a new theme or skin, edit the CSS, header, and footer to
obtain the look you want. Then run the following command:
fossil configuration export skin outputfile.txt
And post the outputfile.txt here. Thanks for contributing.
D. Richard Hipp
d...@hwaci.com
___
fossil-users mailing list
fossil-users@lists.fossil-scm.org
http://lists.fossil-scm.org:8080/cgi-bin/mailman/listinfo/fossil-users
--
Rene de Zwart-- The skin configuration exported from
-- repository /home/renez/src/myclone.fossil
-- on 2009-12-20 03:54:14
REPLACE INTO config VALUES('css','/* 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 */
div.logo {
display: table-cell;
text-align: center;
vertical-align: bottom;
font-weight: bold;
color: #558195;
}
/* The page title centered at the top of each page */
div.title {
display: table-cell;
font-size: 2em;
font-weight: bold;
text-align: left;
padding: 0 0 0 1em;
color: #558195;
vertical-align: bottom;
width: 100%;
}
/* The login status message in the top right-hand corner */
div.status {
display: table-cell;
text-align: right;
vertical-align: bottom;
color: #558195;
font-size: 0.8em;
font-weight: bold;
}
/* The header across the top of the page */
div.header {
display: table;
width: 100%;
}
/* The main menu bar that appears at the top of the page beneath
** the header */
div.mainmenu {
padding: 5px 10px 5px 10px;
font-size: 0.9em;
font-weight: bold;
text-align: center;
letter-spacing: 1px;
background-color: #558195;
color: white;
}
/* 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: #456878;
color: white;
}
div.mainmenu a, div.mainmenu a:visited, div.submenu a, div.submenu a:visited {
padding: 3px 10px 3px 10px;
color: white;
text-decoration: none;
}
div.mainmenu a:hover, div.submenu a:hover {
color: #558195;
background-color: white;
}
/* All page content from the bottom of the menu or submenu down to
** the footer */
div.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: #558195;
color: white;
}
/* The Date that occurs on the left hand side of timelines */
div.divider {
background: #a1c4d4;
border: 2px #558195 solid;
font-size: 1em; font-weight: normal;
padding: .25em;
margin: .2em 0 .2em 0;
float: left;
clear: left;
}
/* The footer at the very bottom of the page */
div.footer {
font-size: 0.8em;
margin-top: 12px;
padding: 5px 10px 5px 10px;
text-align: right;
background-color: #558195;
color: white;
}
/* Make the links in the footer less ugly... */
div.footer a { color: white; }
div.footer a:link { color: white; }
div.footer a:visited { color: white; }
div.footer a:hover { background-color: white; color: #558195; }
/* 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;
}
/* For marking important UI elements which shouldn''t be
lightly dismissed. I mainly use it to mark not yet
implemented parts of a page. Whether or not to have
a ''border'' attribute set is arguable. */
.achtung {
color: #ff;
background: #00;
border: 1px solid #ff;
}
div.miniform {
font-size: smaller;
margin: 8px;
}
#nav, #nav ul {
float: left;
width: 100%;
list-style: none;
line-height: 1;
background: white;
font-family: sans-serif;
font-weight: bold;
padding: 0;
border: solid #558195;
border-width: 1px 0;
margin: 0 0 1em 0;
}
#nav a {
display: block;
width: 10em;
w\idth: 6em;
color: #558195;
text-decoration: none;
padding: 0.25em 2em;
}
#nav a.daddy {
background: url(/ckout/arrow_right.png) center right no-repeat;
}
#nav li {
float: