@evidentpoint/readium-css
Version:
A set of reference stylesheets for EPUB Reading Systems
179 lines (176 loc) • 6.54 kB
HTML
<html lang="en">
<head>
<title>Quotes</title>
</head>
<body>
<select id="language">
<option value="af">af</option>
<option value="agq">agq</option>
<option value="ak">ak</option>
<option value="am">am</option>
<option value="ar">ar</option>
<option value="asa">asa</option>
<option value="az-Cyrl">az-Cyrl</option>
<option value="bas">bas</option>
<option value="bem">bem</option>
<option value="bez">bez</option>
<option value="bg">bg</option>
<option value="bm">bm</option>
<option value="bn">bn</option>
<option value="br">br</option>
<option value="brx">brx</option>
<option value="bs-Cyrl">bs-Cyrl</option>
<option value="ca">ca</option>
<option value="cgg">cgg</option>
<option value="chr">chr</option>
<option value="cs">cs</option>
<option value="da">da</option>
<option value="dav">dav</option>
<option value="de">de</option>
<option value="de-CH">de-CH</option>
<option value="dje">dje</option>
<option value="dua">dua</option>
<option value="dyo">dyo</option>
<option value="dz">dz</option>
<option value="ebu">ebu</option>
<option value="ee">ee</option>
<option value="el">el</option>
<option value="en" selected>en</option>
<option value="es">es</option>
<option value="et">et</option>
<option value="eu">eu</option>
<option value="ewo">ewo</option>
<option value="fa">fa</option>
<option value="ff">ff</option>
<option value="fi">fi</option>
<option value="fr">fr</option>
<option value="fr-CA">fr-CA</option>
<option value="fr-CH">fr-CH</option>
<option value="gsw">gsw</option>
<option value="gu">gu</option>
<option value="guz">guz</option>
<option value="ha">ha</option>
<option value="he">he</option>
<option value="hi">hi</option>
<option value="hr">hr</option>
<option value="hu">hu</option>
<option value="id">id</option>
<option value="ig">ig</option>
<option value="it">it</option>
<option value="ja">ja</option>
<option value="jgo">jgo</option>
<option value="jmc">jmc</option>
<option value="kab">kab</option>
<option value="kam">kam</option>
<option value="kde">kde</option>
<option value="kea">kea</option>
<option value="khq">khq</option>
<option value="ki">ki</option>
<option value="kkj">kkj</option>
<option value="kln">kln</option>
<option value="km">km</option>
<option value="kn">kn</option>
<option value="ko">ko</option>
<option value="ksb">ksb</option>
<option value="ksf">ksf</option>
<option value="lag">lag</option>
<option value="lg">lg</option>
<option value="ln">ln</option>
<option value="lo">lo</option>
<option value="lt">lt</option>
<option value="lu">lu</option>
<option value="luo">luo</option>
<option value="luy">luy</option>
<option value="lv">lv</option>
<option value="mas">mas</option>
<option value="mer">mer</option>
<option value="mfe">mfe</option>
<option value="mg">mg</option>
<option value="mgo">mgo</option>
<option value="mk">mk</option>
<option value="ml">ml</option>
<option value="mr">mr</option>
<option value="ms">ms</option>
<option value="mua">mua</option>
<option value="my">my</option>
<option value="naq">naq</option>
<option value="nb">nb</option>
<option value="nd">nd</option>
<option value="nl">nl</option>
<option value="nmg">nmg</option>
<option value="nn">nn</option>
<option value="nnh">nnh</option>
<option value="nus">nus</option>
<option value="nyn">nyn</option>
<option value="pl">pl</option>
<option value="pt">pt</option>
<option value="pt-PT">pt-PT</option>
<option value="rn">rn</option>
<option value="ro">ro</option>
<option value="rof">rof</option>
<option value="ru">ru</option>
<option value="rw">rw</option>
<option value="rwk">rwk</option>
<option value="saq">saq</option>
<option value="sbp">sbp</option>
<option value="seh">seh</option>
<option value="ses">ses</option>
<option value="sg">sg</option>
<option value="shi">shi</option>
<option value="shi-Latn">shi-Latn</option>
<option value="si">si</option>
<option value="sk">sk</option>
<option value="sl">sl</option>
<option value="sn">sn</option>
<option value="so">so</option>
<option value="sq">sq</option>
<option value="sr">sr</option>
<option value="sr-Latn">sr-Latn</option>
<option value="sv">sv</option>
<option value="sw">sw</option>
<option value="swc">swc</option>
<option value="ta">ta</option>
<option value="te">te</option>
<option value="teo">teo</option>
<option value="th">th</option>
<option value="ti-ER">ti-ER</option>
<option value="to">to</option>
<option value="tr">tr</option>
<option value="twq">twq</option>
<option value="tzm">tzm</option>
<option value="uk">uk</option>
<option value="ur">ur</option>
<option value="vai">vai</option>
<option value="vai-Latn">vai-Latn</option>
<option value="vi">vi</option>
<option value="vun">vun</option>
<option value="xh">xh</option>
<option value="xog">xog</option>
<option value="yav">yav</option>
<option value="yo">yo</option>
<option value="zh">zh</option>
<option value="zh-Hant">zh-Hant</option>
<option value="zu">zu</option>
</select>
<p><q>Quote with <q>nested quote</q> inside.</q></p>
</body>
<script type="text/javascript">
var root = document.getElementsByTagName("html")[0],
select = document.getElementById("language"),
styleContent = document.createTextNode("*{}");
function updateStyles() {
var style = document.createElement("style");
style.appendChild(styleContent);
document.head.appendChild(style);
document.head.removeChild(style);
}
select.addEventListener("change", function(e) {
var newLang = this.value;
var currentIndex = this.selectedIndex;
root.setAttribute("lang", newLang);
updateStyles();
this.selectedIndex = currentIndex;
}, false);
</script>
</html>