2323 display: none;
2424} */
2525
26+ /*========================================================*/
27+ /* root settings for font size, color, and family */
28+ /*========================================================*/
29+
30+ : root {
31+ --pst-color-sidebar-caption : 242 , 242 , 242 ; /* 左側章節群組標題 #f2f2f2 (95% 白) */
32+ /* sidebar 字體的百分比由 --sbt-font-size-small-1 和 --sbt-font-size-small-1 定義 */
33+ --pst-sidebar-font-size : 1em ; /* 左側章節字體大小 1 * 87.5 = 0.875 em (14px) */
34+ --pst-sidebar-caption-font-size : 1.143em ; /* 左側章節群組標題字體大小 1.143 * 87.5% = 1 em (16px) */
35+ /* 加入 Varela Round (from Google Fonts) */
36+ --pst-font-family-base-system : Varela Round, -apple-system, Segoe UI, "Helvetica Neue" , Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
37+ --sbt-prevnext-font-size : var (--sbt-font-size-regular ); /* make prevnext font bigger (14px) */
38+ }
2639
2740
2841/*========================================================*/
3144
3245/* 顏色: ---------------------------------------------------
3346上段區塊背景: #059B7D (薄荷綠)
34- 下段區塊背景: #343131 (深灰 )
47+ 下段區塊背景: #493b3b (灰巧克力 )
3548懸停時的文字: #66b3ff (淺藍)
3649一般文字: #bfbfbf (75% 白)
3750高亮文字: #f2f2f2 (95% 白)
3851--------------------------------------------------------- */
3952
4053/* Set lower left sidebar background color and make x-axis not scrollable*/
4154.bd-sidebar__content {
42- background-color : # 343131 ;
55+ background-color : # 493b3b ;
4356 overflow-x : hidden;
4457}
4558
@@ -93,19 +106,57 @@ div.navbar-brand-box {
93106 color : # f2f2f2 ;
94107}
95108
96- : root {
97- --pst-color-sidebar-caption : 242 , 242 , 242 ; /* 左側章節群組標題 #f2f2f2 (95% 白) */
98- --pst-sidebar-font-size : 1em ; /* 左側章節字體大小 */
99- --pst-sidebar-caption-font-size : 1.1em ; /* 左側章節群組標題字體大小 */
100- /* 加入 Varela Round (from Google Fonts) */
101- --pst-font-family-base-system : Varela Round, -apple-system, Segoe UI, "Helvetica Neue" , Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
102- }
103-
104109/* Left schollbar width is set to 0 so that green and gray area have the same width on Google Chrome */
105110# site-navigation .bd-sidebar__content ::-webkit-scrollbar {
106111 width : 0rem ;
107112}
108113
114+ /* navigation bar extra footer */
115+ # site-navigation div .navbar_extra_footer {
116+ margin-bottom : 1.5em ;
117+ color : # bfbfbf ; /* 75% 白 */
118+ font-size : 1em ; /* 1 em * 87.5% = 0.875 em (14 px) */
119+ }
120+
121+ /* link in navigation bar extra footer */
122+ # site-navigation div .navbar_extra_footer a {
123+ color : # 66b3ff ; /* 淺藍 */
124+ }
125+
126+ /* link in navigation bar extra footer (when hovering) */
127+ # site-navigation div .navbar_extra_footer a : hover {
128+ color : # 66b3ff ; /* 淺藍 */
129+ }
130+
131+ /*========================================================*/
132+ /* Right navigation bar settings */
133+ /*========================================================*/
134+
135+ /* Increase font size a little bit */
136+ .toc-h2 {
137+ font-size : 0.95 rem;
138+ }
139+
140+ .toc-h3 {
141+ font-size : 0.8 rem;
142+ }
143+
144+
145+ /*========================================================*/
146+ /* Preview-Next area settings */
147+ /*========================================================*/
148+
149+ .prev-next-area a p .prev-next-title {
150+ font-size : 1.143em ; /* *0.875 ~16px */
151+ }
152+
153+ /*========================================================*/
154+ /* Main text area settings */
155+ /*========================================================*/
156+
157+ p {
158+ margin-top : 1.15rem ; /* give some space between a figure and a following paragraph */
159+ }
109160
110161/*========================================================*/
111162/* I18n -- langugae manu settings */
@@ -144,7 +195,8 @@ div.navbar-brand-box {
144195/*----- Bottom Level -----*/
145196/* 在主語言懸停時出現語言選單 */
146197.menu li : hover .sub-menu {
147- z-index : 1 ;
198+ z-index : 1 ;
199+ opacity : 1 ; /* for transition */
148200}
149201
150202/* 語言選單的外觀 */
@@ -154,9 +206,10 @@ div.navbar-brand-box {
154206 position : absolute;
155207 top : 80% ;
156208 z-index : -1 ;
157- transition : opacity linear 0.15s ;
209+ opacity : 0 ; /* for transition */
210+ transition : opacity linear 0.2s ;
158211 box-shadow : 0px 2px 3px rgba (0 , 0 , 0 , 0.2 );
159- background : # 343131 ;
212+ background : # 4e4040 ; /* 比 493b3b 稍淺的灰巧克力色 */
160213}
161214
162215/* 語言選單中列表的外觀 (顏色 75% 白) */
0 commit comments