WordPress.org

Make WordPress Themes


Ignore:
Location:
modernize
Files:
9 added
8 deleted
10 edited

Legend:

Unmodified
Added
Removed
  • modernize/1.1.0/README.md

    r80718 r80718  
    1414License: MIT 
    1515Source : [http://wicky.nillia.ms/headroom.js/](http://wicky.nillia.ms/headroom.js/) 
     16 
     17Normalize.css   
     18License: MIT   
     19Source : [https://necolas.github.io/normalize.css/](https://necolas.github.io/normalize.css/) 
     20 
     21## == Changelog == 
     22 
     23### = 1.1.0 = 
     24* edit style 
     25 
     26### = 1.0.0 = 
     27* Initial Release 
  • modernize/1.1.0/archive.php

    r80718 r80718  
    1010get_header(); ?> 
    1111 
    12     <div id="primary" class="content-area"> 
     12    <div id="primary" class="content-area primary"> 
    1313        <main id="main" class="site-main" role="main"> 
    1414 
  • modernize/1.1.0/functions.php

    r80718 r80718  
    137137    wp_enqueue_style( 
    138138        'modernize-style-zoom', 
    139         $url . '/css/zoom.css' 
     139        $url . '/css/lib/zoom.css' 
    140140    ); 
    141141 
     
    144144    // wp_enqueue_script( 'modernize-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20151215', true ); 
    145145 
    146     wp_enqueue_script( 'modernize-headroom', get_template_directory_uri() . '/js/headroom.min.js', array(), '1.0.0', true ); 
     146    wp_enqueue_script( 'modernize-headroom', get_template_directory_uri() . '/js/lib/headroom.min.js', array(), '1.0.0', true ); 
    147147 
    148     wp_enqueue_script( 'modernize-transition', get_template_directory_uri() . '/js/transition.js', array('jquery'), '1.0.0', true ); 
     148    wp_enqueue_script( 'modernize-transition', get_template_directory_uri() . '/js/lib/transition.js', array('jquery'), '1.0.0', true ); 
    149149 
    150     wp_enqueue_script( 'modernize-zoom', get_template_directory_uri() . '/js/zoom.min.js', array('jquery'), '1.0.0', true ); 
     150    wp_enqueue_script( 'modernize-zoom', get_template_directory_uri() . '/js/lib/zoom.min.js', array('jquery'), '1.0.0', true ); 
    151151 
    152152    wp_enqueue_script( 'modernize-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20151215', true ); 
    153153 
    154     wp_enqueue_script( 'modernize-original', get_template_directory_uri() . '/js/original.js', array('jquery'), '1.0.0', true ); 
     154    wp_enqueue_script( 'modernize-main', get_template_directory_uri() . '/js/main.js', array('jquery'), '1.0.0', true ); 
    155155 
    156156    if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) { 
  • modernize/1.1.0/header.php

    r80718 r80718  
    2626 
    2727    <header id="masthead" class="site-header" role="banner"> 
    28         <div class="site-branding"> 
    29             <?php 
    30             if ( is_front_page() && is_home() ) : ?> 
    31                 <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1> 
    32             <?php else : ?> 
    33                 <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p> 
    34             <?php 
    35             endif; 
     28        <div class="site-header-inner"> 
     29            <div class="site-branding"> 
     30                <?php 
     31                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> 
     33                <?php else : ?> 
     34                    <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p> 
     35                <?php 
     36                endif; 
    3637 
    37             $description = get_bloginfo( 'description', 'display' ); 
    38             if ( $description || is_customize_preview() ) : ?> 
    39                 <p class="site-description"><?php echo $description; /* WPCS: xss ok. */ ?></p> 
    40             <?php 
    41             endif; ?> 
    42         </div><!-- .site-branding --> 
     38                $description = get_bloginfo( 'description', 'display' ); 
     39                if ( $description || is_customize_preview() ) : ?> 
     40                    <p class="site-description"><?php echo $description; /* WPCS: xss ok. */ ?></p> 
     41                <?php 
     42                endif; ?> 
     43            </div><!-- .site-branding --> 
    4344 
    44         <nav id="site-navigation" class="main-navigation" role="navigation"> 
    45             <?php if ( has_nav_menu( 'primary' ) ) : ?> 
    46                     <?php 
    47                         wp_nav_menu( array( 
    48                             'theme_location' => 'primary', 
    49                             'menu_class'     => 'primary-menu', 
    50                          ) ); 
    51                     ?> 
    52             <?php endif; ?> 
    53             <button class="modernize-toggle"> 
    54                 <span></span> 
    55             </button> 
    56         </nav><!-- #site-navigation --> 
     45            <nav id="site-navigation" class="main-navigation" role="navigation"> 
     46                <?php if ( has_nav_menu( 'primary' ) ) : ?> 
     47                        <?php 
     48                            wp_nav_menu( array( 
     49                                'theme_location' => 'primary', 
     50                                'menu_class'     => 'primary-menu', 
     51                             ) ); 
     52                        ?> 
     53                <?php endif; ?> 
     54                <button class="toggle-btn js-toggle"> 
     55                    <span></span> 
     56                </button> 
     57            </nav><!-- #site-navigation --> 
     58        </div><!-- .site-header-inner --> 
    5759    </header><!-- #masthead --> 
    5860 
  • modernize/1.1.0/readme.txt

    r80718 r80718  
    66Requires at least: 4.0 
    77Tested up to: 4.4.2 
    8 Stable tag: 1.0.0 
     8Stable tag: 1.1.0 
    99License: GPLv2 or later 
    1010License URI: http://www.gnu.org/licenses/gpl-2.0.html 
     
    1717 
    1818== Installation == 
    19      
     19 
    20201. In your admin panel, go to Appearance > Themes and click the Add New button. 
    21212. Click Upload and Choose File, then select the theme's .zip file. Click Install Now. 
    22223. Click Activate to use your new theme right away. 
     23 
     24== Third-party resources == 
     25 
     26zoom.js 
     27License: MIT 
     28Source : https://github.com/fat/zoom.js 
     29 
     30Bootstrap: transition.js 
     31License: MIT 
     32Source : https://raw.githubusercontent.com/twbs/bootstrap/master/js/transition.js 
     33 
     34Headroom.js 
     35License: MIT 
     36Source : http://wicky.nillia.ms/headroom.js/ 
     37 
     38Normalize.css 
     39License: MIT 
     40Source : https://necolas.github.io/normalize.css/ 
    2341 
    2442== Frequently Asked Questions == 
  • modernize/1.1.0/search.php

    r80718 r80718  
    1010get_header(); ?> 
    1111 
    12     <section id="primary" class="content-area"> 
     12    <section id="primary" class="content-area primary"> 
    1313        <main id="main" class="site-main" role="main"> 
    1414 
  • modernize/1.1.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.0.0 
     8Version: 1.1.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 modernize is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc. 
    18 Underscores is distributed under the terms of the GNU GPL v2 or later. 
    19  
    20 Normalizing styles have been helped along thanks to the fine work of 
    21 Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ 
    2216*/ 
    23 /*-------------------------------------------------------------- 
    24 >>> TABLE OF CONTENTS: 
    25 ---------------------------------------------------------------- 
    26 # Normalize 
    27 # Typography 
    28 # Elements 
    29 # Forms 
    30 # Navigation 
    31     ## Links 
    32     ## Menus 
    33 # Accessibility 
    34 # Alignments 
    35 # Clearings 
    36 # Widgets 
    37 # Content 
    38     ## Posts and pages 
    39     ## Asides 
    40     ## Comments 
    41 # Infinite scroll 
    42 # Media 
    43     ## Captions 
    44     ## Galleries 
    45 --------------------------------------------------------------*/ 
    46 /*-------------------------------------------------------------- 
    47 # Normalize 
    48 --------------------------------------------------------------*/ 
     17/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ 
     18/** 
     19 * 1. Change the default font family in all browsers (opinionated). 
     20 * 2. Prevent adjustments of font size after orientation changes in IE and iOS. 
     21 */ 
    4922html { 
    5023  font-family: sans-serif; 
     24  /* 1 */ 
     25  -ms-text-size-adjust: 100%; 
     26  /* 2 */ 
    5127  -webkit-text-size-adjust: 100%; 
    52   -ms-text-size-adjust: 100%; 
    53 } 
    54  
     28  /* 2 */ 
     29} 
     30 
     31/** 
     32 * Remove the margin in all browsers (opinionated). 
     33 */ 
    5534body { 
    5635  margin: 0; 
    5736} 
    5837 
     38/* HTML5 display definitions 
     39   ========================================================================== */ 
     40/** 
     41 * Add the correct display in IE 9-. 
     42 * 1. Add the correct display in Edge, IE, and Firefox. 
     43 * 2. Add the correct display in IE. 
     44 */ 
    5945article, 
    6046aside, 
     
    6955section, 
    7056summary { 
    71   display: block; 
    72 } 
    73  
     57  /* 1 */ 
     58  display: block; 
     59} 
     60 
     61/** 
     62 * Add the correct display in IE 9-. 
     63 */ 
    7464audio, 
    7565canvas, 
     
    7767video { 
    7868  display: inline-block; 
    79   vertical-align: baseline; 
    80 } 
    81  
     69} 
     70 
     71/** 
     72 * Add the correct display in iOS 4-7. 
     73 */ 
    8274audio:not([controls]) { 
    8375  display: none; 
     
    8577} 
    8678 
    87 [hidden], 
    88 template { 
     79/** 
     80 * Add the correct vertical alignment in Chrome, Firefox, and Opera. 
     81 */ 
     82progress { 
     83  vertical-align: baseline; 
     84} 
     85 
     86/** 
     87 * Add the correct display in IE 10-. 
     88 * 1. Add the correct display in IE. 
     89 */ 
     90template, 
     91[hidden] { 
    8992  display: none; 
    9093} 
    9194 
     95/* Links 
     96   ========================================================================== */ 
     97/** 
     98 * 1. Remove the gray background on active links in IE 10. 
     99 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. 
     100 */ 
    92101a { 
    93102  background-color: transparent; 
    94 } 
    95  
     103  /* 1 */ 
     104  -webkit-text-decoration-skip: objects; 
     105  /* 2 */ 
     106} 
     107 
     108/** 
     109 * Remove the outline on focused links when they are also active or hovered 
     110 * in all browsers (opinionated). 
     111 */ 
    96112a:active, 
    97113a:hover { 
    98   outline: 0; 
    99 } 
    100  
     114  outline-width: 0; 
     115} 
     116 
     117/* Text-level semantics 
     118   ========================================================================== */ 
     119/** 
     120 * 1. Remove the bottom border in Firefox 39-. 
     121 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. 
     122 */ 
    101123abbr[title] { 
    102   border-bottom: 1px dotted; 
    103 } 
    104  
     124  border-bottom: none; 
     125  /* 1 */ 
     126  text-decoration: underline; 
     127  /* 2 */ 
     128  text-decoration: underline dotted; 
     129  /* 2 */ 
     130} 
     131 
     132/** 
     133 * Prevent the duplicate application of `bolder` by the next rule in Safari 6. 
     134 */ 
    105135b, 
    106136strong { 
    107   font-weight: bold; 
    108 } 
    109  
     137  font-weight: inherit; 
     138} 
     139 
     140/** 
     141 * Add the correct font weight in Chrome, Edge, and Safari. 
     142 */ 
     143b, 
     144strong { 
     145  font-weight: bolder; 
     146} 
     147 
     148/** 
     149 * Add the correct font style in Android 4.3-. 
     150 */ 
    110151dfn { 
    111152  font-style: italic; 
    112153} 
    113154 
     155/** 
     156 * Correct the font size and margin on `h1` elements within `section` and 
     157 * `article` contexts in Chrome, Firefox, and Safari. 
     158 */ 
    114159h1 { 
    115160  font-size: 2em; 
     
    117162} 
    118163 
     164/** 
     165 * Add the correct background and color in IE 9-. 
     166 */ 
    119167mark { 
    120   background: #ff0; 
     168  background-color: #ff0; 
    121169  color: #000; 
    122170} 
    123171 
     172/** 
     173 * Add the correct font size in all browsers. 
     174 */ 
    124175small { 
    125176  font-size: 80%; 
    126177} 
    127178 
     179/** 
     180 * Prevent `sub` and `sup` elements from affecting the line height in 
     181 * all browsers. 
     182 */ 
    128183sub, 
    129184sup { 
     
    134189} 
    135190 
     191sub { 
     192  bottom: -0.25em; 
     193} 
     194 
    136195sup { 
    137196  top: -0.5em; 
    138197} 
    139198 
    140 sub { 
    141   bottom: -0.25em; 
    142 } 
    143  
     199/* Embedded content 
     200   ========================================================================== */ 
     201/** 
     202 * Remove the border on images inside links in IE 10-. 
     203 */ 
    144204img { 
    145   border: 0; 
    146 } 
    147  
     205  border-style: none; 
     206} 
     207 
     208/** 
     209 * Hide the overflow in IE. 
     210 */ 
    148211svg:not(:root) { 
    149212  overflow: hidden; 
    150213} 
    151214 
    152 figure { 
    153   margin: 1em 40px; 
    154 } 
    155  
    156 hr { 
    157   box-sizing: content-box; 
    158   height: 0; 
    159 } 
    160  
    161 pre { 
    162   overflow: auto; 
    163 } 
    164  
     215/* Grouping content 
     216   ========================================================================== */ 
     217/** 
     218 * 1. Correct the inheritance and scaling of font size in all browsers. 
     219 * 2. Correct the odd `em` font sizing in all browsers. 
     220 */ 
    165221code, 
    166222kbd, 
     
    168224samp { 
    169225  font-family: monospace, monospace; 
     226  /* 1 */ 
    170227  font-size: 1em; 
    171 } 
    172  
     228  /* 2 */ 
     229} 
     230 
     231/** 
     232 * Add the correct margin in IE 8. 
     233 */ 
     234figure { 
     235  margin: 1em 40px; 
     236} 
     237 
     238/** 
     239 * 1. Add the correct box sizing in Firefox. 
     240 * 2. Show the overflow in Edge and IE. 
     241 */ 
     242hr { 
     243  box-sizing: content-box; 
     244  /* 1 */ 
     245  height: 0; 
     246  /* 1 */ 
     247  overflow: visible; 
     248  /* 2 */ 
     249} 
     250 
     251/* Forms 
     252   ========================================================================== */ 
     253/** 
     254 * 1. Change font properties to `inherit` in all browsers (opinionated). 
     255 * 2. Remove the margin in Firefox and Safari. 
     256 */ 
    173257button, 
    174258input, 
    175 optgroup, 
    176259select, 
    177260textarea { 
    178   color: inherit; 
    179261  font: inherit; 
     262  /* 1 */ 
    180263  margin: 0; 
    181 } 
    182  
    183 button { 
     264  /* 2 */ 
     265} 
     266 
     267/** 
     268 * Restore the font weight unset by the previous rule. 
     269 */ 
     270optgroup { 
     271  font-weight: bold; 
     272} 
     273 
     274/** 
     275 * Show the overflow in IE. 
     276 * 1. Show the overflow in Edge. 
     277 */ 
     278button, 
     279input { 
     280  /* 1 */ 
    184281  overflow: visible; 
    185282} 
    186283 
     284/** 
     285 * Remove the inheritance of text transform in Edge, Firefox, and IE. 
     286 * 1. Remove the inheritance of text transform in Firefox. 
     287 */ 
    187288button, 
    188289select { 
     290  /* 1 */ 
    189291  text-transform: none; 
    190292} 
    191293 
     294/** 
     295 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` 
     296 *    controls in Android 4. 
     297 * 2. Correct the inability to style clickable types in iOS and Safari. 
     298 */ 
    192299button, 
    193 html input[type="button"], 
    194 input[type="reset"], 
    195 input[type="submit"] { 
     300html [type="button"], 
     301[type="reset"], 
     302[type="submit"] { 
    196303  -webkit-appearance: button; 
    197   cursor: pointer; 
    198 } 
    199  
    200 button[disabled], 
    201 html input[disabled] { 
    202   cursor: default; 
    203 } 
    204  
     304  /* 2 */ 
     305} 
     306 
     307/** 
     308 * Remove the inner border and padding in Firefox. 
     309 */ 
    205310button::-moz-focus-inner, 
    206 input::-moz-focus-inner { 
    207   border: 0; 
     311[type="button"]::-moz-focus-inner, 
     312[type="reset"]::-moz-focus-inner, 
     313[type="submit"]::-moz-focus-inner { 
     314  border-style: none; 
    208315  padding: 0; 
    209316} 
    210317 
    211 input { 
    212   line-height: normal; 
    213 } 
    214  
    215 input[type="checkbox"], 
    216 input[type="radio"] { 
    217   box-sizing: border-box; 
    218   padding: 0; 
    219 } 
    220  
    221 input[type="number"]::-webkit-inner-spin-button, 
    222 input[type="number"]::-webkit-outer-spin-button { 
    223   height: auto; 
    224 } 
    225  
    226 input[type="search"]::-webkit-search-cancel-button, 
    227 input[type="search"]::-webkit-search-decoration { 
    228   -webkit-appearance: none; 
    229 } 
    230  
     318/** 
     319 * Restore the focus styles unset by the previous rule. 
     320 */ 
     321button:-moz-focusring, 
     322[type="button"]:-moz-focusring, 
     323[type="reset"]:-moz-focusring, 
     324[type="submit"]:-moz-focusring { 
     325  outline: 1px dotted ButtonText; 
     326} 
     327 
     328/** 
     329 * Change the border, margin, and padding in all browsers (opinionated). 
     330 */ 
    231331fieldset { 
    232332  border: 1px solid #c0c0c0; 
     
    235335} 
    236336 
     337/** 
     338 * 1. Correct the text wrapping in Edge and IE. 
     339 * 2. Correct the color inheritance from `fieldset` elements in IE. 
     340 * 3. Remove the padding so developers are not caught out when they zero out 
     341 *    `fieldset` elements in all browsers. 
     342 */ 
    237343legend { 
    238   border: 0; 
     344  box-sizing: border-box; 
     345  /* 1 */ 
     346  color: inherit; 
     347  /* 2 */ 
     348  display: table; 
     349  /* 1 */ 
     350  max-width: 100%; 
     351  /* 1 */ 
    239352  padding: 0; 
    240 } 
    241  
     353  /* 3 */ 
     354  white-space: normal; 
     355  /* 1 */ 
     356} 
     357 
     358/** 
     359 * Remove the default vertical scrollbar in IE. 
     360 */ 
    242361textarea { 
    243362  overflow: auto; 
    244363} 
    245364 
    246 optgroup { 
    247   font-weight: bold; 
    248 } 
    249  
    250 table { 
    251   border-collapse: collapse; 
    252   border-spacing: 0; 
    253 } 
    254  
    255 td, 
    256 th { 
     365/** 
     366 * 1. Add the correct box sizing in IE 10-. 
     367 * 2. Remove the padding in IE 10-. 
     368 */ 
     369[type="checkbox"], 
     370[type="radio"] { 
     371  box-sizing: border-box; 
     372  /* 1 */ 
    257373  padding: 0; 
    258 } 
    259  
    260 /*-------------------------------------------------------------- 
    261 # Typography 
    262 --------------------------------------------------------------*/ 
    263 body, 
    264 button, 
    265 input, 
    266 select, 
    267 textarea { 
    268   color: #404040; 
    269   font-family: sans-serif; 
    270   font-size: 16px; 
    271   font-size: 1rem; 
    272   line-height: 1.5; 
    273 } 
    274  
    275 h1, 
    276 h2, 
    277 h3, 
    278 h4, 
    279 h5, 
    280 h6 { 
    281   clear: both; 
    282 } 
    283  
    284 p { 
    285   margin-bottom: 1.5em; 
    286 } 
    287  
    288 dfn, 
    289 cite, 
    290 em, 
    291 i { 
    292   font-style: italic; 
    293 } 
    294  
    295 blockquote { 
    296   margin: 0 1.5em; 
    297 } 
    298  
    299 address { 
    300   margin: 0 0 1.5em; 
    301 } 
    302  
    303 pre { 
    304   background: #eee; 
    305   font-family: "Courier 10 Pitch", Courier, monospace; 
    306   font-size: 15px; 
    307   font-size: 0.9375rem; 
    308   line-height: 1.6; 
    309   margin-bottom: 1.6em; 
    310   max-width: 100%; 
    311   overflow: auto; 
    312   padding: 1.6em; 
    313 } 
    314  
    315 code, 
    316 kbd, 
    317 tt, 
    318 var { 
    319   font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; 
    320   font-size: 15px; 
    321   font-size: 0.9375rem; 
    322 } 
    323  
    324 abbr, 
    325 acronym { 
    326   border-bottom: 1px dotted #666; 
    327   cursor: help; 
    328 } 
    329  
    330 mark, 
    331 ins { 
    332   background: #fff9c0; 
     374  /* 2 */ 
     375} 
     376 
     377/** 
     378 * Correct the cursor style of increment and decrement buttons in Chrome. 
     379 */ 
     380[type="number"]::-webkit-inner-spin-button, 
     381[type="number"]::-webkit-outer-spin-button { 
     382  height: auto; 
     383} 
     384 
     385/** 
     386 * 1. Correct the odd appearance in Chrome and Safari. 
     387 * 2. Correct the outline style in Safari. 
     388 */ 
     389[type="search"] { 
     390  -webkit-appearance: textfield; 
     391  /* 1 */ 
     392  outline-offset: -2px; 
     393  /* 2 */ 
     394} 
     395 
     396/** 
     397 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X. 
     398 */ 
     399[type="search"]::-webkit-search-cancel-button, 
     400[type="search"]::-webkit-search-decoration { 
     401  -webkit-appearance: none; 
     402} 
     403 
     404/** 
     405 * Correct the text style of placeholders in Chrome, Edge, and Safari. 
     406 */ 
     407::-webkit-input-placeholder { 
     408  color: inherit; 
     409  opacity: 0.54; 
     410} 
     411 
     412/** 
     413 * 1. Correct the inability to style clickable types in iOS and Safari. 
     414 * 2. Change font properties to `inherit` in Safari. 
     415 */ 
     416::-webkit-file-upload-button { 
     417  -webkit-appearance: button; 
     418  /* 1 */ 
     419  font: inherit; 
     420  /* 2 */ 
     421} 
     422 
     423/** 
     424 addition 
     425**/ 
     426html { 
     427  font-size: 62.5%; 
     428} 
     429 
     430body { 
     431  font-size: 1.4rem; 
     432} 
     433 
     434h1, h2, h3, h4, h5, h6, 
     435nav, ul, li, ol, dl, dt, dd, 
     436div, span, 
     437header, footer, article, section, 
     438blockquote, 
     439table, tr, th, td, 
     440a, address, pre { 
     441  box-sizing: border-box; 
     442} 
     443 
     444a, 
     445a:visited { 
     446  color: #555; 
    333447  text-decoration: none; 
    334448} 
    335449 
    336 big { 
    337   font-size: 125%; 
    338 } 
    339  
    340 /*-------------------------------------------------------------- 
    341 # Elements 
    342 --------------------------------------------------------------*/ 
    343 html { 
    344   box-sizing: border-box; 
    345 } 
    346  
    347 *, 
    348 *:before, 
    349 *:after { 
    350   /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ 
    351   box-sizing: inherit; 
    352 } 
    353  
    354 body { 
    355   background: #fff; 
    356   /* Fallback for when there is no custom background color defined. */ 
    357 } 
    358  
    359 blockquote:before, 
    360 blockquote:after, 
    361 q:before, 
    362 q:after { 
    363   content: ""; 
    364 } 
    365  
    366 blockquote, 
    367 q { 
    368   quotes: "" ""; 
    369 } 
    370  
    371 hr { 
    372   background-color: #ccc; 
    373   border: 0; 
    374   height: 1px; 
    375   margin-bottom: 1.5em; 
    376 } 
    377  
    378 ul, 
    379 ol { 
    380   margin: 0 0 1.5em 3em; 
    381 } 
    382  
    383450ul { 
    384   list-style: disc; 
    385 } 
    386  
    387 ol { 
    388   list-style: decimal; 
    389 } 
    390  
    391 li > ul, 
    392 li > ol { 
    393   margin-bottom: 0; 
    394   margin-left: 1.5em; 
    395 } 
    396  
    397 dt { 
    398   font-weight: bold; 
    399 } 
    400  
    401 dd { 
    402   margin: 0 1.5em 1.5em; 
    403 } 
    404  
    405 img { 
    406   height: auto; 
    407   /* Make sure images are scaled correctly. */ 
    408   max-width: 100%; 
    409   /* Adhere to container width. */ 
    410 } 
    411  
    412 table { 
    413   margin: 0 0 1.5em; 
    414   width: 100%; 
    415 } 
    416  
    417 /*-------------------------------------------------------------- 
    418 # Forms 
    419 --------------------------------------------------------------*/ 
    420 button, 
    421 input[type="button"], 
    422 input[type="reset"], 
    423 input[type="submit"] { 
    424   border: 1px solid; 
    425   border-color: #ccc #ccc #bbb; 
    426   border-radius: 3px; 
    427   background: #e6e6e6; 
    428   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); 
    429   color: rgba(0, 0, 0, 0.8); 
    430   font-size: 12px; 
    431   font-size: 0.75rem; 
    432   line-height: 1; 
    433   padding: .6em 1em .4em; 
    434   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); 
    435 } 
    436  
    437 button:hover, 
    438 input[type="button"]:hover, 
    439 input[type="reset"]:hover, 
    440 input[type="submit"]:hover { 
    441   border-color: #ccc #bbb #aaa; 
    442   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); 
    443 } 
    444  
    445 button:focus, 
    446 input[type="button"]:focus, 
    447 input[type="reset"]:focus, 
    448 input[type="submit"]:focus, 
    449 button:active, 
    450 input[type="button"]:active, 
    451 input[type="reset"]:active, 
    452 input[type="submit"]:active { 
    453   border-color: #aaa #bbb #bbb; 
    454   box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); 
    455 } 
    456  
    457 input[type="text"], 
    458 input[type="email"], 
    459 input[type="url"], 
    460 input[type="password"], 
    461 input[type="search"], 
    462 input[type="number"], 
    463 input[type="tel"], 
    464 input[type="range"], 
    465 input[type="date"], 
    466 input[type="month"], 
    467 input[type="week"], 
    468 input[type="time"], 
    469 input[type="datetime"], 
    470 input[type="datetime-local"], 
    471 input[type="color"], 
    472 textarea { 
    473   color: #666; 
    474   border: 1px solid #ccc; 
    475   border-radius: 3px; 
    476 } 
    477  
    478 select { 
    479   border: 1px solid #ccc; 
    480 } 
    481  
    482 input[type="text"]:focus, 
    483 input[type="email"]:focus, 
    484 input[type="url"]:focus, 
    485 input[type="password"]:focus, 
    486 input[type="search"]:focus, 
    487 input[type="number"]:focus, 
    488 input[type="tel"]:focus, 
    489 input[type="range"]:focus, 
    490 input[type="date"]:focus, 
    491 input[type="month"]:focus, 
    492 input[type="week"]:focus, 
    493 input[type="time"]:focus, 
    494 input[type="datetime"]:focus, 
    495 input[type="datetime-local"]:focus, 
    496 input[type="color"]:focus, 
    497 textarea:focus { 
    498   color: #111; 
    499 } 
    500  
    501 input[type="text"], 
    502 input[type="email"], 
    503 input[type="url"], 
    504 input[type="password"], 
    505 input[type="search"], 
    506 input[type="number"], 
    507 input[type="tel"], 
    508 input[type="range"], 
    509 input[type="date"], 
    510 input[type="month"], 
    511 input[type="week"], 
    512 input[type="time"], 
    513 input[type="datetime"], 
    514 input[type="datetime-local"], 
    515 input[type="color"] { 
    516   padding: 3px; 
    517 } 
    518  
    519 textarea { 
    520   padding-left: 3px; 
    521   width: 100%; 
    522 } 
    523  
    524 /*-------------------------------------------------------------- 
    525 # Navigation 
    526 --------------------------------------------------------------*/ 
    527 /*-------------------------------------------------------------- 
    528 ## Links 
    529 --------------------------------------------------------------*/ 
    530 a { 
    531   color: royalblue; 
    532 } 
    533  
    534 a:visited { 
    535   color: purple; 
    536 } 
    537  
    538 a:hover, 
    539 a:focus, 
    540 a:active { 
    541   color: midnightblue; 
    542 } 
    543  
    544 a:focus { 
    545   outline: thin dotted; 
    546 } 
    547  
    548 a:hover, 
    549 a:active { 
    550   outline: 0; 
    551 } 
    552  
    553 /*-------------------------------------------------------------- 
    554 ## Menus 
    555 --------------------------------------------------------------*/ 
    556 /* Small menu. */ 
    557 .menu-toggle, 
    558 .main-navigation.toggled ul { 
    559   display: block; 
    560 } 
    561  
    562 @media screen and (min-width: 37.5em) { 
    563   .menu-toggle { 
    564     display: none; 
    565   } 
    566   .main-navigation ul { 
    567     display: block; 
    568   } 
    569 } 
    570  
    571 .site-main .comment-navigation, 
    572 .site-main .posts-navigation, 
    573 .site-main .post-navigation { 
    574   margin: 0 0 1.5em; 
    575   overflow: hidden; 
    576 } 
    577  
    578 .comment-navigation .nav-previous, 
    579 .posts-navigation .nav-previous, 
    580 .post-navigation .nav-previous { 
    581   float: left; 
    582   width: 50%; 
    583 } 
    584  
    585 .comment-navigation .nav-next, 
    586 .posts-navigation .nav-next, 
    587 .post-navigation .nav-next { 
    588   float: right; 
    589   text-align: right; 
    590   width: 50%; 
    591 } 
    592  
    593 /*-------------------------------------------------------------- 
    594 # Accessibility 
    595 --------------------------------------------------------------*/ 
     451  margin: 0; 
     452  padding: 0; 
     453} 
     454 
     455li { 
     456  list-style: none; 
     457} 
     458 
    596459/* Text meant only for screen readers. */ 
    597460.screen-reader-text { 
     
    603466} 
    604467 
    605 .screen-reader-text:focus { 
     468.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { 
    606469  background-color: #f1f1f1; 
    607470  border-radius: 3px; 
     
    624487} 
    625488 
    626 /* Do not show the outline on the skip link target. */ 
    627 #content[tabindex="-1"]:focus { 
    628   outline: 0; 
     489/*-------------------------------------------------------------- 
     490## Captions 
     491--------------------------------------------------------------*/ 
     492.wp-caption { 
     493  margin-bottom: 1.5em; 
     494  max-width: 100%; 
     495} 
     496 
     497.wp-caption img[class*="wp-image-"] { 
     498  display: block; 
     499  margin-left: auto; 
     500  margin-right: auto; 
     501} 
     502 
     503.wp-caption .wp-caption-text { 
     504  margin: 0.8075em 0; 
     505} 
     506 
     507.wp-caption-text { 
     508  text-align: center; 
     509} 
     510 
     511/*-------------------------------------------------------------- 
     512## Posts and pages 
     513--------------------------------------------------------------*/ 
     514.sticky { 
     515  display: block; 
     516} 
     517 
     518/*-------------------------------------------------------------- 
     519## Galleries 
     520--------------------------------------------------------------*/ 
     521.gallery { 
     522  margin-bottom: 1.5em; 
     523} 
     524 
     525.gallery-item { 
     526  display: inline-block; 
     527  text-align: center; 
     528  vertical-align: top; 
     529  width: 100%; 
     530} 
     531 
     532.gallery-columns-2 .gallery-item { 
     533  max-width: 50%; 
     534} 
     535 
     536.gallery-columns-3 .gallery-item { 
     537  max-width: 33.33%; 
     538} 
     539 
     540.gallery-columns-4 .gallery-item { 
     541  max-width: 25%; 
     542} 
     543 
     544.gallery-columns-5 .gallery-item { 
     545  max-width: 20%; 
     546} 
     547 
     548.gallery-columns-6 .gallery-item { 
     549  max-width: 16.66%; 
     550} 
     551 
     552.gallery-columns-7 .gallery-item { 
     553  max-width: 14.28%; 
     554} 
     555 
     556.gallery-columns-8 .gallery-item { 
     557  max-width: 12.5%; 
     558} 
     559 
     560.gallery-columns-9 .gallery-item { 
     561  max-width: 11.11%; 
     562} 
     563 
     564.gallery-caption { 
     565  display: block; 
     566} 
     567 
     568/*-------------------------------------------------------------- 
     569## Comments 
     570--------------------------------------------------------------*/ 
     571.bypostauthor { 
     572  display: block; 
    629573} 
    630574 
     
    645589 
    646590.aligncenter { 
    647   clear: both; 
    648591  display: block; 
    649592  margin-left: auto; 
     
    651594} 
    652595 
    653 /*-------------------------------------------------------------- 
    654 # Clearings 
    655 --------------------------------------------------------------*/ 
    656 .clear:before, 
    657 .clear:after, 
    658 .entry-content:before, 
    659 .entry-content:after, 
    660 .comment-content:before, 
    661 .comment-content:after, 
    662 .site-header:before, 
    663 .site-header:after, 
    664 .site-content:before, 
    665 .site-content:after, 
    666 .site-footer:before, 
    667 .site-footer:after { 
     596/* 
     597  break point 
     598*/ 
     599/* 
     600  font-size 
     601*/ 
     602/* 
     603  link color 
     604*/ 
     605.site-title { 
     606  margin: 0; 
     607  font-size: 2.2rem; 
     608} 
     609 
     610@media only screen and (max-width: 1023px) { 
     611  .site-title { 
     612    display: inline-block; 
     613  } 
     614} 
     615 
     616.site-description { 
     617  margin: 0; 
     618  font-size: 1.2rem; 
     619} 
     620 
     621@media only screen and (max-width: 1023px) { 
     622  .site-description { 
     623    display: inline-block; 
     624  } 
     625} 
     626 
     627.single-post .entry-header { 
     628  background-color: #666; 
     629} 
     630 
     631.single-post .wrap-thumb { 
     632  position: absolute; 
     633  top: 0; 
     634  left: 0; 
     635  width: 100%; 
     636  height: 100%; 
     637  padding: 0; 
     638} 
     639 
     640.single-post .wrap-thumb img { 
     641  min-height: 100%; 
     642  min-width: 100%; 
     643  -webkit-filter: grayscale(100%); 
     644  -moz-filter: grayscale(100%); 
     645  -ms-filter: grayscale(100%); 
     646  -o-filter: grayscale(100%); 
     647  filter: grayscale(100%); 
     648} 
     649 
     650.single-post .entry-info { 
     651  color: #fff; 
     652  vertical-align: middle; 
     653  text-align: center; 
     654} 
     655 
     656.single-post .entry-info a { 
     657  color: #fff; 
     658} 
     659 
     660.page .wrap-thumb { 
     661  position: absolute; 
     662  top: 0; 
     663  left: 0; 
     664  width: 100%; 
     665  height: 100%; 
     666  padding: 0; 
     667} 
     668 
     669.page .wrap-thumb img { 
     670  min-height: 100%; 
     671  min-width: 100%; 
     672  -webkit-filter: grayscale(100%); 
     673  -moz-filter: grayscale(100%); 
     674  -ms-filter: grayscale(100%); 
     675  -o-filter: grayscale(100%); 
     676  filter: grayscale(100%); 
     677} 
     678 
     679.page .entry-info { 
     680  display: table-cell; 
     681  position: relative; 
     682  z-index: 1; 
     683  color: #fff; 
     684  vertical-align: middle; 
     685  text-align: center; 
     686} 
     687 
     688.page .entry-info a { 
     689  color: #fff; 
     690} 
     691 
     692.primary-menu { 
     693  float: right; 
     694} 
     695 
     696.primary-menu::after { 
    668697  content: ""; 
    669   display: table; 
    670   table-layout: fixed; 
    671 } 
    672  
    673 .clear:after, 
    674 .entry-content:after, 
    675 .comment-content:after, 
    676 .site-header:after, 
    677 .site-content:after, 
    678 .site-footer:after { 
     698  display: block; 
    679699  clear: both; 
    680700} 
    681701 
    682 /*-------------------------------------------------------------- 
    683 # Widgets 
    684 --------------------------------------------------------------*/ 
    685 .widget { 
    686   margin: 0 0 1.5em; 
    687 } 
    688  
    689 /* Make sure select elements fit in widgets. */ 
    690 .widget select { 
    691   max-width: 100%; 
    692 } 
    693  
    694 /*-------------------------------------------------------------- 
    695 # Content 
    696 --------------------------------------------------------------*/ 
    697 /*-------------------------------------------------------------- 
    698 ## Posts and pages 
    699 --------------------------------------------------------------*/ 
    700 .sticky { 
    701   display: block; 
    702 } 
    703  
    704 .hentry { 
    705   margin: 0 0 1.5em; 
    706 } 
    707  
    708 .byline, 
    709 .updated:not(.published) { 
    710   display: none; 
    711 } 
    712  
    713 .single .byline, 
    714 .group-blog .byline { 
    715   display: inline; 
    716 } 
    717  
    718 .page-content, 
    719 .entry-content, 
    720 .entry-summary { 
    721   margin: 1.5em 0 0; 
    722 } 
    723  
    724 .page-links { 
    725   clear: both; 
    726   margin: 0 0 1.5em; 
    727 } 
    728  
    729 /*-------------------------------------------------------------- 
    730 ## Asides 
    731 --------------------------------------------------------------*/ 
    732 .blog .format-aside .entry-title, 
    733 .archive .format-aside .entry-title { 
    734   display: none; 
    735 } 
    736  
    737 /*-------------------------------------------------------------- 
    738 ## Comments 
    739 --------------------------------------------------------------*/ 
    740 .comment-content a { 
    741   word-wrap: break-word; 
    742 } 
    743  
    744 .bypostauthor { 
    745   display: block; 
    746 } 
    747  
    748 /*-------------------------------------------------------------- 
    749 # Infinite scroll 
    750 --------------------------------------------------------------*/ 
    751 /* Globally hidden elements when Infinite Scroll is supported and in use. */ 
    752 .infinite-scroll .posts-navigation, 
    753 .infinite-scroll.neverending .site-footer { 
    754   /* Theme Footer (when set to scrolling) */ 
    755   display: none; 
    756 } 
    757  
    758 /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ 
    759 .infinity-end.neverending .site-footer { 
    760   display: block; 
    761 } 
    762  
    763 /*-------------------------------------------------------------- 
    764 # Media 
    765 --------------------------------------------------------------*/ 
    766 .page-content .wp-smiley, 
    767 .entry-content .wp-smiley, 
    768 .comment-content .wp-smiley { 
    769   border: none; 
    770   margin-bottom: 0; 
    771   margin-top: 0; 
    772   padding: 0; 
    773 } 
    774  
    775 /* Make sure embeds and iframes fit their containers. */ 
    776 embed, 
    777 iframe, 
    778 object { 
    779   max-width: 100%; 
    780 } 
    781  
    782 /*-------------------------------------------------------------- 
    783 ## Captions 
    784 --------------------------------------------------------------*/ 
    785 .wp-caption { 
    786   margin-bottom: 1.5em; 
    787   max-width: 100%; 
    788 } 
    789  
    790 .wp-caption img[class*="wp-image-"] { 
    791   display: block; 
    792   margin-left: auto; 
    793   margin-right: auto; 
    794 } 
    795  
    796 .wp-caption .wp-caption-text { 
    797   margin: 0.8075em 0; 
    798 } 
    799  
    800 .wp-caption-text { 
    801   text-align: center; 
    802 } 
    803  
    804 /*-------------------------------------------------------------- 
    805 ## Galleries 
    806 --------------------------------------------------------------*/ 
    807 .gallery { 
    808   margin-bottom: 1.5em; 
    809 } 
    810  
    811 .gallery-item { 
    812   display: inline-block; 
    813   text-align: center; 
    814   vertical-align: top; 
    815   width: 100%; 
    816 } 
    817  
    818 .gallery-columns-2 .gallery-item { 
    819   max-width: 50%; 
    820 } 
    821  
    822 .gallery-columns-3 .gallery-item { 
    823   max-width: 33.33%; 
    824 } 
    825  
    826 .gallery-columns-4 .gallery-item { 
    827   max-width: 25%; 
    828 } 
    829  
    830 .gallery-columns-5 .gallery-item { 
    831   max-width: 20%; 
    832 } 
    833  
    834 .gallery-columns-6 .gallery-item { 
    835   max-width: 16.66%; 
    836 } 
    837  
    838 .gallery-columns-7 .gallery-item { 
    839   max-width: 14.28%; 
    840 } 
    841  
    842 .gallery-columns-8 .gallery-item { 
    843   max-width: 12.5%; 
    844 } 
    845  
    846 .gallery-columns-9 .gallery-item { 
    847   max-width: 11.11%; 
    848 } 
    849  
    850 .gallery-caption { 
    851   display: block; 
    852 } 
    853  
    854 html { 
    855   box-sizing: border-box; 
    856 } 
    857  
    858 *, *::after, *::before { 
    859   box-sizing: inherit; 
    860 } 
    861  
    862 html { 
    863   font-size: 62.5%; 
    864 } 
    865  
    866 body { 
    867   font-size: 1.4rem; 
    868 } 
    869  
    870 h1, h2, h3, h4, h5, h6, 
    871 nav, ul, li, 
    872 div { 
    873   box-sizing: border-box; 
    874 } 
    875  
    876 a, 
    877 a:visited { 
    878   color: #555; 
    879   text-decoration: none; 
    880 } 
    881  
    882 ul { 
    883   margin: 0; 
    884   padding: 0; 
    885 } 
    886  
    887 li { 
    888   list-style: none; 
    889 } 
    890  
    891 .site-content { 
    892   max-width: 1000px; 
    893   margin-left: auto; 
    894   margin-right: auto; 
    895   margin-top: 40px; 
    896 } 
    897  
    898 .site-content::after { 
    899   clear: both; 
    900   content: ""; 
    901   display: table; 
    902 } 
    903  
    904 .primary { 
    905   float: left; 
    906   display: block; 
    907   margin-right: 2.35765%; 
    908   width: 65.88078%; 
    909 } 
    910  
    911 .primary:last-child { 
    912   margin-right: 0; 
    913 } 
    914  
    915 .secondary { 
    916   float: left; 
    917   display: block; 
    918   margin-right: 2.35765%; 
    919   width: 31.76157%; 
    920 } 
    921  
    922 .secondary:last-child { 
    923   margin-right: 0; 
    924 } 
    925  
    926 .site { 
    927   background-color: #fafafa; 
    928 } 
    929  
    930 @media only screen and (max-width: 1024px) { 
    931   .site { 
    932     padding-bottom: 45px; 
    933   } 
    934 } 
    935  
    936 .site-header { 
    937   background-color: #fff; 
    938 } 
    939  
    940 .site-branding { 
    941   max-width: 1000px; 
    942   margin-left: auto; 
    943   margin-right: auto; 
    944   padding: 16px 0; 
    945 } 
    946  
    947 .site-branding::after { 
    948   clear: both; 
    949   content: ""; 
    950   display: table; 
    951 } 
    952  
    953 .primary-menu { 
    954   max-width: 1000px; 
    955   margin-left: auto; 
    956   margin-right: auto; 
    957 } 
    958  
    959 .primary-menu::after { 
    960   clear: both; 
    961   content: ""; 
    962   display: table; 
    963 } 
    964  
    965 @media only screen and (max-width: 1024px) { 
     702@media only screen and (max-width: 1023px) { 
    966703  .primary-menu { 
    967704    width: 100%; 
     
    972709} 
    973710 
    974 .site-title { 
    975   margin: 0; 
    976   font-size: 2.0rem; 
    977 } 
    978  
    979 .site-description { 
    980   margin-bottom: 0; 
    981   font-size: 1.0rem; 
    982 } 
    983  
    984711.main-navigation { 
    985712  position: relative; 
     
    987714} 
    988715 
    989 @media only screen and (max-width: 1024px) { 
     716@media only screen and (max-width: 1023px) { 
    990717  .main-navigation { 
    991718    position: relative; 
    992719    height: 45px; 
    993     box-shadow: 0px 10px 6px 10px rgba(0, 0, 0, 0.4); 
    994   } 
    995 } 
    996  
    997 .main-navigation ul::after { 
    998   clear: both; 
    999   content: ""; 
    1000   display: table; 
     720  } 
    1001721} 
    1002722 
    1003723.main-navigation li { 
    1004724  float: left; 
    1005   padding: 0 20px 0 0; 
    1006 } 
    1007  
    1008 @media only screen and (max-width: 1024px) { 
     725  padding: 0 0 0 20px; 
     726} 
     727 
     728@media only screen and (max-width: 1023px) { 
    1009729  .main-navigation li { 
    1010730    float: inherit; 
     
    1018738} 
    1019739 
    1020 .menu-all-pages-container { 
    1021   border-top: 1px solid #eee; 
    1022   border-bottom: 1px solid #eee; 
    1023   background: #fff; 
    1024 } 
    1025  
    1026 @media only screen and (max-width: 1024px) { 
     740.menu-all-pages-container::after { 
     741  content: ""; 
     742  clear: both; 
     743  display: block; 
     744} 
     745 
     746@media only screen and (max-width: 1023px) { 
    1027747  .menu-all-pages-container { 
    1028748    position: fixed; 
    1029     top: 100%; 
    1030     left: 0; 
    1031     width: 100%; 
     749    top: 0; 
     750    right: -50%; 
     751    z-index: 3; 
     752    width: 50%; 
    1032753    height: 100%; 
    1033754    overflow-y: scroll; 
     755    background-color: #fff; 
    1034756    -webkit-transform: translate3d(0, 0, 0); 
    1035757    transform: translate3d(0, 0, 0); 
    1036     -webkit-transition: .4s; 
    1037     transition: .4s; 
     758    -webkit-transition: transform .4s; 
     759    transition: transform .4s; 
    1038760    -webkit-overflow-scrolling: touch; 
    1039761  } 
     762} 
     763 
     764@media only screen and (max-width: 1023px) and (max-width: 639px) { 
     765  .menu-all-pages-container { 
     766    right: -80%; 
     767    width: 80%; 
     768  } 
     769} 
     770 
     771@media only screen and (max-width: 1023px) { 
    1040772  .menu-all-pages-container.open { 
    1041     -webkit-transform: translate3d(0, -100%, 0); 
    1042     transform: translate3d(0, -100%, 0); 
     773    -webkit-transform: translate3d(-100%, 0, 0); 
     774    transform: translate3d(-100%, 0, 0); 
    1043775  } 
    1044776  .menu-all-pages-container li { 
    1045     margin-top: 80px; 
     777    border-top: 1px solid #eee; 
     778  } 
     779  .menu-all-pages-container a { 
     780    display: block; 
     781    padding: 10px; 
     782  } 
     783  .menu-all-pages-container .sub-menu li { 
     784    padding: 0; 
     785  } 
     786  .menu-all-pages-container .sub-menu a { 
     787    padding-left: 40px; 
     788  } 
     789  .menu-all-pages-container .sub-menu .sub-menu a { 
     790    padding-left: 70px; 
    1046791  } 
    1047792} 
    1048793 
    1049794.menu-all-pages-container .sub-menu { 
    1050   display: none; 
     795  display: block; 
     796  visibility: hidden; 
     797  opacity: 0; 
    1051798  z-index: 5; 
    1052 } 
    1053  
    1054 @media only screen and (max-width: 1024px) { 
     799  -webkit-transition: opacity .3s; 
     800  transition: opacity .3s; 
     801} 
     802 
     803@media only screen and (max-width: 1023px) { 
    1055804  .menu-all-pages-container .sub-menu { 
    1056805    display: block; 
    1057   } 
    1058 } 
    1059  
    1060 .menu-toggle { 
    1061   display: none; 
     806    visibility: visible; 
     807    opacity: 1; 
     808  } 
    1062809} 
    1063810 
     
    1069816} 
    1070817 
    1071 @media only screen and (max-width: 1024px) { 
     818@media only screen and (max-width: 1023px) { 
    1072819  .sub-menu { 
    1073820    position: inherit; 
     
    1078825  top: 0; 
    1079826  left: 100%; 
    1080 } 
    1081  
    1082 @media only screen and (max-width: 1024px) { 
     827  min-width: 100px; 
     828} 
     829 
     830@media only screen and (max-width: 1023px) { 
    1083831  .sub-menu .sub-menu { 
    1084832    left: 0; 
     
    1092840 
    1093841.menu-item-has-children:hover > .sub-menu { 
    1094   display: block; 
     842  visibility: visible; 
     843  opacity: 1; 
    1095844} 
    1096845 
     
    1099848} 
    1100849 
    1101 .menu-item-has-children .menu-item-has-children:hover > .sub-menu { 
    1102   display: block; 
     850/* 
     851  searchform 
     852*/ 
     853.widget { 
     854  margin-top: 6.0rem; 
     855} 
     856 
     857.widget:first-child { 
     858  margin-top: 0; 
     859} 
     860 
     861.widget li { 
     862  margin-top: .8rem; 
     863  padding-left: 1.2rem; 
     864} 
     865 
     866.widget li:first-child { 
     867  margin-top: 0; 
     868} 
     869 
     870.widget-title { 
     871  margin: 0 0 1.2rem 0; 
     872  padding: 0 0 .8rem 0; 
     873  border-bottom: 1px solid #eee; 
     874  font-size: 1.4rem; 
     875  font-weight: normal; 
     876} 
     877 
     878.posts-navigation { 
     879  margin-top: 4.0rem; 
     880} 
     881 
     882.nav-links::after { 
     883  content: ""; 
     884  clear: both; 
     885  display: block; 
     886} 
     887 
     888.nav-previous { 
     889  float: right; 
     890} 
     891 
     892.nav-previous::after { 
     893  content: ""; 
     894  display: inline-block; 
     895  width: 8px; 
     896  height: 8px; 
     897  border: solid #888; 
     898  border-width: 1px 1px 0 0; 
     899  -webkit-transform: rotate(45deg); 
     900  transform: rotate(45deg); 
     901} 
     902 
     903.nav-next { 
     904  float: left; 
     905} 
     906 
     907.nav-next::before { 
     908  content: ""; 
     909  display: inline-block; 
     910  width: 8px; 
     911  height: 8px; 
     912  border: solid #888; 
     913  border-width: 1px 0 0 1px; 
     914  -webkit-transform: rotate(-45deg); 
     915  transform: rotate(-45deg); 
    1103916} 
    1104917 
    1105918.headroom { 
     919  position: fixed; 
    1106920  top: 0; 
    1107921  left: 0; 
    1108922  width: 100%; 
     923  -webkit-transition: transform 200ms linear; 
    1109924  transition: transform 200ms linear; 
    1110925  z-index: 5; 
    1111926} 
    1112927 
    1113 @media only screen and (max-width: 1024px) { 
     928@media only screen and (max-width: 1023px) { 
    1114929  .headroom { 
    1115930    position: fixed; 
     
    1122937} 
    1123938 
    1124 .headroom--not-top { 
    1125   position: fixed; 
    1126 } 
    1127  
    1128939.headroom--pinned { 
     940  -webkit-transform: translate3d(0, 0, 0); 
    1129941  transform: translate3d(0, 0, 0); 
    1130942} 
    1131943 
    1132 @media only screen and (max-width: 1024px) { 
     944@media only screen and (max-width: 1023px) { 
    1133945  .headroom--pinned { 
    1134946    position: fixed; 
     947    -webkit-transform: translate3d(0, -100%, 0); 
    1135948    transform: translate3d(0, -100%, 0); 
    1136949  } 
     
    1138951 
    1139952.headroom--unpinned { 
    1140   transform: translate3d(0, -100%, 0); 
    1141 } 
    1142  
    1143 @media only screen and (max-width: 1024px) { 
     953  -webkit-transform: translate3d(0, -100%, 0); 
     954} 
     955 
     956@media only screen and (max-width: 1023px) { 
    1144957  .headroom--unpinned { 
    1145958    position: fixed; 
     959    -webkit-transform: translate3d(0, 0, 0); 
    1146960    transform: translate3d(0, 0, 0); 
    1147961  } 
    1148962} 
    1149963 
    1150 @media only screen and (max-width: 1024px) { 
     964@media only screen and (max-width: 1023px) { 
    1151965  .headroom--bottom { 
    1152966    position: fixed; 
     967    -webkit-transform: translate3d(0, -100%, 0); 
    1153968    transform: translate3d(0, -100%, 0); 
    1154969  } 
    1155970} 
    1156971 
    1157 .modernize-toggle { 
     972.toggle-btn { 
    1158973  display: none; 
    1159974  position: absolute; 
     
    1165980  margin: auto; 
    1166981  padding: 0; 
     982  box-shadow: none; 
    1167983  border: none; 
    1168984  background-color: inherit; 
    1169 } 
    1170  
    1171 .modernize-toggle span { 
     985  -webkit-box-sizing: content-box; 
     986  -webkit-appearance: button; 
     987  appearance: button; 
     988  outline: none; 
     989} 
     990 
     991.toggle-btn:focus { 
     992  box-shadow: none; 
     993} 
     994 
     995.toggle-btn span { 
    1172996  display: block; 
    1173997  position: absolute; 
     
    11821006} 
    11831007 
    1184 .modernize-toggle span::before { 
     1008.toggle-btn span::before { 
    11851009  content: ""; 
    11861010  display: block; 
     
    11951019  -webkit-transform: rotate(0); 
    11961020  transform: rotate(0); 
    1197   -webkit-transition: .3s; 
    1198   transition: .3s; 
    1199 } 
    1200  
    1201 .modernize-toggle span::after { 
     1021  -webkit-transition: transform .3s; 
     1022  transition: transform .3s; 
     1023} 
     1024 
     1025.toggle-btn span::after { 
    12021026  content: ""; 
    12031027  display: block; 
     
    12121036  -webkit-transform: rotate(0); 
    12131037  transform: rotate(0); 
    1214   -webkit-transition: .3s; 
    1215   transition: .3s; 
    1216 } 
    1217  
    1218 .modernize-toggle.toggle-open span { 
     1038  -webkit-transition: transform .3s; 
     1039  transition: transform .3s; 
     1040} 
     1041 
     1042.toggle-btn.toggle-open span { 
    12191043  background-color: transparent; 
    12201044} 
    12211045 
    1222 .modernize-toggle.toggle-open span::before { 
     1046.toggle-btn.toggle-open span::before { 
    12231047  top: 0; 
    12241048  bottom: 0; 
     
    12281052} 
    12291053 
    1230 .modernize-toggle.toggle-open span::after { 
     1054.toggle-btn.toggle-open span::after { 
    12311055  top: 0; 
    12321056  bottom: 0; 
     
    12361060} 
    12371061 
    1238 @media only screen and (max-width: 1024px) { 
    1239   .modernize-toggle { 
     1062@media only screen and (max-width: 1023px) { 
     1063  .toggle-btn { 
    12401064    display: block; 
    12411065  } 
     1066} 
     1067 
     1068.bg-ovly { 
     1069  display: block; 
     1070  position: fixed; 
     1071  top: 0; 
     1072  left: 100%; 
     1073  z-index: 1; 
     1074  width: 100%; 
     1075  height: 100%; 
     1076  background-color: rgba(0, 0, 0, 0.6); 
     1077  opacity: 0; 
     1078  -webkit-transition: opacity .3s; 
     1079  transition: opacity .3s; 
     1080} 
     1081 
     1082.bg-ovly::before { 
     1083  content: ""; 
     1084  display: block; 
     1085  position: absolute; 
     1086  top: 0; 
     1087  left: 0; 
     1088  width: 100%; 
     1089  height: 100%; 
     1090  -webkit-filter: blur(4px); 
     1091  -ms-filter: blur(4px); 
     1092  filter: blur(4px); 
     1093} 
     1094 
     1095.bg-ovly-show { 
     1096  left: 0; 
     1097  opacity: 1; 
    12421098} 
    12431099 
     
    12481104} 
    12491105 
     1106.site-header { 
     1107  padding: 8px 0; 
     1108  border-bottom: 1px solid #eee; 
     1109  box-shadow: 0px 0px 18px -5px rgba(0, 0, 0, 0.4); 
     1110  background-color: #fff; 
     1111} 
     1112 
     1113@media only screen and (max-width: 1023px) { 
     1114  .site-header { 
     1115    border-top: 1px solid #eee; 
     1116    border-bottom: none; 
     1117    box-shadow: 0px 15px 20px 12px rgba(0, 0, 0, 0.4); 
     1118  } 
     1119} 
     1120 
     1121.site-header-inner { 
     1122  display: table; 
     1123  width: 100%; 
     1124  max-width: 1000px; 
     1125  margin: 0 auto; 
     1126} 
     1127 
     1128@media only screen and (max-width: 1023px) { 
     1129  .site-header-inner { 
     1130    padding: 0 8px; 
     1131  } 
     1132} 
     1133 
     1134.site-branding { 
     1135  display: table-cell; 
     1136} 
     1137 
     1138@media only screen and (max-width: 1023px) { 
     1139  .site-branding { 
     1140    padding-right: 60px; 
     1141    vertical-align: middle; 
     1142  } 
     1143} 
     1144 
     1145.main-navigation { 
     1146  display: table-cell; 
     1147  vertical-align: middle; 
     1148} 
     1149 
     1150body { 
     1151  background-color: #fafafa; 
     1152} 
     1153 
     1154/* 
     1155  layout 
     1156*/ 
     1157.site-content { 
     1158  display: table; 
     1159  width: 90%; 
     1160  max-width: 1000px; 
     1161  margin: 40px auto 0; 
     1162} 
     1163 
     1164@media only screen and (max-width: 1023px) { 
     1165  .site-content { 
     1166    display: block; 
     1167    margin-top: 0; 
     1168  } 
     1169} 
     1170 
     1171.site-content-pad { 
     1172  padding-top: 40px; 
     1173} 
     1174 
     1175.primary { 
     1176  display: table-cell; 
     1177  padding-right: 40px; 
     1178  vertical-align: top; 
     1179} 
     1180 
     1181@media only screen and (max-width: 1023px) { 
     1182  .primary { 
     1183    display: block; 
     1184    width: 90%; 
     1185    margin: 0 auto; 
     1186    padding-right: 0; 
     1187  } 
     1188} 
     1189 
     1190.secondary { 
     1191  display: table-cell; 
     1192  width: 300px; 
     1193  vertical-align: top; 
     1194} 
     1195 
     1196@media only screen and (max-width: 1023px) { 
     1197  .secondary { 
     1198    display: block; 
     1199    width: 90%; 
     1200    margin: 40px auto 0; 
     1201  } 
     1202} 
     1203 
    12501204/* 
    12511205  蚘事䞀芧 
    12521206*/ 
    12531207.single-post .site-content { 
    1254   max-width: 100%; 
    1255   margin-left: auto; 
    1256   margin-right: auto; 
    1257 } 
    1258  
    1259 .single-post .site-content::after { 
    1260   clear: both; 
    1261   content: ""; 
    1262   display: table; 
     1208  display: block; 
     1209  width: 100%; 
     1210  max-width: inherit; 
     1211  margin-top: 0; 
    12631212} 
    12641213 
    12651214.single-post .primary { 
    1266   float: left; 
    1267   display: block; 
    1268   margin-right: 2.35765%; 
     1215  display: block; 
     1216  float: inherit; 
    12691217  width: 100%; 
    1270   float: inherit; 
    1271 } 
    1272  
    1273 .single-post .primary:last-child { 
    1274   margin-right: 0; 
     1218  margin: 0; 
     1219  padding: 0; 
    12751220} 
    12761221 
    12771222.single-post .secondary { 
    1278   float: left; 
    1279   display: block; 
    1280   margin-right: 2.35765%; 
    1281   width: 100%; 
     1223  display: block; 
    12821224  width: 96%; 
    12831225  max-width: 800px; 
     
    12861228} 
    12871229 
    1288 .single-post .secondary:last-child { 
    1289   margin-right: 0; 
    1290 } 
    1291  
    1292 .single-post .secondary:last-child { 
    1293   margin-right: auto; 
    1294 } 
    1295  
    12961230.single-post .entry-content { 
     1231  display: block; 
    12971232  width: 96%; 
    12981233  max-width: 800px; 
    1299   margin: 0 auto 0; 
     1234  margin: 80px auto 0; 
    13001235} 
    13011236 
    13021237.single-post .entry-header { 
     1238  display: table; 
    13031239  position: relative; 
     1240  min-height: 500px; 
     1241  width: 100%; 
     1242  padding: 40px; 
     1243} 
     1244 
     1245@media only screen and (max-width: 1023px) { 
     1246  .single-post .entry-header { 
     1247    min-height: 400px; 
     1248  } 
     1249} 
     1250 
     1251@media only screen and (max-width: 639px) { 
     1252  .single-post .entry-header { 
     1253    min-height: 300px; 
     1254  } 
    13041255} 
    13051256 
    13061257.single-post .entry-footer { 
     1258  display: block; 
    13071259  width: 96%; 
    13081260  max-width: 800px; 
     
    13111263 
    13121264.single-post .post-navigation { 
     1265  display: block; 
    13131266  width: 96%; 
    13141267  max-width: 800px; 
     
    13161269} 
    13171270 
    1318 .single-post .wrap-thumb img { 
    1319   min-width: 100%; 
    1320 } 
    1321  
     1271.single-post .entry-info { 
     1272  display: table-cell; 
     1273  position: relative; 
     1274  z-index: 1; 
     1275} 
     1276 
     1277.archive .post, 
    13221278.home .post { 
     1279  margin-top: 10px; 
    13231280  padding: 20px; 
    13241281  border: 1px solid #eee; 
     
    13271284} 
    13281285 
     1286.archive .post:first-child, 
     1287.home .post:first-child { 
     1288  margin-top: 0; 
     1289} 
     1290 
     1291.archive .post .entry-title, 
    13291292.home .post .entry-title { 
    13301293  margin: 0; 
    1331 } 
    1332  
    1333 .home .post .wrap-thumb + .entry-title { 
    1334   margin-top: 16px; 
     1294  font-size: 2.2rem; 
     1295} 
     1296 
     1297.archive .post .wrap-thumb + .entry-info, 
     1298.home .post .wrap-thumb + .entry-info { 
     1299  margin-top: 1.6rem; 
     1300} 
     1301 
     1302.archive .post .entry-meta, 
     1303.archive .post .entry-content, 
     1304.archive .post .entry-footer, 
     1305.home .post .entry-meta, 
     1306.home .post .entry-content, 
     1307.home .post .entry-footer { 
     1308  margin-top: .8rem; 
     1309} 
     1310 
     1311.archive .post .entry-content, 
     1312.home .post .entry-content { 
     1313  color: #999; 
     1314  font-style: italic; 
     1315  font-size: 1.2rem; 
     1316} 
     1317 
     1318.archive .post .entry-footer, 
     1319.home .post .entry-footer { 
     1320  color: #999; 
     1321  font-size: 1.2rem; 
     1322} 
     1323 
     1324.archive .post .entry-footer a, 
     1325.home .post .entry-footer a { 
     1326  color: #20b2aa; 
     1327} 
     1328 
     1329.archive .post .tags-links, 
     1330.archive .post .edit-link, 
     1331.home .post .tags-links, 
     1332.home .post .edit-link { 
     1333  margin-left: 1.0rem; 
    13351334} 
    13361335 
     
    13531352  display: block; 
    13541353  position: absolute; 
    1355   max-width: 100%; 
     1354  max-width: inherit; 
     1355  height: auto; 
    13561356  top: 50%; 
    13571357  left: 50%; 
    13581358  -webkit-transform: translate3d(-50%, -50%, 0); 
    13591359  transform: translate3d(-50%, -50%, 0); 
     1360} 
     1361 
     1362/* 
     1363  固定ペヌゞ 
     1364*/ 
     1365.page .site-content { 
     1366  display: block; 
     1367  width: 100%; 
     1368  max-width: inherit; 
     1369  margin-top: 0; 
     1370} 
     1371 
     1372.page .primary { 
     1373  display: block; 
     1374  float: inherit; 
     1375  width: 100%; 
     1376  margin: 0; 
     1377  padding: 0; 
     1378} 
     1379 
     1380.page .secondary { 
     1381  display: block; 
     1382  width: 96%; 
     1383  max-width: 800px; 
     1384  margin: 80px auto 0; 
     1385  float: inherit; 
     1386} 
     1387 
     1388.page .entry-content { 
     1389  display: block; 
     1390  width: 96%; 
     1391  max-width: 800px; 
     1392  margin: 80px auto 0; 
     1393} 
     1394 
     1395.page .entry-header { 
     1396  display: table; 
     1397  position: relative; 
     1398  min-height: 500px; 
     1399  width: 100%; 
     1400  padding: 40px; 
     1401  background-color: #666; 
     1402} 
     1403 
     1404@media only screen and (max-width: 1023px) { 
     1405  .page .entry-header { 
     1406    min-height: 400px; 
     1407  } 
     1408} 
     1409 
     1410@media only screen and (max-width: 639px) { 
     1411  .page .entry-header { 
     1412    min-height: 300px; 
     1413  } 
     1414} 
     1415 
     1416.page .entry-footer { 
     1417  display: block; 
     1418  width: 96%; 
     1419  max-width: 800px; 
     1420  margin: 40px auto 0; 
     1421} 
     1422 
     1423.page-header .page-title { 
     1424  margin: 0; 
     1425} 
     1426 
     1427.comments-area { 
     1428  width: 96%; 
     1429  max-width: 800px; 
     1430  margin: 40px auto 0; 
     1431} 
     1432 
     1433.comment-list { 
     1434  margin-left: 0; 
     1435  padding: 0; 
    13601436} 
    13611437 
     
    13711447  color: #fff; 
    13721448} 
     1449 
     1450.entry-content h1 { 
     1451  font-size: 3.0rem; 
     1452} 
     1453 
     1454.entry-content h2 { 
     1455  font-size: 2.4rem; 
     1456} 
     1457 
     1458.entry-content h3 { 
     1459  font-size: 2.0rem; 
     1460} 
     1461 
     1462.entry-content h4 { 
     1463  font-size: 1.8rem; 
     1464} 
     1465 
     1466.entry-content h5 { 
     1467  font-size: 1.6rem; 
     1468} 
     1469 
     1470.entry-content h6 { 
     1471  font-size: 1.4rem; 
     1472} 
     1473 
     1474.entry-content blockquote { 
     1475  position: relative; 
     1476  display: block; 
     1477  width: 96%; 
     1478  padding: 2.0rem; 
     1479  margin: 0 auto 1.5rem; 
     1480  border-radius: 5px; 
     1481  font-size: .875rem; 
     1482  background-color: #eee; 
     1483} 
     1484 
     1485.entry-content blockquote::before { 
     1486  content: "“"; 
     1487  font-size: 5.0rem; 
     1488  line-height: 1em; 
     1489  font-family: ' ゎシック',sans-serif; 
     1490  color: #fff; 
     1491  position: absolute; 
     1492  left: 1.0rem; 
     1493  top: 1.0rem; 
     1494} 
     1495 
     1496.entry-content table { 
     1497  width: 96%; 
     1498  margin: 0 auto; 
     1499  border-collapse: collapse; 
     1500  border-spacing: 0; 
     1501} 
     1502 
     1503.entry-content th, 
     1504.entry-content td { 
     1505  padding: 1.0rem; 
     1506  border: 1px solid #ccc; 
     1507} 
     1508 
     1509.entry-content th { 
     1510  background-color: #eee; 
     1511} 
     1512 
     1513.entry-content dl { 
     1514  font-size: 1.6rem; 
     1515} 
     1516 
     1517.entry-content dt { 
     1518  margin-top: 2.0rem; 
     1519} 
     1520 
     1521.entry-content dd { 
     1522  margin-left: 2.0rem; 
     1523} 
     1524 
     1525.entry-content ul { 
     1526  padding-left: 2.0rem; 
     1527} 
     1528 
     1529.entry-content ul li { 
     1530  margin-top: .8rem; 
     1531  list-style: disc; 
     1532  font-size: 1.6rem; 
     1533} 
     1534 
     1535.entry-content ol { 
     1536  padding-left: 2.0rem; 
     1537} 
     1538 
     1539.entry-content ol li { 
     1540  margin-top: .8rem; 
     1541  list-style: decimal; 
     1542  font-size: 1.6rem; 
     1543} 
     1544 
     1545.entry-content p { 
     1546  font-size: 1.6rem; 
     1547} 
     1548 
     1549.entry-content a { 
     1550  padding-bottom: .4rem; 
     1551  border-bottom: 1px dashed #ccc; 
     1552  color: #20b2aa; 
     1553} 
     1554 
     1555.entry-content pre { 
     1556  display: block; 
     1557  width: 96%; 
     1558  margin: 0 auto; 
     1559  padding: 1.6rem; 
     1560  border-radius: 1.0rem; 
     1561  background-color: #3d3d3d; 
     1562  font-size: 1.4rem; 
     1563  color: #f5f5f5; 
     1564  word-break: break-all; 
     1565  word-wrap: break-word; 
     1566  overflow: auto; 
     1567} 
  • modernize/1.1.0/template-parts/content-page.php

    r80718 r80718  
    1212<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> 
    1313    <header class="entry-header"> 
    14         <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?> 
     14        <?php 
     15            if ( has_post_thumbnail() ) { 
     16                if ( is_single() ) { 
     17        ?> 
     18        <div class="wrap-thumb"> 
     19            <?php the_post_thumbnail(); ?> 
     20        </div> 
     21        <?php 
     22            } else { 
     23        ?> 
     24 
     25            <div class="wrap-thumb"> 
     26                <a href="<?php echo get_permalink(); ?>"> 
     27                <?php the_post_thumbnail(); ?> 
     28                </a> 
     29            </div> 
     30        <?php 
     31                } 
     32            } 
     33        ?> 
     34        <div class="entry-info"> 
     35            <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?> 
     36        </div> 
     37 
    1538    </header><!-- .entry-header --> 
    1639 
  • modernize/1.1.0/template-parts/content.php

    r80718 r80718  
    3333            } 
    3434        ?> 
     35        <div class="entry-info"> 
     36            <?php 
     37                if ( is_single() ) { 
     38                    the_title( '<h1 class="entry-title">', '</h1>' ); 
     39                } else { 
     40                    the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); 
     41                } 
    3542 
    36         <?php 
    37             if ( is_single() ) { 
    38                 the_title( '<h1 class="entry-title">', '</h1>' ); 
    39             } else { 
    40                 the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); 
    41             } 
    42  
    43         if ( 'post' === get_post_type() ) : ?> 
    44         <div class="entry-meta"> 
    45             <?php modernize_posted_on(); ?> 
    46         </div><!-- .entry-meta --> 
     43            if ( 'post' === get_post_type() ) : ?> 
     44            <div class="entry-meta"> 
     45                <?php modernize_posted_on(); ?> 
     46            </div><!-- .entry-meta --> 
     47        </div> 
    4748 
    4849        <?php 
Note: See TracChangeset for help on using the changeset viewer.