/*
@font-face {
	src: url("https://fuweiji.pythonanywhere.com/static/fonts/UbuntuMono-R.ttf");
	font-family: "UbuntuMono";
}

@font-face {
    src: url("https://fuweiji.pythonanywhere.com/static/fonts/UbuntuMono-B.ttf");
    font-family: "UbuntuMono";
	font-weight: bold;
}

@font-face {
	src: url("https://fuweiji.pythonanywhere.com/static/fonts/UbuntuMono-RI.ttf");
	font-family: "UbuntuMono";
	font-style: italic;
}
@font-face {
	src: url("https://fuweiji.pythonanywhere.com/static/fonts/UbuntuMono-BI.ttf");
	font-family: "UbuntuMono";
	font-weight: bold;
	font-style: italic;
}
*/

body {
	font-family: "Source Code Pro", "Ubuntu Mono", "Consolas", "monospace";
	font-size: 13.5px;
}

blockquote {
	/* color #1fa6e6 is copy from template ! */
	border-left: 3px solid #1fa6e6 !important;
	background: rgba(255, 255, 255, 40%) !important;
	font-size: .95em;
}

#noir, #cnblogs_c1, #under_post_card1, #under_post_card2, .buryit, #top_nav,
#profile_block, #tip_comment2, #cnblogs_ch {
    display: none !important;
}

/* leave some space for TOC!*/
#home {
	margin: 0 auto;
}

@media only screen and (min-width: 1200px) and (max-width: 1650px) {
	#home {
		margin: 0 0 0 250px;
	}
}

#main {
    background: rgba(255, 255, 255, 75%) !important;
}

#mainContent {
    background: rgba(255, 255, 255, 40%) !important;
}

.comment_textarea {
	background: rgba(255, 255, 255, 60%);
}

textarea#tbCommentBody {
	background: transparent;
	height: 8em;
}

@media only screen and (max-width: 800px) {
	.toc {
		display: none;
	}
}

@media only screen and (min-width: 800px) and (max-width: 1200px) {
	.toc {
		left: unset !important;
		right: 2vw !important;
	}
}

.author_avatar {
	width: 4em;
	height: 4em;
}

#author_profile {
	font-size: 1.1em;
}

#author_profile_detail a {
	/* font-size: 1em; */
	line-height: 2em;
}

.toc {
	position: fixed;
	left: .5vw;
	top: 50vh;
	transform: translate(0, -50%);
	z-index: 1000000;
	background: rgba(255, 255, 255, 75%);
	border-radius: 1em;
	padding: .5em;
	line-height: 1.4;
	max-height: 85vh;
	max-width: calc(7vw + 150px);
	overflow-y: auto;
	// resize: horizontal;
}

code, pre[class*="language-"] {
    font-family: "Source Code Pro", "monospace", "Consolas", monospace !important;
    /* font-size: 1.05em !important; */
}

#EntryTag {
	font-size: inherit;
}

a:hover {
	transition-duration: .5s;
}

.postTitle {
	font-size: 1.07em;
}

.postTitle2 {
	font-size: 1.03em;
}

#cnblogs_post_body h1 {
	font-size: 1.8em;
}

#cnblogs_post_body h2 {
	font-size: 1.6em;
}

#cnblogs_post_body h3 {
	font-size: 1.45em;
}

#cnblogs_post_body h4 {
	font-size: 1.3em;
}

#cnblogs_post_body h5 {
	font-size: 1.15em;
}

#cnblogs_post_body hr {
	border-width: 4px;
	border-color: rgba(0,0,0,.55) !important;
}

.menu {
	font-size: 1.1em !important;
}

.CalTitle a {
	padding: 0 .5em !important;
	text-decoration: none;
}

.CalTitle a:hover {
	font-size: 1.2em;
	text-decoration: none;
}

.CalWeekendDay {
	background: #655;
	opacity: .7;
	color: lightgray;
}

.CalTodayDay {
	background: #655;
	color: white;
}

.Cal td {
	border-radius: 1em;
}

div .jfy-background-image {
	width: 100%;
}

div .jfy-background-image img {
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	z-index: -100;
	opacity: 1;
}

div .jfy-sidebar {
    background-color: #655;
    border-radius: 0.5em;
    box-shadow: 0 0 0 .6em #655;
    padding: 1em;
    box-sizing: border-box;
    border: 1px dashed white;
    margin: 2%;
    font-size: 1.1em;
    /* font-family: "UbuntuMono"; */
}

.jfy-white-lia li a {
    color: white;
}

.jfy-ul-pretab li {
    padding-left: 1em;
}

.jfy-white {
    color: white;
}

.jfy-strong {
    font-size: 1.1em;
    font-weight: bold;
}

.comment_btn {
	background: #009688;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	cursor: pointer;
	border: 1px solid transparent;
	height: 38px;
	line-height: 37px;
	padding: 0 1em;
	font-size: 1em;
	width: 5em;
}

#post_next_prev {
	font-size: 1em;
}

div.jfy-quoted {
    background: black;
    opacity: 0.5;
    border-radius: 1em;
    padding: 1em;
	color: white;
}
div.jfy-quoted p { color: white; }
