README.rdoc in trickster-1.3.0 vs README.rdoc in trickster-1.3.1

- old
+ new

@@ -115,9 +115,20 @@ * If your presentation might go over an hour, remove <code>display: none</code> from the <code>#timer .hours</code> stanza in the stylesheet. * If you want to see seconds elapsing, remove <code>display: none</code> from the <code>#timer .seconds</code> stanza in the stylesheet. * If you want to hide the controls (e.g. because you know the keyboard shortcuts or have a presentation remote), add <code>display: none</code> to the <code>#controls</code> stanza in the stylesheet. * You can adjust the style in any other way you see fit in the stylsheet +=== Timing + +The config allows you to specify the length of your talk, a time at which to warn you, and a time at which to alert you. These all boil down to adding CSS to the timer: + +* If you are under time, alerting, and warning, <code>time-ok</code> is the class of the timer. +* If you are under time and alerting, but over for the warning, <code>time-warn</code> is the class of the timer. +* If you are under time but over alerting, <code>time-alert</code> is the class of the timer. +* If you are over time, <code>time-over</code> is the class of the timer. + +You can modify what happens with these styles in your <code>styles.css</code>. + == Customizations/Styling You have two points of customization: +custom.js+, which is loaded *after* all the other JS, but before the +load+ event. This is where you can override Trickster's configuration if you like (e.g. for default transition time). The second, and more useful, point of customization is +styles.css+ or +styles.scss+. This is loaded in your presentation and is where you can customize the look and feel of your slideshow. If you create a <tt>.scss</tt> file, trickster will run SASS on it to convert it to CSS, so you have the full awesome power of SASS available.