Style the Menu

  • Add this line to your <head> section:

    <link rel="stylesheet" href="/path/to/css/styles.css" type="text/css" />
  • Place these images in webroot/img:
    http://mscis.org/img/minus.png http://mscis.org/img/plus.png http://mscis.org/img/page.png
  • Create a text file called /path/to/css/styles.css
  • Add this text:
/* Clear any top banner floats, and float left under top banner */

#containerul {
 clear : both;
 float : left;
 width : 175px;
}

#containerul, #containerul ul {
 display    : inline;
 margin     : 0;
 padding    : 0;
 text-align : left;
}

/* change list item style */

#containerul li {
 padding         : 0;
 list-style-type : none;
 margin-bottom   : 0;
 margin-left     : 15px;
 margin-right    : 0;
 margin-top      : 0;
}

/* position symbols next to list items. */

#containerul .symbols {
 background-position : 0 50%;
 background-repeat   : no-repeat;
 float               : left;
 height              : 1em;
 width               : 12px;
}