mirror of https://github.com/1099438829/apeblog
G更新主题样式
This commit is contained in:
parent
c98c86846f
commit
0e2f379b6c
|
|
@ -45,6 +45,7 @@
|
||||||
.hljs-section {
|
.hljs-section {
|
||||||
color: #93ddfd;
|
color: #93ddfd;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Tomorrow Purple */
|
/* Tomorrow Purple */
|
||||||
.hljs-keyword,
|
.hljs-keyword,
|
||||||
.hljs-selector-tag {
|
.hljs-selector-tag {
|
||||||
|
|
@ -70,7 +71,6 @@
|
||||||
|
|
||||||
pre.corepress-code-pre code {
|
pre.corepress-code-pre code {
|
||||||
position: relative;
|
position: relative;
|
||||||
border-radius: 5px;
|
|
||||||
max-height: 500px;
|
max-height: 500px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 10px 20px;
|
padding: 10px 20px;
|
||||||
|
|
@ -99,18 +99,18 @@ pre.corepress-code-pre code {
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.code-bar-btn-copy-fonticon {
|
.code-bar-btn-copy-fonticon {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
pre[class='corepress-code-pre'] {
|
pre[class='corepress-code-pre'] {
|
||||||
position: relative;
|
position: relative;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
border-radius: 4px;
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
max-height: unset;
|
max-height: unset;
|
||||||
overflow: unset;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -119,6 +119,7 @@ pre[class='corepress-code-pre'] {
|
||||||
margin: 0px 0px 0 20px !important;
|
margin: 0px 0px 0 20px !important;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hljs ul li {
|
.hljs ul li {
|
||||||
list-style: decimal-leading-zero;
|
list-style: decimal-leading-zero;
|
||||||
border-left: 1px solid #ddd !important;
|
border-left: 1px solid #ddd !important;
|
||||||
|
|
@ -128,6 +129,6 @@ pre[class='corepress-code-pre'] {
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
.hijs-line-number {
|
.code-expand {
|
||||||
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
@ -1,3 +1,4 @@
|
||||||
/**
|
/**
|
||||||
Pro-移动适配
|
Pro-移动适配
|
||||||
*/@media screen and (max-width:800px){body .sidebarlist-main{display:none}}@media screen and (max-width:1040px){body .header-main-location-left{justify-content:space-between}}@media screen and (max-width:500px){body .post-item-new:before{content:"";display:block;position:absolute;right:0;width:8px;height:8px;background:#F56C6C;border-radius:50%;margin-top:6px;margin-right:10px;padding:0}body .cp-popwindow-window{max-width:280px}body .cp-postcard-content{display:none!important}}@media screen and (max-width:600px){body .cp-postcard-list{width:100%}body .cp-postcard-thumbnail-card{width:120px!important;height:80px!important}body .cp-postcard-item-card{width:100%!important}body .cp-postcard-card{display:flex;padding:8px}}
|
*/
|
||||||
|
@media screen and (max-width:1000px){body .sidebar{display:none}body .post-main{margin:auto;margin-bottom:10px;flex-basis:90%!important}}@media screen and (max-width:800px){body .sidebarlist-main{display:none}body [cp-post-title]{font-size:18px}body [cp-post-excerpt]{-webkit-line-clamp:1}body [cp-post-thumbnail]{width:35%}body .post-main{flex-basis:95%!important}}@media screen and (max-width:1040px){body .header-main-location-left{justify-content:space-between}}@media screen and (max-width:360px){body [cp-post-thumbnail]{width:40%}body [cp-post-title]{font-size:15px}body [cp-post-meta-comment]{display:none}body [cp-post-meta]{white-space:nowrap;overflow:hidden}}@media screen and (max-width:580px){body [cp-post-excerpt]{display:none}}@media screen and (max-width:500px){body .post-main{flex-basis:98%!important}body [show_like_number],body [cp-post-meta-author]{display:none}body [cp-post-excerpt]{display:none}body [cp-post-meta]{font-size:12px}body [cp-post-cat]{display:none}body [cp-post-title]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all;text-overflow:ellipsis}body .post-item-new:before{content:"";display:block;position:absolute;right:0;width:8px;height:8px;background:#F56C6C;border-radius:50%;margin-top:6px;margin-right:10px;padding:0}body .cp-popwindow-window{max-width:280px}body .cp-postcard-content{display:none!important}body .cp-poster-plane{width:80%}.layui-layer{width:80%}.layui-layer-dialog .layui-layer-content{padding:10px!important}}@media screen and (max-width:600px){body .cp-postcard-list{width:100%}body .cp-postcard-thumbnail-card{width:120px!important;;height:80px!important;}body .cp-postcard-item-card{width:100%!important}body .cp-postcard-card{display:flex;padding:8px}}
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,3 +1,4 @@
|
||||||
/**
|
/**
|
||||||
侧边栏模块
|
侧边栏模块
|
||||||
*/.sidebarlist-item{cursor:var(--cur-pointer),pointer!important;text-align:center}.sidebarlist-main{position:fixed;bottom:50%;right:40px;transition:.30s;z-index:999}.sidebarlist-main i{font-size:26px}.sidebarlist-icon{width:24px;height:24px}.sidebarlist-item{background:#fff;margin-bottom:10px;padding:5px;border-radius:5px;position:relative;cursor:pointer;box-shadow:0 0 3px 1px rgba(0,0,0,.1)}.sidebarlist-item:hover .sidebarlist-item-content{visibility:visible;right:120%;opacity:1}.sidebarlist-item>a{color:unset}.sidebarlist-item-content{visibility:hidden;position:absolute;background:#fff;right:90%;opacity:0;top:50%;transition:all .3s ease;width:250px;padding:12px;box-shadow:0 0 3px 1px rgba(0,0,0,.1);font-size:14px;line-height:1.6;z-index:1000;cursor:auto;border-radius:var(--border-hd);text-align:unset}.sidebarlist-item-content img{width:100%;height:auto}.header-main-location-left{justify-content:unset}.header-main-location-left .header-menu{justify-content:space-between;flex:1}
|
*/
|
||||||
|
.sidebarlist-item{cursor:var(--cur-pointer),pointer!important;text-align:center}.sidebarlist-main{position:fixed;bottom:50%;right:40px;transition:.30s;z-index:999}.sidebarlist-main i{font-size:26px}.sidebarlist-icon{width:24px;height:24px}.sidebarlist-item{background:#fff;margin-bottom:10px;padding:5px;border-radius:5px;position:relative;cursor:pointer;box-shadow:0 0 3px 1px rgba(0,0,0,.1)}.sidebarlist-item:hover .sidebarlist-item-content{visibility:visible;right:120%;opacity:1}.sidebarlist-item > a{color:unset}.sidebarlist-item-content{visibility:hidden;position:absolute;background:#fff;right:90%;opacity:0;top:50%;transition:all .3s ease;width:250px;padding:12px;box-shadow:0 0 3px 1px rgba(0,0,0,.1);font-size:14px;line-height:1.6;z-index:1000;cursor:auto;border-radius:var(--border-hd);text-align:unset}.sidebarlist-item-content img{width:100%;height:auto}.header-main-location-left{justify-content:unset}.header-main-location-left .header-menu{justify-content:space-between;flex:1}[cp-post-item]{display:flex;padding:24px;background-color:#fff;border-bottom:1px solid #f5f6f7;transition:.3s;align-items:stretch;position:relative}[cp-post-item]:hover{background:#fcfcfc}[cp-post-thumbnail]{position:relative;width:30%;overflow:hidden;flex-shrink:0;flex-grow:0;margin-right:20px}[cp-post-thumbnail] img{transition:.3s}[cp-post-thumbnail] img:hover{transform:scale(1.03)}[cp-post-thumbnail-a]{width:100%;padding-bottom:60%;height:0;position:relative;display:block;border-radius:var(--border-hd);overflow:hidden}[cp-post-thumbnail] img{object-fit:cover;width:100%;height:100%;vertical-align:top;position:absolute;display:block}[cp-post-cat]{position:absolute;left:10px;top:10px;color:#fff;background:rgba(0,0,0,.6);border-radius:3px;padding:4px 8px;font-size:12px}[cp-post-cat]:visited{color:#fff}[cp-post-info]{display:flex;flex-direction:column;justify-content:space-between;flex:1;position:relative}[cp-post-title]{font-size:20px;line-height:1.5;font-weight:500;margin:0 0 10px}[cp-post-title] a{color:#333;transition:.3s}[cp-post-title] a:hover{color:var(--MaincolorHover)}[cp-post-excerpt]{line-height:1.625;color:rgb(38 38 38 / 80%);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all;text-overflow:ellipsis;font-size:15px;margin:10px 0}[cp-post-meta]{display:flex;justify-content:space-between;color:rgb(38 38 38 / 80%);font-size:14px;align-items:center;overflow:hidden;bottom:0;width:100%;padding-right:20px}[cp-post-meta-right]{vertical-align:center;color:#b1b1b1;font-size:12px}[cp-post-meta-author] img{width:24px;height:24px;border-radius:50%;margin-right:10px}[cp-post-sticky]{background-color:var(--Maincolor);color:#fff;font-size:12px;padding:2px 5px;line-height:1.5;border-radius:var(--border-hd);margin-right:8px;position:relative;top:-2px}body [cp-post-item-banner]{display:block}[cp-post-banner-thumbnail]{position:relative;overflow:hidden;border-radius:var(--border-hd)}body [cp-post-banner-thumbnail] > a:before{content:"";display:block;padding-bottom:38%;position:relative}[cp-post-banner-thumbnail] img{position:absolute;height:100%;width:100%;left:0;top:0;object-fit:cover;transition:.3s}[cp-post-banner-thumbnail] img:hover{transform:scale(1.02)}[cp-post-meta-banner]{position:unset;padding-top:10px;padding-right:0}[cp-post-meta-banner] a{color:#333;transition:.3s}[cp-post-new]{position:absolute;right:10px;top:5px;background-color:#F56C6C;color:#fff;padding:0 2px;border-radius:var(--border-hd);overflow:hidden;font-size:12px}
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -247,24 +247,23 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="frinds-links">
|
<div class="friend-links">
|
||||||
<div class="list-plane-title">
|
<div class="list-plane-title">
|
||||||
<div>友情链接 <span class="list-plane-linksdescribe">欢迎添加友情链接</span></div>
|
<div>友情链接 <span class="list-plane-linksdescribe"></span></div>
|
||||||
<div><a href="{:url('applylink')}" class="frinds-links-apply">申请友链</a></div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="frinds-links-list">
|
<div class="friend-links-list">
|
||||||
{ape:flink pagesize="5"}
|
{ape:flink pagesize="5"}
|
||||||
<li>
|
<a class="friend-links-item-card" href="{$field['url']}" target="_blank">
|
||||||
<a href="{$field['url']}" title="{$field['title']}" target="_blank">
|
|
||||||
{notempty name="$field['image']"}
|
{notempty name="$field['image']"}
|
||||||
<img class="frinds-links-icon img-lazyload" src="{$field['image']}" alt="{$field['title']}" data-original="{$field['image']}"
|
<div class="friend-links-item-icon">
|
||||||
onerror="this.src='__IMG__/chrome.png'">
|
<img class="img-lazyload" src=" {notempty name="$field['image']"} {$field['title']}{$field['image']}{else /}__IMG__/chrome.png{/notempty}" alt="{$field['title']}" data-original="{$field['image']}" onerror="this.src='__IMG__/chrome.png'">
|
||||||
{else /}
|
</div>
|
||||||
<img class="frinds-links-icon img-lazyload" src="__IMG__/chrome.png" alt="{$field['title']}" data-original="__IMG__/chrome.png"
|
{/notempty}
|
||||||
onerror="this.src='__IMG__/chrome.png'">
|
<div class="friend-links-item-main">
|
||||||
{/notempty} {$field['title']}
|
<div class="friend-links-item-title">{$field['title']}</div>
|
||||||
|
<div class="friend-links-item-description">{$field['description']}</div>
|
||||||
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
|
||||||
{/ape:flink}
|
{/ape:flink}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -2,11 +2,11 @@ $(document).click(function (e) {
|
||||||
$('.post-pop-plane').removeClass("post-pop-plane-show");
|
$('.post-pop-plane').removeClass("post-pop-plane-show");
|
||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
});
|
});
|
||||||
$(".post-info-switch-sidebar").click(function () {
|
$('.post-info-switch-sidebar').click(function () {
|
||||||
$(".sidebar").toggleClass("sidebar-display");
|
$('.sidebar').toggleClass('sidebar-display');
|
||||||
$(".post-main").toggleClass("post-main-full");
|
$('.post-main').toggleClass('post-main-full');
|
||||||
$(this).toggleClass("post-info-switch-sidebar-show")
|
$(this).toggleClass('post-info-switch-sidebar-show');
|
||||||
});
|
})
|
||||||
$('.clickshow').click(function () {
|
$('.clickshow').click(function () {
|
||||||
$('#share-plane').removeClass("share-plane-show");
|
$('#share-plane').removeClass("share-plane-show");
|
||||||
$('#qrcode-plane').removeClass("share-plane-show");
|
$('#qrcode-plane').removeClass("share-plane-show");
|
||||||
|
|
|
||||||
|
|
@ -1,68 +1,98 @@
|
||||||
function getQueryVariable(a) {
|
function getQueryVariable(variable) {
|
||||||
for (var c = window.location.search.substring(1).split("\x26"), b = 0; b < c.length; b++) {
|
var query = window.location.search.substring(1);
|
||||||
var d = c[b].split("\x3d");
|
var vars = query.split("&");
|
||||||
if (d[0] == a)
|
for (var i = 0; i < vars.length; i++) {
|
||||||
return d[1]
|
var pair = vars[i].split("=");
|
||||||
|
if (pair[0] == variable) {
|
||||||
|
return pair[1];
|
||||||
}
|
}
|
||||||
return !1
|
}
|
||||||
|
return (false);
|
||||||
}
|
}
|
||||||
|
|
||||||
function htmlEncodeByRegExp(a) {
|
|
||||||
return $("\x3cdiv/\x3e").text(a).html()
|
function htmlEncodeByRegExp(str) {
|
||||||
|
return $('<div/>').text(str).html();
|
||||||
}
|
}
|
||||||
|
|
||||||
function htmlDecodeByRegExp(a) {
|
function htmlDecodeByRegExp(str) {
|
||||||
$("\x3cdiv/\x3e").html(a).text()
|
var text = $('<div/>').html(str).text();
|
||||||
}
|
}
|
||||||
|
|
||||||
function isElementInViewport(a) {
|
function isElementInViewport(el) {
|
||||||
a = a.getBoundingClientRect();
|
//获取元素是否在可视区域
|
||||||
return 0 <= a.top && 0 <= a.left && a.bottom <= (window.innerHeight || document.documentElement.clientHeight) && a.right <= (window.innerWidth || document.documentElement.clientWidth)
|
var rect = el.getBoundingClientRect();
|
||||||
|
return (
|
||||||
|
rect.top >= 0 &&
|
||||||
|
rect.left >= 0 &&
|
||||||
|
rect.bottom <=
|
||||||
|
(window.innerHeight || document.documentElement.clientHeight) &&
|
||||||
|
rect.right <=
|
||||||
|
(window.innerWidth || document.documentElement.clientWidth)
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
function replaceTag(a) {
|
function replaceTag(str) {
|
||||||
return a.replace("\x26amp;", "")
|
//return str;
|
||||||
|
return str.replace('&', '')
|
||||||
}
|
}
|
||||||
|
|
||||||
function addarelt(a, c) {
|
function addarelt(msg, type) {
|
||||||
var b = '\x3ci class\x3d"fas fa-info-circle" style\x3d"color: #515a6e"\x3e\x3c/i\x3e';
|
var icon = '<i class="fas fa-info-circle" style="color: #515a6e"></i>';
|
||||||
"succ" == c ? b = '\x3ci class\x3d"fas fa-check-circle" style\x3d"color:#19be6b;"\x3e\x3c/i\x3e' : "erro" == c && (b = '\x3ci class\x3d"fas fa-times-circle" style\x3d"color:#ed4014;"\x3e\x3c/i\x3e');
|
if (type == 'succ') {
|
||||||
$("body").append('\x3cdiv class\x3d"corepress-alert"\x3e\x3cdiv class\x3d"corepress-alert-main"\x3e' + b + a + "\x3c/div\x3e\x3c/div\x3e");
|
icon = '<i class="fas fa-check-circle" style="color:#19be6b;"></i>'
|
||||||
|
} else if (type == 'erro') {
|
||||||
|
icon = '<i class="fas fa-times-circle" style="color:#ed4014;"></i>'
|
||||||
|
}
|
||||||
|
var msg_id = '';
|
||||||
|
$('body').append('<div class="corepress-alert"><div class="corepress-alert-main">' + icon + msg + '</div></div>');
|
||||||
setTimeout(function () {
|
setTimeout(function () {
|
||||||
$(".corepress-alert-main").addClass("corepress-alert-main-show")
|
$('.corepress-alert-main').addClass('corepress-alert-main-show');
|
||||||
}, 20);
|
}, 20);
|
||||||
setTimeout(function () {
|
setTimeout(function () {
|
||||||
$(".corepress-alert-main:first").removeClass("corepress-alert-main-show")
|
$('.corepress-alert-main:first').removeClass('corepress-alert-main-show');
|
||||||
}, 3E3);
|
}, 3000);
|
||||||
setTimeout(function () {
|
setTimeout(function () {
|
||||||
$(".corepress-alert:first").remove()
|
$('.corepress-alert:first').remove();
|
||||||
}, 3500)
|
}, 3500);
|
||||||
}
|
}
|
||||||
|
|
||||||
function JScopyText(a) {
|
function JScopyText(str) {
|
||||||
copynotmsg = 1;
|
copynotmsg = 1;
|
||||||
$("body").append('\x3cdiv id\x3d"tem-copy" style\x3d"visibility: hidden"\x3e\x3c/div\x3e');
|
$("body").append('<div id="tem-copy" style="visibility: hidden"></div>');
|
||||||
var c = new ClipboardJS("#tem-copy", {
|
var clipboard = new ClipboardJS('#tem-copy', {
|
||||||
text: function () {
|
text: function () {
|
||||||
return a
|
return str;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
//自动点击
|
||||||
$("#tem-copy").trigger("click");
|
$("#tem-copy").trigger("click");
|
||||||
c.destroy();
|
//删除
|
||||||
$("#tem-copy").remove()
|
clipboard.destroy();
|
||||||
|
$("#tem-copy").remove();
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function isChinese(a) {
|
function isChinese(text) {
|
||||||
return /.*[\u4e00-\u9fa5]+.*$/.test(a) ? !0 : !1
|
var re = /.*[\u4e00-\u9fa5]+.*$/;
|
||||||
|
if (re.test(text)) return true;
|
||||||
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
function haveNumandLetter(a) {
|
function haveNumandLetter(text) {
|
||||||
var c = /[a-z]/i;
|
var num = /[0-9]/;
|
||||||
return /[0-9]/.test(a) && c.test(a) ? !0 : !1
|
var letter = /[a-z]/i;
|
||||||
|
if (num.test(text) && letter.test(text)) return true;
|
||||||
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
function isEmail(a) {
|
function isEmail(str) {
|
||||||
return 1 != /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/.test(a) ? !1 : !0
|
var re = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
|
||||||
|
if (re.test(str) != true) {
|
||||||
|
return false;
|
||||||
|
} else {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function cp_setCookie(a, c, b) {
|
function cp_setCookie(a, c, b) {
|
||||||
|
|
|
||||||
|
|
@ -39,7 +39,7 @@
|
||||||
<div class="footer-details footer-right">
|
<div class="footer-details footer-right">
|
||||||
<div>
|
<div>
|
||||||
<div class="footer-aside-box">
|
<div class="footer-aside-box">
|
||||||
<img width="100" height="50" src="{:file_cdn(web_config('logo'))}" class="image wp-image-352 attachment-200x50 size-200x50" alt="" style="max-width: 100%; height: auto"/>
|
<img width="200" height="50" src="{:file_cdn(web_config('logo'))}" class="image wp-image-352 attachment-200x50 size-200x50" loading="lazy" alt="" style="max-width: 100%; height: auto"/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue