mirror of https://github.com/1099438829/apeblog
G更新主题样式
This commit is contained in:
parent
c98c86846f
commit
0e2f379b6c
|
|
@ -45,6 +45,7 @@
|
|||
.hljs-section {
|
||||
color: #93ddfd;
|
||||
}
|
||||
|
||||
/* Tomorrow Purple */
|
||||
.hljs-keyword,
|
||||
.hljs-selector-tag {
|
||||
|
|
@ -70,7 +71,6 @@
|
|||
|
||||
pre.corepress-code-pre code {
|
||||
position: relative;
|
||||
border-radius: 5px;
|
||||
max-height: 500px;
|
||||
overflow: auto;
|
||||
padding: 10px 20px;
|
||||
|
|
@ -99,18 +99,18 @@ pre.corepress-code-pre code {
|
|||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.code-bar-btn-copy-fonticon {
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
pre[class='corepress-code-pre'] {
|
||||
position: relative;
|
||||
font-size: 14px;
|
||||
border-radius: 4px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
max-height: unset;
|
||||
overflow: unset;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -119,6 +119,7 @@ pre[class='corepress-code-pre'] {
|
|||
margin: 0px 0px 0 20px !important;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.hljs ul li {
|
||||
list-style: decimal-leading-zero;
|
||||
border-left: 1px solid #ddd !important;
|
||||
|
|
@ -128,6 +129,6 @@ pre[class='corepress-code-pre'] {
|
|||
word-break: break-all;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.hijs-line-number {
|
||||
|
||||
.code-expand {
|
||||
color: #fff;
|
||||
}
|
||||
|
|
@ -1,3 +1,4 @@
|
|||
/**
|
||||
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 class="frinds-links">
|
||||
<div class="friend-links">
|
||||
<div class="list-plane-title">
|
||||
<div>友情链接 <span class="list-plane-linksdescribe">欢迎添加友情链接</span></div>
|
||||
<div><a href="{:url('applylink')}" class="frinds-links-apply">申请友链</a></div>
|
||||
<div>友情链接 <span class="list-plane-linksdescribe"></span></div>
|
||||
</div>
|
||||
<div class="frinds-links-list">
|
||||
<div class="friend-links-list">
|
||||
{ape:flink pagesize="5"}
|
||||
<li>
|
||||
<a href="{$field['url']}" title="{$field['title']}" target="_blank">
|
||||
<a class="friend-links-item-card" href="{$field['url']}" target="_blank">
|
||||
{notempty name="$field['image']"}
|
||||
<img class="frinds-links-icon img-lazyload" src="{$field['image']}" alt="{$field['title']}" data-original="{$field['image']}"
|
||||
onerror="this.src='__IMG__/chrome.png'">
|
||||
{else /}
|
||||
<img class="frinds-links-icon img-lazyload" src="__IMG__/chrome.png" alt="{$field['title']}" data-original="__IMG__/chrome.png"
|
||||
onerror="this.src='__IMG__/chrome.png'">
|
||||
{/notempty} {$field['title']}
|
||||
<div class="friend-links-item-icon">
|
||||
<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'">
|
||||
</div>
|
||||
{/notempty}
|
||||
<div class="friend-links-item-main">
|
||||
<div class="friend-links-item-title">{$field['title']}</div>
|
||||
<div class="friend-links-item-description">{$field['description']}</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
{/ape:flink}
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,11 +2,11 @@ $(document).click(function (e) {
|
|||
$('.post-pop-plane').removeClass("post-pop-plane-show");
|
||||
e.stopPropagation();
|
||||
});
|
||||
$(".post-info-switch-sidebar").click(function () {
|
||||
$(".sidebar").toggleClass("sidebar-display");
|
||||
$(".post-main").toggleClass("post-main-full");
|
||||
$(this).toggleClass("post-info-switch-sidebar-show")
|
||||
});
|
||||
$('.post-info-switch-sidebar').click(function () {
|
||||
$('.sidebar').toggleClass('sidebar-display');
|
||||
$('.post-main').toggleClass('post-main-full');
|
||||
$(this).toggleClass('post-info-switch-sidebar-show');
|
||||
})
|
||||
$('.clickshow').click(function () {
|
||||
$('#share-plane').removeClass("share-plane-show");
|
||||
$('#qrcode-plane').removeClass("share-plane-show");
|
||||
|
|
|
|||
|
|
@ -1,68 +1,98 @@
|
|||
function getQueryVariable(a) {
|
||||
for (var c = window.location.search.substring(1).split("\x26"), b = 0; b < c.length; b++) {
|
||||
var d = c[b].split("\x3d");
|
||||
if (d[0] == a)
|
||||
return d[1]
|
||||
function getQueryVariable(variable) {
|
||||
var query = window.location.search.substring(1);
|
||||
var vars = query.split("&");
|
||||
for (var i = 0; i < vars.length; i++) {
|
||||
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) {
|
||||
$("\x3cdiv/\x3e").html(a).text()
|
||||
function htmlDecodeByRegExp(str) {
|
||||
var text = $('<div/>').html(str).text();
|
||||
}
|
||||
|
||||
function isElementInViewport(a) {
|
||||
a = a.getBoundingClientRect();
|
||||
return 0 <= a.top && 0 <= a.left && a.bottom <= (window.innerHeight || document.documentElement.clientHeight) && a.right <= (window.innerWidth || document.documentElement.clientWidth)
|
||||
function isElementInViewport(el) {
|
||||
//获取元素是否在可视区域
|
||||
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) {
|
||||
return a.replace("\x26amp;", "")
|
||||
function replaceTag(str) {
|
||||
//return str;
|
||||
return str.replace('&', '')
|
||||
}
|
||||
|
||||
function addarelt(a, c) {
|
||||
var b = '\x3ci class\x3d"fas fa-info-circle" style\x3d"color: #515a6e"\x3e\x3c/i\x3e';
|
||||
"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');
|
||||
$("body").append('\x3cdiv class\x3d"corepress-alert"\x3e\x3cdiv class\x3d"corepress-alert-main"\x3e' + b + a + "\x3c/div\x3e\x3c/div\x3e");
|
||||
function addarelt(msg, type) {
|
||||
var icon = '<i class="fas fa-info-circle" style="color: #515a6e"></i>';
|
||||
if (type == 'succ') {
|
||||
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 () {
|
||||
$(".corepress-alert-main").addClass("corepress-alert-main-show")
|
||||
$('.corepress-alert-main').addClass('corepress-alert-main-show');
|
||||
}, 20);
|
||||
setTimeout(function () {
|
||||
$(".corepress-alert-main:first").removeClass("corepress-alert-main-show")
|
||||
}, 3E3);
|
||||
$('.corepress-alert-main:first').removeClass('corepress-alert-main-show');
|
||||
}, 3000);
|
||||
setTimeout(function () {
|
||||
$(".corepress-alert:first").remove()
|
||||
}, 3500)
|
||||
$('.corepress-alert:first').remove();
|
||||
}, 3500);
|
||||
}
|
||||
|
||||
function JScopyText(a) {
|
||||
function JScopyText(str) {
|
||||
copynotmsg = 1;
|
||||
$("body").append('\x3cdiv id\x3d"tem-copy" style\x3d"visibility: hidden"\x3e\x3c/div\x3e');
|
||||
var c = new ClipboardJS("#tem-copy", {
|
||||
$("body").append('<div id="tem-copy" style="visibility: hidden"></div>');
|
||||
var clipboard = new ClipboardJS('#tem-copy', {
|
||||
text: function () {
|
||||
return a
|
||||
return str;
|
||||
}
|
||||
});
|
||||
//自动点击
|
||||
$("#tem-copy").trigger("click");
|
||||
c.destroy();
|
||||
$("#tem-copy").remove()
|
||||
//删除
|
||||
clipboard.destroy();
|
||||
$("#tem-copy").remove();
|
||||
|
||||
}
|
||||
|
||||
function isChinese(a) {
|
||||
return /.*[\u4e00-\u9fa5]+.*$/.test(a) ? !0 : !1
|
||||
function isChinese(text) {
|
||||
var re = /.*[\u4e00-\u9fa5]+.*$/;
|
||||
if (re.test(text)) return true;
|
||||
return false;
|
||||
}
|
||||
|
||||
function haveNumandLetter(a) {
|
||||
var c = /[a-z]/i;
|
||||
return /[0-9]/.test(a) && c.test(a) ? !0 : !1
|
||||
function haveNumandLetter(text) {
|
||||
var num = /[0-9]/;
|
||||
var letter = /[a-z]/i;
|
||||
if (num.test(text) && letter.test(text)) return true;
|
||||
return false;
|
||||
}
|
||||
|
||||
function isEmail(a) {
|
||||
return 1 != /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/.test(a) ? !1 : !0
|
||||
function isEmail(str) {
|
||||
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) {
|
||||
|
|
|
|||
|
|
@ -39,7 +39,7 @@
|
|||
<div class="footer-details footer-right">
|
||||
<div>
|
||||
<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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue