diff --git src/wp-content/themes/twentyfifteen/style.css src/wp-content/themes/twentyfifteen/style.css
index c97f019150..bfea5e64da 100644
|
|
a:focus { |
714 | 714 | margin-top: 0.5em; |
715 | 715 | } |
716 | 716 | |
717 | | .no-js .main-navigation ul ul { |
| 717 | .no-js .secondary { |
718 | 718 | display: block; |
719 | 719 | } |
| 720 | .no-js button.secondary-toggle { |
| 721 | display:none; |
| 722 | } |
720 | 723 | |
721 | 724 | .dropdown-toggle { |
722 | 725 | background-color: transparent; |
diff --git src/wp-content/themes/twentyfourteen/functions.php src/wp-content/themes/twentyfourteen/functions.php
index a8797f91a3..84a8fdeec3 100644
|
|
if ( ! function_exists( 'is_customize_preview' ) ) : |
689 | 689 | return ( $wp_customize instanceof WP_Customize_Manager ) && $wp_customize->is_preview(); |
690 | 690 | } |
691 | 691 | endif; |
| 692 | |
| 693 | /** |
| 694 | * Handles JavaScript detection. |
| 695 | * |
| 696 | * Adds a `js` class to the root `<html>` element when JavaScript is detected. |
| 697 | * |
| 698 | */ |
| 699 | function twentyfourteen_javascript_detection() { |
| 700 | echo "<script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script>\n"; |
| 701 | } |
| 702 | add_action( 'wp_head', 'twentyfourteen_javascript_detection', 0 ); |
| 703 | |
diff --git src/wp-content/themes/twentyfourteen/header.php src/wp-content/themes/twentyfourteen/header.php
index 21d1a546cb..0f364799d7 100644
|
|
|
16 | 16 | <html class="ie ie8" <?php language_attributes(); ?>> |
17 | 17 | <![endif]--> |
18 | 18 | <!--[if !(IE 7) & !(IE 8)]><!--> |
19 | | <html <?php language_attributes(); ?>> |
| 19 | <html <?php language_attributes(); ?> class="no-js"> |
20 | 20 | <!--<![endif]--> |
21 | 21 | <head> |
22 | 22 | <meta charset="<?php bloginfo( 'charset' ); ?>"> |
diff --git src/wp-content/themes/twentyfourteen/style.css src/wp-content/themes/twentyfourteen/style.css
index 5e09805b48..4365e78201 100644
|
|
span + .edit-link:before, |
934 | 934 | width: 48px; |
935 | 935 | } |
936 | 936 | |
| 937 | .no-js .search-toggle { |
| 938 | display:none; |
| 939 | } |
| 940 | |
937 | 941 | .search-toggle:hover, |
938 | 942 | .search-toggle.active { |
939 | 943 | background-color: #41a62a; |
… |
… |
a.post-thumbnail:hover { |
3274 | 3278 | top: 10px; |
3275 | 3279 | } |
3276 | 3280 | } |
| 3281 | @media(max-width:782px) { |
| 3282 | .no-js .primary-navigation button.menu-toggle { |
| 3283 | display:none; |
| 3284 | } |
| 3285 | .no-js .primary-navigation ul { |
| 3286 | display:block; |
| 3287 | } |
| 3288 | .no-js .primary-navigation ul#primary-menu { |
| 3289 | padding-top:50px; |
| 3290 | padding-bottom:25px; |
| 3291 | } |
| 3292 | .no-js .primary-navigation ul li { |
| 3293 | width:100%; |
| 3294 | clear: both; |
| 3295 | } |
| 3296 | } |
3277 | 3297 | |
3278 | 3298 | |
3279 | 3299 | @media screen and (max-width: 400px) { |
diff --git src/wp-content/themes/twentythirteen/functions.php src/wp-content/themes/twentythirteen/functions.php
index cf9718c76c..584ce5893c 100644
|
|
if ( ! function_exists( 'wp_body_open' ) ) : |
825 | 825 | do_action( 'wp_body_open' ); |
826 | 826 | } |
827 | 827 | endif; |
| 828 | |
| 829 | /** |
| 830 | * Handles JavaScript detection. |
| 831 | * |
| 832 | * Adds a `js` class to the root `<html>` element when JavaScript is detected. |
| 833 | * |
| 834 | */ |
| 835 | function twentythirteen_javascript_detection() { |
| 836 | echo "<script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script>\n"; |
| 837 | } |
| 838 | add_action( 'wp_head', 'twentythirteen_javascript_detection', 0 ); |
diff --git src/wp-content/themes/twentythirteen/header.php src/wp-content/themes/twentythirteen/header.php
index 92c54e94ad..2795157179 100644
|
|
|
16 | 16 | <html class="ie ie8" <?php language_attributes(); ?>> |
17 | 17 | <![endif]--> |
18 | 18 | <!--[if !(IE 7) & !(IE 8)]><!--> |
19 | | <html <?php language_attributes(); ?>> |
| 19 | <html <?php language_attributes(); ?> class="no-js"> |
20 | 20 | <!--<![endif]--> |
21 | 21 | <head> |
22 | 22 | <meta charset="<?php bloginfo( 'charset' ); ?>"> |
diff --git src/wp-content/themes/twentythirteen/style.css src/wp-content/themes/twentythirteen/style.css
index 70f769b4ca..32213a28a7 100644
|
|
footer.entry-meta { |
3057 | 3057 | div.nav-menu > ul { |
3058 | 3058 | display: none; |
3059 | 3059 | } |
| 3060 | .no-js .main-navigation button.menu-toggle { |
| 3061 | display:none; |
| 3062 | } |
| 3063 | .no-js .main-navigation ul { |
| 3064 | display:block; |
| 3065 | } |
| 3066 | .no-js .main-navigation ul li { |
| 3067 | width:100%; |
| 3068 | } |
3060 | 3069 | |
3061 | 3070 | #content .featured-gallery { |
3062 | 3071 | padding-left: 24px; |
diff --git src/wp-content/themes/twentytwelve/functions.php src/wp-content/themes/twentytwelve/functions.php
index 366514bd76..563d538e49 100644
|
|
if ( ! function_exists( 'wp_body_open' ) ) : |
719 | 719 | do_action( 'wp_body_open' ); |
720 | 720 | } |
721 | 721 | endif; |
| 722 | |
| 723 | /** |
| 724 | * Handles JavaScript detection. |
| 725 | * |
| 726 | * Adds a `js` class to the root `<html>` element when JavaScript is detected. |
| 727 | * |
| 728 | */ |
| 729 | function twentytwelve_javascript_detection() { |
| 730 | echo "<script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script>\n"; |
| 731 | } |
| 732 | add_action( 'wp_head', 'twentytwelve_javascript_detection', 0 ); |
diff --git src/wp-content/themes/twentytwelve/header.php src/wp-content/themes/twentytwelve/header.php
index 2888cd8ee3..a694e158ef 100644
|
|
|
16 | 16 | <html class="ie ie8" <?php language_attributes(); ?>> |
17 | 17 | <![endif]--> |
18 | 18 | <!--[if !(IE 7) & !(IE 8)]><!--> |
19 | | <html <?php language_attributes(); ?>> |
| 19 | <html <?php language_attributes(); ?> class="no-js"> |
20 | 20 | <!--<![endif]--> |
21 | 21 | <head> |
22 | 22 | <meta charset="<?php bloginfo( 'charset' ); ?>" /> |
diff --git src/wp-content/themes/twentytwelve/style.css src/wp-content/themes/twentytwelve/style.css
index 98abf2bf27..3b7601d1c0 100644
|
|
a:hover { |
613 | 613 | .menu-toggle { |
614 | 614 | display: inline-block; |
615 | 615 | } |
| 616 | .no-js .main-navigation button.menu-toggle { |
| 617 | display:none; |
| 618 | } |
| 619 | .no-js .main-navigation ul { |
| 620 | display:block; |
| 621 | } |
616 | 622 | |
617 | 623 | /* Banner */ |
618 | 624 | section[role="banner"] { |
diff --git src/wp-content/themes/twentytwenty/style.css src/wp-content/themes/twentytwenty/style.css
index 8d902c5bc6..3708366b8f 100644
|
|
body:not(.enable-search-modal) .site-logo img { |
1469 | 1469 | |
1470 | 1470 | /* Header Navigation ------------------------- */ |
1471 | 1471 | |
1472 | | .header-navigation-wrapper { |
| 1472 | .js .header-navigation-wrapper { |
1473 | 1473 | display: none; |
1474 | 1474 | } |
1475 | 1475 | |
| 1476 | .no-js .header-navigation-wrapper nav.primary-menu-wrapper ul.primary-menu li, |
| 1477 | .no-js .header-navigation-wrapper nav.primary-menu-wrapper ul.primary-menu li a { |
| 1478 | text-align: center; |
| 1479 | width:100%; |
| 1480 | padding:0px; |
| 1481 | } |
| 1482 | |
| 1483 | .no-js .header-navigation-wrapper nav.primary-menu-wrapper ul.primary-menu { |
| 1484 | padding-top:50px; |
| 1485 | } |
| 1486 | |
1476 | 1487 | /* Header Toggles ---------------------------- */ |
1477 | 1488 | |
1478 | 1489 | .header-toggles { |
… |
… |
body:not(.enable-search-modal) .site-logo img { |
1486 | 1497 | padding: 0 2rem; |
1487 | 1498 | } |
1488 | 1499 | |
| 1500 | .no-js .header-inner .toggle { |
| 1501 | display:none; |
| 1502 | } |
| 1503 | |
1489 | 1504 | .header-inner .toggle svg { |
1490 | 1505 | display: block; |
1491 | 1506 | position: relative; |
… |
… |
body:not(.enable-search-modal) .site-logo img { |
1537 | 1552 | top: 0; |
1538 | 1553 | } |
1539 | 1554 | |
| 1555 | .no-js .search-toggle { |
| 1556 | display:none; |
| 1557 | } |
| 1558 | |
1540 | 1559 | .search-toggle .toggle-icon, |
1541 | 1560 | .search-toggle svg { |
1542 | 1561 | height: 2.5rem; |
… |
… |
body:not(.enable-search-modal) .site-logo img { |
1566 | 1585 | |
1567 | 1586 | /* Primary Menu ---------------------------- */ |
1568 | 1587 | |
1569 | | .primary-menu-wrapper { |
1570 | | display: none; |
1571 | | } |
1572 | | |
1573 | 1588 | ul.primary-menu { |
1574 | 1589 | display: flex; |
1575 | 1590 | font-size: 1.8rem; |
… |
… |
ul.primary-menu { |
1627 | 1642 | right: -0.5rem; |
1628 | 1643 | top: calc(50% - 0.4rem); |
1629 | 1644 | } |
| 1645 | .no-js .primary-menu > li > .icon { |
| 1646 | display:none; |
| 1647 | } |
1630 | 1648 | |
1631 | 1649 | .primary-menu a { |
1632 | 1650 | color: inherit; |
… |
… |
a.to-the-top > * { |
5702 | 5720 | display: flex; |
5703 | 5721 | } |
5704 | 5722 | |
| 5723 | .js .header-navigation-wrapper { |
| 5724 | display:flex; |
| 5725 | } |
| 5726 | |
| 5727 | .no-js .header-navigation-wrapper nav.primary-menu-wrapper ul.primary-menu li, .no-js .header-navigation-wrapper nav.primary-menu-wrapper ul.primary-menu li a { |
| 5728 | width:auto; |
| 5729 | text-align: inherit; |
| 5730 | padding:inherit; |
| 5731 | } |
| 5732 | |
| 5733 | .no-js .header-navigation-wrapper nav.primary-menu-wrapper ul.primary-menu { |
| 5734 | padding-top:0px; |
| 5735 | } |
| 5736 | |
5705 | 5737 | .primary-menu-wrapper { |
5706 | 5738 | display: block; |
5707 | 5739 | width: 100%; |