File: /homepages/18/d4299019518/htdocs/wordpress/wp-content/themes/eins/style.css
/*
Theme Name: Eins
Description: child theme for the Twenty Thirteen theme.
Author: Chiharu Nagatomi
Author URI: https://profiles.wordpress.org/luchino_
Template: twentythirteen
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.04.2
Text Domain: eins
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
*/
/**
* 1.0 Reset
* ----------------------------------------------------------------------------
*/
html,
button,
input,
select,
textarea {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
line-height: 1.6;
}
body {
color: #444444;
line-height: 1.6;
margin: 0;
}
a {
color: #42AABF;
text-decoration: none;
}
a:visited {
color: #42AABF;
}
a:focus {
outline: thin dotted;
}
a:active,
a:hover {
color: #42AABF;
outline: 0;
}
a:hover {
text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
line-height: 1.3;
}
h1 {
font-size: 26px;
margin: 33px 0;
font-weight: normal;
}
h2 {
font-size: 23px;
margin: 25px 0;
font-weight: normal;
}
h3 {
font-size: 20px;
margin: 22px 0;
font-weight: normal;
}
h4 {
font-size: 18px;
margin: 25px 0;
}
h5 {
font-size: 16px;
margin: 30px 0;
}
h6 {
font-size: 16px;
margin: 36px 0;
}
mark {
background: #FFFF99;
color: #000;
}
code,
kbd,
pre,
samp {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
font-size: 14px;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre {
color: #666;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
font-size: 14px;
margin: 20px 0;
overflow: auto;
padding: 20px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
blockquote:before {
content: '\201C';
font-size: 140px;
font-weight: 300;
line-height: .8;
padding-right: 25px;
position: absolute;
left: -10px;
top: -3px;
color: #CCC;
}
blockquote {
font-style: italic;
font-size: 16px;
font-weight: 400;
padding: 30px 40px 5px 60px;
margin: 15px 0 20px;
position: relative;
background: #EEEEEE;
}
blockquote cite,
blockquote small {
font-size: 14px;
font-weight: normal;
text-transform: none;
}
fieldset {
border: 1px solid #cccccc;
margin: 0 2px;
min-width: inherit;
padding: 0.35em 0.625em 0.75em;
}
caption {
font-size: 14px;
margin: 20px 0;
}
th {
font-weight: normal;
text-transform: none;
border-top: 1px solid #ededed;
}
del {
color: #444444;
}
ins {
background: #E3EBF0;
text-decoration: none;
}
/**
* 2.0 Repeatable Patterns
* ----------------------------------------------------------------------------
*/
/* Form fields, general styles first. */
button,
input,
textarea {
border: 1px solid #c0c0c0;
font-family: inherit;
padding: 5px;
margin-top: 2px;
margin-bottom: 3px;
}
input,
textarea {
color: #333333;
}
input:focus,
textarea:focus {
border: 1px solid #c0c0c0;
outline: 0;
}
/* Buttons */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
background: #9AC4C9; /* Old browsers */
border: none;
border-bottom: 3px solid #9AC4C9;
border-radius: 2px;
color: #fff;
display: inline-block;
padding: 11px 24px 10px;
text-decoration: none;
}
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
background: #71A3B7; /* Old browsers */
border-bottom: 3px solid #71A3B7;
outline: none;
}
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
background: #A1BECC; /* Old browsers */
border: none;
border-top: 3px solid #A1BECC;
padding: 10px 24px 11px;
}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: #888888;
}
:-moz-placeholder {
color: #888888;
}
::-moz-placeholder {
color: #888888;
}
:-ms-input-placeholder {
color: #888888;
}
/*
* Responsive images
*
* Fluid images for posts, comments, and widgets
*/
.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
color: #555555;
font-size: 14px;
font-style: normal;
font-weight: 300;
margin: 0 0 24px;
}
/* Images */
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
/**
* 3.0 Basic Structure
* ----------------------------------------------------------------------------
*/
/* style none */
/**
* 4.0 Header
* ----------------------------------------------------------------------------
*/
/**
* 4.1 Site Header
* ----------------------------------------------------------------------------
*/
.site-header .home-link {
color: #555555;
display: block;
margin: 0 auto;
max-width: 1080px;
min-height: 210px;
padding: 0 20px;
text-decoration: none;
width: 100%;
}
.site-header .site-title:hover {
color: #C7DCE2;
text-decoration: none;
}
.site-title {
font-size: 30px;
font-weight: normal;
line-height: 1;
margin: 0 auto;
padding: 85px 0 5px;
text-align: center;
}
.site-description {
font: 300 normal 16px "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin: 0 auto;
max-width: 900px;
text-align: center;
}
/**
* 4.2 Navigation
* ----------------------------------------------------------------------------
*/
.nav-menu li a {
color: #333333;
display: block;
font-size: 15px;
line-height: 1;
padding: 15px 20px;
text-decoration: none;
}
.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
background-color: #f5f5f5;
color: #333333;
}
.nav-menu .sub-menu,
.nav-menu .children {
background-color: #eeeeee;
border: none;
color: #333333;
border-top: 0;
padding: 0;
position: absolute;
left: 0;
z-index: 99999;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
ul.nav-menu ul a,
.nav-menu ul ul a {
color: #333333;
margin: 0;
width: 200px;
}
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
background-color: #E6EFF2;
}
.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
color: #42AABF;
font-style: italic;
font-weight: 400;
}
/* Navbar */
.navbar {
border-bottom: 1px solid #dddddd;
border-top: 1px solid #dddddd;
background-color: #ffffff;
margin: 0 auto;
max-width: 1600px;
width: 100%;
}
.site-header .search-field:focus {
background-color: #fff;
border: 1px solid #cccccc;
cursor: text;
outline: 0;
width: 230px;
}
/**
* 5.0 Content
* ----------------------------------------------------------------------------
*/
/**
* 5.1 Entry Header
* ----------------------------------------------------------------------------
*/
.entry-title a {
color: #555555;
}
.entry-title a:hover {
color: #cccccc;
text-decoration: none;
}
/**
* 5.2 Entry Meta
* ----------------------------------------------------------------------------
*/
.entry-meta a {
color: #42AABF;
}
.entry-meta a:hover {
color: #42AABF;
}
/**
* 5.3 Entry Content
* ----------------------------------------------------------------------------
*/
.entry-content a,
.comment-content a {
color: #42AABF;
}
.entry-content a:hover,
.comment-content a:hover {
color: #42AABF;
}
.entry-content blockquote {
font-size: 16px;
}
.entry-content blockquote cite,
.entry-content blockquote small {
font-size: 14px;
}
/* Page links */
.format-status .entry-content .page-links a,
.format-gallery .entry-content .page-links a,
.format-chat .entry-content .page-links a,
.format-quote .entry-content .page-links a,
.page-links a {
background: #42AABF;
border: 1px solid #42AABF;
color: #fff;
}
.format-gallery .entry-content .page-links a:hover,
.format-audio .entry-content .page-links a:hover,
.format-status .entry-content .page-links a:hover,
.format-video .entry-content .page-links a:hover,
.format-chat .entry-content .page-links a:hover,
.format-quote .entry-content .page-links a:hover,
.page-links a:hover {
background: #fff;
color: #42AABF;
}
/* Mediaelements */
.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls {
background: #333333;
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: #fff;
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
background: #42AABF;
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: #595959;
}
/**
* 5.4 Galleries
* ----------------------------------------------------------------------------
*/
.gallery-caption {
background-color: rgba(0, 0, 0, 0.6);
box-sizing: border-box;
color: #fff;
font-size: 14px;
line-height: 1.3;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 2px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
width: 100%;
}
/**
* 5.5 Post Formats
* ----------------------------------------------------------------------------
*/
/* Aside */
.format-aside {
background-color: #ffffff;
}
.blog .format-aside:first-of-type,
.single .format-aside:first-of-type,
.format-aside + .format-aside,
.format-aside + .format-link,
.format-link + .format-aside {
box-shadow: inset 0 1px 1px rgba(173, 165, 105, 0.2);
}
/* Audio */
.format-audio {
background-color: #ffffff;
}
.format-audio .entry-title {
font-size: 26px;
font-weight: normal;
}
.format-audio .entry-content a,
.format-audio .entry-meta a,
.format-audio .entry-content a:hover,
.format-audio .entry-meta a:hover {
color: #42AABF;
}
/* Chat */
.format-chat {
background-color: #ffffff;
}
.format-chat .entry-title {
font-size: 26px;
font-weight: normal;
}
.format-chat .entry-meta a,
.format-chat .entry-content a {
color: #42AABF;
}
.format-chat .chat .chat-timestamp {
color: #42AABF;
float: right;
font-size: 12px;
font-weight: normal;
margin: 5px 10px 0;
}
/* Gallery */
.format-gallery {
background-color: #ffffff;
}
.format-gallery .entry-title {
font-size: 26px;
font-weight: normal;
margin: 0;
}
.format-gallery .entry-meta a,
.format-gallery .entry-content a {
color: #42AABF;
}
/* Image */
.format-image .entry-title {
font-size: 26px;
font-weight: normal;
}
/* Link */
.format-link {
background-color: #ffffff;
}
.blog .format-link:first-of-type,
.single .format-link:first-of-type {
box-shadow: inset 0 1px 1px rgba(173, 165, 105, 0.2);
}
.format-link .entry-title {
color: #42AABF;
display: inline;
font: 300 italic 20px "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin-right: 20px;
}
.format-link .entry-title a {
color: #42AABF;
}
/* Quote */
.format-quote {
background-color: #ffffff;
}
.format-quote .entry-content,
.format-quote .entry-meta {
color: #333333;
}
.format-quote .entry-content blockquote {
font-size: 16px;
margin: 0;
}
.format-quote .entry-content a,
.format-quote .entry-meta a,
.format-quote .linked {
color: #42AABF;
}
.format-quote .entry-content cite a {
border-bottom: 1px dotted #42AABF;
color: #42AABF;
}
.format-quote blockquote small,
.format-quote blockquote cite {
display: block;
font-size: 14px;
}
.format-quote blockquote:before {
content: '\201C';
font-size: 140px;
font-weight: 300;
line-height: .8;
padding-right: 25px;
position: absolute;
left: -10px;
top: -3px;
color: #CCC;
}
.format-quote blockquote {
font-style: italic;
font-size: 16px;
font-weight: 400;
padding: 30px 40px 5px 60px;
margin: 15px 0 20px;
position: relative;
background: #EEEEEE;
}
/* Status */
.format-status {
background-color: #ffffff;
padding: 0;
}
.format-status .entry-content a {
color: #42AABF;
}
.format-status .entry-meta a {
color: #42AABF;
}
/* Ensures the dots in the dot background are in lockstep. */
.format-status .entry-content {
color: #333333;
font-size: 16px;
font-style: italic;
font-weight: 400;
padding-bottom: 30px;
padding-top: 40px;
position: relative;
}
/* Video */
.format-video {
background-color: #ffffff;
}
.format-video .entry-content a,
.format-video .entry-meta a,
.format-video .entry-content a:hover,
.format-video .entry-meta a:hover {
color: #42AABF;
}
.format-video .entry-title {
font-size: 26px;
font-weight: normal;
}
.format-video .entry-meta {
color: #444444;
}
/**
* 5.6 Attachments
* ----------------------------------------------------------------------------
*/
.attachment .hentry {
background-color: #f6f6f6;
margin: 0;
padding: 0;
}
.attachment .entry-title {
display: inline-block;
float: left;
font: 300 italic 26px "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin: 0;
}
.attachment .entry-meta a,
.attachment .entry-meta .edit-link:before,
.attachment .full-size-link:before {
color: #42AABF;
}
/**
* 5.7 Post/Paging Navigation
* ----------------------------------------------------------------------------
*/
.navigation a {
color: #42AABF;
}
.navigation a:hover {
color: #42AABF;
text-decoration: none;
}
.paging-navigation {
background-color:#fafafa;
padding: 40px 0;
}
.paging-navigation a {
font-size: 20px;
font-style: normal;
font-weight: 400;
}
.paging-navigation .meta-nav {
background-color: #42AABF;
border-radius: 50%;
color: #fff;
display: inline-block;
font-size: 22px;
padding: 5px 0 3px;
text-align: center;
width: 45px;
}
.paging-navigation .nav-previous .meta-nav {
margin-right: 5px;
margin-top: 13px;
padding: 5px 0 ;
width: 45px;
}
.paging-navigation .nav-next .meta-nav {
margin-left: 5px;
}
.paging-navigation a:hover .meta-nav {
background-color: #cccccc;
text-decoration: none;
}
.post-navigation {
background-color: #fff;
color: #42AABF;
font-size: 16px;
font-style: italic;
font-weight: 300;
padding: 20px 0;
}
/**
* 5.8 Author Bio
* ----------------------------------------------------------------------------
*/
.single-format-status .author-description {
color: #333333;
}
.author-description .author-title {
clear: none;
font: 300 italic 20px "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin: 0 0 8px;
}
.author-link {
color: #42AABF;
margin-left: 2px;
}
/**
* 5.9 Archives
* ----------------------------------------------------------------------------
*/
.archive-header {
background-color: #f6f6f6;
}
.archive-title,
.archive-meta {
font: 300 italic 26px "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.archive-meta {
font-size: 16px;
font-style: normal;
font-weight: normal;
margin-top: -15px;
padding: 0 0 11px;
}
/**
* 5.10 Search Results/No posts
* ----------------------------------------------------------------------------
*/
.page-header {
background-color: #f6f6f6;
}
.page-title {
font: 300 italic 24px "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin: 0 auto;
max-width: 1040px;
padding: 30px 0;
width: 100%;
}
/**
* 5.11 404
* ----------------------------------------------------------------------------
*/
.error404 .page-title:before {
color: #eeeeee;
}
.error404 .page-wrapper {
background-color: #f6f6f6;
}
/**
* 5.12 Comments
* ----------------------------------------------------------------------------
*/
.comments-title {
font: 300 italic 22px "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.comment-author .fn,
.comment-author .url,
.comment-reply-link,
.comment-reply-login {
color: #42AABF;
font-size: 14px;
font-style: normal;
font-weight: normal;
}
.comment-meta,
.comment-meta a {
color: #42AABF;
font-size: 13px;
}
.comment-meta a:hover {
color: #42AABF;
}
.ping-meta {
color: #42AABF;
font-size: 13px;
line-height: 2;
}
.comment-awaiting-moderation {
color: #42AABF;
}
/* Comment form */
.comment-respond {
background-color: #fafafa;
}
.comment-reply-title {
font: 300 italic 26px "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.comment-reply-title small a {
color: #444444;
display: inline-block;
float: right;
height: 16px;
overflow: hidden;
width: 16px;
}
.comment-reply-title small a:hover {
color: #42AABF;
text-decoration: none;
}
.comment-form .required {
color: #42AABF;
}
.form-allowed-tags,
.form-allowed-tags code {
color: #42AABF;
font-size: 12px;
}
.comment-navigation {
font-size: 16px;
font-style: italic;
font-weight: 300;
margin: 0 auto;
max-width: 604px;
padding: 20px 0 30px;
width: 100%;
}
.no-comments {
background-color: #ffffff;
font-size: 16px;
font-style: italic;
font-weight: 300;
margin: 0;
padding: 40px 0;
text-align: center;
}
/**
* 5.13 Multisite
* ----------------------------------------------------------------------------
*/
/* style none */
/**
* 6.0 Sidebar
* ----------------------------------------------------------------------------
*/
/**
* 6.1 Widgets
* ----------------------------------------------------------------------------
*/
.widget {
background-color: rgba(244, 244, 244, 0.7);
font-size: 14px;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
margin: 0 0 24px;
padding: 20px;
word-wrap: break-word;
}
.widget .widget-title {
font: 400 normal 20px "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin: 0 0 10px;
}
.widget a {
color: #42AABF;
}
.widget a:hover {
color: #42AABF;
}
/* RSS Widget */
.widget_rss .rss-date,
.widget_rss li > cite {
color: #42AABF;
}
/* Calendar Widget */
.widget_calendar tbody td {
background-color: rgba(255, 255, 255, 0.9);
}
.site-footer .widget_calendar tbody td {
background-color: rgba(255, 255, 255, 0.9);
}
/**
* 7.0 Footer
* ----------------------------------------------------------------------------
*/
.site-footer {
background-color: #ffffff;
color: #333333;
font-size: 14px;
text-align: center;
}
.site-footer a {
color: #42AABF;
}
.site-footer .sidebar-container {
background-color: #f3f3f3;
padding: 20px 0;
}
.site-footer .widget {
background: transparent;
color: #333333;
float: left;
margin-right: 20px;
width: 245px;
}
.site-footer .widget a {
color: #42AABF;
}
.site-footer .widget-title,
.site-footer .widget-title a,
.site-footer .wp-caption-text {
color: #333333;
}
.site-info {
margin: 0 auto;
max-width: 1040px;
padding: 30px 0;
width: 100%;
}
#wpstats {
display: block;
margin: -10px auto 0;
}
/**
* 8.0 Media Queries
* ----------------------------------------------------------------------------
*/
/* Does the same thing as <meta name="viewport" content="width=device-width">,
* but in the future W3C standard way. -ms- prefix is required for IE10+ to
* render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
* the meta tag. See https://core.trac.wordpress.org/ticket/25888.
*/
/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 767px) {
.site-header .home-link {
min-height: 0;
}
.site-title {
font-size: 30px;
padding: 20px 0 10px;
}
}
@media (max-width: 643px) {
/* Small menu */
.menu-toggle {
cursor: pointer;
display: inline-block;
font: bold 16px/1.3 "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin: 0;
}
.toggled-on .nav-menu > li a:hover,
.toggled-on .nav-menu > ul a:hover {
background-color: #ffffff;
color: #333333;
}
.toggled-on .nav-menu > li a:focus,
.toggled-on .nav-menu > ul a:focus {
background-color: #eeeeee;
color: #333333;
}
.entry-title,
.format-chat .entry-title,
.format-image .entry-title,
.format-gallery .entry-title,
.format-video .entry-title {
font-size: 26px;
font-weight: normal;
}
}