/*
Theme Name: Bones7456
Theme URI: https://luy.li/
Description: A modern black-colored, two-columns, responsive theme optimized for Chinese content. Features mobile-first design, threaded comments, and clean typography.
Author: bones7456
Author URI: https://luy.li/about/
Version: 1.36
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bones7456
Tags: two-columns, custom-header, threaded-comments, translation-ready, blog, custom-colors, featured-images, footer-widgets, full-width-template, left-sidebar, right-sidebar, sticky-post, theme-options
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4

Copyright (C) 2009-2025 bones7456

This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License along
with this program; if not, write to the Free Software Foundation, Inc.,
51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
*/


/* Typography & Colors */
@font-face{
	font-family: "bonesapa";
	src: url("boneapa.ttf");
}

body {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 14px;
	margin: 1em;
	background-color:#101010;
	color:#bbb;
	line-height: 1.4em;
}
#header {
	padding:10px 0 0 0;
	margin:0px 0 0 5px;
	letter-spacing: 0.1em;
	font:normal 35px 'Agency FB', Sans-Serif, 'Trebuchet MS', Arial;
}
a {
	color:#f93;
	text-decoration:none;
}

a:hover {
	background-color:#f92;
	color:#fff;
	text-decoration:none;
}

h1 {
	color:#b8cde8;
	font-size:20px;
	font-weight:bold;
	padding-bottom:0.5em;
	border-bottom: 1px dotted #b8cde8;
}

h2 {
	color:#f93;
	font-size:16px;
	font-weight:bold;
	padding-bottom:0.5em;
}

h3 {
	color:#b8cde8;
	font-size:14px;
	font-weight:bold;
	padding-bottom:0.5em;
	border-bottom: 1px dotted #b8cde8;
}

img {
	border: none;
}

address {
	font-style: italic;
}

blockquote {
	margin: 1em 0;
	padding: 0 0 0 1.2em;
	border-left: 4px solid #c2cfdf;
	border-right: 4px solid #c2cfdf;
	background-color:#383838;
}

address {
	font-style: italic;
}

dt {
	margin: 1em 0 .5em 0;
	font-weight: bold;
}
code {
	font-size: 1em;
	background-color:#383838;
}
pre, var {
	font-size: 1em;
}

ol {
	margin-left: 2em;
}

dd {
	margin: .5em 0 1em 1.5em;
}

cite {
	font-weight: bold;
	font-style: normal;
}

#search label {
	display:none;
}
/*hide search text in WP2.8*/
label.screen-reader-text {
	display:none;
}

input, textarea, select {
	padding:4px;
	border:1px solid #880000;
	font-size:14px;
	line-height:16px;
	background-color: #383838;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color:#bbbbbb;
/*	word-wrap: break-word;*/
}

textarea {
	width: 98%;
}

input#author, input#email, input#url {
	width: 98%;
}

input#s {
	width: 120px;
}

input#submit {
	width: 150px;
	height: 30px;
	padding: 2px 4px;
	border: 1px solid #880000;
	background-color: #383838;
	font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

/* Structure */

#warp {
	width: 100%;
}

.contentout {
	width: 100%;
	float: left;
	margin-right: -18em;

}

#content { 
	background-color:#202020;
	padding: 0em 1em 0em 1em;
	margin-right: 18em;
	border: solid 1px #880000;
}

.entry img {
	border: 0px solid #c2cfdf;
	padding: 3px;
}

.entry img a{
	border: 0px solid #c2cfdf;
	padding: 3px;
}

.entry { 
	background-color:#202020;
	padding: 0em 0.8em 0.8em 0.1em;
/*	word-wrap: break-word;*/
}

.entry ul {
	list-style: none;
	padding-left:0px;
	margin-left:2.0em;
}

.entry li{
	list-style: disc;
 	margin-left:1em;
}

.postmetadatasingle {
	margin-top: 4.0em;
}

#sidebar {
	width: 15em;
	float: right;
	background-color:#202020;
	padding: 0.8em 1em 0.2em 1em;
	border:solid 1px #880000;
	margin-bottom:1.5em;
	color:#999;
	}

#sidebar h2 {
	color:#b8cde8;
	font-size:16px;
	font-weight:bold;
	padding:1em 0 0 0;
	border-bottom: 1px dotted #b8cde8;
}

#sidebar ul{
	padding: 0;
	font-size:14px;
	color:#666;
	line-height: 1.25em;
	list-style: none;
	margin-left:0px;
	color:#999;
}

#sidebar ul li{
	list-style: none;
	padding-left:0;
	color:#999;
}

