style.css.erb

@import url(takataka/projection.css); /* required to make the slide show run at all */
     
html { 
  background-image: url('images/background.jpg');
  background-color: #ccc;
}

body { 
  font-family: Bevan, Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #fff;
  -webkit-text-shadow: 0px 0px 4px #000;
  -moz-text-shadow: 0px 0px 4px #000;
  text-shadow: 0px 0px 4px #000;
}

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

.slide {
  text-align: center;
}

.slide h1 {
  font-size: 60pt;
  color: white;
}

.slide h1.fullscreen { position: absolute;
                       top: 40%;
                       width: 100%; }

/* lets you create slides with no heading (because heading is hidden but gets included in toc) */
.slide h1.hidden     { display: none; }

.slide h2 {
  font-family: Palatino Linotype;
  font-size: 40pt; 
  color: white;
}

h3 {
  font-size: 25pt;
}

/* todo: add special formating for .cover slide
   lets you use h1(cover). for title/cover slide (a la S5 slide0) but more generic (not bound to 1st slide)
*/

.cover h1 { /* tbd */ }
.cover h2 { /* tbd */ }

/* todo: add special formating for h1, h2 in footer */

#footer h1 { /* tbd */ }
#footer h2 { /* tbd */ }


p, li, dt, dd, td, th { font-size: 18pt; }

ul { list-style-type: square; }    

/**********************************/
/* general text-alignment classes */

.left   { text-align: left; }
.center { text-align: center; }
.right  { text-align: right;  }

/**********************************/
/* general font-size classes      */

.small { font-size: 97%; }

.x-small,
.smaller { font-size: 88%; }

.xx-small,
.smallest,
.tiny      { font-size: 82%; }

pre { font-size: 16pt;  }

.code { 
  font-size: 250%;
  left: 0;
  right: 0;
  top: -30%;

  position: absolute;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 15px;

  background-color: transparent;
}

.footnote a:first-of-type  { text-decoration: none; }


p.small  { font-size: 97%; }

p.x-small,
p.smaller,  
p.footnote { font-size: 88%; }

p.xx-small,
p.smallest,
p.tiny     { font-size: 82%; }


.help p,
.help td  { font-size: 88%; }

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


<%= content_for :css %>