Skip to main content

Altering the fonts (In the index)

The index code refers to the side panel of the tutorial when not in the table of contents.and depending on the scheme selected as your base will look like this -

 
/*Index*/

#index {   
font-family: Verdana, Helvetica, Arial, sans-serif;{To be changed}
padding-left: 12px;}

#index a:link, #index a:visited {
color: #006699;
background-color: #ffffff;
padding-top: 3px;
padding-bottom: 3px;
text-decoration: none;}

#index a:hover {
background-color: #dedede;} {To be changed}

#index h2 {
font-size: 1.25em;
color: #006699;}

#index ol {
line-height: 1.7em;}

#index ol.section {
line-height: 1.7em;
list-style-type: upper-alpha;}

#index ol.section ol {
list-style-type: decimall;}
 

You can alter the font colour or background color as before. You can change the text decoration to include underline blinking or strikethrough. To change the reaction when your mouse is hovering over the text is controlled by the command hover. To change the reaction of the link we can simply again change the colour. Like so -

 
#index a:hover {
background-color: #000080;} {changed}
 

Producing a different highlighting of the index like so -