WordPress.org

Make WordPress Themes


Ignore:
Location:
modernize
Files:
4 deleted
22 edited

Legend:

Unmodified
Added
Removed
  • modernize/1.4.0/404.php

    r80718 r80718  
    1111 
    1212    <div id="primary" class="content-area"> 
    13         <main id="main" class="site-main" role="main"> 
     13        <main id="main" class="main" role="main"> 
    1414 
    1515            <section class="error-404 not-found"> 
  • modernize/1.4.0/README.md

    r80718 r80718  
    22 
    33## == Third-party resources == 
    4  
    5 zoom.js   
    6 License: MIT   
    7 Source : [https://github.com/fat/zoom.js](https://github.com/fat/zoom.js) 
    8  
    9 Bootstrap: transition.js   
    10 License: MIT   
    11 Source : [https://raw.githubusercontent.com/twbs/bootstrap/master/js/transition.js](https://raw.githubusercontent.com/twbs/bootstrap/master/js/transition.js) 
    124 
    135Headroom.js   
     
    2012 
    2113## == Changelog == 
     14 
     15### = 1.4.0 = 
     16* edit style 
     17* delete zoom.js 
     18* edit bug fixed 
    2219 
    2320### = 1.3.0 = 
  • modernize/1.4.0/archive.php

    r80718 r80718  
    1111 
    1212    <div id="primary" class="content-area primary"> 
    13         <main id="main" class="site-main" role="main"> 
     13        <main id="main" class="main" role="main"> 
    1414 
    1515        <?php 
  • modernize/1.4.0/comments.php

    r80718 r80718  
    2121?> 
    2222 
    23 <div id="comments" class="comments-area"> 
     23<div id="comments" class="comments"> 
    2424 
    2525    <?php 
    2626    // You can start editing here -- including this comment! 
    2727    if ( have_comments() ) : ?> 
    28         <h2 class="comments-title"> 
     28        <h2 class="comments__title"> 
    2929            <?php 
    3030                printf( // WPCS: XSS OK. 
     
    3737 
    3838        <?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // Are there comments to navigate through? ?> 
    39         <nav id="comment-nav-above" class="navigation comment-navigation" role="navigation"> 
     39        <nav id="comment-nav-above" class="navigation comment__navigation" role="navigation"> 
    4040            <h2 class="screen-reader-text"><?php esc_html_e( 'Comment navigation', 'modernize' ); ?></h2> 
    4141            <div class="nav-links"> 
     
    4848        <?php endif; // Check for comment navigation. ?> 
    4949 
    50         <ol class="comment-list"> 
     50        <ol class="comments__list"> 
    5151            <?php 
    5252                wp_list_comments( array( 
     
    5555                ) ); 
    5656            ?> 
    57         </ol><!-- .comment-list --> 
     57        </ol><!-- .comments__list --> 
    5858 
    5959        <?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // Are there comments to navigate through? ?> 
    60         <nav id="comment-nav-below" class="navigation comment-navigation" role="navigation"> 
     60        <nav id="comment-nav-below" class="navigation comment__navigation" role="navigation"> 
    6161            <h2 class="screen-reader-text"><?php esc_html_e( 'Comment navigation', 'modernize' ); ?></h2> 
    6262            <div class="nav-links"> 
  • modernize/1.4.0/footer.php

    r80718 r80718  
    1414    </div><!-- #content --> 
    1515 
    16     <footer id="colophon" class="site-footer" role="contentinfo"> 
    17         <div class="site-info"> 
     16    <footer id="colophon" class="footer" role="contentinfo"> 
     17        <div class="footer__info"> 
    1818            <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'modernize' ) ); ?>"><?php printf( esc_html__( 'Proudly powered by %s', 'modernize' ), 'WordPress' ); ?></a> 
    1919            <span class="sep"> | </span> 
     
    2121        </div><!-- .site-info --> 
    2222    </footer><!-- #colophon --> 
    23 </div><!-- #page --> 
     23 
    2424 
    2525<?php wp_footer(); ?> 
  • modernize/1.4.0/functions.php

    r80718 r80718  
    5555        'search-form', 
    5656        'comment-form', 
    57         'comment-list', 
     57        'comments__list', 
    5858        'gallery', 
    5959        'caption', 
     
    105105        'before_widget' => '<section id="%1$s" class="widget %2$s">', 
    106106        'after_widget'  => '</section>', 
    107         'before_title'  => '<h2 class="widget-title">', 
     107        'before_title'  => '<h2 class="widget__title">', 
    108108        'after_title'   => '</h2>', 
    109109    ) ); 
     
    129129} 
    130130 
    131 /* zoom.js setup */ 
    132 function modernize_add_zoomjs_property( $content ) { 
    133   if ( false !== strpos( $content, 'data-action="zoom"' ) ) 
    134      return $content; 
    135  
    136   $content = preg_replace( 
    137     '/<img /i', 
    138     '<img data-action="zoom" ', 
    139     $content ); 
    140  
    141   return $content; 
    142 } 
    143 add_filter( 'the_content', 'modernize_add_zoomjs_property' ); 
    144  
    145131/** 
    146132 * Enqueue scripts and styles. 
     
    149135    $url = get_template_directory_uri(); 
    150136 
    151     wp_enqueue_style( 
    152         'modernize-style-zoom', 
    153         $url . '/css/lib/zoom.css' 
    154     ); 
    155  
    156137    wp_enqueue_style( 'modernize-style', get_stylesheet_uri() ); 
    157138 
     
    159140 
    160141    wp_enqueue_script( 'modernize-headroom', get_template_directory_uri() . '/js/lib/headroom.min.js', array(), '1.0.0', true ); 
    161  
    162     wp_enqueue_script( 'modernize-transition', get_template_directory_uri() . '/js/lib/transition.js', array('jquery'), '1.0.0', true ); 
    163  
    164     wp_enqueue_script( 'modernize-zoom', get_template_directory_uri() . '/js/lib/zoom.min.js', array('jquery'), '1.0.0', true ); 
    165142 
    166143    wp_enqueue_script( 'modernize-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20151215', true ); 
  • modernize/1.4.0/header.php

    r80718 r80718  
    2222 
    2323<body <?php body_class(); ?>> 
    24 <div id="page" class="site"> 
     24 
    2525    <a class="skip-link screen-reader-text" href="#main"><?php esc_html_e( 'Skip to content', 'modernize' ); ?></a> 
    2626 
    27     <header id="masthead" class="site-header" role="banner"> 
    28         <div class="site-header-inner"> 
     27    <header class="header" role="banner"> 
     28        <div class="header__inner"> 
    2929            <div class="site-branding"> 
    3030                <?php 
    3131                if ( is_front_page() && is_home() ) : ?> 
    32                     <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1> 
     32                    <h1 class="site-branding__title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1> 
    3333                <?php else : ?> 
    34                     <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p> 
     34                    <p class="site-branding__title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p> 
    3535                <?php 
    3636                endif; 
     
    3838                $description = get_bloginfo( 'description', 'display' ); 
    3939                if ( $description || is_customize_preview() ) : ?> 
    40                     <p class="site-description"><?php echo $description; /* WPCS: xss ok. */ ?></p> 
     40                    <p class="site-branding__description"><?php echo $description; /* WPCS: xss ok. */ ?></p> 
    4141                <?php 
    4242                endif; ?> 
     
    4747            </button> 
    4848 
    49             <nav id="site-navigation" class="main-navigation" role="navigation"> 
     49            <nav id="site-navigation" class="gnav" role="navigation"> 
    5050                <?php if ( has_nav_menu( 'primary' ) ) : ?> 
    5151                        <?php 
     
    5858            </nav><!-- #site-navigation --> 
    5959 
    60         </div><!-- .site-header-inner --> 
    61     </header><!-- #masthead --> 
     60        </div><!-- .header__inner --> 
     61    </header><!-- .header --> 
    6262 
    6363    <div id="content" class="site-content"> 
  • modernize/1.4.0/inc/custom-header.php

    r80718 r80718  
    5757        if ( ! display_header_text() ) : 
    5858    ?> 
    59         .site-title, 
    60         .site-description { 
     59        .site-branding__title, 
     60        .site-branding__description { 
    6161            position: absolute; 
    6262            clip: rect(1px, 1px, 1px, 1px); 
     
    6666        else : 
    6767    ?> 
    68         .site-title a, 
    69         .site-description { 
     68        .site-branding__title a, 
     69        .site-branding__description { 
    7070            color: #<?php echo esc_attr( $header_text_color ); ?>; 
    7171        } 
  • modernize/1.4.0/inc/template-tags.php

    r80718 r80718  
    7070            the_title( '<span class="screen-reader-text">"', '"</span>', false ) 
    7171        ), 
    72         '<span class="edit-link">', 
     72        '<span class="edit__link">', 
    7373        '</span>' 
    7474    ); 
  • modernize/1.4.0/index.php

    r80718 r80718  
    1515get_header(); ?> 
    1616 
    17     <div id="primary" class="content-area primary"> 
    18         <main id="main" class="site-main" role="main"> 
     17    <div class="primary"> 
     18        <main id="main" class="main" role="main"> 
    1919 
    2020        <?php 
  • modernize/1.4.0/js/customizer.js

    r80718 r80718  
    1212    wp.customize( 'blogname', function( value ) { 
    1313        value.bind( function( to ) { 
    14             $( '.site-title a' ).text( to ); 
     14            $( '.site-branding__title a' ).text( to ); 
    1515        } ); 
    1616    } ); 
    1717    wp.customize( 'blogdescription', function( value ) { 
    1818        value.bind( function( to ) { 
    19             $( '.site-description' ).text( to ); 
     19            $( '.site-branding__description' ).text( to ); 
    2020        } ); 
    2121    } ); 
     
    2525        value.bind( function( to ) { 
    2626            if ( 'blank' === to ) { 
    27                 $( '.site-title a, .site-description' ).css( { 
     27                $( '.site-branding__title a, .site-branding__description' ).css( { 
    2828                    'clip': 'rect(1px, 1px, 1px, 1px)', 
    2929                    'position': 'absolute' 
    3030                } ); 
    3131            } else { 
    32                 $( '.site-title a, .site-description' ).css( { 
     32                $( '.site-branding__title a, .site-branding__description' ).css( { 
    3333                    'clip': 'auto', 
    3434                    'position': 'relative' 
    3535                } ); 
    36                 $( '.site-title a, .site-description' ).css( { 
     36                $( '.site-branding__title a, .site-branding__description' ).css( { 
    3737                    'color': to 
    3838                } ); 
  • modernize/1.4.0/js/main.js

    r80718 r80718  
    1111    function headstyle() { 
    1212      var wW = $(window).width(); 
    13       var nav_height = $('.site-header').outerHeight(true); 
     13      var nav_height = $('.header').outerHeight(true); 
    1414      $('.site-content').css({'margin-top': nav_height + 'px'}); 
    1515      if ( $('#wpadminbar').length ) { 
     
    1919 
    2020      if(wW < setting.tablet) { 
    21         $('.main-navigation').appendTo('body'); 
     21        $('.gnav').appendTo('body'); 
    2222        $('.primary-menu').css({'padding-top': nav_height + 10 + 'px'}); 
    2323      } else { 
    24         $('.main-navigation').appendTo('.site-header-inner'); 
     24        $('.gnav').appendTo('.header__inner'); 
    2525        $('.primary-menu').css({'padding-top': 0 + 'px'}); 
    2626      } 
     
    3232    }); 
    3333 
    34     var myElement = document.querySelector(".site-header"); 
     34    var myElement = document.querySelector(".header"); 
    3535    var headroom  = new Headroom(myElement, { 
    3636      offset : 100 
    3737    }); 
    3838    headroom.init(); 
    39  
    40     // zoom.js 
    41     $('.single-post .entry-content div[class*="gallery"] img').attr('data-action', ''); 
    4239 
    4340    var Drawer = (function() { 
     
    4744        class: { 
    4845          toggle: 'js-toggle', 
    49           menu: 'main-navigation', 
    50           ovly: 'bg-ovly' 
     46          menu: 'gnav', 
     47          ovly: 'bg-ovly', 
     48          open: 'open', 
     49          toggleopen: 'toggle-btn_open', 
     50          bgshow: 'bg-ovly-show', 
     51          fixed: 'bodyfixed' 
    5152        } 
    5253      } 
     
    5859        $('body').append(ovly); 
    5960 
    60         if($('.main-navigation li').length) { 
    61           $('.js-toggle').show(); 
     61        if($('.' + setting.class.menu).find('li').length) { 
     62          $('.' + setting.class.toggle).show(); 
    6263        } 
    6364      } 
     
    6869        $('.' + setting.class.toggle).on('click',function(){ 
    6970          if (setting.state == true) { 
    70             $('body').removeClass('bodyfixed').css({'top': 'inherit'}); 
     71            $('body').removeClass(setting.class.fixed).css({'top': 'inherit'}); 
    7172            window.scrollTo( 0 , -nowScroll ); 
    7273            _close(); 
    7374          } else { 
    7475            nowScroll = $(window).scrollTop() * -1; 
    75             $('body').addClass('bodyfixed').css({'top': nowScroll}); 
     76            $('body').addClass(setting.class.fixed).css({'top': nowScroll}); 
    7677            _open(); 
    7778          } 
     
    8081 
    8182      function _open() { 
    82         $('.' + setting.class.menu).addClass('open'); 
    83         $('.' + setting.class.toggle).addClass('toggle-open'); 
    84         $('.' + setting.class.ovly).addClass('bg-ovly-show'); 
     83        $('.' + setting.class.menu).addClass(setting.class.open); 
     84        $('.' + setting.class.toggle).addClass(setting.class.toggleopen); 
     85        $('.' + setting.class.ovly).addClass(setting.class.bgshow); 
    8586        setting.state = true; 
    8687      } 
    8788 
    8889      function _close() { 
    89         $('.' + setting.class.menu).removeClass('open'); 
    90         $('.' + setting.class.toggle).removeClass('toggle-open'); 
    91         $('.' + setting.class.ovly).removeClass('bg-ovly-show'); 
     90        $('.' + setting.class.menu).removeClass(setting.class.open); 
     91        $('.' + setting.class.toggle).removeClass(setting.class.toggleopen); 
     92        $('.' + setting.class.ovly).removeClass(setting.class.bgshow); 
    9293        setting.state = false; 
    9394      } 
  • modernize/1.4.0/page.php

    r80718 r80718  
    1616 
    1717    <div id="primary" class="content-area"> 
    18         <main id="main" class="site-main" role="main"> 
     18        <main id="main" class="main" role="main"> 
    1919 
    2020            <?php 
  • modernize/1.4.0/readme.txt

    r80718 r80718  
    2424== Third-party resources == 
    2525 
    26 zoom.js 
    27 License: MIT 
    28 Source : https://github.com/fat/zoom.js 
    29  
    30 Bootstrap: transition.js 
    31 License: MIT 
    32 Source : https://raw.githubusercontent.com/twbs/bootstrap/master/js/transition.js 
    33  
    3426Headroom.js 
    3527License: MIT 
     
    4739 
    4840== Changelog == 
     41 
     42= 1.4.0 = 
     43* edit style 
     44* delete zoom.js 
     45* edit bug fixed 
    4946 
    5047= 1.3.0 = 
  • modernize/1.4.0/search.php

    r80718 r80718  
    1111 
    1212    <section id="primary" class="content-area primary"> 
    13         <main id="main" class="site-main" role="main"> 
     13        <main id="main" class="main" role="main"> 
    1414 
    1515        <?php 
  • modernize/1.4.0/sidebar.php

    r80718 r80718  
    1313?> 
    1414 
    15 <aside id="secondary" class="widget-area secondary" role="complementary"> 
     15<aside class="secondary" role="complementary"> 
    1616    <?php dynamic_sidebar( 'sidebar-1' ); ?> 
    1717</aside><!-- #secondary --> 
  • modernize/1.4.0/single.php

    r80718 r80718  
    1111 
    1212    <div id="primary" class="content-area primary"> 
    13         <main id="main" class="site-main" role="main"> 
     13        <main id="main" class="main" role="main"> 
    1414 
    1515        <?php 
  • modernize/1.4.0/style.css

    r80718 r80718  
    66Author URI: http://blog.mismithportfolio.com/ 
    77Description: Modernize is a modernized take on an ever-popular WordPress layout 
    8 Version: 1.3.0 
     8Version: 1.4.0 
    99License: GNU General Public License v2 or later 
    1010License URI: http://www.gnu.org/licenses/gpl-2.0.html 
     
    1414This theme, like WordPress, is licensed under the GPL. 
    1515Use it to make something cool, have fun, and share what you've learned with others. 
     16*/ 
     17/* 
     18  break point 
     19*/ 
     20/* 
     21  font-size 
     22*/ 
     23/* 
     24  color 
    1625*/ 
    1726/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ 
     
    159168h1 { 
    160169  font-size: 2em; 
    161   margin: 0.67em 0; 
     170  margin: 0; 
    162171} 
    163172 
     
    429438 
    430439body { 
     440  background-color: #fafafa; 
     441  color: #555; 
     442  font-family: "メむリオ",sans-serif; 
    431443  font-size: 1.4rem; 
    432444  line-height: 1.57; 
     
    601613} 
    602614 
     615.header { 
     616  padding: 8px 0; 
     617  border-bottom: 1px solid #eee; 
     618  box-shadow: 0px 0px 18px -5px rgba(0, 0, 0, 0.4); 
     619  background-color: #fff; 
     620} 
     621 
     622.header__inner { 
     623  display: flex; 
     624  align-items: center; 
     625  width: 100%; 
     626  max-width: 1000px; 
     627  margin: 0 auto; 
     628} 
     629 
     630@media only screen and (max-width: 1023px) { 
     631  .header__inner { 
     632    padding: 0 8px; 
     633  } 
     634} 
     635 
     636.gnav { 
     637  margin-left: auto; 
     638} 
     639 
     640.primary-menu { 
     641  display: flex; 
     642  flex-wrap: wrap; 
     643} 
     644 
    603645/* 
    604   break point 
     646  layout 
    605647*/ 
    606 /* 
    607   font-size 
    608 */ 
    609 /* 
    610   color 
    611 */ 
    612 .site-title { 
     648.site-content { 
     649  display: flex; 
     650  width: 90%; 
     651  max-width: 1000px; 
     652  margin: 0 auto; 
     653  padding-top: 20px; 
     654} 
     655 
     656@media only screen and (max-width: 639px) { 
     657  .site-content { 
     658    display: block; 
     659    width: 100%; 
     660    margin-top: 0; 
     661  } 
     662} 
     663 
     664.primary { 
     665  flex: 1; 
     666  padding-right: 40px; 
     667  vertical-align: top; 
     668} 
     669 
     670@media only screen and (max-width: 639px) { 
     671  .primary { 
     672    display: block; 
     673    width: 96%; 
     674    margin: 0 auto; 
     675    padding-right: 0; 
     676  } 
     677} 
     678 
     679.secondary { 
     680  width: 300px; 
     681  vertical-align: top; 
     682} 
     683 
     684@media only screen and (max-width: 1023px) { 
     685  .secondary { 
     686    width: 200px; 
     687  } 
     688} 
     689 
     690@media only screen and (max-width: 639px) { 
     691  .secondary { 
     692    display: block; 
     693    width: 90%; 
     694    margin: 40px auto 0; 
     695  } 
     696} 
     697 
     698.single-post .site-content, 
     699.page .site-content { 
     700  display: block; 
     701  width: 100%; 
     702  max-width: inherit; 
     703  padding-top: 0; 
     704} 
     705 
     706.single-post .primary, 
     707.page .primary { 
     708  display: block; 
     709  float: inherit; 
     710  width: 100%; 
     711  margin: 0; 
     712  padding: 0; 
     713} 
     714 
     715.single-post .secondary, 
     716.page .secondary { 
     717  display: block; 
     718  width: 96%; 
     719  max-width: 620px; 
     720  margin: 80px auto 0; 
     721  float: inherit; 
     722} 
     723 
     724.comments { 
     725  display: block; 
     726  width: 96%; 
     727  max-width: 620px; 
     728  margin: 40px auto 0; 
     729} 
     730 
     731.comments textarea { 
     732  width: 100%; 
     733} 
     734 
     735.comments__list { 
     736  margin-left: 0; 
     737  padding: 0; 
     738} 
     739 
     740.footer { 
     741  margin-top: 40px; 
     742  padding: 100px 0; 
     743  background-color: #020733; 
     744  color: #fff; 
     745  text-align: center; 
     746} 
     747 
     748.footer a { 
     749  color: #fff; 
     750} 
     751 
     752@media only screen and (max-width: 1023px) { 
     753  .site-branding { 
     754    padding-right: 60px; 
     755    vertical-align: middle; 
     756  } 
     757} 
     758 
     759.site-branding__title { 
    613760  margin: 0; 
    614761  font-size: 2.2rem; 
     
    617764 
    618765@media only screen and (max-width: 1023px) { 
    619   .site-title { 
     766  .site-branding__title { 
    620767    display: inline-block; 
    621768  } 
    622769} 
    623770 
    624 .site-description { 
     771.site-branding__description { 
    625772  margin: 0; 
    626773  font-size: 1.2rem; 
     
    628775 
    629776@media only screen and (max-width: 1023px) { 
    630   .site-description { 
     777  .site-branding__description { 
    631778    display: inline-block; 
    632779  } 
    633780} 
    634781 
    635 .single-post .entry-header, 
    636 .page .entry-header { 
     782.single-post .entry__header, 
     783.page .entry__header { 
    637784  background-color: #666; 
    638785} 
    639786 
    640 .single-post .wrap-thumb, 
    641 .page .wrap-thumb { 
     787.single-post .entry__thumb, 
     788.page .entry__thumb { 
    642789  position: absolute; 
    643790  top: 0; 
     
    648795} 
    649796 
    650 .single-post .wrap-thumb img, 
    651 .page .wrap-thumb img { 
     797.single-post .entry__thumb img, 
     798.page .entry__thumb img { 
    652799  min-height: 100%; 
    653800  min-width: 100%; 
     
    659806} 
    660807 
    661 .single-post .entry-info, 
    662 .page .entry-info { 
     808.single-post .entry__info, 
     809.page .entry__info { 
    663810  color: #fff; 
    664811  vertical-align: middle; 
     
    666813} 
    667814 
    668 .single-post .entry-info a, 
    669 .page .entry-info a { 
     815.single-post .entry__info a, 
     816.page .entry__info a { 
    670817  color: #fff; 
    671818} 
     
    680827} 
    681828 
    682 .single .entry-footer .cat-links { 
    683   display: block; 
    684 } 
    685  
    686 .single .entry-footer .cat-links a { 
     829.single .entry__footer .cat-links { 
     830  display: block; 
     831} 
     832 
     833.single .entry__footer .cat-links a { 
    687834  display: inline-block; 
    688835  padding: .5rem 1.0rem; 
     
    691838} 
    692839 
    693 .single .entry-footer .tags-links { 
     840.single .entry__footer .tags-links { 
    694841  margin-top: 4.0rem; 
    695842} 
    696843 
    697 .single .entry-footer .tags-links a { 
     844.single .entry__footer .tags-links a { 
    698845  display: inline-block; 
    699846  margin-right: .5rem; 
     
    703850} 
    704851 
    705 .entry-footer .post-categories { 
     852.entry__footer .post-categories { 
    706853  display: inline-block; 
    707854} 
    708855 
    709 .entry-footer .post-categories li { 
     856.entry__footer .post-categories li { 
    710857  display: inline-block; 
    711858} 
    712859 
    713 .entry-footer .tags-links { 
     860.entry__footer .tags-links { 
    714861  display: block; 
    715862  margin-left: 0; 
    716863} 
    717864 
    718 .entry-footer .tags-links a { 
     865.entry__footer .tags-links a { 
    719866  display: inline-block; 
    720867  margin-right: .5rem; 
    721868} 
    722869 
    723 .primary-menu { 
    724   float: right; 
    725 } 
    726  
    727 .primary-menu::after { 
    728   content: ""; 
    729   display: block; 
    730   clear: both; 
    731 } 
    732  
    733 @media only screen and (max-width: 1023px) { 
    734   .primary-menu { 
    735     width: 100%; 
    736     height: 100%; 
    737     overflow-y: auto; 
    738   } 
    739 } 
    740  
    741 .main-navigation { 
     870.gnav { 
    742871  position: relative; 
    743872  background: #fff; 
     
    745874 
    746875@media only screen and (max-width: 1023px) { 
    747   .main-navigation { 
    748     position: relative; 
    749     height: 45px; 
    750   } 
    751 } 
    752  
    753 .main-navigation li { 
    754   padding: 0 0 0 20px; 
    755 } 
    756  
    757 @media only screen and (max-width: 1023px) { 
    758   .main-navigation li { 
    759     display: block; 
    760     float: inherit; 
    761     width: 100%; 
    762   } 
    763 } 
    764  
    765 .main-navigation a { 
    766   display: block; 
    767   padding: 10px 0; 
    768   color: #555; 
    769 } 
    770  
    771 .main-navigation::after { 
    772   content: ""; 
    773   clear: both; 
    774   display: block; 
    775 } 
    776  
    777 @media only screen and (max-width: 1023px) { 
    778   .main-navigation { 
     876  .gnav { 
    779877    position: fixed; 
    780878    top: 0; 
     
    787885    -webkit-overflow-scrolling: touch; 
    788886  } 
    789 } 
    790  
    791 @media only screen and (max-width: 1023px) and (max-width: 639px) { 
    792   .main-navigation { 
     887  .gnav li { 
     888    border-bottom: 1px solid #eee; 
     889  } 
     890  .gnav a { 
     891    display: block; 
     892    padding: 10px; 
     893  } 
     894} 
     895 
     896@media only screen and (max-width: 639px) { 
     897  .gnav { 
    793898    right: -80%; 
    794899    width: 80%; 
     
    796901} 
    797902 
     903.gnav li { 
     904  padding: 0 0 0 20px; 
     905} 
     906 
    798907@media only screen and (max-width: 1023px) { 
    799   .main-navigation li { 
    800     border-bottom: 1px solid #eee; 
    801   } 
    802   .main-navigation a { 
     908  .gnav li { 
    803909    display: block; 
    804     padding: 10px; 
    805   } 
    806   .main-navigation .sub-menu li { 
     910    float: inherit; 
     911    width: 100%; 
     912  } 
     913} 
     914 
     915.gnav a { 
     916  display: block; 
     917  padding: 10px 0; 
     918  color: #555; 
     919} 
     920 
     921@media only screen and (max-width: 1023px) { 
     922  .primary-menu { 
     923    width: 100%; 
     924    height: 100%; 
     925    overflow-y: auto; 
     926  } 
     927} 
     928 
     929.sub-menu { 
     930  display: block; 
     931  opacity: 0; 
     932  visibility: hidden; 
     933  position: absolute; 
     934  z-index: 5; 
     935  margin: 0; 
     936  padding: 0; 
     937  background-color: #fff; 
     938  -webkit-transition: opacity .3s; 
     939  transition: opacity .3s; 
     940} 
     941 
     942.sub-menu li { 
     943  float: inherit; 
     944  padding: 0 20px; 
     945} 
     946 
     947@media only screen and (max-width: 1023px) { 
     948  .sub-menu { 
     949    position: inherit; 
     950    display: block; 
     951    visibility: visible; 
     952    opacity: 1; 
     953  } 
     954  .sub-menu li { 
    807955    padding: 0; 
    808956    border-top: 1px solid #eee; 
    809957    border-bottom: none; 
    810958  } 
    811   .main-navigation .sub-menu a { 
     959  .sub-menu a { 
    812960    padding-left: 40px; 
    813961  } 
    814   .main-navigation .sub-menu .sub-menu a { 
     962  .sub-menu .sub-menu a { 
    815963    padding-left: 70px; 
    816   } 
    817 } 
    818  
    819 .main-navigation .sub-menu { 
    820   display: block; 
    821   visibility: hidden; 
    822   opacity: 0; 
    823   z-index: 5; 
    824   -webkit-transition: opacity .3s; 
    825   transition: opacity .3s; 
    826 } 
    827  
    828 @media only screen and (max-width: 1023px) { 
    829   .main-navigation .sub-menu { 
    830     display: block; 
    831     visibility: visible; 
    832     opacity: 1; 
    833   } 
    834 } 
    835  
    836 .sub-menu { 
    837   position: absolute; 
    838   margin: 0; 
    839   padding: 0; 
    840   background-color: #fff; 
    841 } 
    842  
    843 @media only screen and (max-width: 1023px) { 
    844   .sub-menu { 
    845     position: inherit; 
    846964  } 
    847965} 
     
    857975    left: 0; 
    858976  } 
    859 } 
    860  
    861 .sub-menu li { 
    862   float: inherit; 
    863   padding: 0 20px; 
    864977} 
    865978 
     
    884997} 
    885998 
    886 .widget li { 
    887   margin-top: .8rem; 
    888   padding-left: 1.2rem; 
    889 } 
    890  
    891 .widget li:first-child { 
    892   margin-top: 0; 
    893 } 
    894  
    895 .widget-title { 
     999.widget__title { 
    8961000  margin: 0 0 1.2rem 0; 
    8971001  padding: 0 0 .8rem 0; 
     
    8991003  font-size: 1.4rem; 
    9001004  font-weight: normal; 
     1005} 
     1006 
     1007.widget li { 
     1008  margin-top: .8rem; 
     1009  padding-left: 1.2rem; 
     1010} 
     1011 
     1012.widget li:first-child { 
     1013  margin-top: 0; 
     1014} 
     1015 
     1016/* 
     1017  蚘事䞀芧 
     1018*/ 
     1019.entry { 
     1020  margin-top: 10px; 
     1021  padding: 20px; 
     1022  border: 1px solid #eee; 
     1023  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); 
     1024  background-color: #fff; 
     1025} 
     1026 
     1027@media only screen and (max-width: 639px) { 
     1028  .entry { 
     1029    padding: 10px; 
     1030  } 
     1031} 
     1032 
     1033.entry:first-child { 
     1034  margin-top: 0; 
     1035} 
     1036 
     1037.entry__title { 
     1038  margin: 0; 
     1039  font-size: 2.2rem; 
     1040} 
     1041 
     1042.entry__title a:hover { 
     1043  color: #20b2aa; 
     1044} 
     1045 
     1046.entry .entry__thumb + .entry__info { 
     1047  margin-top: 1.6rem; 
     1048} 
     1049 
     1050.entry__meta, .entry__content, .entry__footer { 
     1051  margin-top: .8rem; 
     1052} 
     1053 
     1054.entry__content { 
     1055  color: #999; 
     1056  font-style: italic; 
     1057  font-size: 1.2rem; 
     1058  word-wrap: break-word; 
     1059  overflow-wrap: break-word; 
     1060} 
     1061 
     1062.entry__footer { 
     1063  color: #999; 
     1064  font-size: 1.2rem; 
     1065} 
     1066 
     1067.entry__footer a { 
     1068  color: #20b2aa; 
     1069} 
     1070 
     1071.entry .edit__link { 
     1072  margin-left: 1.0rem; 
     1073} 
     1074 
     1075/* 
     1076  投皿ペヌゞ 
     1077*/ 
     1078.single-post .entry, 
     1079.page .entry { 
     1080  padding: 0; 
     1081  box-shadow: none; 
     1082  border: none; 
     1083  background-color: #fafafa; 
     1084} 
     1085 
     1086.single-post .entry__content, 
     1087.page .entry__content { 
     1088  display: block; 
     1089  width: 96%; 
     1090  max-width: 620px; 
     1091  margin: 80px auto 0; 
     1092  color: #555; 
     1093  font-style: normal; 
     1094} 
     1095 
     1096.single-post .entry__header, 
     1097.page .entry__header { 
     1098  display: flex; 
     1099  align-items: center; 
     1100  justify-content: center; 
     1101  position: relative; 
     1102  min-height: 500px; 
     1103  width: 100%; 
     1104} 
     1105 
     1106@media only screen and (max-width: 1023px) { 
     1107  .single-post .entry__header, 
     1108  .page .entry__header { 
     1109    min-height: 400px; 
     1110  } 
     1111} 
     1112 
     1113@media only screen and (max-width: 639px) { 
     1114  .single-post .entry__header, 
     1115  .page .entry__header { 
     1116    min-height: 300px; 
     1117  } 
     1118} 
     1119 
     1120.single-post .entry__footer, 
     1121.page .entry__footer { 
     1122  display: block; 
     1123  width: 96%; 
     1124  max-width: 620px; 
     1125  margin: 40px auto 0; 
     1126} 
     1127 
     1128.single-post .post-navigation, 
     1129.page .post-navigation { 
     1130  display: block; 
     1131  width: 96%; 
     1132  max-width: 620px; 
     1133  margin: 40px auto 0; 
     1134} 
     1135 
     1136.single-post .entry__info, 
     1137.page .entry__info { 
     1138  position: relative; 
     1139  z-index: 1; 
     1140  padding: 4.0rem; 
     1141} 
     1142 
     1143.entry__thumb { 
     1144  position: relative; 
     1145  height: 0; 
     1146  padding-bottom: 40%; 
     1147  overflow: hidden; 
     1148} 
     1149 
     1150.entry__thumb a { 
     1151  display: block; 
     1152  padding-bottom: 40%; 
     1153} 
     1154 
     1155.entry__thumb a:hover { 
     1156  opacity: .8; 
     1157} 
     1158 
     1159.entry__thumb img { 
     1160  display: block; 
     1161  position: absolute; 
     1162  width: auto; 
     1163  max-width: 100%; 
     1164  height: auto; 
     1165  top: 50%; 
     1166  left: 50%; 
     1167  -webkit-transform: translate3d(-50%, -50%, 0); 
     1168  transform: translate3d(-50%, -50%, 0); 
    9011169} 
    9021170 
     
    9621230  align-items: center; 
    9631231  width: 100%; 
     1232  min-height: 8rem; 
    9641233  padding: .8rem 0; 
    9651234  border-top: 1px solid #e1e5e7; 
     
    10151284  width: 50%; 
    10161285  vertical-align: middle; 
    1017   text-align: right; 
    10181286} 
    10191287 
     
    10591327 
    10601328@media only screen and (max-width: 1023px) { 
    1061   .main-navigation { 
     1329  .gnav { 
    10621330    -webkit-transform: translate3d(0, 0, 0); 
    10631331    transform: translate3d(0, 0, 0); 
     
    10651333    transition: all .4s; 
    10661334  } 
    1067   .main-navigation.open { 
     1335  .gnav.open { 
    10681336    -webkit-transform: translate3d(-100%, 0, 0); 
    10691337    transform: translate3d(-100%, 0, 0); 
     
    10951363} 
    10961364 
     1365.toggle-btn:hover { 
     1366  cursor: pointer; 
     1367} 
     1368 
    10971369.toggle-btn span { 
    10981370  display: block; 
     
    11421414} 
    11431415 
    1144 .toggle-btn.toggle-open span { 
     1416.toggle-btn.toggle-btn_open span { 
    11451417  background-color: transparent; 
    11461418} 
    11471419 
    1148 .toggle-btn.toggle-open span::before { 
     1420.toggle-btn.toggle-btn_open span::before { 
    11491421  top: 0; 
    11501422  bottom: 0; 
     
    11541426} 
    11551427 
    1156 .toggle-btn.toggle-open span::after { 
     1428.toggle-btn.toggle-btn_open span::after { 
    11571429  top: 0; 
    11581430  bottom: 0; 
     
    12061478} 
    12071479 
    1208 .site-header { 
    1209   padding: 8px 0; 
    1210   border-bottom: 1px solid #eee; 
    1211   box-shadow: 0px 0px 18px -5px rgba(0, 0, 0, 0.4); 
    1212   background-color: #fff; 
    1213 } 
    1214  
    1215 .site-header-inner { 
    1216   display: flex; 
    1217   align-items: center; 
    1218   width: 100%; 
    1219   max-width: 1000px; 
    1220   margin: 0 auto; 
    1221 } 
    1222  
    1223 @media only screen and (max-width: 1023px) { 
    1224   .site-header-inner { 
    1225     padding: 0 8px; 
    1226   } 
    1227 } 
    1228  
    1229 @media only screen and (max-width: 1023px) { 
    1230   .site-branding { 
    1231     padding-right: 60px; 
    1232     vertical-align: middle; 
    1233   } 
    1234 } 
    1235  
    1236 .main-navigation { 
    1237   margin-left: auto; 
    1238 } 
    1239  
    1240 .primary-menu { 
    1241   display: flex; 
    1242   flex-wrap: wrap; 
    1243 } 
    1244  
    1245 body { 
    1246   background-color: #fafafa; 
    1247   color: #555; 
    1248   font-family: "メむリオ",sans-serif; 
    1249 } 
    1250  
    1251 a, 
    1252 a:visited { 
    1253   color: #555; 
    1254 } 
    1255  
    1256 /* 
    1257   layout 
    1258 */ 
    1259 .site-content { 
    1260   display: flex; 
    1261   width: 90%; 
    1262   max-width: 1000px; 
    1263   margin: 0 auto; 
    1264   padding-top: 20px; 
    1265 } 
    1266  
    1267 @media only screen and (max-width: 639px) { 
    1268   .site-content { 
    1269     display: block; 
    1270     width: 100%; 
    1271     margin-top: 0; 
    1272   } 
    1273 } 
    1274  
    1275 .site-content-pad { 
    1276   padding-top: 40px; 
    1277 } 
    1278  
    1279 .primary { 
    1280   flex: 1; 
    1281   padding-right: 40px; 
    1282   vertical-align: top; 
    1283 } 
    1284  
    1285 @media only screen and (max-width: 639px) { 
    1286   .primary { 
    1287     display: block; 
    1288     width: 96%; 
    1289     margin: 0 auto; 
    1290     padding-right: 0; 
    1291   } 
    1292 } 
    1293  
    1294 .secondary { 
    1295   width: 300px; 
    1296   vertical-align: top; 
    1297 } 
    1298  
    1299 @media only screen and (max-width: 1023px) { 
    1300   .secondary { 
    1301     width: 200px; 
    1302   } 
    1303 } 
    1304  
    1305 @media only screen and (max-width: 639px) { 
    1306   .secondary { 
    1307     display: block; 
    1308     width: 90%; 
    1309     margin: 40px auto 0; 
    1310   } 
    1311 } 
    1312  
    1313 /* 
    1314   蚘事䞀芧 
    1315 */ 
    1316 .single-post .site-content, 
    1317 .page .site-content { 
    1318   display: block; 
    1319   width: 100%; 
    1320   max-width: inherit; 
    1321   padding-top: 0; 
    1322 } 
    1323  
    1324 .single-post .primary, 
    1325 .page .primary { 
    1326   display: block; 
    1327   float: inherit; 
    1328   width: 100%; 
    1329   margin: 0; 
    1330   padding: 0; 
    1331 } 
    1332  
    1333 .single-post .secondary, 
    1334 .page .secondary { 
    1335   display: block; 
    1336   width: 96%; 
    1337   max-width: 800px; 
    1338   margin: 80px auto 0; 
    1339   float: inherit; 
    1340 } 
    1341  
    1342 .single-post .entry-content, 
    1343 .page .entry-content { 
    1344   display: block; 
    1345   width: 96%; 
    1346   max-width: 800px; 
    1347   margin: 80px auto 0; 
    1348 } 
    1349  
    1350 .single-post .entry-header, 
    1351 .page .entry-header { 
    1352   display: flex; 
    1353   align-items: center; 
    1354   justify-content: center; 
    1355   position: relative; 
    1356   min-height: 500px; 
    1357   width: 100%; 
    1358 } 
    1359  
    1360 @media only screen and (max-width: 1023px) { 
    1361   .single-post .entry-header, 
    1362   .page .entry-header { 
    1363     min-height: 400px; 
    1364   } 
    1365 } 
    1366  
    1367 @media only screen and (max-width: 639px) { 
    1368   .single-post .entry-header, 
    1369   .page .entry-header { 
    1370     min-height: 300px; 
    1371   } 
    1372 } 
    1373  
    1374 .single-post .entry-footer, 
    1375 .page .entry-footer { 
    1376   display: block; 
    1377   width: 96%; 
    1378   max-width: 800px; 
    1379   margin: 40px auto 0; 
    1380 } 
    1381  
    1382 .single-post .post-navigation, 
    1383 .page .post-navigation { 
    1384   display: block; 
    1385   width: 96%; 
    1386   max-width: 800px; 
    1387   margin: 40px auto 0; 
    1388 } 
    1389  
    1390 .single-post .entry-info, 
    1391 .page .entry-info { 
    1392   position: relative; 
    1393   z-index: 1; 
    1394   padding: 4.0rem; 
    1395 } 
    1396  
    1397 .archive .post, 
    1398 .home .post, 
    1399 .search .post, 
    1400 .search .page { 
    1401   margin-top: 10px; 
    1402   padding: 20px; 
    1403   border: 1px solid #eee; 
    1404   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); 
    1405   background-color: #fff; 
    1406 } 
    1407  
    1408 @media only screen and (max-width: 639px) { 
    1409   .archive .post, 
    1410   .home .post, 
    1411   .search .post, 
    1412   .search .page { 
    1413     padding: 10px; 
    1414   } 
    1415 } 
    1416  
    1417 .archive .post:first-child, 
    1418 .home .post:first-child, 
    1419 .search .post:first-child, 
    1420 .search .page:first-child { 
    1421   margin-top: 0; 
    1422 } 
    1423  
    1424 .archive .post .entry-title, 
    1425 .home .post .entry-title, 
    1426 .search .post .entry-title, 
    1427 .search .page .entry-title { 
    1428   margin: 0; 
    1429   font-size: 2.2rem; 
    1430 } 
    1431  
    1432 .archive .post .entry-title a:hover, 
    1433 .home .post .entry-title a:hover, 
    1434 .search .post .entry-title a:hover, 
    1435 .search .page .entry-title a:hover { 
    1436   color: #20b2aa; 
    1437 } 
    1438  
    1439 .archive .post .wrap-thumb + .entry-info, 
    1440 .home .post .wrap-thumb + .entry-info, 
    1441 .search .post .wrap-thumb + .entry-info, 
    1442 .search .page .wrap-thumb + .entry-info { 
    1443   margin-top: 1.6rem; 
    1444 } 
    1445  
    1446 .archive .post .entry-meta, 
    1447 .archive .post .entry-content, 
    1448 .archive .post .entry-footer, 
    1449 .home .post .entry-meta, 
    1450 .home .post .entry-content, 
    1451 .home .post .entry-footer, 
    1452 .search .post .entry-meta, 
    1453 .search .post .entry-content, 
    1454 .search .post .entry-footer, 
    1455 .search .page .entry-meta, 
    1456 .search .page .entry-content, 
    1457 .search .page .entry-footer { 
    1458   margin-top: .8rem; 
    1459 } 
    1460  
    1461 .archive .post .entry-content, 
    1462 .home .post .entry-content, 
    1463 .search .post .entry-content, 
    1464 .search .page .entry-content { 
    1465   color: #999; 
    1466   font-style: italic; 
    1467   font-size: 1.2rem; 
    1468   word-wrap: break-word; 
    1469   overflow-wrap: break-word; 
    1470 } 
    1471  
    1472 .archive .post .entry-footer, 
    1473 .home .post .entry-footer, 
    1474 .search .post .entry-footer, 
    1475 .search .page .entry-footer { 
    1476   color: #999; 
    1477   font-size: 1.2rem; 
    1478 } 
    1479  
    1480 .archive .post .entry-footer a, 
    1481 .home .post .entry-footer a, 
    1482 .search .post .entry-footer a, 
    1483 .search .page .entry-footer a { 
    1484   color: #20b2aa; 
    1485 } 
    1486  
    1487 .archive .post .edit-link, 
    1488 .home .post .edit-link, 
    1489 .search .post .edit-link, 
    1490 .search .page .edit-link { 
    1491   margin-left: 1.0rem; 
    1492 } 
    1493  
    1494 .wrap-thumb { 
    1495   position: relative; 
    1496   height: 0; 
    1497   padding-bottom: 40%; 
    1498   overflow: hidden; 
    1499 } 
    1500  
    1501 .wrap-thumb a { 
    1502   display: block; 
    1503   padding-bottom: 40%; 
    1504 } 
    1505  
    1506 .wrap-thumb a:hover { 
    1507   opacity: .8; 
    1508 } 
    1509  
    1510 .wrap-thumb img { 
    1511   display: block; 
    1512   position: absolute; 
    1513   width: auto; 
    1514   height: auto; 
    1515   top: 50%; 
    1516   left: 50%; 
    1517   -webkit-transform: translate3d(-50%, -50%, 0); 
    1518   transform: translate3d(-50%, -50%, 0); 
    1519 } 
    1520  
    1521 .home .wrap-thumb img, 
    1522 .archive .wrap-thumb img { 
    1523   max-width: 100%; 
    1524 } 
    1525  
    1526 .page-header .page-title { 
    1527   margin: 0; 
    1528 } 
    1529  
    1530 .comments-area { 
    1531   width: 96%; 
    1532   max-width: 800px; 
    1533   margin: 40px auto 0; 
    1534 } 
    1535  
    1536 .comments-area textarea { 
    1537   width: 100%; 
    1538 } 
    1539  
    1540 .comment-list { 
    1541   margin-left: 0; 
    1542   padding: 0; 
    1543 } 
    1544  
    1545 .site-footer { 
    1546   margin-top: 40px; 
    1547   padding: 100px 0; 
    1548   background-color: #020733; 
    1549   color: #fff; 
    1550   text-align: center; 
    1551 } 
    1552  
    1553 .site-footer a { 
    1554   color: #fff; 
    1555 } 
    1556  
    1557 .entry-content h1 { 
     1480.entry__content h1 { 
    15581481  margin-top: 16rem; 
    15591482  font-size: 3.0rem; 
    15601483} 
    15611484 
    1562 .entry-content h2 { 
     1485.entry__content h2 { 
    15631486  margin-top: 16rem; 
    15641487  font-size: 2.4rem; 
    15651488} 
    15661489 
    1567 .entry-content h3 { 
     1490.entry__content h3 { 
    15681491  margin-top: 8rem; 
    15691492  font-size: 2.0rem; 
    15701493} 
    15711494 
    1572 .entry-content h4 { 
     1495.entry__content h4 { 
    15731496  margin-top: 4rem; 
    15741497  font-size: 1.8rem; 
    15751498} 
    15761499 
    1577 .entry-content h5 { 
     1500.entry__content h5 { 
    15781501  margin-top: 4rem; 
    15791502  font-size: 1.6rem; 
    15801503} 
    15811504 
    1582 .entry-content h6 { 
     1505.entry__content h6 { 
    15831506  margin-top: 4rem; 
    1584   font-size: 1.4rem; 
    1585 } 
    1586  
    1587 .entry-content blockquote { 
     1507  font-size: 1.6rem; 
     1508} 
     1509 
     1510.entry__content blockquote { 
    15881511  position: relative; 
    15891512  display: block; 
     
    15971520} 
    15981521 
    1599 .entry-content blockquote::before { 
     1522.entry__content blockquote::before { 
    16001523  content: "“"; 
    16011524  font-size: 5.0rem; 
     
    16081531} 
    16091532 
    1610 .entry-content blockquote p { 
     1533.entry__content blockquote p { 
    16111534  margin: 0; 
    16121535} 
    16131536 
    1614 .entry-content table { 
     1537.entry__content table { 
    16151538  margin-top: 4rem; 
    16161539  width: 96%; 
     
    16201543} 
    16211544 
    1622 .entry-content th, 
    1623 .entry-content td { 
     1545.entry__content th, 
     1546.entry__content td { 
    16241547  padding: 1.0rem; 
    16251548  border: 1px solid #ccc; 
    16261549} 
    16271550 
    1628 .entry-content th { 
     1551.entry__content th { 
    16291552  background-color: #eee; 
    16301553} 
    16311554 
    1632 .entry-content dl { 
     1555.entry__content dl { 
    16331556  margin-top: 4rem; 
    16341557  font-size: 1.6rem; 
    16351558} 
    16361559 
    1637 .entry-content dt { 
     1560.entry__content dt { 
    16381561  margin-top: 2.0rem; 
    16391562} 
    16401563 
    1641 .entry-content dd { 
     1564.entry__content dd { 
    16421565  margin-left: 2.0rem; 
    16431566} 
    16441567 
    1645 .entry-content ul { 
     1568.entry__content ul { 
    16461569  margin-top: 4rem; 
    16471570  padding-left: 2.0rem; 
    16481571} 
    16491572 
    1650 .entry-content ul li { 
     1573.entry__content ul li { 
    16511574  margin-top: .8rem; 
    16521575  list-style: disc; 
     
    16541577} 
    16551578 
    1656 .entry-content ol { 
     1579.entry__content ol { 
    16571580  margin-top: 4rem; 
    16581581  padding-left: 2.0rem; 
    16591582} 
    16601583 
    1661 .entry-content ol li { 
     1584.entry__content ol li { 
    16621585  margin-top: .8rem; 
    16631586  list-style: decimal; 
     
    16651588} 
    16661589 
    1667 .entry-content p { 
     1590.entry__content p { 
    16681591  margin-top: 4rem; 
    16691592  font-size: 1.6rem; 
    16701593} 
    16711594 
    1672 .entry-content a { 
     1595.entry__content a { 
    16731596  padding-bottom: .4rem; 
    16741597  border-bottom: 1px dashed #ccc; 
     
    16761599} 
    16771600 
    1678 .entry-content pre { 
     1601.entry__content pre { 
    16791602  display: block; 
    16801603  width: 96%; 
     
    16901613} 
    16911614 
    1692 .entry-content img { 
     1615.entry__content img { 
    16931616  max-width: 96%; 
    16941617  height: auto; 
  • modernize/1.4.0/template-parts/content-page.php

    r80718 r80718  
    1010?> 
    1111 
    12 <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> 
    13     <header class="entry-header"> 
     12<article id="post-<?php the_ID(); ?>" <?php post_class('entry'); ?>> 
     13    <header class="entry__header"> 
    1414        <?php 
    1515            if ( has_post_thumbnail() ) { 
    1616                if ( is_single() || is_page() ) { 
    1717        ?> 
    18         <div class="wrap-thumb"> 
     18        <div class="entry__thumb"> 
    1919            <?php the_post_thumbnail('full'); ?> 
    2020        </div> 
     
    2323        ?> 
    2424 
    25             <div class="wrap-thumb"> 
     25            <div class="entry__thumb"> 
    2626                <a href="<?php echo get_permalink(); ?>"> 
    2727                <?php the_post_thumbnail('full'); ?> 
     
    3232            } 
    3333        ?> 
    34         <div class="entry-info"> 
    35             <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?> 
     34        <div class="entry__info"> 
     35            <?php the_title( '<h1 class="entry__title">', '</h1>' ); ?> 
    3636        </div> 
    3737 
    38     </header><!-- .entry-header --> 
     38    </header><!-- .entry__header --> 
    3939 
    40     <div class="entry-content"> 
     40    <div class="entry__content"> 
    4141        <?php 
    4242            the_content(); 
     
    4747            ) ); 
    4848        ?> 
    49     </div><!-- .entry-content --> 
     49    </div><!-- .entry__content --> 
    5050 
    51     <footer class="entry-footer"> 
     51    <footer class="entry__footer"> 
    5252        <?php 
    5353            edit_post_link( 
     
    5757                    the_title( '<span class="screen-reader-text">"', '"</span>', false ) 
    5858                ), 
    59                 '<span class="edit-link">', 
     59                '<span class="edit__link">', 
    6060                '</span>' 
    6161            ); 
    6262        ?> 
    63     </footer><!-- .entry-footer --> 
     63    </footer><!-- .entry__footer --> 
    6464</article><!-- #post-## --> 
  • modernize/1.4.0/template-parts/content-search.php

    r80718 r80718  
    1010?> 
    1111 
    12 <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> 
    13     <header class="entry-header"> 
    14         <?php the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' ); ?> 
     12<article id="post-<?php the_ID(); ?>" <?php post_class('entry'); ?>> 
     13    <header class="entry__header"> 
     14        <?php the_title( sprintf( '<h2 class="entry__title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' ); ?> 
    1515 
    1616        <?php if ( 'post' === get_post_type() ) : ?> 
     
    1919        </div><!-- .entry-meta --> 
    2020        <?php endif; ?> 
    21     </header><!-- .entry-header --> 
     21    </header><!-- .entry__header --> 
    2222 
    2323    <div class="entry-summary"> 
     
    2525    </div><!-- .entry-summary --> 
    2626 
    27     <footer class="entry-footer"> 
     27    <footer class="entry__footer"> 
    2828        <?php modernize_entry_footer(); ?> 
    29     </footer><!-- .entry-footer --> 
     29    </footer><!-- .entry__footer --> 
    3030</article><!-- #post-## --> 
  • modernize/1.4.0/template-parts/content.php

    r80718 r80718  
    1010?> 
    1111 
    12 <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> 
    13     <header class="entry-header"> 
     12<article id="post-<?php the_ID(); ?>" <?php post_class('entry'); ?>> 
     13    <header class="entry__header"> 
    1414 
    1515        <?php 
     
    1717                if ( is_single() ) { 
    1818        ?> 
    19         <div class="wrap-thumb"> 
     19        <div class="entry__thumb"> 
    2020            <?php the_post_thumbnail('full'); ?> 
    2121        </div> 
     
    2424        ?> 
    2525 
    26             <div class="wrap-thumb"> 
     26            <div class="entry__thumb"> 
    2727                <a href="<?php echo get_permalink(); ?>"> 
    28                 <?php the_post_thumbnail('full'); ?> 
     28                    <?php the_post_thumbnail('full'); ?> 
    2929                </a> 
    3030            </div> 
     
    3333            } 
    3434        ?> 
    35         <div class="entry-info"> 
     35        <div class="entry__info"> 
    3636            <?php 
    3737                if ( is_single() ) { 
    38                     the_title( '<h1 class="entry-title">', '</h1>' ); 
     38                    the_title( '<h1 class="entry__title">', '</h1>' ); 
    3939                } else { 
    40                     the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); 
     40                    the_title( '<h2 class="entry__title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); 
    4141                } 
    4242 
    4343            if ( 'post' === get_post_type() ) : ?> 
    44             <div class="entry-meta"> 
     44            <div class="entry__meta"> 
    4545                <?php modernize_posted_on(); ?> 
    46             </div><!-- .entry-meta --> 
     46            </div><!-- .entry__meta --> 
    4747        </div> 
    4848 
     
    5050        endif; ?> 
    5151 
    52     </header><!-- .entry-header --> 
     52    </header><!-- .entry__header --> 
    5353 
    54     <div class="entry-content"> 
     54    <div class="entry__content"> 
    5555        <?php 
    5656            the_content( sprintf( 
     
    6565            ) ); 
    6666        ?> 
    67     </div><!-- .entry-content --> 
     67    </div><!-- .entry__content --> 
    6868 
    69     <footer class="entry-footer"> 
     69    <footer class="entry__footer"> 
    7070        <?php modernize_entry_footer(); ?> 
    71     </footer><!-- .entry-footer --> 
     71    </footer><!-- .entry__footer --> 
    7272</article><!-- #post-## --> 
Note: See TracChangeset for help on using the changeset viewer.