WordPress.org

Make WordPress Themes


Ignore:
Location:
modernize/1.2.0
Files:
6 edited

Legend:

Unmodified
Added
Removed
  • modernize/1.2.0/README.md

    r82890 r82890  
    2121## == Changelog == 
    2222 
     23### = 1.2.0 = 
     24* edit style 
     25* edit layout 
     26* edit bug fixed 
     27 
    2328### = 1.1.1 = 
    2429* bug fix 
  • modernize/1.2.0/header.php

    r82890 r82890  
    4343            </div><!-- .site-branding --> 
    4444 
     45            <button class="toggle-btn js-toggle"> 
     46                <span></span> 
     47            </button> 
     48 
    4549            <nav id="site-navigation" class="main-navigation" role="navigation"> 
    4650                <?php if ( has_nav_menu( 'primary' ) ) : ?> 
     
    5256                        ?> 
    5357                <?php endif; ?> 
    54                 <button class="toggle-btn js-toggle"> 
    55                     <span></span> 
    56                 </button> 
    5758            </nav><!-- #site-navigation --> 
     59 
    5860        </div><!-- .site-header-inner --> 
    5961    </header><!-- #masthead --> 
  • modernize/1.2.0/js/main.js

    r82890 r82890  
    66    } 
    77 
    8     var nav_height = $('.site-header').outerHeight(true); 
    9  
    10     var myElement = document.querySelector(".site-header"); 
    11     var headroom  = new Headroom(myElement, { 
    12       offset : nav_height 
    13     }); 
    14     headroom.init(); 
     8    var nav_height; 
    159 
    1610    // headerstyle 
    1711    function headstyle() { 
    1812      var wW = $(window).width(); 
    19       if(wW < setting.tablet) { 
    20         $('.menu-all-pages-container').appendTo('body'); 
    21         $('.primary-menu').css({'padding-bottom': nav_height + 10 + 'px'}); 
    22         $('.site').css({'padding-bottom': nav_height + 'px'}); 
    23         if($('.single-post').length || $('.page').length) { 
    24           $('.site-content').css({'padding-top': 0 + 'px'}); 
    25         } else { 
    26           $('.site-content').css({'padding-top': 40 + 'px'}); 
    27         } 
    28  
    29         if ( $('#wpadminbar').length ) { 
    30           var bar_height = $('#wpadminbar').height(); 
    31           $('.headroom').css({'top': 100 + '%'}); 
    32         } 
    33  
    34       } else { 
    35         $('.menu-all-pages-container').appendTo('#site-navigation'); 
    36         $('.site-content').css({'padding-top': nav_height + 'px'}); 
    37         $('.primary-menu').css({'padding-bottom': 0 + 'px'}); 
    38         $('.site').css({'padding-bottom': 0 + 'px'}); 
    39         if ( $('#wpadminbar').length ) { 
    40           var bar_height = $('#wpadminbar').height(); 
    41           $('.headroom').css({'top': bar_height + 'px'}); 
    42         } 
     13      var nav_height = $('.site-header').outerHeight(true); 
     14      $('.site-content').css({'margin-top': nav_height + 'px'}); 
     15      if ( $('#wpadminbar').length ) { 
     16        var bar_height = $('#wpadminbar').height(); 
     17        $('.headroom').css({'top': bar_height + 'px'}); 
    4318      } 
    4419 
    45  
    46  
     20      if(wW < setting.tablet) { 
     21        $('.main-navigation').appendTo('body'); 
     22        $('.primary-menu').css({'padding-top': nav_height + 10 + 'px'}); 
     23      } else { 
     24        $('.main-navigation').appendTo('.site-header-inner'); 
     25        $('.primary-menu').css({'padding-top': 0 + 'px'}); 
     26      } 
    4727    } 
    4828 
     
    5232    }); 
    5333 
     34    var myElement = document.querySelector(".site-header"); 
     35    var headroom  = new Headroom(myElement, { 
     36      offset : 100 
     37    }); 
     38    headroom.init(); 
     39 
    5440    // zoom.js 
    5541    $('.single-post .entry-content img').attr('data-action', 'zoom'); 
     42    $('.single-post .entry-content div[class*="gallery"] img').attr('data-action', ''); 
    5643 
    5744    var Drawer = (function() { 
    58  
    59       if(!$('.menu-all-pages-container').length) { 
    60         $('.js-toggle').remove(); 
    61         return; 
    62       } 
    6345 
    6446      var setting = { 
     
    6648        class: { 
    6749          toggle: 'js-toggle', 
    68           menu: 'menu-all-pages-container', 
     50          menu: 'main-navigation', 
    6951          ovly: 'bg-ovly' 
    7052        } 
     
    7658        var ovly = '<div class="'+ setting.class.ovly + " " + setting.class.toggle + '"></div>'; 
    7759        $('body').append(ovly); 
     60 
     61        if($('.main-navigation li').length) { 
     62          $('.js-toggle').show(); 
     63        } 
    7864      } 
    7965 
  • modernize/1.2.0/readme.txt

    r82890 r82890  
    66Requires at least: 4.0 
    77Tested up to: 4.4.2 
    8 Stable tag: 1.1.1 
     8Stable tag: 1.2.0 
    99License: GPLv2 or later 
    1010License URI: http://www.gnu.org/licenses/gpl-2.0.html 
     
    4848== Changelog == 
    4949 
     50<<<<<<< HEAD 
    5051### = 1.1.1 = 
    5152* bug fix 
    5253 
    5354### = 1.1.0 = 
     55======= 
     56= 1.2.0 = 
     57* edit style 
     58* edit layout 
     59* edit bug fixed 
     60 
     61= 1.1.0 = 
     62>>>>>>> issues#26 
    5463* edit style 
    5564 
  • modernize/1.2.0/style.css

    r82890 r82890  
    66Author URI: http://blog.mismithportfolio.com/ 
    77Description: Modernize is a modernized take on an ever-popular WordPress layout 
    8 Version: 1.1.1 
     8Version: 1.2.0 
    99License: GNU General Public License v2 or later 
    1010License URI: http://www.gnu.org/licenses/gpl-2.0.html 
     
    438438blockquote, 
    439439table, tr, th, td, 
    440 a, address, pre { 
     440a, address, pre, 
     441textarea, input, label { 
    441442  box-sizing: border-box; 
    442443} 
     
    455456li { 
    456457  list-style: none; 
     458} 
     459 
     460input, 
     461textarea { 
     462  max-width: 100%; 
    457463} 
    458464 
     
    606612  margin: 0; 
    607613  font-size: 2.2rem; 
     614  font-weight: normal; 
    608615} 
    609616 
     
    681688  position: relative; 
    682689  z-index: 1; 
     690  padding: 4.0rem; 
     691  background-color: rgba(0, 0, 0, 0.3); 
    683692  color: #fff; 
    684693  vertical-align: middle; 
     
    704713    width: 100%; 
    705714    height: 100%; 
    706     padding: 0 0 60px 0; 
    707715    overflow-y: auto; 
    708716  } 
     
    728736@media only screen and (max-width: 1023px) { 
    729737  .main-navigation li { 
     738    display: block; 
    730739    float: inherit; 
     740    width: 100%; 
    731741  } 
    732742} 
     
    738748} 
    739749 
    740 .menu-all-pages-container::after { 
     750.main-navigation::after { 
    741751  content: ""; 
    742752  clear: both; 
     
    745755 
    746756@media only screen and (max-width: 1023px) { 
    747   .menu-all-pages-container { 
     757  .main-navigation { 
    748758    position: fixed; 
    749759    top: 0; 
     
    763773 
    764774@media only screen and (max-width: 1023px) and (max-width: 639px) { 
    765   .menu-all-pages-container { 
     775  .main-navigation { 
    766776    right: -80%; 
    767777    width: 80%; 
     
    770780 
    771781@media only screen and (max-width: 1023px) { 
    772   .menu-all-pages-container.open { 
     782  .main-navigation.open { 
    773783    -webkit-transform: translate3d(-100%, 0, 0); 
    774784    transform: translate3d(-100%, 0, 0); 
    775785  } 
    776   .menu-all-pages-container li { 
    777     border-top: 1px solid #eee; 
    778   } 
    779   .menu-all-pages-container a { 
     786  .main-navigation li { 
     787    border-bottom: 1px solid #eee; 
     788  } 
     789  .main-navigation a { 
    780790    display: block; 
    781791    padding: 10px; 
    782792  } 
    783   .menu-all-pages-container .sub-menu li { 
     793  .main-navigation .sub-menu li { 
    784794    padding: 0; 
    785   } 
    786   .menu-all-pages-container .sub-menu a { 
     795    border-top: 1px solid #eee; 
     796    border-bottom: none; 
     797  } 
     798  .main-navigation .sub-menu a { 
    787799    padding-left: 40px; 
    788800  } 
    789   .menu-all-pages-container .sub-menu .sub-menu a { 
     801  .main-navigation .sub-menu .sub-menu a { 
    790802    padding-left: 70px; 
    791803  } 
    792804} 
    793805 
    794 .menu-all-pages-container .sub-menu { 
     806.main-navigation .sub-menu { 
    795807  display: block; 
    796808  visibility: hidden; 
     
    802814 
    803815@media only screen and (max-width: 1023px) { 
    804   .menu-all-pages-container .sub-menu { 
     816  .main-navigation .sub-menu { 
    805817    display: block; 
    806818    visibility: visible; 
     
    921933  left: 0; 
    922934  width: 100%; 
    923   -webkit-transition: transform 200ms linear; 
    924   transition: transform 200ms linear; 
     935  -webkit-transition: transform .2s; 
     936  transition: transform .2s; 
    925937  z-index: 5; 
    926 } 
    927  
    928 @media only screen and (max-width: 1023px) { 
    929   .headroom { 
    930     position: fixed; 
    931     top: 100%; 
    932     left: 0; 
    933     width: 100%; 
    934     -webkit-transform: translate3d(0, -100%, 0); 
    935     transform: translate3d(0, -100%, 0); 
    936   } 
    937938} 
    938939 
     
    942943} 
    943944 
    944 @media only screen and (max-width: 1023px) { 
    945   .headroom--pinned { 
    946     position: fixed; 
    947     -webkit-transform: translate3d(0, -100%, 0); 
    948     transform: translate3d(0, -100%, 0); 
    949   } 
    950 } 
    951  
    952945.headroom--unpinned { 
    953946  -webkit-transform: translate3d(0, -100%, 0); 
    954 } 
    955  
    956 @media only screen and (max-width: 1023px) { 
    957   .headroom--unpinned { 
    958     position: fixed; 
    959     -webkit-transform: translate3d(0, 0, 0); 
    960     transform: translate3d(0, 0, 0); 
    961   } 
    962 } 
    963  
    964 @media only screen and (max-width: 1023px) { 
    965   .headroom--bottom { 
    966     position: fixed; 
    967     -webkit-transform: translate3d(0, -100%, 0); 
    968     transform: translate3d(0, -100%, 0); 
    969   } 
    970947} 
    971948 
     
    987964  appearance: button; 
    988965  outline: none; 
     966  visibility: hidden; 
    989967} 
    990968 
     
    10621040@media only screen and (max-width: 1023px) { 
    10631041  .toggle-btn { 
    1064     display: block; 
     1042    visibility: visible; 
    10651043  } 
    10661044} 
     
    11111089} 
    11121090 
    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  
    11211091.site-header-inner { 
    11221092  display: table; 
     
    11591129  width: 90%; 
    11601130  max-width: 1000px; 
    1161   margin: 40px auto 0; 
    1162 } 
    1163  
    1164 @media only screen and (max-width: 1023px) { 
     1131  margin: 0 auto; 
     1132  padding-top: 20px; 
     1133} 
     1134 
     1135@media only screen and (max-width: 639px) { 
    11651136  .site-content { 
    11661137    display: block; 
     
    11801151} 
    11811152 
    1182 @media only screen and (max-width: 1023px) { 
     1153@media only screen and (max-width: 639px) { 
    11831154  .primary { 
    11841155    display: block; 
     
    11971168@media only screen and (max-width: 1023px) { 
    11981169  .secondary { 
     1170    width: 200px; 
     1171  } 
     1172} 
     1173 
     1174@media only screen and (max-width: 639px) { 
     1175  .secondary { 
    11991176    display: block; 
    12001177    width: 90%; 
     
    12101187  width: 100%; 
    12111188  max-width: inherit; 
    1212   margin-top: 0; 
     1189  padding-top: 0; 
    12131190} 
    12141191 
     
    12411218  min-height: 500px; 
    12421219  width: 100%; 
    1243   padding: 40px; 
    12441220} 
    12451221 
     
    12741250  position: relative; 
    12751251  z-index: 1; 
     1252  padding: 4.0rem; 
     1253  background-color: rgba(0, 0, 0, 0.3); 
    12761254} 
    12771255 
     
    12851263} 
    12861264 
     1265@media only screen and (max-width: 639px) { 
     1266  .archive .post, 
     1267  .home .post { 
     1268    padding: 10px; 
     1269  } 
     1270} 
     1271 
    12871272.archive .post:first-child, 
    12881273.home .post:first-child { 
     
    13551340  display: block; 
    13561341  position: absolute; 
    1357   max-width: inherit; 
     1342  max-width: 100%; 
    13581343  height: auto; 
    13591344  top: 50%; 
     
    13701355  width: 100%; 
    13711356  max-width: inherit; 
    1372   margin-top: 0; 
     1357  padding-top: 0; 
    13731358} 
    13741359 
     
    14011386  min-height: 500px; 
    14021387  width: 100%; 
    1403   padding: 40px; 
    14041388  background-color: #666; 
    14051389} 
     
    14321416  max-width: 800px; 
    14331417  margin: 40px auto 0; 
     1418} 
     1419 
     1420.comments-area textarea { 
     1421  width: 100%; 
    14341422} 
    14351423 
     
    15691557  overflow: auto; 
    15701558} 
     1559 
     1560.entry-content img { 
     1561  max-width: 96%; 
     1562  height: auto; 
     1563} 
Note: See TracChangeset for help on using the changeset viewer.