主题：hexo-next风格主题
主题：Custom
页首html
<script src="https://cdn.bootcss.com/fancybox/3.5.7/jquery.fancybox.js"></script>
<script src="https://cdn.bootcss.com/clipboard.js/2.0.4/clipboard.min.js"></script>
<script src="https://blog-static.cnblogs.com/files/gshang/gshang.owo.2020.01.05.1.js"></script>
<script src="https://blog-static.cnblogs.com/files/ctgu/perfect-scrollbar.min.js"></script>
<script src="https://cdnjs.loli.net/ajax/libs/mdui/0.4.3/js/mdui.min.js"></script>
<script src="https://blog-static.cnblogs.com/files/gshang/sidebarContent.js"></script>
<script src="https://blog-static.cnblogs.com/files/gshang/notiflix-2.0.0.min.js"></script>
<script src="https://blog-static.cnblogs.com/files/gshang/highlight.pack.js"></script>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.js"></script>
<!--<script type="text/javascript" src="https://files.cnblogs.com/files/gshang/51La.min.js"></script>-->
<script>
// 运行脚本
$('code.language-runCode').each(function() {
window.eval($(this).text());
$(this).parent('pre').remove();
});
$('#sidebar-toggler').click(function() {
$('#main').toggleClass('main-widthout-sidebar')
});
$('#navList').append('<li><a id="blog_nav_about" class="menu" href="https://www.cnblogs.com/schips/p/about.html">友链</a></li>')
sidebarToggle = function() {
if ($.cookie('is-side-open') == 'open') {
$.cookie('is-side-open', 'close', {
expires: 30,
path: '/',
domain: 'cnblogs.com'
});
$('#main').addClass('main-widthout-sidebar');
} else {
$.cookie('is-side-open', 'open', {
expires: 30,
path: '/',
domain: 'cnblogs.com'
});
$('#main').removeClass('main-widthout-sidebar');
}
}
showSide = function() {
$('#sideBarMain').fadeIn();
$('#myside').addClass('active');
$('#mycontent').removeClass('active');
$('#sidebar_scroller').fadeOut();
}
showContent = function() {
$('#sideBarMain').fadeOut();
$('#myside').removeClass('active');
$('#mycontent').addClass('active');
$('#sidebar_scroller').fadeIn();
}
$('#sideBar').css('margin-top', $('#header').outerHeight() + 20);
$(function() {
// 博文
if ($("#topics").length > 0) {
//$('.btn-top').after('<li class="btn-comment"><a href="#commentform_title"></a></li>');
//$('#main').toggleClass('main-hide');
//$('.btn-main').addClass('btn-main-open');
//高亮
$('pre code').each(function(i, block) {
hljs.highlightBlock(block);
});
// 表格滚动
$("table").each(function() {
$(this).css('cssText', 'width:100%!important;display:table;');
$(this).wrapAll('<div class="tablebox"></div>');
$(".tablebox").css('overflow', 'auto');
});
// 新窗口打开
$('#cnblogs_post_body a[href^="http"]').each(function() {
$(this).attr('target', '_blank');
});
// fancybox
$(".cnblogs-markdown img").each(function() {
var element = document.createElement("a");
$(element).attr("data-fancybox", "gallery");
$(element).attr("href", $(this).attr("src"));
$(element).attr('data-caption', $(this).attr("alt"));
$(this).wrap(element);
if ($(this).attr("alt") != "") {
$(this).parent().after('<div class="img-caption">' + $(this).attr("alt") + '</div>');
}
})
// 代码复制
for (i = 0; i <= $('pre').length; i++) {
$('pre').eq(i).wrapAll('<div class="copyItem"></div>');
$(".copyItem").css('position', 'relative');
$('pre').eq(i).before('<div class="clipboard-button" id="copy_btn_' + i +
' " data-clipboard-target="#copy_target_' +
i + '"title="复制"></div>');
$('pre').eq(i).attr('id', 'copy_target_' + i);
}
$('pre code').each(function() {
var lines = $(this).text().split('\n').length - 1;
var $numbering = $('<ul/>').addClass('pre-numbering');
$(this)
.addClass('has-numbering')
.parent()
.append($numbering);
for (i = 1; i <= lines; i++) {
$numbering.append($('<li/>').attr('data-number', i));
}
});
var clipboard = new ClipboardJS('.clipboard-button');
clipboard.on('success', function(e) {
e.trigger.innerHTML = '成功';
setTimeout(function() {
e.trigger.innerHTML = '';
}, 2 * 1000);
e.clearSelection();
});
clipboard.on('error', function(e) {
e.trigger.innerHTML = '失败';
setTimeout(function() {
e.trigger.innerHTML = '';
}, 2 * 1000);
e.clearSelection();
});
// 设置评论区头像
$(document).ajaxComplete(function(event, xhr, option) {
//评论头像
if (option.url.indexOf("GetComments") > -1) {
setTimeout(function() {
owoEmoji();
$.each($(".feedbackItem"), function(index, ele) {
var self = $(ele);
var obj = self.find(".blog_comment_body");
var id = obj.attr("id").split("_")[2];
var blog = self.find('a[id^="a_comment_author"]');
var blogUrl = blog.attr("href");
var imgSrc = $("#comment_" + id + "_avatar").html() || "http://pic.cnblogs.com/avatar/simple_avatar.gif";
self.prepend('<a href="' + blogUrl + '"><img src="' + imgSrc +
'" style="float:left;" class="comment_avatar"></a');
$(".feedbackListSubtitle").addClass("feedbackListSubtitle_right");
$(".feedbackCon").addClass("feedbackCon_right");
});
//myscroll();
}, 300)
}
})
// 引入owo插件
owoEmoji = function() {
$(".commentbox_footer").before(
'<div class="OwO" onclick="load_face(this)"><div class="OwO-logo"><i class="fa fa-smile-o" aria-hidden="true"></i></div></div>'
);
}
// 表情按钮按下
load_face = function(b) {
var c = new OwO({
logo: '<i class="fa fa-smile-o" aria-hidden="true"></i>',
container: document.getElementsByClassName("OwO")[0],
target: document.getElementById("tbCommentBody"),
api: "https://cdn.jsdelivr.net/gh/gshang2018/home/gshang.owo.json",
position: "up",
width: "100%",
maxHeight: "250px"
});
b.classList.add("OwO-open");
b.onclick = null
}
}
// 侧边目录
if ($("#topics").length > 0) {
//先获取第一个h标签, 之后循环时作为上一个h标签
var $ph = $('#cnblogs_post_body :header:eq(0)');
if ($ph.length > 0) {
//设置层级为1
$ph.attr('offset', '1');
//添加导航目录的内容
$('#sideBar').prepend(
'<div class="side-choose"><a id="myside" href="javascript:showSide()">站点概览</a><a id="mycontent" href="javascript:showContent()">文章目录</a></div>'
)
$('.side-choose').after(
'<div id="sideBarContent"><div id="sidebar_scroller" ><ul class="nav"></ul></div></div>'
);
$('#sideBarMain').hide();
showContent();
//取当前边栏的宽度
//$('#sidebar_scroller').css('width', ($('#sideBarMain').width()) + 'px');
//让导航目录停留在页面顶端
// $('#sidebar_scroller').stickUp();
//遍历文章里每个h标签
$('#cnblogs_post_body :header').each(function(i) {
var $h = $(this);
//设置h标签的id, 编号从0开始
$h.attr('id', 'scroller-' + i);
//比上一个h标签层级小, 级数加1
if ($h[0].tagName > $ph[0].tagName) {
$h.attr('offset', parseInt($ph.attr('offset')) + 1);
} //比上一个h标签层级大, 级数减1
else if ($h[0].tagName < $ph[0].tagName) {
var h = parseInt($h[0].tagName.substring(1));
var ph = parseInt($ph[0].tagName.substring(1));
var offset = parseInt($ph.attr('offset')) - (ph - h);
if (offset < 1) {
offset = 1
};
$h.attr('offset', offset);
} //和上一个h标签层级相等时, 级数不变
else {
$h.attr('offset', $ph.attr('offset'));
}
//添加h标签的目录内容
$('#sidebar_scroller ul').append('<li class="scroller-offset' + $h.attr('offset') + '"><a href="#scroller-' +
i +
'">' + $h.text() + '</a></li>');
//最后设置自己为上一个h标签
$ph = $h;
});
//开启滚动监听, 监听所有在.nav类下的li
$('body').scrollspy({
offset: 110
});
// 侧边
/*
$(document).ajaxComplete(function(event, xhr, option) {
if (option.url.indexOf("TopLists") > -1) {
setTimeout(function() {
$('#sidebar_scroller').toggle();
toggleContent();
toggleMain();
}, 300)
}
})*/
//Notiflix.Notify.Success('已生成博文目录，点击右下角图标查看')
/*当前目录激活监听*/
$(window).scroll(function() {
var now = $('#sidebar_scroller').find('.active');
var prevNum = now.prevAll().length - 1;
var basicHeight = now.outerHeight();
$('#sideBarContent').scrollTop(prevNum * basicHeight)
});
}
}
// 侧边悬浮按钮
$('#home').append(
'<div class="float-btn"><ul>' +
'<li class="btn-top"><a href="#top"></a></li>' +
'</ul></div>'
)
/*评论模块的滚动隐藏效果*/
var windowTop = 0;
$(window).scroll(function() {
var scrolls = $(this).scrollTop();
if (scrolls >= windowTop) { //当scrolls>windowTop时，表示页面在向下滑动
//$('#header').addClass('header-hide');
$('.float-btn').addClass('float-btn-hide');
windowTop = scrolls;
} else {
//$('#header').removeClass('header-hide');
$('.float-btn').removeClass('float-btn-hide');
windowTop = scrolls;
}
});
$('.nav a').click(function() {
var w = document.body.clientWidth;
if (w <= 1200) {
$('#main').toggleClass('main-widthout-sidebar');
}
})
// 平滑滚动控制
myscroll = function() {
$('a[href*=\\#],area[href*=\\#]').click(function() {
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
var $target = $(this.hash);
$target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
if ($target.length) {
var targetOffset = $target.offset().top;
$('html,body').animate({
scrollTop: targetOffset
},
500);
return false;
}
}
})
}
myscroll()
})
//侧边固定
$(document).scroll(function() {
var $top = parseInt($(window).scrollTop()) + $(window).height();
var sideBarHeight = $('#header').outerHeight();
var mainContentHeight = $('#mainContent').outerHeight();
if (true) {
if ($top >= sideBarHeight && $top <= mainContentHeight) {
$("#sideBarMain,#sideBarContent").addClass('sidebar-fixed')
if ($("#topics").length > 0) {
//先获取第一个h标签, 之后循环时作为上一个h标签
var $ph = $('#cnblogs_post_body :header:eq(0)');
if ($ph.length > 0) {
$("#sideBarMain,#sideBarContent").addClass('topics-fixed')
}
}
$(".side-choose").addClass('side-choose-fixed')
} else {
$("#sideBarMain,#sideBarContent").removeClass('sidebar-fixed')
$(".side-choose").removeClass('side-choose-fixed')
}
}
if ($(window).scrollTop() < $('#header').outerHeight()) {
$("#sideBarMain,#sideBarContent").removeClass('sidebar-fixed');
$("#sideBarMain,#sideBarContent").removeClass('topics-fixed')
$(".side-choose").removeClass('side-choose-fixed')
$('.btn-top').fadeOut();
} else {
$('.btn-top').fadeIn();
}
});
</script>
页脚html
<!--
<script src="https://gitee.com/j-x/home/raw/master/Theme.js"></script>
主题脚本-->
<!--代码复制-->
<script src="https://cdn.bootcss.com/clipboard.js/2.0.4/clipboard.min.js"></script>
<!--文章目录-->
<script src="http://files.cnblogs.com/files/ctxsdhy/scrollspy.js"></script>
<script src="http://files.cnblogs.com/files/ctxsdhy/stickUp.min.js"></script>
<script src="http://files.cnblogs.com/files/jackson0714/Comments.js"></script>
<!--符号
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">
<!--语法高亮-->
<!--<script src="https://blog-static.cnblogs.com/files/gshang/highlight.pack.js"></script>
<script> hljs.initHighlightingOnLoad(); </script> -->
<script src="https://blog-static.cnblogs.com/files/gshang/matlab-highlight.js"></script>
<script>
highlightMATLABCode();
</script>
<!--自定义语法-->
<script src="https://gitee.com/j-x/home/raw/master/mymd.js"></script>
<!--放大图片-->
<div id="outerdiv" style="position:fixed;top:0;left:0;background:rgba(0,0,0,0.9);z-index:999999999;width:100%;height:100%;display:none;">
<div id="innerdiv" style="position:absolute;">
<img id="bigimg" src="" />
</div>
</div>
css
/*
@charset "utf-8";
@import url("https://unpkg.com/element-ui@2.13.0/lib/theme-chalk/index.css");
@import url(https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css) screen and (min-width:0px);
@import url(https://cdn.bootcss.com/fancybox/3.5.7/jquery.fancybox.css) screen and (min-width:0px);
@import url(https://cdnjs.cloudflare.com/ajax/libs/mdui/0.4.3/css/mdui.min.css) screen and (min-width:0px);
@import url(https://blog-static.cnblogs.com/files/gshang/notiflix-2.0.0.min.css) screen and (min-width:0px);
*/
@charset "utf-8";
@import url(https://files.cnblogs.com/files/schips/index.css);
@import url(https://files.cnblogs.com/files/schips/font-awesome.min.css) screen and (min-width:0px);
@import url(https://files.cnblogs.com/files/schips/mdui.min.css) screen and (min-width:0px);
@import url(https://files.cnblogs.com/files/schips/jquery.fancybox.css) screen and (min-width:0px);
@import url(https://files.cnblogs.com/files/schips/notiflix-2.0.0.min.css) screen and (min-width:0px);
:root {
--body-bg-color: #eee;
--content-bg-color: #fff;
--card-bg-color: #f5f5f5;
--text-color: #555;
--blockquote-color: #666;
--link-color: #555;
--link-hover-color: #222;
--brand-color: #fff;
--brand-hover-color: #fff;
--table-row-odd-bg-color: #f9f9f9;
--table-row-hover-bg-color: #f5f5f5;
--menu-item-bg-color: #f5f5f5;
--btn-default-bg: #fff;
--btn-default-color: #555;
--btn-default-border-color: #555;
--btn-default-hover-bg: #222;
--btn-default-hover-color: #fff;
--btn-default-hover-border-color: #222;
--color-primary: #409eff;
--color-success: #67c23a;
--color-success-0: #85ce61;
--color-success-1: #e1f3d8;
--color-success-2: #f0f9eb;
--color-warning: #e6a23c;
--color-warning-0: #ebb563;
--color-warning-1: #faecd8;
--color-warning-2: #fdf6ec;
--color-danger: #f56c6c;
--color-danger-0: #f78989;
--color-danger-1: #fde2e2;
--color-danger-2: #fef0f0;
--color-info: #909399;
--color-info-0: #a6a9ad;
--color-info-1: #e9e9eb;
--color-info-2: #f4f4f5;
--color-text-primary: #303133;
--color-text-regular: #606266;
--color-text-secondary: #909399;
--color-text-placeholder: #c0c4cc;
--border-color-base: #dcdfe6;
--border-color-light: #e4e7ed;
--border-color-lighter: #ebeef5;
--border-color-extra-linght: #eee;
--color-white: #ffffff;
--color-black: #000000;
--background-color-base: #f5f7fa;
--text-h1: 24px;
--text-h2: 22px;
--text-h3: 20px;
--text-h4: 18px;
--text-h5: 16px;
--text-h6: 14px;
--basic-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
--light-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
/** old ***/
--ThemeColor: var(--color-primary);
--TextColor1: #141418;
--TextColor2: #5f5f6b;
--TextColor3: #97979f;
--DividColor: #e7eaf0;
--BlockColor: #fff;
--BackgroundColor: #f4f6fa;
}
:root[theme='dark'] {
--color-primary: #409eff;
--color-success: #67c23a;
--color-success-0: #85ce61;
--color-success-1: #e1f3d8;
--color-success-2: #f0f9eb;
--color-warning: #e6a23c;
--color-warning-0: #ebb563;
--color-warning-1: #faecd8;
--color-warning-2: #fdf6ec;
--color-danger: #f56c6c;
--color-danger-0: #f78989;
--color-danger-1: #fde2e2;
--color-danger-2: #fef0f0;
--color-info: #909399;
--color-info-0: #a6a9ad;
--color-info-1: #e9e9eb;
--color-info-2: #f4f4f5;
--color-text-primary: #fafbfc;
--color-text-regular: #f2f4f5;
--color-text-secondary: #909399;
--color-text-placeholder: #c0c4cc;
--border-color-base: #4c5054;
--border-color-light: #414446;
--border-color-lighter: #323435;
--border-color-extra-linght: #313233;
--color-white: #1F2425;
--color-black: #000000;
--background-color-base: #24292e;
--text-h1: 24px;
--text-h2: 22px;
--text-h3: 20px;
--text-h4: 18px;
--text-h5: 16px;
--text-h6: 14px;
--basic-shadow: 0 2px 4px rgba(255, 255, 255, 0.12), 0 0 6px rgba(255, 255, 255, 0.04);
--light-shadow: 0 2px 12px 0 rgba(255, 254, 254, 0.1);
/** old ***/
--ThemeColor: var(--color-primary);
--TextColor1: #fafbfc;
--TextColor2: #f2f4f5;
--TextColor3: #909399;
--DividColor: #4c5054;
--BlockColor: #1f2428;
--BackgroundColor: #24292e;
}
/* 去广告 */
#ad_c1,
#ad_c2,
#ad_t2,
.blogStats,
#bannerbar,
#under_post_news,
.c_ad_block {
display: none
}
:before,
:after {
// schips
font-family: fontawesome, element-icons;
}
* {
box-sizing: border-box;
}
body {
background: var(--body-bg-color);
color: var(--text-color);
font-family: Lato,"PingFang SC","Microsoft YaHei",sans-serif;
font-size: 1em;
line-height: 2;
}
body,
html {
height: 100%;
}
body {
margin: 0;
}
h1 {
font-size: 2em;
margin: .67em 0
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background: 0 0
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: textfield
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button
}
details {
display: block
}
summary {
display: list-item
}
template {
display: none
}
[hidden] {
display: none
}
::selection {
background: #262a30;
color: #eee
}
body,
html {
height: 100%
}
body {
background: var(--body-bg-color);
color: var(--text-color);
/* font-family: 'Lato', "PingFang SC", "Microsoft YaHei", sans-serif; */
font-size: 1em;
line-height: 2;
}
@media (max-width: 991px) {
body {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Lato, "PingFang SC", "Microsoft YaHei", sans-serif;
font-weight: 700;
line-height: 1.5;
margin: 20px 0 15px
}
h1 {
font-size: 1.5em
}
h2 {
font-size: 1.375em
}
h3 {
font-size: 1.25em;
}
h4 {
font-size: 1.125em
}
h5 {
font-size: 1em
}
h6 {
font-size: .875em
}
.cnblogs-markdown h1{
display: none;
}
.cnblogs-markdown h2:before{
content: "#";
color: #eb5055;
position: relative;
top: 0;
left: 0px;
}
.cnblogs-markdown h3:before{
content: "##";
color: #2175bc;
position: relative;
top: 0;
left: -2px;
}
.cnblogs-markdown h4:before{
content: "###";
color: #5bc;
position: relative;
top: 0;
left: -2px;
}
.cnblogs-markdown h5:before{
content: "####";
color: #9bc;
position: relative;
top: 0;
left: -2px;
}
p {
margin: 0 0 20px 0
}
a,
span.exturl {
/* border-bottom: 1px solid #999; */
color: var(--link-color);
outline: 0;
text-decoration: none;
overflow-wrap: break-word;
word-wrap: break-word;
cursor: pointer;
}
a:hover,
span.exturl:hover {
border-bottom-color: var(--link-hover-color);
color: var(--link-hover-color);
}
iframe,
img,
video {
/* display: block; */
/* margin-left: auto; */
/* margin-right: auto; */
/* max-width: 100% */
}
hr {
/* background-image: repeating-linear-gradient(-45deg,#ddd,#ddd 4px,transparent 4px,transparent 8px); */
/* border: 0; */
/* height: 3px; */
/* margin: 40px 0; */
}
blockquote {
border-left: 4px solid #ddd;
color: var(--blockquote-color);
margin: 0;
padding: 0 15px
}
blockquote cite::before {
content: '-';
padding: 0 5px
}
dt {
font-weight: 700
}
dd {
margin: 0;
padding: 0
}
kbd {
background-color: #f5f5f5;
background-image: linear-gradient(#eee, #fff, #eee);
border: 1px solid #ccc;
border-radius: .2em;
box-shadow: .1em .1em .2em rgba(0, 0, 0, .1);
color: #555;
font-family: inherit;
padding: .1em .3em;
white-space: nowrap
}
.table-container {
overflow: auto
}
/*
table {
border-collapse: collapse;
border-spacing: 0;
font-size: .875em;
margin: 0 0 20px 0;
width: 100%
}
tbody tr:nth-of-type(odd) {
background: var(--table-row-odd-bg-color)
}
tbody tr:hover {
background: var(--table-row-hover-bg-color)
}
caption,td,th {
font-weight: 400;
padding: 8px;
vertical-align: middle
}
td,th {
border: 1px solid #ddd;
border-bottom: 3px solid #ddd
}
th {
font-weight: 700;
padding-bottom: 10px
}
td {
border-bottom-width: 1px
}
*/
#home {
margin: 0 auto;
position: relative;
width: calc(100% - 20px)
}
@media (min-width: 1200px) {
#home {
width: 1160px
}
}
@media (min-width: 1600px) {
#home {
width: 73%
}
}
@media (max-width: 991px) {
#home {
width: auto
}
}
#header {
background: var(--content-bg-color);
border-radius: initial;
/* box-shadow: 0 2px 2px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.06),0 1px 5px 0 rgba(0,0,0,.12); */
overflow: hidden;
padding: 0;
position: absolute;
top: 0;
width: 240px;
}
@media (min-width: 1200px) {
#header {
width: 240px
}
}
@media (max-width: 991px) {
#header {
border-radius: initial;
position: relative;
width: auto
}
}
#main {
align-items: flex-start;
display: flex;
justify-content: space-between;
flex-direction: row-reverse
}
@media (max-width: 991px) {
#main {
width: auto;
padding: 0!important;
}
}
#mainContent {
/* background: var(--content-bg-color); */
border-radius: initial;
/* box-shadow: 0 2px 2px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.06),0 1px 5px 0 rgba(0,0,0,.12); */
box-sizing: border-box;
padding: 0px;
width: calc(100% - 252px);
}
@media (max-width: 991px) {
#mainContent {
border-radius: initial;
/* padding: 20px; */
width: 100%;
}
}
#sideBar {
background: var(--body-bg-color);
box-shadow: none;
margin: 460px 0 0 -10px;
position: static;
width: 240px;
}
@media (max-width: 991px) {
#sideBar {
display: none
}
}
#lnkBlogLogo {
display: none;
}
#blogTitle {
display: flex;
flex-shrink: 0;
flex-direction: column;
padding: 20px 10px;
background: #222;
color: var(--brand-color);
text-align: center;
}
#blogTitle a {
color: inherit;
text-decoration: none;
border: none;
}
#blogTitle h1 {
font-family: Lato, "PingFang SC", "Microsoft YaHei", sans-serif;
font-size: 1.375em;
font-weight: 400;
margin: 0;
}
#blogTitle h2 {
color: #ddd;
font-size: .8125em;
margin: 10px 0;
font-weight: normal;
}
#navList {
list-style-type: none;
padding: 0;
}
#navList li {
margin: 0;
padding: 0px 20px;
}
#navList li a {
border: none;
display: block;
width: 100%;
padding: 5px 0;
}
#navList li:hover {
background: var(--menu-item-bg-color)
}
#navList li a:before {
margin-right: 10px;
}
#blog_nav_sitehome:before {
content: "⛪"
}
#blog_nav_myhome:before {
content: "⛪"
}
#blog_nav_newpost:before {
content: "🌠"
}
#blog_nav_contact:before {
content: "📞"
}
#blog_nav_rss:before {
content: "🚩"
}
#blog_nav_admin:before {
content: "♻"
}
#blog_nav_about:before {
content:"🌴"
}
.day,
.entrylist {
border-radius: initial;
background: var(--content-bg-color);
border-radius: initial;
/* box-shadow: 0 2px 2px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.06), 0 1px 5px 0 rgba(0,0,0,.12); */
padding: 20px;
margin-top: 12px;
}
.dayTitle {
display: none
}
.postTitle,
.entrylistPosttitle {
font-size: 1.5em;
font-weight: 400;
margin: initial;
text-align: center;
overflow-wrap: break-word;
word-wrap: break-word;
margin-bottom: 10px;
}
.entrylistTitle {
text-align: left;
/* margin-bottom:40px; */
}
.entrylistDescription {
border-bottom: 1px dashed #999;
margin-bottom: 40px;
}
.postTitle a,
.entrylistPosttitle a {
border: none;
display: block;
position: relative;
margin-bottom: 2px;
width: fit-content;
margin: 0 auto;
}
.postTitle a:after,
.entrylistPosttitle a:after {
content: "";
display: block;
height: 2px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 0;
background: var(--link-color);
margin: 0 auto;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
}
.postTitle a:hover:after,
.entrylistPosttitle a:hover:after {
width: 100%;
background: var(--link-color);
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
}
.day .postDesc,
.entrylistItemPostDesc {
display: none;
}
.c_b_p_desc_readmore {
display: table;
margin: 0 auto;
margin-top: 40px;
text-align: center;
background: var(--btn-default-bg);
border: 2px solid var(--btn-default-border-color);
border-radius: 2px;
color: var(--btn-default-color);
font-size: .875em;
line-height: 2;
padding: 0 20px;
text-decoration: none;
transition-property: background-color;
transition-delay: 0s;
transition-duration: .2s;
transition-timing-function: ease-in-out;
}
.c_b_p_desc_readmore:after {
content: " »"
}
.c_b_p_desc_readmore:hover {
background: var(--btn-default-hover-bg);
border-color: var(--btn-default-hover-border-color);
color: var(--btn-default-hover-color)
}
.postSeparator {
margin: 50px 0 30px;
border-bottom: 1px dashed #999;
}
.desc_img {
display: none;
}
#sideBar {
background: var(--content-bg-color);
border-radius: initial;
/* box-shadow: 0 2px 2px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.06), 0 1px 5px 0 rgba(0,0,0,.12), 0 -1px 0.5px 0 rgba(0,0,0,.09); */
box-sizing: border-box;
color: var(--text-color);
/* margin-left: 0; */
overflow: hidden;
}
#sidebar_news .catListTitle {
display: none;
}
.profile-avatar {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 40px 0 10px;
}
.profile-avatar img {
height: 150px;
/* border-radius: 100%; */
width: 150px;
padding: 4px;
border: 1px solid #eee;
}
#profile_block {
font-size: 0;
display: flex;
flex-wrap: wrap;
flex: 1;
padding: 20px 10px;
justify-content: space-around;
align-items: center;
width: 100%;
box-sizing: border-box;
margin: 0;
}
#profile_block a[href^="https://home.cnblogs.com/u/"] {
font-weight: bold;
}
#profile_block a[href^="https://home.cnblogs.com/u/"]:after {
font-weight: normal;
}
#profile_block a[href^="https://home.cnblogs.com/u/"]:nth-child(1) {
color: var(--text-color);
font-weight: 600;
margin: 0;
text-align: center;
font-size: 18px;
width: 100%;
border: none;
margin: 0 0 20px 0;
}
#profile_block a[href^="https://home.cnblogs.com/u/"][title^="入园时间"] {
color: var(--text-color);
margin: 0;
text-align: center;
font-size: 14px;
width: calc(33% - 8px) !important;
border: none;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: list-item;
list-style-type: none !important;
padding: 0 4px;
}
#profile_block a[href^="https://home.cnblogs.com/u/"][title^="入园时间"]:after {
content: "入园时间";
text-align: center;
display: list-item;
list-style-type: none !important;
}
#profile_block a[href^="https://home.cnblogs.com/u/"]:nth-child(5):after {
content: "粉丝";
display: list-item;
list-style-type: none !important;
}
#profile_block a[href^="https://home.cnblogs.com/u/"]:nth-child(5) {
color: var(--text-color);
margin: 0;
text-align: center;
font-size: 14px;
width: calc(33% - 8px) !important;
border: none;
display: list-item;
border-left: 1px solid #999;
border-right: 1px solid #999;
list-style-type: none !important;
padding: 0 4px;
}
#profile_block a[href^="https://home.cnblogs.com/u/"]:nth-child(7) {
color: var(--text-color);
margin: 0;
text-align: center;
font-size: 14px;
width: calc(33% - 8px) !important;
border: none;
display: list-item;
list-style-type: none !important;
padding: 0 4px;
}
#profile_block a[href^="https://home.cnblogs.com/u/"]:nth-child(7):after {
content: "关注";
display: list-item;
list-style-type: none !important;
}
#blog-calendar,
.sidebar-block {
padding: 20px;
background: var(--content-bg-color);
/* margin:20px 0; */
/* box-shadow: 0 2px 2px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.06), 0 1px 5px 0 rgba(0,0,0,.12); */
}
#sidebar_news {
background: var(--content-bg-color);
}
.sidebar-block .catListTitle {
font-size: 18px;
font-weight: 600;
margin: -20px -20px 0px;
line-height: 50px;
text-indent: 20px;
border-top: 1px solid #eee;
}
.sidebar-block ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.sidebar-block ul a {
border: none;
}
#sidebar_recentposts li,
#sidebar_topviewedposts li,
#sidebar_topcommentedposts li,
#sidebar_topdiggedposts li {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#topics {
background: var(--content-bg-color);
/* box-shadow: 0 2px 2px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.06), 0 1px 5px 0 rgba(0,0,0,.12); */
padding: 20px;
}
#topics .postTitle a:after {
display: none !important;
}
.post {
display: flex;
flex-direction: column;
grid-template-columns: 100%;
width: 100%;
}
.postBody {
order: 1;
/* padding: 20px 20px !important; */
border-radius: 0;
box-sizing: border-box;
display: grid;
grid-template-columns: 100%;
width: 100%;
overflow: hidden;
}
#topics .postDesc {
margin: 3px 0 60px 0;
color: #999;
font-family: 'Lato', "PingFang SC", "Microsoft YaHei", sans-serif;
text-align: center;
font-size: 0;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.post .postDesc span,
.post .postDesc a {
font-size: 14px;
margin-right: 20px;
border: none;
/* display: inline-table; */
}
.post .postDesc span:before,
.post .postDesc a:before {
margin-right: 4px;
}
#post-date:before {
content: "🕓";
font-family: element-icons;
}
#post_view_count:before {
content: "🦉";
font-family: element-icons;
}
#post_comment_count:before {
content: "💬";
font-family: element-icons;
}
#post_comment_count {
/* flex-grow: 1; */
}
.post .postDesc a[href^="https://www.cnblogs.com/"]:before {
content: "💯";
font-family: element-icons;
}
.post .postDesc a[href="https://www.cnblogs.com/schips/"] {
order: -1;
/* width:100%; */
content: "\e6e3";
font-family: element-icons;
/* color: black; */
}
.post .postDesc a[target="_blank"]:before {
content: "👻";
font-family: element-icons;
}
.post .postDesc a[rel="nofollow"]:before {
content: "📝";
font-family: element-icons;
}
.post .postDesc a[href="javascript:void(0)"] {
margin-right: 0;
}
.post .postDesc a[href="javascript:void(0)"]:before {
content: "📌";
font-family: element-icons;
}
/************** 博文互动开始 ***************/
@media screen and (min-width:0px) {
#BlogPostCategory,
#EntryTag {
font-family: element-icons;
/* margin: 10px 0; */
font-size: 0;
}
#BlogPostCategory {
margin-bottom: 60px !important;
}
#BlogPostCategory a,
#EntryTag a {
margin: 0;
display: inline-block;
font-size: var(--text-h5);
}
#BlogPostCategory a {
/* background: var(--color-warning-1); */
/* color: var(--color-warning); */
padding: 4px 12px;
border-radius: 20px;
}
.postBody #BlogPostCategory:before {
content: "分类：";
font-weight: bold;
font-size: var(--text-h5) !important;
}
.postBody #EntryTag:before {
content: "关键词：";
font-weight: bold;
font-size: var(--text-h5) !important;
}
#EntryTag a {
/* background: var(--color-success-1); */
/* color: var(--color-success); */
padding: 4px 6px;
border-radius: 20px;
}
#BlogPostCategory a:before,
#EntryTag a:before {
margin-right: 4px;
}
#BlogPostCategory a:before {
content: "📗";
}
#EntryTag a:after {
content: " ;";
}
#blog_post_info {
display: flex;
flex-wrap: wrap;
align-items: center;
/* grid-template-columns:100%; */
/* grid-gap:20px; */
margin-top: 20px;
justify-content: space-between;
border-bottom: 1px solid var(--border-color-extra-linght);
}
#green_channel {
width: 100% !important;
padding: 20px 10px;
border: none;
margin: 0;
display: flex;
align-items: center;
/* grid-template-columns: repeat(3, 1fr); */
/* grid-gap: 30px; */
justify-content: center;
font-family: FontAwesome;
/* flex: auto; */
width: 100%;
order: 1;
}
#green_channel a {
padding: 0 20px;
}
#green_channel a {
background: transparent !important;
border: none !important;
box-shadow: none !important;
text-shadow: none !important;
color: var(--color-text-primary) !important;
padding: 0 !important;
margin: 0 10px !important;
}
#green_channel a:link,
#green_channel a:visited,
#green_channel a:active {
color: var(--color-text-primary) !important;
}
#green_channel a {
display: grid;
font-size: var(--text-h6) !important;
font-weight: normal;
grid-template-columns: 100%;
margin: 0 20px;
}
#green_channel a:before {
font-size: var(--text-h4);
}
#green_channel_digg:before {
content: "🍗";
}
#green_channel_follow:before {
content: "🎠";
}
#green_channel_favorite:before {
content: "⭐";
color: var(--color-warning);
}
#green_channel_weibo:before {
content: "\f18a";
color: var(--color-danger);
}
#green_channel_weibo img {
display: none;
}
#green_channel_weibo:after {
content: "微博分享"
}
#green_channel_wechat:before {
content: "\f1d7";
color: var(--color-success);
}
#green_channel_wechat img {
display: none;
}
#green_channel_wechat:after {
content: "微信分享"
}
/* 关闭 微信微博点赞*/
#green_channel_weibo,
#green_channel_digg,
#green_channel_follow,
#green_channel_favorite,
#green_channel_wechat{
display: none !important;
}
/*
#green_channel span,
{
display: none !important;
}
*/
#div_digg {
margin: 0 auto;
padding: 0;
width: fit-content;
color: var(--color-text-primary) !important;
/* flex-grow: 1; */
}
.diggit {
width: auto;
height: auto;
margin-top: 0;
padding: 4px 10px;
color: white !important;
background: var(--color-danger);
background-color: var(--color-danger);
border-radius: 3px;
font-size: 14px;
/* animation: star 1s ease-in-out infinite alternate; */
}
.diggit:hover {
background: var(--color-danger-0);
}
.diggnum {
color: white !important;
}
.diggit:before {
content: "💋";
font-family: 'Material Icons';
}
.buryit {
width: auto;
height: auto;
margin-top: 0;
padding: 4px 10px;
color: white !important;
background: #ced6e0;
border-radius: 3px;
font-size: 14px;
/* animation: star 1s ease-in-out infinite alternate; */
}
.buryit:hover {
background: #ced610;
}
.buryit:before {
content: "🤷";
font-family: 'Material Icons';
}
@keyframes star {
0% {
transform: scale(.8);
}
50% {
transform: scale(1);
}
100% {
transform: scale(.8);
}
}
@media screen and (max-width:540px) {
#div_digg {
margin: 0 auto;
}
#author_profile_honor {
display: none;
}
}
/* 博主信息 */
#author_profile {
order: 1;
width: 100%;
display: flex;
align-items: center;
margin: 20px 0;
}
.author_profile_info {
flex-grow: 1;
color: var(--color-text-primary);
}
#author_profile a:hover {
text-decoration: none;
}
.author_avatar {
margin: 0;
padding: 0;
height: 54px;
height: 54px;
border-radius: 100px;
}
#author_profile_detail {
margin-left: 10px;
}
#author_profile_honor {
margin: 0 10px;
font-size: var(--text-h5)
}
/*#author_profile_honor:before{
content:"\e70e";
font-family:element-icons;
}*/
#author_profile_follow {
font-size: 0;
}
#author_profile_follow a,
#author_profile_follow span {
background: var(--color-danger);
color: #fff;
padding: 6px 12px;
border-radius: 4px;
font-size: var(--text-h6);
}
#author_profile_follow:hover {
background: var(--color-danger-0);
}
/*上下篇*/
#post_next_prev {
font-size: var(--text-h5);
text-overflow: ellipsis;
width: 100% !important;
display: grid;
padding: 20px 0 0;
border-radius: 6px;
grid-template-columns: 0 auto 1fr 14px auto 1fr;
justify-content: space-between;
overflow: hidden;
}
#post_next_prev a {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#post_next_prev br {
width: 0 !important;
display: none;
margin: 0 7px !important;
}
.p_n_p_prefix {
font-size: 0;
}
}
/************** 博文互动结束 ***************/
/************** 评论开始 ***************/
@media screen and (min-width:0px) {
.login_tips {
padding: 20px;
background: none;
text-align: center;
}
#blog-comments-placeholder div[style="color:green;margin:50px 0;font-weight:normal;"] {
margin: 0 !important;
padding: 20px;
text-align: center;
}
#blog-comments-placeholder div[style="color:green;margin:50px 0;font-weight:normal;"]:before {
content: "\e6cf";
font-family: element-icons;
margin-right: 6px;
}
#comment_form_container span[style="color:red"] {
text-align: center !important;
padding: 20px !important;
display: block;
}
#comment_form_container span[style="color:red"]:before {
content: "\f071";
font-family: FontAwesome;
margin-right: 6px;
}
.commentbox_tab:hover,
.commentbox_tab.active {
border-bottom-color: #fc6423;
}
#comment_form {
border: 0px solid var(--border-color-light);
}
#comment_form,
#blog-comments-placeholder {
margin: 20px 0;
background: var(--color-white);
border-radius: 0;
/* box-shadow: 0 2px 2px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.06), 0 1px 5px 0 rgba(0,0,0,.12); */
}
#blog-comments-placeholder br {
display: none;
}
#comment_nav {
padding: 20px;
text-align: center;
display: none;
/* border-bottom: 1px solid var(--border-color-extra-linght); */
}
#commentform_title {
background: none;
padding: 0;
margin: 0;
}
#commentform_title,
.feedback_area_title {
margin: 0;
font-size: var(--text-h4);
font-weight: 500;
/* text-indent:10px; */
padding: 14px 20px;
/* border-top: 1px solid var(--border-color-extra-linght); */
/* border-bottom: 1px solid var(--border-color-extra-linght); */
position: relative;
border-top: 1px solid #eee;
}
#commentform_title:before,
.feedback_area_title:before {
content: "";
border-left: solid 4px #fc6423;
margin-right: 10px;
width: fit-content;
}
#commentform_title:after,
.feedback_area_title:after {
/* content: ""; */
width: 40px;
height: 2px;
border-radius: 4px;
display: block;
background: var(--color-primary);
position: absolute;
bottom: -1px;
left: 20px;
z-index: 4;
transition: width 500ms;
}
#commentform_title:hover:after,
.feedback_area_title:hover:after {
width: 80px;
}
.feedbackItem {
border-bottom: 1px solid var(--border-color-extra-linght);
padding: 20px;
box-sizing: border-box;
position: relative;
}
.feedbackListSubtitle {
display: flex;
/* line-height:2; */
color: var(--color-text-secondary);
font-size: 0;
white-space: nowrap;
overflow-x: auto;
/* width: 100%; */
flex-wrap: wrap;
/* position: relative; */
}
.comment_vote {
color: var(--color-text-secondary);
font-size: var(--text-h5) !important;
}
.feedbackListSubtitle a {
font-size: var(--text-h5);
}
.layer {
/* width:100%; */
order: 1;
margin-right: 10px;
}
.feedbackManage {
order: 2;
position: absolute;
left: 20px;
bottom: 20px;
}
.comment_date {
order: 3;
width: 100%;
font-size: var(--text-h5);
}
.feedbackListSubtitle a[id^="a_comment_author"] {
order: 2;
overflow: hidden;
/* width: 100%; */
/* margin-right: 120px; */
white-space: nowrap;
text-overflow: ellipsis;
color: var(--color-text-regular);
/* padding-right: 200px!important; */
}
.louzhu {
order: 3;
}
.louzhu:before {
content: "\f058";
margin-left: 4px;
color: #ff7f10;
font-family: fontawesome;
font-size: var(--text-h5) !important;
}
.comment_textarea {
width: calc(100% - 40px) !important;
margin: 20px auto;
border-color: var(--border-color-extra-linght);
background: var(--color-white);
}
#tbCommentBody {
background: var(--color-white);
color: var(--text-color-regular);
}
.commentbox_title,
.commentbox_tab:hover,
.commentbox_tab.active {
/* border-color: var(--color-primary); */
color: var(--color-text-regular);
}
.commentbox_title {
border-bottom: 1px solid var(--border-color-extra-linght) !important;
}
#commentbox_opt {
padding: 0 20px;
}
#comment_form_container p:nth-child(7) {
padding: 10px 20px;
font-size: var(--text-h6);
color: var(--color-text-secondary);
}
#tbCommentBodyPreviewBody {
min-height: 250px;
}
#btn_comment_submit {
background: var(--color-primary);
border-radius: 4px;
/* padding: 4px 8px; */
border: none;
/* height: max-content; */
/* width: fit-content; */
color: #fff;
cursor: pointer;
outline: none;
line-height: 2;
height: 30px;
width: 80px;
}
.blog_comment_body {
padding: 20px 0;
}
#tip_comment,
#tip_comment2 {
display: none;
}
.comment_my_posted,
.new-comment-block {
padding: 20px;
border-bottom: 1px dashed var(--border-color-base);
}
.bq_post_comment {
border: none;
}
}
/************** 评论结束 ***************/
/************** 弹窗开始 ***************/
@media screen and (min-width:0px) {
.ui-popup {
max-width: calc(100vw - 28px) !important;
}
.art-dialog-content,
.alert-dialog-grid,
.alert-dialog-header,
.alert-dialog-body,
.alert-dialog-footer {
max-width: calc(100vw - 70px) !important;
}
.art-dialog-title {
max-width: 100px !important;
}
.art-dialog-content iframe {
overflow-y: auto !important;
}
}
/************** 弹窗结束 ***************/
/*** Atom OneDark 开始**/
@media screen and (min-width:0px) {
#home .hljs-comment,
#home .hljs-quote {
color: #5c6370;
/* font-style: italic */
}
#home .hljs-doctag,
#home .hljs-formula,
#home .hljs-keyword {
color: #c678dd
}
#home .hljs-deletion,
#home .hljs-name,
#home .hljs-section,
#home .hljs-selector-tag,
#home .hljs-subst {
color: #e06c75
}
#home .hljs-literal {
color: #56b6c2
}
#home .hljs-addition,
#home .hljs-attribute,
#home .hljs-meta-string,
#home .hljs-regexp,
#home .hljs-string {
color: #98c379
}
#home .hljs-built_in,
#home .hljs-class .hljs-title {
color: #e6c07b
}
#home .hljs-attr,
#home .hljs-number,
#home .hljs-selector-attr,
#home .hljs-selector-class,
#home .hljs-selector-pseudo,
#home .hljs-template-variable,
#home .hljs-type,
#home .hljs-variable {
color: #d19a66;
}
#home .hljs-bullet,
#home .hljs-link,
#home .hljs-meta,
#home .hljs-selector-id,
#home .hljs-symbol,
#home .hljs-title {
color: #61aeee
}
#home .hljs-emphasis {
font-style: italic
}
#home .hljs-strong {
font-weight: 700
}
#home .hljs-link {
text-decoration: underline
}
#home .hljs-tag {
color: #abb2bf
}
}
/******* Atom OneDark 结束 ********/
/*** 代码复制 开始**/
@media screen and (min-width:0px) {
.clipboard-button {
position: absolute;
display: none;
z-index: 2;
right: 10px;
top: 7px;
border-radius: 4px;
font-size: 12px !important;
color: #333;
padding: 2px 6px;
box-sizing: border-box;
background-color: #fff;
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
cursor: pointer;
}
.clipboard-button:before {
content: "复制"
}
.copyItem:hover .clipboard-button {
display: block;
z-index: 2;
}
}
/*** 代码复制 结束**/
/*** 评论头像开始**/
@media screen and (min-width:0px) {
.feedbackListSubtitle_right,
.feedbackCon_right {
margin-left: 60px;
}
.comment_avatar {
width: 48px;
height: 48px;
border-radius: 100%;
border: 1px solid var(--DividColor);
}
.comment_avatar img {
box-shadow: 0 0 1px 0px rgba(51, 51, 51, .1) !important;
}
}
/*** 评论头像 结束**/
/**** owo开始 ****/
@media screen and (min-width:0px) {
.OwO {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.OwO:hover .OwO-logo {
color: #444
}
.OwO.OwO-open .OwO-logo {
border-radius: 4px 4px 0 0;
border-bottom: none;
color: #444
}
.OwO.OwO-open .OwO-body {
display: block
}
.OwO.OwO-up .OwO-body {
top: inherit;
bottom: 21px;
border-radius: 4px 4px 4px 0
}
.OwO.OwO-up .OwO-body .OwO-bar .OwO-packages li:nth-child(1) {
border-radius: 0
}
.OwO.OwO-up.OwO-open .OwO-logo {
/* border: 1px solid #ddd; */
border-radius: 0 0 4px 4px;
border-top: none;
}
.OwO .OwO-logo {
position: relative;
display: inline-block;
color: #888;
background: var(--color-white);
border: 1px solid var(--border-color-extra-linght);
border-radius: 4px;
font-size: 13px;
padding: 2px 5px;
cursor: pointer;
height: 22px;
box-sizing: border-box;
z-index: 2;
line-height: 16px;
}
.OwO .OwO-logo:hover span {
display: inline-block;
-webkit-animation: a 5s infinite ease-in-out;
animation: a 5s infinite ease-in-out
}
.OwO .OwO-body {
display: none;
position: absolute;
width: 400px;
background: var(--color-white);
border: 1px solid var(--border-color-extra-linght);
z-index: 1;
top: 21px;
border-radius: 0 4px 4px 4px;
}
.OwO .OwO-body .OwO-items {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: none;
padding: 10px;
margin: 0;
overflow: scroll;
font-size: 0
}
.OwO .OwO-body .OwO-items .OwO-item {
list-style-type: none;
background: var(--background-color-base);
padding: 5px 10px;
border-radius: 5px;
display: inline-block;
font-size: 12px;
line-height: 14px;
margin: 0 10px 12px 0;
cursor: pointer;
-webkit-transition: .3s;
transition: .3s;
}
.OwO .OwO-body .OwO-items .OwO-item:hover {
background: var(--background-color-base);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
-webkit-animation: a 5s infinite ease-in-out;
animation: a 5s infinite ease-in-out;
}
.OwO .OwO-body .OwO-items-emoji .OwO-item {
font-size: 20px;
line-height: 19px
}
.OwO .OwO-body .OwO-items-image .OwO-item {
max-width: calc(25% - 10px);
box-sizing: border-box
}
.OwO .OwO-body .OwO-items-image .OwO-item img {
max-width: 100%
}
.OwO .OwO-body .OwO-items-show {
display: block
}
.OwO .OwO-body .OwO-bar {
width: 100%;
height: 30px;
border-top: 1px solid var(--border-color-extra-linght);
background: var(--color-white);
border-radius: 0 0 4px 4px;
color: var(--color-text-regular);
}
.OwO .OwO-body .OwO-bar .OwO-packages {
margin: 0;
padding: 0;
font-size: 0
}
.OwO .OwO-body .OwO-bar .OwO-packages li {
list-style-type: none;
display: inline-block;
line-height: 30px;
font-size: 14px;
padding: 0 10px;
cursor: pointer;
margin-right: 3px
}
.OwO .OwO-body .OwO-bar .OwO-packages li:nth-child(1) {
border-radius: 0 0 0 3px
}
.OwO .OwO-body .OwO-bar .OwO-packages li:hover {
background: var(--border-color-light);
}
.OwO .OwO-body .OwO-bar .OwO-packages .OwO-package-active {
background: var(--background-color-base);
-webkit-transition: .3s;
transition: .3s;
}
/* 表情 */
img[src^="https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/images/smilies"],
img[src^="https://images.cnblogs.com/cnblogs_com/gshang/1626876/"],
img[src^="https://images.cnblogs.com/cnblogs_com/gshang/1663431/"] {
width: 26px;
height: 26px;
}
}
/**** owo结束****/
/********* 悬浮按钮 ********/
@media screen and (min-width:0px) {
.float-btn {
position: fixed;
bottom: 20px;
right: 10px;
z-index: 2;
transition: 0.3s transform;
}
.float-btn-hide {
transform: translateX(200%);
transition: 0.3s transform;
}
.float-btn ul {
display: flex;
flex-direction: column;
/* grid-template-columns: 100%; */
/* grid-gap: 10px; */
padding: 0;
margin: 0;
}
.float-btn li {
background: #222;
opacity: 0.6;
color: #fff;
font-family: FontAwesome;
list-style-type: none;
width: 40px;
height: 40px;
display: flex;
line-height: 40px;
text-align: center;
align-items: center;
justify-content: center;
/* border-radius: 100px; */
box-shadow: var(--light-shadow);
position: relative;
overflow: visible;
margin-bottom: 10px;
}
.float-btn li a {
display: block;
width: 40px;
color: #fff;
height: 40px;
}
@media screen and (min-width:1200px) {
.float-btn li:before {
content: "";
position: absolute;
right: calc(100% + 10px);
display: block;
white-space: nowrap;
background: #222527;
border-radius: 4px;
height: 36px;
display: none;
color: white;
font-size: var(--text-h6);
align-items: center;
padding: 0 14px;
transformX: 0%;
transition: all 300ms;
}
.float-btn li:after {
content: "";
position: absolute;
right: calc(100% + 5px);
width: 10px;
height: 10px;
z-index: -1;
color: white;
background: #222527;
transform: rotate(45deg);
display: none;
transformX: 0%;
transition: all 300ms;
}
.float-btn li:hover:before,
.float-btn li:hover:after {
display: flex !important;
transition: all 300ms;
transformX: 100%;
}
.btn-top:before {
content: "返回顶部" !important;
}
.btn-content:before {
content: "切换到目录" !important;
}
.btn-content.btn-content-open:before {
content: "切换到默认" !important;
}
.btn-comment:before {
content: "发表评论" !important;
}
.btn-main:before {
content: "隐藏侧边" !important;
}
.btn-theme:before {
content: "切换主题" !important;
}
.btn-main.btn-main-open:before {
content: "打开侧边" !important;
}
}
.btn-top a:before {
content: "\f062"
}
.btn-content {
display: none;
}
.btn-content a:before {
content: "\f0ec";
}
.btn-content.btn-content-open a:before {
content: "\f0ec";
}
.btn-sidebar a:before {
content: "\f0c9"
}
.btn-sidebar.btn-sidebar-open a:before {
content: "\f00d" !important;
}
.btn-comment a:before {
content: "\f075";
}
.btn-main a:before {
content: "\f0c9"
}
@media screen and (max-width:1200px) {
.btn-main {
/* display: none !important; */
}
}
@media screen and (min-width:1200px) {
.btn-sidebar {
display: none !important;
}
.btn-main.btn-main-open a:before {
content: "\f0c9" !important;
}
.main-hide {
grid-template-columns: 100% !important;
transition: width 300ms;
}
.main-hide #sideBar {
display: none;
}
}
}
/******** 导航目录 *********/
@media screen and (min-width: 0px) {
.scroller-offset1 a:before {
/* content: ""; */
padding-left: 0px;
}
.scroller-offset2 a:before {
content: "";
padding-left: 20px;
}
.scroller-offset3 a:before {
content: "";
padding-left: 30px;
}
.scroller-offset4 a:before {
content: "";
padding-left: 40px;
}
.scroller-offset5 a:before {
content: "";
padding-left: 50px;
}
.scroller-offset6 a:before {
content: "";
padding-left: 60px;
}
.nav {
/* height: calc(100vh - 90px); */
overflow-y: auto;
padding: 10px;
white-space: nowrap;
}
.nav li.active:before {
background: var(--color-primary) !important;
}
.nav .active a {
/* background-color: var(--color-primary); */
border-radius: 6px;
color: #fc6423;
}
.nav .active a:hover {}
.nav a:hover {}
@media screen and (min-width:1200px) {
.nav {
/* height: calc(100vh - 50px); */
}
}
.nav li {
padding: 0px;
display: flex;
/* border-left: 1px solid var(--border-color-extra-linght); */
justify-content: center;
align-items: center;
/* line-height: 2.4; */
}
.nav li:before {
/* content: ""; */
width: 8px;
height: 8px;
display: block;
border: 2px solid var(--background-color-base);
z-index: 2;
margin: 4px 4px 4px -6px;
border-radius: 8px;
background: var(--border-color-extra-linght);
}
.nav {
position: relative;
margin: 0;
padding: 14px 14px 14px 20px !important;
/* max-height: calc(100vh - 10px); */
}
.nav:before,
.nav:after {
/* content: ""; */
left: 36px;
width: 6px;
height: 6px;
display: block;
margin: 4px 4px 4px -4px;
border-radius: 8px;
background: var(--background-color-base);
border: 2px solid var(--color-primary);
}
.nav li a {
text-overflow: ellipsis !important;
display: block !important;
flex: 1;
/*width:100%!important;*/
height: 100% !important;
white-space: nowrap;
/* margin: 4px; */
overflow: hidden;
/* padding: 0 14px !important; */
}
}
/****** 信息提示 *******/
@media screen and (min-width: 0px) {
.newscard {
border-radius: 4px;
margin: 0px 0px 10px;
padding: 0px 10px;
line-height: 40px;
height: 40px;
overflow: hidden;
background-color: #dfedf8;
color: #3162ae;
box-shadow: 0 0.05rem 1rem rgba(50, 50, 50, .04);
}
.newscard ul {
height: 40px;
margin: 0;
padding: 0;
}
.newstext {
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
height: 40px;
line-height: 40px;
text-overflow: ellipsis;
}
.newscard i {
float: left;
margin: 0 10px;
font-size: inherit;
line-height: 40px;
vertical-align: middle !important;
}
.infocard {
border-radius: 4px;
margin: 10px 0;
padding: 10px 16px;
text-align: justify;
word-break: break-all;
line-height: inherit !important;
display: inline-grid;
grid-template-columns: auto 1fr;
width: 100%;
align-items: center;
justify-content: center;
}
.infocard i {
/*float: left;*/
margin-right: 16px;
font-size: inherit;
line-height: inherit !important;
vertical-align: middle !important;
display: inline-block;
}
.infocard p {
padding: 0 !important;
margin: 0 !important;
text-align: left;
}
.tip {
background-color: #d5f1e5;
color: #20704d;
}
.warning {
background-color: #f9e8de;
color: #a84229;
}
.normal {
background-color: #dfedf8;
color: #3162ae;
}
}
/* 插入媒体 */
@media screen and (min-width: 0px) {
#cnblogs_post_body .video {
height: 0;
margin: 10px auto;
padding-bottom: 56.25%;
/* 16:9 */
position: relative;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid var(--DividColor);
border-radius: 4px;
overflow: hidden;
}
#cnblogs_post_body .video iframe,
#cnblogs_post_body .video video {
position: absolute;
/*left: 0;*/
top: 0;
/*right:0;*/
width: 100%;
height: 100%;
z-index: 0;
}
#cnblogs_post_body .music {
height: 140px;
/*padding-bottom: 14.39%;*/
/* 16:9 */
position: relative;
width: 100%;
}
#cnblogs_post_body .music iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.imgtext {
font-size: var(--text7);
text-align: center;
color: var(--color-text-regular);
}
}
#MySignature {
font-size: var(--text-h5);
color: var(--color-text-secondary);
margin: 0;
/* padding: 14px; */
}
#the-end {
text-align: center;
display: flex;
margin: 14px auto;
align-items: center;
justify-content: center;
}
#the-end:before {
content: "";
width: 60px;
height: 1px;
display: inline-block;
opacity: 0.8;
border-bottom: 1px solid var(--border-color-base);
margin-right: 6px;
}
#the-end:after {
content: "";
width: 60px;
opacity: 0.8;
height: 1px;
display: inline-block;
border-bottom: 1px solid var(--border-color-base);
margin-left: 6px;
}
pre {
display: flex;
/* grid-template-columns: auto 1fr; */
}
pre code {
flex-grow: 1;
}
pre ul.pre-numbering {
/* min-width: 20px !important; */
width: fit-content !important;
font-size: var(--text-h6) !important;
padding: 10px !important;
background-color: #000000 !important;
color: #abb2bf;
text-align: right;
margin-bottom: 0px !important;
line-height: 1.5 !important;
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
order: -1;
margin: 0 !important;
}
.cnblogs-markdown pre code.hljs.has-numbering {
line-height: 1.5 !important;
font-size: var(--text-h6) !important;
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
ul.pre-numbering li {
list-style-type: none !important;
padding: 0 !important;
margin: 0 !important;
white-space: nowrap;
}
ul.pre-numbering li:before {
content: attr(data-number);
line-height: 1.5;
}
.sidebar-fixed #sidebar_scroller {
/* padding-bottom: 20px; */
/* background: var(--color-white); */
/* box-shadow: 0 0px 0px 0 rgba(0,0,0,0), 0 3px 1px -2px rgba(0,0,0,.06), 0 1px 5px 0 rgba(0,0,0,.12); */
}
.theme {
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
font-size: var(--text-h4);
}
html[theme="dark"] #theme:before,
html[theme="dark"] .btn-theme a:before {
content: "\f186" !important;
}
@media screen and (max-width:767px) {
.main-widthout-sidebar #mainContent {
height: 100% !important;
overflow: hidden !important;
}
.main-widthout-sidebar .mask {
z-index: 3;
background: rgba(0, 0, 0, .5);
position: fixed;
height: 100vh;
width: 100vw;
top: 0;
left: 0;
display: block;
}
}
.mask {
display: none;
}
.MathJax {
outline: none;
}
#cnblogs_post_description {
display: block !important;
line-height: 1.8;
font-size: var(--text-h5) !important;
margin-bottom: 20px;
}
#cnblogs_post_description:before {
content: "摘要:";
order: -1;
font-weight: bold;
}
#cnblogs_post_description .desc_img {
display: none;
}
.tablebox {
margin: 0 0 20px;
}
/************** markdown 开始 ***************/
@media screen and (min-width:0) {
.cnblogs-markdown {
line-height: 1.8;
}
.cnblogs-markdown a {
color: var(--color-primary);
}
.fancybox-image {
max-width: 100% !important;
}
.img-caption {
text-align: center;
width: fit-content;
min-width: 20%;
max-width: 80%;
display: block;
margin: 0 auto;
padding: 10px;
/* border-bottom: 1px solid var(--border-color-extra-linght); */
/* font-size: 13px; */
/* font-weight: bold; */
color: var(--TextColor1);
}
#cnblogs_post_body p img {
width: auto;
display: flex;
margin: 0 auto;
align-items: center;
text-align: center;
/* border: 1px solid #ddd; */
}
.cnblogs-markdown pre code,
.cnblogs-markdown .hljs {
border: none !important;
color: #abb2bf;
font-size: var(--text-h6) !important;
padding: 10px !important;
/* padding-left: 10px; */
background: #1d1f21!important;
font-family: SFMono-Regular, Menlo, Monaco, Consolas,
"Liberation Mono", "Courier New", monospace !important;
}
#cnblogs_post_body ul {
margin-left: 0 !important;
}
.cnblogs-markdown li li li {
list-style-type: square !important;
}
.cnblogs-markdown blockquote {
margin: 0;
border-top: 0px;
border-bottom: 0px;
border-right: 0px;
}
.cnblogs-markdown table {
width: 100% !important;
display: table !important;
border: none !important;
}
#cnblogs_post_body th,
#cnblogs_post_body td,
.cnblogs-post-body th,
.cnblogs-post-body td {
border: none !important;
word-break: break-all;
white-space: nowrap;
}
}
/************** markdown 结束 ***************/
/************** github markdown 开始 ***************/
@media screen and (min-width:0) {
.cnblogs-markdown {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji !important;
font-size: 16px !important;
line-height: 1.8 !important;
/* word-wrap: break-word !important; */
}
.cnblogs-markdown kbd {
display: inline-block !important;
padding: 3px 5px !important;
font: 11px SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace !important;
line-height: 10px !important;
color: #444d56 !important;
vertical-align: middle !important;
background-color: #fafbfc !important;
border: 1px solid #d1d5da !important;
border-radius: 3px !important;
box-shadow: inset 0 -1px 0 #d1d5da !important;
}
.cnblogs-markdown:after,
.cnblogs-markdown:before {
display: table !important;
content: "" !important;
}
.cnblogs-markdown:after {
clear: both !important;
}
.cnblogs-markdown>:first-child {
margin-top: 0 !important
}
.cnblogs-markdown>:last-child {
margin-bottom: 0 !important
}
.cnblogs-markdown a:not([href]) {
color: inherit !important;
text-decoration: none !important;
}
.cnblogs-markdown .absent {
color: #cb2431 !important;
}
.cnblogs-markdown .anchor {
float: left !important;
padding-right: 4px !important;
margin-left: -20px !important;
line-height: 1 !important;
}
.cnblogs-markdown .anchor:focus {
outline: none !important;
}
.cnblogs-markdown blockquote,
.cnblogs-markdown details,
.cnblogs-markdown dl,
.cnblogs-markdown ol,
.cnblogs-markdown p,
.cnblogs-markdown pre,
.cnblogs-markdown ul {
margin-top: 0 !important;
margin-bottom: 16px !important;
}
.cnblogs-markdown hr {
height: .25em !important;
padding: 0 !important;
margin: 24px 0 !important;
background-color: #e1e4e8 !important;
border: 0 !important;
}
.cnblogs-markdown blockquote {
padding: 0 1em !important;
color: #6a737d !important;
border-left: .25em solid #dfe2e5 !important;
}
.cnblogs-markdown blockquote>:first-child {
margin-top: 0 !important;
}
.cnblogs-markdown blockquote>:last-child {
margin-bottom: 0 !important;
}
.cnblogs-markdown h1,
.cnblogs-markdown h2,
.cnblogs-markdown h3,
.cnblogs-markdown h4,
.cnblogs-markdown h5,
.cnblogs-markdown h6 {
margin-top: 24px !important;
margin-bottom: 16px !important;
font-weight: 500 !important;
line-height: 1.8 !important;
}
.cnblogs-markdown h1 .octicon-link,
.cnblogs-markdown h2 .octicon-link,
.cnblogs-markdown h3 .octicon-link,
.cnblogs-markdown h4 .octicon-link,
.cnblogs-markdown h5 .octicon-link,
.cnblogs-markdown h6 .octicon-link {
color: #1b1f23 !important;
vertical-align: middle !important;
visibility: hidden !important;
}
.cnblogs-markdown h1:hover .anchor,
.cnblogs-markdown h2:hover .anchor,
.cnblogs-markdown h3:hover .anchor,
.cnblogs-markdown h4:hover .anchor,
.cnblogs-markdown h5:hover .anchor,
.cnblogs-markdown h6:hover .anchor {
text-decoration: none !important;
}
.cnblogs-markdown h1:hover .anchor .octicon-link,
.cnblogs-markdown h2:hover .anchor .octicon-link,
.cnblogs-markdown h3:hover .anchor .octicon-link,
.cnblogs-markdown h4:hover .anchor .octicon-link,
.cnblogs-markdown h5:hover .anchor .octicon-link,
.cnblogs-markdown h6:hover .anchor .octicon-link {
visibility: visible !important;
}
.cnblogs-markdown h1 code,
.cnblogs-markdown h1 tt,
.cnblogs-markdown h2 code,
.cnblogs-markdown h2 tt,
.cnblogs-markdown h3 code,
.cnblogs-markdown h3 tt,
.cnblogs-markdown h4 code,
.cnblogs-markdown h4 tt,
.cnblogs-markdown h5 code,
.cnblogs-markdown h5 tt,
.cnblogs-markdown h6 code,
.cnblogs-markdown h6 tt {
font-size: inherit !important;
}
.cnblogs-markdown h1 {
font-size: 2em !important;
}
.cnblogs-markdown h1,
.cnblogs-markdown h2 {
padding-bottom: .3em !important;
/* border-bottom: 1px solid var(--border-color-extra-linght) !important; */
}
.cnblogs-markdown h2 {
font-size: 1.5em !important;
}
.cnblogs-markdown h3 {
font-size: 1.25em !important;
}
.cnblogs-markdown h4 {
font-size: 1em !important;
}
.cnblogs-markdown h5 {
font-size: .875em !important;
}
.cnblogs-markdown h6 {
font-size: .85em !important;
color: #6a737d !important;
}
.cnblogs-markdown ol,
.cnblogs-markdown ul {
padding-left: 2em !important;
}
.cnblogs-markdown ol.no-list,
.cnblogs-markdown ul.no-list {
padding: 0 !important;
list-style-type: none !important;
}
.cnblogs-markdown ol ol,
.cnblogs-markdown ol ul,
.cnblogs-markdown ul ol,
.cnblogs-markdown ul ul {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.cnblogs-markdown li {
word-wrap: break-all !important;
}
.cnblogs-markdown li>p {
margin-top: 16px !important;
}
.cnblogs-markdown li+li {
/* margin-top: .25em !important; */
}
.cnblogs-markdown dl {
padding: 0 !important;
}
.cnblogs-markdown dl dt {
padding: 0 !important;
margin-top: 16px !important;
font-size: 1em !important;
font-style: italic !important;
font-weight: 600 !important;
}
.cnblogs-markdown dl dd {
padding: 0 16px !important;
margin-bottom: 16px !important;
}
.cnblogs-markdown table {
display: table !important;
width: 100% !important;
overflow-x: auto !important;
margin: 0 auto;
}
.cnblogs-markdown table th {
font-weight: 600 !important;
}
.cnblogs-markdown table td,
.cnblogs-markdown table th {
padding: 6px 13px !important;
border: 1px solid #dfe2e5 !important;
background: transparent !important;
}
.cnblogs-markdown table thead {
border-top: 2px solid var(--color-text-primary) !important;
border-bottom: 2px solid var(--color-text-primary) !important;
background: var(--BackgroundColor) !important;
}
.cnblogs-markdown table thead tr {
background-color: #eee;
}
.cnblogs-markdown table tr {
background-color: var(--color-white);
border-top: 1px solid var(--color-text-primary) !important;
}
.cnblogs-markdown table tbody tr:last-child {
border-bottom: 2px solid var(--color-text-primary) !important;
}
.cnblogs-markdown table tr:nth-child(2n) {
/* background-color: var(--background-color-base) !important; */
}
.cnblogs-markdown table img {
background-color: initial !important;
}
.cnblogs-markdown img {
max-width: 100% !important;
box-sizing: initial !important;
background-color: var(--color-white) !important;
}
.cnblogs-markdown img[align=right] {
padding-left: 20px !important;
}
.cnblogs-markdown img[align=left] {
padding-right: 20px !important;
}
.cnblogs-markdown .emoji {
max-width: none !important;
vertical-align: text-top !important;
background-color: initial !important;
}
.cnblogs-markdown span.frame {
display: block !important;
overflow: hidden !important;
}
.cnblogs-markdown span.frame>span {
display: block !important;
float: left !important;
width: auto !important;
padding: 7px !important;
margin: 13px 0 0 !important;
overflow: hidden !important;
border: 1px solid #dfe2e5 !important;
}
.cnblogs-markdown span.frame span img {
display: block !important;
float: left !important;
}
.cnblogs-markdown span.frame span span {
display: block !important;
padding: 5px 0 0 !important;
clear: both !important;
color: #24292e !important;
}
.cnblogs-markdown span.align-center {
display: block !important;
overflow: hidden !important;
clear: both !important;
}
.cnblogs-markdown span.align-center>span {
display: block !important;
margin: 13px auto 0 !important;
overflow: hidden !important;
text-align: center !important;
}
.cnblogs-markdown span.align-center span img {
margin: 0 auto !important;
text-align: center !important;
}
.cnblogs-markdown span.align-right {
display: block !important;
overflow: hidden !important;
clear: both !important;
}
.cnblogs-markdown span.align-right>span {
display: block !important;
margin: 13px 0 0 !important;
overflow: hidden !important;
text-align: right !important;
}
.cnblogs-markdown span.align-right span img {
margin: 0 !important;
text-align: right !important;
}
.cnblogs-markdown span.float-left {
display: block !important;
float: left !important;
margin-right: 13px !important;
overflow: hidden !important;
}
.cnblogs-markdown span.float-left span {
margin: 13px 0 0 !important;
}
.cnblogs-markdown span.float-right {
display: block !important;
float: right !important;
margin-left: 13px !important;
overflow: hidden !important;
}
.cnblogs-markdown span.float-right>span {
display: block !important;
margin: 13px auto 0 !important;
overflow: hidden !important;
text-align: right !important;
}
.cnblogs-markdown code,
.cnblogs-markdown tt {
padding: 0.2em .4em !important;
margin: 0 4px !important;
/* font-size: 85% !important; */
display: inline;
border: none !important;
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
background-color: rgba(27, 31, 35, .05) !important;
border-radius: 3px !important;
}
.cnblogs-markdown code br,
.cnblogs-markdown tt br {
display: none !important;
}
.cnblogs-markdown del code {
text-decoration: inherit !important;
}
.cnblogs-markdown pre>code {
padding: 0 !important;
margin: 0 !important;
/* font-size: 100% !important; */
/*word-break: normal !important;
white-space: pre !important;*/
/* background: transparent !important; */
border: 0 !important;
}
.cnblogs-markdown .highlight {
margin-bottom: 16px !important;
}
.cnblogs-markdown .highlight pre {
margin-bottom: 0 !important;
/*word-break: normal !important;*/
}
.cnblogs-markdown .highlight pre,
.cnblogs-markdown pre {
padding: 0!important;
overflow-x: auto !important;
font-size: 85% !important;
width: 100%;
/* line-height: 1.5 !important; */
background-color: #282c34 !important;
border-radius: 3px !important;
}
.cnblogs-markdown pre code,
.cnblogs-markdown pre tt {
/*display: inline !important;*/
/*max-width: auto !important;*/
padding: 10px !important;
/* padding: 16px !important; */
/* line-height: inherit !important; */
white-space: pre !important;
word-break: keep-all;
/* text-overflow: clip; */
/* background-color: initial !important; */
border: 0 !important;
}
.cnblogs-markdown .csv-data td,
.cnblogs-markdown .csv-data th {
padding: 5px !important;
overflow: hidden !important;
font-size: 12px !important;
line-height: 1 !important;
text-align: left !important;
white-space: nowrap !important;
}
.cnblogs-markdown .csv-data .blob-num {
padding: 10px 8px 9px !important;
text-align: right !important;
background: #fff !important;
border: 0 !important;
}
.cnblogs-markdown .csv-data tr {
border-top: 0 !important;
}
.cnblogs-markdown .csv-data th {
font-weight: 600 !important;
background: #f6f8fa !important;
border-top: 0 !important;
}
}
/************** github markdown 结束 ***************/
/************** 常用链接子界面/相册 开始 ***************/
@media screen and (min-width: 0px) {
.PostListTitle {
margin: 0;
/* font-size: var(--text-h3); */
font-weight: 500;
text-align: center;
/* text-indent:10px; */
padding: 20px 20px;
border-bottom: 1px solid var(--border-color-extra-linght);
position: relative;
background: var(--color-white);
border-radius: 0;
/* box-shadow: 0 2px 2px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.06), 0 1px 5px 0 rgba(0,0,0,.12); */
}
/*
.PostListTitle:after {
content: "";
width: 40px;
height: 2px;
border-radius: 4px;
display: block;
background: var(--color-primary);
position: absolute;
bottom: -1px;
left: 20px;
z-index: 4;
transition: width 500ms;
}
.PostListTitle:hover:after {
width: 80px;
transition: width 500ms;
}
*/
#myposts,
.PostList {
margin: 0 !important;
background: var(--color-white);
}
#myposts {
border-top: 1px solid var(--border-color-extra-linght);
border-radius: 0;
overflow: hidden;
/* box-shadow: 0 2px 2px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.06), 0 1px 5px 0 rgba(0,0,0,.12); */
padding: 40px;
}
#myposts .Pager {
box-shadow: none
}
.PostList {
display: grid;
grid-template-columns: 100%;
border-bottom: 1px dashed #999;
}
.postTitl2 {
font-size: var(--text-h3);
background: var(--color-white);
padding: 20px 20px;
}
.postDesc2 {
background: var(--color-white);
padding: 0 20px 20px;
font-size: var(--text-h5) !important;
color: var(--color-text-secondary);
order: 1;
}
.postText2 {
background: var(--color-white);
padding: 0 20px 10px;
margin: 0 !important;
font-size: var(--text-h5) !important;
color: var(--color-text-regular);
}
#taglist_main,
.gallery {
margin: 0;
background: var(--color-white);
padding: 0;
border-radius: 0;
box-sizing: border-box;
transition: all 500ms;
text-align: center;
/* box-shadow: 0 2px 2px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.06), 0 1px 5px 0 rgba(0,0,0,.12); */
}
#taglist_title,
.thumbTitle,
.galleryTitle {
margin: 0;
/* font-size: var(--text-h3); */
font-weight: 500;
/* text-indent:10px; */
padding: 20px 20px;
text-align: center;
/* text-align: left; */
border-bottom: 1px solid var(--border-color-extra-linght);
position: relative;
}
/*
#taglist_title:after,
.galleryTitle:after {
content: "";
width: 40px;
height: 2px;
border-radius: 4px;
display: block;
background: var(--color-primary);
position: absolute;
bottom: -1px;
left: 20px;
z-index: 4;
transition: width 500ms;
}
#taglist_title:hover:after,
.galleryTitle:hover:after {
width: 80px;
transition: width 500ms;
}
*/
#taglist,
#GalleryThumbNailViewer1_ThumbNails {
padding: 20px;
width: 100%;
}
#MyTag1_dtTagList {
width: 100%;
/* table-layout: fixed; */
}
#MyTag1_dtTagList td {
padding: 0;
margin: 0;
width: 25%;
padding: 0 4px;
box-sizing: border-box;
line-height: 2;
white-space: nowrap;
overflow: hidden;
display: inline-flex;
align-items: center;
text-align: center;
}
#MyTag1_dtTagList td a {
display: inline-flex;
display: block;
text-overflow: ellipsis;
overflow: hidden;
}
#MyTag1_dtTagList td small {
flex: 1;
}
@media screen and (max-width:540px) {
#MyTag1_dtTagList td {
width: 50% !important;
}
}
.divPhoto {
padding: 10px;
/* height: 100px; */
overflow: hidden;
}
.divPhoto img {
/* height: 100px; */
object-fit: cover;
}
#ViewPicture1_GalleryImage {
/* margin-left:20px; */
max-width: calc(100% - 40px) !important;
}
.gallery:after {
content: "";
height: 30px;
display: block;
}
}
/************** 常用链接子界面/相册 结束 ***************/
/************** 分页模块 开始 ***************/
@media screen and (min-width:0) {
.topicListFooter {
margin: 0;
}
#nav_next_page {
background: var(--color-white);
line-height: 2.6;
border-radius: 0px;
text-align: center;
transition: all 500ms;
margin-bottom: 20px;
}
#nav_next_page a {
display: block;
width: 100%;
padding: 10px;
margin-top: 20px;
/* box-shadow: 0 2px 2px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.06), 0 1px 5px 0 rgba(0,0,0,.12); */
}
#nav_next_page:hover {
/*box-shadow: var(--light-shadow);*/
transition: all 500ms;
}
.pager {
margin: 0;
font-size: var(--text-h5);
color: var(--color-primary);
}
.pager a {
padding: 0 4px;
color: var(--color-text-regular);
border: none;
border-radius: 0px;
transition: all 500ms;
display: inline-block;
}
.pager a:hover {
color: var(--color-primary);
transition: all 500ms;
}
.Pager {
padding: 20px;
text-align: center;
background: var(--color-white);
/* margin-bottom: 20px; */
/* box-shadow: 0 2px 2px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.06), 0 1px 5px 0 rgba(0,0,0,.12); */
}
span.current {
border: none !important;
background: transparent !important;
color: var(--color-primary) !important;
font-weight: normal !important;
}
#homepage_top_pager,
#homepage_bottom_pager,
#comment_pager_top,
#comment_pager_bottom {
background: var(--color-white);
border-radius: 0;
/* margin-bottom: 20px; */
padding: 20px;
transition: all 500ms;
}
#homepage_top_pager,
#homepage_bottom_pager {
/* box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .06), 0 1px 5px 0 rgba(0, 0, 0, .12); */
}
#homepage_top_pager:hover,
#homepage_bottom_pager:hover,
#comment_pager_top:hover,
#comment_pager_bottom:hover {
/*box-shadow: var(--light-shadow);*/
transition: all 500ms;
}
}
/************** 分页模块 开始 ***************/
/************** 页脚 开始 ***************/
@media (min-width: 990px) {
padding-left: 260px;
}
#footer{
box-sizing: border-box;
margin: 0px auto;
text-align:center;
width: calc(100% - 20px);
}
@media (min-width: 1200px) {
#footer {
width: 1160px;
}
}
@media (min-width: 1600px) {
#footer {
width: 73%;
text-align: center;
padding-left: 260px;
}
}
/************** 页脚 结束 ***************/
.side-choose {
display: flex;
align-items:center;
justify-content:center;
text-align: center;
padding:8px;
background: var(--color-white);
border-bottom: 1px solid #eee;
}
#myside,
#mycontent {
flex-grow: 1;
text-align: center;
line-height: 50px;
color: var(--color-text-placeholder);
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.side-choose .active {
color: var(--color-text-primary) !important;
/*border-bottom:2px solid #fc6423;*/
}
.side-choose .active:after {
content: "";
width: 30px;
height: 2px;
border-radius: 0px;
position: absolute;
background: #fc6423;
bottom: 0;
margin: 0 auto;
}
.sidebar-fixed {
position: fixed;
bottom: 10px;
top: 10px;
overflow-y: auto;
width: 240px;
z-index: 2;
/* margin-bottom: 10px; */
height: min-content;
max-height: calc(100vh - 20px);
background: var(--color-white);
/* box-shadow: 0 0px 0px 0 rgba(0,0,0,0), 0 3px 1px -2px rgba(0,0,0,.06), 0 1px 5px 0 rgba(0,0,0,.12); */
/* background: red; */
}
.side-choose-fixed {
position: fixed;
top: 10px;
width: 240px;
z-index: 3;
border-bottom: 1px solid #eee;
}
.topics-fixed {
top: 61px !important;
max-height: calc(100vh - 70px);
}
#sideBarMain {
background: var(--color-white);
/* box-shadow: 0 0px 0px 0 rgba(0,0,0,0), 0 3px 1px -2px rgba(0,0,0,.06), 0 1px 5px 0 rgba(0,0,0,.12); */
/* margin-bottom: 10px; */
}
@media screen and (max-width:991px) {
#navigator {
display: none
}
#menu {
position: absolute;
left: 20px;
top: 40px;
z-index: 100
}
#menu:before {
content: "\f0c9";
}
}
/* 日历 */
@media screen and (min-width:0px) {
/* 日历面板 */
#blog-calendar {
background-color: var(--BlockColor);
padding: 10px 20px;
border-radius: 0px;
/* margin-bottom: 20px; */
border-top: 1px solid #eee;
}
/* 日历翻页 */
.CalTitle {
line-height: 2.4;
font-size: var(--text6);
color: var(--TextColor1);
}
/* 日历星期 */
.CalDayHeader {
line-height: 2.4;
font-size: var(--text6);
font-weight: normal;
color: var(--TextColor2);
border-bottom: 0px solid var(--DividColor);
}
/* 日历每天 */
.CalTodayDay {
height: 34px !important;
width: 34px !important;
}
/* 日历今天 */
.CalTodayDay u,
.CalTodayDay {
color: #fff !important;
background-color: var(--ThemeColor);
line-height: 2.15;
border-radius: 50%;
}
#blog-calendar u {
color: var(--ThemeColor);
font-weight: 600;
text-decoration: none !important;
height: 22px;
position: relative;
}
.CalOtherMonthDay {
color: var(--TextColor3);
}
#blog-calendar u:after {
content: '●';
display: block;
font-size: 4px;
position: absolute;
top: 20px;
text-align: center;
left: 0;
right: 0;
line-height: 0;
}
#blogCalendar td {
line-height: 2;
}
.CalTitle .CalNextPrev {
font-size: 0px;
}
.CalTitle .CalNextPrev:nth-child(1) a:before {
content: "\f0d9";
font-size: 18px;
text-align: center;
font-family: FontAwesome;
line-height: 2;
}
.CalTitle .CalNextPrev:nth-child(3) a:before {
content: "\f0da";
text-align: center;
font-size: 18px;
font-family: FontAwesome;
line-height: 2;
}
}
.recent_comment_author {
border-bottom: 1px dashed #999;
margin-bottom: 10px;
padding-bottom: 10px;
}
.sidebar-bottom{
}
div#p_b_follow ,#p_b_follow a {
font-size: 16px;
background: #409eff;
width: 100%;
text-align: center;
margin: 20px 0 10px;
line-height: 2;
color: #fff!important;
border-radius: 4px;
}
.navbar {
display:none;
}
如果说我的文章对你有用，只不过是我站在巨人的肩膀上再继续努力罢了。
若在页首无特别声明，本篇文章由 Schips 经过整理后发布。
博客地址：https://www.cnblogs.com/schips/
若在页首无特别声明，本篇文章由 Schips 经过整理后发布。
博客地址：https://www.cnblogs.com/schips/
浙公网安备 33010602011771号