style.css.erb

@import url(s6/projection.css); /* required to make the slide show run at all */
     
html, body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }

a:link, a:visited { color: black; }

h1 { font-size: 30pt;  }
h2 { font-size: 28pt;  }
h3 { font-size: 25pt;  }
p, li, dt, dd, td, th { font-size: 18pt; }

pre { font-size: 16pt;  }
pre.small { font-size: 12pt; }

pre.code { 
        background-color: azure;
        padding: 5px;
      }

div.code {
        background-color: azure;
        padding: 5px;
}

ul { list-style-type: square; }    

.center { text-align: center; }

/*** style rules for steps ****/     

.stepcurrent { color: black; }
.step { color: silver; }
/* or hide next steps e.g.  .step { visibility: hidden; } */

<%= content_for :css %>