/*
Theme Name: Orange and Black
Author URI: http://lantips.se/
Theme URI:
Description: Modern theme with decent design. Orange and black are main colors used in the theme. Menu is widgetized. xHTML/CSS code is light/optimized.
Author: Lantips
Version: 1.3
Tags: orange, black, light, two-columns, fixed-width, editor-style
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/* Reset browser styles
------------------------------------------ */
* {margin: 0; padding: 0; font-family: "Hiragino Kaku Gothic Pro", YuGothic, Arial, Meiryo, sans-serif;}
html {min-height: 100%; padding-bottom: 1px; overflow: scroll;}
body {background: #fff; color: #666; font-size: 0.75em; line-height: 1.5;}
[class] {list-style: none; padding: 0}
h1, h2, h3, h4, h5, h6 {font-style: normal; font-size: 1em; line-height: 1.2;}
dt {font-weight: bold}
table {border-collapse: collapse}
img {border: none; vertical-align: middle}
a {color: #ff7200; text-decoration: none; outline: none; cursor: pointer}
a:hover {color: #000; text-decoration: underline}
textarea, input, select, option, optgroup, button {font-size: 1em;}
button, [type="radio"], [type="checkbox"], [type="submit"], [type="button"], [type="reset"], label[for], select {cursor: pointer}
input, select, textarea {outline: none}
input:focus, select:focus, textarea:focus {
webkit-box-shadow: 0 0 3px 2px #ff7200;
-moz-box-shadow: 0 0 3px 2px #ff7200;
box-shadow: 0 0 3px 2px #ff7200;
}
fieldset {overflow: hidden; border: none;}
legend {display: none;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {padding: 0; border: none;}
/* Global Styles
------------------------------------------ */
h1 {margin: 0 0 10px; color: #ff7200; font-size: 2.5em;}
h2 {margin: 1em 0; padding-bottom: 5px; color: #000; font-size: 2em;}
h3 {margin: 1em 0 0; font-size: 1.75em;}
h4 {margin: 1em 0 0; font-size: 1.5em;}
h5 {margin: 1em 0 0; font-size: 1.25em;}
h6 {margin: 1em 0 0; font-size: 1.167em;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none;}
h2 a:hover {color: #000; text-decoration: none;}
/* Awesome Blockquote Styling with CSS | Code-Tricks */
blockquote{
display:block;
background: #eee;
padding: 10px 20px 10px 70px;
margin: 1.5em 1em;
position: relative;
border: 1px solid #666; border-radius: 5px;
/*Font*/
line-height: 1.2;
text-align: justify;
font-style: italic;
}
blockquote::before{
content: "\201C"; /*Unicode for Left Double Quote*/
/*Font*/
font-size: 60px;
font-weight: bold;
color: #888;
/*Positioning*/
position: absolute;
left: 10px;
top:5px;
}
blockquote::after{
/*Reset to make sure*/
content: "";
}
sub, sup {line-height: 1em;}
ul li, ol li {margin: 5px 20px;}
dl {overflow: hidden; margin: 1em 0; }
dt {float: left; clear: left; width: 190px; margin: 0 0 1em; padding: 0; font-weight: bold;}
dd {margin: 0 0 1em 200px; }
p {margin: 1em 0;}
table {margin: 1em auto; border: 1px solid #dbdbdb; border-radius: 5px; }
table th, table th[class] {padding: 5px 10px; border: 1px solid #dbdbdb; background: #f3f3f3;}
table td, table td[class] {padding: 5px 10px; border: 1px solid #dbdbdb;}
table tr.alternate td {background: #fafafa;}
form, form[class] {margin: 1.5em 0; padding: 10px 30px; border: 1px solid #dbdbdb; border-radius: 5px; background: rgba(255,255,255,0.5);}
label {float: left; clear: left; width: 150px; padding: 5px 0; font-weight: bold;}
input, select, select[class], textarea {width: auto; margin: 5px 0 5px 3px; padding: 5px 10px; border: 1px solid #333; border-radius: 3px; background: #fff; vertical-align: middle;
webkit-box-shadow: 0 2px 2px 3px rgba(0,0,0,0.1) inset;
-moz-box-shadow: 0 2px 2px 3px rgba(0,0,0,0.1) inset;
box-shadow: 0 2px 2px 3px rgba(0,0,0,0.1) inset; }
}
select option {padding: 0 5px; }
input[type="radio"], input[type="checkbox"], input[type="submit"] {width: auto; border: none; background: none;}
span.required {padding: 0 5px; color: #ff7200; font-weight: bold; font-size: 1.25em;}
textarea {width: 95%; min-width: 95%; max-width: 95%; height: 100px;}
p.form-submit, p.form-allowed-tags {margin-left: 40px;}
button, input[type="submit"] {height: 30px; padding: 0 10px; border: 2px solid #ff7200; border-radius: 3px; color: #eee; background: #111; vertical-align: middle;}
.searchform button {width: 30px; margin: 0 0 0 5px; padding: 0 0 15px 0; background: #fff;}
.searchform button:before {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
content: "\1f50d";
font-size: 16px;
}
button:active, input[type="submit"]:active {
webkit-box-shadow: 0 0 3px 2px #ff7200;
-moz-box-shadow: 0 0 3px 2px #ff7200;
box-shadow: 0 0 3px 2px #ff7200;
}
/* Main Layout
------------------------------------------ */
body {background: #fff;}
.header {border-bottom: 1px solid #707070; background: #ffaf03;}
.header>div {overflow: hidden; width: auto; margin: 0 auto; padding: 15px 0;}
.header p {margin: 0;}
.header p.title {margin: 15px 0 0; padding: 0 20px; color: #fff; font-size: 3em; line-height: 1em; text-shadow: #000 0 0 2px;}
.header p.title a {color: #fff;}
.header p.title a:hover {color: #eee; text-decoration: none;}
.header p.tagline {margin: 0 0 25px; padding: 5px 20px; color: #fff; font-size: 1.5em; text-shadow: #000 0 0 2px;}
.header form {width: 223px; height: 35px; margin: 25px 20px 0 50px; padding: 2px 2px 8px 0; border: none; text-align: center;}
.header form input {width: 155px;}
.nav {margin: -20px auto 0; padding-bottom: 12px;}
.nav>div {margin: 0 auto; padding: 0 5px; border-radius: 5px; background: #4a4a4a;
webkit-box-shadow: 0px 5px 5px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 5px 5px 3px rgba(0,0,0,0.2);
box-shadow: 0px 5px 5px 3px rgba(0,0,0,0.2);
}
.nav ul.menu {list-style: none; margin: 0; padding: 0; min-height: 30px; font-size: 1.167em;}
.nav ul.menu>li {float: left; position: relative; overflow: hidden; height: 30px; margin: 0; padding: 0; border-left: 1px solid #444; border-right: 1px solid #151515;}
.nav ul.menu>li:hover {overflow: visible; z-index: 150;}
.nav ul.menu>li>a {float: left; height: 30px; padding: 0 8px; color: #fff; line-height: 30px; text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.30);}
.nav ul.menu>li>a:hover, .nav ul.menu>li:hover>a, .nav ul.menu>li.current-menu-item>a, .nav ul.menu>li.current_page_item>a {height: 30px; padding: 0 8px; color: #fff; line-height: 30px; text-decoration: none;
background: #ffaf03;
webkit-box-shadow: 0px 15px 10px -10px #fff inset;
-moz-box-shadow: 0px 15px 10px -10px #fff inset;
box-shadow: 0px 15px 10px -10px #fff inset;
}
.nav ul.menu>li ul {position: absolute; left: 0; top: 30px; width: 200px; list-style: none; margin: 0; background: #4a4a4a; font-size: 0.75em;}
.nav ul.menu>li ul li {float: none; position: relative; overflow: hidden; margin: 0; padding: 0;}
.nav ul.menu>li ul li:hover {overflow: visible;}
.nav ul.menu>li ul li a {display: block; padding: 5px 15px; border-bottom: 1px solid #6f6f6f; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.30);}
.nav ul.menu>li ul li a:hover, .nav ul.menu>li ul li:hover>a {background: #ffaf03; color: #fff; text-decoration: none;}
.nav ul.menu>li ul li:first-child>a {border-top: none;}
.nav ul.menu>li ul li ul {top: 0; left: 200px; font-size: 1em;}
.content {width: auto; overflow: hidden; margin: 0 auto; padding: 20px 0;}
.main {float: none; width: auto; overflow: hidden; }
.main.post {float: none; width: auto;}
.main>h1 {margin: 0 20px 10px;}
.main.post>h1 {margin: 0 0 10px;}
.sidebar {float: none; width: auto; margin-right: 10px;}
.footer {margin: 0 auto; padding: 0 0 20px;}
.footer p {margin: 0; color: #666; font-size: 1em; line-height: 1.5em; text-align: center;}
.footer p a {color: #666;}
/* sidebar
------------------------------------------ */
.widget {margin: 0 0 1.5em 10px; padding: 0px 10px;}
.widget select {width: 190px; margin: 5px 0;}
.widget h3 a:hover, .widget h3 a, .sidebar h3 a, .sidebar h3 a:link, .sidebar h3 a:visited {color: #fff;}
.widget h3 label {
width: auto;
padding: 0;
font-weight: normal;
}
.sidebar h3 {margin: 0 -10px 10px; padding: 5px 15px; border-radius: 5px 5px 0 0; background: #ff7200; color: #fff; font-size: 1.25em; line-hight: 2; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.30);
webkit-box-shadow: 0px 15px 10px -10px #fff inset;
-moz-box-shadow: 0px 15px 10px -10px #fff inset;
box-shadow: 0px 15px 10px -10px #fff inset;
}
.sidebar ul {list-style: none; margin: 0; padding: 0;}
.sidebar ul li {margin: 0; padding: 5px 0; border-top: 1px solid #d9d9d9; color: #666;}
.sidebar ul li.current-menu-item>a, .sidebar ul li.current_page_item>a, .sidebar ul li.current-cat>a,
.sidebar ul li.current-menu-item>a:visited, .sidebar ul li.current_page_item>a:visited, .sidebar ul li.current-cat>a:visited {font-weight: bold; color: #333;}
.sidebar ul li a {color: #ff7200;}
.sidebar ul li a:hover {color: #333; text-decoration: none;}
.sidebar ul li a:visited, .sidebar .tagcloud a:visited {color: #ffaf03;}
.sidebar ul li ul {margin: 5px 0 -5px;}
.sidebar ul ul li {padding-left: 15px;}
.sidebar ul ul ul li {padding-left: 30px;}
.sidebar form {width: auto; margin: 3px 0 0; padding: 0; border: none; background: none; }
.sidebar form input {width: auto; min-width: 78%; max-width: 78%;}
/* post styles
------------------------------------------ */
div.post, div.page {clear: both; overflow: hidden; margin-bottom: 30px; padding: 15px 20px 5px;}
div.post h2, div.page h2 {margin: 0 0 10px; padding: 3px 0 0 5px;
border-top: 1px solid #ffaf03; border-left: 5px solid #ffaf03;
}
.post h3, .page h3 {
border-left: 5px solid #ffaf03;
margin-bottom: 10px;
padding-left: 5px;
}
.post h4, .page h4 {
border-left: 5px double #ffaf03;
margin-bottom: 10px;
padding-left: 5px;
}
.post h5, .page h5 {
border-left: 4px double #ffaf03;
padding-left: 6px;
}
.post h6, .page h6 {
border-left: 3px double #ffaf03;
padding-left: 7px;
}
p.post-meta {margin: -5px 0 0 -10px; padding: 0 5px; color: #666; font-size: 1em; line-height: 2;}
p.post-meta span, p.tags span, p.more a, .reply a {padding: 3px 0 3px 30px; background: url("images/icons.png") no-repeat; line-height: 20px; width: 30px; height: 20px;}
/*
p.post-meta span, p.tags span, p.more a, .reply a {padding: 3px 0 3px 30px; background: url(data:image/png;base64,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) no-repeat; line-height: 20px; width: 30px; height: 20px;}
*/
p.post-meta span.date {background-position: 0 -40px;}
p.post-meta span.author {background-position: 0 -100px;}
p.post-meta span.cats {background-position: 0 -80px;}
p.post-meta span.comments {background-position: 0 -60px;}
p.post-meta a {color: #666;}
p.post-meta a:hover {color: #ff7200; text-decoration: none;}
p.tags {float: left; clear: none; margin-top: 0.5em; margin-bottom: 5px; padding: 0 10px 0 5px; color: #666; font-size: 1em; line-height: 22px;}
p.tags span {padding: 3px 0 3px 25px; background-position: 0 0;}
p.tags a {color: #666;}
p.tags a:hover {color: #ff7200; text-decoration: none;}
p.more {float: right; margin-top: 0.5em; padding-left: 30px; }
p.more a {float: right; overflow: hidden; padding: 0; text-indent: -90em; background-position: 0 -20px;}
.post a[target="_blank"]:after {
content: "\1f517";
margin-left: 3px;
margin-right: 3px;
font-weight: normal;
}
.post img.attachment-post-thumbnail {float: left; margin: 10px 10px 10px 0;}
.main label {float: none;}
/* comments
------------------------------------------ */
.comments {clear: both;}
.comments label {float: left;}
ul.commentlist {margin: 1em 0;}
ul.commentlist li {overflow: hidden; margin: 10px 0; padding: 15px 5px 0; border: none;}
ul.commentlist li li {clear: both; margin-left: 5px;}
ul.commentlist ul {clear: both;}
img.avatar {float: left; margin: 0 10px 0 0; padding: 2px; border: 1px solid #dbdbdb; border-radius: 5px; background: #eee;}
.comments li form, .comments li form[class] {background: #fff;}
.reply {float: right; overflow: hidden; }
.reply a {margin-bottom: 15px; padding-left: 25px; background-position: 0 -60px;}
ul.commentlist li .comment-body ul {margin: 1em 0; list-style: disc;}
ul.commentlist li .comment-body ol {margin: 1em 0; list-style: decimal;}
ul.commentlist li .comment-body li {overflow: visible; margin: 0 0 0 20px; padding: 0; border: none; background: transparent;}
.comment-meta, .comment-author-vcard {font-size: 1em;}
a#cancel-comment-reply-link {font-size: 0.75em;}
/* misc
------------------------------------------ */
.clear {height: 0; margin: 0; padding: 0; clear: both; float: none; overflow: hidden; border: none;}
.alignleft {float: left; margin: 5px 15px 5px 0; padding: 0; }
.alignright {float: right; margin: 5px 0 5px 15px; padding: 0; }
.aligncenter {display: block; margin: 1em auto; text-align: center;}
.wp-caption-text {margin: 0.5em 0; color: #666; font-size: 1em;}
.nocomments {clear: both;}
img.size-thumbnail {margin: 5px;}
a.post-edit-link {font-size: 0.5em;}
img {margin: 0; max-width: 630px; height: auto;}
img.attachment-post-thumbnail, img.attachment-thumbnail {padding: 2px; border: 1px solid #dbdbdb; border-radius: 5px; }
a:hover img.attachment-post-thumbnail, a:hover img.attachment-thumbnail {border-color: #333;}
embed {max-width: 630px;}
.wp-caption img, .wp-caption embed {max-width: 610px;}
label+.required {margin-left: -15px;}
.gallery {overflow: hidden; padding: 1.5em 0;}
.gallery dl {text-align: center;}
.gallery dl dt {float: none; width: auto;}
.gallery dl dd {clear: left; width: auto; margin: 0; text-align: center;}
.gallery a img, .gallery a img[class] {padding: 2px; border: 1px solid #dbdbdb !important; border-radius: 5px; background: transparent;}
.gallery a:hover img {border-color: #333 !important;}
[id*="gallery"] img {border: 1px solid #dbdbdb; border-radius: 5px;}
.wp-caption {max-width: 620px;}
.wp-caption, .gallery-caption {padding: 10px 5px 5px; border: 1px solid #dbdbdb; border-radius: 5px; background: #eee; text-align: center;}
p label {display: inline; margin-bottom: 0;}
.main h3, .main h2 {clear: both;}
p.comment-form-comment label {display: block; float: left;}
.gallery-caption {position: static;}
.bypostauthor {position: static;}
pre {
color: #cff;
background-color: #111;
border-style: dotted;
border-width: 1px;
margin: 1em;
padding: 10px;
overflow: auto;
font-family: monospace;
}
.content cite {
text-decoration: underline;
padding: 5px;
margin: 2px;
}
.content cite a:link {
color: #00f;
}
.content cite a:visited {
color: purple;
}
/* talking */
.cool,.mura,.yayoi {
color:#eee
}
.kana a:link,.mana a:link,.manakana a:link,.masashi a:link,.mk a:link,.sadaem a:link,.smile a:link,.wild a:link {
color:#00f
}
.cool a:link,.mura a:link,.yayoi a:link {
color:#cff
}
.cool a:visited,.kana a:visited,.mana a:visited,.manakana a:visited,.masashi a:visited,.mk a:visitid,.mura a:visited,.sadaem a:visited,.smile a:visited,.wild a:visited,.yayoi a:visited {
color:purple
}
.cool a:hover,.mura a:hover,.yayoi a:hover {
color:#fff
}
p.cool,p.kana,p.mana,p.manakana,p.masashi,p.mk,p.mura,p.sadaem,p.smile,p.wild,p.yayoi {
border-style: dotted;
border-width: 1px;
padding: 10px;
margin: 1em;
}
blockquote.kana,blockquote.mana,blockquote.manakana,blockquote.smile {
padding: 10px 20px 10px 70px;
}
blockquote.mana:before,blockquote.kana:before,blockquote.manakana:before,blockquote.smile:before {
font-size: 16px;
text-align: right;
}
blockquote.mana:before {
content: "\201C茉奈"; /*Unicode for Left Double Quote*/
}
blockquote.kana:before {
content: "\201C佳奈"; /*Unicode for Left Double Quote*/
}
blockquote.manakana:before {
content: "\201Cマナ\Aカナ"; /*Unicode for Left Double Quote*/
white-space: pre;
line-height: 1.5;
}
blockquote.smile:before {
content: "\201Cスマ\Aイル"; /*Unicode for Left Double Quote*/
white-space: pre;
line-height: 1.5;
}
.mana:before,.kana:before,.smile:before,.manakana:before,.mk:before,.cool:before,.wild:before,.yayoi:before,.sadaem:before,.masashi:before,.mura:before {
margin-right: 5px;
font-style: italic;
font-weight: bold;
}
.mana {background-color:#f9fb90;}
.mana:before {content: "茉奈:";}
.kana {background-color:#fddede;}
.kana:before {content: "佳奈:";}
.smile {background-color:#fd8;}
.smile:before {content: "Smile:";}
.manakana {background-color:#fb4;}
.manakana:before {content: "マナカナ:";}
.mk {background-color:#efe;}
.mk:before {content: "お市:";}
.cool {background-color:#74a;}
.cool:before {content: "Cool:";}
.wild {background-color:#9f9;}
.wild:before {content: "Wild:";}
.yayoi {background-color:#b27;}
.yayoi:before {content: "弥生:";}
.sadaem {background-color:#fbd;}
.sadaem:before {content: "佐田詠夢:";}
.masashi {background-color:#fbe;}
.masashi:before {content: "さだまさし:";}
.mura {background-color:#004;}
.mura:before {content: "村松崇継:";}
.speaker {
font-weight:bold;
font-style:italic;
margin-right:5px;
}
/* Custom Field Template */
.cft-title {
font-weight: bold;
text-shadow: 1px 1px 3px #ff7200;
}
.cft-stars {
color: #ffaf03;
}
.cft-checkbox li {
float: left;
list-style: none;
margin: 5px;
}
.cft-checkbox :after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.cft-image-wrapper {
text-align: center;
width: 170px;
}
/* com */
ul.commentlist li, ul.commentlist li.odd,
div.post, div.page, .widget
{
background: none;
position:relative;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
/************************************
** レスポンシブページネーション
************************************/
.pagination{
list-style-type: none;
padding-left: 0;
margin: 30px 0;
font-size: 0;
}
.pagination,
.pagination li a {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.pagination a {
font-size: 12px;
font-weight: bold;
text-decoration:none;
min-width:30px;
min-height:30px;
color: #fff;
border: 1px solid #444;
}
.pagination li:not([class*="current"]) a:hover {
background-color: #ffaf03;
}
.pagination li.current a {
background-color: #ffaf03;
cursor: default;
pointer-events: none;
}
.pagination li.first, li.first a {
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
}
.pagination li.last, li.last a {
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
}
.pagination li {
background-color: #4a4a4a;
margin: 0;
}
.pagination li a.inactive {
display: none;
}
@media (min-width: 568px) {
.header form {float: right;}
.pagination li a.inactive {
display: flex;
}
}
@media (min-width: 768px) {
.nav {width: 760px;}
.content {
width: 750px;
margin: 0 auto;
}
.main {
width: 530px;
float: left;
}
.main.post {
width: 500px;
float: left;
}
.sidebar {
width: 200px;
float: right;
}
.sidebar form {width: 180px;}
.sidebar form input {min-width: 110px; max-width: 110px;}
.widget select {width: 170px;}
.header>div {width: 750px;}
}
@media (min-width: 1024px) {
.nav {width: 990px;}
.nav ul.menu>li>a {padding: 0 10px;}
.nav ul.menu>li>a:hover, .nav ul.menu>li:hover>a, .nav ul.menu>li.current-menu-item>a, .nav ul.menu>li.current_page_item>a {padding: 0 10px;}
.content {
width: 970px;
margin: 0 auto;
}
.main {
width: 660px;
float: left;
}
.main.post {
width: 630px;
float: left;
}
.sidebar {
width: 290px;
float: right;
}
.sidebar form {width: 260px;}
.sidebar form input {min-width: 190px; max-width: 190px;}
.widget select {width: 190px;}
.header>div {width: 960px;}
}