/* ==========================================================================
   面包屑导航样式
   ========================================================================== */

.breadcrumb
div {
    display: inline;
    font-size: 13px;
    margin-left: -3px;
}

/* ==========================================================================
   回到顶部按钮样式
   ========================================================================== */

/* 回到顶部按钮容器定位 */
#wp-auto-top {
    position: fixed;
    top: 45%;
    right: 50%;
    display: block;
    margin-right: -540px;
    z-index: 9999;
}

/* 回到顶部按钮通用样式 */
#wp-auto-top-top, #wp-auto-top-comment, #wp-auto-top-bottom {
    background: url(https://www.lylinux.org/wp-content/plugins/wp-auto-top/img/1.png) no-repeat;
    position: relative;
    cursor: pointer;
    height: 25px;
    width: 29px;
    margin: 10px 0 0;
}

/* 评论按钮特定样式 */
#wp-auto-top-comment {
    background-position: left -30px;
    height: 32px;
}

/* 底部按钮特定样式 */
#wp-auto-top-bottom {
    background-position: left -68px;
}

/* 按钮悬停效果 */
#wp-auto-top-comment:hover {
    background-position: right -30px;
}

#wp-auto-top-top:hover {
    background-position: right 0;
}

#wp-auto-top-bottom:hover {
    background-position: right -68px;
}

/* ==========================================================================
   登录小工具样式
   ========================================================================== */

.widget-login {
    margin-top: 15px !important;
}

/* ==========================================================================
   评论区域样式
   ========================================================================== */

/* 评论区域顶部间距 */
#comments {
    margin-top: 20px;
}

/* 隐藏pingback列表容器 */
#pinglist-container {
    display: none;
}

/* 评论标签页样式 */
.comment-tabs {
    margin-bottom: 20px;
    font-size: 15px;
    border-bottom: 2px solid #e5e5e5;
}

.comment-tabs li {
    float: left;
    margin-bottom: -2px;
}

.comment-tabs li a {
    display: block;
    padding: 0 10px 10px;
    font-weight: 600;
    color: #aaa;
    border-bottom: 2px solid #e5e5e5;
}

.comment-tabs li a:hover {
    color: #444;
    border-color: #ccc;
}

.comment-tabs li span {
    margin-left: 8px;
    padding: 0 6px;
    border-radius: 4px;
    background-color: #e5e5e5;
}

.comment-tabs li i {
    margin-right: 6px;
}

.comment-tabs li.active a {
    color: #e8554e;
    border-bottom-color: #e8554e;
}

/* 评论列表样式 */
.commentlist, .pinglist {
    margin-bottom: 20px;
}

.commentlist li, .pinglist li {
    padding-left: 60px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
}

.commentlist .comment-body, .pinglist li {
    position: relative;
    padding-bottom: 20px;
    clear: both;
    word-break: break-all;
}

.commentlist .comment-author,
.commentlist .comment-meta,
.commentlist .comment-awaiting-moderation {
    float: left;
    display: block;
    font-size: 13px;
    line-height: 22px;
}

.commentlist .comment-author {
    margin-right: 6px;
}

.commentlist .fn, .pinglist .ping-link {
    color: #444;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
}

.commentlist .says {
    display: none;
}

.commentlist .avatar {
    position: absolute;
    left: -60px;
    top: 0;
    width: 48px;
    height: 48px;
    border-radius: 100%;
}

.commentlist .comment-meta:before, .pinglist .ping-meta:before {
    vertical-align: 4%;
    margin-right: 3px;
    font-size: 10px;
    font-family: FontAwesome;
    color: #ccc;
}

.commentlist .comment-meta a, .pinglist .ping-meta {
    color: #aaa;
}

.commentlist .reply {
    font-size: 13px;
    line-height: 16px;
}

.commentlist .reply a,
.commentlist .comment-reply-chain {
    color: #aaa;
}

.commentlist .reply a:hover,
.commentlist .comment-reply-chain:hover {
    color: #444;
}

.comment-awaiting-moderation {
    color: #e8554e;
    font-style: normal;
}

/* pingback 列表样式 */
.pinglist li {
    padding-left: 0;
}

/* 评论文本样式 */
.commentlist .comment-body p {
    margin-bottom: 8px;
    color: #777;
    clear: both;
}

.commentlist .comment-body strong {
    font-weight: 600;
}

.commentlist .comment-body ol li {
    margin-left: 2em;
    padding: 0;
    list-style: decimal;
}

.commentlist .comment-body ul li {
    margin-left: 2em;
    padding: 0;
    list-style: square;
}

/* 文章作者和管理员评论样式 */
.commentlist li.bypostauthor > .comment-body:after,
.commentlist li.comment-author-admin > .comment-body:after {
    display: block;
    position: absolute;
    content: "\f040";
    width: 12px;
    line-height: 12px;
    font-style: normal;
    font-family: FontAwesome;
    text-align: center;
    color: #fff;
    background-color: #e8554e;
}

.commentlist li.comment-author-admin > .comment-body:after {
    content: "\f005"; /* 管理员使用星形图标 */
}

.commentlist li.bypostauthor > .comment-body:after,
.commentlist li.comment-author-admin > .comment-body:after {
    padding: 3px;
    top: 32px;
    left: -28px;
    font-size: 12px;
    border-radius: 100%;
}

