/* Theme Name: boots Theme URI: http://www.tenman.info/wp3/boots Description: Raindrops theme of child theme boots, which is the theme for a simple blog, but changing the settings of the customizer, and is scalable themes that can be used as a portal site. I Won’t Let You Down. Supported languages Japanese - JAPAN (ja) French - FRANCE (fr_FR) Polish - POLAND (PL) (pl_PL) Portuguese - BRAZIL (pt_BR) Author: Tenman Author URI: http://www.tenman.info/wp3/ Version: 1.436 Tags: one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar, custom-colors, custom-header, custom-background, custom-menu, editor-style, theme-options, threaded-comments, sticky-post, translation-ready, post-formats, featured-images, full-width-template License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: boots Template: raindrops */ /** ALL COLOR TYPES * Common Styles */ #top #header-image{ min-height:0; } .rsidebar .eco-archive .month a, .lsidebar .eco-archive .month a, .rsidebar .eco-archive .year a, .lsidebar .eco-archive .year a, .lsidebar .widget_tag_cloud .tagcloud a, #site-title span{ -webkit-transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s; -ms-transition: 0.8s; transition: 0.8s; } .rd-type-boots #header-image{ position:relative; } .rd-type-boots #header-image .tagline{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; display:block; height:1.6em; margin: auto; width:80%; text-align:center; font-size:186%; } .rd-type-boots #site-title{ margin:.5em 0 0; } /* for template front-page.php */ .page-template-page-templatesfront-page-php.rd-type-boots #top #site-description, .page-template-page-templatesfront-page-php.rd-type-boots #hd{ display:block!important; } /* for template front-page.php end */ /* the events calendar plugin */ .events-archive .entry-title, .events-single .entry-title, .icon-link-no-title{ display:none; } .enable-keyboard a:focus{ border-bottom:1px solid #DC143C; margin-bottom:-1px!important; } .rd-type-boots .entry-title{ min-height:1.4em; } /** * HEADER * */ #header-image{ margin:auto; width:100%!important; overflow:hidden; background-size:cover; min-height:100px; } #header-inner{ text-align:left; padding:1em; } /** * DOCUMENT BODY * */ #bd{ margin-top:3px; margin-bottom:8px; } #calendar_wrap td{ height:auto; } /** * FOOTER * */ #ft{ background-repeat:repeat!important; margin:auto; width:100%!important; overflow:hidden; } #ft #calendar_wrap{ color:#fff; } #ft div.widget-wrapper>ul>li { padding: .5%; width: 32.3%; float: left; display: inline-block; margin: auto; text-align:left; } #ft .footer-widget h2{ background-repeat:no-repeat; } address{ margin-top:16px; } #ft #calendar_wrap th{ background:#fff; color:#333; padding:1em 0; } #ft #calendar_wrap td{ border:1px solid rgba(222,222,222,1); text-align:center; padding:1em 0; } #ft #calendar_wrap tfoot td{ border:none; text-align:left; } /** * * */ .pagination{ font-size:123%; } .page-numbers { border:1px solid #ccc; } .pagenation .dots, .pagination .prev, .pagination .next{ border:none; } .pagenate{ position:relative; } .pagenate a span, .pagenate span{ display:inline-block; font-size:1em; line-height:1; width:2em; height:2em; padding:.5em; text-align:center; box-sizing:border-box; } .sticky-widget #wp-calendar tfoot td, .sticky-widget #wp-calendar th{ border:none!important; } .sticky-widget #wp-calendar tbody #today{ background:#efefef; } .sticky-widget #wp-calendar tbody td{ border:1px solid #ccc; } .sticky-widget #wp-calendar tfoot td{ border:none; } .sticky-widget.widget_recent-post-groupby-cat .xoxo > li > ul >li{ border-bottom:1px dotted #ccc; } .entry-content blockquote { margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019"; } .entry-content blockquote:before { content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; height:36px; } .entry-content blockquote p { display: inline; } /* Basic Table Style */ .entry-content table{ margin:2em 0; } .entry-content td{ text-align:center; } .entry-content td.right, .entry-content .right td{ text-align:right; } .entry-content td.left, .entry-content .left td{ text-align:left; } .entry-content td.center, .entry-content .center td{ text-align:center; } .entry-content td.bottom, .entry-content .bottom td{ text-align:right; } .entry-content td.top, .entry-content .top td{ text-align:left; } .entry-content td.middle, .entry-content .middle td{ text-align:center; } .entry-content th, .entry-content td { padding:1em 0; text-align:center; } /*--------------*/ #doc5 .static-front-content{ padding:2em 1em 0; box-sizing:border-box; } .raindrops-sticky{ margin:0 1em; } .raindrops-sticky .sticky-single-follow-text.anytime a{ display:inline-block; font-size:100%; padding:.3em .6em; } /** * Form * */ input[type="file"], input[type="reset"], input[type="submit"]{ font-size:11px; } textarea, form input[type="password"], form input[type="url"], form input[type="tell"], form input[type="search"], form input[type="datetime-local"], form input[type="datetime"], input[type="number"], input[type="email"], input[type="text"]{ padding:.3em ; } /** COLOR TYPE boots * * Base Color Type : Dark * */ .home.rd-type-boots #header-image{ min-height:100px; } .rd-type-boots .rsidebar, .rd-type-boots .lsidebar{ margin-top:5px; margin-bottom:5px; } .rd-type-boots .yui-t6 .lsidebar, .rd-type-boots .yui-t5 .lsidebar, .rd-type-boots .yui-t4 .lsidebar{ margin-right:5px; margin-left:-6px; } .rd-type-boots .rsidebar a, .rd-type-boots .lsidebar a{ padding:10px; } .rd-type-boots .lsidebar .widget_text .wp-caption a, .rd-type-boots .rsidebar .widget_text .wp-caption a{ display:inline-block; box-sizing:border-box; } .rd-type-boots .rsidebar ul li ul li, .rd-type-boots .lsidebar ul li ul li{ padding-top:.5em; } .rd-type-boots.home.ie9 #header-image{ min-height:160px; } .rd-type-boots address{ margin-top:16px; } body.rd-type-boots{ border-top:none; } .rd-type-boots .datetable #date_list, .rd-type-boots .datetable .month-date{ text-align:center; vertical-align:top; } .rd-type-boots #ft #wp-calendar caption{ padding:1em; } .rd-type-boots .datetable .month-date .day-name{ margin:1em; } .rd-type-boots .datetable .time + td, .rd-type-boots .datetable .month-date + td{ text-align:left; } .rd-type-boots #raindrops_year_list .month-name a{ margin-top:1em; } .rd-type-boots #raindrops_year_list .month-name, .rd-type-boots .month-date .day-name{ text-align:center; vertical-align:middle; } .rd-type-boots #wp-calendar tfoot #next{ text-align:right; } /** COLOR TYPE BOOTS * * Borders * */ .rd-type-boots #ft .widgettitle{ border-bottom:1px solid rgba(222,222,222,1); } .rd-type-boots .datetable .time + td, .rd-type-boots .datetable .month-date + td , .rd-type-boots .datetable .month-date + td > ul > li{ border-bottom:1px solid rgba(222,222,222,1); } .rd-type-boots .commentlist .comment{ border:1px solid rgba(222,222,222,1); } .rd-type-boots .commentlist .children li{ border:none; } .rd-type-boots .commentlist .children .reply{ border-bottom:1px solid rgba(222,222,222,1); } .rd-type-boots #raindrops_year_list td, .rd-type-boots #date_list td, .rd-type-boots #month_list td{ border:1px solid rgba(222,222,222,1); } .rd-type-boots #raindrops_year_list td{ height:2em; vertical-align:middle; text-align:left; } .rd-type-boots .rsidebar ul li ul li, .rd-type-boots .lsidebarul ul li ul li{ color:#999; } .rd-type-boots #header-image .tagline{ font-size:2vw; text-shadow:none; } .rd-type-boots .raindrops-extend-archive li{ text-align:left; } .rd-type-boots .yui-t4 #yui-main + .yui-b, .rd-type-boots .yui-t5 #yui-main + .yui-b, .rd-type-boots .yui-t6 #yui-main + .yui-b{ padding-left:3px; box-sizing:border-box; } .rd-type-boots .yui-t1 #yui-main + .yui-b, .rd-type-boots .yui-t2 #yui-main + .yui-b, .rd-type-boots .yui-t3 #yui-main + .yui-b{ } .rd-type-boots .rsidebar{ padding-left:3px; box-sizing:border-box; } .rd-type-boots textarea, .rd-type-boots input[type="text"], .rd-type-boots input[type="submit"], .rd-type-boots input[type="reset"], .rd-type-boots input[type="file"]{ border:1px solid #ccc; } .rd-type-boots .social input[type="submit"]{ padding:.3em .5em; font-size:100%; } .rd-type-boots .entry-content input[type="button"], .rd-type-boots .entry-content input[type="submit"], .rd-type-boots .entry-content input[type="reset"], .rd-type-boots .entry-content input[type="file"]{ font-size:100%; } .rd-type-boots .lsidebar select[name="archive-dropdown"] option{ } .rd-type-boots #wp-calendar{ border:1px solid #ccc; } .rd-type-boots .attachment-navigation .next a, .rd-type-boots .attachment-navigation .prev a{ background:none; } .rd-type-boots address .comments-rss:after, .rd-type-boots address .entry-rss:after, .rd-type-boots #comments .form-allowed-tags:before, .rd-type-boots #comments .nopassword:before, .rd-type-boots #comments .nocomments:before, .rd-type-boots .comment-notes:before, .rd-type-boots .logged-in-as:before, .rd-type-boots .nav-next a:after, .rd-type-boots .nav-previous a:before{ display:none; } @media screen and (max-width : 640px){ #top #header-image .tagline, #top #header-image #site-title{font-size:20px;} #boots .lsidebar, #boots .rsidebar{ min-height:none!important; } .rd-type-boots .rsidebar, .rd-type-boots .lsidebar{ height:auto!important; } #yui-main .yui-u .rsidebar, #yui-main .yui-u .lsidebar{ min-height:0!important; } .rd-type-boots #ft .footer-widget { float:none; margin:0; margin-left:0; margin-right:0; display:block; max-width:100%; width:100%; box-sizing: border-box; clear:both; background-repeat:no-repeat; position:static; } .rd-type-boots #ft .widget_categories ul li a, .rd-type-boots #ft .widget_categories ul li a, .rd-type-boots #ft .widget_archive ul li a, .rd-type-boots #ft .widget_archive ul li a, .rd-type-boots #ft .categories ul li a, .rd-type-boots #ft .categories ul li a{ display:inline-block; width:85%; padding:.5em; } .rd-type-boots #ft .widget_tag_cloud .tagcloud a, .rd-type-boots #ft .widget_tag_cloud .tagcloud a{ display:inline-block!important; width:23%; padding:.5em 0; } .rd-type-boots .footer-widget h2, .rd-type-boots h2.footer-content{ background-repeat:no-repeat; height:2em; background:none; } #doc3 .reply, #ft a{ display:block; background-repeat:no-repeat; width:100%; height:100%; margin:0; padding:0.5em; box-sizing: border-box; font-size:123%; } #desmiss, #page-top{ display:none!important; } .rd-type-boots .lsidebar, .rd-type-boots .lsidebar{ min-height:0; } .widget_recent-post-groupby-cat.footer-widget > ul{ position: relative; display: block; margin-left: 60px; width: 80%; width: calc(100% - 60px); min-height: 4.5em; max-width: 100%; box-sizing: border-box; } #doc5 #container.yui-gc > .yui-u:not(.first), #doc4 #container.yui-gc > .yui-u:not(.first), #doc3 #container.yui-gc > .yui-u:not(.first){ width:100%; } .rd-type-boots .index{ width:90vw; margin:auto; } .rd-type-boots.rd-pw-doc5.rd-col-1 .index li article{ margin:0; padding:0; } .rd-type-boots .sticky{ padding:0; width:90vw; } .rd-type-boots .sticky .entry-content{ padding:1em; box-sizing:border-box; } .rd-type-boots .blog .sticky .entry-title a, .rd-type-boots #doc5 .sticky .entry-title a{ width:100%; } .rd-type-boots .entry-content{ width:100%; } .rd-type-boots .entry-content ul{ position:static; width:90vw; } } @media screen and (min-width : 641px){ .rd-col-1 .index article{ overflow:hidden; } #nav-above{ display:none; } a#page-top{ display:inline-block; } a#page-top:hover{ cursor:pointer; } .rsidebar .eco-archive li, .lsidebar .eco-archive li { display: inline-block; margin: 0 1% 0; border:none; } .rsidebar .eco-archive li a, .lsidebar .eco-archive li a{ padding:0; } .rsidebar .eco-archive li a:after, .lsidebar .eco-archive li a:after{ content: ','; } .rd-col-1 ul.archive > li:nth-child(even), .rd-col-1 ul.index > li:nth-child(even){ background:rgba(222,222,222,.3); } .rd-col-1 ul.archive > li:nth-child(2n+1), .rd-col-1 ul.index > li:nth-child(2n+1){ background:rgba(222,222,222,.1); } .rd-col-1 ul.archive > li, .rd-col-1 ul.index > li{ padding-top:100px; padding-bottom:100px; } .rd-col-1 ul.index > .list-category-navigation, .rd-col-1 ul.archive > .list-category-navigation{ padding-top:1em; padding-bottom:1em; background:transparent; } .rd-col-1 ul.index > .list-category-navigation + li, .rd-col-1 ul.archive > li:first-child, .rd-col-1 ul.index > li:first-child{ background:transparent; padding-top:0; padding-bottom:100px; } .rd-col-1 ul.category-archives > li:first-child{ padding:0; } .rd-col-3 .index{ margin:-2em 0 0; } .rd-col-2 .index{ margin:-2em 2em 2em; } .h2-thumb{ background: repeating-linear-gradient( 135deg, transparent, rgba(127,127,127,.3) 2px, rgba(127,127,127,.1) 3px, rgba(127,127,127,.1) 5px ); } .h2-thumb .size-thumbnail{ padding:0; } .rd-featured-yes-left .index .h2-thumb + .entry-title-text{ margin-left:1em; } #raindrops_year_list td, .rd-type-boots #date_list td, .rd-type-boots #month_list td { border: 1px solid rgba(127,127,127,.3); } } #archives-title{ padding-top:1em; } .rd-type-boots #archives-title .label{ display:none; } .rd-type-boots #hd, .rd-type-boots #bd{ background:#fff; } .rd-type-boots .rsidebar ul li ul li, .rd-type-boots .lsidebar ul li ul li{ padding-top:.7em; } .rd-type-boots .wpcf7, .rd-type-boots .wpcf7-textarea { max-width:94%; margin:0 auto; } .rd-type-boots .more-link{ margin:14px; border-radius:0.38461538461em; -moz-border-radius:0.38461538461em; padding:0.38461538461em; display:inline-block; } #nav-above-comments{ padding-bottom:1.5em; } #nav-below-comments .nav-next a, #nav-below-comments .nav-previous a, #nav-above-comments .nav-next a, #nav-above-comments .nav-previous a{ display:inline-block; border-radius:0.38461538461em; -moz-border-radius:0.38461538461em; padding:0.38461538461em; } #comments .pingback a{ display:inline-block; margin:0 1em; } .raindrops-excerpt-more{ text-align:center; } .rd-type-boots .raindrops-excerpt-more .meta-nav, .rd-type-boots .more-link .meta-nav{ display:none; } .comment .reply, .rd-type-boots .edit-link{ display:inline-block; margin:0 0 0 1em; padding:2px 6px; border-top-left-radius:0.38461538461em; -moz-border-top-left-radius:0.38461538461em; border-top-right-radius:0.38461538461em; -moz-border-top-right-radius:0.38461538461em; white-space:pre; } .comment .reply{ white-space:normal; } .rd-type-boots #recentcomments a{ width:auto; } .widget_rss .footer-widget + ul li{ width:90%; margin:1em auto; background:#fff; color:#000; } #ft .footer-widget + ul li .rsswidget{ display:block; padding:1em; } .footer-widget + ul li .rss-date{ display:block; border:1px solid white; text-align:right; padding-right:1em; } .footer-widget + ul li .rssSummary{ display:block; padding:1em; } .footer-widget + ul li cite{ display:block; text-align:right; padding-right:1em; } #ft .footer-widget .widgettitle{ height:auto; text-align:center; } #ft .footer-widget .widgettitle + ul{ width:90%; margin:auto; } #ft .footer-widget a.rsswidget{ display:inline; width:auto; } .footer-widget .rsswidget img{ display:inline; } .page.rd-col-1 #bd, .page.rd-col-1 .yui-g, .page.rd-col-1 .yui-gb, .page.rd-col-1 .yui-gc, .page.rd-col-1 .yui-gd, .page.rd-col-1 .yui-ge, .page.rd-col-1 .yui-gf, .single.rd-col-1 #bd, .single.rd-col-1 .yui-g, .single.rd-col-1 .yui-gb, .single.rd-col-1 .yui-gc, .single.rd-col-1 .yui-gd, .single.rd-col-1 .yui-ge, .single.rd-col-1 .yui-gf{ margin-bottom:0; } .rd-type-boots .raindrops-pinup-entries a{ padding:0; } .comment-edit-link{ margin-left:.5em; padding:.2em .3em; } #comments-title{ margin-top:2em; font-weight:bold; } figure[id^=attachment] figcaption{ padding:1em; margin:1%; } figcaption:empty{ display:none; } .rd-type-boots hr{ border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); width:80%; margin:1em auto 1em; } .rd-type-boots p + hr{ margin:0 auto 1em; } .rd-type-boots hr.inset { border: 0; height: 0; border-top: 1px solid #aaa; border-bottom: 1px solid #eee; width:80%; margin:auto auto 1em; } #nav-below{ position:relative; top:2em; } #nav-below .nav-next a, #nav-below .nav-previous a, #nav-below .nav-next, #nav-below .nav-previous{ text-align: center; padding: 1em; box-sizing:border-box; } #nav-below .nav-next a, #nav-below .nav-previous a{ display:block; } #nav-below .nav-next:empty, #nav-below .nav-previous:empty{ display:none; } .rd-type-boots #wp-calendar tfoot #next a, .rd-type-boots #wp-calendar tfoot #prev a{ display:inline-block; text-align:center; text-decoration:none; padding:.5em; margin:.5em; } .widgettitle.footer-widget{ margin:1px; } #ft .footer-widget .widgettitle{ line-height:2; box-sizing:border-box; } .rd-type-boots .rsidebar .widget .widgettitle, .rd-type-boots .lsidebar .widget .widgettitle{ line-height:2; margin-left:-5px; } .page.rd-col-1 div[class^="entry-meta"], .page.rd-col-1 .entry-title, .single.rd-col-1 div[class^="entry-meta"], .single.rd-col-1 .entry-title{ text-align:center; } .page.rd-col-1 .entry-title, .single.rd-col-1 .entry-title{ margin:0 0 1em 0; } .page.rd-col-1 .entry-title span, .single.rd-col-1 .entry-title span{ padding-top:0; } .rd-type-boots.rd-pw-doc3.rd-col-1 .fail-search, .rd-type-boots.rd-pw-doc5.rd-col-1 .fail-search{ position: relative; padding-bottom: 32%; height: 0; } div[class^="entry-meta"] .author .avatar, .posted-on .author .avatar{ width:2em; height:2em; } .my-icon{ background:lightblue; padding:15px; margin:15px; position: relative; } .my-icon:hover:after { position: absolute; content:attr(data-url); left:0; top:0; width:200px; height:1.25rem; background-color: blue; color:white; } .comment-body blockquote { margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019"; border:1px solid rgba( 127,127,127,.3); } .comment-body blockquote:before { content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; height:36px; } #top #header-image{ background-position:center; } .rd-type-boots #access.raindrops-menu-fixed .menu > li > a{ color:#333; } .rd-type-boots #access.raindrops-menu-fixed .menu-header{ background:rgba(255,255,255,.9); border-bottom:1px solid #ccc; } .rd-type-boots #access.raindrops-menu-fixed .menu-header{ max-width:none; } .rd-type-boots #doc5.yui-t6 #container > .first > div, .rd-type-boots #doc5.yui-t5 #container > .first > div, .rd-type-boots #doc5.yui-t4 #container > .first > div{ margin:auto; } #page-top{ display:inline; float:right; } .link-to-sidebar-settings { display: flex; align-items: center; justify-content: center; border:1px dotted #ccc; height:480px; flex-direction:column; margin-right:1em; } .link-to-sidebar-settings > div { max-width: 80%; text-align:center; } .rd-type-boots .raindrops-monthly-archive-prev-next-avigation .year{ padding-top:2em; } #raindrops_metaslider img{ width:auto; } .blog .sticky, .home .sticky{ padding:1.53846153846em; } #boots .entry-title, #boots #archives-title, #boots .pagetitle{ margin-top:1em!important; margin-bottom:2em!important; padding-top:0; } .rd-category-description, .rd-tag-description{ width:1000px; margin:auto; max-width:100%; } /** * Fonts */ @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100; } @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 200; } @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 300; } @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 400; } @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Bold"); font-weight: bold; } @font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 100; } @font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 200; } body { font-family: "-apple-system", "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif; } /* IE10以上 */ @media all and (-ms-high-contrast: none) { body { font-family: Verdana, Meiryo, sans-serif; } } body,h1,h2,h3,.h1,.h2,.h3{ font-family: "-apple-system", "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif; } .entry-title{ font-weight:700; } #access li ul ul{ width:auto; } .widget_nav_menu.sticky-widget li ul ul, .widget_pages.sticky-widget li ul ul, #access li ul ul{ margin:0 0 0 -1px; }