Lhasa

by lilysirius

HTML

<div class="head"><span class="bod">ཕྱག་འཚལ</span> <span class="wiley">phyag \'tshal</span></div><hr><div class="entry"><span class="num">①</span> <span class="pinyin">qangfcaef</span> <span class="gloss">〈名〉磕头，顶礼，膜拜。</span></div><div class="entry"><span class="num">②</span> <span class="pinyin">qah caef</span> <span class="gloss">〈动〉磕头，顶礼，膜拜。</span></div>

CSS

/* 加载字体 */
@font-face {font-family: 'SimSun'; src: local('SimSun'), url('/simsun.ttc');}
@font-face {font-family: 'Charis SIL'; src: local('Charis SIL'), url("/CharisSIL-Regular.ttf");}
@font-face {font-family: 'Noto Serif Tibetan'; src: local('Noto Serif Tibetan'), url("/NotoSerifTibetan-Regular.ttf");}
@font-face {font-family: 'Monlam Uni Sans Serif'; src: local('Monlam Uni Sans Serif'), url("/Monlam Uni Sans Serif.ttf");}

/* 设置不同设备的基础字号 */
@media only screen and (max-device-width: 1440px) {body {font-size: 17px;} .left {width: 2em;} .right {margin-left: 3em;} .mn {position: relative; left: -0.4em;} .lat {position: relative; left: -0.5em;}} /* 手机 */
@media only screen and (min-device-width: 1441px) {body {font-size: 15px;} .left {width: 3em;} .right {margin-left: 4em;}} /* 电脑 */

/* Tab */
.tab {overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1; margin: 0 0 3px 0;}   /* Style the tab */
.tab button {background-color: inherit; float: left; border: none; outline: none; cursor: pointer; 
                padding: 4px 6px; transition: 0.3s; font-size: 92%;}                                              /* Style the buttons inside the tab */
.tab button:hover {background-color: #ddd;}                                                                 /* Change background color of buttons on hover */
.tab button.active {background-color: #ccc;}                                                                  /* Create an active/current tablink class */
.zhTabcontent {display: none; padding: 3px 4px; border: 1px solid #ccc; border-top: none;}        /* Style the tab content */

hr {margin-top: -5px;}
.head {font-family: 'Monlam Uni Sans Serif'; font-size: 150%; text-align: left; margin: 0; color: black;}
.wiley {color: darkblue; font-family: 'Charis SIL'; text-align: left; margin: 0 10px 0 10px; font-size: 55%;}
.pinyin {color: red; font-family: 'Charis SIL'; text-align: left; margin: 0 10px 3px 10px; font-size: 100%;}
.bod {text-align: left; margin: 0...