appended to the LI parent, which are used to highlight the\r
current play state and so on.\r
\r
- Class names are applied in addition to "sm2_link" base.\r
+ Class names are applied in addition to "ezt-link" base.\r
\r
Default:\r
\r
- sm2_link\r
+ ezt-link\r
\r
Additional states:\r
\r
- sm2_playing\r
- sm2_paused\r
+ ezt-playing\r
+ ezt-paused\r
\r
eg.\r
\r
<!-- default -->\r
- <li class="sm2_link"><a href="some.mp3">some.mp3</a></li>\r
+ <li class="ezt-link"><a href="some.mp3">some.mp3</a></li>\r
\r
<!-- playing -->\r
- <li class="sm2_link sm2_playing"><a href="some.mp3">some.mp3</a></li>\r
+ <li class="ezt-link ezt-playing"><a href="some.mp3">some.mp3</a></li>\r
\r
The script also injects an HTML template containing control bar\r
and timing elements, which can also be targeted with CSS.\r
\r
\r
Note you don't necessarily require ul.playlist for your use\r
- if only using one style on a page. You can just use .sm2_link\r
+ if only using one style on a page. You can just use .ezt-link\r
and so on, but isolate the CSS you want.\r
\r
Side note: Would do multiple class definitions eg.\r
\r
- li.sm2_default.sm2_playing{}\r
+ li.ezt-default.ezt-playing{}\r
\r
.. except IE 6 has a parsing bug which may break behaviour,\r
- applying sm2_playing {} even when the class is set to sm2_default.\r
+ applying ezt-playing {} even when the class is set to ezt-default.\r
\r
\r
If you want to make your own UI from scratch, here is the base:\r
\r
Default + hover state, "click to play":\r
\r
- li.sm2_link {}\r
- li.sm2_link:hover {}\r
+ li.ezt-link {}\r
+ li.ezt-link:hover {}\r
\r
Playing + hover state, "click to pause":\r
\r
- li.sm2_playing {}\r
- li.sm2_playing:hover {}\r
+ li.ezt-playing {}\r
+ li.ezt-playing:hover {}\r
\r
Paused + hover state, "click to resume":\r
\r
- li.sm2_paused {}\r
- li.sm2_paused:hover {}\r
+ li.ezt-paused {}\r
+ li.ezt-paused:hover {}\r
\r
*/\r
\r