/* Theme Name: DOAMAZE CHERRY default Theme URI: http: //doamaze.com/ Description: Designed by Hironori Aoki Version: 2.0 Author: Hironori Aoki Author URI: http: //doamaze.com/ */ /** * Table of Contents: * * 1.0 - Reset * 2.0 - Repeatable Patterns * 3.0 - Basic Structure * 4.0 - Header * 5.0 - Navigation * 6.0 - Content * 6.1 - Post Thumbnail * 6.2 - Entry Header * 6.3 - Entry Meta * 6.4 - Entry Content * 6.5 - Galleries * 6.6 - Post Formats * 6.7 - Post/Image/Paging Navigation * 6.8 - Attachments * 6.9 - Archives * 6.10 - Contributor Page * 6.11 - 404 Page * 6.12 - Full-width * 6.13 - Singular * 6.14 - Comments * 7.0 - Sidebar * 7.1 - Widgets * 7.2 - Content Sidebar Widgets * 8.0 - Footer * 9.0 - Featured Content * 10.0 - Multisite * 11.0 - Media Queries * 12.0 - Print * ----------------------------------------------------------------------------- */ /** * 1.0 Reset * ----------------------------------------------------------------------------- */ body { padding: 0; font-family: 'メイリオ',Meiryo,'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif; } #wrapper { background: transparent; } /***** text *****/ h1 { font-size: 2.2rem; line-height: 1.3846153846; } h2 { font-size: 2.0rem; line-height: 1; } h3 { font-size: 1.8rem; line-height: 1.0909090909; } h4 { font-size: 1.6rem; line-height: 1.2; } h5 { font-size: 1.4rem; line-height: 1.3333333333; } h6 { font-size: 1.2rem; line-height: 1.5; font-weight: 700; } p { overflow: visible; margin: 0 0 10px; } /** * 2.0 Repeatable Patterns * ----------------------------------------------------------------------------- */ /** * 3.0 Basic Structure * ----------------------------------------------------------------------------- */ /** * 4.0 Header * ----------------------------------------------------------------------------- */ .site-header { padding: 10px 0; } /***** ロゴ関連 *****/ #header-logo { margin: 0; } .site-title { margin: 0; } /***** header social *****/ #header-social { padding: 10px 0; float: right; } #header-subnav li { float: left; padding-left: 10px; list-style: none; } #menu-header-sub-nav { margin: 0; } /** * 5.0 Navigation * ----------------------------------------------------------------------------- */ /* ======================= Global Navigation ======================= */ /*　メイン　*/ .navbar-static-top { border-width:0; } /***** ドロップダウンメニュー色指定 *****/ /* ======================= Breadcrumb ======================= */ #breadcrumb .kuzu { padding: 10px 15px; } /** * 6.0 Content * ----------------------------------------------------------------------------- */ /** * 6.1 Post Thumbnail * ----------------------------------------------------------------------------- */ /** * 6.2 Entry Header * ----------------------------------------------------------------------------- */ /***** jumbotron *****/ .jumbotron { background: #eee; background-size: auto 100%; margin: 0 0 20px; padding-bottom: 24px; position: relative; } .jumbotron:after { position: absolute; display: block; content: ""; top: 0; left: 0; width: 100%; height: 100%; box-shadow: inset 0 8px 8px -8px #696868, inset 0 -8px 8px -8px #696868; } .jumbotron h1 { font-family: Lato, 'Lucida Grande','Hiragino Kaku Gothic ProN',"メイリオ", Meiryo; font-weight: 300; text-transform: uppercase; } /**** damz-slider image box-shadow ****/ .jumbotron-top { position: relative; padding: 0; } #doamazeslider { z-index: 100; } .ds-slide { position: relative; } .ds-slide:after { position: absolute; display: block; content: ""; top: 0; left: 0; width: 100%; height: 100%; box-shadow: inset 0 8px 8px -8px #696868, inset 0 -8px 8px -8px #696868; } /** * 6.3 Entry Meta * ----------------------------------------------------------------------------- */ .attachment span.entry-date:before, .entry-content .edit-link a:before, .entry-meta .edit-link a:before, .site-content .byline a:before, .site-content .comments-link a:before, .site-content .entry-date a:before, .site-content .featured-post:before, .site-content .full-size-link a:before, .site-content .parent-post-link a:before, .site-content .post-format a:before { color: #333; } .entry-meta .tag-links a:hover { background: #0088cc; } .entry-meta .tag-links a:hover:before { border-right-color: #0088cc; } /** * 6.4 Entry Content * ----------------------------------------------------------------------------- */ /** * 6.5 Gallery * ----------------------------------------------------------------------------- */ /** * 6.6 Post Formats * ----------------------------------------------------------------------------- */ /** * 6.7 Post/Image/Paging Navigation * ----------------------------------------------------------------------------- */ /** * 6.8 Attachments * ----------------------------------------------------------------------------- */ /** * 6.9 Archives * ----------------------------------------------------------------------------- */ /** * 6.10 Contributor Page * ----------------------------------------------------------------------------- */ /** * 6.11 404 Page * ----------------------------------------------------------------------------- */ /** * 6.12 Full-width * ----------------------------------------------------------------------------- */ /** * 6.13 Singular * ----------------------------------------------------------------------------- */ /** * 6.14 Comments * ----------------------------------------------------------------------------- */ /** * 7.0 Sidebars * ----------------------------------------------------------------------------- */ /** * 7.1 Widgets * ----------------------------------------------------------------------------- */ /** * 7.2 Content Sidebar Widgets * ----------------------------------------------------------------------------- */ /** * 8.0 Footer * ----------------------------------------------------------------------------- */ /* ======================= main-footer ======================= */ #colophon { background: #333; line-height: 40px; font-size: 10px; text-align: center; } #colophon p { padding: 0; margin: 0; } #fat-footer { background: #ddd; } #colophon { background: #333; } /** * 9.0 Featured Content * ----------------------------------------------------------------------------- */ .featured-content-inner { padding: 2px; } .featured-content-inner article { padding: 2px; } .featured-content-box { border: 1px solid #e6e6e6; position: relative; } .featured-content .post-thumbnail { overflow: inherit; padding-top: 0; position: relative; } .featured-content .post-thumbnail img { background: none; position: relative; } .grid .featured-content .hentry { overflow: hidden; } .grid .featured-content .entry-header { border: none; padding: 12px 12px 0; position: absolute; bottom: 0; width: 100%; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } /** * 11.0 Media Queries * ----------------------------------------------------------------------------- */ /* ====================================== ***** desktop specific ***** ====================================== */ @media only screen and (min-width: 980px) { /* ====================================== ***** smart phone and tablet common ***** ====================================== */ } @media only screen and (max-width: 991px) { /* ----------------------- Category ----------------------- */ /***** note *****/ #header-logo { text-align: center; float: none; margin: 10px 0 0; } /* ====================================== ***** tablet and desktop common ***** ====================================== */ } @media only screen and (min-width: 768px) { /* ====================================== ***** ipad portrait specific ***** ====================================== */ } @media only screen and (min-width: 768px) and (max-width: 991px) { /* ----------------------- Category ----------------------- */ .jumbotron-top .container { width: 100%; padding: 0; } #global-nav .navbar-nav > li { width: 96px; } /* ====================================== ***** smart phone / small tablet common ***** ====================================== */ } @media only screen and (max-width: 767px) { .navbar-brand { opacity: 0; } .smaller .navbar-brand { opacity: 100; overflow: hidden; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .navbar-header button.navbar-toggle { background: buttonface; } .navbar-brand { border: none; text-align: center; padding: 7px 15px; } .navbar-header button { border: none; text-align: center; padding: 7px; width: 40px; height: 40px; } .navbar-header button i { font-size: 24px; padding: 0; } #menu-global-navigation { background: #333; } /***** note *****/ /* ====================================== ***** small tablet specific ***** ====================================== */ } @media only screen and (min-width: 481px) and (max-width: 767px) { /* ====================================== ***** iphone portrait specific ***** ====================================== */ } @media only screen and (max-width: 480px) { } /** * 12.0 Print * ----------------------------------------------------------------------------- */