Hello
Since all the fossil styles are broken and on top of that they are on
white background which sucks I have written a CSS with dark
background.
If somebody else wants such style here it is.
Note that it was evolved from one of the styles with no logo and I
probably do not use some fossil features so not all elements are
tested. At least some pages work, though, unlike with the original
styles.
Thanks
/* General settings for the entire page */
body {
margin: 0ex 1ex;
padding: 0px;
background-color: #222;
color: #aaa;
font-family: "sans serif";
}
/* The project logo in the upper left-hand corner of each page */
div.logo {
display: table-row;
text-align: center;
/* vertical-align: bottom;*/
font-size: 2em;
font-weight: bold;
background-color: #707070;
color: #ccc;
}
/* The page title centered at the top of each page */
div.title {
display: table-cell;
font-size: 1.5em;
font-weight: bold;
text-align: left;
padding: 0 0 0 10px;
color: #ccc;
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: #bbb;
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: #404040;
color: #bbb;
}
/* 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: #606060;
color: #ccc;
}
div.mainmenu a, div.mainmenu a:visited, div.submenu a, div.submenu a:visited {
padding: 3px 10px 3px 10px;
text-decoration: none;
}
div.mainmenu a, div.mainmenu a:visited {
color: #ccc;
}
div.submenu a, div.submenu a:visited {
color: #ddd;
}
div.mainmenu a:hover, div.submenu a:hover {
color: #404040;
background-color: #bbb;
}
/* All page content from the bottom of the menu or submenu down to
** the footer */
div.content {
padding: 0ex 0ex 0ex 0ex;
}
/* Hyperlink colors */
div.content a { color: #ccc; }
div.content a:link { color: #ccc;}
div.content a:visited { color: #bbb; }
/* 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: #404040;
color: white;
}
/* The "Date" that occurs on the left hand side of timelines */
div.divider {
background: #383838;
border: 2px #505050 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: #404040;
color: #ccc;
}
/* The label/value pairs on (for example) the vinfo page */
table.label-value th {
vertical-align: top;
text-align: right;
padding: 0.2ex 2ex;
}
_______________________________________________
fossil-users mailing list
fossil-users@lists.fossil-scm.org
http://lists.fossil-scm.org:8080/cgi-bin/mailman/listinfo/fossil-users
