style.css

/*
Theme Name: Fictive Child Theme for ja.naoko.cc
Theme URI: http://ja.naoko.cc/
Description: Fictive theme in pink/brown color scheme.
Version: 1.0
Author: Automattic, modified by Naoko Takano
Author URI: http://naoko.cc/
Template: fictive-wpcom
License: GPL v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fictive-janaokocc

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

body,
button,
input,
select,
textarea {
	font-family: inherit;
	color: #404040;
	font-size: 16px;
	font-weight: normal;
}

pre {
	font-size: 1em;
	line-height: 1em;
}

/*
.entry-format, .hentry:before {
  background: #b4595f;
}
 */
body {
	background: #d4d4cc;
	color: #7c705e;
	font-family: "Open Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
	font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Bitter", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
	line-height: 1;
	margin: 24px 0;
}

h1 {
	color: #b4595f;
	font-size: 28px;
}

h2 {
	color: #b4595f;
	font-size: 24px;
	font-weight: normal;
}

h3 {
	color: #b4595f;
	font-size: 20px;
	font-weight: normal;
}

h4 {
	color: #b4595f;
	font-size: 16px;
}

h5 {
	color: #b4595f;
	font-size: 16px;
}

h6 {
	font-size: 13px;
}

hr {
	background-color: #5c544b;
}

blockquote {
	color: #9a9283;
	border-left: 5px solid rgba(154,146,131,0.25);
	font-size: 16px;
	font-weight: normal;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #5c544b;
	color: #d4d4cc;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #b4595f;
}

textarea {
	background: #d4d4cc;
	border: 1px solid #d4d4cc;
}

address {
	font-style: normal;
	margin-bottom: 24px;
}

pre {
	padding: 20px;
}

code, kbd, tt, var {
	font-size: .9em;
	background: #ededea;
    padding: 1px 4px;
    border-radius: 3px;
}

abbr, acronym {
	border-bottom: 1px dotted #9a9283;
}

td, th {
	border-bottom: 1px solid rgba(154,146,131,0.25);
}

a {
	color: #b4595f;
}

a:visited {
	color: #b4595f;
}

a:hover, a:focus, a:active {
	color: #5c544b;
}

.site-footer a {
	color: #9a9283;
}

.site-header a:hover .header-image {
	opacity: .8;
}

.site-header .header-image {
	opacity: 1;
}

.site-branding:after {
	border-top: 8px solid #b4595f;
}

.site-title a {
	color: #b4595f;
}

.site-description {
	color: #9a9283;
	font-family: inherit;
	font-weight: normal;
}

.main-navigation a {
	color: #5c544b;
}

.main-navigation a:hover {
	color: #b4595f;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a {
	color: #b4595f;
}

.menu-toggle {
	background-color: #5c544b;
}

#subscribe-email input {
	border: 0;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}

#subscribe-email input:focus {
	border: 0;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}

#subscribe-email input[type="email"] {
	background-color: white;
	height: 48px;
}

#subscribe-email input[type="submit"] {
	display: block;
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 25%;
	height: 48px;
}

.header-search input[type="submit"],
#subscribe-email input[type="submit"] {
	background-color: #b4595f;
}

.header-search input[type="submit"]:hover,
#subscribe-email input[type="submit"]:hover {
	background-color: #9f4f4f;
}

.hentry:after {
	border-top: 8px solid #b4595f;
}

.hentry.format-standard:before, .hentry.type-page:before {
	background: #b4595f;
}

.hentry.sticky:after, .hentry.format-image:after {
	border-top-color: #5c544b;
}

.hentry.sticky:before, .hentry.format-image:before {
	background: #5c544b;
}

.hentry.format-gallery:after, .hentry.format-aside:after {
	border-top-color: #cc898d;
}

.hentry.format-gallery:before, .hentry.format-aside:before {
	background: #cc898d;
	border-top-color: #c07176;
}

