第1行: |
第1行: |
| + | @import url('https://fonts.googleapis.com/css?family=Montserrat'); /* 因使用顺序优先加载 */ |
| @import url('https://fonts.googleapis.com/css?family=Jura');/*科技感包含希腊字母*/ | | @import url('https://fonts.googleapis.com/css?family=Jura');/*科技感包含希腊字母*/ |
| + | @import url('https://fonts.googleapis.com/css?family=Tajawal');/*阿拉伯字母字体*/ |
| @import url('https://fonts.googleapis.com/css?family=Google Sans');/*谷歌的字体*/ | | @import url('https://fonts.googleapis.com/css?family=Google Sans');/*谷歌的字体*/ |
− | @import url('https://fonts.googleapis.com/css?family=Montserrat');
| + | @import url('https://fonts.googleapis.com/css?family=Noto Sans SC');/*思源黑体*/ |
− | @import url('https://fonts.googleapis.com/css?family=Noto Sans SC'); | |
− | @import url('https://fonts.googleapis.com/css?family=Tajawal');/*阿拉伯字母字体*/
| |
| | | |
| + | /* |
| + | 根据目测覆盖范围重新安排 font-family 使用顺序: |
| + | Montserrat -> Latin |
| + | Tajawal -> Latin + Arabic |
| + | Jura -> 经测试 Jura 并不包含希腊字母字形 |
| + | */ |
| body * { | | body * { |
− | font-family:'Montserrat','Google Sans','Noto Sans SC','Tajawal','PingFang SC',"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Microsoft YaHei","Heiti SC",sans-serif; | + | font-family: Montserrat, Tajawal, "Google Sans", "Noto Sans SC", "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft YaHei", "Heiti SC", sans-serif; |
| }/*全站字体*/ | | }/*全站字体*/ |
| | | |
第472行: |
第478行: |
| /**************************/ | | /**************************/ |
| | | |
− | .audio-player-button{ | + | .audio-player button{ |
| height: 50px; | | height: 50px; |
| width: 50px; | | width: 50px; |
第492行: |
第498行: |
| transition: 0.3s ease-in-out; | | transition: 0.3s ease-in-out; |
| background-image:none,url(/w/images/a/ad/AudioPlay.svg) !important; | | background-image:none,url(/w/images/a/ad/AudioPlay.svg) !important; |
− | }
| |
− | .audio-download-button{
| |
− | height: 50px;
| |
− | width: 50px;
| |
− | background-color: #ffef00;
| |
− | text-align: center;
| |
− | border: 0;
| |
− | border-radius: 50%;
| |
− | outline:0 none;
| |
| } | | } |
| /**************************/ | | /**************************/ |
第631行: |
第628行: |
| color: black !important; | | color: black !important; |
| } /*圆角class*/ | | } /*圆角class*/ |
| + | |
| + | /**************************/ |
| + | /* 可下载的音频按钮 */ |
| + | /**************************/ |
| + | .downloadable-audio { |
| + | position: relative; |
| + | display: inline-block; |
| + | } |
| + | |
| + | .downloadable-audio .audio-player { |
| + | z-index: 1; |
| + | position: relative; |
| + | display: inline-block; |
| + | } |
| + | |
| + | .downloadable-audio .downloadable-audio-dropdown { |
| + | position: absolute; |
| + | left: 0; |
| + | top: 0; |
| + | width: 100%; |
| + | } |
| + | |
| + | .downloadable-audio .download-link { |
| + | display: block; |
| + | width: 100%; |
| + | height: 100%; |
| + | opacity: 0; |
| + | overflow: hidden; |
| + | } |
| + | |
| + | .downloadable-audio .download-link > a { |
| + | display: block; |
| + | width: 100%; |
| + | height: 100%; |
| + | } |