.commentlist li li.bypostauthor > .comment-body:after,
.commentlist li li.comment-author-admin > .comment-body:after {
    padding: 2px;
    top: 22px;
    left: -26px;
    font-size: 10px;
    border-radius: 100%;
}

/* 子评论样式 */
.commentlist li ul {
}

.commentlist li li {
    margin: 0;
    padding-left: 48px;
}

.commentlist li li .avatar {
    top: 0;
    left: -48px;
    width: 36px;
    height: 36px;
}

.commentlist li li .comment-meta {
    left: 70px;
}

/* 评论导航样式 */
.comments-nav {
    margin-bottom: 20px;
}

.comments-nav a {
    font-weight: 600;
}

.comments-nav .nav-previous {
    float: left;
}

.comments-nav .nav-next {
    float: right;
}

/* 评论表单样式 */
.logged-in-as,
.comment-notes,
.form-allowed-tags {
    display: none;
}

/* 设置评论容器相对定位 */
#respond {
    position: relative;
}

/* 回复标题的默认下边距 */
#reply-title {
    margin-bottom: 20px;
}

/* 针对列表项中的回复标题进行特殊处理：隐藏并重置尺寸 */
li #reply-title {
    margin: 0 !important;
    padding: 0;
    height: 0;
    font-size: 0;
    border-top: 0;
}

/* 取消回复链接的基本样式设置 */
#cancel-comment-reply-link {
    float: right;
    bottom: 26px;
    right: 20px;
    font-size: 12px;
    color: #999;
}

/* 取消回复链接悬停时的颜色变化 */
#cancel-comment-reply-link:hover {
    color: #777;
}

/* 评论表单整体样式 */
#commentform {
    margin-bottom: 20px;
    padding: 10px 20px 20px;
    border-radius: 4px;
    background-color: #e5e5e5;
}

/* 表单作者字段左浮动占宽48% */
#commentform p.comment-form-author {
    float: left;
    width: 48%;
}

/* 表单邮箱字段右浮动占宽48% */
#commentform p.comment-form-email {
    float: right;
    width: 48%;
}

/* URL 和评论正文字段清除浮动并独占一行 */
#commentform p.comment-form-url,
#commentform p.comment-form-comment {
    clear: both;
}

/* 表单标签统一显示为块级元素，并设置上下内边距与字体加粗 */
#commentform label {
    display: block;
    padding: 6px 0;
    font-weight: 600;
}

/* 输入框和文本域最大宽度限制为父容器100%，且默认撑满 */
#commentform input[type="text"],
#commentform textarea {
    max-width: 100%;
    width: 100%;
}

/* 文本域高度固定为100像素 */
#commentform textarea {
    height: 100px;
}

/* 提交按钮段落上外边距调整 */
#commentform p.form-submit {
    margin-top: 10px;
}

/* 登录状态下回复标题保持标准间距 */
.logged-in #reply-title {
    margin-bottom: 20px;
}

/* 登录状态下的评论正文字段增加顶部间距 */
.logged-in #commentform p.comment-form-comment {
    margin-top: 10px;
}

/* 登录状态下评论正文标签隐藏 */
.logged-in #commentform p.comment-form-comment label {
    display: none;
}

/* 统一标题类（包括回复标题）的基础样式 */
.heading,
#reply-title {
    margin-bottom: 1em;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #222;
}

/* 标题图标样式设置 */
.heading i {
    margin-right: 6px;
    font-size: 22px;
}

/* 清除浮动伪类 before */
.group:before {
    content: "";
    display: table;
}

/* 清除浮动伪类 after */
.group:after {
    content: "";
    display: table;
    clear: both;
}

/* 取消评论按钮基础样式重置 */
.cancel-comment {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}

/* 返回顶部火箭图标的初始位置及基本属性 */
#rocket {
    position: fixed;
    right: 50px;
    bottom: 50px;
    display: block;
    visibility: hidden;
    width: 26px;
    height: 48px;
    background: url("data:image/png;base64,...") no-repeat 50% 0;
    cursor: pointer;
    -webkit-transition: all 0s;
    transition: all 0s;
}

/* 火箭图标鼠标悬停时背景图片偏移以切换状态 */
#rocket:hover {
    background-position: 50% -62px;
}

/* 显示火箭图标 */
#rocket.show {
    visibility: visible;
    opacity: 1;
}

/* 触发动画时火箭图标的状态更新与动画绑定 */
#rocket.move {
    background-position: 50% -62px;
    -webkit-animation: toTop .8s ease-in;
    animation: toTop .8s ease-in;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

/* Markdown提示文字样式设置 */
.comment-markdown {
    float: right;
    font-size: small;
}

/* 面包屑导航容器样式 */
.breadcrumb {
    margin-bottom: 20px;
    list-style: none;
    border-radius: 4px;
}

/* 面包屑导航项横向排列 */
.breadcrumb > li {
    display: inline-block;
}

/* 面包屑导航项之间的分隔符 */
.breadcrumb > li + li:before {
    color: #ccc;
    content: "/\00a0";
}

/* 当前激活的面包屑导航项颜色 */
.breadcrumb > .active {
    color: #777;
}

/* 分割线样式（当前被注释掉） */
.break_line {
    height: 1px;
    border: none;
    /*border-top: 1px dashed #f5d6d6;*/
}