#footer{
	margin: 1em 18em 0em 0em;
	padding: 0em 0.8em 0.2em 0.8em;
	border:solid 1px #880000;
	background-color:#202020;
}

/* Comment Style */

ol.commentlist {
	background-color: transparent;
	margin-left: -1em;
}

html>body ol.commentlist {	margin-left: -4.3em;}

*+html ol.commentlist {
	margin-left: -1em!important;
}

.commentlist li {
	color: #999;
	padding: 5px 0 0 10px;
	list-style-type: none;
	margin-top: 10px;
/*	word-wrap: break-word;*/
}

#commentinfo {
	background-color: #303030;
}

#commentinfo p{	
	padding-left: 5px;
}
.author-comment {
	background-color: #404040;
	padding-left: 5px;
}

.ping-comment {
	background-color: #e4fbfd;
	padding-left: 5px;
}

/* Navigation Elements */

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 40px;
	padding-bottom: 5px;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

/* ajust coolcode-pulgin style */
li.hl-firstline {
	color:#333 !important;
}
div.hl-main {
	color:#333 !important;
}
ol.hl-main li {
	color:#333 !important;
}

/*fix IE wp_syntax display*/
.wp_syntax {
	width: 99% !important;
}

/*google relatedlinks*/
#relatedlinks_main {
	width: 15em !important;
	height: auto !important;
}
.relatedlinks-div-title {
	display: none !important;
}
.relatedlinks-a-links {
	font-size:14px !important; 
}
.relatedlinks-a-links:hover {
	background-color:#f92 !important;
	color:#fff !important;
}
.blank {
	clear: both;
}

/* WordPress recommended CSS classes */
.wp-caption {
	max-width: 100%;
}

.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
}

.sticky {
	background-color: #333;
	border: 1px solid #555;
}

.gallery-caption {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
}

.bypostauthor {
	background-color: #404040;
}

/* Post thumbnail styles */
.post-thumbnail {
	margin: 1em 0;
	text-align: center;
}

.post-thumbnail img {
	max-width: 100%;
	height: auto;
	border: 1px solid #880000;
}

/* Block styles */
.wp-block-button.is-style-bones7456-button .wp-block-button__link {
	background-color: #f93;
	color: #fff;
	border: 1px solid #880000;
	padding: 8px 16px;
	text-decoration: none;
}

.wp-block-button.is-style-bones7456-button .wp-block-button__link:hover {
	background-color: #f92;
	color: #fff;
}

.wp-block-quote.is-style-bones7456-quote {
	border-left: 4px solid #c2cfdf;
	border-right: 4px solid #c2cfdf;
	background-color: #383838;
	padding: 0 0 0 1.2em;
	margin: 1em 0;
}

/* ========================= */
/* Responsive design for mobile view */
/* ========================= */
#sidebar-toggle {
    display: none;
}
#sidebar #close-sidebar {
    display: none;
}
.mobile-break {
	display: none;
}
@media screen and (max-width: 768px) {
    /* 去掉body、wrap等多余的margin，让移动端更紧凑 */
    body {
        margin: 0;
    }
    #wrap {
        margin: 0;
    }

    /* 隐藏老的Sidebar浮动，让它变成在移动端固定到右侧的一个面板 */
    #sidebar {
        display: none; /* 默认隐藏 */
        position: fixed;
        top: 0;
        right: 0;
        width: 240px;         /* 侧边栏宽度可自行调整 */
        height: 100%;         /* 占满可视区高度 */
        background-color: #202020;
        overflow-y: auto;
        z-index: 9999;
        padding: 1em;
        box-shadow: -2px 0 5px rgba(0,0,0,0.5);
    }

    /* 当JS切换了 .open 类时，显示sidebar */
    #sidebar.open {
        display: block;
    }

    /* 让content全宽显示，不再给sidebar腾出右边的空间 */
    .contentout {
        float: none;
        width: auto;
        margin-right: 0 !important;
    }
    #content {
        margin-right: 0 !important;
        width: auto;
    }
    #footer {
        margin-right: 0 !important;
        width: auto;
    }

    /* 显示“菜单”按钮 */
    #sidebar-toggle {
        display: inline-block;
        float: right;
        margin: 10px;
        padding: 8px 12px;
        background-color: #444;
        color: #fff;
        border: 1px solid #888;
        cursor: pointer;
        font-size: 16px;
    }
	#sidebar #close-sidebar {
		display: block;
		margin: 10px 0;
		background-color: #444;
		color: #fff;
		border: 1px solid #888;
		padding: 8px 12px;
		cursor: pointer;
	}
	.mobile-break {
		display: block;  /* 这样就会换行了 */
	}
}