Skip to content

Commit

Permalink
更新 Style CSS files、新上傳 EPUB Sample
Browse files Browse the repository at this point in the history
  • Loading branch information
專業技術組 committed Dec 3, 2018
1 parent d780a2e commit b9ad9c4
Show file tree
Hide file tree
Showing 9 changed files with 128 additions and 87 deletions.
File renamed without changes.
File renamed without changes.
File renamed without changes.
131 changes: 78 additions & 53 deletions samples/style_template/book-style.css
100644 → 100755
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
@import "style-reset.css";
@import "style-standard.css";
@import "style-advance.css";
@import "font.css";

/* -------------------------------------------------------------
當使用Windows確認時,請加上下面的CSS。
Expand Down Expand Up @@ -55,6 +56,82 @@ ver. 1
font-family: serif-tw-v,serif-tw, serif;
}

/* 標題預設樣式
---------------------------------------------------------------- */

/* 直排用 */
.vrtl h1 {
font-size: 1.6rem;
margin: 0 1rem;
}
.vrtl h2 {
font-size: 1.4rem;
margin: 0 1.1rem;
}
.vrtl h3 {
font-size: 1.2rem;
margin: 0 1.2rem;
}
.vrtl h4 {
font-size: 1rem;
margin: 0 1.3rem;
}
.vrtl h5 {
font-size: 1rem;
margin: 0 0.4rem;
}
.vrtl h6 {
font-size: 1rem;
margin: 0 0.4rem;
}

/* 橫排用 */
.hltr h1 {
font-size: 1.6rem;
margin: 1rem 0;
}
.hltr h2 {
font-size: 1.4rem;
margin: 1.1rem 0;
}
.hltr h3 {
font-size: 1.2rem;
margin: 1.2rem 0;
}
.hltr h4 {
font-size: 1rem;
margin: 1.3rem 0;
}
.hltr h5 {
font-size: 1rem;
margin: 0.4rem 0;
}
.hltr h6 {
font-size: 1rem;
margin: 0.4rem 0;
}

/* 引言預設預設樣式
---------------------------------------------------------------- */

/* 直排用 */
.vrtl blockquote {
margin: 2rem 1.8rem 0;
}

/* 橫排用 */
.hltr blockquote {
margin: 1.8rem 0rem 1.8rem 2rem;
}

/* 段落預設行距與對齊方式
---------------------------------------------------------------- */

p {
line-height: 1.7;
text-align: justify;
font-family: serif-tw, serif;
}

/* 連結
---------------------------------------------------------------- */
Expand Down Expand Up @@ -199,59 +276,7 @@ a.note:active {
}


/* 標題設定(上:横排 下:直排)
---------------------------------------------------------------- */
/* 書名頁 */
.hltr .tobira-midashi {
}
.vrtl .tobira-midashi {
}
/* 大標 */
.hltr .oo-midashi {
}
.vrtl .oo-midashi {
}
/* 中標 */
.hltr .naka-midashi {
}
.vrtl .naka-midashi {
}
/* 小標 */
.hltr .ko-midashi {
}
.vrtl .ko-midashi {
}


/* 封面頁
----------------------------------------------------------------
顯示區域不顯示邊界
預設置放於正中間
---------------------------------------------------------------- */
body.p-cover {
margin: 0;
padding: 0;
text-align: center;
}
body.p-cover .main {
}


/* 只有圖片的頁面画像のみのページ
----------------------------------------------------------------
顯示區域不顯示邊界
預設置放於正中間
---------------------------------------------------------------- */
body.p-image {
margin: 0;
padding: 0;
text-align: center;
}
body.p-image .main {
}


/* 以文字為主的頁面
/* 文字頁面
---------------------------------------------------------------- */
body.p-text {
}
Expand Down
39 changes: 39 additions & 0 deletions samples/style_template/font.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
@charset "UTF-8";


/* 檔案資訊
----------------------------------------------------------------
【内容】
嵌入字體用樣式表
【CSS檔案版本】
ver.1
【細節】
・設定嵌入字體
【更新紀錄】
2018/11/22 ver.1.0
・初版
---------------------------------------------------------------- */


/* -------------------------------------------------------------
* 指定嵌入用字體名稱與指定字體檔案
* ------------------------------------------------------------- */

/* 請按實際需求指定 font-face 並設定 src 至對應之字型路徑 */
/*
@font-face {
font-family: sourcethai;
src: url('../font/notosthai.otf') format('OpenType');
}
*/

/* -------------------------------------------------------------
* 將特定語言標籤對應到嵌入字體名稱
* ------------------------------------------------------------- */

