@@ -0,0 +1,293 @@
/ / C u s t o m s t y l e s .
/ / 网 站 最 顶 部 条 线 的 颜 色
/ / . headband {
/ / height : 3 p x ;
/ / background : #222222 ;
/ / }
/ / 设 置 背 景 图 片
body {
/ / background : url ( ' h t t p s : / / j o s h - b l o g - 1 2 5 7 5 6 3 6 0 4 . cos . ap-beijing . myqcloud . com / img / b a c k g r o u d . jpg ' ) ;
background : url ( . . / i m a g e s / b g . svg ) ;
background - r e p e a t : r e p e a t ;
/ / background - a t t a c h m e n t : f i x e d ;
/ / background - position : center ;
/ / background - size : 1 0 0 % 1 0 0 % ;
}
/ / 设 置 侧 边 栏 左 上 角 网 站 标 题 和 副 标 题 区 颜 色
/ / . site-meta {
/ / background : #222222 ;
/ / }
/ / 设 置 侧 边 栏 网 站 标 题 样 式
. site-title {
}
/ / 设 置 侧 边 栏 网 站 标 题 鼠 标 悬 浮 样 式
/ / . site-title : h o v e r {
/ / letter-spacing : 0 . 1rem ;
/ / }
/ / 侧 边 栏 网 站 副 标 题 样 式
/ / . site-subtitle {
/ / color : #fff ;
/ / }
/ / 文 章 标 题 鼠 标 悬 浮 下 划 线 样 式
/ / . posts-expand . post-title-link : : b e for e {
/ / content : " " ;
/ / position : absolute ;
/ / width : 1 0 0 % ;
/ / height : 2 p x ;
/ / bottom : 0 ;
/ / left : 0 ;
/ / background - color : #222222 ;
/ / visibility : hidden ;
/ / transform : scaleX ( 0 ) ;
/ / transition - d u r a t i o n : 0 . 2s ;
/ / transition - t i m i n g - f u n c t i o n : e a s e - in - o u t ;
/ / transition - d e l a y : 0 s ;
/ / }
/ / / / 文 章 标 题 颜 色
/ / . posts-expand . post-title-link {
/ / color : #222222 ;
/ / }
/ / / / 阅 读 全 文 按 钮 样 式
/ / . btn {
/ / border : 2 p x s o l i d #222222 ;
/ / color : #222222 ;
/ / }
/ / / / 阅 读 全 文 按 钮 鼠 标 悬 浮 样 式
/ / . btn : h o v e r {
/ / border - color : #222222 ;
/ / color : #fff ;
/ / background : #222222 ;
/ / }
/ / / / 设 置 文 章 和 侧 边 栏 中 链 接 样 式
/ / a : h o v e r ,
/ / span . exturl : h o v e r {
/ / color : #222222 ;
/ / border - bottom - color : #222222 ;
/ / }
/ / / / 修 改 文 章 页 侧 边 栏 文 章 目 录 下 面 的 第 一 个 标 题 的 鼠 标 悬 浮 样 式
/ / / / 真 的 有 毒 , 文 章 目 录 第 一 个 标 题 的 样 式 还 是 单 独 设 置 的 . . . 一开始还没发现
/ / . post-toc . nav . active-current > a : h o v e r {
/ / color : #222222 ;
/ / }
/ / / / 文 章 页 面 左 边 文 章 标 题 颜 色
/ / . post-toc ol a : h o v e r {
/ / color : #222222 ;
/ / border - bottom - color : #222222 ;
/ / }
/ / / / 文 章 页 面 左 边 文 章 标 题 a c t i v e 时 颜 色
/ / . post-toc . nav . active > a {
/ / color : #222222 ;
/ / border - bottom - color : #222222 ;
/ / }
/ / / / 文 章 页 侧 边 栏 文 章 目 录 和 站 点 概 况 鼠 标 悬 浮 样 式
/ / . sidebar-nav li : h o v e r {
/ / color : #222222 ;
/ / }
/ / / / 文 章 页 侧 边 栏 文 章 目 录 和 站 点 概 况 a c t i v e 时 鼠 标 悬 浮 样 式
/ / . sidebar-nav . sidebar-nav-active : h o v e r {
/ / color : #222222 ;
/ / }
/ / / / 文 章 页 侧 边 栏 文 章 目 录 和 站 点 概 况 a c t i v e 时 样 式
/ / . sidebar-nav . sidebar-nav-active {
/ / color : #222222 ;
/ / border - bottom - color : #222222 ;
/ / }
/ / / / 社 交 栏 鼠 标 悬 浮 样 式
/ / # s i d e b a r div . links-of-author . motion-element a : h o v e r {
/ / color : #222222 ;
/ / background : rgba ( 2 5 5 , 2 5 5 , 2 5 5 , 0 ) ;
/ / }
/ / / / 友 链 鼠 标 悬 浮 样 式
/ / . sidebar a : h o v e r ,
/ / . sidebar span . exturl : h o v e r {
/ / border - bottom - color : #222222 ;
/ / color : #222222 ;
/ / }
/ / R S S 文 字 颜 色
/ / # s i d e b a r div . feed-link . motion-element > a {
/ / color : #222222 ;
/ / }
/ / R S S 图 标 颜 色
/ / # s i d e b a r div . feed-link . motion-element > a i {
/ / color : #222222 ;
/ / }
/ / 侧 边 栏 日 志 、 分 类 、 标 签 上 面 的 数 字 的 颜 色
/ / . site-state-item-count {
/ / color : #222222 ;
/ / }
/ / 设 置 底 部 文 章 分 页 数 字 鼠 标 悬 浮 上 划 线 颜 色
/ / . pagination . prev : h o v e r ,
/ / . pagination . next : h o v e r ,
/ / . pagination . page-number : h o v e r {
/ / border - top - color : #222222 ;
/ / }
/ / 设 置 文 章 页 上 一 篇 文 章 和 下 一 篇 文 章 鼠 标 悬 浮 样 式
/ / . post-nav-item a : h o v e r {
/ / color : #222222 ;
/ / border - bottom : none ;
/ / }
/ / 修 改 鼠 标 选 中 字 符 的 颜 色
/ * w e b k i t , o p e r a , I E 9 * /
/ / : : s e l e c t i o n {
/ / background : #222222 ;
/ / color : #f7f7f7 ;
/ / }
/ * f i r e f o x * /
/ / : : -moz- s e l e c t i o n {
/ / background : #222222 ;
/ / color : #f7f7f7 ;
/ / }
/ / 侧 边 栏 返 回 顶 部 按 钮 鼠 标 悬 浮 样 式
/ / . back-to-top : h o v e r {
/ / background : #eee ;
/ / color : #222222 ;
/ / }
/ / 当 页 面 处 于 首 页 、 标 签 、 分 类 、 归 档 、 关 于 页 面 其 中 之 一 时 , 处 于 哪 个 页 面 哪 个 选 项 就 变 蓝
/ / # m e n u > li . menu-item-active > a {
/ / color : #222222 ;
/ / }
/ / 侧 边 栏 导 航 小 圆 点 颜 色
/ / . menu-item-active a : a f t e r ,
/ / . menu . menu-item a : h o v e r : a f t e r ,
/ / . menu . menu-item span . exturl : h o v e r : a f t e r {
/ / background - color : #222222 ;
/ / }
/ / 侧 边 栏 上 半 部 分 设 置 为 透 明
. menu-item-active a ,
. menu . menu-item a : h o v e r ,
. menu . menu-item span . exturl : h o v e r {
background : rgba ( 2 5 5 , 2 5 5 , 2 5 5 , 0 ) ;
border - bottom - color : rgba ( 2 5 5 , 2 5 5 , 2 5 5 , 0 ) ; ;
}
/ / 侧 边 栏 下 半 部 分 设 置 为 透 明
. sidebar {
background : rgba ( 2 5 5 , 2 5 5 , 2 5 5 , 0 ) ;
}
. sidebar-inner {
background : rgba ( 2 5 5 , 2 5 5 , 2 5 5 , 0 . 94 ) ;
}
/ / 设 置 底 部 文 章 分 页 部 分 为 透 明
. pagination {
background : rgba ( 2 5 5 , 2 5 5 , 2 5 5 , 0 . 94 ) ;
}
. pagination . page-number . current {
color : #fff ;
background : #222222 ;
}
/ / 导 航 栏 底 部 百 分 比 透 明
. back-to-top ,
. back-to-top : h o v e r
{
background : rgba ( 2 5 5 , 2 5 5 , 2 5 5 , 0 ) ;
}
/ / 设 置 文 章 背 景 透 明 度
. post-block {
background : rgba ( 2 5 5 , 2 5 5 , 2 5 5 , 0 . 94 ) ;
}
/ / 这 里 需 要 完 全 透 明 , 不 然 就 会 在 上 面 的 0 . 7基础上再进行透明度计算
. btn {
background : rgba ( 2 5 5 , 2 5 5 , 2 5 5 , 0 ) ;
}
. header-inner {
background : rgba ( 2 5 5 , 2 5 5 , 2 5 5 , 0 . 94 ) ;
}
. main-inner {
background : rgba ( 2 5 5 , 2 5 5 , 2 5 5 , 0 . 94 ) ;
}
/ / 代 码 高 亮 背 景 透 明
/ / . table-container {
/ / background : rgba ( 2 9 , 3 1 , 3 3 , 0 . 94 ) ;
/ / }
/ / table > tbody > tr : nth-of-type ( o d d ) {
/ / background - color : rgba ( 2 9 , 3 1 , 3 3 , 0 ) ;
/ / }
/ / table > tbody > tr : h o v e r {
/ / background - color : rgba ( 2 9 , 3 1 , 3 3 , 0 ) ;
/ / }
/ / pre ,
/ / . highlight {
/ / background : rgba ( 2 9 , 3 1 , 3 3 , 0 ) ;
/ / }
/ / . highlight . gutter pre {
/ / background : rgba ( 2 9 , 3 1 , 3 3 , 0 . 94 ) ;
/ / }
/ / . highlight . code pre {
/ / background : rgba ( 2 9 , 3 1 , 3 3 , 0 ) ;
/ / }
/ / 评 论
. comments {
background : rgba ( 2 5 5 , 2 5 5 , 2 5 5 , 0 . 94 ) ;
}
/ / 文 章 页 内 作 者 信 息
. post-copyright {
border - left : 3 p x s o l i d #222222 ;
background : rgba ( 2 5 5 , 2 5 5 , 2 5 5 , 0 . 3 ) ;
}
/ * 行 内 代 码 块 的 自 定 义 样 式 * /
/ / code {
/ / color : #222222 ;
/ / background : rgba ( 2 2 0 , 2 2 0 , 2 2 0 , 0 . 94 ) ;
/ / margin : 2 p x ;
/ / border : 1 p x s o l i d #90EE90 ;
/ / }
/ / 底 部 动 态 的 叶 子 图 标
/ / . with-love {
/ / color : green ;
/ / }
/ / 去 掉 文 章 白 色 背 景
. main-inner {
background : rgba ( 2 5 5 , 2 5 5 , 2 5 5 , 0 ) ;
}
/ / / / 标 签 页 链 接 下 划 线 颜 色
/ / a ,
/ / span . exturl {
/ / border - bottom : 1 p x s o l i d #222222 ;
/ / }
/ / / / 标 签 页 链 接 鼠 标 悬 浮 颜 色
/ / . tag-cloud a : h o v e r {
/ / color : #222222 !important ;
/ / }