You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2192 lines
58 KiB
2192 lines
58 KiB
11 years ago
|
@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
|
||
|
|
---------------------------------------
|
||
|
|
詞彙定義元素`<dfn>`使用粗體
|
||
|
|
Term-defining elements `<dfn>` 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;
|
||
|
|
/* 若在注音符號`<ruby>`中 */
|
||
|
|
}
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 書名號<cite> */
|
||
|
|
/*
|
||
|
|
* 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 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 着重號<em> */
|
||
|
|
/* 不支援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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ---------------------------------------
|
||
|
|
<ruby>的注音符號功能
|
||
|
|
---------------------------------------
|
||
|
|
* 若要開啓，請將65行的註解格式去除
|
||
|
|
--------------------------------------- */
|