@charset "UTF-8"; /* Theme Name: Middle Theme URI: https://uxtt.com Author: OldMan Author URI: https://uxtt.com Description: HTML5+CSS3响应式布局，适合不同分辨率的设备，自定义小工具，自动缩略图，ajax评论，图片lightbox查看等功能。 Version: 3.2.1 */ 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, QRoutput, ruby, section, summary, time, mark, audio, video { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } :root { color-scheme: light; --background-light-main: #faeee4; } /* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */ html { font-size: 10px; /*font-size: 62.5%;*/ overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; color: #333; /*color: #430f02; background: var(--background-light-main);*/ background: #faeee4; } body { counter-reset: h2; /*background: var(--background-light-main);*/ background: #faeee4; } /* 如果你的项目仅支持 IE9+ | Chrome | Firefox 等，推荐在 中添加 .borderbox 这个 class */ html.borderbox *, html.borderbox *:before, html.borderbox *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */ article, aside, details, figcaption, figure, footer, header, nav, section { display: block; } /* HTML5 媒体文件跟 img 保持一致 */ audio, canvas, video { display: inline-block; } /* 要注意表单元素并不继承父级 font 的问题 */ body, button, input, select, textarea, .serif { /* old: 'Helvetica Neue',Helvetica,Arial,sans-serif */ font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC",sans-serif; font-size: 14px; font-size: 1.4rem; font-weight: normal; line-height: 1.8; /*letter-spacing: -0.01rem; word-spacing: 0.2rem;*/ } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: none; } ol,ul { list-style: none; } dl {margin-bottom: 1.6em;} dt {font-weight: bold;} dd {margin-bottom: 1.6em;} table,th,td { border: 1px solid #aaa; text-align: center; } table { border-collapse: collapse;/*separate collapse合并内外边距 */ border-spacing: 0; width: 100%; word-break: break-word; border-width: 2px 1px 1px 2px; margin: 16px 0; } thead tr th { border-bottom: 2px solid #aaa!important; color: #800000; } /*thead tr th:last-child{ width: 20%; } table tr:nth-child(odd){ background-color:#f2f2f2 !important; } table tr:nth-child(even){ background-color: #f5f5d5 !important; }*/ table tr:hover { background-color: #fff; } caption, th, td { font-weight: normal; text-align: left; vertical-align: middle; } th { border-width: 0 1px 1px 0; font-weight: 700; } td {border-width: 0 1px 1px 0;} th, td {padding: 5px;} em { font-style: italic; } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; font-size: 1.4rem; font-size: 14px; color: #666; border-color: #999; border-style: solid; border-width: 1px 2px 1px 4px; margin: 14px 0 18px; padding: 4px 8px 0 12px; overflow: auto; } blockquote p, q p { margin: 6px 0!important; } sub, sup { font-size: 66%; font-weight: bold; line-height: 0; position: relative; vertical-align: baseline; margin-left: 6px; } sup { top: -0.75rem; } sub { bottom: -0.25rem; } a img { border: 0; } a { color: #333; /* #560e02 */ } a:hover, .gray a:hover, .link_clr a:hover, .nav-menu .current-menu-item a:hover, .site-title a:hover { color: #ea4336; outline: 0; text-decoration: underline!important; } .clear { clear: both; } .space { margin:0 0.25rem; } .hide { display: none; } :focus { outline: 0 } .gray, .gray a { /* 灰色 #560e02 */ color: #666; } .link_clr a, a.link_clr { /*color: #ea4335;*//* Google红色 */ /*color: #cd2653; wp 2020 红色 */ /*color: #800000; 栗色 */ color: #333; } a.lucky { color: #fff; background: #e2241b; padding: 2px 4px; margin: 0 0 0 4px; font-size: 13px; text-decoration: none; border-radius: 4px; } a.lucky:hover { color: #000; background: #f90; text-decoration: none!important; } #red, table th .red, .nav-menu .current-menu-item a { color: #ea4335; /* Google 红色 */ } #wp_red { color: #800000; } #purple { /* 紫色 */ color: #4D049F; } #blue { /* Google 蓝色 */ color: #4285f4; } #green { /* Google 绿色 */ color: #34a853; } #hide_text { font-size: 12px; padding: 2px 4px; background: #000; color: #000; } #hide_text:hover { background: #800000; color: #000; } a, button, input { -webkit-tap-highlight-color:rgba(255,0,0,0); } a.nothing, a.nothing:hover { text-decoration: none!important; cursor: text; color: #444; } h1, h2, h3, h4, h5, h6 { font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC",sans-serif; font-weight: normal; } /*fontello 图标字体*/ @font-face { font-family: 'fontello'; src: url('.../../font/fontello.eot'); src: url('.../../font/fontello.eot#iefix') format('embedded-opentype'), url('.../../font/fontello.woff2') format('woff2'), url('.../../font/fontello.woff') format('woff'), url('.../../font/fontello.ttf') format('truetype'), url('.../../font/fontello.svg#fontello') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before, .fontello-icon { font-family: "fontello"; font-style: normal; /*font-weight: normal;*/ display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-heart:before { content: '\e800'; } .icon-list:before { content: '\e801'; } .icon-scissors:before { content: '\e802'; } .icon-qrcode:before { content: '\e803'; } .icon-search:before { content: '\e804'; } .icon-star:before { content: '\e805'; } .icon-star-empty:before { content: '\e806'; } .icon-check:before { content: '\e807'; } .icon-th-list:before { content: '\e808'; } .icon-fire:before { content: '\e809'; } .icon-home:before { content: '\e80a'; } .icon-export:before { content: '\e80c'; } .icon-edit:before { content: '\e80f'; } .icon-chat:before { content: '\e811'; } .icon-left-open:before { content: '\e813'; } .icon-right-open:before { content: '\e814'; } .icon-down-open:before { content: '\e815'; } .icon-up-open:before { content: '\e816'; } .icon-down-big:before { content: '\e817'; } .icon-left-big:before { content: '\e818'; } .icon-right-big:before { content: '\e819'; } .icon-up-big:before { content: '\e81a'; } .icon-adjust:before { content: '\e81b'; } .icon-link-ext:before { content: '\f08e'; } .icon-rss-squared:before { content: '\f143'; } .icon-ok-squared:before { content: '\f14a'; } .icon-paragraph:before { content: '\f1dd'; } .icon-heartbeat:before { content: '\f21e'; } /** 主体 **/ #container{ width: 1200px; margin: 0 auto; } #content { width: 96%; margin: 20px auto 0; position: relative; } /** 头部 **/ #masthead { /*background: #faeee4;*/ width: 96%; margin: 0 auto; border-bottom: 2px solid #800000; } #masthead a { font-weight: bold; text-decoration: none; color: #800000; } /** 主页文章菜单 **/ .main-nav-container { height: 55px; line-height: 55px; } .logo-site { float: left; position: relative; } .site-title { font-size: 24px; font-size: 2.4rem; font-weight: normal; display: inline-block; } .site-title a{ color: #e60000; } .site-title a:hover{ text-decoration: none!important; } .site_quote { display: inline-block; line-height: 24px; margin: 0 0 0 12px; } .default-menu li a { float: right; color: #800000; margin: 0 10px 0 0; } #site-nav .default-menu li a { margin: 10px 10px 0 0; } #site-nav { float: right; font-size: 16px; font-size: 1.6rem; } /* 菜单样式 */ .nav-menu, .nav-menu * { margin: 0; padding: 0; list-style: none; } .nav-menu li { position: relative; } .nav-menu li.menu-item-has-children { margin-right: 6px; } .nav-menu li.menu-item-has-children:after { position: absolute; top: 25px; right: -14px; width: 0; height: 0; content: ''; border-top: 5px solid; border-right: 5px dashed transparent; border-left: 5px dashed transparent; } .nav-menu li ul.sub-menu { position: absolute; display: none; top: 48px; z-index: 10001; border:1px solid #ccc; border-radius: 3px; padding: 6px 16px; background: #faeee4; } .nav-menu li:hover ul.sub-menu{ display:block; } .nav-menu li:hover ul.sub-menu:before{ position:absolute; top:-15px; z-index:1500; display:block; border: .45em solid transparent; content:""; border-bottom-color:#ccc; } .nav-menu li:hover ul.sub-menu:after{ position:absolute; top:-14px; z-index:1500; display:block; border: .45em solid transparent; content:""; border-bottom-color: #faeee4; } .nav-menu li ul.sub-menu li { line-height: 2; display: block; border-bottom: 1px solid rgba(0,0,0,.06); } .nav-menu li ul.sub-menu li:last-child { border-bottom: 0; } .nav-menu a { text-align: left; display: block; position: relative; zoom: 1; } .nav-menu li { display: inline-block; white-space: nowrap; *white-space: normal; } .nav-main ul li:not(:first-child) { padding-left: 16px; } .nav-main ul li ul li { padding: 0!important; } /** 菜单结束 **/ /** 搜索 **/ .widget #searchbar { padding: 16px 0 0; padding: 1.6rem 0 0; } #searchform .search-field { float: left; /** width: calc(100% - 50px);**/ width: 100%; height: 36px; padding: 2px 2px 3px 10px; background: #faeee4; border: 2px solid #800000; border-radius: 3px; -webkit-appearance: none; } #searchform input[type="search"] { -webkit-appearance: none; outline: 0; } #searchform input:focus { outline: 0; border: 2px solid #e1251b; background: #fff; } #searchform .search-submit { border: 1px solid #ff3424; padding: 2px 0; float: right; cursor: pointer; height: 36px; width: 50px; color: #fff; background: #ff3424; } #searchform button:hover{ background: #800000; border: 1px solid #800000; } /** 面包屑导航 **/ .breadcrumb { font-size: 16px; font-size: 1.6rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0 auto 6px; padding: 0 0 6px; border-bottom: 1px dotted #800000; } .archive .breadcrumb, .search-results .breadcrumb { margin: 0 auto 20px; } /** 布局 **/ #primary { /*margin-right: 350px;*/ float: left; width: 68%; } .post, .search-results .page, .archive .page, .google_ads_index { margin: 0 0 48px; } .google_ads_index_paged{ margin: 24px 0; } .single .post { margin: 0!important; } .block-image { /* 文章缩略图 */ height: 120px; width: 120px; margin: 6px 10px 0 0; border: 1px solid rgba(0,0,0,.15); border-radius: 6px; float: left; background-color: #f0f0f0; background-origin: border-box; background-position: 50%; background-size: cover; display: block; position: relative; } .block-image-single { /* 文章页缩略图 */ height: 120px; width: 120px; margin: 14px 0 6px 12px; border: 1px solid rgba(0,0,0,.15); border-radius: 6px; float: right; background-color: #f0f0f0; background-origin: border-box; background-position: 50%; background-size: cover; display: block; position: relative; } .block-image-home { /* 静态主页缩略图 */ height: 120px; width: 120px; margin: 8px 0 6px 12px; border: 1px solid rgba(0,0,0,.15); border-radius: 6px; float: right; background-color: #f0f0f0; background-origin: border-box; background-position: 50%; background-size: cover; display: block; position: relative; } .single-related-article { margin: 12px 0 -8px; } .single-related-list, .google_ads_single_cat { margin: 0 0 32px; } .entry-header h2 { /* 纯CSS 多行文本溢出省略号 https://fatesinger.com/100068*/ margin: 0 0 12px 0; position: relative; /*white-space: nowrap; overflow: hidden; word-wrap: normal; text-overflow: ellipsis;*/ } .entry-header h2 a { font-weight: normal; font-size: 24px; font-size: 2.4rem; text-decoration: none; color: #800000; } .entry-header h1 a { text-decoration: none; color: #800000; } /*.post.sticky { 区分置顶文章 border-bottom: 1px solid #ea4335; } .post.sticky h2:after { bottom: 6px; color: #ea4335; content: "Sticky"; font-size: 16px; font-style: italic; font-weight: bold; margin: 0 0 0 6px; position: absolute; }*/ .archive-content { height: 70px; word-wrap: normal; overflow: hidden; text-overflow: ellipsis; } .entry-more a { position: absolute; bottom: 18px; right: 0; height: 30px; line-height: 30px; padding: 0 10px; display: block; color: #fff; } .more-link { display: none; } /** 文章信息 **/ .dot { padding-right: 0.1rem; padding-left: 0.1rem; } .dot:after { content:"•"; } .entry-meta { margin: -6px 0 6px 0; } .entry-content .tag { margin: 6px 0 0 0; font-size: 12px; font-size: 1.2rem; word-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .foot-meta { margin: 20px 0 0; font-size: 12px; font-size: 1.2rem; } .single-meta-info { padding: 0 0 12px; } /* 置顶 新文章*/ .newsnticky { color: #007500; font-weight: bold; } /* 文章开始、结尾解压密码信息提示 */ .article_info_head { /*color: #ea4335; color: #4285F4; color: #FBBC05; color: #34A853;*/ margin: 0 0 12px; font-size: 15px; font-weight: bold; } .article_info_foot { font-size: 15px; font-weight: bold; } /* 微信公众 二维码 TG 等 */ .entry-link-qr { margin: 24px 0 0; } .entry-link-qr p img { width: 100%; margin: 0!important; } /** 正文 **/ .entry-content hr { border: 0; height: 2px; margin: 20px 0; background: #888; background-image: -webkit-linear-gradient(left, #ccc, #888, #ccc); background-image: -moz-linear-gradient(left, #ccc, #888, #ccc); background-image: -ms-linear-gradient(left, #ccc, #888, #ccc); background-image: -o-linear-gradient(left, #ccc, #888, #ccc); } .entry-header h1 { font-size: 24px; font-size: 2.4rem; font-weight: 500; padding: 4px 0; } .single-content { font-size: 16px; font-size: 1.6rem; line-height: 1.8; } .single-content a { text-decoration: underline; font-weight: bold; color: #800000; } .ohmygod { display: none; } /** 排版样式 段落**/ .single-content p, .single-content dd { margin: 0 0 16px; text-indent: 0; text-align: justify; text-justify: inter-ideograph; word-wrap: break-word; /*word-break:break-all;*/ } p.content_block { font-size: 15px; padding: 0 4px 0 12px; border-left: 4px solid #800000; } .single-content ul, .single-content ol { margin: 0 0 16px; text-align: justify; text-justify: inter-ideograph; word-wrap: break-word; word-break:break-all; } .single-content ul li ul, .single-content ol li ol { margin: 8px 0; } pre { background: #faeee4!important; margin: 0 0 16px 0; padding: 6px 12px; border: #ccc 1px solid; border-left-width: 4px; line-height: 1.3; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; white-space: pre; word-break: break-all; word-wrap: break-word; overflow: auto; } code { background: #faeee4; padding: 0 6px 2px; border-radius: 2px; } pre>code { background: #faeee4; padding: 0; border-radius: none; font-size: 13px; font-size: 1.3rem; word-break: break-all; word-wrap: break-word; } .single-content h2{ font-size: 20px; font-size: 2rem; text-indent: 1.4rem; font-weight: bold; position: relative; margin: 0 0 16px; /*border-bottom: 1px solid #aaa;*/ counter-reset: h3; } .single-content h2:before { margin-left: -1.4rem; padding-right: 6px; counter-increment: h2; content: counter(h2) "."; } .single-content h3 { font-size: 18px; font-size: 1.8rem; /*display: inline-block; border-bottom: 1px solid #aaa;*/ margin: 0 0 16px; text-indent: 2.2rem; font-weight: bold; position: relative; counter-reset: h4; } .single-content h3:before { margin-left: -2.2rem; padding-right: 6px; counter-increment: h3; content: counter(h2) "."counter(h3); } .single-content h4 { font-size: 16px; font-size: 1.6rem; /*display: inline-block; border-bottom: 1px solid #aaa;*/ line-height: 1.8; margin: 0 0 16px; padding: 0; text-indent: 3rem; font-weight: bold; position: relative; } .single-content h4:before { margin-left: -3rem; padding-right: 6px; counter-increment: h4; content: counter(h2) "."counter(h3)"."counter(h4); } .text_right, .align_right{ text-align: right!important; } .align_center { text-align: center!important; margin: 24px 0!important; } /* 橙色、粉色、蓝色 按钮居中链接 */ .single-content .button { color: #fff; position: relative; overflow: hidden; display: inline-block; padding: 6px 20px 4px; border-radius: 3px; cursor: pointer } .single-content .button:hover { text-decoration: none } .single-content .button:before { content: ""; height: 100%; width: 70px; display: block; position: absolute; top: 0; left: -82px; background-image: linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); -o-transform: skewx(-25deg); -moz-transform: skewx(-25deg); -webkit-transform: skewx(-25deg) } .single-content .button:hover:before { transform: skewX(-25deg) translateX(850px); transition: all .5s ease-in-out } .single-content .button { margin-bottom: -10px; color: #fff } .single-content .button:hover { color: #fff; text-decoration: none } .single-content .button_blue { background: #0086e3; border-color: #0086e3; } .single-content .button_blue:hover { background: #1a9be7; color: #fff; text-decoration: none } .single-content .button_orange { background: #f56933; border-color: #ed6936; } .single-content .button_orange:hover { background: #fd5615; border-color: #fd4e0a } .single-content .button_pink { background: #ee4ada; border-color: #ee4ada; } .single-content .button_pink:hover { background: #BA3AAB; border-color: #BA3AAB } /*内容折叠*/ .showmore span{ font-size: 13px; color: #800000; font-weight: normal; padding: 0 8px; cursor: pointer; } .section-content { color: #8b8b8b; border-left: 5px solid #aaa; font-weight: 400; letter-spacing: 0.01rem; margin: 16px 0; padding: 0 0 0 12px; display: none; } /*内容自动隐藏*/ .auto_hide_txt { position: relative; color: #8b8b8b; font-weight: 400; letter-spacing: 0.01rem; margin: 16px 0 0 4px; padding-left: 8px; border-left: 3px dotted #800000; overflow: hidden; } #txt_gradient { width: 100%; height:60px; position: absolute; bottom: 0; left: 0; background: -moz-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0)); background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#eee)); background: -o-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0)); } #auto_hide_show { padding: 2px 0 0 4px; margin-bottom: 24px; } #auto_hide_show a { text-decoration: none; background: #800000; color: #fff; font-weight: normal; font-size: 13px; padding: 4px 6px; } #auto_hide_show a:hover { background: #430f02; } .single-content ul li, .single-content ol li { font-size: 15px; font-size: 1.5rem; margin: 0 0 0 25px; } .single-content ul li { list-style: disc; } .single-content ul li ul li{ list-style: circle; } .single-content ol li { list-style: decimal; } .single-content img, .comment-list p img, .article_info_foot img { max-width: 100%; width: auto\9; height: auto; vertical-align: middle; /*display: block;*/ margin: 12px 0; } .wp-caption { background: #f5f5d5; max-width: 100%; padding: 5px; border: 1px solid #ddd; border-radius: 3px; } .wp-caption-text{ text-align: center !important; } .single-content embed { float: left; width: 100%; height: 500px; margin-bottom: 30px; } /** 图文混排 **/ img.centered { display: block; margin: 0 auto 10px; } img.alignnone { margin: 0 0 10px 0; display: block; } img.alignright { margin: 0 0 10px 10px; display: inline; } img.alignleft { margin: 0 10px 10px 0; display: inline; } .aligncenter { display: block; margin: 0 auto 10px; } .alignright { float: right; margin: 0 0 10px 10px; } .alignleft { float: left; margin: 0 10px 10px 0; } /** 日志分页 **/ .page-links { text-align: center; margin: 10px auto 5px; } .page-links span { background: #800000; color: #fff; margin: 2px; line-height: 30px; cursor: pointer; padding: 0 12px; display: inline-block; border: 1px solid #800000; border-radius: 2px; } .page-links a span { background: #fff; color: #333; text-decoration: none; border: 1px solid #ddd; } .page-links a:hover span { background: #800000; color: #fff; border: 1px solid #800000; transition: all 0.2s ease-in 0s; } /** 上一篇 下一篇 文章链接 **/ .single-nav { /*background: #f6f6f6; border: 1px solid #f6f6f6; border-radius: 2px;*/ padding: 4px 2px; height: 33px; } .single-nav a { text-decoration: underline; } .nav-previous, .nav-next { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 49%; } .nav-previous { float: right; text-align: right; } .nav-next { float: left; text-align: left; } /** 目录 **/ .log-close a { display: block; cursor: pointer; text-decoration: none; } #log-box strong { font-size: 14px; color: #fff; } .log-zd { position: absolute; padding: 8px 6px; width: 26px; background: #800000; border-radius: 4px 0 0 4px; top: -1px; left: -27px; text-indent: 0; text-align: center; } #log-box { position: fixed; background: #faeee4; bottom: 168px; right: 56px; max-width: 360px; min-width: 240px; padding: 0 0 0 8px; border-width: 1px; border-style: solid; border-color: #ccc; border-radius: 0 4px 4px 4px; z-index: 9999; display: none; animation: fade-in; animation-duration: 0.5s; -webkit-animation: fade-in 0.5s; } #catalog { min-height: 140px; max-height: 320px; overflow: scroll; overflow-x: hidden; } #catalog ol { text-indent: 1.4rem; margin: 5px 10px 0 0; padding: 0 0 6px 0; counter-reset: lia; } #catalog li { list-style: none; margin: 0; width: 99%; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; } #catalog ol li a:hover { background: #faeee4; } #catalog ol li:before { margin-left: -1.4rem; padding-right: 6px; counter-increment: lia; content: counter(lia) "."; } #catalog ol ol { counter-reset: lib; padding: 0 0 0 12px; margin: 0; } #catalog ol ol li:before { padding-right: 6px; counter-increment: lib; content: counter(lia) "." counter(lib); } #catalog ol ol ol { counter-reset: lic; } #catalog ol ol ol li:before { padding-right: 6px; counter-increment: lic; content: counter(lia) "." counter(lib)"."counter(lic); } #catalog, #catalog a { font-size: 14px; } #catalog, #catalog a:hover { text-decoration: none; } .log-no { display: none; } .log { position: relative; } .log-prompt { position: absolute; bottom: 2px; right: 45px; color: #fff; line-height: 27px; animation: blink 1.5s linear infinite; } .log-arrow { position: relative; width: 80px; padding: 0 10px; background: #f40; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .log-arrow:after { content: ''; position: absolute; width: 0; height: 0; top: 50%; left: 100%; margin-top: -5px; border: 5px solid; border-left-color: #f40; border-right-color: #faeee4; border-top-color: #faeee4; border-bottom-color: #faeee4; } .log a { font-size: 12px!important; line-height: 32px; } /*评论框广告*/ .commentform-ainfo { word-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 6px 0 -6px; } .commentform-ainfo a { /*color: #ea4336;*/ text-decoration: underline; } /** 主页文章菜单 首页广告*/ .index-nav { word-wrap: normal; white-space: nowrap; overflow: hidden; height: 25px; text-overflow: ellipsis; margin: 24px 0 12px; } /** 分类/标签 页面 文章列表前广告*/ .archive_list_info img { width: 100%; } .index-menu a { text-decoration: underline; } /*分类标题描述*/ .archive-header { margin: 12px 0; font-size: 32px; font-size: 3.2rem; } .taxonomy-description { font-size: 16px; font-size: 1.6rem; } /* 搬瓦工 库存 */ .bwh_stocks{ margin: 0 auto 8px; } .bwh_th_title{ width: 180px; } /*文章归档 v2016 zww.me*/ .template-archives a { text-decoration: underline; } .archives { margin: 24px 0; } #archives > p { margin: 24px 0; } #al_expand_collapse { border-radius: 3px 3px 3px 3px; } #al_expand_collapse { background:#800000; color: #fff; padding: 3px 6px; text-decoration: none; } #al_expand_collapse:hover { background:#a00000; } #archives em { font-size: 12px; font-size:1.2rem; } .al_year { font-size:18px; font-size:1.8rem; margin: 12px 0 0; font-weight: bold; letter-spacing: 5px; } .al_year em{ letter-spacing: 2px; } #archives .al_mon:after { background: #cb8777; content: ""; height: 1px; left: -10px; position: absolute; top: 15px; width: 10px; } #archives .al_mon { font-size: 16px; font-size:1.6rem; font-weight: bold; padding-left: 5px; } #archives .ac { color: #666; font-size: 12px; font-size:1.2rem; } #archives ul { border-left: 1px solid #cb8777; font-size: 12px; list-style: none; margin: 0 10px; padding: 10px 0 20px 10px; } #archives li { font-size:12px; font-size:1.2rem; line-height: 30px; position: relative; } #archives ul ul { margin: -15px 0 0; padding: 15px 0 10px; } #archives ul ul li { padding: 0 0 0 15px; } #archives ul ul li:before { border-bottom: 5px dashed transparent; border-left: 10px solid #cb8777; border-top: 5px dashed transparent; content: ""; left: 0; position: absolute; top: 10px; } .archives-title{ font-size: 18px; font-size: 1.8rem; font-weight: bold; line-height:1.8; letter-spacing: 5px; margin: 16px 0 8px; } .archives-page ul li { display: inline; } .archives-page ul li:after { content: "、"; } .archives-page ul li:last-child:after { content: ""; } .archives-cat ul { padding: 8px 0 0 24px; } .archives-cat ul li { float: left; width: 20%; list-style: circle; } .all-readers-ol {margin: 12px 0;counter-reset: LIST-ITEMS;} .all-readers-info {display: inline-block;height: 24px;padding-left: 8px;overflow: hidden;width: 18%;} .all-readers-info:before {content: counter(LIST-ITEMS, decimal) ".";counter-increment: LIST-ITEMS;font-size: 12px;} /*.all-readers-info:nth-child(odd) { color: #800000; }*/ .all-readers-info > a{font-size: 1.4rem;font-size: 14px;} .all-readers-info > a:hover { border-bottom: 1px solid #800000;text-decoration: none;} /** 静态首页 **/ .home-table-left { width: 48%; float: left; } .home-table-right { width: 48%; float: right; } .home-table-content { margin-bottom: 20px; padding: 0 0 4px 0; border: 1px solid #f5cecd; border-radius: 3px; } .home-table-title { text-align: center; color: #f00; background: #f5cecd; padding: 4px 0; } .home-table-content.yellow { border: 1px solid #fbbc05; } .home-table-content.yellow .home-table-title { color: #fff; background: #fbbc05; } .home-table-content.red { border: 1px solid #800000; } .home-table-content.red .home-table-title { color: #fff; background: #800000; } .home-table-content.blue { border: 1px solid #4285f4; } .home-table-content.blue .home-table-title { color: #fff; background: #4285f4; } .home-table-content.green { border: 1px solid #34a853; } .home-table-content.green .home-table-title { color: #fff; background: #34a853; } .home-table-gourl { text-align: center; padding: 0 0 16px 0; } a.home-table-gourl-btn { color: #fff; text-decoration: none; padding: 8px 16px; background: #4285f4; border: 1px solid #4285f4; border-radius: 4px; } a.home-table-gourl-btn:hover { color: #4285f4; background: #fff; } .home-table ul { padding: 8px 12px 0 0; } p:empty { display: none; } .home-table-footer { text-align: center; border-top: 1px solid #aaa; padding: 6px 0 0; } /** WordPress 标签云**/ .all-tags { margin: 24px 0 0 0; } /** WordPress 文章内链短代码 New Embed**/ .wp-embed-post { border: 1px solid #aaa; font-size: 14px; overflow: auto; padding: 16px; border-radius: 3px; margin-bottom: 16px; } .wp-embed-post a { text-decoration: none; } .wp-embed-post-featured-image { margin-bottom: 20px; } .wp-embed-post-featured-image img { border: medium none; height: auto; width: 100%; } .wp-embed-post-featured-image.square { float: left; margin-right: 20px; max-width: 160px; } .wp-embed-post p { margin: 0; } p.wp-embed-post-heading { font-size: 20px; margin: 0 0 4px!important; } .wp-embed-post-footer { display: table; margin-top: 16px; width: 100%; } .wp-embed-post-site-title .avatar { border: 0 none; height: 25px; left: 0; position: absolute; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 25px; } .wp-embed-post-site-title a { display: inline-block; padding-left: 32px; position: relative; } .wp-embed-post-meta, .wp-embed-post-site-title { display: table-cell; } .wp-embed-post-meta { text-align: right; vertical-align: middle; white-space: nowrap; } .wp-embed-post-comments, .wp-embed-post-reads { display: inline; } .wp-embed-post-comments a, .wp-embed-post-share-tab-button { display: inline-block; } .wp-embed-post-comments + .wp-embed-post-share { margin-left: 10px; } /** WordPress 文章内链短代码 New Embed - END **/ /** 文章内引用评论短代码 - start **/ .comment-mixtype-embed { border: 1px solid #aaa; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); border-radius: 3px; font-size: 12px; overflow: auto; padding: 16px; margin-bottom: 16px; } .comment-mixtype-embed-avatar { float: left; margin-right: 10px } .comment-mixtype-embed-avatar .avatar { border-radius: 100%; width: 32px; height: 32px; border: none; margin: auto; } .comment-mixtype-embed-text { margin-top: 10px; } .comment-mixtype-embed-text p { margin-bottom: 2px!important } /** 文章内引用评论短代码 - end **/ /** 作者信息 文章页尾广告**/ .authorbio { margin: 4px 0 0 0; padding: 3px 6px; border: 1px solid #aaa; border-radius: 3px; font-size: 14px; } .authorbio a { text-decoration: underline; } .authorbio-info, .single-ainfo, .warn-info { word-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .warn-info { color: #f00; } /* 点击复制 优惠码*/ .clipboard.art { /*font-size: 13px; word-break: break-all; color: #347baf;*/ background: #800000; color: #fff; font-weight: bold; text-align: center; cursor: pointer; text-decoration: none!important; padding: 2px 4px; } .clipboard { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .clipboard.art:hover { color: #fff!important; background: #430f02; } /** 正文小工具 **/ #single-widget { margin: 16px 0 8px; } #single-widget h3 { font-weight: bold; font-size: 15px; } #single-widget .widget { float: left; width: 50%; margin: 0 -1px 8px 0!important; } #single-widget .widget ul { padding: 0; width: 96%; } /* emoji 表情 */ img.wp-smiley, img.emoji { display: inline !important; max-height: 2.4rem !important; border: none !important; box-shadow: none !important; height: 1.8rem !important; width: 1.8rem !important; margin: 0 .3rem !important; vertical-align: -0.3rem !important; background: none !important; padding: 0 !important; } /** 幻灯 **/ #slideshow { position: relative; margin: 0 0 10px 0; } .rslides, .rslides-sidebar { position: relative; overflow: hidden; width: 100%; border-radius: 4px; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides-sidebar li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; } .rslides li:first-child { position: relative; display: block; float: left; } .rslides img { display: block; height: auto; float: left; width: 100%; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 900px) { .row .rslides img { width: 200%; margin: 0 0 0 -50%; } } .slider-caption { position: absolute; display: block; left: 0; top: 0; text-align: right; width: 100%; font-size: 15px; font-size: 1.5rem; color: #fff; padding: 0 15px; border-radius: 2px 0 0 0; z-index: 2; background: rgba(0, 0, 0, 0.08); } .callbacks_tabs { position: absolute; bottom: 0; margin: 0 auto; max-width: 100%; padding: 10px 0 4px; text-align: center; width: 100%; z-index: 2; _display: none; } .widget .callbacks_tabs { position: relative; z-index: 0; } #slideshow .callbacks_tabs, .widget .callbacks_tabs { font-size: 0; } .callbacks_tabs li { display: inline; float: none; margin-left: 8px; } .callbacks_tabs a { width: auto; height: auto; line-height: 15px; padding: 3px; display: inline; border: 2px solid #800000; background: #fff; border-radius: 8px; } .callbacks_tabs .callbacks_here a { background: #800000; border: 2px solid #fff; padding: 3px 6px; } .callbacks_tabs li:first-child { margin-left: 0; } .callbacks_nav { position: absolute; top: 40.3%; left: 0; opacity: 0.92; z-index: 3; font-size: 18px; color: #fff !important; text-align: center; overflow: hidden; text-decoration: none; display: none; } #slideshow:hover .callbacks_nav { display: block; color: #fff!important; background: #f90; border-radius: 36px; line-height: 38px; opacity: 0.55; width: 36px; height: 36px; margin: 0 12px; } #slideshow:hover .callbacks_nav i.icon-left-open{ margin: 0 2px 0 0; } #slideshow:hover .callbacks_nav i.icon-right-open{ margin: 0 0 0 2px; } .callbacks_nav .prev { z-index: 9999; } .callbacks_nav.next { left: auto; right: 0; } /** 侧边 **/ #sidebar { /*width: 320px; top: 0; right: 0; position: absolute;*/ float: right; width: 27%; overflow: hidden; line-height: 1.5; } #sidebar h3 { font-weight: bold; font-size: 16px; font-size: 1.6rem; /*color: #430f02;*/ } .widget { margin: 0 0 36px; } .widget a { text-decoration: underline; } .widget ul li { padding: 3px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; } .widget ul, #calendar_wrap { padding: 6px 0 0; } .widget .textwidget { padding: 8px 0 0; } .widget .tagcloud { margin: 8px 0 0; } .widget .textwidget img{ max-width: 100%; width: auto; height: auto; } .widget img { padding: 4px 0 0 0; } .rss-widget-icon { padding: 0!important; } /*侧栏 文章目录 */ .catalog-sidebar::-webkit-scrollbar { width: 3px; } .catalog-sidebar::-webkit-scrollbar-track { background-color: #800000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .catalog-sidebar::-webkit-scrollbar-thumb { background-color: #888; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } ol.catalog-sidebar { text-indent: 1.6rem; background: #faeee4; margin: 12px 0 0 0; max-height: 240px; overflow-y: auto; counter-reset: lia; border: 1px solid #cb8777; border-radius: 4px; padding: 8px 0 8px 12px; } ol.catalog-sidebar:hover { background:#f6e1e1; } .catalog-sidebar li { list-style: none; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; padding: 3px 0; } .catalog-sidebar li:before { margin-left: -1.4rem; padding-right: 6px; counter-increment: lia; content: counter(lia) "."; } .catalog-sidebar ol { counter-reset: lib; padding: 0 0 0 16px; margin: 0; } .catalog-sidebar ol li:before { padding-right: 6px; counter-increment: lib; content: counter(lia) "." counter(lib); } .catalog-sidebar ol ol { counter-reset: lic; } .catalog-sidebar ol ol li:before { padding-right: 6px; counter-increment: lic; content: counter(lia) "." counter(lib)"."counter(lic); } /* 侧栏 文章目录 - END */ /** 自定义菜单、友情链接分割 **/ /*.widget.widget_wp_nav_menu_widget_custom > a:not(:nth-last-of-type(1)):after, .widget.widget_multisite_site_list > a:not(:nth-last-of-type(1)):after, .widget.widget_wp_widget_links_custom > a:not(:nth-last-of-type(1)):after { content: "、"; }*/ .doublecol li { float: left; width: 50%; list-style: none; } .widget.widget_wp_nav_menu_widget_custom .widget-title, .widget.widget_wp_widget_links_custom .widget-title { margin-bottom: 6px; } /** 读者墙 **/ .readers { padding: 12px 0 0 2px; } .readers li { list-style: none; display: inline-block; *display:inline; padding: 0 3px; } .readers img{ width: 44px; height: 44px; } .readers-avatar { float: left; } /** 友情链接-头像-侧栏 **/ .links_widget_avatar { padding: 12px 0 0 2px; } .links_widget_avatar li { list-style: none; display: inline-block; *display:inline; padding: 0 3px; } .links_widget_avatar img{ width: 44px; height: 44px; } .links-avatar { float: left; } /* 友情链接 */ .links_items {margin: 12px 0!important;counter-reset: LIST-ITEMS;} .links_lis:before {content: counter(LIST-ITEMS, decimal) ".";counter-increment: LIST-ITEMS;font-size: 12px;} .links_lis {display: inline-block;height: 24px;overflow: hidden;width: 20%;} /*.links_lis:nth-child(odd) { color: #800000; }*/ .links_lis > a{font-size: 1.4rem;font-size: 14px;} /** 评论 **/ .comments-title { margin-bottom: 16px; padding: 0 0 4px; border-bottom: 2px solid #800000; } .comment-list,.comment-list ol { list-style: none; } .comment-list li { position: relative; margin: 0 0 20px; word-wrap: break-word; } .comment-list .comment-content ul { margin: 0 0 0 80px; } .comment-list .comment-content ul li { position: relative; margin: 0; list-style: disc; } .comment-list sup { margin-left: 4px; color: #4285f4; } /*.comment-form-comment { position: relative; }*/ .children li { position: relative; padding-left: 34px; margin: 0 0 0 24px; border-left: 2px solid #dfaea3; word-wrap: break-word; } /*.children { margin: 12px 0 0 0; }*/ .comment-avatar { float: left; position: relative; } .vcard .avatar { border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); float: left; height: 48px; margin: 0 10px 0 0; padding: 3px; width: 48px; } .children .vcard .avatar { margin: 0 10px 0 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22); padding: 2px; height: 32px; width: 32px; } .wp-useragent { display: inline; } #comment-ua-info > img:first-child { margin: 0 2px 0 0; } .comment-body { padding: 0 0 8px; } .comment-body .link_clr > p { margin: 0 0 0 61px; } .comment-body.comment_depth2 .link_clr > p, .children .comment-body .link_clr > p { margin: 0; } .children .comment-body pre { margin-left: 0!important; } .floor { left: 0; position: absolute; text-align: center; top: 54px; width: 48px; } .comment-meta { margin: 0 0 0 61px; } .children .comment-meta, .comment_depth2 .comment-meta { margin: 0; } .no-comments { background: #fff; text-align: center; margin: 0 0 10px 0; padding: 10px; border: 1px solid #eee; } #edita{ color: #8b8b8b; } .comment-list li.comment_top3 { line-height: 20px; margin-bottom: 20px; padding-bottom: 5px; text-align: center; color: #666; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } /* 评论框美化 */ .comment-form-author, .comment-form-email { width: 33.33%; padding-right: 10px; float: left; } .comment-form-url { width: 33.33%; float: left; } /** 评论表单 **/ #respond { margin: 10px 0 16px; } #respond h3 { font-size: 16px; font-weight: bold; margin: 0 0 6px; padding: 8px 0 0; } .logged-in-as, .must-log-in { margin: 0 0 16px; } #comment-author-info { height: 44px; margin: 16px 0; } #respond #cancel-comment-reply-link { float: right; padding: 2px 10px; border: 1px solid #ddd; border-radius: 2px; } #comment-author-info input { background: #faeee4; width: 100%; margin: 0 6px 16px 0; padding: 4px 6px; border: 1px solid #aaa; border-radius: 3px; -webkit-appearance: none; _vertical-align: middle; *vertical-align: middle; } #comment-author-info input:focus { outline: 0; border: 1px solid #999; background: #fff; } .checkbox-radio { display:none } .checkbox-radioinput { background-color:#fff; border:1px solid #000; border-radius:100%; display:inline-block; height:15px; margin-right:4px; margin-top:-3px; vertical-align:middle; width:15px; line-height:1 } .checkbox-radio:checked + .checkbox-radioinput:after { background-color:#800000; border-radius:100%; content:""; display:inline-block; height:9px; margin:2px; width:9px } .checkbox-radioinput, .checkbox-radio:checked + .checkbox-radioinput:after { border-radius:0 } #comment { background: #faeee4; /*width: calc(100% - 18px);*/ width: 100%; padding: 8px; border: 1px solid #6b0901; border-radius: 3px; -webkit-appearance: none; } #comment:focus { background: #f6f6f6; } #respond #submit { font-weight: bold; margin: 18px 0 12px 0; padding: 2px 12px; cursor: pointer; color: #eee; border: 1px solid #800000; background: #800000; border-radius: 3px; -webkit-appearance: none; } ::-moz-placeholder { color: #430f02; } :-moz-placeholder { color:#430f02;} ::-webkit-input-placeholder { color:#430f02; } :-ms-input-placeholder { color:#430f02; } #respond #submit:hover { background: #560e02; } /** ajax 提交评论提示信息 **/ .butterBar { margin: 12px 0 0; } .butterBar-message { color: #800000; font-size:14px; } /* 评论等级 友情链接认证 博主认证*/ .badge{position:relative;display:inline-block;margin-left:4px;padding:1px 3px;border-radius:2px;background:#7f919e;color:#fff;font-weight:600;font-size:12px;line-height:1.2;} a.badge{text-decoration: none;} .badge:hover{color:#fff;background:#800000;} .heart{background:#fff;color:#ff1493;font-size:12px;} .heart:hover,.heart:focus{background:#fff;color:#800000;} .vip1{background:#b3ccda;} .vip2{background:#83d53e;} .vip3{background:#ff79d5;} .vip4{background:#88841b;} .vip5{background:#ff9832;} .vip6{background:#fc072a;} .vip7{background:#cb07fc;} /*.lv-admin{background:#800000;}*/ /** 表单头像 **/ .user_avatar, .author_avatar { line-height: 20px; margin: 0 0 24px 0; } .user_avatar img, .author_avatar img { float: left; width: 40px; height: 40px; margin: 0 10px 0 0; } /** 引用 **/ #trackbacks { display: none; } /* 最后更新时间 */ .links-float-right { float: right; margin-bottom: 16px; } /* Google 广告 其它广告*/ .google_ads_index_head, .google_ad_info_single_bottom, .google_ad_info_single_bottom, .google_ad_info_single_title, .google_ads_commentlist, ..google_ad_info_shortcode_850, .google_ad_info_shortcode_widget, .google_ad_info_post_nav, .google_ad_info_sidebar_top, .google_ad_info_sidebar_mid, .google_ad_info_sidebar_bottom, .google_ad_info_shortcode_default_auto, .google_ad_info_single_paragraph_n, .google_ad_info_single_last_paragraph { overflow: hidden; } /*.google_ads_index { margin: -20px 0 68px; } .google_ads_commentlist { margin: -6px 0 8px; }*/ .google_ads_index_nav { margin: 32px 0 0; } .google_ad_info_single_title { margin: 0 0 16px; } .google_ad_info_shortcode_850 { margin: 0 0 24px; } .google_ads_index_head { margin: 0 0 8px; } .archive .google_ads_index_head { margin: 0 0 8px; } .google_ad_info_sidebar_top { margin: 0 0 16px; } .google_ad_info_shortcode_default_auto { margin: 0 0 24px 0; } .google_ad_info_single_paragraph_n { margin: 6px 0; } .google_ad_info_single_last_paragraph { margin: -2px 0 24px; } .google_ad_info_post_nav { margin: 6px 0 0; } .archive_list_info, .reply_title_ad_info { position: relative; margin: 0 0 16px; } .archive_list_info .archive_list_title, .reply_title_ad_info .archive_list_title { position: absolute; display: block; left: 0; top: 0; width: 100%; font-size: 15px; font-size: 1.5rem; color: #fff; padding: 0 15px; border-radius: 2px 0 0 0; z-index: 2; background: rgba(0, 0, 0, 0.11); } .archive_list_info img, .reply_title_ad_info img { width: 100%; } /** 页脚 #colophon**/ .site-footer{ border-top: 1px solid #800000; text-justify: inter-ideograph; word-wrap: break-word; word-break:break-all; line-height: 1.5; position: relative; width: 96%; margin: 0 auto; } .site-info { padding: 12px 0 0; } .add-info { display: inline-block; } .footerinfo { padding: 4px 0 12px; } /*自带分页*/ .posts-nav, #comment-navigation{ font-size: 15px; height: 30px; font-weight: bold; margin: 36px 0 18px; } #comment-navigation { margin: 4px 0 12px; text-align: center; } .posts-nav .page-numbers,#comment-navigation .page-numbers{ position: relative; display: inline-block; padding: 0 10px; background: #800000; text-decoration: none; color: #fff; } .posts-nav .page-numbers.current,#comment-navigation .page-numbers.current { background: #430f02; } .posts-nav .page-numbers:not(.dots):hover,#comment-navigation .page-numbers:not(.dots):hover{ background: #000; color: #fff; } /** 分页跳转 **/ .theme-page-nav-form{ float: left; width: 72px; margin: 0px 20px 0 0; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"]{ -moz-appearance: textfield; } .theme-input-number { float: left; width: 36px; height: 27px; text-align: center; -webkit-appearance: none; outline: none; padding: 0; background: #faeee4; color: #800000; font-weight: bold; border: 2px solid #800000; border-right: none !important; border-radius: 4px 0 0 4px } .theme-page-nav-button { float: right; width: 36px; height: 27px; -webkit-appearance: none; cursor: pointer; outline: none; padding: 0; font-weight: bold; background: #faeee4; color: #800000; border: 2px solid #800000; border-radius: 0 4px 4px 0 } /** 分页下搜索框 **/ #search-footer { margin: 24px 0 0; height: 36px; } #search-footer #searchform .search-field { float: left; width: 100%; height: 36px; padding: 0 0 0 4px; background: #faeee4; border-style: solid; border-color: #fff; border-width: 0!important; border-radius: 0; } #search-footer #searchform input[type="search"] { -webkit-appearance: none; /* Safari 去除 搜索框 border 线*/ } /** 滚屏 **/ #scroll { width: 34px; float: right; position: fixed; right: 13px; bottom: 168px; z-index: 9999; } #scroll li a { background: #800000; font-size: 16px; color: #fff; font-weight: bold; width: 32px; height: 32px; line-height: 32px; text-align: center; margin-top: 6px; display: block; cursor: pointer; /*border: 1px solid #800000;*/ border-radius: 32px; } #scroll li a:hover { background: #300e01; text-decoration: none; } .qr-img { position: fixed; bottom: 50px; right: 50px; max-width: 300px; padding: 10px 10px 2px 10px; border: 1px solid #ddd; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); background: rgba(255, 255, 255, 0.95); z-index: 9999; display: none; } #QRoutput img { position: absolute; top: 72px; right: 72px; width: 25px; height: 25px; } #QRoutput td { border: none; } #QRoutput td { padding: 0; } /*! fancyBox v3 https://fancyapps.com/fancybox/3/ compensate-for-scrollbar{margin-right: 0 !important;} 去抖动*/ body.compensate-for-scrollbar{margin-right: 0 !important;overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} .imglist { font-size: 0; } .imglist a { display: inline-block; margin: 10px 10px 0 0; } .imglist a:last-of-type { margin-right: 0; } .imglist a img { vertical-align: top; } /*! fancyBox v3 https://fancyapps.com/fancybox/3/ -END */ /** 搜索结果 **/ .search-page { background: #fff; margin: 0 0 10px 0; padding: 20px; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); border-radius: 2px; } .search-no-results .post { position: relative; background: #fff; margin: 0; padding:0; border: none; box-shadow: 0; border-radius: 0; } .search-page li { line-height: 280%; margin: 0 -20px; padding: 0 20px; border-bottom: 1px solid #dadada; } #wpadminbar { /*----管理员菜单不固定----*/ position: absolute!important; } #wpadminbar #wp-admin-bar-customize { display: none!important; } #wpadminbar li#wp-admin-bar-comments{ display: block!important; } /* 文章内嵌元素 CSS */ .input-group { margin: 0 0 16px; } .input-group input { width: 80%; } .input-group input[type="text"] { padding: 4px 6px 2px; font-size: 12px; color: #444; vertical-align: middle; background-color: #fff; background-repeat: no-repeat; background-position: right 8px center; border: 1px solid #ccc; border-radius: 3px; outline: none; box-shadow: inset 0 1px 2px rgba(0,0,0,0.075); } .input-group input[type="text"].focus,.input-group input[type="text"]:focus { border-color: #51a7e8; box-shadow: inset 0 1px 2px rgba(0,0,0,0.075),0 0 5px rgba(81,167,232,0.5) } .input-group .input-group-button { margin: 0 0 0 12px; } .input-group .input-group-button { text-decoration: none; } /** 短代码 密码 **/ .post-password-form { margin: 15px 0; padding: 6px 8px; border-radius: 4px; border: 2px solid #34a853; } .post-secret { margin: 0 0 6px; font-weight: bold; } .post-password-form p { margin: 9px 0!important; } img.post-secret-qr { float: right; display: block; height: 100px; margin: 6px 0; } .post-password-form input[type="password"] { width: 50%; height: 36px; line-height: 30px; background: #fff; padding: 5px; border-radius: 2px; border: 1px solid #dfaea3; -webkit-appearance: none; } .post-password-form input[type="submit"] { width: 60px; height: 36px; background: #fff; padding: 5px; cursor: pointer; border-radius: 2px; border: 1px solid #dfaea3; -webkit-appearance: none; } .post-password-form input[type="submit"]:hover { background: #800000; color: #fff !important; border: 1px solid #800000; } /** 短代码 回复可见 **/ .reply-to-read { border-left: 5px solid #800000; padding: 6px 0 6px 12px; background: #fefefe; } /* AMP */ .amp-wp-article-content > pre { overflow: auto!important; } /** 小于或者等于 1400px **/ @media screen and (max-width: 1440px) { /*文章页左侧 文章目录 */ .posts_nav_left{ display: none; } } /** 小于或者等于 1200px **/ @media screen and (max-width: 1200px) { /** 主体 **/ #container{ width: 100%; } #masthead, #content, #colophon { width: 94%; } } @media screen and (max-width: 1080px) { #primary { width: 63.3333%; } #sidebar { width: 31.1111%; } .archives-cat ul li { width: 25%; } } /** 等于或小于935px **/ @media screen and (max-width: 960px) { #primary { width: 67.7777%; } #sidebar { width: 27.7777%; } .entry-header h1 { font-size: 2.2rem; font-size: 22px; padding: 2px 0; } .entry-header h2 a { font-size: 20px; font-size: 2rem; } #sidebar h3 { font-weight: normal; font-size: 16px; font-size: 1.6rem; } .r-hide { display: none!important; } .archives-cat ul li { width: 20%; } } @media screen and (max-width: 850px) { .site_quote { display: none; } } @media screen and (max-width: 750px) { .archives-cat ul li { width: 25%; } #primary, #sidebar { width: auto; float: none; } } /** 等于或小于620px **/ @media screen and (max-width: 620px) { /** 头部 **/ #masthead, .main-nav-container { height: 40px; line-height: 40px; } .logo-site { margin-top: 0; } .site-title { font-size: 20px; font-size: 2rem; } #site-nav .nav-menu ul { margin-top: 0; } .nav-main ul li:not(:first-child) { padding-left: 10px; } .nav-main ul li ul li { padding: 0!important; } .nav-menu li.menu-item-has-children:after { top: 18px; } .nav-menu li ul.sub-menu { top: 38px; } .index-nav { margin: 20px 0 16px; } /** 主体 **/ #single-widget .widget { width: 99.6%; } .home-notes {/*首页广告*/ margin: 16px 0 12px; } .entry-header h1 { font-size: 1.8rem; font-size: 18px; padding: 2px 0; } /*.entry-header h2 { 纯CSS 多行文本溢出省略号 https://fatesinger.com/100068 max-height: 2.5rem; }*/ .entry-header h2 a { font-size: 16px; font-size: 1.6rem; line-height: 1.2; font-weight: bold; } .entry-more { display: none; } .single-content embed { height: 250px; } .post, .search-results .page, .google_ads_index, .google_ads_index_nav { margin: 0 0 24px; } .add-info { display: none; } /*- 静态首页 -*/ .home-table-left, .home-table-right { width: auto; float: none; } /*- 评论时间改小 -*/ .comment-aux { font-size: 12px; } /*-------文章归档页面-所有读者----*/ .all-readers-info { width: 31%!important; } } /** 等于或小于550px **/ @media screen and (max-width: 550px) { #masthead, #content, #colophon { width: 92%; } #site-nav { font-size: 14px; font-size: 1.4rem; } .nav-menu li:hover ul.sub-menu:before { top:-13px;} .nav-menu li:hover ul.sub-menu:after { top:-12px;} .mobile_hide { display: none!important; } .page-numbers { display: none; line-height: 25px; padding: 5px; } /** 评论分页 **/ .comment-navigation{ margin: 0 0 10px; } .comment-navigation .current { line-height: 35px; padding: 0 0 0 50%; } .comment-navigation .next { right: 5px; } .comment-navigation .prev { left: 5px; } .comment-form-author,.comment-form-email,.comment-form-url { width: 100%; padding-right: 0; } #log-box { width: 80%; } .archives-cat ul li { width: 33.333%; } } /** 等于或小于480px **/ @media screen and (max-width: 480px) { .slider-caption { display: none; } .single-content { font-size: 14px; font-size: 1.4rem; line-height: 1.6; } .fontsmall { font-size: 14px; font-size: 1.4rem; } #catalog-box { bottom: 45px; right: 45px; max-width: 260px; } .callbacks_nav { top: 25% } /*-------文章归档页面-所有读者----*/ .all-readers-info { width: 46%!important; } .entry-content .entry-meta{ margin: 0; font-size: 13px; font-size: 1.3rem; word-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .archive-content { height: 64px; font-size: 13px; font-size: 1.3rem; } .entry-content .tag{ margin: 2px 0 0 0; } .block-image { /* 文章缩略图 */ height: 100px; width: 100px; margin: 6px 8px 0 0; } #log-box { width: 60%; } .archives-cat ul li { width: 48%; } .mobile_hide_480 { display: none!important; } } /** 等于或小于440px **/ @media screen and (max-width: 440px) { .entry-meta .edit-link { display: none; } .single-content h2{ margin: 0 0 8px; } .single-content h3 { margin: 0 0 8px; } .entry-meta { margin: -6px 0 2px 0; } .mobile_hide_440 { display: none!important; } #log-box { width: 50%; } } /** 等于或小于366px **/ @media screen and (max-width: 366px) { .entry-meta .date { display: none; } .mobile_hide_360 { display: none!important; } } /** 等于或小于266px **/ @media screen and (max-width: 266px) { #site-nav { font-size: 14px; font-size: 1.4rem; } .nav-menu a { padding: 0 0 0 8px; } } @media print { #masthead { width: 100%; padding: 0 20px; position: relative; } #primary { width: 100%; padding: 6px 20px; } #sidebar, #scroll,.catalog-button { display: none; } }