@charset "utf-8"; /* * 漢字標準格式 v2.2.0 * --- * Hanzi-optimised CSS Mode * * * * Lisence: MIT Lisence * Last Modified: 2013/10/28 * */ /* * * 滙入所有需要的檔案 --------------------------------------- 全域適用的CSS reset(normalize.css) --------------------------------------- * 原作者:Nicolas Gallagher --------------------------------------- */ /* normalize.css v2.1.3 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9. * Hide the `template` element in IE, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background: transparent; } /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /** * Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /* --------------------------------------- @font-face字體設定 --------------------------------------- */ /* * 漢字標準格式 v2.2.0 * @font-face字體設定 * --- * @font-face settings, * Hanzi-optimised CSS Mode * * * * Lisence: MIT Lisence * Last Modified: 2013/10/29 * */ /* --------------------------------------- 四大字體集 --- The Four Typefaces --------------------------------------- */ /* --------------------------------------- 四大字體集 --- The Four Typefaces --------------------------------------- 黑體 Heiti (Gothic) --------------------------------------- */ @font-face { font-family: 'Han Heiti'; src: local(YuGothic), local("Hiragino Kaku Gothic ProN"), local("Hiragino Kaku Gothic Pro"), local("Hiragino Sans GB"), local("Lantinghei TC"), local("Lantinghei SC"), local("Heiti SC"), local("Heiti TC"), local("Microsoft Yahei"), local("Microsoft Jhenghei"), local("Droid Sans Fallback"); } @font-face { font-family: 'Han Heiti CNS'; src: local(YuGothic), local("Hiragino Kaku Gothic ProN"), local("Hiragino Kaku Gothic Pro"), local("Hiragino Sans GB"), local("Lantinghei TC"), local("Heiti TC"), local("Microsoft Jhenghei"), local("Heiti SC"), local("Lantinghei SC"), local("Microsoft Yahei"), local("Droid Sans Fallback"); } @font-face { font-family: 'Han Heiti GB'; src: local("Hiragino Sans GB"), local("Lantinghei SC"), local("Heiti SC"), local("Microsoft Yahei"), local("Droid Sans Fallback"); } /* ----------------------------------------- * 解決IE的字體fallback問題 * Solution to IE font fallback issue * ----------------------------------------- */ @font-face { font-family: 'Han Heiti'; src: local("Microsoft Yahei"), local("Microsoft Jhenghei"); unicode-range: U+4E00; } /* ----------------------------------------- * 解決Firefox不支援`unicode-range`的問題 * Solution to Firefox's `unicode-range` * issue * ----------------------------------------- */ @font-face { font-family: 'Han Heiti'; src: local("Hiragino Sans GB"), local("Lantinghei TC"), local("Lantinghei SC"), local("Heiti SC"), local("Heiti TC"), local("Microsoft Yahei"), local("Microsoft Jhenghei"), local("Droid Sans Fallback"); unicode-range: U+270C; } @font-face { font-family: 'Han Heiti'; font-weight: 600; src: local("Hiragino Sans GB W6"), local("Heiti SC Medium"), local("Heiti TC Medium"), local("Microsoft Yahei Bold"), local("Microsoft Jhenghei Bold"); unicode-range: U+270C; } /* --------------------------------------- 四大字體集 --- The Four Typefaces --------------------------------------- 宋體(明朝體) Songti (Mincho) --------------------------------------- */ @font-face { font-family: 'Han Songti'; src: local("STSongti TC"), local("STSongti SC"), local("Songti SC"), local("Lisong Pro"), local(PMingLiU), local(SimSun); } @font-face { font-family: 'Han Songti CNS'; src: local("STSongti TC"), local("Lisong Pro"), local("STSongti SC"), local("Songti SC"), local(PMingLiU), local(SimSun); } @font-face { font-family: 'Han Songti GB'; src: local("STSongti SC"), local("Songti SC"), local(SimSun); } /* ----------------------------------------- * 解決IE的字體fallback問題 * Solution to IE font fallback issue * ----------------------------------------- */ @font-face { font-family: 'Han Songti'; src: local(PMingLiU), local(SimSun); unicode-range: U+4E00; } /* ----------------------------------------- * 解決Firefox不支援`unicode-range`的問題 * Solution to Firefox's `unicode-range` * issue * ----------------------------------------- */ @font-face { font-family: 'Han Songti'; src: local("STSongti TC"), local("STSongti SC"), local("Songti SC"), local(PMingLiU), local(SimSun); unicode-range: U+270C; } @font-face { font-family: 'Han Songti'; font-weight: 600; src: local(STSongti-TC-Bold), local(STSongti-SC-Bold); unicode-range: U+270C; } /* --------------------------------------- 四大字體集 --- The Four Typefaces --------------------------------------- 楷體 Kaiti (Cursive) --------------------------------------- */ @font-face { font-family: 'Han Kaiti'; src: local(STKaiti), local("標楷體"), local(DFKaiShu-SB-Estd-BF), local(Kaiti), local(DFKai-SB); } @font-face { font-family: 'Han Kaiti CNS'; /* 中華民國國家標準楷體 */ src: local("標楷體"), local(DFKaiShu-SB-Estd-BF); } @font-face { font-family: 'Han Kaiti GB'; /* 中國國家標準楷體 */ src: local(STKaiti), local(Kai), local(Kaiti), local(DFKai-SB); } /* ----------------------------------------- * 解決IE的字體fallback問題 * Solution to IE font fallback issue * ----------------------------------------- */ @font-face { font-family: 'Han Kaiti'; src: local("標楷體"), local(DFKaiShu-SB-Estd-BF), local(Kaiti), local(DFKai-SB); unicode-range: U+4E00; } @font-face { font-family: 'Han Kaiti CNS'; src: local("標楷體"), local(DFKaiShu-SB-Estd-BF); unicode-range: U+4E00; } @font-face { font-family: 'Han Kaiti GB'; src: local(Kaiti), local(DFKai-SB); unicode-range: U+4E00; } /* ----------------------------------------- * 解決Firefox不支援`unicode-range`的問題 * Solution to Firefox's `unicode-range` * issue * ----------------------------------------- */ @font-face { font-family: 'Han Kaiti'; src: local(STKaiti), local("標楷體"), local(DFKaiShu-SB-Estd-BF), local(Kaiti), local(DFKai-SB); unicode-range: U+270C; } @font-face { font-family: 'Han Kaiti CNS'; src: local("標楷體"), local(DFKaiShu-SB-Estd-BF); unicode-range: U+270C; } @font-face { font-family: 'Han Kaiti GB'; src: local(STKaiti), local(Kai), local(Kaiti), local(DFKai-SB); unicode-range: U+270C; } /* --------------------------------------- 四大字體集 --- The Four Typefaces --------------------------------------- 仿宋體 Fangsong --------------------------------------- */ @font-face { font-family: 'Han Fangsong'; src: local(STFangsong), local(FangSong); } /* ----------------------------------------- * 解決IE的字體fallback問題 * Solution to IE font fallback issue * ----------------------------------------- */ @font-face { font-family: 'Han Fangsong'; src: local(FangSong); unicode-range: U+4E00; } /* ----------------------------------------- * 解決Firefox不支援`unicode-range`的問題 * Solution to Firefox's `unicode-range` * issue * ----------------------------------------- */ @font-face { font-family: 'Han Fangsong'; src: local(STFangsong), local(FangSong); unicode-range: U+270C; } /* 手寫體 Cursive --------------------------------------- */ @font-face { font-family: cursive; src: local(STKaiti), local(Kai), local("標楷體"), local(DFKaiShu-SB-Estd-BF); } /* ----------------------------------------- * 解決IE的字體fallback問題 * Solution to IE font fallback issue * ----------------------------------------- */ @font-face { font-family: cursive; src: local("標楷體"), local(DFKaiShu-SB-Estd-BF); unicode-range: U+4E00; } /* ----------------------------------------- * 解決Firefox不支援`unicode-range`的問題 * Solution to Firefox's `unicode-range` * issue * ----------------------------------------- */ @font-face { font-family: cursive; src: local(STKaiti), local(Kai), local("標楷體"), local(DFKaiShu-SB-Estd-BF); unicode-range: U+270C; } /* --------------------------------------- 襯線西文斜體 --- Italic serif for Latin --------------------------------------- */ @font-face { font-family: 'Latin Italic Serif'; src: local("Georgia-Italic"), local("Georgia Italic"), local("Times-Italic"), local("TimesNewRomanPS-ItalicMT"), local("Times New Roman Italic"); } @font-face { font-family: 'Latin Italic Serif'; font-weight: 700; src: local(Georgia-BoldItalic), local("Georgia Bold Italic"), local(Times-Italic), local(TimesNewRomanPS-BoldItalicMT), local("Times New Roman Bold Italic"); } /* --------------------------------------- 無襯線西文斜體 --- Italic sans-serif for Latin --------------------------------------- */ @font-face { font-family: 'Latin Italic Sans'; src: local(HelveticaNeue-Italic), local("Helvetica Neue Italic"), local(Helvetica-LightOblique), local("Helvetica Oblique"), local("Arial Italic"), local(Arial-ItalicMT); } @font-face { font-family: 'Latin Italic Sans'; font-weight: 700; src: local(HelveticaNeue-BoldItalic), local("Helvetica Neue Bold Italic"), local(Helvetica-BoldOblique), local("Helvetica Bold Oblique"), local("Arial Bold Italic"), local(Arial-BoldItalicMT); } /* --------------------------------------- 注音符號 --- Zhuyin --------------------------------------- */ @font-face { font-family: 'Han Zhuyin Cursive'; src: local("☺"), url("../fonts/zhuyin.eot") format("embedded-opentype"), url("../fonts/zhuyin.ttf") format("truetype"); } @font-face { font-family: 'Han Zhuyin Sans'; src: local("Hiragino Sans GB"), local("Microsoft JhengHei"); } @font-face { font-family: 'Han Zhuyin Sans'; src: local("Heiti TC"), local("Microsoft JhengHei"); unicode-range: U+3127, U+02C7, U+02CA-B, U+02D9; } /* --------------------------------------- 漢字標點 --- Hanzi puncuation, ‘Biaodian’(zh) and ‘Yakumono’(ja) -------------------------------------- **注意:**為Windows設定的字體*必須*置於 OS X字體設定後方。 **NOTE**: Font settings for Windows should be *always* placed after tho- se for OS X. Since there are quite a few fonts from Windows existing on OS X as well. --------------------------------------- * * 1. On Mac OS X and iOS; * 2. On Windows; * 3. On Ubuntu and Debian; * 4. For other OSs, uses web font. * * --------------------------------------- 單點全形句號(.) Fullwidth full stop --------------------------------------- */ @font-face { font-family: 'Biaodian Sans'; src: local("Hiragino Sans GB"), local(STHeiti), local("Heiti SC"), local("MS Gothic"), local(SimSun), local(WenQuanYiMicroHei), local(IPAexGothic), local("VL Gothic"); unicode-range: U+FF0E; } @font-face { font-family: 'Biaodian Serif'; src: local("Hiragino Mincho ProN"), local("Hiragino Mincho Pro"), local(STSongti-SC-Regular), local(STSong), local(SimSun), local(IPAexMincho), local(IPAMincho), local(UMingCN); unicode-range: U+FF0E; } @font-face { font-family: 'Biaodian Pro Sans'; src: local("Hiragino Sans GB"), local(STHeiti), local("Heiti SC"), local("MS Gothic"), local(SimSun), local(WenQuanYiMicroHei), local(IPAexGothic), local("VL Gothic"); unicode-range: U+FF0E; } @font-face { font-family: 'Biaodian Pro Serif'; src: local("Hiragino Mincho ProN"), local("Hiragino Mincho Pro"), local(STSongti-SC-Regular), local(STSong), local(SimSun), local(IPAexMincho), local(IPAMincho), local(UMingCN); unicode-range: U+FF0E; } @font-face { font-family: 'Biaodian Pro Sans CNS'; src: local("Hiragino Sans GB"), local(STHeiti), local("Heiti SC"), local("MS Gothic"), local(SimSun), local(WenQuanYiMicroHei), local(IPAexGothic), local("VL Gothic"); unicode-range: U+FF0E; } @font-face { font-family: 'Biaodian Pro Serif CNS'; src: local("Hiragino Mincho ProN"), local("Hiragino Mincho Pro"), local(STSongti-SC-Regular), local(STSong), local(SimSun), local(IPAexMincho), local(IPAMincho), local(UMingCN); unicode-range: U+FF0E; } /* 間隔號(·) Middle dot --------------------------------------- */ @font-face { font-family: 'Biaodian Sans'; src: local("Hiragino Sans GB"), local(STHeiti), local("Heiti SC"), local(SimSun), local("VL Gothic"), local("ARPLMingU20"); unicode-range: U+00B7; } @font-face { font-family: 'Biaodian Serif'; src: local(STSongti-SC-Regular), local(STSong), local("Heiti SC"), local(SimSun), local("ARPLMingU20"), local("VL Gothic"); unicode-range: U+00B7; } @font-face { font-family: 'Biaodian Pro Sans'; src: local("Hiragino Sans GB"), local(STHeiti), local("Heiti SC"), local(SimSun), local("VL Gothic"), local("ARPLMingU20"); unicode-range: U+00B7; } @font-face { font-family: 'Biaodian Pro Serif'; src: local(STSongti-SC-Regular), local(STSong), local("Heiti SC"), local(SimSun), local("ARPLMingU20"), local("VL Gothic"); unicode-range: U+00B7; } @font-face { font-family: 'Biaodian Pro Sans CNS'; src: local("Hiragino Sans GB"), local(STHeiti), local("Heiti SC"), local(SimSun), local("VL Gothic"), local("ARPLMingU20"); unicode-range: U+00B7; } @font-face { font-family: 'Biaodian Pro Serif CNS'; src: local(STSongti-SC-Regular), local(STSong), local("Heiti SC"), local(SimSun), local("ARPLMingU20"), local("VL Gothic"); unicode-range: U+00B7; } /* 破折號(——) Em dash --------------------------------------- */ @font-face { font-family: 'Biaodian Sans'; src: local("Hiragino Sans GB"), local("Hiragino Kaku Gothic ProN"), local("Hiragino Kaku Gothic Pro"), local("Microsoft Yahei"), local(SimSun), local(WenQuanYiZenHei), local("VL Gothic"); unicode-range: U+2014; } @font-face { font-family: 'Biaodian Serif'; src: local("Hiragino Mincho ProN"), local("Hiragino Mincho Pro"), local(STSongti-SC-Regular), local(STSong), local("Microsoft Yahei"), local(SimSun), local(IPAexMincho), local(WenQuanYiZenHei), local("VL Gothic"); unicode-range: U+2014; } @font-face { font-family: 'Yakumono Sans'; src: local("Hiragino Kaku Gothic ProN"), local("Hiragino Kaku Gothic Pro"), local("Arial Unicode MS"), local("MS Gothic"), local("VL Gothic"), local("Droid Sans Fallback"); unicode-range: U+2014; } @font-face { font-family: 'Yakumono Serif'; src: local("Hiragino Mincho ProN"), local("Hiragino Mincho Pro"), local("MS Mincho"), local("Microsoft Yahei"), local("VL Gothic"), local("Droid Sans Fallback"); unicode-range: U+2014; } @font-face { font-family: 'Biaodian Pro Sans'; src: local("Hiragino Sans GB"), local("Hiragino Kaku Gothic ProN"), local("Hiragino Kaku Gothic Pro"), local("Microsoft Yahei"), local(SimSun), local(WenQuanYiZenHei), local("VL Gothic"); unicode-range: U+2014; } @font-face { font-family: 'Biaodian Pro Serif'; src: local("Hiragino Mincho ProN"), local("Hiragino Mincho Pro"), local(STSongti-SC-Regular), local(STSong), local("Microsoft Yahei"), local(SimSun), local(IPAexMincho), local(WenQuanYiZenHei), local("VL Gothic"); unicode-range: U+2014; } @font-face { font-family: 'Biaodian Pro Sans CNS'; src: local("Hiragino Sans GB"), local("Hiragino Kaku Gothic ProN"), local("Hiragino Kaku Gothic Pro"), local("Microsoft Yahei"), local(SimSun), local(WenQuanYiZenHei), local("VL Gothic"); unicode-range: U+2014; } @font-face { font-family: 'Biaodian Pro Serif CNS'; src: local("Hiragino Mincho ProN"), local("Hiragino Mincho Pro"), local(STSongti-SC-Regular), local(STSong), local("Microsoft Yahei"), local(SimSun), local(IPAexMincho), local(WenQuanYiZenHei), local("VL Gothic"); unicode-range: U+2014; } /* 省略號(……) Ellipsis --------------------------------------- */ @font-face { font-family: 'Biaodian Sans'; src: local("Hiragino Sans GB"), local("Hiragino Kaku Gothic ProN"), local("Hiragino Kaku Gothic Pro"), local(Meiryo), local("MS Gothic"), local(SimSun), local(PMingLiU), local(WenQuanYiZenHei), local(WenQuanYiMicroHei), local("VL Gothic"), local("ARPLMingU20"); unicode-range: U+2026; } @font-face { font-family: 'Biaodian Serif'; src: local("Hiragino Mincho ProN"), local("Hiragino Mincho Pro"), local(STSongti-SC-Regular), local("MS Mincho"), local(SimSun), local(PMingLiU), local(IPAexMincho), local(IPAMincho), local("AR PL UMing"), local("ARPLMingU20"); unicode-range: U+2026; } @font-face { font-family: 'Yakumono Sans'; src: local("Hiragino Kaku Gothic ProN"), local("Hiragino Kaku Gothic Pro"), local(Meiryo), local("MS Gothic"), local(IPAexGothic), local("VL Gothic"); unicode-range: U+2026; } @font-face { font-family: 'Yakumono Serif'; src: local("Hiragino Mincho ProN"), local("Hiragino Mincho Pro"), local("MS Mincho"), local(IPAexMincho), local(IPAMincho); unicode-range: U+2026; } @font-face { font-family: 'Biaodian Pro Sans'; src: local("Hiragino Sans GB"), local("Hiragino Kaku Gothic ProN"), local("Hiragino Kaku Gothic Pro"), local(SimSun), local(PMingLiU), local(WenQuanYiZenHei), local(WenQuanYiMicroHei), local("VL Gothic"), local("ARPLMingU20"); unicode-range: U+2026; } @font-face { font-family: 'Biaodian Pro Serif'; src: local("Hiragino Mincho ProN"), local("Hiragino Mincho Pro"), local(STSongti-SC-Regular), local(SimSun), local(PMingLiU), local(IPAexMincho), local(IPAMincho), local("AR PL UMing"), local("ARPLMingU20"); unicode-range: U+2026; } @font-face { font-family: 'Biaodian Pro Sans CNS'; src: local("Hiragino Sans GB"), local("Hiragino Kaku Gothic ProN"), local("Hiragino Kaku Gothic Pro"), local(SimSun), local(PMingLiU), local(WenQuanYiZenHei), local(WenQuanYiMicroHei), local("VL Gothic"), local("ARPLMingU20"); unicode-range: U+2026; } @font-face { font-family: 'Biaodian Pro Serif CNS'; src: local("Hiragino Mincho ProN"), local("Hiragino Mincho Pro"), local(STSongti-SC-Regular), local(SimSun), local(PMingLiU), local(IPAexMincho), local(IPAMincho), local("AR PL UMing"), local("ARPLMingU20"); unicode-range: U+2026; } /* 彎引號(“‘’”) Curve quotes --------------------------------------- */ @font-face { font-family: 'Biaodian Sans'; src: local("Hiragino Sans GB"), local(STHeiti), local("Heiti SC"), local(SimSun), local(PMingLiU), local("IPAexGothic"), local("AR PL UMing TW"), local("ARPLMingU20"); unicode-range: U+201C-201D, U+2018-2019; } @font-face { font-family: 'Biaodian Serif'; src: local("Lisong Pro"), local(STSongti-SC-Regular), local(STSong), local(STHeiti), local("Heiti SC"), local(SimSun), local(PMingLiU), local("IPAexMincho"), local(IPAMincho), local("AR PL UMing TW"), local("ARPLMingU20"); unicode-range: U+201C-201D, U+2018-2019; } @font-face { font-family: 'Biaodian Pro Sans'; src: local("Hiragino Sans GB"), local(STHeiti), local("Heiti SC"), local(SimSun), local(PMingLiU), local("IPAexGothic"), local("AR PL UMing TW"), local("ARPLMingU20"); unicode-range: U+201C-201D, U+2018-2019; } @font-face { font-family: 'Biaodian Pro Serif'; src: local("Lisong Pro"), local(STSongti-SC-Regular), local(STSong), local(STHeiti), local("Heiti SC"), local(SimSun), local(PMingLiU), local("IPAexMincho"), local(IPAMincho), local("AR PL UMing TW"), local("ARPLMingU20"); unicode-range: U+201C-201D, U+2018-2019; } @font-face { font-family: 'Biaodian Pro Sans CNS'; src: local("Hiragino Sans GB"), local(STHeiti), local("Heiti SC"), local(SimSun), local(PMingLiU), local("IPAexGothic"), local("AR PL UMing TW"), local("ARPLMingU20"); unicode-range: U+201C-201D, U+2018-2019; } @font-face { font-family: 'Biaodian Pro Serif CNS'; src: local("Lisong Pro"), local(STSongti-SC-Regular), local(STSong), local(SimSun), local(PMingLiU), local("IPAexMincho"), local(IPAMincho), local("AR PL UMing TW"), local("ARPLMingU20"); unicode-range: U+201C-201D, U+2018-2019; } /* 着重號(●) Emphasis dots --------------------------------------- */ @font-face { font-family: 'Biaodian Sans'; src: local("Times New Roman"), local("Droid Sans Fallback"); unicode-range: U+25CF; } @font-face { font-family: 'Biaodian Serif'; src: local("Times New Roman"), local("Droid Sans Fallback"); unicode-range: U+25CF; } @font-face { font-family: 'Biaodian Pro Sans'; src: local("Times New Roman"), local("Droid Sans Fallback"); unicode-range: U+25CF; } @font-face { font-family: 'Biaodian Pro Serif'; src: local("Times New Roman"), local("Droid Sans Fallback"); unicode-range: U+25CF; } @font-face { font-family: 'Biaodian Pro Sans CNS'; src: local("Times New Roman"), local("Droid Sans Fallback"); unicode-range: U+25CF; } @font-face { font-family: 'Biaodian Pro Serif CNS'; src: local("Times New Roman"), local("Droid Sans Fallback"); unicode-range: U+25CF; } /* --------------------------------------- 進階版標點樣式修正 --- Advanced Correction to Hanzi Punctuation --------------------------------------- * * a. 句、逗、頓號(。,、) * Period, comma, paused comma * * b. 分、冒、問、嘆號(;:?!) * Colon, semicolon, question, exclam- * ation marks * */ @font-face { font-family: 'Biaodian Pro Sans'; src: local("Hiragino Kaku Gothic ProN"), local("Hiragino Kaku Gothic Pro"), local("MS Gothic"), local("IPAexGothic"), local("AR PL UMing TW"), local("ARPLMingU20"); unicode-range: U+3002, U+FF0C, U+3001, U+FF1B, U+FF1A, U+FF1F, U+FF01; } @font-face { font-family: 'Biaodian Pro Serif'; src: local("Hiragino Mincho ProN"), local("Hiragino Mincho Pro"), local("MS Mincho"), local("IPAexGothic"), local("AR PL UMing TW"), local("ARPLMingU20"); unicode-range: U+3002, U+FF0C, U+3001, U+FF1B, U+FF1A, U+FF1F, U+FF01; } @font-face { font-family: 'Biaodian Pro Sans CNS'; src: local("Heiti TC"), local("Lihei Pro"), local("Microsoft Jhenghei"), local(PMingLiU), local("ARPLMingU20"); unicode-range: U+3002, U+FF0C, U+3001; } @font-face { font-family: 'Biaodian Pro Sans CNS'; src: local("Hiragino Kaku Gothic ProN"), local("Hiragino Kaku Gothic Pro"), local("Heiti TC"), local("Lihei Pro"), local("Microsoft Jhenghei"), local(PMingLiU), local("MS Gothic"), local("IPAexGothic"), local("AR PL UMing TW"), local("ARPLMingU20"); unicode-range: U+FF1B, U+FF1A, U+FF1F, U+FF01; } @font-face { font-family: 'Biaodian Pro Serif CNS'; src: local(STSongti-TC-Regular), local("Lisong Pro"), local(LiSungLight), local("Heiti TC"), local(PMingLiU), local("IPAexGothic"), local("AR PL UMing TW"), local("ARPLMingU20"); unicode-range: U+3002, U+FF0C, U+3001; } @font-face { font-family: 'Biaodian Pro Serif CNS'; src: local("Hiragino Mincho ProN"), local("Hiragino Mincho Pro"), local(PMingLiU), local("MS Mincho"), local("IPAexGothic"), local("AR PL UMing TW"), local("ARPLMingU20"); unicode-range: U+FF1B, U+FF1A, U+FF1F, U+FF01; } /* * a. 引號(「『』」) * Quotes * * b. 括號、書名號(()《》〈〉) * Brackets * */ @font-face { font-family: 'Biaodian Pro Sans'; src: local("Hiragino Kaku Gothic ProN"), local("Hiragino Kaku Gothic Pro"), local(SimSun), local(PMingLiU), local("IPAexGothic"), local("AR PL UMing TW"), local("ARPLMingU20"); unicode-range: U+300C-300F, U+300A-300B, U+3008-3009, U+FF08-FF09; } @font-face { font-family: 'Biaodian Pro Serif'; src: local("Hiragino Mincho ProN"), local("Hiragino Mincho Pro"), local(SimSun), local(IPAexGothic), local("AR PL UMing TW"), local(ARPLMingU20); unicode-range: U+300C-300F, U+300A-300B, U+3008-3009, U+FF08-FF09; } @font-face { font-family: 'Biaodian Pro Sans CNS'; src: local("Hiragino Kaku Gothic ProN"), local("Hiragino Kaku Gothic Pro"), local(SimSun), local(PMingLiU), local("IPAexGothic"), local("AR PL UMing TW"), local("ARPLMingU20"); unicode-range: U+300C-300F, U+300A-300B, U+3008-3009, U+FF08-FF09; } @font-face { font-family: 'Biaodian Pro Serif CNS'; src: local("Hiragino Mincho ProN"), local("Hiragino Mincho Pro"), local(SimSun), local(IPAexGothic), local("AR PL UMing TW"), local(ARPLMingU20); unicode-range: U+300C-300F, U+300A-300B, U+3008-3009, U+FF08-FF09; } /* * 解決Firefox不支援`Unicode-range`的問題 * * Solution to Firefox's `Unicode-range` * unspported issue --------------------------------------- */ @font-face { font-family: 'Biaodian Sans'; src: local("Lying to Firefox"); unicode-range: U+270C; } @font-face { font-family: 'Biaodian Serif'; src: local("Lying to Firefox"); unicode-range: U+270C; } @font-face { font-family: 'Biaodian Pro Sans'; src: local("Lying to Firefox"); unicode-range: U+270C; } @font-face { font-family: 'Biaodian Pro Serif'; src: local("Lying to Firefox"); unicode-range: U+270C; } @font-face { font-family: 'Biaodian Pro Sans CNS'; src: local("Lying to Firefox"); unicode-range: U+270C; } @font-face { font-family: 'Biaodian Pro Serif CNS'; src: local("Lying to Firefox"); unicode-range: U+270C; } /* --------------------------------------- 漢字標準格式 --------------------------------------- * 以語言為基礎的元素樣式修正 * 僅含字體族(generic family)修正,標點及 瀏覽器字體修正包含於下列「字體設定」檔案。 --------------------------------------- */ /* * 漢字標準格式 v2.2.0 * 以語言為基礎的元素樣式修正 * --- * Language-based style correction, * Hanzi-optimised CSS Mode * * * * Lisence: MIT Lisence * Last Modified: 2013/10/28 * */ /* * 漢字標準格式 v2.1.1 * 各家瀏覽器標頭的CSS3屬性 * --- * CSS3 propertes in diff. browsers, * Hanzi-optimised CSS Mode * * * * Lisence: MIT Lisence * Last Modified: 2013/10/19 * */ /* --------------------------------------- 變數設定 --- Variables --------------------------------------- 顏色 Colours --------------------------------------- */ /* --------------------------------------- 針對normalize.css的改進 --- Improvements aim to normalize.css --------------------------------------- 詞彙定義元素``使用粗體 Term-defining elements `` re-styled `bolder` instead of `italic`. --------------------------------------- */ dfn { font-style: inherit; font-weight: bolder; } /* 增進code區塊的可讀性 Enhances code blocks' readability --------------------------------------- */ pre code { display: block; overflow: auto; white-space: pre; word-wrap: normal; } /* --------------------------------------- $(selector).charize() --------------------------------------- 避頭尾點 Prevents punctuation from stuck in the start/end of a line. --------------------------------------- */ .han-js-charized span.char, .han-js-bitouwei-rendered span.bitouwei { display: inline-block; text-indent: 0; } .han-js-charized span.char.space, .han-js-charized span.char > span { display: inline; } /* --------------------------------------- 底線 --- Underlines --------------------------------------- 註記元素(u)及兩相鄰時的底線區別(u+u) Annotations and adjacent ones --------------------------------------- */ :lang(zh) u, :lang(ja) u { letter-spacing: 0; border-bottom: 1px solid; padding-bottom: 0.05em; text-decoration: none; } u + u { margin-left: .125em; } html.han-js-rendered u + u { margin-left: 0; } html.han-js-rendered u.adjacent { margin-left: .125em; } /* 實驗性功能 */ /* 避免`border-box` reset的問題 */ .han-js-rendered.han-lab-underline u, .han-js-rendered.han-lab-underline u *, .han-js-rendered.han-lab-underline u *:before, .han-js-rendered.han-lab-underline u *:after { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } u.han-js-charized { border-bottom: 0 none; text-decoration: none; /* 若在注音符號``中 */ } u.han-js-charized span.char:not(:first-of-type):not(:last-of-type) span, u.han-js-charized span.hanla, u.han-js-charized span.char:first-of-type span:after, u.han-js-charized span.char:last-of-type span:after { border-bottom: 1px solid; padding-bottom: .125em; } u.han-js-charized span.char:first-of-type span, u.han-js-charized span.char:last-of-type span { position: relative; } u.han-js-charized span.char:first-of-type span:after, u.han-js-charized span.char:last-of-type span:after { content: ''; display: inline-block; left: 0; margin-left: 1px; position: absolute; top: 0; height: 100%; width: -moz-calc(100% - 1px ); width: -webkit-calc(100% - 1px ); width: calc(100% - 1px ); } u.han-js-charized span.char:last-of-type span:after { margin: 0 1px 0 0; } u.han-js-charized span.char:first-child:last-child span:after { margin: 0 1px 0; width: -moz-calc(100% - 2px ); width: -webkit-calc(100% - 2px ); width: calc(100% - 2px ); } u.han-js-charized :not(:first-child) span.char:first-of-type span:after, u.han-js-charized :not(:last-child) span.char:last-of-type span:after, u.han-js-charized span.char:not(:first-child):first-of-type span:after, u.han-js-charized span.char:not(:last-child):last-of-type span:after { border-bottom: 0; } u.han-js-charized :not(:first-child) span.char:first-of-type span, u.han-js-charized :not(:last-child) span.char:last-of-type span, u.han-js-charized span.char:not(:first-child):first-of-type span, u.han-js-charized span.char:not(:last-child):last-of-type span { border-bottom: 1px solid; padding-bottom: .125em; } u.han-js-charized span.hanla:first-child, u.han-js-charized span.hanla:last-child { border: 0 none; } u.han-js-charized :not(:first-child) span.hanla:first-child, u.han-js-charized :not(:last-child) span.hanla:last-child { border: 1px solid; } span.han-js-zhuyin-rendered u.han-js-charized { border-bottom: 1px solid; padding-bottom: .125em; } span.han-js-zhuyin-rendered u.han-js-charized span.char span { border-bottom: 0 none !important; } span.han-js-zhuyin-rendered u.han-js-charized + u { margin-left: .125em; } /* 重新定製「連結、插入元素」的樣式 Re-styles anchors and additions --------------------------------------- */ html:lang(zh) a:link, html:lang(zh) a:visited, html:lang(zh) a:hover, html:lang(zh) a:active, html:lang(zh) ins { text-decoration: inherit; } html:lang(zh) ins { border-bottom: 3px double lightgrey; padding-bottom: .05em; } /* --------------------------------------- 文章內的「標題、一般及詩篇段落、清單等」 --- Headings, paragraphs and lists in article --------------------------------------- 四、五號標題 Headings of level 4 and 5 --------------------------------------- */ article h4, article h5 { margin: 1em 0; } article h4 + h5 { margin-top: -.5em; } /* 段落及清單 Paragraphs and lists --------------------------------------- */ article p, article li { line-height: 2; text-align: justify; } article:lang(zh) p.poem-like, article:lang(zh).poem-like p, article:lang(zh) .poem-like p, article:lang(ja) p.poem-like, article:lang(ja).poem-like p, article:lang(ja) .poem-like p { text-indent: 0; margin-left: 2em; } article:lang(ja) p.poem-like, article:lang(ja).poem-like p, article:lang(ja) .poem-like p { margin-left: 1em; } article:lang(zh) ol, article:lang(zh) ul, article:lang(ja) ol, article:lang(ja) ul { margin: .5em 0 .5em 0; padding: 0; } article:lang(zh) ol > li, article:lang(zh) ul > li, article:lang(ja) ol > li, article:lang(ja) ul > li { margin-left: 2em; padding: 0; } article h4 + ul, article h4 + ol, article h5 + ul, article h5 + ol, article h6 + ul, article h6 + ol { margin-top: -.5em; } article:lang(ja) ol, article:lang(ja) ul { margin-left: 1em; padding-left: 1.5em; } article:lang(ja) ol > li, article:lang(ja) ul > li { margin-left: 1em; } /* --------------------------------------- 漢拉間隙 --- Gaps between Hanzi and Latin letter --------------------------------------- */ span.hanla, html:not(.han-la) span.hanla { display: none; } html.han-la span:lang(zh).hanla, html.han-la span:lang(ja).hanla { display: inline; position: static; } html.han-la span.hanla:after { content: ' '; display: inline; font-size: 1ch; font-size: -webkit-calc(.25em ); } html.han-la code span.hanla:after, html.han-la pre span.hanla:after, html.han-la kbd span.hanla:after, html.han-la samp span.hanla:after, html.han-la ol > span.hanla:after, html.han-la ul > span.hanla:after { display: none; } /* --------------------------------------- 書名號 --- Cites --------------------------------------- * * 1. 修正Webkit下的字體fallback * Corrects font fallback on WebKit * */ cite:lang(zh), cite:lang(ja), cite:lang(en).piece { font-style: inherit; } cite:lang(zh):before, cite:lang(zh):after { content: '《'; font-family: inherit; /* 1 */ line-height: inherit; } cite:lang(zh):after { content: '》'; } cite:lang(zh).piece:before { content: '〈'; } cite:lang(zh).piece:after { content: '〉'; } cite:lang(ja):before { content: '『'; } cite:lang(ja):after { content: '』'; } cite:lang(ja).piece:before { content: '「'; } cite:lang(ja).piece:after { content: '」'; } cite:lang(en).piece:before, cite:lang(en).piece:after { content: '“'; font-family: inherit; /* 1 */ } cite:lang(en).piece:after { content: '”'; } cite:lang(en-GB).piece:before { content: '‘'; } cite:lang(en-GB).piece:after { content: '’'; } .no-cite-mark cite:before, .no-cite-mark cite:after, cite.no-cite-mark:before, cite.no-cite-mark:after { content: '' !important; } /* --------------------------------------- 着重號 --- Emphases --------------------------------------- * * 1. 避免繼承父元素的底線 * Prevents from displaying underlines * inherited from parental elements. * */ :lang(zh) em, :lang(ja) em { font-style: inherit; } html:not(.han-js-rendered) :lang(zh) em, html:not(.han-js-rendered) :lang(ja) em { border-bottom: 2px dotted; padding-bottom: .05em; } .textemphasis :lang(zh) em { -moz-text-emphasis: circle; -webkit-text-emphasis: circle; text-emphasis: circle; -moz-text-emphasis-position: under; -webkit-text-emphasis-position: under; text-emphasis-position: under; } .textemphasis :lang(ja) em { -moz-text-emphasis: sesame; -webkit-text-emphasis: sesame; text-emphasis: sesame; -moz-text-emphasis-position: above; -webkit-text-emphasis-position: above; text-emphasis-position: above; } .textemphasis :lang(zh) em span.cjk.biaodian, .textemphasis :lang(ja) em span.cjk.biaodian { -moz-text-emphasis: none; -webkit-text-emphasis: none; text-emphasis: none; -moz-text-emphasis-position: under; -webkit-text-emphasis-position: under; text-emphasis-position: under; } .textemphasis :lang(zh) em span.cjk:after, .textemphasis :lang(zh) em span.latin:after .textemphasis :lang(ja) em span.cjk:after, .textemphasis :lang(ja) em span.latin:after { content: none !important; } .no-textemphasis :lang(zh) em span.cjk, .no-textemphasis :lang(ja) em span.cjk, .no-textemphasis :lang(zh) em span.latin, .no-textemphasis :lang(ja) em span.latin { font-style: inherit; position: relative; } .no-textemphasis :lang(zh) em span.cjk:after, .no-textemphasis :lang(ja) em span.cjk:after, .no-textemphasis :lang(zh) em span.latin:after, .no-textemphasis :lang(ja) em span.latin:after { content: '・'; /*●*/ display: inline-block; font-style: normal; font-weight: normal; height: 1.9em; /* 1 */ left: 0; line-height: 1.9em; margin: .4em 0 0 0; overflow: hidden; position: absolute; text-decoration: none; /* 1 */ text-indent: 0; top: 0; } .no-textemphasis :lang(ja) em span.cjk:after, .no-textemphasis :lang(ja) em span.latin:after { content: '、'; margin: -1.55em 0 0 .32em; overflow: inherit; } .no-textemphasis :lang(zh) em span.latin:after { margin: .4em 0 0 -.25em; } .no-textemphasis :lang(ja) em span.latin:after { margin: -1.5em 0 0 .1em; } .no-textemphasis :lang(zh) em span.space:after, .no-textemphasis :lang(ja) em span.space:after, .no-textemphasis :lang(zh) em span.cjk.biaodian:after, .no-textemphasis :lang(ja) em span.cjk.biaodian:after { content: none; } :not(:lang(zh)):not(:lang(ja)) em, .textemphasis :not(:lang(zh)):not(:lang(ja)) em { font-style: italic; text-emphasis: none; -moz-text-emphasis: none; -webkit-text-emphasis: none; } .no-textemphasis :not(:lang(zh)):not(:lang(ja)) em span:after { content: none; } /* --------------------------------------- 變音文字 --- Alternative voices --------------------------------------- * * 1. 如果系統不支援楷體 * If Kaiti is not supported * */ :lang(zh) i, :lang(ja) i, i:lang(zh), i:lang(ja) { font-style: inherit; } i:lang(zh), i:lang(ja) { font-family: cursive, serif; } .no-fontface-kaiti i:lang(zh), .no-fontface-kaiti i:lang(ja) { font-family: serif; border-bottom: 3px double lightgrey; padding-bottom: .05em; } /* --------------------------------------- 文章內重點 --- Importance in article --------------------------------------- */ article strong:lang(zh), article strong:lang(ja) { font-family: sans-serif; font-weight: bold; } /* --------------------------------------- 引用 --- Quotes --------------------------------------- 行內引言 Inline quotation --------------------------------------- */ q:lang(zh), q:lang(ja) { quotes: '「' '」' '『' '』' '「' '」' '『' '』' '「' '」' '『' '』'; } q:lang(zh-CN), q:lang(zh-hans), q:lang(en) { quotes: '“' '”' '‘' '’' '“' '”' '‘' '’' '“' '”' '‘' '’'; } q:lang(en-GB) { quotes: '‘' '’' '“' '”' '‘' '’' '“' '”' '‘' '’' '“' '”'; } q:before { content: open-quote; } q:after { content: close-quote; } .no-quotes q:lang(zh):before, .no-quotes q:lang(ja):before { content: '「'; } .no-quotes q:lang(zh):after, .no-quotes q:lang(ja):after { content: '」'; } .no-quotes q.double:lang(zh):before, .no-quotes q.double:lang(ja):before { content: '『'; } .no-quotes q.double:lang(zh):after, .no-quotes q.double:lang(ja):after { content: '』'; } /* 區塊引用 Block quotes --------------------------------------- 文章內的區塊引用 In articles --------------------------------------- */ article:lang(zh) blockquote, article:lang(ja) blockquote { font-family: serif; margin: 1.5em 0 1.5em 2em; width: auto; } /* 引用中的引用 Blockquote hierarchies --------------------------------------- */ article:lang(zh) blockquote blockquote { margin: 1em 0 1em 2em; } article:lang(ja) blockquote blockquote { margin: 1em 0 1em 1em; } /* 文章區塊下描述元素內的區塊引用 In article figures --------------------------------------- */ article:lang(zh) figure blockquote, article:lang(ja) figure blockquote { font-family: serif; font-size: 1.25em; margin: .5em 0 0; padding: 7px; } article:lang(zh) figure blockquote blockquote, article:lang(ja) figure blockquote blockquote { margin: inherit; } article:lang(zh) figure blockquote:before, article:lang(ja) figure blockquote:before { color: lightgrey; content: '‘'; display: block; float: left; font: 3em bold serif; margin: -.2em .1em -.25em -7px; } article:lang(zh) figure blockquote p, article:lang(ja) figure blockquote p { margin: .2em 0; } article:lang(zh) figure figcaption, article:lang(ja) figure figcaption { border-top: 1px solid lightgrey; clear: both; color: #666; font: .85em normal sans-serif; padding-top: .25em; text-align: justify; } /* --------------------------------------- 漢字註音 --- Hanzi Rubies --------------------------------------- 羅馬拼音 Romanisation --------------------------------------- */ html.han-js-rendered ruby rt:before, html.han-js-rendered ruby rt:after { content: ''; } html.ruby ruby rt { padding: 0 .2em; } html.no-ruby ruby { display: inline-block; line-height: 1.2; text-indent: 0; vertical-align: 1.15em; } html.no-ruby ruby, html.no-ruby ruby .rt { text-indent: 0; } html.no-ruby ruby .rr { display: inline-table; text-align: center; } html.no-ruby ruby .rb { display: table-row-group; } html.no-ruby ruby:not(.mps) .rt { display: table-header-group; font-size: .8em; line-height: normal; padding: 0 .05em; white-space: nowrap; } html.no-ruby ruby .rt:empty:after { content: ' '; display: inherit; } /* 橫式注音符號 Zhuyin (left-to-right) --------------------------------------- */ ruby.mps-ltr rt, ruby.mps-ltr .rt { font-family: cursive, serif; } /* --------------------------------------- 代碼元素 --- Code --------------------------------------- */ code, kbd, pre, samp { font-family: monospace, sans-serif; } /* --------------------------------------- 在手持裝置上的微調 --- Adjustments to mobile devices --------------------------------------- */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (device-aspect-ratio: 2 / 3), only screen and (device-aspect-ratio: 40 / 71) { article:lang(zh).poem-like p, article:lang(zh) .poem-like p, article:lang(zh) p.poem-like, article:lang(zh) ol > li, article:lang(zh) ul > li { margin-left: 1em; padding: 0; } article:lang(zh) blockquote { margin-left: 1em; } article:lang(zh) blockquote blockquote { margin-left: 1em; padding-left: 1em; } } /* --------------------------------------- 字體設定 --------------------------------------- * 主要元素的字體及字體集改進 * 含標點符號修正 * 需置於「主要元素樣式修正」後,方能正確顯示 --------------------------------------- */ /* * 漢字標準格式 v2.1.0 * 字體設定 * --- * Font settings, * Hanzi-optimised CSS Mode * * * * Lisence: MIT Lisence * Last Modified: 2013/08/28 * */ /* --------------------------------------- 變數設定 --- Variables --------------------------------------- 預設字體fallback Default font fallback --------------------------------------- */ /* 基本元素的標點樣式修正 */ html:lang(zh), button:lang(zh), input:lang(zh), select:lang(zh), textarea:lang(zh) { font-family: "Biaodian Sans", "Helvetica Neue", Helvetica, Arial, "Han Heiti", sans-serif; } html:lang(ja), button:lang(ja), input:lang(ja), select:lang(ja), textarea:lang(ja) { font-family: "Yakumono Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } html.han-biaodian-pro, html.han-biaodian-pro button, html.han-biaodian-pro input, html.han-biaodian-pro select, html.han-biaodian-pro textarea { font-family: "Biaodian Pro Sans", "Helvetica Neue", Helvetica, Arial, "Han Heiti", sans-serif; } html.han-biaodian-pro-cns, html.han-biaodian-pro-cns button, html.han-biaodian-pro-cns input, html.han-biaodian-pro-cns select, html.han-biaodian-pro-cns textarea { font-family: "Biaodian Pro Sans CNS", "Helvetica Neue", Helvetica, Arial, "Han Heiti", sans-serif; } html:lang(zh) :not(:lang(zh)):not(:lang(ja)), html:lang(ja) :not(:lang(zh)):not(:lang(ja)), html.han-biaodian-pro :not(:lang(zh)):not(:lang(ja)), html.han-biaodian-pro-cns :not(:lang(zh)):not(:lang(ja)) { font-family: "Helvetica Neue", Helvetica, Arial, "Han Heiti", sans-serif; } /* 書名號 */ /* * 1. Corrects font fallback on WebKit */ cite:lang(en).piece:before, cite:lang(en).piece:after { font-family: Georgia, Times, "Times New Roman", serif; /* 1 */ } /* 着重號 */ /* 不支援CSS着重號`text-emphasis`的hack所使用的着重號字體 */ .no-textemphasis :lang(zh) em span.cjk:after, .no-textemphasis :lang(ja) em span.cjk:after, .no-textemphasis :lang(zh) em span.latin:after, .no-textemphasis :lang(ja) em span.latin:after { font-family: 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'MS Mincho', MS-Mincho, serif !important; } /* 變音文字 */ i:lang(zh) { font-family: 'Biaodian Serif', 'Latin Italic Serif', 'Han Kaiti', cursive, '標楷體', serif; } article blockquote i:lang(zh) { font-family: 'Biaodian Sans', 'Latin Italic Sans', sans-serif; } html.han-biaodian-pro i:lang(zh) { font-family: 'Biaodian Pro Serif', 'Latin Italic Serif', 'Han Kaiti', cursive, '標楷體', serif; } html.han-biaodian-pro-cns i:lang(zh) { font-family: 'Biaodian Pro Sans CNS', 'Latin Italic Serif', 'Han Kaiti', cursive, '標楷體', serif; } html.han-biaodian-pro article blockquote i:lang(zh) { font-family: "Biaodian Pro Sans", "Latin Italic Sans", "Helvetica Neue", Helvetica, Arial, "Han Heiti", sans-serif; } html.han-biaodian-pro-cns article blockquote i:lang(zh) { font-family: "Biaodian Pro Sans CNS", "Latin Italic Sans", "Helvetica Neue", Helvetica, Arial, "Han Heiti", sans-serif; } i:lang(ja) { font-family: 'Yakumono Serif', 'Latin Italic Serif', 'Han Kaiti', cursive, serif; } article blockquote i:lang(ja), html.han-biaodian-pro i:lang(ja), html.han-biaodian-pro-cns i:lang(ja), html.han-biaodian-pro article blockquote i:lang(ja), html.han-biaodian-pro-cns article blockquote i:lang(ja) { font-family: "Yakumono Sans", "Latin Italic Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } :lang(zh) i:not(:lang(zh)):not(:lang(ja)), :lang(zh) i :not(:lang(zh)):not(:lang(ja)), :lang(ja) i:not(:lang(zh)):not(:lang(ja)), :lang(ja) i :not(:lang(zh)):not(:lang(ja)) { font-family: "Latin Italic Serif", Georgia, Times, "Times New Roman", serif; } article:lang(zh) blockquote i:not(:lang(zh)):not(:lang(ja)), article:lang(zh) blockquote i :not(:lang(zh)):not(:lang(ja)), article:lang(ja) blockquote i:not(:lang(zh)):not(:lang(ja)), article:lang(ja) blockquote i :not(:lang(zh)):not(:lang(ja)) { font-family: "Latin Italic Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } :not(:lang(zh)):not(:lang(ja)) i:not(:lang(zh)):not(:lang(ja)), :not(:lang(zh)):not(:lang(ja)) i :not(:lang(zh)):not(:lang(ja)), :not(:lang(zh)):not(:lang(ja)) i:not(:lang(zh)):not(:lang(ja)), :not(:lang(zh)):not(:lang(ja)) i :not(:lang(zh)):not(:lang(ja)) { font-family: inherit; font-style: italic; } /* 如果系統不支援楷體 */ /* If Kaiti is not supported in users' OS. */ .no-fontface-kaiti i:lang(zh), .no-fontface-kaiti i:lang(ja) { font-family: "Biaodian Serif", "Biaodian Sans", "Latin Italic Serif", Georgia, Times, "Times New Roman", "Han Songti", serif; } .no-fontface-kaiti i:lang(ja) { font-family: "Yakumono Serif", "Yakumono Sans", "Latin Italic Serif", Georgia, Times, "Times New Roman", serif; } html.han-biaodian-pro.no-fontface-kaiti i:lang(zh) { font-family: "Biaodian Pro Serif", "Biaodian Pro Sans", "Latin Italic Serif", Georgia, Times, "Times New Roman", "Han Songti", serif; } html.han-biaodian-pro-cns.no-fontface-kaiti i:lang(zh) { font-family: "Biaodian Pro Serif CNS", "Biaodian Pro Sans CNS", "Latin Italic Serif", Georgia, Times, "Times New Roman", "Han Songti", serif; } /* 文章內重點(article strong) */ article strong:lang(zh), article strong:lang(ja) { font-family: "Biaodian Sans", "Helvetica Neue", Helvetica, Arial, "Han Heiti", sans-serif; } article strong:lang(ja) { font-family: "Yakumono Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } html.han-biaodian-pro article strong:lang(zh) { font-family: "Biaodian Pro Sans", "Helvetica Neue", Helvetica, Arial, "Han Heiti", sans-serif; } html.han-biaodian-pro-cns article strong:lang(zh) { font-family: "Biaodian Pro Sans CNS", "Helvetica Neue", Helvetica, Arial, "Han Heiti", sans-serif; } article strong:not(:lang(zh)):not(:lang(ja)), html.han-biaodian-pro article strong:not(:lang(zh)):not(:lang(ja)), html.han-biaodian-pro-cns article strong:not(:lang(zh)):not(:lang(ja)) { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } /* 文章內的區塊引用(blockquote) */ article:lang(zh) blockquote, article:lang(ja) blockquote { font-family: "Biaodian Serif", Georgia, Times, "Times New Roman", "Han Kaiti", cursive, "標楷體", serif; } html.han-biaodian-pro article blockquote { font-family: "Biaodian Pro Serif", Georgia, Times, "Times New Roman", "Han Kaiti", cursive, "標楷體", serif; } html.han-biaodian-pro-cns article blockquote { font-family: "Biaodian Pro Serif CNS", Georgia, Times, "Times New Roman", "Han Kaiti", cursive, "標楷體", serif; } article blockquote:lang(ja), html.han-biaodian-pro article blockquote:lang(ja), html.han-biaodian-pro-cns article blockquote:lang(ja) { font-family: "Yakumono Serif", Georgia, Times, "Times New Roman", "Han Kaiti", cursive, "標楷體", serif; } article:lang(zh) blockquote:not(:lang(zh)):not(:lang(ja)), article:lang(zh) blockquote :not(:lang(zh)):not(:lang(ja)), article:lang(ja) blockquote:not(:lang(zh)):not(:lang(ja)), article:lang(ja) blockquote :not(:lang(zh)):not(:lang(ja)) { font-family: Georgia, Times, "Times New Roman", "Han Kaiti", cursive, "標楷體", serif; } /* 描述元素內的區塊引用 */ figure:lang(zh) blockquote, figure:lang(ja) blockquote, figure:lang(zh) blockquote blockquote figure:lang(ja) blockquote blockquote { font-family: "Biaodian Serif", Georgia, Times, "Times New Roman", "Han Songti", serif; } html.han-biaodian-pro figure:lang(zh) blockquote { font-family: "Biaodian Pro Serif", Georgia, Times, "Times New Roman", "Han Songti", serif; } html.han-biaodian-pro-cns figure:lang(zh) blockquote { font-family: "Biaodian Pro Serif CNS", Georgia, Times, "Times New Roman", "Han Songti", serif; } figure:lang(ja) blockquote, figure:lang(ja) blockquote blockquote, html.han-biaodian-pro figure:lang(ja) blockquote, html.han-biaodian-pro-cns figure:lang(ja) blockquote { font-family: "Yakumono Serif", Georgia, Times, "Times New Roman", serif; } figure:lang(zh) blockquote:before, figure:lang(ja) blockquote:before { font: 3em bold Georgia, Times, "Times New Roman", serif; } figure figcaption { font: 0.85em normal "Biaodian Sans", "Helvetica Neue", Helvetica, Arial, "Han Heiti", sans-serif; } html.han-biaodian-pro figure:lang(zh) figcaption { font-family: "Biaodian Pro Sans", "Helvetica Neue", Helvetica, Arial, "Han Heiti", sans-serif; } html.han-biaodian-pro-cns figure:lang(zh) figcaption { font-family: "Biaodian Pro Sans CNS", "Helvetica Neue", Helvetica, Arial, "Han Heiti", sans-serif; } html.han-biaodian-pro figure:lang(ja) figcaption, html.han-biaodian-pro-cns figure:lang(ja) figcaption { font-family: "Yakumono Sans", "Helvetica Neue", Helvetica, Arial, "Han Heiti", sans-serif; } /* 橫式注音符號 */ ruby.mps-ltr rt, ruby.mps-ltr .rt { font-family: 'Han Kaiti', STKaiti, Kaiti, cursive, serif; } /* 代碼(code) */ code, kbd, pre, samp { font-family: Courier, monospace, sans-serif; } code:lang(zh), kbd:lang(zh), pre:lang(zh), samp:lang(zh) { font-family: 'Biaodian Sans', Courier, 'Han Heiti', monospace, sans-serif; } code:lang(ja), kbd:lang(ja), pre:lang(ja), samp:lang(ja) { font-family: 'Yakumono Sans', Courier, monospace, sans-serif; } html.han-biaodian-pro code, html.han-biaodian-pro kbd, html.han-biaodian-pro pre, html.han-biaodian-pro samp { font-family: 'Biaodian Pro Sans', Courier, 'Han Heiti', monospace, sans-serif; } html.han-biaodian-pro-cns code, html.han-biaodian-pro-cns kbd, html.han-biaodian-pro-cns pre, html.han-biaodian-pro-cns samp { font-family: 'Biaodian Pro Sans CNS', Courier, 'Han Heiti', monospace, sans-serif; } code:not(:lang(zh)):not(:lang(ja)), code :not(:lang(zh)):not(:lang(ja)), kbd:not(:lang(zh)):not(:lang(ja)), kbd :not(:lang(zh)):not(:lang(ja)), pre:not(:lang(zh)):not(:lang(ja)), pre :not(:lang(zh)):not(:lang(ja)), samp:not(:lang(zh)):not(:lang(ja)), samp :not(:lang(zh)):not(:lang(ja)) { font-family: Courier, 'Han Heiti', monospace, sans-serif; } /* --------------------------------------- 的注音符號功能 --------------------------------------- * 若要開啓,請將65行的註解格式去除 --------------------------------------- */