版本0.2
This commit is contained in:
浪子
-356
@@ -1,360 +1,4 @@
|
||||
<?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
|
||||
<style>
|
||||
/* 分页 */
|
||||
.pagination_page{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: var(--margin);
|
||||
gap: 0.5rem;
|
||||
}
|
||||
.pagination_page li.active a {
|
||||
background: var(--theme);
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
}
|
||||
.pagination_page a{
|
||||
display: flex;
|
||||
padding: 0.5rem;
|
||||
font-size: 0.9rem;
|
||||
width: 1.75rem;
|
||||
height: 1.75rem;
|
||||
background: var(--background);
|
||||
border-radius: 50%;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
transition: 0.2s;
|
||||
-webkit-transition: 0.2s;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.pagination_page span.next{
|
||||
cursor: pointer;
|
||||
}
|
||||
.pagination_page li.active a:hover{
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.comment-form label {
|
||||
display: block;
|
||||
margin-bottom: .5rem;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
line-height: 1.4
|
||||
}
|
||||
|
||||
.comment-form label .required {
|
||||
color: red
|
||||
}
|
||||
|
||||
.comment-form input,
|
||||
.comment-form textarea {
|
||||
width: 100%;
|
||||
resize: none;
|
||||
border-radius: 5px;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #999;
|
||||
padding: 8px 15px;
|
||||
font-size: 14px
|
||||
}
|
||||
|
||||
.comment-form .submit {
|
||||
background-color: #000;
|
||||
color: #fff;
|
||||
border: 0;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
padding: 8px 30px;
|
||||
border-radius: 5px;
|
||||
width: auto
|
||||
}
|
||||
|
||||
.comment-form .submit:hover {
|
||||
background-color: var(--farallon-text-light)
|
||||
}
|
||||
|
||||
.comment-form p {
|
||||
margin-bottom: 15px
|
||||
}
|
||||
|
||||
.comment-form p:last-of-type {
|
||||
margin-bottom: 0
|
||||
}
|
||||
|
||||
.comment-form .comment-notes,
|
||||
.comment-form .logged-in-as {
|
||||
font-size: 12px;
|
||||
color: var(--farallon-text-gray)
|
||||
}
|
||||
|
||||
.comment-reply-title {
|
||||
font-weight: 700;
|
||||
font-size: 18px;
|
||||
display: flex;
|
||||
align-items: center
|
||||
}
|
||||
|
||||
.comment-reply-title small {
|
||||
margin-left: auto;
|
||||
font-weight: 400;
|
||||
font-size: 14px
|
||||
}
|
||||
|
||||
.commentlist {
|
||||
border-top: 1px solid var(--farallon-border-color-light);
|
||||
list-style: none;
|
||||
padding-top: 10px
|
||||
}
|
||||
|
||||
.commentlist .comment {
|
||||
padding: 0 0
|
||||
}
|
||||
|
||||
.commentlist .comment-respond {
|
||||
margin-top: 20px;
|
||||
padding: 20px;
|
||||
background-color: var(--farallon-background-gray);
|
||||
border-radius: 5px
|
||||
}
|
||||
|
||||
@keyframes comment--fresh {
|
||||
0% {
|
||||
background-color: #fff
|
||||
}
|
||||
|
||||
100% {
|
||||
background-color: #fffee0
|
||||
}
|
||||
}
|
||||
|
||||
.comment:last-child>.comment-body {
|
||||
border-bottom: 0
|
||||
}
|
||||
|
||||
.comment.parent {
|
||||
border-bottom: 1px solid var(--farallon-border-color-light)
|
||||
}
|
||||
|
||||
.comment.parent:last-child {
|
||||
border-bottom: 0
|
||||
}
|
||||
|
||||
.comment-body {
|
||||
padding: 25px 0
|
||||
}
|
||||
|
||||
.comment-body__fresh {
|
||||
animation: comment--fresh 1.5s ease-in-out infinite alternate;
|
||||
border-radius: 5px
|
||||
}
|
||||
|
||||
.comment-body .avatar {
|
||||
transition: .5s box-shadow
|
||||
}
|
||||
|
||||
.comment-body:hover .avatar {
|
||||
box-shadow: 0 0 3px 0 var(--farallon-hover-color)
|
||||
}
|
||||
|
||||
.comment--avatar {
|
||||
flex: none;
|
||||
margin-right: 10px;
|
||||
display: flex
|
||||
}
|
||||
|
||||
.comment--author {
|
||||
flex: auto;
|
||||
display: flex;
|
||||
align-items: center
|
||||
}
|
||||
|
||||
.comment--author .comment-reply-link {
|
||||
margin-left: auto
|
||||
}
|
||||
|
||||
.comment--author .comment-reply-link svg {
|
||||
fill: var(--farallon-text-gray);
|
||||
width: 15px;
|
||||
height: 15px
|
||||
}
|
||||
|
||||
.comment--author .comment-reply-link:hover svg {
|
||||
fill: var(--farallon-hover-color)
|
||||
}
|
||||
|
||||
.comment--author a {
|
||||
color: var(--farallon-main-color)
|
||||
}
|
||||
|
||||
.comment--author a:hover {
|
||||
color: var(--farallon-hover-color);
|
||||
text-decoration: underline
|
||||
}
|
||||
|
||||
.comment--meta {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex: auto
|
||||
}
|
||||
|
||||
.comment--time {
|
||||
color: var(--farallon-text-light)
|
||||
}
|
||||
|
||||
.comment-meta {
|
||||
display: flex;
|
||||
align-items: center
|
||||
}
|
||||
|
||||
.comment-meta .avatar {
|
||||
border-radius: 100%
|
||||
}
|
||||
|
||||
|
||||
div.cancel-comment-reply.cancel-comment-reply-link {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.comment-content {
|
||||
word-wrap: break-word !important;
|
||||
overflow-wrap: break-word !important;
|
||||
white-space: normal !important;
|
||||
color: var(--farallon-text-light)
|
||||
}
|
||||
|
||||
.comment-content a {
|
||||
text-decoration: underline
|
||||
}
|
||||
|
||||
.comment-content a:hover {
|
||||
color: var(--farallon-hover-color)
|
||||
}
|
||||
|
||||
.children {
|
||||
margin-left: 0;
|
||||
padding-bottom: 10px
|
||||
}
|
||||
|
||||
.children .avatar {
|
||||
width: 32px;
|
||||
height: 32px
|
||||
}
|
||||
|
||||
.children .comment-body {
|
||||
border-bottom: 0;
|
||||
padding: 15px 0
|
||||
}
|
||||
|
||||
.children .comment-content {
|
||||
font-size: 14px
|
||||
}
|
||||
|
||||
.parent>.children {
|
||||
margin-left: 50px
|
||||
}
|
||||
|
||||
.comment-meta {
|
||||
margin-bottom: 10px;
|
||||
font-size: 14px;
|
||||
display: flex;
|
||||
align-items: center
|
||||
}
|
||||
|
||||
.comment-meta .comment-metadata {
|
||||
margin-left: auto
|
||||
}
|
||||
|
||||
.comment-reply-link {
|
||||
font-size: 12px
|
||||
}
|
||||
|
||||
.no--comment {
|
||||
text-align: center;
|
||||
padding: 30px 0
|
||||
}
|
||||
|
||||
.comments--title {
|
||||
margin-top: 30px;
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 10px;
|
||||
display: flex;
|
||||
align-items: center
|
||||
}
|
||||
|
||||
.comments--title svg {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 5px;
|
||||
position: relative;
|
||||
transform: translate3d(0, 1px, 0);
|
||||
fill: var(--farallon-text-color)
|
||||
}
|
||||
|
||||
.comment-respond {
|
||||
padding-top: 30px
|
||||
}
|
||||
|
||||
.comment-form-cookies-consent #wp-comment-cookies-consent {
|
||||
display: none
|
||||
}
|
||||
|
||||
.comment-form-cookies-consent label {
|
||||
font-size: 14px;
|
||||
color: var(--farallon-text-gray);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.comment-form-cookies-consent label::before {
|
||||
background-color: #fff;
|
||||
border: 1px solid rgba(0, 0, 0, .15);
|
||||
border-radius: 100%;
|
||||
height: 16px;
|
||||
margin-right: 6px;
|
||||
vertical-align: middle;
|
||||
width: 16px;
|
||||
content: "";
|
||||
flex: none
|
||||
}
|
||||
.dot::before {
|
||||
content: "·";
|
||||
margin-left: 4px;
|
||||
margin-right: 4px
|
||||
}
|
||||
|
||||
.comment-form-cookies-consent input:checked+label::after {
|
||||
background-color: var(--farallon-main-color);
|
||||
border-radius: 100%;
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 1px;
|
||||
height: 12px;
|
||||
margin: 2px;
|
||||
width: 12px;
|
||||
flex: none
|
||||
}
|
||||
/* 去除有序列表（<ol>）的列表号 */
|
||||
ol.comment-list {
|
||||
list-style-type: none;
|
||||
padding-left: 0; /* 取消左侧的默认填充 */
|
||||
}
|
||||
|
||||
/* 去除无序列表（<ul>）的列表号 */
|
||||
ul.comment-list {
|
||||
list-style-type: none;
|
||||
padding-left: 0; /* 取消左侧的默认填充 */
|
||||
}
|
||||
|
||||
/* 适用于所有嵌套的评论列表 */
|
||||
ol.comment-list li, ul.comment-list li {
|
||||
list-style-type: none;
|
||||
}
|
||||
/* 分页 */
|
||||
</style>
|
||||
<div class="post--ingle__comments">
|
||||
<?php $this->comments()->to($comments); ?>
|
||||
<?php if($this->allow('comment')): ?>
|
||||
|
||||
Reference in New Issue
Block a user