.hentry.format-link:after {
	border-top-color: #c2bab1;
}

.hentry.format-link:before {
	background: #c2bab1;
}

.hentry.format-video:after, .hentry.format-audio:after {
	border-top-color: #9a9283;
}

.hentry.format-video:before, .hentry.format-audio:before {
	background: #9a9283;
}

.page-links {
	color: #9a9283;
}

.page-links span.active-link {
	background-color: #b4595f;
}

.page-links a span.active-link {
	background-color: #cc898d;
}

.page-links a:hover span.active-link {
	background-color: #b4595f;
}

a.more-link {
	color: #9a9283;
}

.entry-title {
	color: #b4595f;
}

.entry-title a {
	color: #b4595f;
}

.entry-meta, .entry-meta a, .pingback .edit-link,
.trackback .edit-link, #cancel-comment-reply-link, .reply {
	color: #9a9283;
}

.tags-links a {
	background-color: #5c544b;
	color: white;
}

.tags-links a:hover {
	background-color: #b4595f;
}

.tags-links a:hover:after {
	background-color: #b4595f;
}

.tags-links a:after {
	background-color: #5c544b;
}

.page-title {
	color: #9a9283;
}

.taxonomy-description {
	color: #9a9283;
}

.wp-caption-text {
	color: #9a9283;
}

.gallery-item img {
	border: 1px solid #d4d4cc;
}

.site-content [class*="paging-navigation"] a:before,
.site-content [class*="post-navigation"] a:before {
	background: #9a9283;
}

.pingback .edit-link a,
.trackback .edit-link a {
	color: #9a9283;
}

.comment-author {
	color: #b4595f;
	font-family: "Bitter", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
}

.bypostauthor > .comment-body {
	border-color: #cc898d;
}

.comment-metadata, .comment-metadata a {
	color: #9a9283;
}

.comments-title {
	color: #9a9283;
}

.form-allowed-tags, .form-allowed-tags code {
	color: #9a9283;
}

.no-comments {
	color: #9a9283;
}

.widget-title {
	color: #5c544b;
}

.widget-title a {
	color: #5c544b;
}

.wp_widget_tag_cloud div a,
.widget_tag_cloud .tagcloud a {
	color: #b4595f;
}

#infinite-footer .container {
	background: #d4d4cc;
	color: #9a9283;
}

#infinite-footer .container a {
	color: #9a9283;
}

#main #infinite-handle span {
	background: #5c544b;
}

#main #infinite-handle span:hover {
	background: #b4595f;
}

.social-links ul a:before {
	background: #5c544b;
}

.social-links ul a:hover:before {
	background: #b4595f;
}

/* My custom stuff */
body:lang(en) .main-navigation a[href*="ja.naoko.cc"]:after,
.main-navigation a[href*="naokomc.com"]:after {
	-webkit-font-smoothing: antialiased;
	font-family: "Genericons";
	content: "\f442";
	font-size: 18px;
	line-height: 1;
	vertical-align: text-bottom;
	font-weight: normal;
}

a.link {
	background: #C07176;
	padding: 8px 10px 8px 34px;
	color: #fff;
	position: relative;
	overflow: hidden;
	width: 100%;
	display: inline-block;
	text-indent: -1.8em;
}

a:hover.link {
	background: #cc898d;
}

a.link:before,
.note:before {
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	display: inline;
	font-family: Genericons;
	text-decoration: none;
	vertical-align: text-bottom;
	width: auto;
}

a.link:before {
	font-size: 28px;
	line-height: 20px;
	content: "\f416";
}

.note {
	background: #faeced;
	color: #5c544b;
	padding: 10px 15px 10px 40px;
	text-indent: -1.8em;
}

.note:before {
	font-size: 22px;
	line-height: 20px;
	margin-right: 6px;
	content: "\f414";
}

div#google_translate_element {
	margin-left: 24px;
}