/*
Theme Name: Oracle
Author: swling
Author URI: http://swling.cn
Description: Yisuan.net Theme
Version: 0.1.66
*/
html{height:100%;background:transparent;}
body{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue','PingFang SC','Microsoft YaHei','Source Han Sans SC','Noto Sans CJK SC','WenQuanYi Micro Hei',sans-serif;
color:#333;font-size:16px;word-wrap:break-word;word-break:break-all;
background:#FCF9F2;;
background-attachment:fixed;background-size:cover;line-height:1.6em;
display: flex;
flex-direction: column;
min-height: 100%;
}
body.author{background:#FAFAFA url('static/images/author_bg.jpg')  center no-repeat;background-attachment:fixed;background-size:cover;}
/* li{list-style-type:none;} */
/*img {image-rendering: pixelated; image-rendering: -moz-crisp-edges;}*/
main .box a:hover{color:#F90;text-decoration:underline;}
#logo a{font-weight:bold;color:#F60}
#top,.navbar-dropdown{background:#Fa7c0c;color: #FFF;}
#top{box-shadow: 0 0px 10px 5px #CCC;}
#top a,#top .icon{color: #FFF;}
#top svg.icon{width: 30px;height: 30px;}
.navbar-item, .navbar-link {
	color: #FFF;
	line-height: 1.5;
  }

/*主容器，改变对齐方向，使得sidebar在main之后加载，并处于wrap左侧，*/
#wrap{width:100%;flex:1;}
.breadcrumb-wrap.columns{margin-bottom: 0;}
.breadcrumb-right{color:#999;}
.sidebar{min-width:250px;max-width:300px;}
.sidebar a{color:#555}
#footer{margin:30px auto 10px;background:transparent;color:#999;width:100%;}

/*图标*/
.icon{margin:0 3px;}
/* .icon{color:#F60} */
.navbar-brand .icon{font-size:1.3em;}
/**
*
********************************************覆盖bulma框架样式
*/
.breadcrumb a{color:#555;}
a{color: #F60;}
a:hover,.breadcrumb a:hover,.navbar a:hover{color:#F90;}
a:focus{outline:none;}
a:visited{color:#F60;}
/* .container{padding-left:10px;padding-right:10px;} */
.select:not(.is-multiple):not(.is-loading)::after{border-color:#F60;}
.navbar.is-transparent{background:transparent;}
.navbar-link:not(.is-arrowless)::after{border-color:#FFF;}

/*导航菜单*/
.navbar-burger span {height: 2px;}
.navbar-burger:hover {background: transparent;}
.navbar-item img {max-height: 100%;}

/* .tabs ul{flex-wrap: wrap;} */
.tabs:not(#user-panel-tabs) ul{border-bottom-width: 2px}
.tabs:not(#user-panel-tabs) li a{border-bottom-width: 2px;margin-bottom: -2px;}
.tabs li a,.content a{color:#F60;}
.tabs li a:hover{border-bottom-color:#F60;}
.tabs li.is-active a{color:#F60;border-color:#F60;}
.menu-list a.is-active{background-color:#F60;color:#fff;}
/* .box{box-shadow:none;border-radius:0;} */
/*.archive .box,.home .box{opacity:0.9;}*/
.modal .box{opacity:1;}
.content{line-height:1.8em;}

/*通知*/
.content .notification{font-size:0.85em;}
.content .message{font-size: 1em;}

/*标题*/
/*.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: normal; }*/
.label{font-weight:normal;}
.content h3{font-size:1.2rem;}
.content h1{font-size: 1.8rem;}
.single-radio .title a,#player .title a{color:#F60;font-weight:normal;}

/* 导航 */
/*悬停下拉导航菜单*/
.navbar-item.is-mega {
    position: static;
}

/*表单图标、占位文字颜色*/
.control.has-icons-left .icon,.control.has-icons-right .icon{color:#999;}
.input::placeholder,.textarea::placeholder{color:#999;}

/* 按钮颜色 */
/*.button.is-danger,.button.is-danger.is-outlined:hover,.button.is-danger.is-outlined:focus{background-color:#F60;border-color:transparent;color:#fff;}
.button.is-danger:hover{background-color:#F84949;border-color:transparent;color:#fff;}
.button.is-danger.is-outlined{background-color:transparent;border-color:#F60;color:#F60;}*/
.button.is-warning.is-outlined {background-color: transparent;border-color: #fdab0e;color: #fdab0e;}

/* ################### filter ###################*/
.wnd-filter-tabs .tabs{word-wrap:break-word;display: block;}
.wnd-filter-tabs .tabs:not(.is-boxed) ul{flex-wrap:wrap;border:none;font-size:0.95rem;padding: 2px 0;}
.wnd-filter-tabs .tabs:not(.is-boxed) ul a{flex-wrap:wrap;border:none;padding:0.1em 0.5em;margin:0.3em 0;}
.wnd-filter-tabs .tabs:not(.is-boxed) li.is-active a{background:#F60;color:#FFF;border-radius:3px;}
.wnd-filter-tabs .column{padding:0.5em 0.3em;}
.wnd-filter-tabs .column.is-narrow{color:#777;}
.wnd-filter-tabs .columns:not(:last-child){border-bottom:1px solid #EEE;}

/*#wnd-filter .tabs a { color: #039be5; }*/
.wnd-filter-tabs .tag{border:1px solid #F60;color:#F60;background:#FFF;}
.wnd-filter-tabs{background:#FFF;padding:1.25rem;}
.box .wnd-filter-tabs{padding: 0;}
#user-main .wnd-filter-tabs{padding:0;margin:0;box-shadow:none;}
#user-main{background: #FFF;padding:20px;}

/*.field-body {
    flex-grow: 8;
}*/
/*########################################*/

/* post list */
/* .post-list h3 a{font-size:1rem;} */
.post-list .icon{margin:0;}
.post-list{color:#999;}

/* 正文 */
article.entry{border-top:1px solid #EEE;padding-top:20px;}

/* ------------------------------
    comment list
------------------------------ */
.comment.depth-1{opacity:0.95;}
.comment-respond{clear:both;background:#FFF;padding:1.25rem;margin-top:20px;opacity:0.9;}
#comments a{color:#F60;}
ol.commentList li{clear:both;margin:0 0 20px 0;list-style-type:none;}
.commentList li .avatar{float:left;width:auto;border:1px solid #CCC;padding:3px;margin:5px 5px 0 0;}
.comment-body p{margin:5px 0 5px;}
#comments input#author,#comments input#email,#comments input#url{padding:0 5px;border:none;border-bottom:1px #F60 solid;background:transparent;}
#comments .comment-submit{clear:both;}
#comments .comment-submit button{min-width:200px;}
#comments textarea{width:100%;min-height:150px;padding:10px;border:1px #CCC solid;margin: 1rem auto;}
#commentform label{display:block;float:left;text-align:right;}

/*隐私*/
.comment-form-cookies-consent{height:2em;clear:both;line-height:2em;display:flex;align-items:center;font-size:0.9em;}
#wp-comment-cookies-consent{float:left;margin-right:10px;}
#comments li.even{background:#F9F5F5;}
#comments li.odd{background:#FFF;}
#comments ol>li{margin:20px 0; list-style: none;}
#comments li{border-radius:3px;padding:1.25rem}
p.input{margin:10px 0;}
#comments .avatar{float:left;margin-right:10px;}
.bypostauthor > div .fn:after{content:"管理员";background-color:#F60;color:#FFF;padding:1px 5px;border-radius:3px;font-size:13px;margin:0 3px;}
.single-topic .bypostauthor > div .fn:after{content:"楼主";}
cite.fn{color:#600;margin-right:5px;color:#F60;font-weight:bold;}

/*评论插件定义CSS文件部分*/

/*回复*/
.children{border-left:2px solid #F60;border-bottom:1px solid #EEE;margin:10px 0;padding:10px;background-color:#FFF;}
#comments ol>li>ol>li{margin:0;}
#newcomment{border:1px dashed #555;width:99%;}
.comments-header{position:relative;text-align:center;overflow:hidden;margin:1rem auto;}
.comments-heading{position:relative;display:inline-block;}
.comments-heading:before{content:'';width:40px;height:2px;background-color:#e0e0e0;position:absolute;top:50%;margin-right:2rem;right:100%;margin-top:-1px;}
.comments-heading:after{content:'';width:40px;height:2px;background-color:#e0e0e0;position:absolute;top:50%;left:100%;margin-left:2rem;margin-top:-1px;}

/* ##Comment Form
---------------------------------*/
.comment-respond .comment-reply-title{text-align:center;}
.comment-form .comment-notes,.comment-form .logged-in-as{color:#999;text-align:center;}
.comment-form-author,.comment-form-email,.comment-form-url{float:left;width:50%;margin-bottom:1.25rem;}
.comment-form-url input{border:0;}
.comment-form-comment textarea{margin-bottom:1.25rem;}
.comment-form-submit{text-align:right;}

/*ajax 评论样式*/
.ajax-comment-message{
	background:#F60;
	border-radius:4px;
	box-shadow:0 1px 1px rgba(0,0,0,0.25),0 0 1px rgba(0,0,0,0.35);
	display:inline-block;
	font-size:14px;
	margin-bottom:0;padding:12px 25px;color:#FFF;
}

/*submit*/
#comments .submit{display:block;cursor:pointer;background:#F60;color:#FFF;border:none;margin:10px auto;padding:10px 20px;box-shadow:0 1px 2px 0 #999;border-radius:3px;min-width:200px;}

/******************end comments*/

/*翻页*/
.pagination{text-align:center;clear:both;width:100%;margin:20px auto;}

/* 上标提示 */
[data-badge]{position:relative;}
[data-badge]::after{display:inline-block;position:absolute;min-width:1rem;min-height:1rem;font-size:.75rem;top:0;right:0;bottom:auto;left:auto;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);margin:0;padding:.1rem .25rem;text-align:center;white-space:nowrap;line-height:1;background:#00d1b2;background-clip:padding-box;border-radius:5px;box-shadow:0 0 0 1px #fff;color:#fff;content:attr(data-badge);z-index:9;background:#ff3860;color:#fff;}

/*底部悬浮按钮*/
.navbar.is-fixed-bottom{box-shadow:0 -3px 15px #CCC;min-height:2.5rem;}
.navbar.is-fixed-bottom .column{cursor:pointer;padding:0.25rem;display:flex;align-items:center;justify-content:center;height:2.5rem;}

/*筛选结果*/
/* #filter-results{padding:1.25rem;opacity:0.9;display:flex;flex-wrap:wrap;width: 100%;} */
#filter-results .post-list{width: 45%;}

/* 头像 */
.avatar{border-radius:50%;}

/*adsense*/
.wndt-ads{margin:20px auto;text-align:center;}
.wndt-ads{width:100%;}

/* 友情链接 */
.bookmarks{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:1rem auto;}
.bookmarks li{margin:0.5rem;}

/*check box*/
label.checkbox {
    margin: 0 1rem 0 0.2rem;
}

.checkbox{font-size: 1rem;}

/* 移动 */
@media screen and (max-width:1023px){
	body{padding-bottom:3rem;}
	.comment-form-author,.comment-form-email,.comment-form-url{width:100%;clear:both;}
}

@media screen and (max-width:768px){
	.box{padding: 1rem;}
	.select:not(.is-multiple):not(.is-loading)::after{ content: none !important; }
	.select{appearance: auto !important;}
}
@media screen and (min-width:768px){
	.content .box,.content.box{padding:30px 50px;color: #333;}
}

/*2021.06.11*/
.select{width: 100%;}

/* ##### APP ##### */
#app .input{border-color:#Fa7c0c;}

/* Application ################################################### 图像处理 */
#app img,#app canvas {
    max-width: 100%;
    max-height: 2160px;
}
#app a{ color: #FDAB0E; }
#processed-box {
    background: #FAFAFA url("static/application/images/canvas_32x32.png");
    min-height: 200px;
    border:2px dashed #EEE;
}
#processed-box p {
    line-height: 200px;
    color: #999;
    border-radius: 10px;
    background-color: #FFF;
}
#processed-box.dragover {
    border-color:#E00;
}
#app .input.is-small {
    width: 90px;
}
#app .input.is-small[type="text"] {
    width: 300px;
}
#toolbar .column {
    padding: 0;
}
#toolbar-options .column{
    flex: none;
    width: unset;
}
#toolbar-options .help{font-size: 0.9em;margin-top: 0;}
/* 04.17 */
#thumbnail-box {
    box-shadow: 0px 0px 20px 0px #CCC;
    overflow-x: auto;
    /* max-height: 214px; */
    min-height: 0;
    padding: 10px;
    display: flex;
    scrollbar-width: none;
}
#expanded-bar {
    position: fixed;
    bottom: 120px;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    z-index: 100;
    /* 使按钮位于最前面 */
}
#thumbnail-box.hidden {
    padding: 0px;
    height: auto;
    /* box-shadow: none; */
}
#thumbnail-box.hidden #expanded-bar {
    bottom: 5px;
}
#app .scroll-btn {
    position: fixed;
    bottom: -20px;
    transform: translateY(-50%);
    width: 18px;
    height: 80px;
    font-size: 20px;
    line-height: 4em;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    text-align: center;
    cursor: pointer;
}
#thumbnail-box.hidden .scroll-btn {
    display: none;
}
#app .scroll-btn-left {
    left: 0;
}
#app .scroll-btn-right {
    right: 0;
}
#thumbnail-box .box {
    flex: 0 0 auto;
    position: relative;
    text-align: center;
    width: 100px;
    height: 100px;
    display: inline-block;
    padding: 5px;
    border-radius: 6px;
    box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    cursor: pointer;
}
#thumbnail-box .box.selected {
    background-color: lightblue;
}
#thumbnail-box.hidden .box {
    display: none;
}
#thumbnail-box img:hover {
    cursor: pointer;
    opacity: 0.8;
}
#thumbnail-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
#processed-box .column {
    position: relative;
}
#thumbnail-box .box .delete,#processed-box .column .delete {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: red;
    display: none;
}
#thumbnail-box .box:hover .delete, #processed-box .column:hover .delete{
    display: block;
}
/* 上传 loading */
.loading {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}
.loading span {
    animation: blink 1.5s infinite;
    display: inline-block;
    background-color: #f14668;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    opacity: 0;
}
.loading span:nth-child(1) {
    animation-delay: 0s;
    margin-right: 10px;
}
.loading span:nth-child(2) {
    animation-delay: 0.5s;
    margin-right: 10px;
}
.loading span:nth-child(3) {
    animation-delay: 1s;
}
@keyframes blink {
    0%,100% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}

.image-app .processed-image{border:2px dashed #999}
.image-app .processed-image:hover{border-color:#E00;cursor:pointer;}

/* 移动 */
@media screen and (max-width:720px) {
    #toolbar{margin: 1rem auto;}
    #app .input.is-small {
        width: 60px;
    }
    #app .input.is-small[type="text"] {
        width: 100%;
    }
    #app .input.is-small[type="color"] {
        width: 35px;
    }
    #app-wrap.box{padding: 0.5rem;}
}