UseMod Wiki: StyleSheet

If you define the $StyleSheet-Variable in wiki.pl (or in external configuration file) you can use external StyleSheets.

For example:

$StyleSheet  = "/jhome/wiki_style.css";              # URL for CSS stylesheet (like "/wiki.css")

will add an entry into your <head>-Area of your delivered html-page, like:

<LINK REL="stylesheet" HREF="/jhome/wiki_style.css">

For some reason, the StyleSheet variable does not work for me although the LINK line is added. An inline style definition hack for the Body tag does work. Is there a constraint on the location of the CSS file?

Marko, Ottawa

If you modified $StyleSheet directly in wiki.pl sources, it may be overriden by some external configuration file. For example here (Debian), I had to set the $StyleSheet in /etc/usemod-wiki/config -- Pango

Anyone have an example stylesheet around?

Are the classes in the following stylesheet predefined? --Don Redman

Here's one:

body, p, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dt {
	font-family: georgia, palatino, times, "times new roman", serif;
	font-weight: normal;
	font-size: 10pt;
	color: #070707;
	}

body {
	background-color: #AADDDD;
	background-image: url(http://[..insert your web server name here..]/images/css-tracer.gif);
	background-repeat: no-repeat;
	}

/* ------------------------------------------------------------------------------------*/
/* edit formats */

form {
	margin: 0px; 
	padding:0px;
	display: inline;}

textarea {
	background: #fffff0;
	font-family: courier, mono;}

/* ------------------------------------------------------------------------------------*/
/* wiki content formats */

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: #333333;
	margin: 0px -5px;
	margin-top: 20px;
	margin-bottom: 0px;
	padding: 5px;
	padding-bottom: 0px;
	font-size: 120%;
	border-bottom: 1px dotted #996666;
	text-decoration: none;
	}

h3.lettergroup {
	border: none;
	}

h1 {
	margin-top: 0px;
	font-size: 150%;
	background: none;
	border: none;
	}

blockquote {
	background: #f0f0f0;
	margin: 0.5em 10% 0.5em 5%; 
	padding: 0.5em 1em;
	}

code, tt {
	font-family: courier, "courier new", monaco, monospaced;
	color:#333333;
	}

pre {
	font-family: courier, "courier new", monaco, monospaced;
        border: #777777 1px solid;
	padding: 0.5em;
	margin-left: 1em;
	margin-right: 2em;
	white-space: pre;
	background-color: #e6e6e6;
	color: black;
	}

li {
	font-size: 10pt;
	color: black;
	margin-bottom: 0.2em;
	margin-right: 5%;
	}

li.changeitem {
	list-style-type: none;
	}
.changeitemtime {
	font-family: : courier, "courier new", monaco, monospaced;
	}

ul {

	font-size: 10pt;
	color: black;
	}

/* this reverses the 2nd and 3rd level list item bullets */
ul>li>ul {list-style-type: square;}
ul>li>ul>li>ul {list-style-type: circle;}

dl {
	margin-top: 0px;
	margin-bottom: 0px;
	}

dt {
	font-weight: bold;
	color:#333333;}

dd {
	margin-left: 5%;
	margin-right: 5%;
/*	margin-bottom: 0.5em;	*/
/*	text-indent: -1em;		*/
	}

a:link {
	text-decoration: none;
	color: #333388; }

a.UnknownWikiLink {	/* all links to unknown wiki pages have this class */
	color : #ff0000;
	font-size: 60%;}

a.WikiPageLink {	/* all links to wikipages have this class */
	color : #0000FF;}

a.BracketLink {		/* all [bracketed] links have this class */
	color : #AAAA00;}

a:visited {
	text-decoration: none;
	color: #FF0000;}
	
a:hover {
	text-decoration: underline;
	color: #cc0000;}

a:active {
	text-decoration: none;
	color: #cc0000;}

/* ------------------------------------------------------------------------------------*/
/* tool bars */

div.wikiheader {
	color: #808080;
	margin: 0px;}

div.navtools,
div.pagetools,
div.admintools {
	padding: 5px;
	margin: 0px 5px;
	}

div.navtools {
/*	background: #eeeeee; 	*/
	}

div.pagetools {
	background: #ffffff;
	}

div.admintools {
	background: #dddddd; 
	}

.tweener {
	display: none;
}

.navtool {
	font-family: verdana, helvetica, arial, sans;
	font-size: 9pt;
	}

.navtool a {
	font-family: verdana, helvetica, arial, sans;
	font-size: 9pt;
	padding: 2px;
/*	background-color: #eeeeee;		*/
	line-height: 1em;
	margin: 1px;
/*	border: 1px outset #cccccc;		*/
	display: inline;
}

.navtool a:hover {
	margin: 0px;
	border: 1px inset #cccccc;
/*	background:#ffcc00; */
	text-decoration: none;
}

/* ------------------------------------------------------------------------------------*/
/* content components */

div.pagecontent {
	background: #fffff7;
	margin: 0px;
	border-left: 1px solid #990000;
	border-right: 1px solid #990000;}


div.recentchanges,
div.difftext,
div.wikitext,
div.searchlist,
div.editprefs, 
div.history {
	margin: 0px;
	background: #fffff7;
	padding-top: 	10px;
	padding-bottom: 0px;
	padding-left: 	20px;
	padding-right: 	20px;
	}

div.title,
div.header,
div.footer {
	background: #eeeeee;
	border: 1px solid #990000;
	padding: 5px;}

div.header {
	border-top: none;
	}

div.title {
	border-bottom: none;
	padding-left: 15px;
	padding-right: 15px;
	}

div.title > p {
	margin: 0px;
	}

hr.footer,
hr.header {
	visibility: hidden;
	display: none;}

/* ------------------------------------------------------------------------------------*/

span.searchword {background-color: yellow; color:red;}


/* ------------------------------------------------------------------------------------*/

table.visitors tr td {padding: 0px 5px; font-family:sans;}

How about using the wiki to maintain the site's CSS?

Nevermind, I see this is addressed in WikiSuggestions/CSS

Here's another [style sheet] (archived). It requires that you run a patched version off UseMod 1.0.

I created 2 stylesheets on for my wiki ([SquawkBox])

StyleSheetExample/LaTeX?.css
StyleSheetExample/GreenOnBlack?.css

maybe someone more skilled would like to refine them or something LaTeXInvert.css is a work in progress and will be a LaTeX? like layout but white-on-black.

I have hacked the above style sheet a bit, as i just had a look at UseMod wiki, evaluating its usefulness as residential network wiki, where many other wikis are complete overkill, a few colours haven't been set to a well harmonizing colour, as i haven't found yet where they are used. to identify those, 100% green will show. the colour attributes for diff come from config, not from the css file.

[Here is the stylesheet], and if anyone cares to have a look first, it is in use [on this wiki], which is, as mentioned, just test and evaluation, no real contents there. I like the interwiki feature :)