Library.css: Difference between revisions

From OLPC
Jump to navigation Jump to search
m (+cat)
Line 1: Line 1:
Here is a generic <tt>library.css</tt> file:
Here is a generic <tt>[[library.css]]</tt> file:


<pre>
<pre>
Line 39: Line 39:


; <tt>h1, h2, h3, h4 h5</tt> : <tt>h1</tt>,<tt>h2</tt>,<tt>h3</tt>,<tt>h4</tt>, and <tt>h5</tt> refer to the style of various headers-- all the same formatting, but different size fonts.
; <tt>h1, h2, h3, h4 h5</tt> : <tt>h1</tt>,<tt>h2</tt>,<tt>h3</tt>,<tt>h4</tt>, and <tt>h5</tt> refer to the style of various headers-- all the same formatting, but different size fonts.

[[Category:Sugar Documentation]]

Revision as of 14:37, 15 September 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.