CSS Class Explanations

LENO makes use of CSS style sheets if the leno-front-matters attribute css-stylesheet is given. Most LENO clauses and pages are tagged with a CSS class. Below we give an overview of these classes together with the HTML elements, on which the class attributes are located.

Class name Hosting element Explanation
leno-book-program body An external program in book view
leno-help body A LENO help pages
leno-index body A LENO index pages
leno-intro body A LENO introductory pages such as start page, abstract, etc.
leno-intro-link a Links on LENO introductory pages such as start page, abstract, etc.
leno-note-exercise body An exercise page in note view
leno-note body A LENO note page
leno-note-program body An external program in note view
leno-slide-comment div A Comment clause in slide view
leno-slide-concept-list div A concept list clause in slide view
leno-slide-cross-reference-item div A single item in a cross reference clause in slide view
leno-slide-cross-reference div A cross reference clause in slide view
leno-slide-elucidate-caption div The caption of an elucidate clause in slide view
leno-slide-example div An example in slide view
leno-slide-exercise-caption div An exercise caption in slide view
leno-slide-exercise body An exercise page in side view
leno-slide-image img An image in slide view
leno-slide-image-text div An inlined image text in slide view
leno-slide-image-series-text div An image series text in slide view
leno-slide-image-series body An image series page in slide view
leno-slide-image-series-caption div An image series caption in slide view
leno-slide-item li A single item in an items clause
leno-slide-items ul A list of items - an items clause - in slide view
leno-slide-opposing table An opposing clause in slide view
leno-slide-opposing-left-column td The left part of a single item in an opposing clause
leno-slide-opposing-right-column td The right part of a single item in an opposing clause
leno-slide-point div A point clause in slide view
leno-slide-program body An external program in slide view - normal and show-and-speak
leno-slide-program-clause div A program clause in slide view - not used much!
leno-slide-quotation div A quotation clause in slide view
leno-slide-section-title div A section-title clause in slide view
leno-slide-side-track-caption div The caption of a side-track clause
leno-slide-slide-space div A slide-space clause in slide view
leno-slide-slide-text div A slide-text clause in slide view
leno-slide body A slide page, naturally in slide view. Both normal and show-and-speak
leno-slide-source-program-caption div A source-program caption in slide view
leno-slide-source-program div An source-program program text in slide view
leno-slide-svg-image object An SVG image in slide view
leno-slide-synopsis div A synopsis clause in slide view
leno-slide-syntax div A syntax clause in slide view
leno-slide-tabular table A tabular clause in slide view
leno-slide-text div A text clause in slide view
leno-slide-title div A title clause in slide view
leno-slide-section-start body A special marking of slide pages which contain a section-title clause
leno-slide-source-program table An external source-program line with icon and text
leno-slide-exercise table An external exercise line with icon and text
leno-slide-image-series table An external image-series line with icon and text
leno-slide-elucidate table An external elucidator line with icon and text
leno-slide-side-track table An external side-track line with icon and text

