Library.css: Difference between revisions

From OLPC
Jump to navigation Jump to search
Line 28: Line 28:


== Classes and Selectors ==
== Classes and Selectors ==
The <tt>library.css</tt> file contains the following classes and selectors.
The <tt>library.css</tt> file contains the following classes and selectors:


; <tt>a.entry:hover</tt> : <tt>a.entry:hover</tt> refers to the style of an entry in the collection as you mouse over it.
; <tt>a.entry:hover</tt> : <tt>a.entry:hover</tt> refers to the style of an entry in the collection as you mouse over it.

Revision as of 20:23, 17 July 2007

Here is a generic library.css file:

/* Style sheet for "replaceThisWithClassName" collection--------------- */

.replaceThisWithClassName a.entry:hover {
	background: 
	text-decoration: 
}

.replaceThisWithClassName .metadata > .title {
	color: 
}

.replaceThisWithClassName a {
	color: 
	text-decoration: 
}

.replaceThisWithClassName a:hover {
	text-decoration: 
}

.replaceThisWithClassName h1, .replaceThisWithClassName h2, .replaceThisWithClassName h3, .replaceThisWithClassName h4, .replaceThisWithClassName h5 {
	background: 
}

Classes and Selectors

The library.css file contains the following classes and selectors:

a.entry:hover
a.entry:hover refers to the style of an entry in the collection as you mouse over it.
.metadata > .title
.metadata > .title refers to the style of the title of an entry in the collection.
a
a refers to the style of all linked text in the collection.
a:hover
<t>a:hover refers to the style of linked text as you mouse over it.
h1, h2, h3, h4 h5
h1,h2,h3,h4, and h5 refer to the style of various headers-- all the same formatting, but different size fonts.