:lang(th) {
font-family: sourcethai;
}
6 changes: 3 additions & 3 deletions samples/style_template/style-advance.css
100644 → 100755
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
/* 檔案資訊
----------------------------------------------------------------
【内容】
全作品共通の基本スタイル(邏輯方向指定・子元素排版方向改變時的對應用)
全書共通的基本樣式(邏輯方向指定・子元素排版方向改變時的對應用)
【CSS檔案版本】
ver.1
Expand Down Expand Up @@ -33,12 +33,12 @@ ver.1

/* 【子元素排版方向改變時的對應】指定連結
---------------------------------------------------------------- */
/* 橫排:底線 直排:右線 */
/* 橫排:底線 直排:左線 */
.vrtl .hltr a {
text-decoration: underline;
}
.hltr .vrtl a {
text-decoration: overline;
text-decoration: underline;
}


Expand Down
Empty file modified samples/style_template/style-check.css
100644 → 100755
Empty file.
7 changes: 0 additions & 7 deletions samples/style_template/style-reset.css
100644 → 100755
Original file line number Diff line number Diff line change
Expand Up @@ -35,16 +35,9 @@ body {
text-align: justify;

-webkit-line-break: normal;
-epub-line-break: normal;

-webkit-word-break: normal;
-epub-word-break: normal;

-webkit-hyphens: auto;
-epub-hyphens: auto;

-webkit-text-underline-position: under left;
-epub-text-underline-position: under left;
}
div,p {
display: block;
Expand Down
32 changes: 8 additions & 24 deletions samples/style_template/style-standard.css
100644 → 100755
Original file line number Diff line number Diff line change
Expand Up @@ -66,19 +66,12 @@ ver. 1
html,
.hltr {
-webkit-writing-mode: horizontal-tb;
-epub-writing-mode: horizontal-tb;
}
/* 直排用 */
.vrtl {
-webkit-writing-mode: vertical-rl;
-epub-writing-mode: vertical-rl;
}
/*
.vltr {
-webkit-writing-mode: vertical-lr;
-epub-writing-mode: vertical-lr;
}
*/



/* 設定html
Expand Down Expand Up @@ -155,6 +148,7 @@ html {
}



/* Block元素的位置對齊
---------------------------------------------------------------- */
/* 絕對方向(橫排只能用於左右、直排只能用於上下方向) */
Expand Down Expand Up @@ -193,12 +187,12 @@ html {
/* 設定連結
---------------------------------------------------------------- */
/* 基本設定 */
/* 橫排:底線 直排:右線 */
/* 橫排:底線 直排:左線 */
.hltr a {
text-decoration: underline;
}
.vrtl a {
text-decoration: overline;
text-decoration: underline;
}
/* 連結文字色彩(預設值為藍色) */
a:link,
Expand Down Expand Up @@ -285,7 +279,6 @@ img.gaiji-wide {
-webkit-text-combine: horizontal;
-webkit-text-combine-upright: all;
text-combine-upright: all;
-epub-text-combine: horizontal;
}


Expand All @@ -297,15 +290,12 @@ img.gaiji-wide {
-webkit-text-combine: horizontal;
-webkit-text-combine-upright: all;
text-combine-upright: all;
-epub-text-combine: horizontal;
}
.upright {
-webkit-text-orientation: upright;
-epub-text-orientation: upright;
}
.sideways {
-webkit-text-orientation: sideways;
-epub-text-orientation: sideways;
}


Expand Down Expand Up @@ -346,7 +336,7 @@ img.gaiji-wide {
/* 標準 */
.lspacing-normal { letter-spacing: normal; }

/* クリア */
/* 不加間隔 */
.lspacing-0,
.lspacing-0em { letter-spacing: 0; }

Expand Down Expand Up @@ -560,15 +550,15 @@ hr {
text-decoration: underline;
}
.vrtl .em-line {
text-decoration: overline;
text-decoration: underline;
}

/* 【橫排】底線 【直排】左線 */
.hltr .em-line-outside {
text-decoration: overline;
}
.vrtl .em-line-outside {
text-decoration: underline;
text-decoration: overline;
}


Expand Down Expand Up @@ -1494,35 +1484,29 @@ hr {
---------------------------------------------------------------- */
.line-break-auto {
-webkit-line-break: auto;
-epub-line-break: auto;
}
.line-break-loose {
-webkit-line-break: loose;
-epub-line-break: loose;
}
.line-break-normal {
-webkit-line-break: normal;
-epub-line-break: normal;
}
.line-break-strict {
-webkit-line-break: strict;
-epub-line-break: strict;
}


/* 自動換行規則
---------------------------------------------------------------- */
.word-break-normal {
-webkit-word-break: normal;
-epub-word-break: normal;
}
.word-break-break-all {
-webkit-word-break: break-all;
-epub-word-break: break-all;
word-break: break-all;
}
.word-break-keep-all {
-webkit-word-break: keep-all;
-epub-word-break: keep-all;
}


Expand Down

0 comments on commit b9ad9c4

Please sign in to comment.