Class name	Hosting element	Explanation
leno-book-program	body	An external program in book view
leno-help	body	A LENO help pages
leno-index	body	A LENO index pages
leno-intro	body	A LENO introductory pages such as start page, abstract, etc.
leno-intro-link	a	Links on LENO introductory pages such as start page, abstract, etc.
leno-note-exercise	body	An exercise page in note view
leno-note	body	A LENO note page
leno-note-program	body	An external program in note view
leno-slide-comment	div	A Comment clause in slide view
leno-slide-concept-list	div	A concept list clause in slide view
leno-slide-cross-reference-item	div	A single item in a cross reference clause in slide view
leno-slide-cross-reference	div	A cross reference clause in slide view
leno-slide-elucidate-caption	div	The caption of an elucidate clause in slide view
leno-slide-example	div	An example in slide view
leno-slide-exercise-caption	div	An exercise caption in slide view
leno-slide-exercise	body	An exercise page in side view
leno-slide-image	img	An image in slide view
leno-slide-image-text	div	An inlined image text in slide view
leno-slide-image-series-text	div	An image series text in slide view
leno-slide-image-series	body	An image series page in slide view
leno-slide-image-series-caption	div	An image series caption in slide view
leno-slide-item	li	A single item in an items clause
leno-slide-items	ul	A list of items - an items clause - in slide view
leno-slide-opposing	table	An opposing clause in slide view
leno-slide-opposing-left-column	td	The left part of a single item in an opposing clause
leno-slide-opposing-right-column	td	The right part of a single item in an opposing clause
leno-slide-point	div	A point clause in slide view
leno-slide-program	body	An external program in slide view - normal and show-and-speak
leno-slide-program-clause	div	A program clause in slide view - not used much!
leno-slide-quotation	div	A quotation clause in slide view
leno-slide-section-title	div	A section-title clause in slide view
leno-slide-side-track-caption	div	The caption of a side-track clause
leno-slide-slide-space	div	A slide-space clause in slide view
leno-slide-slide-text	div	A slide-text clause in slide view
leno-slide	body	A slide page, naturally in slide view. Both normal and show-and-speak
leno-slide-source-program-caption	div	A source-program caption in slide view
leno-slide-source-program	div	An source-program program text in slide view
leno-slide-svg-image	object	An SVG image in slide view
leno-slide-synopsis	div	A synopsis clause in slide view
leno-slide-syntax	div	A syntax clause in slide view
leno-slide-tabular	table	A tabular clause in slide view
leno-slide-text	div	A text clause in slide view
leno-slide-title	div	A title clause in slide view
leno-slide-section-start	body	A special marking of slide pages which contain a section-title clause
leno-slide-source-program	table	An external source-program line with icon and text
leno-slide-exercise	table	An external exercise line with icon and text
leno-slide-image-series	table	An external image-series line with icon and text
leno-slide-elucidate	table	An external elucidator line with icon and text
leno-slide-side-track	table	An external side-track line with icon and text

If the immediate constituents of a note-page (such as title, items, and point ) have id attributes, LENO generates an id attribute side by side with the class attributes. These id attributes can be used for styling of individual constructs in your LENO material. The stylesheet in the stylesheets directory of the LENO source directory is the natural place of ID stylesheet clauses. Recall that this stylesheet will appear after the LENO software stylesheet, if both exist. The following naming scheme is used for multi lecture materials

lid-pid-id
where lid is the id of the lecture, pid is the id of the note page, and id is the id of the note page constituent. For single lecture materials the slightly simpler

pid-id
is used. In a few cases, and extra trailing constituent is appended - please watch the HTML source.

The body element of the note page also has an id, which again follow the naming scheme given above, without use of the trailing id.

LENO comes with a number of CSS files, which you can apply if you use the css-stylesheet attribute of the leno-front-matters clause. You find the native LENO CSS files in the directory ' styles/lecture-notes/stylesheets/ ' of the LAML distribution.

You can also make your own CSS files in the stylesheets directory of your LENO source directory. If you ask for usage of a given CSS file, using the css-stylesheet attributes, LENO will append the stylesheets of the source directory (if it exists) to the stylesheet of the LENO software directory (if it exists) and put it in the stylesheets directory of the HTML target directory. Be aware that the value of the css-stylesheets directory is a proper file name, without any inital path and without a file extension. We currenlty support original, aau1, aau2, aau-blue-grid, powerpoint, and blue. Some are experimental and incomplete, however.

In addition to the css-stylesheet attribute, there is also an css-prestylesheet attribute. The idea is to have all font-size relevant CSS specifications in the prestylesheet. We currently maintain a small-size, normal-size, and large-size prestylesheet.

The four stylesheets (css-prestylesheet and css-stylesheet from the software/note directories) are appended and copied to the HTML target directory. The ordering is the following: leno-software-css-pre-file leno-source-css-pre-file leno-software-css-file leno-source-css-file.

You should also be aware of the leno-front-matters attribute css-stylesheet-copying. Normally, this attribute is true. If it is false, the copying of stylesheets to the HTML target directory is disabeled. In that way you can experiment with the target version of the stylesheet, without the risk of overwriting it upon LENO processing. You should, however, always organize your stylesheets in the LENO source directory when you are done, and enable css-stylesheet-copying in the end.

Generated: August 25, 2004, 13:21:43