The L-Space Web: Developers

CSS


To maintain the overall look and feel of The L-Space Web, a default style sheet is used. It can be found in the sub-directory css. You will notice that there are no css files but are a few .c4 files. These are the css-equivalent of .h4 files and are converted to .css files whenever make is run.

The default style sheet that every page uses is, funnily enough, default.c4 . It contains the following:

/*
The L-Space Default Stylesheet.
*/

body {
background: #efefde url("_IMAGES/LightTerry.jpg");
color: black;
padding-left: 5%;
padding-right: 5%;
padding-top: 1%;
padding-bottom: 1%;
font-family: "new century schoolbook", georgia, verdana, serif;
}

:link {
color: #3333dd;
background:transparent;
}

:visited {
color: #777777;
background:transparent;
}

h1 {
color: #000095;
background: transparent;
font-size: 200%;
}

.center {
text-align: center;
}

.right {
text-align: right;
}

hr {
clear: both;
}

.red {
color: #880000; background: transparent;
}

.blue {
color: #000095; background: transparent;
}

.nav {
color: #efefdf;
background: inherit;
border:0;
}

.smaller {
font-size: 80%;
}

.larger {
font-size: 120%;
}
.local-credits {
font-size: 80%;
text-align: center;
}
.global-credits {
font-size: 80%;
text-align: center;
}

.toolbar
{
text-align: center;
}

/*
Lspace Default Stylesheet ends
*/

You can now have your own, section-specific style sheet although this new file must also include all default style information as well. To avoid any future problems that may result from updating the default style sheet, do not simply copy the default.c4 file contents into your own .c4 file. Instead, ensure that the first line of foo.c4 reads:

m4_include(`default.c4')

You can now add your section-specific style rules - remembering to add comments where appropriate. Place the final .c4 file in the /lspace/css directory using a filename that (as far as possible) indicates where this style sheet will be applied

For example dl-style.c4 is the style sheet used for the Death List pages.

You will also need to create a local macro for your page to access this style sheet.

You may find these sites useful for creating your style sheet:

As with the html files, you will need to validate your style sheet to CSS1, and we suggest using:

All style sheets developed for use on L-Space Web must validate as CSS1 with no errors or warnings.


[Up]
This section of L-Space is maintained by The L-Space Librarians

The L-Space Web is a creation of The L-Space Librarians
This mirror site is maintained by The L-Space Librarians