/* 站点样式表（Dara theme 整理版） * * 这份文件源自 WordPress 主题 Dara（Automattic，GPL v2+），当初为了让 * 静态站与原站显示一致而整体搬过来。在此基础上只做「不改变显示效果」 * 的整理： * * 1. 合并重复规则，删掉被后面覆盖的死规则、空规则和失效的 IE hack； * 2. 把反复出现的颜色、字体、字号和版心宽度抽成 :root 里的设计令牌， * 令牌值与原来的硬编码值完全一致，计算结果不变； * 3. 重新划分章节、统一格式，注释说明每块的用途。 * * 维护约定： * * * 加载顺序见 src/templates/base.html。本文件排在 WordPress 内联样式 * 之后、Genericons 与插件样式之前；最后加载的 vendor/wp-custom.css * 用 !important 全局覆盖了字体，改字体效果要先看那个文件。 * * 本文件保留 Dara 主题的完整规则，包含当前构建尚未输出的 Jetpack、 * 幻灯片、图库、页脚小工具等选择器。删除前先确认模板、正文和插件 * 脚本都不会生成对应结构。 * * 间距沿用原主题的 em 比例（.4 / .8 / 1.6 / 2.4 / 3.2 / 4.8em）， * 未抽成令牌，避免把版式细节抽象成难以追踪的数字变量。 * 例外：正文标题的上边距是 2em（历史上由手写 ::: spacer 实现， * 2026-12 收进样式表，见正文标题处的注释）。 * * 改完必须做渲染回归： * python tools/css_check.py snapshot <改前.json> * python tools/css_check.py compare <改前.json> <改后.json> * 要求在全部代表页面和断点上零差异。 * * 原主题信息： */ /* Theme Name: Dara Theme URI: https://wordpress.com/themes/dara/ Description: With bold featured images and bright, cheerful colors, Dara is ready to get to work for your business. Version: 9999.2.1 Author: Automattic Author URI: http://wordpress.com/themes/ License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: dara Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, rtl-language-support, theme-options, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Dara is created by the theme generator at http://components.underscores.me/, (C) 2015-2017 Automattic, Inc. Components is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ /*-------------------------------------------------------------- 目录 -------------------------------------------------------------- 0.0 设计令牌（Design tokens） 1.0 Reset / 重置 2.0 Accessibility / 无障碍 3.0 Alignments / 对齐工具类 4.0 Clearings / 清除浮动 4.1 Clearings / 清除浮动（续） 5.0 Typography / 排版 6.0 Elements / 元素 7.0 Forms / 表单与按钮 8.0 Navigation / 导航 8.1 Menus / 主菜单 8.2 Social Links / 社交链接 8.3 Content Navigation / 内容导航 9.0 Widgets / 小工具 9.1 Footer Widgets / 页脚小工具 10.0 Content / 内容 10.1 Layout / 布局 10.2 Posts and Pages / 文章与页面 10.3 Comments / 评论 10.4 Page Templates / 页面模板 10.5 Testimonials / 评价 10.6 Footer / 页脚 11.0 Jetpack / Jetpack 扩展 12.0 Media / 媒体 12.1 Captions / 图说 12.2 Galleries / 图库 13.0 Media Queries / 响应式 --------------------------------------------------------------*/ /*-------------------------------------------------------------- 0.0 设计令牌（Design tokens） --------------------------------------------------------------*/ /* 全站反复出现的颜色、字体、字号与版心宽度集中在这里，改主题基础值 只改这一处。令牌值与原主题里硬编码的值完全一致，计算结果不变。 */ :root { /* 主色 */ --c-accent: #15b6b8; /* 文字 */ --c-text: #444340; /* 正文 */ --c-text-muted: #a8a6a1; /* 次要文字（日期、标签、标题装饰） */ --c-text-soft: #666; /* 悬停态文字 */ --c-text-faint: #888; /* 表单控件文字 */ --c-text-dim: #6d6d6d; /* 页脚小工具链接 */ --c-white: #fff; /* 线条 */ --c-line: #eee; /* 表格、分隔线 */ --c-line-medium: #e6e6e6; /* hr */ --c-line-strong: #e5e5e5; /* 页脚小工具分隔线 */ --c-line-soft: #f2f2f2; /* 引用块、条目分隔线 */ --c-line-faint: #f7f7f7; /* 嵌套评论左边框 */ /* 背景 */ --c-bg: #fff; --c-bg-soft: #fafafa; /* 页脚小工具区 */ --c-bg-dark: #595854; /* 页脚、焦点图遮罩底色 */ --c-thumb: #f0f2f0; /* 缩略图占位纹理 */ /* 其他 */ --c-placeholder: #ccc; /* 引用块的大引号 */ --c-mark: #fff9c0; /* 标记高亮 */ --c-skip-bg: #f1f1f1; /* 跳转链接聚焦背景 */ --c-skip-text: #21759b; /* 跳转链接聚焦文字 */ /* 字体：主题层设定；vendor/wp-custom.css 最后加载且有 !important 全局字体覆盖，实际字形以那里为准 */ --font-sans: "Source Sans Pro", Helvetica, sans-serif; /* 分类链接原主题只声明这一款字体，没有后备字体，保持原样 */ --font-sans-only: "Source Sans Pro"; --font-serif: "Yrsa", Georgia, serif; --font-heading: "Yrsa", sans-serif; --font-mono: "Courier 10 Pitch", Courier, monospace; --font-icons: Genericons; /* 字号：只收拢固定 px 值，75% / 125% / 1.4rem 等相对字号保持原样 */ --text-2xs: 13px; --text-xs: 14px; --text-sm: 15px; --text-md: 16px; --text-lg: 18px; --text-xl: 23px; --text-2xl: 29px; --text-3xl: 32px; --text-4xl: 47px; /* 版心宽度 */ --w-site: 1280px; --w-site-narrow: 880px; /* 无侧栏 */ --w-site-wide: 1180px; /* 无侧栏的整页 / 网格模板 */ } /*-------------------------------------------------------------- 1.0 Reset / 重置 --------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-family: inherit; font-size: 100%; font-weight: inherit; font-style: inherit; margin: 0; padding: 0; vertical-align: baseline; border: 0; outline: 0; } html { font-size: 62.5%; /* 10px */ overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ } article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; } ol, ul { list-style: none; } table { border-spacing: 0; border-collapse: separate; } caption, th, td { text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a { color: var(--c-accent); text-decoration: none; } a:hover, a:focus, a:active { color: var(--c-text-muted); text-decoration: none; } a:hover, a:active { outline: 0; } a:focus { outline: thin dotted; } a img { border: 0; } html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } /*-------------------------------------------------------------- 2.0 Accessibility / 无障碍 --------------------------------------------------------------*/ /* 只给读屏软件读的文本。原文件里这两条规则各写了两遍（第二份还多了一句 font-size: 0.875rem，但被后面的 15px 覆盖），这里只留生效的那份。 */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: var(--c-skip-bg); border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: var(--c-skip-text); display: block; font-size: var(--text-sm); font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 15px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- 3.0 Alignments / 对齐工具类 --------------------------------------------------------------*/ /* 原文件里有两份 .alignleft / .alignright / .aligncenter，后一份把前一份 完全覆盖了，这里只留生效的那一份。 */ .alignleft { display: inline; float: left; margin: .5em 1.6em 1em 0; } .alignright { display: inline; float: right; margin-left: 1.6em; } .aligncenter { clear: both; display: block; margin: .8em auto; } /*-------------------------------------------------------------- 4.0 Clearings / 清除浮动 --------------------------------------------------------------*/ /* 主题的清除浮动规则分两组：4.0 覆盖正文与站点骨架，并额外声明 table-layout: fixed、单独处理 .nav-links；4.1 是后来补的一组，选择器 更宽但没有 table-layout / .nav-links。两组范围不同，不能简单合并。 */ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .nav-links:before, .nav-links:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .nav-links:after { clear: both; } /*-------------------------------------------------------------- 4.1 Clearings / 清除浮动（续） --------------------------------------------------------------*/ .comment-meta:before, .comment-meta:after, .entry-meta:before, .entry-meta:after, .footer-widget-area:before, .footer-widget-area:after, .hentry:after, .main-navigation > ul:before, .main-navigation > ul:after, .site-main:before, .site-main:after, .subordinate-navigation ul:before, .subordinate-navigation ul:after, .testimonials:before, .testimonials:after, .front-testimonials:before, .front-testimonials:after, .testimonials .hentry:before, .testimonials .hentry:after, .clear:before, .clear:after, [class*="area"]:before, [class*="area"]:after, [class*="content"]:before, [class*="content"]:after, .post-navigation:before, .post-navigation:after, .posts-navigation:before, .posts-navigation:after, [class*="site"]:before, [class*="site"]:after, .entry-author:before, .entry-author:after { content: ""; display: table; } .comment-meta:after, .entry-meta:after, .footer-widget-area:after, .main-navigation ul:after, .site-main:after, .subordinate-navigation ul:after, .testimonials:after, .front-testimonials:after, .testimonials .hentry:after, .clear:after, [class*="area"]:after, [class*="content"]:after, .posts-navigation:after, .post-navigation:after, [class*="site"]:after, .entry-author:after { clear: both; } /*-------------------------------------------------------------- 5.0 Typography / 排版 --------------------------------------------------------------*/ body, button, input, select, textarea { color: var(--c-text); font-family: var(--font-sans); font-size: var(--text-md); font-weight: 300; line-height: 1.6; } /* guan：站点用白底（原主题默认深色 #444340） */ body { background: var(--c-bg); } h1, h2, h3, h4, h5, h6 { clear: both; font-family: var(--font-heading); margin-bottom: .8em; font-weight: bold; } h1 { font-size: var(--text-2xl); line-height: 1.1; margin-bottom: 0.2em; } /* 正文标题的上边距：历史上由作者手写 ::: spacer 100（个别的 50）实现， * 现在统一收进样式表，md 里不再写标题前的 spacer。 * 原来不分级别一律 100px，页面（标题都是 h3）和小节标题之间的留白过大； * 现在按 2em 给（桌面端 h2 58px、h3 46px、h4 36px；窄屏随字号缩小）， * 与另外 7 套主题正文标题的 2em 一致。目录后、正文开头的第一个标题不加 * 大间距。 */ .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin-top: 2em; } .entry-content .lwptoc + h2, .entry-content .lwptoc + h3, .entry-content .lwptoc + h4, .entry-content .lwptoc + h5, .entry-content .lwptoc + h6, .entry-content h2:first-child, .entry-content h3:first-child, .entry-content h4:first-child, .entry-content h5:first-child, .entry-content h6:first-child { margin-top: 0; } h2 { font-size: var(--text-xl); margin-bottom: 0.4em; } h3 { font-size: var(--text-lg); } h4 { font-size: var(--text-md); } h5 { font-size: var(--text-sm); } h6 { font-size: var(--text-xs); } /*-------------------------------------------------------------- 6.0 Elements / 元素 --------------------------------------------------------------*/ hr { border: 0; height: 1px; margin: 1.6em 0; background-color: var(--c-line-medium); } p, blockquote p:last-child { margin-bottom: 1.6em; } p:last-child { margin-bottom: 0; } ul, ol { margin: 0 0 1.6em 1.6em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1em; } dt { font-weight: bold; } dd { margin: 0 1em 1.6em 1em; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { border-left: 2px solid var(--c-line-soft); font-style: italic; padding-left: 1em; } address { margin: 0 0 1.6em 0; } pre { background: var(--c-line-soft); font-family: var(--font-mono); font-size: var(--text-sm); max-width: 100%; margin-bottom: 1.6em; overflow-x: scroll; padding: 1em; } code, kbd, tt, var { font-family: var(--font-mono); } abbr, acronym { border-bottom: 1px dotted var(--c-line-medium); cursor: help; } mark, ins { background-color: var(--c-mark); text-decoration: none; } mark[style*="color"] { background-color: transparent; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: 0.5ex; } small { font-size: 75%; } big { font-size: 125%; } figure { margin: 0; } table { border-bottom: 1px solid var(--c-line); margin: 0 0 1.6em 0; width: 100%; } th { font-weight: bold; padding: 0.4em; /* text-transform: uppercase; */ } td { border-top: 1px solid var(--c-line); padding: 0.4em; } img { max-width: 100%; /* Adhere to container width. */ height: auto; /* Make sure images are scaled correctly. */ } legend { font-weight: bold; padding: 0 .5em; } fieldset { border: 1px solid var(--c-line); padding: 1.6em; } /*-------------------------------------------------------------- 7.0 Forms / 表单与按钮 --------------------------------------------------------------*/ button, input, select, textarea { color: var(--c-text-faint); font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ transition: all 0.2s; } button, input { line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ } button, input[type="button"], input[type="reset"], input[type="submit"], #infinite-handle span, .button { background-color: var(--c-accent); border-style: none; color: var(--c-white); cursor: pointer; display: inline-block; font-size: var(--text-sm); font-weight: bold; letter-spacing: 1px; line-height: 2; padding: .25em 1em .4em; text-align: center; vertical-align: middle; /* text-transform: uppercase; */ border-radius: 3px; box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.1); -webkit-appearance: none; } button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, #infinite-handle span:hover, .button:hover { opacity: 0.85; } .button:hover, .button:active, .button:focus { color: var(--c-white); } button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, #infinite-handle span:active, .button:active, .button:focus { background-color: var(--c-line-medium); color: var(--c-text-soft); } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ padding: 0; /* Addresses excess padding in IE8/9 */ } input[type="search"], input[type="password"] { box-sizing: border-box; -webkit-appearance: none; /* Addresses appearance set to searchfield in S5, Chrome */ } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="url"], input[type="tel"], input[type="number"] { border: 1px solid var(--c-line); font-size: var(--text-sm); padding: 0.8em; border-radius: 2px; transition: border-color 0.2s; } input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus { border: 1px solid var(--c-accent); outline: none; transition: border-color 0.2s; } textarea { border: 1px solid var(--c-line); border-radius: 2px; font-size: var(--text-sm); overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ padding: 1%; vertical-align: top; /* Improves readability and alignment in all browsers */ width: 96.875%; transition: border-color 0.2s; } /*-------------------------------------------------------------- 8.0 Navigation / 导航 --------------------------------------------------------------*/ /*-------------------------------------------------------------- 8.1 Menus / 主菜单 --------------------------------------------------------------*/ .main-navigation { background-color: var(--c-accent); border-bottom: 2px solid rgba(0, 0, 0, 0.03); color: var(--c-white); display: block; padding: 0 1em; } .main-navigation ul { display: none; list-style: none; margin: 0; text-align: left; } .main-navigation a { color: var(--c-white); display: block; font-size: var(--text-sm); font-weight: bold; letter-spacing: 1px; outline: none; opacity: 1; padding: .8em; text-decoration: none; /* text-transform: uppercase; */ transition: opacity 0.2s; } .main-navigation ul li { border-top: 1px solid rgba(255, 255, 255, 0.5); display: block; padding: 0; } .main-navigation ul li:first-child { border-top: 0; } .main-navigation ul ul { display: block; list-style: disc; } .main-navigation ul ul li { border-top: 0; } .main-navigation ul ul a { color: var(--c-white); padding-left: 1.6em; border-top: 1px solid rgba(255, 255, 255, 0.5); } .main-navigation ul ul ul a { padding-left: 3.2em; } .main-navigation ul ul ul ul a { padding-left: 4.8em; } /* 一级菜单悬停：原文件先写 0.5 再写 0.6，后者生效，这里合并成一份 */ .main-navigation a:hover, .main-navigation ul > :hover > a, .main-navigation ul > .focus > a { opacity: 0.6; } .main-navigation ul ul a:hover, .main-navigation ul ul li.focus > a { opacity: 0.5; } .main-navigation ul ul ul { margin-bottom: 0; } .main-navigation ul ul ul li { border-top: 0; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { display: block; } .main-navigation li.current_page_item > a, .main-navigation li.current-menu-item > a, .main-navigation li.current_page_ancestor > a, .main-navigation li.current-menu-ancestor > a { opacity: 0.6; } .menu-toggle { box-shadow: none; color: var(--c-white); display: block; font-family: var(--font-sans); font-size: var(--text-sm); font-weight: bold; margin: 0 auto; padding: 1em 0; text-align: center; /* text-transform: uppercase; */ } .menu-toggle:hover, .menu-toggle:focus { color: var(--c-white); background: none; } .menu-toggle:before { content: "\f419"; font-family: var(--font-icons); line-height: 1; margin-right: 8px; position: relative; top: 2px; } .menu-toggle, .main-navigation.toggled .nav-menu { display: block; } /*-------------------------------------------------------------- 8.2 Social Links / 社交链接 --------------------------------------------------------------*/ .jetpack-social-navigation { clear: both; list-style: none; margin: 0 auto; padding: 0; } .site-header .jetpack-social-navigation ul { margin: 0 !important; } .jetpack-social-navigation ul li { display: inline-block; background: var(--c-accent); color: var(--c-white); font-size: 20px; list-style: none; line-height: .5; margin: .2em .1em; padding: 8px; border-radius: 50%; } .jetpack-social-navigation ul a, .jetpack-social-navigation ul a:visited { display: inline-block; text-decoration: none; color: var(--c-white); transition: color 0.2s; } .jetpack-social-navigation ul a:hover, .jetpack-social-navigation ul a:focus, .jetpack-social-navigation ul a:active { text-decoration: none; color: rgba(255,255,255,0.5); } /*-------------------------------------------------------------- 8.3 Content Navigation / 内容导航 --------------------------------------------------------------*/ .post-navigation, .posts-navigation { margin: .8em 0 0; position: relative; } .post-navigation:after, .posts-navigation:after { content: ""; background: var(--c-line-soft); /* 4.1 的清除浮动规则会把它设为 table；这里显式写回， 避免规则顺序调整后伪元素退回 block */ display: table; margin-top: .8em; position: relative; height: 1px; } [class*="navigation"] .nav-previous { width: 100%; } [class*="navigation"] .nav-next { border-top: 1px solid var(--c-line-soft); margin-top: .4em; padding-top: .4em; text-align: right; width: 100%; } [class*="navigation"] .nav-previous .meta-nav:before { content: "\2190"; margin-right: 5px; } [class*="navigation"] .nav-next .meta-nav:after { content: "\2192"; margin-left: 5px; } .post-navigation a, .paging-navigation a, .comment-navigation a { display: inline-block; font-family: var(--font-serif); font-size: var(--text-lg); max-width: 100%; word-wrap: break-word; transition: color 0.2s; } .post-navigation a:hover, .paging-navigation a:hover, .comment-navigation a:hover, .post-navigation a:focus, .paging-navigation a:focus, .comment-navigation a:focus, .post-navigation a:active, .paging-navigation a:active, .comment-navigation a:active { color: var(--c-text-soft); } .post-navigation .title { display: block; color: var(--c-text-muted); clear: both; font-family: var(--font-sans); font-style: normal; font-weight: bold; /* text-transform: uppercase; */ font-size: var(--text-sm); } /*-------------------------------------------------------------- 9.0 Widgets / 小工具 --------------------------------------------------------------*/ .widget-area { overflow: hidden; } .widget { font-size: var(--text-md); margin-bottom: 2.4em; word-wrap: break-word; } .widget a { transition: color 0.2s; } .widget-title { font-size: var(--text-lg); margin-bottom: 0.8em; text-align: center; } .widget:not(.widget_text) ul, .widget:not(.widget_text) ol { list-style: none; margin: 0; } .widget:not(.widget_text) ul > li, .widget:not(.widget_text) ol > li { padding: 0.8em 0; } .widget:not(.widget_text) li > ul, .widget:not(.widget_text) li > ol { margin-left: 1.6em; } .widget:not(.widget_text) ul ul { margin-top: 0.8em; } .widget:not(.widget_text) ul ul > li:last-child { padding-bottom: 0; } .widget select { max-width: 100%; } .widget_search .search-submit { display: none; } .widget_search .search-field { width: 100%; box-sizing: border-box; } #secondary.widget-area .widget-title { color: var(--c-text); } #secondary.widget-area { margin-top: 3.2em; } .widget-title:before, .widget-title:after { content: " - "; } #secondary.widget-area .widget ul > li, #secondary.widget-area .widget ol > li { border-top: 1px solid var(--c-line-soft); } .widget_calendar caption { text-align: center; } .widget_calendar td, .widget_calendar th { text-align: center; } .widget_calendar td a { font-weight: bold; } .widget-area .jetpack_widget_social_icons .jetpack-social-widget-list, #secondary.widget-area .jetpack_widget_social_icons .jetpack-social-widget-list { text-align: center; } .widget-area .jetpack_widget_social_icons .jetpack-social-widget-list > .jetpack-social-widget-item, #secondary.widget-area .jetpack_widget_social_icons .jetpack-social-widget-list > .jetpack-social-widget-item { border-top: none; } /*-------------------------------------------------------------- 9.1 Footer Widgets / 页脚小工具 --------------------------------------------------------------*/ .footer-widget-area { background-color: var(--c-bg-soft); border-top: 1px solid var(--c-line); padding: 3.2em 4% 1.6em; margin: 0; } .home.page .footer-widget-area { margin: auto -4% -1.6em; } .footer-widget-area a { color: var(--c-text-dim); } .footer-widget-area a:hover, .footer-widget-area a:focus, .footer-widget-area a:active { color: var(--c-accent); } .first.footer-widgets, .second.footer-widgets { margin-right: 55px; } .footer-widget-area .widget-title { color: var(--c-text); } .footer-widget-area .widget:not(.widget_text) ul > li, .footer-widget-area .widget:not(.widget_text) ol > li { border-top: 1px solid var(--c-line-strong); } .footer-widget-area .widget_calendar table, .footer-widget-area .widget_calendar td { border-color: var(--c-line-strong); } /*-------------------------------------------------------------- 10.0 Content / 内容 --------------------------------------------------------------*/ /*-------------------------------------------------------------- 10.1 Layout / 布局 --------------------------------------------------------------*/ /* GUAN：版心宽度由 --w-site 系列令牌控制 */ .site { max-width: var(--w-site); margin-left: auto; margin-right: auto; } .no-sidebar .site { max-width: var(--w-site-narrow); } .no-sidebar.page-template-full-width-page .site, .no-sidebar.page-template-grid-page .site, .no-sidebar.home.page .site { max-width: var(--w-site-wide); } .site-content, .attachment.page .site-content { background-color: var(--c-bg); padding: 1.6em 4%; } /* Site Header */ .site-branding { background: var(--c-bg); padding: 2.4em 0; text-align: center; } .site-branding, .site-navigation { padding-right: 4%; padding-left: 4%; } .site-branding a + .site-title { margin-top: 0.2em; } .display-header-text .site-image { margin-bottom: 12px; } .custom-logo-link { display: inline-block; margin: 0 auto; max-width: 600px; } .custom-logo { display: block; width: auto; height: auto; margin: 0 auto; max-height: 150px; } .site-title { font-family: var(--font-serif); font-size: var(--text-2xl); line-height: 1.2; margin-bottom: 0; } .site-title a { color: var(--c-text); } .site-title a:hover, .site-title a:focus, .site-title a:active { text-decoration: none; } .site-description { color: var(--c-text-muted); font-family: var(--font-serif); font-size: var(--text-md); font-weight: normal; margin-bottom: .4em; } .site-description:before, .site-description:after { display: inline; content: " - "; } .custom-header { display: block; margin: 0 auto; max-width: 100%; height: auto; } .custom-header a { display: block; line-height: 0.5; } /*-------------------------------------------------------------- 10.2 Posts and Pages / 文章与页面 --------------------------------------------------------------*/ .hentry { position: relative; word-wrap: break-word; } .blog .hentry, .archive .hentry, .search .hentry { margin: 0 0 3.2em 0; } .archive .page-header, .search .page-header { margin: 0 0 1.6em; } .taxonomy-description { font-size: var(--text-md); } .hentry:after, .page-header:after { background: var(--c-line-soft); display: block; position: relative; width: 100%; height: 1px; } .home.page .hentry:after { display: none; } .hentry.no-title .entry-body { min-height: 6em; } .archive .page-title, .search .page-title { color: var(--c-text-muted); font-family: var(--font-sans); font-size: var(--text-sm); font-weight: bold; letter-spacing: 1px; /* text-transform: uppercase; */ } .entry-header { position: relative; z-index: 1; } .entry-thumbnail, .post-thumbnail { /* 只留 -webkit- 与标准写法：-moz- / -o- 前缀早已被各浏览器淘汰 */ background: -webkit-linear-gradient(135deg, var(--c-white) 25%, var(--c-thumb) 25%, var(--c-thumb) 50%, var(--c-white) 50%, var(--c-white) 75%, var(--c-thumb) 75%, var(--c-thumb)); background: linear-gradient(135deg, var(--c-white) 25%, var(--c-thumb) 25%, var(--c-thumb) 50%, var(--c-white) 50%, var(--c-white) 75%, var(--c-thumb) 75%, var(--c-thumb)); background-size: 4px 4px; } .post-thumbnail + .entry-header { margin: .4em 0; padding: 0; } .entry-thumbnail img, .post-thumbnail img { display: block; } .entry-title { line-height: 1.2; margin-bottom: 0; } .post-type-archive-jetpack-testimonial .entry-title, .page .entry-title { margin-bottom: 0.4em; } .page-title, .entry-title, .entry-title a { color: var(--c-text); font-size: var(--text-xl); transition: color 0.2s; } .entry-title a:hover, .entry-title a:focus, .entry-title a:active { color: var(--c-accent); } .entry-meta, .entry-footer { color: var(--c-text-muted); font-family: var(--font-serif); font-size: var(--text-md); margin-bottom: 1.6em; text-align: left; } .entry-footer { margin-bottom: 0; padding: 0 0 1.6em; position: static; text-align: left; width: auto; } .entry-meta > span, .entry-footer > span { margin-right: .8em; display: inline-block; } .entry-meta a, .entry-footer a { color: var(--c-text-muted); transition: color 0.2s; } .entry-meta a:hover, .entry-footer a:hover, .entry-meta a:focus, .entry-footer a:focus, .entry-meta a:active, .entry-footer a:active { color: var(--c-text-soft); } .cat-links { display: inline-block; margin-bottom: .4em; } .cat-links a { color: var(--c-accent); display: inline-block; font-family: var(--font-sans-only); font-style: normal; font-size: var(--text-xs); font-weight: bold; letter-spacing: 1px; margin: 0; /* text-transform: uppercase; */ } .updated:not(.published) { display: none; } .tags-links { margin-right: 1em; } .entry-summary, .entry-content { margin: 0 0 1.6em; } /* 文章页脚的版权声明：跟作者信息（Published by / View all posts）同一档—— 比正文小一号、次要色，上方一条细线跟正文分开（原站与正文同大） */ .entry-content p.post-footer-note { border-top: 1px solid var(--c-line-soft); color: var(--c-text-dim); font-size: var(--text-sm); margin-top: 3.4em; padding-top: 1.2em; } .page-links { clear: both; margin-top: 1.6em; word-spacing: 7px; } blockquote:before { color: var(--c-placeholder); content: "\201C"; font-family: var(--font-serif); font-size: 140px; font-style: normal; line-height: 1; position: absolute; top: -5px; left: -10px; } blockquote { border: none; font-family: var(--font-serif); font-size: var(--text-xl); font-style: normal; margin-left: 0; margin-bottom: 1.6em; padding-left: 2.4em; position: relative; } blockquote cite { display: block; font-family: var(--font-sans); font-size: var(--text-md); font-weight: bold; margin: .4em 0; /* text-transform: uppercase; */ } blockquote p:last-child { margin-bottom: 0; } /*-------------------------------------------------------------- 10.3 Comments / 评论 --------------------------------------------------------------*/ .comments-area { margin: 1.6em 0 0; } .page .comments-area { margin-left: 0; } /* 历史评论折叠区（评论功能已关闭）：默认收起，按钮展开。 展开态由 [hidden] 的 UA 样式（display:none）控制，无需额外规则； 禁用 JS 时模板