diff --git a/wp-content/themes/twentyseventeen/404.php b/wp-content/themes/twentyseventeen/404.php index 3bbae9567ab5f1bc52479ab19780708bde0a030d..883f918f2cff89ea6076d9caecfd52c93a093403 100644 --- a/wp-content/themes/twentyseventeen/404.php +++ b/wp-content/themes/twentyseventeen/404.php @@ -1,35 +1,35 @@ -<?php -/** - * The template for displaying 404 pages (not found) - * - * @link https://codex.wordpress.org/Creating_an_Error_404_Page - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - * @version 1.0 - */ - -get_header(); ?> - -<div class="wrap"> - <div id="primary" class="content-area"> - <main id="main" class="site-main" role="main"> - - <section class="error-404 not-found"> - <header class="page-header"> - <h1 class="page-title"><?php _e( 'Oops! That page can’t be found.', 'twentyseventeen' ); ?></h1> - </header><!-- .page-header --> - <div class="page-content"> - <p><?php _e( 'It looks like nothing was found at this location. Maybe try a search?', 'twentyseventeen' ); ?></p> - - <?php get_search_form(); ?> - - </div><!-- .page-content --> - </section><!-- .error-404 --> - </main><!-- #main --> - </div><!-- #primary --> -</div><!-- .wrap --> - -<?php -get_footer(); +<?php +/** + * The template for displaying 404 pages (not found) + * + * @link https://codex.wordpress.org/Creating_an_Error_404_Page + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + * @version 1.0 + */ + +get_header(); ?> + +<div class="wrap"> + <div id="primary" class="content-area"> + <main id="main" class="site-main" role="main"> + + <section class="error-404 not-found"> + <header class="page-header"> + <h1 class="page-title"><?php _e( 'Oops! That page can’t be found.', 'twentyseventeen' ); ?></h1> + </header><!-- .page-header --> + <div class="page-content"> + <p><?php _e( 'It looks like nothing was found at this location. Maybe try a search?', 'twentyseventeen' ); ?></p> + + <?php get_search_form(); ?> + + </div><!-- .page-content --> + </section><!-- .error-404 --> + </main><!-- #main --> + </div><!-- #primary --> +</div><!-- .wrap --> + +<?php +get_footer(); diff --git a/wp-content/themes/twentyseventeen/archive.php b/wp-content/themes/twentyseventeen/archive.php index 574efd37c79eaef3e6e57b2b074244d715640602..2f956893949c69369547ff0b84585b43bfa11f3e 100644 --- a/wp-content/themes/twentyseventeen/archive.php +++ b/wp-content/themes/twentyseventeen/archive.php @@ -1,68 +1,68 @@ -<?php -/** - * The template for displaying archive pages - * - * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - * @version 1.0 - */ - -get_header(); ?> - -<div class="wrap"> - - <?php if ( have_posts() ) : ?> - <header class="page-header"> - <?php - the_archive_title( '<h1 class="page-title">', '</h1>' ); - the_archive_description( '<div class="taxonomy-description">', '</div>' ); - ?> - </header><!-- .page-header --> - <?php endif; ?> - - <div id="primary" class="content-area"> - <main id="main" class="site-main" role="main"> - - <?php - if ( have_posts() ) : - ?> - <?php - // Start the Loop. - while ( have_posts() ) : - the_post(); - - /* - * Include the Post-Format-specific template for the content. - * If you want to override this in a child theme, then include a file - * called content-___.php (where ___ is the Post Format name) and that - * will be used instead. - */ - get_template_part( 'template-parts/post/content', get_post_format() ); - - endwhile; - - the_posts_pagination( - array( - 'prev_text' => twentyseventeen_get_svg( array( 'icon' => 'arrow-left' ) ) . '<span class="screen-reader-text">' . __( 'Previous page', 'twentyseventeen' ) . '</span>', - 'next_text' => '<span class="screen-reader-text">' . __( 'Next page', 'twentyseventeen' ) . '</span>' . twentyseventeen_get_svg( array( 'icon' => 'arrow-right' ) ), - 'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'twentyseventeen' ) . ' </span>', - ) - ); - - else : - - get_template_part( 'template-parts/post/content', 'none' ); - - endif; - ?> - - </main><!-- #main --> - </div><!-- #primary --> - <?php get_sidebar(); ?> -</div><!-- .wrap --> - -<?php -get_footer(); +<?php +/** + * The template for displaying archive pages + * + * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + * @version 1.0 + */ + +get_header(); ?> + +<div class="wrap"> + + <?php if ( have_posts() ) : ?> + <header class="page-header"> + <?php + the_archive_title( '<h1 class="page-title">', '</h1>' ); + the_archive_description( '<div class="taxonomy-description">', '</div>' ); + ?> + </header><!-- .page-header --> + <?php endif; ?> + + <div id="primary" class="content-area"> + <main id="main" class="site-main" role="main"> + + <?php + if ( have_posts() ) : + ?> + <?php + // Start the Loop. + while ( have_posts() ) : + the_post(); + + /* + * Include the Post-Format-specific template for the content. + * If you want to override this in a child theme, then include a file + * called content-___.php (where ___ is the Post Format name) and that + * will be used instead. + */ + get_template_part( 'template-parts/post/content', get_post_format() ); + + endwhile; + + the_posts_pagination( + array( + 'prev_text' => twentyseventeen_get_svg( array( 'icon' => 'arrow-left' ) ) . '<span class="screen-reader-text">' . __( 'Previous page', 'twentyseventeen' ) . '</span>', + 'next_text' => '<span class="screen-reader-text">' . __( 'Next page', 'twentyseventeen' ) . '</span>' . twentyseventeen_get_svg( array( 'icon' => 'arrow-right' ) ), + 'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'twentyseventeen' ) . ' </span>', + ) + ); + + else : + + get_template_part( 'template-parts/post/content', 'none' ); + + endif; + ?> + + </main><!-- #main --> + </div><!-- #primary --> + <?php get_sidebar(); ?> +</div><!-- .wrap --> + +<?php +get_footer(); diff --git a/wp-content/themes/twentyseventeen/assets/css/blocks.css b/wp-content/themes/twentyseventeen/assets/css/blocks.css index 06ef5ca25ad26a584e23fd049997d9c1851d3300..9dfee84f4748463689dc02d60c1534cec8eb8d93 100644 --- a/wp-content/themes/twentyseventeen/assets/css/blocks.css +++ b/wp-content/themes/twentyseventeen/assets/css/blocks.css @@ -1,451 +1,455 @@ -/* -Theme Name: Twenty Seventeen -Description: Used to style blocks. -*/ - -/*-------------------------------------------------------------- ->>> TABLE OF CONTENTS: ----------------------------------------------------------------- -1.0 General Block Styles -2.0 Blocks - Common Blocks -3.0 Blocks - Formatting -4.0 Blocks - Layout Elements -5.0 Blocks - Widgets -6.0 Blocks - Colors ---------------------------------------------------------------*/ - -/*-------------------------------------------------------------- -1.0 General Block Styles ---------------------------------------------------------------*/ - -/* Captions */ - -[class^="wp-block-"]:not(.wp-block-gallery) figcaption { - font-style: italic; - margin-bottom: 1.5em; - text-align: left; -} - -.rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption { - text-align: right; -} - -/*-------------------------------------------------------------- -2.0 Blocks - Common Blocks ---------------------------------------------------------------*/ - -/* Paragraph */ - -p.has-drop-cap:not(:focus)::first-letter { - font-size: 5em; - margin-top: 0.075em; -} - -/* Image */ - -.wp-block-image { - margin-bottom: 1.5em; -} - -.wp-block-image figure { - margin-bottom: 0; - margin-top: 0; -} - -.wp-block-image figure.alignleft { - margin-right: 1.5em; -} - -.wp-block-image figure.alignright { - margin-left: 1.5em; -} - -/* Gallery */ - -.wp-block-gallery { - margin-bottom: 1.5em; -} - -.wp-block-gallery figcaption { - font-style: italic; -} - -.wp-block-gallery.aligncenter { - display: flex; - margin: 0 -8px; -} - -/* Quote */ - -.wp-block-quote:not(.is-large):not(.is-style-large) { - border: 0; - padding: 0; -} - -.wp-block-quote.alignleft p:last-of-type, -.wp-block-quote.alignright p:last-of-type { - margin-bottom: 0; -} - -.wp-block-quote cite { - color: inherit; - font-size: inherit; -} - -/* Audio */ - -.wp-block-audio audio { - display: block; - width: 100%; -} - -/* Cover */ - -.wp-block-cover-image.alignright, -.wp-block-cover.alignright, -.wp-block-cover-image.alignleft, -.wp-block-cover.alignleft, -.wp-block-cover-image.aligncenter, -.wp-block-cover.aligncenter { - display: flex; -} - -/* File */ - -.wp-block-file .wp-block-file__button { - background-color: #222; - -webkit-border-radius: 2px; - border-radius: 2px; - -webkit-box-shadow: none; - box-shadow: none; - color: #fff; - display: inline-block; - font-size: 14px; - font-size: 0.875rem; - font-weight: 800; - margin-top: 2em; - padding: 0.7em 2em; - -webkit-transition: background-color 0.2s ease-in-out; - transition: background-color 0.2s ease-in-out; - white-space: nowrap; -} - -.wp-block-file .wp-block-file__button:hover, -.wp-block-file .wp-block-file__button:focus { - background-color: #767676; - -webkit-box-shadow: none; - box-shadow: none; -} - -/*-------------------------------------------------------------- -3.0 Blocks - Formatting ---------------------------------------------------------------*/ - -/* Code */ - -.wp-block-code { - background: transparent; - border: 0; - padding: 0; -} - -/* Pullquote */ - -.wp-block-pullquote { - border: 0; -} - -.wp-block-pullquote__citation, -.wp-block-pullquote cite { - font-size: inherit; - text-transform: none; -} - -/* Table */ - -.wp-block-table thead th { - border-bottom: 2px solid #bbb; - padding-bottom: 0.5em; -} - -.wp-block-table tr { - border-bottom: 1px solid #eee; -} - -.wp-block-table th, -.wp-block-table td { - border: 0; -} - -.rtl .wp-block-table th, -.rtl .wp-block-table td { - text-align: right; -} - -/*-------------------------------------------------------------- -4.0 Blocks - Layout Elements ---------------------------------------------------------------*/ - -/* Buttons */ - -.wp-block-button .wp-block-button__link { - -webkit-box-shadow: none; - box-shadow: none; - display: inline-block; - font-size: 14px; - font-size: 0.875rem; - font-weight: 800; - line-height: 1.66; - margin-top: 2em; - padding: 0.7em 2em; - -webkit-transition: background-color 0.2s ease-in-out; - transition: background-color 0.2s ease-in-out; - white-space: nowrap; -} - -.entry-content .wp-block-button__link { - background-color: #222; - color: #fff; -} - -.entry-content .is-style-outline .wp-block-button__link:not(.has-background) { - background-color: transparent; -} - -.entry-content .is-style-outline .wp-block-button__link:not(.has-text-color) { - color: #222; -} - -.colors-dark .wp-block-button__link { - background-color: #fff; - color: #000; -} - -.entry-content .wp-block-button__link:hover, -.entry-content .wp-block-button__link:focus, -.entry-content .is-style-outline .wp-block-button__link:not(.has-background):hover, -.entry-content .is-style-outline .wp-block-button__link:not(.has-background):focus { - background-color: #767676; - -webkit-box-shadow: none; - box-shadow: none; - color: #fff; -} - -.colors-dark .entry-content .wp-block-button__link:hover, -.colors-dark .entry-content .wp-block-button__link:focus, -.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-background):hover, -.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-background):focus { - background-color: #bbb; - color: #000; -} - -.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color) { - color: #fff; -} - -.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):hover, -.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):focus { - color: #222; -} - -.colors-custom .entry-content .wp-block-button__link, -.colors-custom .entry-content .wp-block-button__link:hover, -.colors-custom .entry-content .wp-block-button__link:focus, -.colors-dark .entry-content .wp-block-button__link, -.colors-dark .entry-content .wp-block-button__link:hover, -.colors-dark .entry-content .wp-block-button__link:focus { - -webkit-box-shadow: none; - box-shadow: none; -} - -.colors-custom .entry-content .wp-block-button__link:hover, -.colors-custom .entry-content .wp-block-button__link:focus { - color: #fff; -} - -/* Separator */ - -.wp-block-separator { - border: 0; -} - -.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { - max-width: 100px; -} - -/* Media & Text */ - -.wp-block-media-text { - margin-bottom: 1.5em; -} - -.wp-block-media-text *:last-child { - margin-bottom: 0; -} - -/*-------------------------------------------------------------- -5.0 Blocks - Widgets ---------------------------------------------------------------*/ - -/* Archives, Categories & Latest Posts */ - -.wp-block-archives.aligncenter, -.wp-block-categories.aligncenter, -.wp-block-latest-posts.aligncenter { - list-style-position: inside; - text-align: center; -} - -/* Comments */ - -.wp-block-latest-comments article { - margin-bottom: 4em; -} - -.blog:not(.has-sidebar) #primary .wp-block-latest-comments article, -.archive:not(.page-one-column):not(.has-sidebar) #primary .wp-block-latest-comments article, -.search:not(.has-sidebar) #primary .wp-block-latest-comments article { - float: none; - width: 100%; -} - -.wp-block-latest-comments .avatar, -.wp-block-latest-comments__comment-avatar { - border-radius: 0; -} - -.wp-block-latest-comments a { - -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1); - -} - -.wp-block-latest-comments__comment-meta { - font-size: 16px; - font-size: 1rem; - margin-bottom: 0.4em; -} - -.wp-block-latest-comments__comment-author, -.wp-block-latest-comments__comment-link { - font-weight: 700; - text-decoration: none; -} - -.wp-block-latest-comments__comment-date { - color: #767676; - font-size: 10px; - font-size: 0.625rem; - font-weight: 800; - letter-spacing: 0.1818em; - margin-top: 0.4em; - text-transform: uppercase; -} - -.editor-block-list__block .wp-block-latest-comments__comment-excerpt p { - font-size: 14px; - font-size: 0.875rem; -} - -/*-------------------------------------------------------------- -6.0 Blocks - Colors ---------------------------------------------------------------*/ - -.entry-content .has-pale-pink-color { - color: #f78da7; -} - -.entry-content .has-pale-pink-background-color, -.wp-block-button.is-style-outline .has-pale-pink-background-color:link { - background-color: #f78da7; -} - -.entry-content .has-vivid-red-color { - color: #cf2e2e; -} - -.entry-content .has-vivid-red-background-color, -.wp-block-button.is-style-outline .has-vivid-red-background-color:link { - background-color: #cf2e2e; -} - -.entry-content .has-luminous-vivid-orange-color { - color: #ff6900; -} - -.entry-content .has-luminous-vivid-orange-background-color, -.wp-block-button.is-style-outline .has-luminous-vivid-orange-background-color:link { - background-color: #ff6900; -} - -.entry-content .has-luminous-vivid-amber-color { - color: #fcb900; -} - -.entry-content .has-luminous-vivid-amber-background-color, -.wp-block-button.is-style-outline .has-luminous-vivid-amber-background-color:link { - background-color: #fcb900; -} - -.entry-content .has-light-green-cyan-color { - color: #7bdcb5; -} - -.entry-content .has-light-green-cyan-background-color, -.wp-block-button.is-style-outline .has-light-green-cyan-background-color:link { - background-color: #7bdcb5; -} - -.entry-content .has-vivid-green-cyan-color { - color: #00d084; -} - -.entry-content .has-vivid-green-cyan-background-color, -.wp-block-button.is-style-outline .has-vivid-green-cyan-background-color:link { - background-color: #00d084; -} - -.entry-content .has-pale-cyan-blue-color { - color: #8ed1fc; -} - -.entry-content .has-pale-cyan-blue-background-color, -.wp-block-button.is-style-outline .has-pale-cyan-blue-background-color:link { - background-color: #8ed1fc; -} - -.entry-content .has-vivid-cyan-blue-color { - color: #0693e3; -} - -.entry-content .has-vivid-cyan-blue-background-color, -.wp-block-button.is-style-outline .has-vivid-cyan-blue-background-color:link { - background-color: #0693e3; -} - -.entry-content .has-very-light-gray-color { - color: #eee; -} - -.entry-content .has-very-light-gray-background-color, -.wp-block-button.is-style-outline .has-very-light-gray-background-color:link { - background-color: #eee; -} - -.entry-content .has-cyan-bluish-gray-color { - color: #abb8c3; -} - -.entry-content .has-cyan-bluish-gray-background-color, -.wp-block-button.is-style-outline .has-cyan-bluish-gray-background-color:link { - background-color: #abb8c3; -} - -.entry-content .has-very-dark-gray-color { - color: #313131; -} - -.entry-content .has-very-dark-gray-background-color, -.wp-block-button.is-style-outline .has-very-dark-gray-background-color:link { - background-color: #313131; -} +/* +Theme Name: Twenty Seventeen +Description: Used to style blocks. +*/ + +/*-------------------------------------------------------------- +>>> TABLE OF CONTENTS: +---------------------------------------------------------------- +1.0 General Block Styles +2.0 Blocks - Common Blocks +3.0 Blocks - Formatting +4.0 Blocks - Layout Elements +5.0 Blocks - Widgets +6.0 Blocks - Colors +--------------------------------------------------------------*/ + +/*-------------------------------------------------------------- +1.0 General Block Styles +--------------------------------------------------------------*/ + +/* Captions */ + +[class^="wp-block-"]:not(.wp-block-gallery) figcaption { + font-style: italic; + margin-bottom: 1.5em; + text-align: left; +} + +.rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption { + text-align: right; +} + +/*-------------------------------------------------------------- +2.0 Blocks - Common Blocks +--------------------------------------------------------------*/ + +/* Paragraph */ + +p.has-drop-cap:not(:focus)::first-letter { + font-size: 5em; + margin-top: 0.075em; +} + +/* Image */ + +.wp-block-image { + margin-bottom: 1.5em; +} + +.wp-block-image figure { + margin-bottom: 0; + margin-top: 0; +} + +.wp-block-image figure.alignleft { + margin-right: 1.5em; +} + +.wp-block-image figure.alignright { + margin-left: 1.5em; +} + +/* Gallery */ + +.wp-block-gallery { + margin-bottom: 1.5em; +} + +.wp-block-gallery figcaption { + font-style: italic; +} + +.wp-block-gallery.aligncenter { + display: flex; + margin: 0 -8px; +} + +/* Quote */ + +.wp-block-quote:not(.is-large):not(.is-style-large) { + border: 0; + padding: 0; +} + +.wp-block-quote.alignleft p:last-of-type, +.wp-block-quote.alignright p:last-of-type { + margin-bottom: 0; +} + +.wp-block-quote cite { + color: inherit; + font-size: inherit; +} + +/* Audio */ + +.wp-block-audio audio { + display: block; + width: 100%; +} + +/* Cover */ + +.wp-block-cover-image.alignright, +.wp-block-cover.alignright, +.wp-block-cover-image.alignleft, +.wp-block-cover.alignleft, +.wp-block-cover-image.aligncenter, +.wp-block-cover.aligncenter { + display: flex; +} + +/* File */ + +.wp-block-file .wp-block-file__button { + background-color: #222; + -webkit-border-radius: 2px; + border-radius: 2px; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; + display: inline-block; + font-size: 14px; + font-size: 0.875rem; + font-weight: 800; + margin-top: 2em; + padding: 0.7em 2em; + -webkit-transition: background-color 0.2s ease-in-out; + transition: background-color 0.2s ease-in-out; + white-space: nowrap; +} + +.wp-block-file .wp-block-file__button:hover, +.wp-block-file .wp-block-file__button:focus { + background-color: #767676; + -webkit-box-shadow: none; + box-shadow: none; +} + +/*-------------------------------------------------------------- +3.0 Blocks - Formatting +--------------------------------------------------------------*/ + +/* Code */ + +.wp-block-code { + background: transparent; + border: 0; + padding: 0; +} + +.wp-block-code code { + font-size: inherit; +} + +/* Pullquote */ + +.wp-block-pullquote { + border: 0; +} + +.wp-block-pullquote__citation, +.wp-block-pullquote cite { + font-size: inherit; + text-transform: none; +} + +/* Table */ + +.wp-block-table thead th { + border-bottom: 2px solid #bbb; + padding-bottom: 0.5em; +} + +.wp-block-table tr { + border-bottom: 1px solid #eee; +} + +.wp-block-table th, +.wp-block-table td { + border: 0; +} + +.rtl .wp-block-table th, +.rtl .wp-block-table td { + text-align: right; +} + +/*-------------------------------------------------------------- +4.0 Blocks - Layout Elements +--------------------------------------------------------------*/ + +/* Buttons */ + +.wp-block-button .wp-block-button__link { + -webkit-box-shadow: none; + box-shadow: none; + display: inline-block; + font-size: 14px; + font-size: 0.875rem; + font-weight: 800; + line-height: 1.66; + margin-top: 2em; + padding: 0.7em 2em; + -webkit-transition: background-color 0.2s ease-in-out; + transition: background-color 0.2s ease-in-out; + white-space: nowrap; +} + +.entry-content .wp-block-button__link { + background-color: #222; + color: #fff; +} + +.entry-content .is-style-outline .wp-block-button__link:not(.has-background) { + background-color: transparent; +} + +.entry-content .is-style-outline .wp-block-button__link:not(.has-text-color) { + color: #222; +} + +.colors-dark .wp-block-button__link { + background-color: #fff; + color: #000; +} + +.entry-content .wp-block-button__link:hover, +.entry-content .wp-block-button__link:focus, +.entry-content .is-style-outline .wp-block-button__link:not(.has-background):hover, +.entry-content .is-style-outline .wp-block-button__link:not(.has-background):focus { + background-color: #767676; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; +} + +.colors-dark .entry-content .wp-block-button__link:hover, +.colors-dark .entry-content .wp-block-button__link:focus, +.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-background):hover, +.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-background):focus { + background-color: #bbb; + color: #000; +} + +.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color) { + color: #fff; +} + +.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):hover, +.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):focus { + color: #222; +} + +.colors-custom .entry-content .wp-block-button__link, +.colors-custom .entry-content .wp-block-button__link:hover, +.colors-custom .entry-content .wp-block-button__link:focus, +.colors-dark .entry-content .wp-block-button__link, +.colors-dark .entry-content .wp-block-button__link:hover, +.colors-dark .entry-content .wp-block-button__link:focus { + -webkit-box-shadow: none; + box-shadow: none; +} + +.colors-custom .entry-content .wp-block-button__link:hover, +.colors-custom .entry-content .wp-block-button__link:focus { + color: #fff; +} + +/* Separator */ + +.wp-block-separator { + border: 0; +} + +.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { + max-width: 100px; +} + +/* Media & Text */ + +.wp-block-media-text { + margin-bottom: 1.5em; +} + +.wp-block-media-text *:last-child { + margin-bottom: 0; +} + +/*-------------------------------------------------------------- +5.0 Blocks - Widgets +--------------------------------------------------------------*/ + +/* Archives, Categories & Latest Posts */ + +.wp-block-archives.aligncenter, +.wp-block-categories.aligncenter, +.wp-block-latest-posts.aligncenter { + list-style-position: inside; + text-align: center; +} + +/* Comments */ + +.wp-block-latest-comments article { + margin-bottom: 4em; +} + +.blog:not(.has-sidebar) #primary .wp-block-latest-comments article, +.archive:not(.page-one-column):not(.has-sidebar) #primary .wp-block-latest-comments article, +.search:not(.has-sidebar) #primary .wp-block-latest-comments article { + float: none; + width: 100%; +} + +.wp-block-latest-comments .avatar, +.wp-block-latest-comments__comment-avatar { + border-radius: 0; +} + +.wp-block-latest-comments a { + -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1); + +} + +.wp-block-latest-comments__comment-meta { + font-size: 16px; + font-size: 1rem; + margin-bottom: 0.4em; +} + +.wp-block-latest-comments__comment-author, +.wp-block-latest-comments__comment-link { + font-weight: 700; + text-decoration: none; +} + +.wp-block-latest-comments__comment-date { + color: #767676; + font-size: 10px; + font-size: 0.625rem; + font-weight: 800; + letter-spacing: 0.1818em; + margin-top: 0.4em; + text-transform: uppercase; +} + +.editor-block-list__block .wp-block-latest-comments__comment-excerpt p { + font-size: 14px; + font-size: 0.875rem; +} + +/*-------------------------------------------------------------- +6.0 Blocks - Colors +--------------------------------------------------------------*/ + +.entry-content .has-pale-pink-color { + color: #f78da7; +} + +.entry-content .has-pale-pink-background-color, +.wp-block-button.is-style-outline .has-pale-pink-background-color:link { + background-color: #f78da7; +} + +.entry-content .has-vivid-red-color { + color: #cf2e2e; +} + +.entry-content .has-vivid-red-background-color, +.wp-block-button.is-style-outline .has-vivid-red-background-color:link { + background-color: #cf2e2e; +} + +.entry-content .has-luminous-vivid-orange-color { + color: #ff6900; +} + +.entry-content .has-luminous-vivid-orange-background-color, +.wp-block-button.is-style-outline .has-luminous-vivid-orange-background-color:link { + background-color: #ff6900; +} + +.entry-content .has-luminous-vivid-amber-color { + color: #fcb900; +} + +.entry-content .has-luminous-vivid-amber-background-color, +.wp-block-button.is-style-outline .has-luminous-vivid-amber-background-color:link { + background-color: #fcb900; +} + +.entry-content .has-light-green-cyan-color { + color: #7bdcb5; +} + +.entry-content .has-light-green-cyan-background-color, +.wp-block-button.is-style-outline .has-light-green-cyan-background-color:link { + background-color: #7bdcb5; +} + +.entry-content .has-vivid-green-cyan-color { + color: #00d084; +} + +.entry-content .has-vivid-green-cyan-background-color, +.wp-block-button.is-style-outline .has-vivid-green-cyan-background-color:link { + background-color: #00d084; +} + +.entry-content .has-pale-cyan-blue-color { + color: #8ed1fc; +} + +.entry-content .has-pale-cyan-blue-background-color, +.wp-block-button.is-style-outline .has-pale-cyan-blue-background-color:link { + background-color: #8ed1fc; +} + +.entry-content .has-vivid-cyan-blue-color { + color: #0693e3; +} + +.entry-content .has-vivid-cyan-blue-background-color, +.wp-block-button.is-style-outline .has-vivid-cyan-blue-background-color:link { + background-color: #0693e3; +} + +.entry-content .has-very-light-gray-color { + color: #eee; +} + +.entry-content .has-very-light-gray-background-color, +.wp-block-button.is-style-outline .has-very-light-gray-background-color:link { + background-color: #eee; +} + +.entry-content .has-cyan-bluish-gray-color { + color: #abb8c3; +} + +.entry-content .has-cyan-bluish-gray-background-color, +.wp-block-button.is-style-outline .has-cyan-bluish-gray-background-color:link { + background-color: #abb8c3; +} + +.entry-content .has-very-dark-gray-color { + color: #313131; +} + +.entry-content .has-very-dark-gray-background-color, +.wp-block-button.is-style-outline .has-very-dark-gray-background-color:link { + background-color: #313131; +} diff --git a/wp-content/themes/twentyseventeen/assets/css/colors-dark.css b/wp-content/themes/twentyseventeen/assets/css/colors-dark.css index f7b977dca056c4720fc9655899ba0287fa901a3f..b1ed95adcd30b0cdaf2e945b1b694941b25ececc 100644 --- a/wp-content/themes/twentyseventeen/assets/css/colors-dark.css +++ b/wp-content/themes/twentyseventeen/assets/css/colors-dark.css @@ -1,566 +1,566 @@ -/** - * Twenty Seventeen: Dark Color Scheme - * - * See inc/color-patterns.php for dynamic color overrides for the theme. - * - * Colors are ordered from light to dark. - */ - -.colors-dark button, -.colors-dark input[type="button"], -.colors-dark input[type="submit"], -.colors-dark .entry-footer .edit-link a.post-edit-link { - background-color: #fff; -} - -.colors-dark a:hover, -.colors-dark a:active, -.colors-dark .entry-content a:focus, -.colors-dark .entry-content a:hover, -.colors-dark .entry-summary a:focus, -.colors-dark .entry-summary a:hover, -.colors-dark .comment-content a:focus, -.colors-dark .comment-content a:hover, -.colors-dark .widget a:focus, -.colors-dark .widget a:hover, -.colors-dark .site-footer .widget-area a:focus, -.colors-dark .site-footer .widget-area a:hover, -.colors-dark .posts-navigation a:focus, -.colors-dark .posts-navigation a:hover, -.colors-dark .comment-metadata a:focus, -.colors-dark .comment-metadata a:hover, -.colors-dark .comment-metadata a.comment-edit-link:focus, -.colors-dark .comment-metadata a.comment-edit-link:hover, -.colors-dark .comment-reply-link:focus, -.colors-dark .comment-reply-link:hover, -.colors-dark .widget_authors a:focus strong, -.colors-dark .widget_authors a:hover strong, -.colors-dark .entry-title a:focus, -.colors-dark .entry-title a:hover, -.colors-dark .entry-meta a:focus, -.colors-dark .entry-meta a:hover, -.colors-dark.blog .entry-meta a.post-edit-link:focus, -.colors-dark.blog .entry-meta a.post-edit-link:hover, -.colors-dark.archive .entry-meta a.post-edit-link:focus, -.colors-dark.archive .entry-meta a.post-edit-link:hover, -.colors-dark.search .entry-meta a.post-edit-link:focus, -.colors-dark.search .entry-meta a.post-edit-link:hover, -.colors-dark .page-links a:focus .page-number, -.colors-dark .page-links a:hover .page-number, -.colors-dark .entry-footer .cat-links a:focus, -.colors-dark .entry-footer .cat-links a:hover, -.colors-dark .entry-footer .tags-links a:focus, -.colors-dark .entry-footer .tags-links a:hover, -.colors-dark .post-navigation a:focus, -.colors-dark .post-navigation a:hover, -.colors-dark .pagination a:not(.prev):not(.next):focus, -.colors-dark .pagination a:not(.prev):not(.next):hover, -.colors-dark .comments-pagination a:not(.prev):not(.next):focus, -.colors-dark .comments-pagination a:not(.prev):not(.next):hover, -.colors-dark .logged-in-as a:focus, -.colors-dark .logged-in-as a:hover, -.colors-dark a:focus .nav-title, -.colors-dark a:hover .nav-title, -.colors-dark .edit-link a:focus, -.colors-dark .edit-link a:hover, -.colors-dark .site-info a:focus, -.colors-dark .site-info a:hover, -.colors-dark .widget .widget-title a:focus, -.colors-dark .widget .widget-title a:hover, -.colors-dark .widget ul li a:focus, -.colors-dark .widget ul li a:hover { - color: #fff; -} - -.colors-dark .entry-content a:focus, -.colors-dark .entry-content a:hover, -.colors-dark .entry-summary a:focus, -.colors-dark .entry-summary a:hover, -.colors-dark .comment-content a:focus, -.colors-dark .comment-content a:hover, -.colors-dark .widget a:focus, -.colors-dark .widget a:hover, -.colors-dark .site-footer .widget-area a:focus, -.colors-dark .site-footer .widget-area a:hover, -.colors-dark .posts-navigation a:focus, -.colors-dark .posts-navigation a:hover, -.colors-dark .comment-metadata a:focus, -.colors-dark .comment-metadata a:hover, -.colors-dark .comment-metadata a.comment-edit-link:focus, -.colors-dark .comment-metadata a.comment-edit-link:hover, -.colors-dark .comment-reply-link:focus, -.colors-dark .comment-reply-link:hover, -.colors-dark .widget_authors a:focus strong, -.colors-dark .widget_authors a:hover strong, -.colors-dark .entry-title a:focus, -.colors-dark .entry-title a:hover, -.colors-dark .entry-meta a:focus, -.colors-dark .entry-meta a:hover, -.colors-dark.blog .entry-meta a.post-edit-link:focus, -.colors-dark.blog .entry-meta a.post-edit-link:hover, -.colors-dark.archive .entry-meta a.post-edit-link:focus, -.colors-dark.archive .entry-meta a.post-edit-link:hover, -.colors-dark.search .entry-meta a.post-edit-link:focus, -.colors-dark.search .entry-meta a.post-edit-link:hover, -.colors-dark .page-links a:focus .page-number, -.colors-dark .page-links a:hover .page-number, -.colors-dark .entry-footer .cat-links a:focus, -.colors-dark .entry-footer .cat-links a:hover, -.colors-dark .entry-footer .tags-links a:focus, -.colors-dark .entry-footer .tags-links a:hover, -.colors-dark .post-navigation a:focus, -.colors-dark .post-navigation a:hover, -.colors-dark .pagination a:not(.prev):not(.next):focus, -.colors-dark .pagination a:not(.prev):not(.next):hover, -.colors-dark .comments-pagination a:not(.prev):not(.next):focus, -.colors-dark .comments-pagination a:not(.prev):not(.next):hover, -.colors-dark .logged-in-as a:focus, -.colors-dark .logged-in-as a:hover, -.colors-dark a:focus .nav-title, -.colors-dark a:hover .nav-title, -.colors-dark .edit-link a:focus, -.colors-dark .edit-link a:hover, -.colors-dark .site-info a:focus, -.colors-dark .site-info a:hover, -.colors-dark .widget .widget-title a:focus, -.colors-dark .widget .widget-title a:hover, -.colors-dark .widget ul li a:focus, -.colors-dark .widget ul li a:hover { - -webkit-box-shadow: inset 0 0 0 rgba(255, 255, 255, 0), 0 3px 0 rgba(255, 255, 255, 1); /* Equivalant to #fff */ - box-shadow: inset 0 0 0 rgba(255, 255, 255, 0), 0 3px 0 rgba(255, 255, 255, 1); /* Equivalant to #fff */ -} - -.colors-dark .entry-content a, -.colors-dark .entry-summary a, -.colors-dark .comment-content a, -.colors-dark .widget a, -.colors-dark .site-footer .widget-area a, -.colors-dark .posts-navigation a, -.colors-dark .widget_authors a strong { - -webkit-box-shadow: inset 0 -1px 0 rgba(240, 240, 240, 1); /* Equivalant to #f0f0f0 */ - box-shadow: inset 0 -1px 0 rgba(240, 240, 240, 1); /* Equivalant to #f0f0f0 */ -} - -body.colors-dark, -.colors-dark button, -.colors-dark input, -.colors-dark select, -.colors-dark textarea, -.colors-dark h3, -.colors-dark h4, -.colors-dark h6, -.colors-dark label, -.colors-dark .entry-title a, -.colors-dark.twentyseventeen-front-page .panel-content .recent-posts article, -.colors-dark .entry-footer .cat-links a, -.colors-dark .entry-footer .tags-links a, -.colors-dark .format-quote blockquote, -.colors-dark .nav-title, -.colors-dark .comment-body { - color: #eee; -} - -/* Placeholder text color -- selectors need to be separate to work. */ -.colors-dark ::-webkit-input-placeholder { - color: #ddd; -} - -.colors-dark :-moz-placeholder { - color: #ddd; -} - -.colors-dark ::-moz-placeholder { - color: #ddd; -} - -.colors-dark :-ms-input-placeholder { - color: #ddd; -} - -.colors-dark input[type="text"]:focus, -.colors-dark input[type="email"]:focus, -.colors-dark input[type="url"]:focus, -.colors-dark input[type="password"]:focus, -.colors-dark input[type="search"]:focus, -.colors-dark input[type="number"]:focus, -.colors-dark input[type="tel"]:focus, -.colors-dark input[type="range"]:focus, -.colors-dark input[type="date"]:focus, -.colors-dark input[type="month"]:focus, -.colors-dark input[type="week"]:focus, -.colors-dark input[type="time"]:focus, -.colors-dark input[type="datetime"]:focus, -.colors-dark input[type="datetime-local"]:focus, -.colors-dark input[type="color"]:focus, -.colors-dark textarea:focus, -.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar { - border-color: #eee; -} - -.colors-dark input[type="text"]:focus, -.colors-dark input[type="email"]:focus, -.colors-dark input[type="url"]:focus, -.colors-dark input[type="password"]:focus, -.colors-dark input[type="search"]:focus, -.colors-dark input[type="number"]:focus, -.colors-dark input[type="tel"]:focus, -.colors-dark input[type="range"]:focus, -.colors-dark input[type="date"]:focus, -.colors-dark input[type="month"]:focus, -.colors-dark input[type="week"]:focus, -.colors-dark input[type="time"]:focus, -.colors-dark input[type="datetime"]:focus, -.colors-dark input[type="datetime-local"]:focus, -.colors-dark input[type="color"]:focus, -.colors-dark textarea:focus, -.colors-dark button.secondary, -.colors-dark input[type="reset"], -.colors-dark input[type="button"].secondary, -.colors-dark input[type="reset"].secondary, -.colors-dark input[type="submit"].secondary, -.colors-dark a, -.colors-dark .site-title, -.colors-dark .site-title a, -.colors-dark .navigation-top a, -.colors-dark .dropdown-toggle, -.colors-dark .menu-toggle, -.colors-dark .page .panel-content .entry-title, -.colors-dark .page-title, -.colors-dark.page:not(.twentyseventeen-front-page) .entry-title, -.colors-dark .page-links a .page-number, -.colors-dark .comment-metadata a.comment-edit-link, -.colors-dark .comment-reply-link .icon, -.colors-dark h2.widget-title, -.colors-dark mark, -.colors-dark .post-navigation a:focus .icon, -.colors-dark .post-navigation a:hover .icon, -.colors-dark.blog .entry-meta a.post-edit-link, -.colors-dark.archive .entry-meta a.post-edit-link, -.colors-dark.search .entry-meta a.post-edit-link, -.colors-custom .twentyseventeen-panel .recent-posts .entry-header .edit-link { - color: #ddd; -} - -.colors-dark h2, -.colors-dark blockquote, -.colors-dark input[type="text"], -.colors-dark input[type="email"], -.colors-dark input[type="url"], -.colors-dark input[type="password"], -.colors-dark input[type="search"], -.colors-dark input[type="number"], -.colors-dark input[type="tel"], -.colors-dark input[type="range"], -.colors-dark input[type="date"], -.colors-dark input[type="month"], -.colors-dark input[type="week"], -.colors-dark input[type="time"], -.colors-dark input[type="datetime"], -.colors-dark input[type="datetime-local"], -.colors-dark input[type="color"], -.colors-dark textarea, -.colors-dark .navigation-top .current-menu-item > a, -.colors-dark .navigation-top .current_page_item > a, -.colors-dark .entry-content blockquote.alignleft, -.colors-dark .entry-content blockquote.alignright, -.colors-dark .taxonomy-description, -.colors-dark .site-info a, -.colors-dark .wp-caption { - color: #ccc; -} - -.colors-dark abbr, -.colors-dark acronym { - border-bottom-color: #ccc; -} - -.colors-dark h5, -.main-navigation a:hover, -.colors-dark .entry-meta, -.colors-dark .entry-meta a, -.colors-dark .nav-subtitle, -.colors-dark .comment-metadata, -.colors-dark .comment-metadata a, -.colors-dark .no-comments, -.colors-dark .comment-awaiting-moderation, -.colors-dark .page-numbers.current, -.colors-dark .page-links .page-number, -.colors-dark .site-description { - color: #bbb; -} - -.colors-dark :not( .mejs-button ) > button:hover, -.colors-dark :not( .mejs-button ) > button:focus, -.colors-dark input[type="button"]:hover, -.colors-dark input[type="button"]:focus, -.colors-dark input[type="submit"]:hover, -.colors-dark input[type="submit"]:focus, -.colors-dark .prev.page-numbers:focus, -.colors-dark .prev.page-numbers:hover, -.colors-dark .next.page-numbers:focus, -.colors-dark .next.page-numbers:hover, -.colors-dark .entry-footer .edit-link a.post-edit-link:focus, -.colors-dark .entry-footer .edit-link a.post-edit-link:hover { - background: #bbb; -} - -.colors-dark .social-navigation a:hover, -.colors-dark .social-navigation a:focus { - background: #999; - color: #222; -} - -.colors-dark .entry-footer .cat-links .icon, -.colors-dark .entry-footer .tags-links .icon { - color: #666; -} - -.colors-dark button.secondary:hover, -.colors-dark button.secondary:focus, -.colors-dark input[type="reset"]:hover, -.colors-dark input[type="reset"]:focus, -.colors-dark input[type="button"].secondary:hover, -.colors-dark input[type="button"].secondary:focus, -.colors-dark input[type="reset"].secondary:hover, -.colors-dark input[type="reset"].secondary:focus, -.colors-dark input[type="submit"].secondary:hover, -.colors-dark input[type="submit"].secondary:focus, -.colors-dark .social-navigation a, -.colors-dark hr { - background: #555; -} - -.colors-dark input[type="text"], -.colors-dark input[type="email"], -.colors-dark input[type="url"], -.colors-dark input[type="password"], -.colors-dark input[type="search"], -.colors-dark input[type="number"], -.colors-dark input[type="tel"], -.colors-dark input[type="range"], -.colors-dark input[type="date"], -.colors-dark input[type="month"], -.colors-dark input[type="week"], -.colors-dark input[type="time"], -.colors-dark input[type="datetime"], -.colors-dark input[type="datetime-local"], -.colors-dark input[type="color"], -.colors-dark textarea, -.colors-dark select, -.colors-dark fieldset, -.colors-dark .widget .tagcloud a:hover, -.colors-dark .widget .tagcloud a:focus, -.colors-dark .widget.widget_tag_cloud a:hover, -.colors-dark .widget.widget_tag_cloud a:focus, -.colors-dark .wp_widget_tag_cloud a:hover, -.colors-dark .wp_widget_tag_cloud a:focus { - border-color: #555; -} - -.colors-dark button.secondary, -.colors-dark input[type="reset"], -.colors-dark input[type="button"].secondary, -.colors-dark input[type="reset"].secondary, -.colors-dark input[type="submit"].secondary, -.colors-dark .prev.page-numbers, -.colors-dark .next.page-numbers { - background-color: #444; -} - -.colors-dark .widget .tagcloud a, -.colors-dark .widget.widget_tag_cloud a, -.colors-dark .wp_widget_tag_cloud a { - border-color: #444; -} - -.colors-dark.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child), -.colors-dark .widget ul li { - border-top-color: #444; -} - -.colors-dark .widget ul li { - border-bottom-color: #444; -} - -.colors-dark pre, -.colors-dark mark, -.colors-dark ins, -.colors-dark input[type="text"], -.colors-dark input[type="email"], -.colors-dark input[type="url"], -.colors-dark input[type="password"], -.colors-dark input[type="search"], -.colors-dark input[type="number"], -.colors-dark input[type="tel"], -.colors-dark input[type="range"], -.colors-dark input[type="date"], -.colors-dark input[type="month"], -.colors-dark input[type="week"], -.colors-dark input[type="time"], -.colors-dark input[type="datetime"], -.colors-dark input[type="datetime-local"], -.colors-dark input[type="color"], -.colors-dark textarea, -.colors-dark select, -.colors-dark fieldset { - background: #333; -} - -.colors-dark tr, -.colors-dark thead th { - border-color: #333; -} - -.colors-dark .navigation-top, -.colors-dark .main-navigation > div > ul, -.colors-dark .pagination, -.colors-dark .comment-navigation, -.colors-dark .entry-footer, -.colors-dark .site-footer { - border-top-color: #333; -} - -.colors-dark .single-featured-image-header, -.colors-dark .navigation-top, -.colors-dark .main-navigation li, -.colors-dark .entry-footer, -.colors-dark #comments { - border-bottom-color: #333; -} - -.colors-dark .site-header, -.colors-dark .single-featured-image-header { - background-color: #262626; -} - -.colors-dark button, -.colors-dark input[type="button"], -.colors-dark input[type="submit"], -.colors-dark .prev.page-numbers:focus, -.colors-dark .prev.page-numbers:hover, -.colors-dark .next.page-numbers:focus, -.colors-dark .next.page-numbers:hover { - color: #222; -} - -body.colors-dark, -.colors-dark .site-content-contain, -.colors-dark .navigation-top, -.colors-dark .main-navigation ul { - background: #222; -} - -.colors-dark .entry-title a, -.colors-dark .entry-meta a, -.colors-dark.blog .entry-meta a.post-edit-link, -.colors-dark.archive .entry-meta a.post-edit-link, -.colors-dark.search .entry-meta a.post-edit-link, -.colors-dark .page-links a, -.colors-dark .page-links a .page-number, -.colors-dark .entry-footer a, -.colors-dark .entry-footer .cat-links a, -.colors-dark .entry-footer .tags-links a, -.colors-dark .edit-link a, -.colors-dark .post-navigation a, -.colors-dark .logged-in-as a, -.colors-dark .comment-navigation a, -.colors-dark .comment-metadata a, -.colors-dark .comment-metadata a.comment-edit-link, -.colors-dark .comment-reply-link, -.colors-dark a .nav-title, -.colors-dark .pagination a, -.colors-dark .comments-pagination a, -.colors-dark .widget .widget-title a, -.colors-dark .widget ul li a, -.colors-dark .site-footer .widget-area ul li a, -.colors-dark .site-info a { - -webkit-box-shadow: inset 0 -1px 0 rgba(34, 34, 34, 1); /* Equivalant to #222 */ - box-shadow: inset 0 -1px 0 rgba(34, 34, 34, 1); /* Equivalant to #222 */ -} - -/* Fixes linked images */ -.colors-dark .entry-content a img, -.colors-dark .comment-content a img, -.colors-dark .widget a img { - -webkit-box-shadow: 0 0 0 8px #222; - box-shadow: 0 0 0 8px #222; -} - -.colors-dark .entry-footer .edit-link a.post-edit-link { - color: #000; -} - -.colors-dark .menu-toggle, -.colors-dark .menu-toggle:hover, -.colors-dark .menu-toggle:focus, -.colors-dark .dropdown-toggle, -.colors-dark .dropdown-toggle:hover, -.colors-dark .dropdown-toggle:focus, -.colors-dark .menu-scroll-down, -.colors-dark .menu-scroll-down:hover, -.colors-dark .menu-scroll-down:focus { - background-color: transparent; -} - -.colors-dark .gallery-item a, -.colors-dark .gallery-item a:hover, -.colors-dark .gallery-item a:focus, -.colors-dark .widget .tagcloud a, -.colors-dark .widget .tagcloud a:focus, -.colors-dark .widget .tagcloud a:hover, -.colors-dark .widget.widget_tag_cloud a, -.colors-dark .widget.widget_tag_cloud a:focus, -.colors-dark .widget.widget_tag_cloud a:hover, -.colors-dark .wp_widget_tag_cloud a, -.colors-dark .wp_widget_tag_cloud a:focus, -.colors-dark .wp_widget_tag_cloud a:hover, -.colors-dark .entry-footer .edit-link a.post-edit-link:focus, -.colors-dark .entry-footer .edit-link a.post-edit-link:hover { - -webkit-box-shadow: none; - box-shadow: none; -} - -@media screen and (min-width: 48em) { - - .colors-dark .nav-links .nav-previous .nav-title .icon, - .colors-dark .nav-links .nav-next .nav-title .icon { - color: #eee; - } - - .colors-dark .main-navigation li li:hover, - .colors-dark .main-navigation li li.focus { - background: #999; - } - - .colors-dark .menu-scroll-down { - color: #999; - } - - .colors-dark .main-navigation ul ul { - border-color: #333; - background: #222; - } - - .colors-dark .main-navigation ul li.menu-item-has-children:before, - .colors-dark .main-navigation ul li.page_item_has_children:before { - border-bottom-color: #333; - } - - .main-navigation ul li.menu-item-has-children:after, - .main-navigation ul li.page_item_has_children:after { - border-bottom-color: #222; - } - - .colors-dark .main-navigation li li.focus > a, - .colors-dark .main-navigation li li:focus > a, - .colors-dark .main-navigation li li:hover > a, - .colors-dark .main-navigation li li a:hover, - .colors-dark .main-navigation li li a:focus, - .colors-dark .main-navigation li li.current_page_item a:hover, - .colors-dark .main-navigation li li.current-menu-item a:hover, - .colors-dark .main-navigation li li.current_page_item a:focus, - .colors-dark .main-navigation li li.current-menu-item a:focus { - color: #222; - } - -} +/** + * Twenty Seventeen: Dark Color Scheme + * + * See inc/color-patterns.php for dynamic color overrides for the theme. + * + * Colors are ordered from light to dark. + */ + +.colors-dark button, +.colors-dark input[type="button"], +.colors-dark input[type="submit"], +.colors-dark .entry-footer .edit-link a.post-edit-link { + background-color: #fff; +} + +.colors-dark a:hover, +.colors-dark a:active, +.colors-dark .entry-content a:focus, +.colors-dark .entry-content a:hover, +.colors-dark .entry-summary a:focus, +.colors-dark .entry-summary a:hover, +.colors-dark .comment-content a:focus, +.colors-dark .comment-content a:hover, +.colors-dark .widget a:focus, +.colors-dark .widget a:hover, +.colors-dark .site-footer .widget-area a:focus, +.colors-dark .site-footer .widget-area a:hover, +.colors-dark .posts-navigation a:focus, +.colors-dark .posts-navigation a:hover, +.colors-dark .comment-metadata a:focus, +.colors-dark .comment-metadata a:hover, +.colors-dark .comment-metadata a.comment-edit-link:focus, +.colors-dark .comment-metadata a.comment-edit-link:hover, +.colors-dark .comment-reply-link:focus, +.colors-dark .comment-reply-link:hover, +.colors-dark .widget_authors a:focus strong, +.colors-dark .widget_authors a:hover strong, +.colors-dark .entry-title a:focus, +.colors-dark .entry-title a:hover, +.colors-dark .entry-meta a:focus, +.colors-dark .entry-meta a:hover, +.colors-dark.blog .entry-meta a.post-edit-link:focus, +.colors-dark.blog .entry-meta a.post-edit-link:hover, +.colors-dark.archive .entry-meta a.post-edit-link:focus, +.colors-dark.archive .entry-meta a.post-edit-link:hover, +.colors-dark.search .entry-meta a.post-edit-link:focus, +.colors-dark.search .entry-meta a.post-edit-link:hover, +.colors-dark .page-links a:focus .page-number, +.colors-dark .page-links a:hover .page-number, +.colors-dark .entry-footer .cat-links a:focus, +.colors-dark .entry-footer .cat-links a:hover, +.colors-dark .entry-footer .tags-links a:focus, +.colors-dark .entry-footer .tags-links a:hover, +.colors-dark .post-navigation a:focus, +.colors-dark .post-navigation a:hover, +.colors-dark .pagination a:not(.prev):not(.next):focus, +.colors-dark .pagination a:not(.prev):not(.next):hover, +.colors-dark .comments-pagination a:not(.prev):not(.next):focus, +.colors-dark .comments-pagination a:not(.prev):not(.next):hover, +.colors-dark .logged-in-as a:focus, +.colors-dark .logged-in-as a:hover, +.colors-dark a:focus .nav-title, +.colors-dark a:hover .nav-title, +.colors-dark .edit-link a:focus, +.colors-dark .edit-link a:hover, +.colors-dark .site-info a:focus, +.colors-dark .site-info a:hover, +.colors-dark .widget .widget-title a:focus, +.colors-dark .widget .widget-title a:hover, +.colors-dark .widget ul li a:focus, +.colors-dark .widget ul li a:hover { + color: #fff; +} + +.colors-dark .entry-content a:focus, +.colors-dark .entry-content a:hover, +.colors-dark .entry-summary a:focus, +.colors-dark .entry-summary a:hover, +.colors-dark .comment-content a:focus, +.colors-dark .comment-content a:hover, +.colors-dark .widget a:focus, +.colors-dark .widget a:hover, +.colors-dark .site-footer .widget-area a:focus, +.colors-dark .site-footer .widget-area a:hover, +.colors-dark .posts-navigation a:focus, +.colors-dark .posts-navigation a:hover, +.colors-dark .comment-metadata a:focus, +.colors-dark .comment-metadata a:hover, +.colors-dark .comment-metadata a.comment-edit-link:focus, +.colors-dark .comment-metadata a.comment-edit-link:hover, +.colors-dark .comment-reply-link:focus, +.colors-dark .comment-reply-link:hover, +.colors-dark .widget_authors a:focus strong, +.colors-dark .widget_authors a:hover strong, +.colors-dark .entry-title a:focus, +.colors-dark .entry-title a:hover, +.colors-dark .entry-meta a:focus, +.colors-dark .entry-meta a:hover, +.colors-dark.blog .entry-meta a.post-edit-link:focus, +.colors-dark.blog .entry-meta a.post-edit-link:hover, +.colors-dark.archive .entry-meta a.post-edit-link:focus, +.colors-dark.archive .entry-meta a.post-edit-link:hover, +.colors-dark.search .entry-meta a.post-edit-link:focus, +.colors-dark.search .entry-meta a.post-edit-link:hover, +.colors-dark .page-links a:focus .page-number, +.colors-dark .page-links a:hover .page-number, +.colors-dark .entry-footer .cat-links a:focus, +.colors-dark .entry-footer .cat-links a:hover, +.colors-dark .entry-footer .tags-links a:focus, +.colors-dark .entry-footer .tags-links a:hover, +.colors-dark .post-navigation a:focus, +.colors-dark .post-navigation a:hover, +.colors-dark .pagination a:not(.prev):not(.next):focus, +.colors-dark .pagination a:not(.prev):not(.next):hover, +.colors-dark .comments-pagination a:not(.prev):not(.next):focus, +.colors-dark .comments-pagination a:not(.prev):not(.next):hover, +.colors-dark .logged-in-as a:focus, +.colors-dark .logged-in-as a:hover, +.colors-dark a:focus .nav-title, +.colors-dark a:hover .nav-title, +.colors-dark .edit-link a:focus, +.colors-dark .edit-link a:hover, +.colors-dark .site-info a:focus, +.colors-dark .site-info a:hover, +.colors-dark .widget .widget-title a:focus, +.colors-dark .widget .widget-title a:hover, +.colors-dark .widget ul li a:focus, +.colors-dark .widget ul li a:hover { + -webkit-box-shadow: inset 0 0 0 rgba(255, 255, 255, 0), 0 3px 0 rgba(255, 255, 255, 1); /* Equivalant to #fff */ + box-shadow: inset 0 0 0 rgba(255, 255, 255, 0), 0 3px 0 rgba(255, 255, 255, 1); /* Equivalant to #fff */ +} + +.colors-dark .entry-content a, +.colors-dark .entry-summary a, +.colors-dark .comment-content a, +.colors-dark .widget a, +.colors-dark .site-footer .widget-area a, +.colors-dark .posts-navigation a, +.colors-dark .widget_authors a strong { + -webkit-box-shadow: inset 0 -1px 0 rgba(240, 240, 240, 1); /* Equivalant to #f0f0f0 */ + box-shadow: inset 0 -1px 0 rgba(240, 240, 240, 1); /* Equivalant to #f0f0f0 */ +} + +body.colors-dark, +.colors-dark button, +.colors-dark input, +.colors-dark select, +.colors-dark textarea, +.colors-dark h3, +.colors-dark h4, +.colors-dark h6, +.colors-dark label, +.colors-dark .entry-title a, +.colors-dark.twentyseventeen-front-page .panel-content .recent-posts article, +.colors-dark .entry-footer .cat-links a, +.colors-dark .entry-footer .tags-links a, +.colors-dark .format-quote blockquote, +.colors-dark .nav-title, +.colors-dark .comment-body { + color: #eee; +} + +/* Placeholder text color -- selectors need to be separate to work. */ +.colors-dark ::-webkit-input-placeholder { + color: #ddd; +} + +.colors-dark :-moz-placeholder { + color: #ddd; +} + +.colors-dark ::-moz-placeholder { + color: #ddd; +} + +.colors-dark :-ms-input-placeholder { + color: #ddd; +} + +.colors-dark input[type="text"]:focus, +.colors-dark input[type="email"]:focus, +.colors-dark input[type="url"]:focus, +.colors-dark input[type="password"]:focus, +.colors-dark input[type="search"]:focus, +.colors-dark input[type="number"]:focus, +.colors-dark input[type="tel"]:focus, +.colors-dark input[type="range"]:focus, +.colors-dark input[type="date"]:focus, +.colors-dark input[type="month"]:focus, +.colors-dark input[type="week"]:focus, +.colors-dark input[type="time"]:focus, +.colors-dark input[type="datetime"]:focus, +.colors-dark input[type="datetime-local"]:focus, +.colors-dark input[type="color"]:focus, +.colors-dark textarea:focus, +.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar { + border-color: #eee; +} + +.colors-dark input[type="text"]:focus, +.colors-dark input[type="email"]:focus, +.colors-dark input[type="url"]:focus, +.colors-dark input[type="password"]:focus, +.colors-dark input[type="search"]:focus, +.colors-dark input[type="number"]:focus, +.colors-dark input[type="tel"]:focus, +.colors-dark input[type="range"]:focus, +.colors-dark input[type="date"]:focus, +.colors-dark input[type="month"]:focus, +.colors-dark input[type="week"]:focus, +.colors-dark input[type="time"]:focus, +.colors-dark input[type="datetime"]:focus, +.colors-dark input[type="datetime-local"]:focus, +.colors-dark input[type="color"]:focus, +.colors-dark textarea:focus, +.colors-dark button.secondary, +.colors-dark input[type="reset"], +.colors-dark input[type="button"].secondary, +.colors-dark input[type="reset"].secondary, +.colors-dark input[type="submit"].secondary, +.colors-dark a, +.colors-dark .site-title, +.colors-dark .site-title a, +.colors-dark .navigation-top a, +.colors-dark .dropdown-toggle, +.colors-dark .menu-toggle, +.colors-dark .page .panel-content .entry-title, +.colors-dark .page-title, +.colors-dark.page:not(.twentyseventeen-front-page) .entry-title, +.colors-dark .page-links a .page-number, +.colors-dark .comment-metadata a.comment-edit-link, +.colors-dark .comment-reply-link .icon, +.colors-dark h2.widget-title, +.colors-dark mark, +.colors-dark .post-navigation a:focus .icon, +.colors-dark .post-navigation a:hover .icon, +.colors-dark.blog .entry-meta a.post-edit-link, +.colors-dark.archive .entry-meta a.post-edit-link, +.colors-dark.search .entry-meta a.post-edit-link, +.colors-custom .twentyseventeen-panel .recent-posts .entry-header .edit-link { + color: #ddd; +} + +.colors-dark h2, +.colors-dark blockquote, +.colors-dark input[type="text"], +.colors-dark input[type="email"], +.colors-dark input[type="url"], +.colors-dark input[type="password"], +.colors-dark input[type="search"], +.colors-dark input[type="number"], +.colors-dark input[type="tel"], +.colors-dark input[type="range"], +.colors-dark input[type="date"], +.colors-dark input[type="month"], +.colors-dark input[type="week"], +.colors-dark input[type="time"], +.colors-dark input[type="datetime"], +.colors-dark input[type="datetime-local"], +.colors-dark input[type="color"], +.colors-dark textarea, +.colors-dark .navigation-top .current-menu-item > a, +.colors-dark .navigation-top .current_page_item > a, +.colors-dark .entry-content blockquote.alignleft, +.colors-dark .entry-content blockquote.alignright, +.colors-dark .taxonomy-description, +.colors-dark .site-info a, +.colors-dark .wp-caption { + color: #ccc; +} + +.colors-dark abbr, +.colors-dark acronym { + border-bottom-color: #ccc; +} + +.colors-dark h5, +.main-navigation a:hover, +.colors-dark .entry-meta, +.colors-dark .entry-meta a, +.colors-dark .nav-subtitle, +.colors-dark .comment-metadata, +.colors-dark .comment-metadata a, +.colors-dark .no-comments, +.colors-dark .comment-awaiting-moderation, +.colors-dark .page-numbers.current, +.colors-dark .page-links .page-number, +.colors-dark .site-description { + color: #bbb; +} + +.colors-dark :not( .mejs-button ) > button:hover, +.colors-dark :not( .mejs-button ) > button:focus, +.colors-dark input[type="button"]:hover, +.colors-dark input[type="button"]:focus, +.colors-dark input[type="submit"]:hover, +.colors-dark input[type="submit"]:focus, +.colors-dark .prev.page-numbers:focus, +.colors-dark .prev.page-numbers:hover, +.colors-dark .next.page-numbers:focus, +.colors-dark .next.page-numbers:hover, +.colors-dark .entry-footer .edit-link a.post-edit-link:focus, +.colors-dark .entry-footer .edit-link a.post-edit-link:hover { + background: #bbb; +} + +.colors-dark .social-navigation a:hover, +.colors-dark .social-navigation a:focus { + background: #999; + color: #222; +} + +.colors-dark .entry-footer .cat-links .icon, +.colors-dark .entry-footer .tags-links .icon { + color: #666; +} + +.colors-dark button.secondary:hover, +.colors-dark button.secondary:focus, +.colors-dark input[type="reset"]:hover, +.colors-dark input[type="reset"]:focus, +.colors-dark input[type="button"].secondary:hover, +.colors-dark input[type="button"].secondary:focus, +.colors-dark input[type="reset"].secondary:hover, +.colors-dark input[type="reset"].secondary:focus, +.colors-dark input[type="submit"].secondary:hover, +.colors-dark input[type="submit"].secondary:focus, +.colors-dark .social-navigation a, +.colors-dark hr { + background: #555; +} + +.colors-dark input[type="text"], +.colors-dark input[type="email"], +.colors-dark input[type="url"], +.colors-dark input[type="password"], +.colors-dark input[type="search"], +.colors-dark input[type="number"], +.colors-dark input[type="tel"], +.colors-dark input[type="range"], +.colors-dark input[type="date"], +.colors-dark input[type="month"], +.colors-dark input[type="week"], +.colors-dark input[type="time"], +.colors-dark input[type="datetime"], +.colors-dark input[type="datetime-local"], +.colors-dark input[type="color"], +.colors-dark textarea, +.colors-dark select, +.colors-dark fieldset, +.colors-dark .widget .tagcloud a:hover, +.colors-dark .widget .tagcloud a:focus, +.colors-dark .widget.widget_tag_cloud a:hover, +.colors-dark .widget.widget_tag_cloud a:focus, +.colors-dark .wp_widget_tag_cloud a:hover, +.colors-dark .wp_widget_tag_cloud a:focus { + border-color: #555; +} + +.colors-dark button.secondary, +.colors-dark input[type="reset"], +.colors-dark input[type="button"].secondary, +.colors-dark input[type="reset"].secondary, +.colors-dark input[type="submit"].secondary, +.colors-dark .prev.page-numbers, +.colors-dark .next.page-numbers { + background-color: #444; +} + +.colors-dark .widget .tagcloud a, +.colors-dark .widget.widget_tag_cloud a, +.colors-dark .wp_widget_tag_cloud a { + border-color: #444; +} + +.colors-dark.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child), +.colors-dark .widget ul li { + border-top-color: #444; +} + +.colors-dark .widget ul li { + border-bottom-color: #444; +} + +.colors-dark pre, +.colors-dark mark, +.colors-dark ins, +.colors-dark input[type="text"], +.colors-dark input[type="email"], +.colors-dark input[type="url"], +.colors-dark input[type="password"], +.colors-dark input[type="search"], +.colors-dark input[type="number"], +.colors-dark input[type="tel"], +.colors-dark input[type="range"], +.colors-dark input[type="date"], +.colors-dark input[type="month"], +.colors-dark input[type="week"], +.colors-dark input[type="time"], +.colors-dark input[type="datetime"], +.colors-dark input[type="datetime-local"], +.colors-dark input[type="color"], +.colors-dark textarea, +.colors-dark select, +.colors-dark fieldset { + background: #333; +} + +.colors-dark tr, +.colors-dark thead th { + border-color: #333; +} + +.colors-dark .navigation-top, +.colors-dark .main-navigation > div > ul, +.colors-dark .pagination, +.colors-dark .comment-navigation, +.colors-dark .entry-footer, +.colors-dark .site-footer { + border-top-color: #333; +} + +.colors-dark .single-featured-image-header, +.colors-dark .navigation-top, +.colors-dark .main-navigation li, +.colors-dark .entry-footer, +.colors-dark #comments { + border-bottom-color: #333; +} + +.colors-dark .site-header, +.colors-dark .single-featured-image-header { + background-color: #262626; +} + +.colors-dark button, +.colors-dark input[type="button"], +.colors-dark input[type="submit"], +.colors-dark .prev.page-numbers:focus, +.colors-dark .prev.page-numbers:hover, +.colors-dark .next.page-numbers:focus, +.colors-dark .next.page-numbers:hover { + color: #222; +} + +body.colors-dark, +.colors-dark .site-content-contain, +.colors-dark .navigation-top, +.colors-dark .main-navigation ul { + background: #222; +} + +.colors-dark .entry-title a, +.colors-dark .entry-meta a, +.colors-dark.blog .entry-meta a.post-edit-link, +.colors-dark.archive .entry-meta a.post-edit-link, +.colors-dark.search .entry-meta a.post-edit-link, +.colors-dark .page-links a, +.colors-dark .page-links a .page-number, +.colors-dark .entry-footer a, +.colors-dark .entry-footer .cat-links a, +.colors-dark .entry-footer .tags-links a, +.colors-dark .edit-link a, +.colors-dark .post-navigation a, +.colors-dark .logged-in-as a, +.colors-dark .comment-navigation a, +.colors-dark .comment-metadata a, +.colors-dark .comment-metadata a.comment-edit-link, +.colors-dark .comment-reply-link, +.colors-dark a .nav-title, +.colors-dark .pagination a, +.colors-dark .comments-pagination a, +.colors-dark .widget .widget-title a, +.colors-dark .widget ul li a, +.colors-dark .site-footer .widget-area ul li a, +.colors-dark .site-info a { + -webkit-box-shadow: inset 0 -1px 0 rgba(34, 34, 34, 1); /* Equivalant to #222 */ + box-shadow: inset 0 -1px 0 rgba(34, 34, 34, 1); /* Equivalant to #222 */ +} + +/* Fixes linked images */ +.colors-dark .entry-content a img, +.colors-dark .comment-content a img, +.colors-dark .widget a img { + -webkit-box-shadow: 0 0 0 8px #222; + box-shadow: 0 0 0 8px #222; +} + +.colors-dark .entry-footer .edit-link a.post-edit-link { + color: #000; +} + +.colors-dark .menu-toggle, +.colors-dark .menu-toggle:hover, +.colors-dark .menu-toggle:focus, +.colors-dark .dropdown-toggle, +.colors-dark .dropdown-toggle:hover, +.colors-dark .dropdown-toggle:focus, +.colors-dark .menu-scroll-down, +.colors-dark .menu-scroll-down:hover, +.colors-dark .menu-scroll-down:focus { + background-color: transparent; +} + +.colors-dark .gallery-item a, +.colors-dark .gallery-item a:hover, +.colors-dark .gallery-item a:focus, +.colors-dark .widget .tagcloud a, +.colors-dark .widget .tagcloud a:focus, +.colors-dark .widget .tagcloud a:hover, +.colors-dark .widget.widget_tag_cloud a, +.colors-dark .widget.widget_tag_cloud a:focus, +.colors-dark .widget.widget_tag_cloud a:hover, +.colors-dark .wp_widget_tag_cloud a, +.colors-dark .wp_widget_tag_cloud a:focus, +.colors-dark .wp_widget_tag_cloud a:hover, +.colors-dark .entry-footer .edit-link a.post-edit-link:focus, +.colors-dark .entry-footer .edit-link a.post-edit-link:hover { + -webkit-box-shadow: none; + box-shadow: none; +} + +@media screen and (min-width: 48em) { + + .colors-dark .nav-links .nav-previous .nav-title .icon, + .colors-dark .nav-links .nav-next .nav-title .icon { + color: #eee; + } + + .colors-dark .main-navigation li li:hover, + .colors-dark .main-navigation li li.focus { + background: #999; + } + + .colors-dark .menu-scroll-down { + color: #999; + } + + .colors-dark .main-navigation ul ul { + border-color: #333; + background: #222; + } + + .colors-dark .main-navigation ul li.menu-item-has-children:before, + .colors-dark .main-navigation ul li.page_item_has_children:before { + border-bottom-color: #333; + } + + .main-navigation ul li.menu-item-has-children:after, + .main-navigation ul li.page_item_has_children:after { + border-bottom-color: #222; + } + + .colors-dark .main-navigation li li.focus > a, + .colors-dark .main-navigation li li:focus > a, + .colors-dark .main-navigation li li:hover > a, + .colors-dark .main-navigation li li a:hover, + .colors-dark .main-navigation li li a:focus, + .colors-dark .main-navigation li li.current_page_item a:hover, + .colors-dark .main-navigation li li.current-menu-item a:hover, + .colors-dark .main-navigation li li.current_page_item a:focus, + .colors-dark .main-navigation li li.current-menu-item a:focus { + color: #222; + } + +} diff --git a/wp-content/themes/twentyseventeen/assets/css/editor-blocks.css b/wp-content/themes/twentyseventeen/assets/css/editor-blocks.css index 361e5b6b2350e3d6a34d2403f60983217193aa21..f512e38b4b8fc2b5fd74866e8f1163e2dca0df5f 100644 --- a/wp-content/themes/twentyseventeen/assets/css/editor-blocks.css +++ b/wp-content/themes/twentyseventeen/assets/css/editor-blocks.css @@ -1,808 +1,820 @@ -/* -Theme Name: Twenty Seventeen -Description: Used to style blocks in the editor. -*/ - -/*-------------------------------------------------------------- ->>> TABLE OF CONTENTS: ----------------------------------------------------------------- -1.0 General Typography -2.0 General Block Settings -3.0 Blocks - Common Blocks -4.0 Blocks - Formatting -5.0 Blocks - Layout Elements -6.0 Blocks - Widgets - ---------------------------------------------------------------*/ - -/*-------------------------------------------------------------- -1.0 General Typography ---------------------------------------------------------------*/ - -.edit-post-visual-editor .editor-block-list__block, -.editor-default-block-appender textarea.editor-default-block-appender__content { - font-size: 15px; - font-size: 0.9375rem; -} - -.editor-default-block-appender textarea.editor-default-block-appender__content { - font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; -} - -.edit-post-visual-editor .editor-block-list__block { - color: #333; -} - -.editor-post-title__block .editor-post-title__input { - color: #333; - font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; - font-size: 20px; - font-size: 1.25rem; - font-weight: 300; -} - -@media screen and (min-width: 30em) { - - .edit-post-visual-editor .editor-block-list__block { - font-size: 18px; - font-size: 1.125rem; - } - - .editor-post-title__block .editor-post-title__input { - font-size: 26px; - font-size: 1.625rem; - } - - .edit-post-visual-editor .editor-block-list__block h1 { - font-size: 30px; - font-size: 1.875rem; - } - - .edit-post-visual-editor .editor-block-list__block h2 { - font-size: 26px; - font-size: 1.625rem; - } - - .edit-post-visual-editor .editor-block-list__block h3 { - font-size: 22px; - font-size: 1.375rem; - } - - .edit-post-visual-editor .editor-block-list__block h4 { - font-size: 18px; - font-size: 1.125rem; - } - - .edit-post-visual-editor .editor-block-list__block h5 { - font-size: 13px; - font-size: 0.8125rem; - } - - .edit-post-visual-editor .editor-block-list__block h6 { - font-size: 16px; - font-size: 1rem; - } -} - -@media screen and (min-width: 48em) { - - .edit-post-visual-editor .editor-block-list__block { - font-size: 16px; - font-size: 1rem; - } - - .editor-rich-text__tinymce.mce-content-body { - line-height: 1.5; - } -} - -/* Typography for Arabic Font */ - -html[lang="ar"] .edit-post-visual-editor .editor-block-list__block, -html[lang="ary"] .edit-post-visual-editor .editor-block-list__block, -html[lang="azb"] .edit-post-visual-editor .editor-block-list__block, -html[lang="fa-IR"] .edit-post-visual-editor .editor-block-list__block, -html[lang="haz"] .edit-post-visual-editor .editor-block-list__block, -html[lang="ps"] .edit-post-visual-editor .editor-block-list__block, -html[lang="ur"] .edit-post-visual-editor .editor-block-list__block { - font-family: Tahoma, Arial, sans-serif; -} - -html[lang="ar"] .edit-post-visual-editor h1, -html[lang="ar"] .edit-post-visual-editor h2, -html[lang="ar"] .edit-post-visual-editor h3, -html[lang="ar"] .edit-post-visual-editor h4, -html[lang="ar"] .edit-post-visual-editor h5, -html[lang="ar"] .edit-post-visual-editor h6, -html[lang="ary"] .edit-post-visual-editor h1, -html[lang="ary"] .edit-post-visual-editor h2, -html[lang="ary"] .edit-post-visual-editor h3, -html[lang="ary"] .edit-post-visual-editor h4, -html[lang="ary"] .edit-post-visual-editor h5, -html[lang="ary"] .edit-post-visual-editor h6, -html[lang="azb"] .edit-post-visual-editor h1, -html[lang="azb"] .edit-post-visual-editor h2, -html[lang="azb"] .edit-post-visual-editor h3, -html[lang="azb"] .edit-post-visual-editor h4, -html[lang="azb"] .edit-post-visual-editor h5, -html[lang="azb"] .edit-post-visual-editor h6, -html[lang="fa-IR"] .edit-post-visual-editor h1, -html[lang="fa-IR"] .edit-post-visual-editor h2, -html[lang="fa-IR"] .edit-post-visual-editor h3, -html[lang="fa-IR"] .edit-post-visual-editor h4, -html[lang="fa-IR"] .edit-post-visual-editor h5, -html[lang="fa-IR"] .edit-post-visual-editor h6, -html[lang="haz"] .edit-post-visual-editor h1, -html[lang="haz"] .edit-post-visual-editor h2, -html[lang="haz"] .edit-post-visual-editor h3, -html[lang="haz"] .edit-post-visual-editor h4, -html[lang="haz"] .edit-post-visual-editor h5, -html[lang="haz"] .edit-post-visual-editor h6, -html[lang="ps"] .edit-post-visual-editor h1, -html[lang="ps"] .edit-post-visual-editor h2, -html[lang="ps"] .edit-post-visual-editor h3, -html[lang="ps"] .edit-post-visual-editor h4, -html[lang="ps"] .edit-post-visual-editor h5, -html[lang="ps"] .edit-post-visual-editor h6, -html[lang="ur"] .edit-post-visual-editor h1, -html[lang="ur"] .edit-post-visual-editor h2, -html[lang="ur"] .edit-post-visual-editor h3, -html[lang="ur"] .edit-post-visual-editor h4, -html[lang="ur"] .edit-post-visual-editor h5, -html[lang="ur"] .edit-post-visual-editor h6 { - font-weight: 700; -} - -/* Typography for Chinese Font */ - -html[lang^="zh-"] .edit-post-visual-editor .editor-block-list__block { - font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif; -} - -html[lang="zh-CN"] .edit-post-visual-editor .editor-block-list__block { - font-family: "PingFang SC", "Helvetica Neue", Helvetica, STHeitiSC-Light, Arial, sans-serif; -} - -html[lang^="zh-"] .edit-post-visual-editor h1, -html[lang^="zh-"] .edit-post-visual-editor h2, -html[lang^="zh-"] .edit-post-visual-editor h3, -html[lang^="zh-"] .edit-post-visual-editor h4, -html[lang^="zh-"] .edit-post-visual-editor h5, -html[lang^="zh-"] .edit-post-visual-editor h6 { - font-weight: 700; -} - -/* Typography for Cyrillic Font */ - -html[lang="bg-BG"] .edit-post-visual-editor .editor-block-list__block, -html[lang="ru-RU"] .edit-post-visual-editor .editor-block-list__block, -html[lang="uk"] .edit-post-visual-editor .editor-block-list__block { - font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; -} - -html[lang="bg-BG"] .edit-post-visual-editor h1, -html[lang="bg-BG"] .edit-post-visual-editor h2, -html[lang="bg-BG"] .edit-post-visual-editor h3, -html[lang="bg-BG"] .edit-post-visual-editor h4, -html[lang="bg-BG"] .edit-post-visual-editor h5, -html[lang="bg-BG"] .edit-post-visual-editor h6, -html[lang="ru-RU"] .edit-post-visual-editor h1, -html[lang="ru-RU"] .edit-post-visual-editor h2, -html[lang="ru-RU"] .edit-post-visual-editor h3, -html[lang="ru-RU"] .edit-post-visual-editor h4, -html[lang="ru-RU"] .edit-post-visual-editor h5, -html[lang="ru-RU"] .edit-post-visual-editor h6, -html[lang="uk"] .edit-post-visual-editor h1, -html[lang="uk"] .edit-post-visual-editor h2, -html[lang="uk"] .edit-post-visual-editor h3, -html[lang="uk"] .edit-post-visual-editor h4, -html[lang="uk"] .edit-post-visual-editor h5, -html[lang="uk"] .edit-post-visual-editor h6 { - font-weight: 700; - line-height: 1.2; -} - -/* Typography for Devanagari Font */ - -html[lang="bn-BD"] .edit-post-visual-editor .editor-block-list__block, -html[lang="hi-IN"] .edit-post-visual-editor .editor-block-list__block, -html[lang="mr-IN"] .edit-post-visual-editor .editor-block-list__block { - font-family: Arial, sans-serif; -} - -html[lang="bn-BD"] .edit-post-visual-editor h1, -html[lang="bn-BD"] .edit-post-visual-editor h2, -html[lang="bn-BD"] .edit-post-visual-editor h3, -html[lang="bn-BD"] .edit-post-visual-editor h4, -html[lang="bn-BD"] .edit-post-visual-editor h5, -html[lang="bn-BD"] .edit-post-visual-editor h6, -html[lang="hi-IN"] .edit-post-visual-editor h1, -html[lang="hi-IN"] .edit-post-visual-editor h2, -html[lang="hi-IN"] .edit-post-visual-editor h3, -html[lang="hi-IN"] .edit-post-visual-editor h4, -html[lang="hi-IN"] .edit-post-visual-editor h5, -html[lang="hi-IN"] .edit-post-visual-editor h6, -html[lang="mr-IN"] .edit-post-visual-editor h1, -html[lang="mr-IN"] .edit-post-visual-editor h2, -html[lang="mr-IN"] .edit-post-visual-editor h3, -html[lang="mr-IN"] .edit-post-visual-editor h4, -html[lang="mr-IN"] .edit-post-visual-editor h5, -html[lang="mr-IN"] .edit-post-visual-editor h6 { - font-weight: 700; -} - -/* Typography for Greek Font */ - -html[lang="el"] .edit-post-visual-editor .editor-block-list__block { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -} - -html[lang="el"] .edit-post-visual-editor h1, -html[lang="el"] .edit-post-visual-editor h2, -html[lang="el"] .edit-post-visual-editor h3, -html[lang="el"] .edit-post-visual-editor h4, -html[lang="el"] .edit-post-visual-editor h5, -html[lang="el"] .edit-post-visual-editor h6 { - font-weight: 700; - line-height: 1.3; -} - -/* Typography for Gujarati Font */ - -html[lang="gu-IN"] .edit-post-visual-editor .editor-block-list__block { - font-family: Arial, sans-serif; -} - -html[lang="gu-IN"] .edit-post-visual-editor h1, -html[lang="gu-IN"] .edit-post-visual-editor h2, -html[lang="gu-IN"] .edit-post-visual-editor h3, -html[lang="gu-IN"] .edit-post-visual-editor h4, -html[lang="gu-IN"] .edit-post-visual-editor h5, -html[lang="gu-IN"] .edit-post-visual-editor h6 { - font-weight: 700; -} - -/* Typography for Hebrew Font */ - -html[lang="he-IL"] .edit-post-visual-editor .editor-block-list__block { - font-family: "Arial Hebrew", Arial, sans-serif; -} - -html[lang="he-IL"] .edit-post-visual-editor h1, -html[lang="he-IL"] .edit-post-visual-editor h2, -html[lang="he-IL"] .edit-post-visual-editor h3, -html[lang="he-IL"] .edit-post-visual-editor h4, -html[lang="he-IL"] .edit-post-visual-editor h5, -html[lang="he-IL"] .edit-post-visual-editor h6 { - font-weight: 700; -} - -/* Typography for Japanese Font */ - -html[lang="ja"] .edit-post-visual-editor .editor-block-list__block { - font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif; -} - -html[lang="ja"] .edit-post-visual-editor h1, -html[lang="ja"] .edit-post-visual-editor h2, -html[lang="ja"] .edit-post-visual-editor h3, -html[lang="ja"] .edit-post-visual-editor h4, -html[lang="ja"] .edit-post-visual-editor h5, -html[lang="ja"] .edit-post-visual-editor h6 { - font-weight: 700; -} - -/* Typography for Korean font */ - -html[lang="ko-KR"] .edit-post-visual-editor .editor-block-list__block { - font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif; -} - -html[lang="ko-KR"] .edit-post-visual-editor h1, -html[lang="ko-KR"] .edit-post-visual-editor h2, -html[lang="ko-KR"] .edit-post-visual-editor h3, -html[lang="ko-KR"] .edit-post-visual-editor h4, -html[lang="ko-KR"] .edit-post-visual-editor h5, -html[lang="ko-KR"] .edit-post-visual-editor h6 { - font-weight: 600; -} - -/* Typography for Thai Font */ - -html[lang="th"] .edit-post-visual-editor .editor-block-list__block { - line-height: 1.8; - font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif; -} - -html[lang="th"] .edit-post-visual-editor h1, -html[lang="th"] .edit-post-visual-editor h2, -html[lang="th"] .edit-post-visual-editor h3, -html[lang="th"] .edit-post-visual-editor h4, -html[lang="th"] .edit-post-visual-editor h5, -html[lang="th"] .edit-post-visual-editor h6 { - line-height: 1.65; - font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif; -} - -/* Remove letter-spacing for all non-latin alphabets */ - -html[lang="ar"] .edit-post-visual-editor *, -html[lang="ary"] .edit-post-visual-editor *, -html[lang="azb"] .edit-post-visual-editor *, -html[lang="haz"] .edit-post-visual-editor *, -html[lang="ps"] .edit-post-visual-editor *, -html[lang^="zh-"] .edit-post-visual-editor *, -html[lang="bg-BG"] .edit-post-visual-editor *, -html[lang="ru-RU"] .edit-post-visual-editor *, -html[lang="uk"] .edit-post-visual-editor *, -html[lang="bn-BD"] .edit-post-visual-editor *, -html[lang="hi-IN"] .edit-post-visual-editor *, -html[lang="mr-IN"] .edit-post-visual-editor *, -html[lang="el"] .edit-post-visual-editor *, -html[lang="gu-IN"] .edit-post-visual-editor *, -html[lang="he-IL"] .edit-post-visual-editor *, -html[lang="ja"] .edit-post-visual-editor *, -html[lang="ko-KR"] .edit-post-visual-editor *, -html[lang="th"] .edit-post-visual-editor * { - letter-spacing: 0 !important; -} - -/*-------------------------------------------------------------- -2.0 General Block Settings ---------------------------------------------------------------*/ - -/* Main column width */ - -.editor-styles-wrapper { - max-width: 100% !important; /* Override where editor-style.css is affecting this. */ -} - -.wp-block { - max-width: 674px; /* Based on one-column post width; 644px + 30px to account for padding. */ -} - -/* Alignments */ - -.edit-post-visual-editor .alignleft { - margin-right: 1.5em; -} - -.edit-post-visual-editor .alignright { - margin-left: 1.5em; -} - -/* Link styles */ - -.edit-post-visual-editor a, -.editor-block-list__block a, -.wp-block-freeform.block-library-rich-text__tinymce a { - color: #222; -} - -/* List styles */ - -.edit-post-visual-editor ul:not(.wp-block-gallery), -.editor-block-list__block ul:not(.wp-block-gallery), -.block-library-list ul, -.edit-post-visual-editor ol, -.editor-block-list__block ol, -.block-library-list ol, -.block-library-list .editor-rich-text__tinymce { - margin: 0 0 1.5em 1.5em; - padding: 0; -} - -.edit-post-visual-editor ul:not(.wp-block-gallery), -.editor-block-list__block ul:not(.wp-block-gallery), -.block-library-list ul { - list-style: disc; -} - -.edit-post-visual-editor ol, -.editor-block-list__block ol, -.block-library-list ol { - list-style: decimal; -} - -.edit-post-visual-editor li > ul:not(.wp-block-gallery), -.editor-block-list__block li > ul:not(.wp-block-gallery), -.block-library-list li > ul:not(.wp-block-gallery), -.edit-post-visual-editor li > ol, -.editor-block-list__block li > ol, -.block-library-list li > ol { - margin-bottom: 0; - margin-left: 1.5em; -} - -.edit-post-visual-editor li, -.editor-block-list__block li, -.block-library-list li { - margin: 0; -} - -.rtl .edit-post-visual-editor ul:not(.wp-block-gallery), -.rtl .editor-block-list__block ul:not(.wp-block-gallery), -.rtl .block-library-list ul, -.rtl .edit-post-visual-editor ol, -.rtl .editor-block-list__block ol, -.rtl .block-library-list ol, -.rtl .block-library-list .editor-rich-text__tinymce, -.rtl .edit-post-visual-editor li > ul:not(.wp-block-gallery), -.rtl .editor-block-list__block li > ul:not(.wp-block-gallery), -.rtl .block-library-list li > ul:not(.wp-block-gallery), -.rtl .edit-post-visual-editor li > ol, -.rtl .editor-block-list__block li > ol, -.rtl .block-library-list li > ol { - margin-left: 1.5em; - margin-right: 1.5em; -} - -/* Quote styles */ - -.editor-block-list__block blockquote p { - font-size: 18px; - font-size: 1.125rem; -} - -.editor-block-list__block blockquote.alignright p, -.editor-block-list__block blockquote.alignleft p { - font-size: 13px; - font-size: 0.8125rem; -} - -.editor-block-list__block blockquote cite { - display: block; - font-style: normal; - font-weight: 600; - margin-top: 0.5em; -} - -/* Caption styles*/ - -[class^="wp-block-"]:not(.wp-block-gallery) figcaption { - font-style: italic; - margin-bottom: 1.5em; - text-align: left; -} - -.rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption { - text-align: right; -} - -/* Code styles */ - -.wp-block-freeform.block-library-rich-text__tinymce code { - background: transparent; -} - -/* Table styles */ - -.rtl .editor-block-list__block th { - text-align: right; -} - -/*-------------------------------------------------------------- -3.0 Blocks - Common Blocks ---------------------------------------------------------------*/ - -/* Paragraph */ - -.wp-block-paragraph.has-drop-cap:not(:focus)::first-letter { - font-size: 5em; - margin-top: 0.075em; -} - -.wp-block-paragraph.has-background { - padding: 20px 30px; -} - -/* Gallery */ - -.wp-block-gallery figcaption { - font-style: italic; -} - -/* Quote */ - -.wp-block-quote { - color: #666; - font-size: 18px; - font-size: 1.125rem; - font-style: italic; - line-height: 1.7; -} - -.wp-block-quote:not(.is-large):not(.is-style-large) { - border: 0; - padding: 0; -} - -.editor-block-list__block .wp-block-quote .wp-block-quote__citation { - color: inherit; - display: block; - font-size: inherit; - font-style: normal; - font-weight: 600; - margin-top: 0.5em; -} - -.wp-block-quote.alignleft, -.wp-block-quote.alignright { - color: #666; - width: 48%; -} - -.editor-block-list__block .wp-block-quote.alignleft p, -.editor-block-list__block .wp-block-quote.alignright p, -.editor-block-list__block .wp-block-quote.alignleft .wp-block-quote__citation, -.editor-block-list__block .wp-block-quote.alignright .wp-block-quote__citation { - font-size: 13px; - font-size: 0.8125rem; -} - -.editor-block-list__block .wp-block-quote.alignleft p:last-of-type, -.editor-block-list__block .wp-block-quote.alignright p:last-of-type { - margin-bottom: 0; -} - -.wp-block-quote.is-large .wp-block-quote__citation, -.wp-block-quote.is-style-large .wp-block-quote__citation { - text-align: right; -} - -.rtl .wp-block-quote.is-large .wp-block-quote__citation, -.rtl .wp-block-quote.is-style-large .wp-block-quote__citation { - text-align: left; -} - -@media screen and (min-width: 30em) { - .editor-block-list__block .wp-block-quote.alignleft p, - .editor-block-list__block .wp-block-quote.alignright p, - .editor-block-list__block .wp-block-quote.alignleft .wp-block-quote__citation, - .editor-block-list__block .wp-block-quote.alignright .wp-block-quote__citation, - .editor-block-list__block .wp-block-quote footer { - font-size: 14px; - font-size: 0.875rem; - } -} - -@media screen and (min-width: 48em) { - .editor-block-list__block .wp-block-quote.alignleft p, - .editor-block-list__block .wp-block-quote.alignright p, - .editor-block-list__block .wp-block-quote.alignleft .wp-block-quote__citation, - .editor-block-list__block .wp-block-quote.alignright .wp-block-quote__citation { - font-size: 13px; - font-size: 0.8125rem; - } - - .editor-block-list__block .wp-block-quote.alignleft { - margin-left: -17.5%; - width: 48%; - } - - .editor-block-list__block .wp-block-quote.alignright { - margin-right: -17.5%; - width: 48%; - } -} - -/* File */ - -.wp-block-file .wp-block-file__textlink { - -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 rgba(0, 0, 0, 1); - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 rgba(0, 0, 0, 1); -} - -.wp-block-file .wp-block-file__button { - background-color: #222; - -webkit-border-radius: 2px; - border-radius: 2px; - -webkit-box-shadow: none; - box-shadow: none; - color: #fff; - display: inline-block; - font-size: 14px; - font-size: 0.875rem; - font-weight: 800; - padding: 0.7em 2em; - -webkit-transition: background-color 0.2s ease-in-out; - transition: background-color 0.2s ease-in-out; - white-space: nowrap; -} - -/*-------------------------------------------------------------- -4.0 Blocks - Formatting ---------------------------------------------------------------*/ - -/* Code */ - -.wp-block-code { - border: 0; - padding: 0; -} - -/* Classic */ - -.wp-block-freeform.block-library-rich-text__tinymce li, -.wp-block-freeform.block-library-rich-text__tinymce p { - line-height: 1.5; -} - -.wp-block-freeform.block-library-rich-text__tinymce blockquote { - border: 0; - padding: 0; -} - -/* Pullquote */ - -.wp-block-pullquote { - border: 0; -} - -.wp-block-pullquote.alignleft blockquote > .editor-rich-text p, -.wp-block-pullquote.alignright blockquote > .editor-rich-text p { - font-size: 20px; -} - - -.wp-block-pullquote .wp-block-pullquote__citation { - font-size: inherit; - font-weight: 600; - text-transform: none; -} - -/* Table */ - -table.wp-block-table { - border-collapse: collapse; - margin: 0 0 1.5em; - width: 100%; -} - -table.wp-block-table thead th { - border: 0; - border-bottom: 2px solid #bbb; - padding-bottom: 0.5em; -} - -table.wp-block-table th { - padding: 0.4em; - text-align: left; -} - -table.wp-block-table tr { - border-bottom: 1px solid #eee; -} - -table.wp-block-table th, -table.wp-block-table td { - border: 0; - padding: 0.4em; -} - -table.wp-block-table th:first-child, -table.wp-block-table td:first-child { - padding-left: 0; -} - -table.wp-block-table th:last-child, -table.wp-block-table td:last-child { - padding-right: 0; -} - -.wp-block-table__cell-content { - padding: 0; -} - -.rtl table.wp-block-table th, -.rtl table.wp-block-table td { - text-align: right; -} - -/*-------------------------------------------------------------- -5.0 Blocks - Layout Elements ---------------------------------------------------------------*/ - -/* Separator */ - -.edit-post-visual-editor .wp-block-separator { - border: 0; -} - -/* Buttons */ - -.wp-block-button .wp-block-button__link { - -webkit-box-shadow: none; - box-shadow: none; - display: inline-block; - font-size: 14px; - font-size: 0.875rem; - font-weight: 800; - line-height: 1.66; - margin-top: 2em; - padding: 0.7em 2em; - -webkit-transition: background-color 0.2s ease-in-out; - transition: background-color 0.2s ease-in-out; - white-space: nowrap; -} - -.wp-block-button .wp-block-button__link[data-is-placeholder-visible="true"] { - height: auto; -} - -.wp-block-button__link { - background-color: #222; - color: #fff; -} - -.is-style-outline .wp-block-button__link { - color: #222; -} - -/* Media & Text */ - -.wp-block-media-text *:last-child { - margin-bottom: 0; -} - -/*-------------------------------------------------------------- -6.0 Blocks - Widgets ---------------------------------------------------------------*/ - -/* Archives, Categories & Latest Posts */ - -[data-align="center"] .wp-block-archives ul, -[data-align="center"] .wp-block-categories ul, -[data-align="center"] .wp-block-latest-posts ul { - list-style-position: inside; -} - -/* Latest Comments */ - -.editor-block-list__block ol.wp-block-latest-comments > li:before { - content: ''; -} - -.wp-block-latest-comments article { - margin-bottom: 4em; -} - -.wp-block-latest-comments .avatar, -.wp-block-latest-comments__comment-avatar { - border-radius: 0; -} - -.wp-block-latest-comments__comment-meta { - font-size: 16px; - font-size: 1rem; - margin-bottom: 0.4em; -} - -.editor-block-list__block .wp-block-latest-comments__comment-meta a { - -webkit-box-shadow: none; - box-shadow: none; - font-weight: 700; -} - -.wp-block-latest-comments__comment-date { - color: #767676; - font-size: 10px; - font-size: 0.625rem; - font-weight: 800; - letter-spacing: 0.1818em; - margin-top: 0.4em; - text-transform: uppercase; -} - -.editor-block-list__block .wp-block-latest-comments__comment-excerpt p { - font-size: 14px; - font-size: 0.875rem; -} - -/* Latest Posts */ - -.edit-post-visual-editor .wp-block-latest-posts.is-grid { - list-style: none; - margin-left: 0; - margin-right: 0; -} +/* +Theme Name: Twenty Seventeen +Description: Used to style blocks in the editor. +*/ + +/*-------------------------------------------------------------- +>>> TABLE OF CONTENTS: +---------------------------------------------------------------- +1.0 General Typography +2.0 General Block Settings +3.0 Blocks - Common Blocks +4.0 Blocks - Formatting +5.0 Blocks - Layout Elements +6.0 Blocks - Widgets + +--------------------------------------------------------------*/ + +/*-------------------------------------------------------------- +1.0 General Typography +--------------------------------------------------------------*/ + +.edit-post-visual-editor .editor-block-list__block, +.editor-default-block-appender textarea.editor-default-block-appender__content { + font-size: 15px; + font-size: 0.9375rem; +} + +.editor-default-block-appender textarea.editor-default-block-appender__content { + font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; +} + +.edit-post-visual-editor .editor-block-list__block { + color: #333; +} + +.editor-post-title__block .editor-post-title__input { + color: #333; + font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; + font-size: 20px; + font-size: 1.25rem; + font-weight: 300; +} + +@media screen and (min-width: 30em) { + + .edit-post-visual-editor .editor-block-list__block { + font-size: 18px; + font-size: 1.125rem; + } + + .editor-post-title__block .editor-post-title__input { + font-size: 26px; + font-size: 1.625rem; + } + + .edit-post-visual-editor .editor-block-list__block h1 { + font-size: 30px; + font-size: 1.875rem; + } + + .edit-post-visual-editor .editor-block-list__block h2 { + font-size: 26px; + font-size: 1.625rem; + } + + .edit-post-visual-editor .editor-block-list__block h3 { + font-size: 22px; + font-size: 1.375rem; + } + + .edit-post-visual-editor .editor-block-list__block h4 { + font-size: 18px; + font-size: 1.125rem; + } + + .edit-post-visual-editor .editor-block-list__block h5 { + font-size: 13px; + font-size: 0.8125rem; + } + + .edit-post-visual-editor .editor-block-list__block h6 { + font-size: 16px; + font-size: 1rem; + } +} + +@media screen and (min-width: 48em) { + + .edit-post-visual-editor .editor-block-list__block { + font-size: 16px; + font-size: 1rem; + } + + .editor-rich-text__tinymce.mce-content-body { + line-height: 1.5; + } +} + +/* Typography for Arabic Font */ + +html[lang="ar"] .edit-post-visual-editor .editor-block-list__block, +html[lang="ary"] .edit-post-visual-editor .editor-block-list__block, +html[lang="azb"] .edit-post-visual-editor .editor-block-list__block, +html[lang="fa-IR"] .edit-post-visual-editor .editor-block-list__block, +html[lang="haz"] .edit-post-visual-editor .editor-block-list__block, +html[lang="ps"] .edit-post-visual-editor .editor-block-list__block, +html[lang="ur"] .edit-post-visual-editor .editor-block-list__block { + font-family: Tahoma, Arial, sans-serif; +} + +html[lang="ar"] .edit-post-visual-editor h1, +html[lang="ar"] .edit-post-visual-editor h2, +html[lang="ar"] .edit-post-visual-editor h3, +html[lang="ar"] .edit-post-visual-editor h4, +html[lang="ar"] .edit-post-visual-editor h5, +html[lang="ar"] .edit-post-visual-editor h6, +html[lang="ary"] .edit-post-visual-editor h1, +html[lang="ary"] .edit-post-visual-editor h2, +html[lang="ary"] .edit-post-visual-editor h3, +html[lang="ary"] .edit-post-visual-editor h4, +html[lang="ary"] .edit-post-visual-editor h5, +html[lang="ary"] .edit-post-visual-editor h6, +html[lang="azb"] .edit-post-visual-editor h1, +html[lang="azb"] .edit-post-visual-editor h2, +html[lang="azb"] .edit-post-visual-editor h3, +html[lang="azb"] .edit-post-visual-editor h4, +html[lang="azb"] .edit-post-visual-editor h5, +html[lang="azb"] .edit-post-visual-editor h6, +html[lang="fa-IR"] .edit-post-visual-editor h1, +html[lang="fa-IR"] .edit-post-visual-editor h2, +html[lang="fa-IR"] .edit-post-visual-editor h3, +html[lang="fa-IR"] .edit-post-visual-editor h4, +html[lang="fa-IR"] .edit-post-visual-editor h5, +html[lang="fa-IR"] .edit-post-visual-editor h6, +html[lang="haz"] .edit-post-visual-editor h1, +html[lang="haz"] .edit-post-visual-editor h2, +html[lang="haz"] .edit-post-visual-editor h3, +html[lang="haz"] .edit-post-visual-editor h4, +html[lang="haz"] .edit-post-visual-editor h5, +html[lang="haz"] .edit-post-visual-editor h6, +html[lang="ps"] .edit-post-visual-editor h1, +html[lang="ps"] .edit-post-visual-editor h2, +html[lang="ps"] .edit-post-visual-editor h3, +html[lang="ps"] .edit-post-visual-editor h4, +html[lang="ps"] .edit-post-visual-editor h5, +html[lang="ps"] .edit-post-visual-editor h6, +html[lang="ur"] .edit-post-visual-editor h1, +html[lang="ur"] .edit-post-visual-editor h2, +html[lang="ur"] .edit-post-visual-editor h3, +html[lang="ur"] .edit-post-visual-editor h4, +html[lang="ur"] .edit-post-visual-editor h5, +html[lang="ur"] .edit-post-visual-editor h6 { + font-weight: 700; +} + +/* Typography for Chinese Font */ + +html[lang^="zh-"] .edit-post-visual-editor .editor-block-list__block { + font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif; +} + +html[lang="zh-CN"] .edit-post-visual-editor .editor-block-list__block { + font-family: "PingFang SC", "Helvetica Neue", Helvetica, STHeitiSC-Light, Arial, sans-serif; +} + +html[lang^="zh-"] .edit-post-visual-editor h1, +html[lang^="zh-"] .edit-post-visual-editor h2, +html[lang^="zh-"] .edit-post-visual-editor h3, +html[lang^="zh-"] .edit-post-visual-editor h4, +html[lang^="zh-"] .edit-post-visual-editor h5, +html[lang^="zh-"] .edit-post-visual-editor h6 { + font-weight: 700; +} + +/* Typography for Cyrillic Font */ + +html[lang="bg-BG"] .edit-post-visual-editor .editor-block-list__block, +html[lang="ru-RU"] .edit-post-visual-editor .editor-block-list__block, +html[lang="uk"] .edit-post-visual-editor .editor-block-list__block { + font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; +} + +html[lang="bg-BG"] .edit-post-visual-editor h1, +html[lang="bg-BG"] .edit-post-visual-editor h2, +html[lang="bg-BG"] .edit-post-visual-editor h3, +html[lang="bg-BG"] .edit-post-visual-editor h4, +html[lang="bg-BG"] .edit-post-visual-editor h5, +html[lang="bg-BG"] .edit-post-visual-editor h6, +html[lang="ru-RU"] .edit-post-visual-editor h1, +html[lang="ru-RU"] .edit-post-visual-editor h2, +html[lang="ru-RU"] .edit-post-visual-editor h3, +html[lang="ru-RU"] .edit-post-visual-editor h4, +html[lang="ru-RU"] .edit-post-visual-editor h5, +html[lang="ru-RU"] .edit-post-visual-editor h6, +html[lang="uk"] .edit-post-visual-editor h1, +html[lang="uk"] .edit-post-visual-editor h2, +html[lang="uk"] .edit-post-visual-editor h3, +html[lang="uk"] .edit-post-visual-editor h4, +html[lang="uk"] .edit-post-visual-editor h5, +html[lang="uk"] .edit-post-visual-editor h6 { + font-weight: 700; + line-height: 1.2; +} + +/* Typography for Devanagari Font */ + +html[lang="bn-BD"] .edit-post-visual-editor .editor-block-list__block, +html[lang="hi-IN"] .edit-post-visual-editor .editor-block-list__block, +html[lang="mr-IN"] .edit-post-visual-editor .editor-block-list__block { + font-family: Arial, sans-serif; +} + +html[lang="bn-BD"] .edit-post-visual-editor h1, +html[lang="bn-BD"] .edit-post-visual-editor h2, +html[lang="bn-BD"] .edit-post-visual-editor h3, +html[lang="bn-BD"] .edit-post-visual-editor h4, +html[lang="bn-BD"] .edit-post-visual-editor h5, +html[lang="bn-BD"] .edit-post-visual-editor h6, +html[lang="hi-IN"] .edit-post-visual-editor h1, +html[lang="hi-IN"] .edit-post-visual-editor h2, +html[lang="hi-IN"] .edit-post-visual-editor h3, +html[lang="hi-IN"] .edit-post-visual-editor h4, +html[lang="hi-IN"] .edit-post-visual-editor h5, +html[lang="hi-IN"] .edit-post-visual-editor h6, +html[lang="mr-IN"] .edit-post-visual-editor h1, +html[lang="mr-IN"] .edit-post-visual-editor h2, +html[lang="mr-IN"] .edit-post-visual-editor h3, +html[lang="mr-IN"] .edit-post-visual-editor h4, +html[lang="mr-IN"] .edit-post-visual-editor h5, +html[lang="mr-IN"] .edit-post-visual-editor h6 { + font-weight: 700; +} + +/* Typography for Greek Font */ + +html[lang="el"] .edit-post-visual-editor .editor-block-list__block { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; +} + +html[lang="el"] .edit-post-visual-editor h1, +html[lang="el"] .edit-post-visual-editor h2, +html[lang="el"] .edit-post-visual-editor h3, +html[lang="el"] .edit-post-visual-editor h4, +html[lang="el"] .edit-post-visual-editor h5, +html[lang="el"] .edit-post-visual-editor h6 { + font-weight: 700; + line-height: 1.3; +} + +/* Typography for Gujarati Font */ + +html[lang="gu-IN"] .edit-post-visual-editor .editor-block-list__block { + font-family: Arial, sans-serif; +} + +html[lang="gu-IN"] .edit-post-visual-editor h1, +html[lang="gu-IN"] .edit-post-visual-editor h2, +html[lang="gu-IN"] .edit-post-visual-editor h3, +html[lang="gu-IN"] .edit-post-visual-editor h4, +html[lang="gu-IN"] .edit-post-visual-editor h5, +html[lang="gu-IN"] .edit-post-visual-editor h6 { + font-weight: 700; +} + +/* Typography for Hebrew Font */ + +html[lang="he-IL"] .edit-post-visual-editor .editor-block-list__block { + font-family: "Arial Hebrew", Arial, sans-serif; +} + +html[lang="he-IL"] .edit-post-visual-editor h1, +html[lang="he-IL"] .edit-post-visual-editor h2, +html[lang="he-IL"] .edit-post-visual-editor h3, +html[lang="he-IL"] .edit-post-visual-editor h4, +html[lang="he-IL"] .edit-post-visual-editor h5, +html[lang="he-IL"] .edit-post-visual-editor h6 { + font-weight: 700; +} + +/* Typography for Japanese Font */ + +html[lang="ja"] .edit-post-visual-editor .editor-block-list__block { + font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif; +} + +html[lang="ja"] .edit-post-visual-editor h1, +html[lang="ja"] .edit-post-visual-editor h2, +html[lang="ja"] .edit-post-visual-editor h3, +html[lang="ja"] .edit-post-visual-editor h4, +html[lang="ja"] .edit-post-visual-editor h5, +html[lang="ja"] .edit-post-visual-editor h6 { + font-weight: 700; +} + +/* Typography for Korean font */ + +html[lang="ko-KR"] .edit-post-visual-editor .editor-block-list__block { + font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif; +} + +html[lang="ko-KR"] .edit-post-visual-editor h1, +html[lang="ko-KR"] .edit-post-visual-editor h2, +html[lang="ko-KR"] .edit-post-visual-editor h3, +html[lang="ko-KR"] .edit-post-visual-editor h4, +html[lang="ko-KR"] .edit-post-visual-editor h5, +html[lang="ko-KR"] .edit-post-visual-editor h6 { + font-weight: 600; +} + +/* Typography for Thai Font */ + +html[lang="th"] .edit-post-visual-editor .editor-block-list__block { + line-height: 1.8; + font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif; +} + +html[lang="th"] .edit-post-visual-editor h1, +html[lang="th"] .edit-post-visual-editor h2, +html[lang="th"] .edit-post-visual-editor h3, +html[lang="th"] .edit-post-visual-editor h4, +html[lang="th"] .edit-post-visual-editor h5, +html[lang="th"] .edit-post-visual-editor h6 { + line-height: 1.65; + font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif; +} + +/* Remove letter-spacing for all non-latin alphabets */ + +html[lang="ar"] .edit-post-visual-editor *, +html[lang="ary"] .edit-post-visual-editor *, +html[lang="azb"] .edit-post-visual-editor *, +html[lang="haz"] .edit-post-visual-editor *, +html[lang="ps"] .edit-post-visual-editor *, +html[lang^="zh-"] .edit-post-visual-editor *, +html[lang="bg-BG"] .edit-post-visual-editor *, +html[lang="ru-RU"] .edit-post-visual-editor *, +html[lang="uk"] .edit-post-visual-editor *, +html[lang="bn-BD"] .edit-post-visual-editor *, +html[lang="hi-IN"] .edit-post-visual-editor *, +html[lang="mr-IN"] .edit-post-visual-editor *, +html[lang="el"] .edit-post-visual-editor *, +html[lang="gu-IN"] .edit-post-visual-editor *, +html[lang="he-IL"] .edit-post-visual-editor *, +html[lang="ja"] .edit-post-visual-editor *, +html[lang="ko-KR"] .edit-post-visual-editor *, +html[lang="th"] .edit-post-visual-editor * { + letter-spacing: 0 !important; +} + +/*-------------------------------------------------------------- +2.0 General Block Settings +--------------------------------------------------------------*/ + +/* Main column width */ + +.editor-styles-wrapper { + max-width: 100% !important; /* Override where editor-style.css is affecting this. */ +} + +.wp-block { + max-width: 674px; /* Based on one-column post width; 644px + 30px to account for padding. */ +} + +/* Alignments */ + +.edit-post-visual-editor .alignleft { + margin-right: 1.5em; +} + +.edit-post-visual-editor .alignright { + margin-left: 1.5em; +} + +/* Link styles */ + +.edit-post-visual-editor a, +.editor-block-list__block a, +.wp-block-freeform.block-library-rich-text__tinymce a { + color: #222; +} + +/* List styles */ + +.edit-post-visual-editor ul:not(.wp-block-gallery), +.editor-block-list__block ul:not(.wp-block-gallery), +.block-library-list ul, +.edit-post-visual-editor ol, +.editor-block-list__block ol, +.block-library-list ol, +.block-library-list .editor-rich-text__tinymce { + padding: 0; +} + +.edit-post-visual-editor ul:not(.wp-block-gallery), +.editor-block-list__block ul:not(.wp-block-gallery), +.block-library-list ul { + list-style: disc; +} + +.edit-post-visual-editor ol, +.editor-block-list__block ol, +.block-library-list ol { + list-style: decimal; +} + +.edit-post-visual-editor li > ul:not(.wp-block-gallery), +.editor-block-list__block li > ul:not(.wp-block-gallery), +.block-library-list li > ul:not(.wp-block-gallery), +.edit-post-visual-editor li > ol, +.editor-block-list__block li > ol, +.block-library-list li > ol { + margin-bottom: 0; + margin-left: 1.5em; +} + +.edit-post-visual-editor li, +.editor-block-list__block li, +.block-library-list li { + margin: 0; +} + +.rtl .editor-styles-wrapper ul ul, +.rtl .editor-styles-wrapper ol ol, +.rtl .editor-styles-wrapper ul ol, +.rtl .editor-styles-wrapper ol ul { + margin-left: 0; + margin-right: 1.5em; +} + +.wp-block-freeform.block-library-rich-text__tinymce ul:not(.wp-block-gallery), +.wp-block-freeform.block-library-rich-text__tinymce ol { + margin-left: 0; + padding-left: 1.5em; +} + +.rtl .wp-block-freeform.block-library-rich-text__tinymce ul:not(.wp-block-gallery), +.rtl .wp-block-freeform.block-library-rich-text__tinymce ol { + padding: 0; +} + +/* Quote styles */ + +.editor-block-list__block blockquote p { + font-size: 18px; + font-size: 1.125rem; +} + +.editor-block-list__block blockquote.alignright p, +.editor-block-list__block blockquote.alignleft p { + font-size: 13px; + font-size: 0.8125rem; +} + +.editor-block-list__block blockquote cite { + display: block; + font-style: normal; + font-weight: 600; + margin-top: 0.5em; +} + +/* Caption styles*/ + +[class^="wp-block-"]:not(.wp-block-gallery) figcaption { + font-style: italic; + margin-bottom: 1.5em; + text-align: left; +} + +.rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption { + text-align: right; +} + +/* Code styles */ + +.wp-block-freeform.block-library-rich-text__tinymce code { + background: transparent; +} + +/* Table styles */ + +.rtl .editor-block-list__block th { + text-align: right; +} + +/*-------------------------------------------------------------- +3.0 Blocks - Common Blocks +--------------------------------------------------------------*/ + +/* Paragraph */ + +.wp-block-paragraph.has-drop-cap:not(:focus)::first-letter { + font-size: 5em; + margin-top: 0.075em; +} + +.wp-block-paragraph.has-background { + padding: 20px 30px; +} + +/* Gallery */ + +.wp-block-gallery figcaption { + font-style: italic; +} + +/* Quote */ + +.wp-block-quote { + color: #666; + font-size: 18px; + font-size: 1.125rem; + font-style: italic; + line-height: 1.7; +} + +.wp-block-quote:not(.is-large):not(.is-style-large) { + border: 0; + padding: 0; +} + +.wp-block-quote .wp-block-quote__citation { + color: inherit; + display: block; + font-size: inherit; + font-style: normal; + font-weight: 600; + margin-top: 0.5em; +} + +.wp-block-quote.alignleft, +.wp-block-quote.alignright { + color: #666; + width: 48%; +} + +.wp-block-quote.alignleft p, +.wp-block-quote.alignright p, +.wp-block-quote.alignleft .wp-block-quote__citation, +.wp-block-quote.alignright .wp-block-quote__citation { + font-size: 13px; + font-size: 0.8125rem; +} + +.wp-block-quote.alignleft p:last-of-type, +.wp-block-quote.alignright p:last-of-type { + margin-bottom: 0; +} + +.wp-block-quote.is-large .wp-block-quote__citation, +.wp-block-quote.is-style-large .wp-block-quote__citation { + text-align: right; +} + +.rtl .wp-block-quote.is-large .wp-block-quote__citation, +.rtl .wp-block-quote.is-style-large .wp-block-quote__citation { + text-align: left; +} + +@media screen and (min-width: 30em) { + .wp-block-quote.alignleft p, + .wp-block-quote.alignright p, + .wp-block-quote.alignleft .wp-block-quote__citation, + .wp-block-quote.alignright .wp-block-quote__citation, + .wp-block-quote footer { + font-size: 14px; + font-size: 0.875rem; + } +} + +@media screen and (min-width: 48em) { + .wp-block-quote.alignleft p, + .wp-block-quote.alignright p, + .wp-block-quote.alignleft .wp-block-quote__citation, + .wp-block-quote.alignright .wp-block-quote__citation { + font-size: 13px; + font-size: 0.8125rem; + } + + .wp-block-quote.alignleft { + margin-left: -17.5%; + width: 48%; + } + + .wp-block-quote.alignright { + margin-right: -17.5%; + width: 48%; + } +} + +/* File */ + +.wp-block-file .wp-block-file__textlink { + -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 rgba(0, 0, 0, 1); + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 rgba(0, 0, 0, 1); +} + +.wp-block-file .wp-block-file__button { + background-color: #222; + -webkit-border-radius: 2px; + border-radius: 2px; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; + display: inline-block; + font-size: 14px; + font-size: 0.875rem; + font-weight: 800; + padding: 0.7em 2em; + -webkit-transition: background-color 0.2s ease-in-out; + transition: background-color 0.2s ease-in-out; + white-space: nowrap; +} + +/*-------------------------------------------------------------- +4.0 Blocks - Formatting +--------------------------------------------------------------*/ + +/* Code */ + +.editor-styles-wrapper .wp-block-code { + border: 0; + padding: 0; + background-color: transparent; +} + +.editor-styles-wrapper .wp-block-code code { + font-size: inherit; +} + +/* Classic */ + +.wp-block-freeform.block-library-rich-text__tinymce li, +.wp-block-freeform.block-library-rich-text__tinymce p { + line-height: 1.5; +} + +.wp-block-freeform.block-library-rich-text__tinymce blockquote { + border: 0; + padding: 0; +} + +/* Pullquote */ + +.wp-block-pullquote { + border: 0; +} + +.wp-block-pullquote.alignleft blockquote > .editor-rich-text p, +.wp-block-pullquote.alignright blockquote > .editor-rich-text p { + font-size: 20px; +} + + +.wp-block-pullquote .wp-block-pullquote__citation { + font-size: inherit; + font-weight: 600; + text-transform: none; +} + +/* Table */ + +table.wp-block-table { + border-collapse: collapse; + margin: 0 0 1.5em; + width: 100%; +} + +table.wp-block-table thead th { + border: 0; + border-bottom: 2px solid #bbb; + padding-bottom: 0.5em; +} + +table.wp-block-table th { + padding: 0.4em; + text-align: left; +} + +table.wp-block-table tr { + border-bottom: 1px solid #eee; +} + +table.wp-block-table th, +table.wp-block-table td { + border: 0; + padding: 0.4em; +} + +table.wp-block-table th:first-child, +table.wp-block-table td:first-child { + padding-left: 0; +} + +table.wp-block-table th:last-child, +table.wp-block-table td:last-child { + padding-right: 0; +} + +.wp-block-table__cell-content { + padding: 0; +} + +.rtl table.wp-block-table th, +.rtl table.wp-block-table td { + text-align: right; +} + +/* Verse */ + +.editor-styles-wrapper .wp-block-verse { + font-family: inherit; +} + +/*-------------------------------------------------------------- +5.0 Blocks - Layout Elements +--------------------------------------------------------------*/ + +/* Separator */ + +.edit-post-visual-editor .wp-block-separator { + border: 0; +} + +/* Buttons */ + +.wp-block-button .wp-block-button__link { + -webkit-box-shadow: none; + box-shadow: none; + display: inline-block; + font-size: 14px; + font-size: 0.875rem; + font-weight: 800; + line-height: 1.66; + margin-top: 2em; + padding: 0.7em 2em; + -webkit-transition: background-color 0.2s ease-in-out; + transition: background-color 0.2s ease-in-out; + white-space: nowrap; +} + +.wp-block-button .wp-block-button__link[data-is-placeholder-visible="true"] { + height: auto; +} + +.wp-block-button__link { + background-color: #222; + color: #fff; +} + +.is-style-outline .wp-block-button__link { + color: #222; +} + +/* Media & Text */ + +.wp-block-media-text *:last-child { + margin-bottom: 0; +} + +/*-------------------------------------------------------------- +6.0 Blocks - Widgets +--------------------------------------------------------------*/ + +/* Archives, Categories & Latest Posts */ + +[data-align="center"] .wp-block-archives ul, +[data-align="center"] .wp-block-categories ul, +[data-align="center"] .wp-block-latest-posts ul { + list-style-position: inside; +} + +/* Latest Comments */ + +.editor-block-list__block ol.wp-block-latest-comments > li:before { + content: ''; +} + +.wp-block-latest-comments article { + margin-bottom: 4em; +} + +.wp-block-latest-comments .avatar, +.wp-block-latest-comments__comment-avatar { + border-radius: 0; +} + +.wp-block-latest-comments__comment-meta { + font-size: 16px; + font-size: 1rem; + margin-bottom: 0.4em; +} + +.editor-block-list__block .wp-block-latest-comments__comment-meta a { + -webkit-box-shadow: none; + box-shadow: none; + font-weight: 700; +} + +.wp-block-latest-comments__comment-date { + color: #767676; + font-size: 10px; + font-size: 0.625rem; + font-weight: 800; + letter-spacing: 0.1818em; + margin-top: 0.4em; + text-transform: uppercase; +} + +.editor-block-list__block .wp-block-latest-comments__comment-excerpt p { + font-size: 14px; + font-size: 0.875rem; +} + +/* Latest Posts */ + +.edit-post-visual-editor .wp-block-latest-posts.is-grid { + list-style: none; + margin-left: 0; + margin-right: 0; +} diff --git a/wp-content/themes/twentyseventeen/assets/css/editor-style.css b/wp-content/themes/twentyseventeen/assets/css/editor-style.css index 82dc7067d6c39bf08c4c4cf0544f299c75d92b9b..131c8faabb52e35e5d51eee8ee403a3ae270492b 100644 --- a/wp-content/themes/twentyseventeen/assets/css/editor-style.css +++ b/wp-content/themes/twentyseventeen/assets/css/editor-style.css @@ -1,582 +1,581 @@ -/* -Theme Name: Twenty Seventeen -Description: Used to style the TinyMCE editor. -*/ - - -/** - * Table of Contents: - * - * 1.0 - Body - * 2.0 - Typography - * 3.0 - Elements - * 4.0 - Alignment - * 5.0 - Caption - * 6.0 - Galleries - * 7.0 - Media Elements - * 8.0 - RTL - */ - -/** - * 1.0 - Body - */ - -body { - background-color: #fff; - color: #333; - margin: 20px 40px; - max-width: 580px; -} - -/** - * 2.0 - Typography - */ - -body, -button, -input, -select, -textarea { - font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; - font-size: 16px; - font-size: 1rem; - font-weight: 400; - line-height: 1.66; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - clear: both; - line-height: 1.4; - margin: 0 0 0.75em; - padding: 1.5em 0 0; -} - -h1:first-child, -h2:first-child, -h3:first-child, -h4:first-child, -h5:first-child, -h6:first-child { - padding-top: 0; -} - -h1 { - font-size: 24px; - font-size: 1.5rem; - font-weight: 300; -} - -h2 { - color: #666; - font-size: 20px; - font-size: 1.25rem; - font-weight: 300; -} - -h3 { - color: #333; - font-size: 18px; - font-size: 1.125rem; - font-weight: 300; -} - -h4 { - color: #333; - font-size: 16px; - font-size: 1rem; - font-weight: 800; -} - -h5 { - color: #767676; - font-size: 13px; - font-size: 0.8125rem; - font-weight: 800; - letter-spacing: 0.15em; - text-transform: uppercase; -} - -h6 { - color: #333; - font-size: 15px; - font-size: 0.9375rem; - font-weight: 800; -} - -p { - margin: 0 0 1.5em; - padding: 0; -} - -dfn, -cite, -em, -i { - font-style: italic; -} - -blockquote { - color: #666; - font-size: 18px; - font-size: 1.125rem; - font-style: italic; - line-height: 1.7; - margin: 0; - overflow: hidden; - padding: 0; -} - -blockquote.alignleft, -blockquote.alignright { - font-size: 14px; - font-size: 0.875rem; - width: 34%; -} - -address { - margin: 0 0 1.5em; -} - -pre { - background: #eee; - font-family: "Courier 10 Pitch", Courier, monospace; - font-size: 15px; - font-size: 0.9375rem; - line-height: 1.6; - margin-bottom: 1.6em; - max-width: 100%; - overflow: auto; - padding: 1.6em; -} - -code, -kbd, -tt, -var { - font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; - font-size: 15px; - font-size: 0.9375rem; -} - -abbr, -acronym { - border-bottom: 1px dotted #666; - cursor: help; -} - -mark, -ins { - background: #eee; - text-decoration: none; -} - -big { - font-size: 125%; -} - -blockquote, -q { - quotes: "" ""; -} - -blockquote:before, -blockquote:after, -q:before, -q:after { - content: ""; -} - -/* Typography for Thai Font */ - -html[lang="th"] h1, -html[lang="th"] h2, -html[lang="th"] h3, -html[lang="th"] h4, -html[lang="th"] h5, -html[lang="th"] h6 { - letter-spacing: 0; - line-height: 1.65; -} - -html[lang="th"] body, -html[lang="th"] button, -html[lang="th"] input, -html[lang="th"] select, -html[lang="th"] textarea { - line-height: 1.8; -} - -/** - * 3.0 - Elements - */ - -hr { - background-color: #bbb; - border: 0; - height: 1px; - margin-bottom: 1.5em; -} - -ul, -ol { - margin: 0 0 1.5em; - padding: 0; -} - -ul { - list-style: disc; -} - -ol > li { - position: relative; -} - -li > ul, -li > ol { - margin-bottom: 0; - margin-left: 1.5em; -} - -dt { - font-weight: 700; -} - -dd { - margin: 0 1.5em 1.5em; -} - -table { - border-collapse: collapse; - margin: 0 0 1.5em; - width: 100%; -} - -thead th { - border-bottom: 2px solid #bbb; - padding-bottom: 0.5em; -} - -th { - padding: 0.4em; - text-align: left; -} - -tr { - border-bottom: 1px solid #eee; -} - -td { - padding: 0.4em; -} - -th:first-child, -td:first-child { - padding-left: 0; -} - -th:last-child, -td:last-child { - padding-right: 0; -} - -a { - -webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1); - box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1); - color: #222; - text-decoration: none; - -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; - transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; - transition: color 80ms ease-in, box-shadow 130ms ease-in-out; - transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out; -} - -a:focus { - outline: thin dotted; -} - -a:hover, -a:focus { - color: #000; - -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1); - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1); -} - -/* Fixes linked images */ - -a img { - background: #fff; - -webkit-box-shadow: 0 0 0 6px #fff; - box-shadow: 0 0 0 6px #fff; -} - -/** - * 4.0 - Alignment - */ - -img { - height: auto; /* Make sure images are scaled correctly. */ - max-width: 100%; /* Adhere to container width. */ -} - -embed, -iframe, -object { - margin-bottom: 1.5em; - max-width: 100%; -} - -/** - * 5.0 - Caption - */ - -.wp-caption { - color: #666; - font-size: 13px; - font-size: 0.8125rem; - font-style: italic; - margin-bottom: 1.5em; - max-width: 100%; -} - -.wp-caption img[class*="wp-image-"] { - display: block; - margin-left: auto; - margin-right: auto; -} - -.wp-caption .wp-caption-text { - margin: 0.8075em 0; -} - -/** - * 6.0 - Galleries - */ - -.gallery { - margin-bottom: 1.5em; -} - -.gallery-item { - display: inline-block; - text-align: center; - vertical-align: top; - width: 100%; -} - -.gallery-item a, -.gallery-item a:hover, -.gallery-item a:focus { - -webkit-box-shadow: none; - box-shadow: none; - background: none; - display: inline-block; -} - -.gallery-columns-2 .gallery-item { - max-width: 50%; -} - -.gallery-columns-3 .gallery-item { - max-width: 33.33%; -} - -.gallery-columns-4 .gallery-item { - max-width: 25%; -} - -.gallery-columns-5 .gallery-item { - max-width: 20%; -} - -.gallery-columns-6 .gallery-item { - max-width: 16.66%; -} - -.gallery-columns-7 .gallery-item { - max-width: 14.28%; -} - -.gallery-columns-8 .gallery-item { - max-width: 12.5%; -} - -.gallery-columns-9 .gallery-item { - max-width: 11.11%; -} - -.gallery-caption { - display: block; -} - -/** - * 7.0 - Media Elements - */ - -.mejs-container { - margin-bottom: 1.5em; -} - -/* Audio Player */ - -.mejs-controls a.mejs-horizontal-volume-slider, -.mejs-controls a.mejs-horizontal-volume-slider:focus, -.mejs-controls a.mejs-horizontal-volume-slider:hover { - background: transparent; - border: 0; -} - -/* Playlist Color Overrides: Light */ - -.wp-playlist-light { - border-color: #eee; - color: #222; -} - -.wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album { - color: #333; -} - -.wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist { - color: #767676; -} - -.wp-playlist-light .wp-playlist-item { - border-bottom: 1px dotted #eee; - -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; - transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; -} - -.wp-playlist-light .wp-playlist-item:hover, -.wp-playlist-light .wp-playlist-item:focus { - border-bottom-color: rgba(0, 0, 0, 0); - background-color: #767676; - color: #fff; -} - -.wp-playlist-light a.wp-playlist-caption:hover, -.wp-playlist-light .wp-playlist-item:hover a, -.wp-playlist-light .wp-playlist-item:focus a { - color: #fff; -} - -/* Playlist Color Overrides: Dark */ - -.wp-playlist-dark { - background: #222; - border-color: #333; -} - -.wp-playlist-dark .mejs-container .mejs-controls { - background-color: #333; -} - -.wp-playlist-dark .wp-playlist-caption { - color: #fff; -} - -.wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album { - color: #eee; -} - -.wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist { - color: #aaa; -} - -.wp-playlist-dark .wp-playlist-playing { - background-color: #333; -} - -.wp-playlist-dark .wp-playlist-item { - border-bottom: 1px dotted #555; - -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; - transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; -} - -.wp-playlist-dark .wp-playlist-item:hover, -.wp-playlist-dark .wp-playlist-item:focus { - border-bottom-color: rgba(0, 0, 0, 0); - background-color: #aaa; - color: #222; -} - -.wp-playlist-dark a.wp-playlist-caption:hover, -.wp-playlist-dark .wp-playlist-item:hover a, -.wp-playlist-dark .wp-playlist-item:focus a { - color: #222; -} - -/* Playlist Style Overrides */ - -.wp-playlist { - padding: 0.625em 0.625em 0.3125em; -} - -.wp-playlist-current-item .wp-playlist-item-title { - font-weight: 700; -} - -.wp-playlist-current-item .wp-playlist-item-album { - font-style: normal; -} - -.wp-playlist-current-item .wp-playlist-item-artist { - font-size: 10px; - font-size: 0.625rem; - font-weight: 800; - letter-spacing: 0.1818em; - text-transform: uppercase; -} - -.wp-playlist-item { - padding: 0 0.3125em; - cursor: pointer; -} - -.wp-playlist-item:last-of-type { - border-bottom: none; -} - -.wp-playlist-item a { - padding: 0.3125em 0; - border-bottom: none; -} - -.wp-playlist-item a, -.wp-playlist-item a:focus, -.wp-playlist-item a:hover { - -webkit-box-shadow: none; - box-shadow: none; - background: transparent; -} - -.wp-playlist-item-length { - top: 5px; -} - -/** - * 8.0 - RTL - */ - -.rtl th { - text-align: right; -} - -.rtl ol > li:before { - left: auto; - right: -1.5em; -} - -.rtl li > ul, -.rtl li > ol { - margin-left: 0; - margin-right: 1.5em; -} - -.rtl .mejs-offscreen { - right: -10000px; -} +/* +Theme Name: Twenty Seventeen +Description: Used to style the TinyMCE editor. +*/ + + +/** + * Table of Contents: + * + * 1.0 - Body + * 2.0 - Typography + * 3.0 - Elements + * 4.0 - Alignment + * 5.0 - Caption + * 6.0 - Galleries + * 7.0 - Media Elements + * 8.0 - RTL + */ + +/** + * 1.0 - Body + */ + +body { + background-color: #fff; + color: #333; + margin: 20px 40px; + max-width: 580px; +} + +/** + * 2.0 - Typography + */ + +body, +button, +input, +select, +textarea { + font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; + font-size: 16px; + font-size: 1rem; + font-weight: 400; + line-height: 1.66; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + clear: both; + line-height: 1.4; + margin: 0 0 0.75em; + padding: 1.5em 0 0; +} + +h1:first-child, +h2:first-child, +h3:first-child, +h4:first-child, +h5:first-child, +h6:first-child { + padding-top: 0; +} + +h1 { + font-size: 24px; + font-size: 1.5rem; + font-weight: 300; +} + +h2 { + color: #666; + font-size: 20px; + font-size: 1.25rem; + font-weight: 300; +} + +h3 { + color: #333; + font-size: 18px; + font-size: 1.125rem; + font-weight: 300; +} + +h4 { + color: #333; + font-size: 16px; + font-size: 1rem; + font-weight: 800; +} + +h5 { + color: #767676; + font-size: 13px; + font-size: 0.8125rem; + font-weight: 800; + letter-spacing: 0.15em; + text-transform: uppercase; +} + +h6 { + color: #333; + font-size: 15px; + font-size: 0.9375rem; + font-weight: 800; +} + +p { + margin: 0 0 1.5em; + padding: 0; +} + +dfn, +cite, +em, +i { + font-style: italic; +} + +blockquote { + color: #666; + font-size: 18px; + font-size: 1.125rem; + font-style: italic; + line-height: 1.7; + margin: 0; + overflow: hidden; + padding: 0; +} + +blockquote.alignleft, +blockquote.alignright { + font-size: 14px; + font-size: 0.875rem; + width: 34%; +} + +address { + margin: 0 0 1.5em; +} + +pre { + background: #eee; + font-family: "Courier 10 Pitch", Courier, monospace; + font-size: 15px; + font-size: 0.9375rem; + line-height: 1.6; + margin-bottom: 1.6em; + overflow: auto; + padding: 1.6em; +} + +code, +kbd, +tt, +var { + font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; + font-size: 15px; + font-size: 0.9375rem; +} + +abbr, +acronym { + border-bottom: 1px dotted #666; + cursor: help; +} + +mark, +ins { + background: #eee; + text-decoration: none; +} + +big { + font-size: 125%; +} + +blockquote, +q { + quotes: "" ""; +} + +blockquote:before, +blockquote:after, +q:before, +q:after { + content: ""; +} + +/* Typography for Thai Font */ + +html[lang="th"] h1, +html[lang="th"] h2, +html[lang="th"] h3, +html[lang="th"] h4, +html[lang="th"] h5, +html[lang="th"] h6 { + letter-spacing: 0; + line-height: 1.65; +} + +html[lang="th"] body, +html[lang="th"] button, +html[lang="th"] input, +html[lang="th"] select, +html[lang="th"] textarea { + line-height: 1.8; +} + +/** + * 3.0 - Elements + */ + +hr { + background-color: #bbb; + border: 0; + height: 1px; + margin-bottom: 1.5em; +} + +ul, +ol { + margin: 0 0 1.5em; + padding: 0; +} + +ul { + list-style: disc; +} + +ol > li { + position: relative; +} + +li > ul, +li > ol { + margin-bottom: 0; + margin-left: 1.5em; +} + +dt { + font-weight: 700; +} + +dd { + margin: 0 1.5em 1.5em; +} + +table { + border-collapse: collapse; + margin: 0 0 1.5em; + width: 100%; +} + +thead th { + border-bottom: 2px solid #bbb; + padding-bottom: 0.5em; +} + +th { + padding: 0.4em; + text-align: left; +} + +tr { + border-bottom: 1px solid #eee; +} + +td { + padding: 0.4em; +} + +th:first-child, +td:first-child { + padding-left: 0; +} + +th:last-child, +td:last-child { + padding-right: 0; +} + +a { + -webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1); + box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1); + color: #222; + text-decoration: none; + -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; + transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; + transition: color 80ms ease-in, box-shadow 130ms ease-in-out; + transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out; +} + +a:focus { + outline: thin dotted; +} + +a:hover, +a:focus { + color: #000; + -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1); + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1); +} + +/* Fixes linked images */ + +a img { + background: #fff; + -webkit-box-shadow: 0 0 0 6px #fff; + box-shadow: 0 0 0 6px #fff; +} + +/** + * 4.0 - Alignment + */ + +img { + height: auto; /* Make sure images are scaled correctly. */ + max-width: 100%; /* Adhere to container width. */ +} + +embed, +iframe, +object { + margin-bottom: 1.5em; + max-width: 100%; +} + +/** + * 5.0 - Caption + */ + +.wp-caption { + color: #666; + font-size: 13px; + font-size: 0.8125rem; + font-style: italic; + margin-bottom: 1.5em; + max-width: 100%; +} + +.wp-caption img[class*="wp-image-"] { + display: block; + margin-left: auto; + margin-right: auto; +} + +.wp-caption .wp-caption-text { + margin: 0.8075em 0; +} + +/** + * 6.0 - Galleries + */ + +.gallery { + margin-bottom: 1.5em; +} + +.gallery-item { + display: inline-block; + text-align: center; + vertical-align: top; + width: 100%; +} + +.gallery-item a, +.gallery-item a:hover, +.gallery-item a:focus { + -webkit-box-shadow: none; + box-shadow: none; + background: none; + display: inline-block; +} + +.gallery-columns-2 .gallery-item { + max-width: 50%; +} + +.gallery-columns-3 .gallery-item { + max-width: 33.33%; +} + +.gallery-columns-4 .gallery-item { + max-width: 25%; +} + +.gallery-columns-5 .gallery-item { + max-width: 20%; +} + +.gallery-columns-6 .gallery-item { + max-width: 16.66%; +} + +.gallery-columns-7 .gallery-item { + max-width: 14.28%; +} + +.gallery-columns-8 .gallery-item { + max-width: 12.5%; +} + +.gallery-columns-9 .gallery-item { + max-width: 11.11%; +} + +.gallery-caption { + display: block; +} + +/** + * 7.0 - Media Elements + */ + +.mejs-container { + margin-bottom: 1.5em; +} + +/* Audio Player */ + +.mejs-controls a.mejs-horizontal-volume-slider, +.mejs-controls a.mejs-horizontal-volume-slider:focus, +.mejs-controls a.mejs-horizontal-volume-slider:hover { + background: transparent; + border: 0; +} + +/* Playlist Color Overrides: Light */ + +.wp-playlist-light { + border-color: #eee; + color: #222; +} + +.wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album { + color: #333; +} + +.wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist { + color: #767676; +} + +.wp-playlist-light .wp-playlist-item { + border-bottom: 1px dotted #eee; + -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; + transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; +} + +.wp-playlist-light .wp-playlist-item:hover, +.wp-playlist-light .wp-playlist-item:focus { + border-bottom-color: rgba(0, 0, 0, 0); + background-color: #767676; + color: #fff; +} + +.wp-playlist-light a.wp-playlist-caption:hover, +.wp-playlist-light .wp-playlist-item:hover a, +.wp-playlist-light .wp-playlist-item:focus a { + color: #fff; +} + +/* Playlist Color Overrides: Dark */ + +.wp-playlist-dark { + background: #222; + border-color: #333; +} + +.wp-playlist-dark .mejs-container .mejs-controls { + background-color: #333; +} + +.wp-playlist-dark .wp-playlist-caption { + color: #fff; +} + +.wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album { + color: #eee; +} + +.wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist { + color: #aaa; +} + +.wp-playlist-dark .wp-playlist-playing { + background-color: #333; +} + +.wp-playlist-dark .wp-playlist-item { + border-bottom: 1px dotted #555; + -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; + transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; +} + +.wp-playlist-dark .wp-playlist-item:hover, +.wp-playlist-dark .wp-playlist-item:focus { + border-bottom-color: rgba(0, 0, 0, 0); + background-color: #aaa; + color: #222; +} + +.wp-playlist-dark a.wp-playlist-caption:hover, +.wp-playlist-dark .wp-playlist-item:hover a, +.wp-playlist-dark .wp-playlist-item:focus a { + color: #222; +} + +/* Playlist Style Overrides */ + +.wp-playlist { + padding: 0.625em 0.625em 0.3125em; +} + +.wp-playlist-current-item .wp-playlist-item-title { + font-weight: 700; +} + +.wp-playlist-current-item .wp-playlist-item-album { + font-style: normal; +} + +.wp-playlist-current-item .wp-playlist-item-artist { + font-size: 10px; + font-size: 0.625rem; + font-weight: 800; + letter-spacing: 0.1818em; + text-transform: uppercase; +} + +.wp-playlist-item { + padding: 0 0.3125em; + cursor: pointer; +} + +.wp-playlist-item:last-of-type { + border-bottom: none; +} + +.wp-playlist-item a { + padding: 0.3125em 0; + border-bottom: none; +} + +.wp-playlist-item a, +.wp-playlist-item a:focus, +.wp-playlist-item a:hover { + -webkit-box-shadow: none; + box-shadow: none; + background: transparent; +} + +.wp-playlist-item-length { + top: 5px; +} + +/** + * 8.0 - RTL + */ + +.rtl th { + text-align: right; +} + +.rtl ol > li:before { + left: auto; + right: -1.5em; +} + +.rtl li > ul, +.rtl li > ol { + margin-left: 0; + margin-right: 1.5em; +} + +.rtl .mejs-offscreen { + right: -10000px; +} diff --git a/wp-content/themes/twentyseventeen/assets/css/ie8.css b/wp-content/themes/twentyseventeen/assets/css/ie8.css index bf45c26cb88b2c81ace233e75c4f6063304e82c4..18a86432a34efcf7bf1584ed87177684accc5d44 100644 --- a/wp-content/themes/twentyseventeen/assets/css/ie8.css +++ b/wp-content/themes/twentyseventeen/assets/css/ie8.css @@ -1,225 +1,225 @@ -/* -Theme Name: Twenty Seventeen -Description: IE8 specific style. -*/ - -body { - font-size: 16px; -} - -h1 { - font-size: 30px; - font-size: 1.875rem; -} - -h2, -.page .panel-content .recent-posts .entry-title { - font-size: 26px; - font-size: 1.625rem; -} - -h3 { - font-size: 22px; - font-size: 1.375rem; -} - -h4 { - font-size: 18px; - font-size: 1.125rem; -} - -h5 { - font-size: 13px; - font-size: 0.8125rem; -} - -h6 { - font-size: 16px; - font-size: 1rem; -} - -img { - width: inherit; /* Make images fill their parent's space. */ -} - -/* Fixes linked images */ -.entry-content a img, -.widget a img { - filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=5, Color=#ffffff); -} - -/* Layout */ - -.site-content { - padding: 6.5em 0 0; -} - -/* Site Branding */ - -.custom-header { - overflow: hidden; -} - -.has-header-image.twentyseventeen-front-page .custom-header, -.has-header-image.home.blog .custom-header { - display: block; -} - -.custom-header-media { - background-position: bottom center; -} - -.site-branding { - padding: 45px 0; -} - -.has-header-image.twentyseventeen-front-page .site-branding, -.has-header-image.home.blog .site-branding { - bottom: 0; - display: block; - left: 0; - height: auto; - padding-top: 0; - position: absolute; - width: 100%; -} - -.has-header-image .custom-header-media img { - left: 0; - top: 0; -} - -.site-title { - font-size: 36px; - font-weight: 700; -} - -.site-description { - font-size: 16px; -} - -/* Main Navigation */ - -.navigation-top { - background: #fff; - position: relative; - z-index: 10; -} - -.menu-toggle { - width: 150px; -} - -.main-navigation ul#top-menu { - margin-bottom: -1px; - padding: 0; -} - -.no-svg .dropdown-toggle { - padding: 0.25em 0 0; -} - -.no-svg .dropdown-toggle.toggled-on { - padding: 0.75em 0 0; -} - -.dropdown-toggle .svg-fallback.icon-angle-down { - -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=1.2246467991473532e-16, M21=-1.2246467991473532e-16, M22=-1, SizingMethod='auto expand')"; -} - -.dropdown-toggle.toggled-on .svg-fallback.icon-angle-down { - -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')"; -} - -/* Front Page */ - -.twentyseventeen-front-page.has-header-image .custom-header, -.blog.home.has-header-image .custom-header, -.panel-image { - height: 800px; - max-height: 800px; - padding-top: 0; -} - -.twentyseventeen-front-page .custom-header-media, -.blog.home .custom-header-media { - background-position: center center; -} - -.twentyseventeen-front-page.has-header-image .site-branding, -.home.blog.has-header-image .site-branding { - bottom: 20px; - position: absolute; - width: 100%; -} - -.page .panel-content .entry-title, -.page-title, -.page .entry-title { - font-size: 14px; - font-size: 0.875rem; - font-weight: 700; - letter-spacing: 0.14em; - text-transform: uppercase; -} - -/* Posts */ - -.blog .site-main > article, -.archive .site-main > article, -.search .site-main > article { - padding-bottom: 4em; -} - -time.updated { - display: none; -} - -time.published { - display: inline-block; -} - -.blog .entry-title { - padding-top: 0; -} - -.single-post .entry-title, -.page .entry-title, -.entry-meta + .entry-title { - font-size: 26px; - font-weight: 400; - letter-spacing: normal; - padding-top: 0; - text-transform: none; -} - -.entry-footer .cat-links, -.entry-footer .tags-links { - padding-left: 0; -} - -.comment-author .avatar { - z-index: -1; -} - -ol.children .children { - padding-left: 2em; -} - -/* RTL Styles */ - -.rtl .has-header-image.twentyseventeen-front-page .site-branding, -.rtl .has-header-image.home.blog .site-branding { - left: auto; - right: 0; -} - -.rtl .entry-footer .cat-links, -.rtl .entry-footer .tags-links { - padding-right: 0; -} - -.rtl ol.children .children { - padding-left: 0; - padding-right: 2em; -} +/* +Theme Name: Twenty Seventeen +Description: IE8 specific style. +*/ + +body { + font-size: 16px; +} + +h1 { + font-size: 30px; + font-size: 1.875rem; +} + +h2, +.page .panel-content .recent-posts .entry-title { + font-size: 26px; + font-size: 1.625rem; +} + +h3 { + font-size: 22px; + font-size: 1.375rem; +} + +h4 { + font-size: 18px; + font-size: 1.125rem; +} + +h5 { + font-size: 13px; + font-size: 0.8125rem; +} + +h6 { + font-size: 16px; + font-size: 1rem; +} + +img { + width: inherit; /* Make images fill their parent's space. */ +} + +/* Fixes linked images */ +.entry-content a img, +.widget a img { + filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=5, Color=#ffffff); +} + +/* Layout */ + +.site-content { + padding: 6.5em 0 0; +} + +/* Site Branding */ + +.custom-header { + overflow: hidden; +} + +.has-header-image.twentyseventeen-front-page .custom-header, +.has-header-image.home.blog .custom-header { + display: block; +} + +.custom-header-media { + background-position: bottom center; +} + +.site-branding { + padding: 45px 0; +} + +.has-header-image.twentyseventeen-front-page .site-branding, +.has-header-image.home.blog .site-branding { + bottom: 0; + display: block; + left: 0; + height: auto; + padding-top: 0; + position: absolute; + width: 100%; +} + +.has-header-image .custom-header-media img { + left: 0; + top: 0; +} + +.site-title { + font-size: 36px; + font-weight: 700; +} + +.site-description { + font-size: 16px; +} + +/* Main Navigation */ + +.navigation-top { + background: #fff; + position: relative; + z-index: 10; +} + +.menu-toggle { + width: 150px; +} + +.main-navigation ul#top-menu { + margin-bottom: -1px; + padding: 0; +} + +.no-svg .dropdown-toggle { + padding: 0.25em 0 0; +} + +.no-svg .dropdown-toggle.toggled-on { + padding: 0.75em 0 0; +} + +.dropdown-toggle .svg-fallback.icon-angle-down { + -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=1.2246467991473532e-16, M21=-1.2246467991473532e-16, M22=-1, SizingMethod='auto expand')"; +} + +.dropdown-toggle.toggled-on .svg-fallback.icon-angle-down { + -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')"; +} + +/* Front Page */ + +.twentyseventeen-front-page.has-header-image .custom-header, +.blog.home.has-header-image .custom-header, +.panel-image { + height: 800px; + max-height: 800px; + padding-top: 0; +} + +.twentyseventeen-front-page .custom-header-media, +.blog.home .custom-header-media { + background-position: center center; +} + +.twentyseventeen-front-page.has-header-image .site-branding, +.home.blog.has-header-image .site-branding { + bottom: 20px; + position: absolute; + width: 100%; +} + +.page .panel-content .entry-title, +.page-title, +.page .entry-title { + font-size: 14px; + font-size: 0.875rem; + font-weight: 700; + letter-spacing: 0.14em; + text-transform: uppercase; +} + +/* Posts */ + +.blog .site-main > article, +.archive .site-main > article, +.search .site-main > article { + padding-bottom: 4em; +} + +time.updated { + display: none; +} + +time.published { + display: inline-block; +} + +.blog .entry-title { + padding-top: 0; +} + +.single-post .entry-title, +.page .entry-title, +.entry-meta + .entry-title { + font-size: 26px; + font-weight: 400; + letter-spacing: normal; + padding-top: 0; + text-transform: none; +} + +.entry-footer .cat-links, +.entry-footer .tags-links { + padding-left: 0; +} + +.comment-author .avatar { + z-index: -1; +} + +ol.children .children { + padding-left: 2em; +} + +/* RTL Styles */ + +.rtl .has-header-image.twentyseventeen-front-page .site-branding, +.rtl .has-header-image.home.blog .site-branding { + left: auto; + right: 0; +} + +.rtl .entry-footer .cat-links, +.rtl .entry-footer .tags-links { + padding-right: 0; +} + +.rtl ol.children .children { + padding-left: 0; + padding-right: 2em; +} diff --git a/wp-content/themes/twentyseventeen/assets/css/ie9.css b/wp-content/themes/twentyseventeen/assets/css/ie9.css index 9f8f7664da1109246689b60e6da31f98f599c36b..af9574e32bdba502bc5434da07d3d70b09c359fa 100644 --- a/wp-content/themes/twentyseventeen/assets/css/ie9.css +++ b/wp-content/themes/twentyseventeen/assets/css/ie9.css @@ -1,43 +1,43 @@ -/* -Theme Name: Twenty Seventeen -Description: IE9 specific styles. -*/ - -.has-header-image.twentyseventeen-front-page .custom-header, -.has-header-video.twentyseventeen-front-page .custom-header, -.has-header-image.home.blog .custom-header, -.has-header-video.home.blog .custom-header { - height: 300px; -} - -.has-header-image .custom-header-media img, -.has-header-video .custom-header-media video, -.has-header-video .custom-header-media iframe { - min-width: 100%; -} - -@media screen and (min-width: 30em) { - - .has-header-image.twentyseventeen-front-page .custom-header, - .has-header-video.twentyseventeen-front-page .custom-header, - .has-header-image.home.blog .custom-header, - .has-header-video.home.blog .custom-header, - .twentyseventeen-front-page.has-header-image .custom-header-media, - .home.blog.has-header-image .custom-header-media, - .panel-image { - height: 700px; - } -} - -@media screen and (min-width: 48em) { - - .has-header-image.twentyseventeen-front-page .custom-header, - .has-header-video.twentyseventeen-front-page .custom-header, - .has-header-image.home.blog .custom-header, - .has-header-video.home.blog .custom-header, - .twentyseventeen-front-page.has-header-image .custom-header-media, - .home.blog.has-header-image .custom-header-media, - .panel-image { - height: 1000px; - } -} +/* +Theme Name: Twenty Seventeen +Description: IE9 specific styles. +*/ + +.has-header-image.twentyseventeen-front-page .custom-header, +.has-header-video.twentyseventeen-front-page .custom-header, +.has-header-image.home.blog .custom-header, +.has-header-video.home.blog .custom-header { + height: 300px; +} + +.has-header-image .custom-header-media img, +.has-header-video .custom-header-media video, +.has-header-video .custom-header-media iframe { + min-width: 100%; +} + +@media screen and (min-width: 30em) { + + .has-header-image.twentyseventeen-front-page .custom-header, + .has-header-video.twentyseventeen-front-page .custom-header, + .has-header-image.home.blog .custom-header, + .has-header-video.home.blog .custom-header, + .twentyseventeen-front-page.has-header-image .custom-header-media, + .home.blog.has-header-image .custom-header-media, + .panel-image { + height: 700px; + } +} + +@media screen and (min-width: 48em) { + + .has-header-image.twentyseventeen-front-page .custom-header, + .has-header-video.twentyseventeen-front-page .custom-header, + .has-header-image.home.blog .custom-header, + .has-header-video.home.blog .custom-header, + .twentyseventeen-front-page.has-header-image .custom-header-media, + .home.blog.has-header-image .custom-header-media, + .panel-image { + height: 1000px; + } +} diff --git a/wp-content/themes/twentyseventeen/assets/images/direct-light.jpg b/wp-content/themes/twentyseventeen/assets/images/direct-light.jpg new file mode 100644 index 0000000000000000000000000000000000000000..a3255791e79a5061114c6a2bfa6473273d3699ee Binary files /dev/null and b/wp-content/themes/twentyseventeen/assets/images/direct-light.jpg differ diff --git a/wp-content/themes/twentyseventeen/assets/images/stripes.jpg b/wp-content/themes/twentyseventeen/assets/images/stripes.jpg new file mode 100644 index 0000000000000000000000000000000000000000..26e3b6d10ce6c8baef6c2fd86558999db61108b0 Binary files /dev/null and b/wp-content/themes/twentyseventeen/assets/images/stripes.jpg differ diff --git a/wp-content/themes/twentyseventeen/assets/images/white-border.jpg b/wp-content/themes/twentyseventeen/assets/images/white-border.jpg new file mode 100644 index 0000000000000000000000000000000000000000..a1b11d77cd3f569f8a46a4ac9d3f805bfc754eeb Binary files /dev/null and b/wp-content/themes/twentyseventeen/assets/images/white-border.jpg differ diff --git a/wp-content/themes/twentyseventeen/assets/js/global.js b/wp-content/themes/twentyseventeen/assets/js/global.js index b6322de44d7bc40a1fc253ba135cd6436a6a8f03..9b4db2353be5b90c4c56daf6c6456c6577fe4d4a 100644 --- a/wp-content/themes/twentyseventeen/assets/js/global.js +++ b/wp-content/themes/twentyseventeen/assets/js/global.js @@ -26,7 +26,7 @@ resizeTimer; // Ensure the sticky navigation doesn't cover current focused links. - $( 'a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex], [contenteditable]', '.site-content-contain' ).filter( ':visible' ).focus( function() { + $( 'a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex], [contenteditable]', '.site-content-contain' ).filter( ':visible' ).on( 'focus', function() { if ( $navigation.hasClass( 'site-navigation-fixed' ) ) { var windowScrollTop = $( window ).scrollTop(), fixedNavHeight = $navigation.height(), @@ -197,7 +197,7 @@ navigationOuterHeight = 0; } - $menuScrollDown.click( function( e ) { + $menuScrollDown.on( 'click', function( e ) { e.preventDefault(); $( window ).scrollTo( '#primary', { duration: 600, @@ -228,13 +228,13 @@ }); // Also want to make sure the navigation is where it should be on resize. - $( window ).resize( function() { + $( window ).on( 'resize', function() { setNavProps(); setTimeout( adjustScrollClass, 500 ); }); } - $( window ).resize( function() { + $( window ).on( 'resize', function() { clearTimeout( resizeTimer ); resizeTimer = setTimeout( function() { belowEntryMetaClass( 'blockquote.alignleft, blockquote.alignright' ); diff --git a/wp-content/themes/twentyseventeen/assets/js/navigation.js b/wp-content/themes/twentyseventeen/assets/js/navigation.js index f0fd65249a4d5c4d89b93f86a9fa691e9ec7a2cb..4c0560239c6c2b0ae408f426e4c21db29d3263a0 100644 --- a/wp-content/themes/twentyseventeen/assets/js/navigation.js +++ b/wp-content/themes/twentyseventeen/assets/js/navigation.js @@ -26,7 +26,7 @@ // Set the active submenu initial state. container.find( '.current-menu-ancestor > .sub-menu' ).addClass( 'toggled-on' ); - container.find( '.dropdown-toggle' ).click( function( e ) { + container.find( '.dropdown-toggle' ).on( 'click', function( e ) { var _this = $( this ), screenReaderSpan = _this.find( '.screen-reader-text' ); diff --git a/wp-content/themes/twentyseventeen/comments.php b/wp-content/themes/twentyseventeen/comments.php index f979992005b40149ce87015d9fe01b6e9e5de2e9..bcacb0605fed142952a47d377f6e412493e4dbf4 100644 --- a/wp-content/themes/twentyseventeen/comments.php +++ b/wp-content/themes/twentyseventeen/comments.php @@ -1,89 +1,89 @@ -<?php -/** - * The template for displaying comments - * - * This is the template that displays the area of the page that contains both the current comments - * and the comment form. - * - * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - * @version 1.0 - */ - -/* - * If the current post is protected by a password and - * the visitor has not yet entered the password we will - * return early without loading the comments. - */ -if ( post_password_required() ) { - return; -} -?> - -<div id="comments" class="comments-area"> - - <?php - // You can start editing here -- including this comment! - if ( have_comments() ) : - ?> - <h2 class="comments-title"> - <?php - $comments_number = get_comments_number(); - if ( '1' === $comments_number ) { - /* translators: %s: Post title. */ - printf( _x( 'One Reply to “%s”', 'comments title', 'twentyseventeen' ), get_the_title() ); - } else { - printf( - /* translators: 1: Number of comments, 2: Post title. */ - _nx( - '%1$s Reply to “%2$s”', - '%1$s Replies to “%2$s”', - $comments_number, - 'comments title', - 'twentyseventeen' - ), - number_format_i18n( $comments_number ), - get_the_title() - ); - } - ?> - </h2> - - <ol class="comment-list"> - <?php - wp_list_comments( - array( - 'avatar_size' => 100, - 'style' => 'ol', - 'short_ping' => true, - 'reply_text' => twentyseventeen_get_svg( array( 'icon' => 'mail-reply' ) ) . __( 'Reply', 'twentyseventeen' ), - ) - ); - ?> - </ol> - - <?php - the_comments_pagination( - array( - 'prev_text' => twentyseventeen_get_svg( array( 'icon' => 'arrow-left' ) ) . '<span class="screen-reader-text">' . __( 'Previous', 'twentyseventeen' ) . '</span>', - 'next_text' => '<span class="screen-reader-text">' . __( 'Next', 'twentyseventeen' ) . '</span>' . twentyseventeen_get_svg( array( 'icon' => 'arrow-right' ) ), - ) - ); - - endif; // Check for have_comments(). - - // If comments are closed and there are comments, let's leave a little note, shall we? - if ( ! comments_open() && get_comments_number() && post_type_supports( get_post_type(), 'comments' ) ) : - ?> - - <p class="no-comments"><?php _e( 'Comments are closed.', 'twentyseventeen' ); ?></p> - <?php - endif; - - comment_form(); - ?> - -</div><!-- #comments --> +<?php +/** + * The template for displaying comments + * + * This is the template that displays the area of the page that contains both the current comments + * and the comment form. + * + * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + * @version 1.0 + */ + +/* + * If the current post is protected by a password and + * the visitor has not yet entered the password we will + * return early without loading the comments. + */ +if ( post_password_required() ) { + return; +} +?> + +<div id="comments" class="comments-area"> + + <?php + // You can start editing here -- including this comment! + if ( have_comments() ) : + ?> + <h2 class="comments-title"> + <?php + $comments_number = get_comments_number(); + if ( '1' === $comments_number ) { + /* translators: %s: Post title. */ + printf( _x( 'One Reply to “%s”', 'comments title', 'twentyseventeen' ), get_the_title() ); + } else { + printf( + /* translators: 1: Number of comments, 2: Post title. */ + _nx( + '%1$s Reply to “%2$s”', + '%1$s Replies to “%2$s”', + $comments_number, + 'comments title', + 'twentyseventeen' + ), + number_format_i18n( $comments_number ), + get_the_title() + ); + } + ?> + </h2> + + <ol class="comment-list"> + <?php + wp_list_comments( + array( + 'avatar_size' => 100, + 'style' => 'ol', + 'short_ping' => true, + 'reply_text' => twentyseventeen_get_svg( array( 'icon' => 'mail-reply' ) ) . __( 'Reply', 'twentyseventeen' ), + ) + ); + ?> + </ol> + + <?php + the_comments_pagination( + array( + 'prev_text' => twentyseventeen_get_svg( array( 'icon' => 'arrow-left' ) ) . '<span class="screen-reader-text">' . __( 'Previous', 'twentyseventeen' ) . '</span>', + 'next_text' => '<span class="screen-reader-text">' . __( 'Next', 'twentyseventeen' ) . '</span>' . twentyseventeen_get_svg( array( 'icon' => 'arrow-right' ) ), + ) + ); + + endif; // Check for have_comments(). + + // If comments are closed and there are comments, let's leave a little note, shall we? + if ( ! comments_open() && get_comments_number() && post_type_supports( get_post_type(), 'comments' ) ) : + ?> + + <p class="no-comments"><?php _e( 'Comments are closed.', 'twentyseventeen' ); ?></p> + <?php + endif; + + comment_form(); + ?> + +</div><!-- #comments --> diff --git a/wp-content/themes/twentyseventeen/footer.php b/wp-content/themes/twentyseventeen/footer.php index 1772bf717bb19b43eb375e34dbbc3901ddfbb62a..491f145c911f9db20e8e64edd3ef2bc861756831 100644 --- a/wp-content/themes/twentyseventeen/footer.php +++ b/wp-content/themes/twentyseventeen/footer.php @@ -1,51 +1,51 @@ -<?php -/** - * The template for displaying the footer - * - * Contains the closing of the #content div and all content after. - * - * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - * @version 1.2 - */ - -?> - - </div><!-- #content --> - - <footer id="colophon" class="site-footer" role="contentinfo"> - <div class="wrap"> - <?php - get_template_part( 'template-parts/footer/footer', 'widgets' ); - - if ( has_nav_menu( 'social' ) ) : - ?> - <nav class="social-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Footer Social Links Menu', 'twentyseventeen' ); ?>"> - <?php - wp_nav_menu( - array( - 'theme_location' => 'social', - 'menu_class' => 'social-links-menu', - 'depth' => 1, - 'link_before' => '<span class="screen-reader-text">', - 'link_after' => '</span>' . twentyseventeen_get_svg( array( 'icon' => 'chain' ) ), - ) - ); - ?> - </nav><!-- .social-navigation --> - <?php - endif; - - get_template_part( 'template-parts/footer/site', 'info' ); - ?> - </div><!-- .wrap --> - </footer><!-- #colophon --> - </div><!-- .site-content-contain --> -</div><!-- #page --> -<?php wp_footer(); ?> - -</body> -</html> +<?php +/** + * The template for displaying the footer + * + * Contains the closing of the #content div and all content after. + * + * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + * @version 1.2 + */ + +?> + + </div><!-- #content --> + + <footer id="colophon" class="site-footer" role="contentinfo"> + <div class="wrap"> + <?php + get_template_part( 'template-parts/footer/footer', 'widgets' ); + + if ( has_nav_menu( 'social' ) ) : + ?> + <nav class="social-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Footer Social Links Menu', 'twentyseventeen' ); ?>"> + <?php + wp_nav_menu( + array( + 'theme_location' => 'social', + 'menu_class' => 'social-links-menu', + 'depth' => 1, + 'link_before' => '<span class="screen-reader-text">', + 'link_after' => '</span>' . twentyseventeen_get_svg( array( 'icon' => 'chain' ) ), + ) + ); + ?> + </nav><!-- .social-navigation --> + <?php + endif; + + get_template_part( 'template-parts/footer/site', 'info' ); + ?> + </div><!-- .wrap --> + </footer><!-- #colophon --> + </div><!-- .site-content-contain --> +</div><!-- #page --> +<?php wp_footer(); ?> + +</body> +</html> diff --git a/wp-content/themes/twentyseventeen/front-page.php b/wp-content/themes/twentyseventeen/front-page.php index 3857ea6203967a9fda0f1d4d744f4ad8a0d45a6a..ac4543ce76a3007426f8fab12b4afe925d803732 100644 --- a/wp-content/themes/twentyseventeen/front-page.php +++ b/wp-content/themes/twentyseventeen/front-page.php @@ -1,59 +1,59 @@ -<?php -/** - * The front page template file - * - * If the user has selected a static page for their homepage, this is what will - * appear. - * Learn more: https://developer.wordpress.org/themes/basics/template-hierarchy/ - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - * @version 1.0 - */ - -get_header(); ?> - -<div id="primary" class="content-area"> - <main id="main" class="site-main" role="main"> - - <?php - // Show the selected front page content. - if ( have_posts() ) : - while ( have_posts() ) : - the_post(); - get_template_part( 'template-parts/page/content', 'front-page' ); - endwhile; - else : - get_template_part( 'template-parts/post/content', 'none' ); - endif; - ?> - - <?php - // Get each of our panels and show the post data. - if ( 0 !== twentyseventeen_panel_count() || is_customize_preview() ) : // If we have pages to show. - - /** - * Filter number of front page sections in Twenty Seventeen. - * - * @since Twenty Seventeen 1.0 - * - * @param int $num_sections Number of front page sections. - */ - $num_sections = apply_filters( 'twentyseventeen_front_page_sections', 4 ); - global $twentyseventeencounter; - - // Create a setting and control for each of the sections available in the theme. - for ( $i = 1; $i < ( 1 + $num_sections ); $i++ ) { - $twentyseventeencounter = $i; - twentyseventeen_front_page_section( null, $i ); - } - - endif; // The if ( 0 !== twentyseventeen_panel_count() ) ends here. - ?> - - </main><!-- #main --> -</div><!-- #primary --> - -<?php -get_footer(); +<?php +/** + * The front page template file + * + * If the user has selected a static page for their homepage, this is what will + * appear. + * Learn more: https://developer.wordpress.org/themes/basics/template-hierarchy/ + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + * @version 1.0 + */ + +get_header(); ?> + +<div id="primary" class="content-area"> + <main id="main" class="site-main" role="main"> + + <?php + // Show the selected front page content. + if ( have_posts() ) : + while ( have_posts() ) : + the_post(); + get_template_part( 'template-parts/page/content', 'front-page' ); + endwhile; + else : + get_template_part( 'template-parts/post/content', 'none' ); + endif; + ?> + + <?php + // Get each of our panels and show the post data. + if ( 0 !== twentyseventeen_panel_count() || is_customize_preview() ) : // If we have pages to show. + + /** + * Filters the number of front page sections in Twenty Seventeen. + * + * @since Twenty Seventeen 1.0 + * + * @param int $num_sections Number of front page sections. + */ + $num_sections = apply_filters( 'twentyseventeen_front_page_sections', 4 ); + global $twentyseventeencounter; + + // Create a setting and control for each of the sections available in the theme. + for ( $i = 1; $i < ( 1 + $num_sections ); $i++ ) { + $twentyseventeencounter = $i; + twentyseventeen_front_page_section( null, $i ); + } + + endif; // The if ( 0 !== twentyseventeen_panel_count() ) ends here. + ?> + + </main><!-- #main --> +</div><!-- #primary --> + +<?php +get_footer(); diff --git a/wp-content/themes/twentyseventeen/functions.php b/wp-content/themes/twentyseventeen/functions.php index e3c6ef91c2ad4d7e0afc306a0b5afee3994d5ccc..4bc4640f63973ead8b18902c9e71eb00339351a9 100644 --- a/wp-content/themes/twentyseventeen/functions.php +++ b/wp-content/themes/twentyseventeen/functions.php @@ -1,665 +1,676 @@ -<?php -/** - * Twenty Seventeen functions and definitions - * - * @link https://developer.wordpress.org/themes/basics/theme-functions/ - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - */ - -/** - * Twenty Seventeen only works in WordPress 4.7 or later. - */ -if ( version_compare( $GLOBALS['wp_version'], '4.7-alpha', '<' ) ) { - require get_template_directory() . '/inc/back-compat.php'; - return; -} - -/** - * Sets up theme defaults and registers support for various WordPress features. - * - * Note that this function is hooked into the after_setup_theme hook, which - * runs before the init hook. The init hook is too late for some features, such - * as indicating support for post thumbnails. - */ -function twentyseventeen_setup() { - /* - * Make theme available for translation. - * Translations can be filed at WordPress.org. See: https://translate.wordpress.org/projects/wp-themes/twentyseventeen - * If you're building a theme based on Twenty Seventeen, use a find and replace - * to change 'twentyseventeen' to the name of your theme in all the template files. - */ - load_theme_textdomain( 'twentyseventeen' ); - - // Add default posts and comments RSS feed links to head. - add_theme_support( 'automatic-feed-links' ); - - /* - * Let WordPress manage the document title. - * By adding theme support, we declare that this theme does not use a - * hard-coded <title> tag in the document head, and expect WordPress to - * provide it for us. - */ - add_theme_support( 'title-tag' ); - - /* - * Enable support for Post Thumbnails on posts and pages. - * - * @link https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/ - */ - add_theme_support( 'post-thumbnails' ); - - add_image_size( 'twentyseventeen-featured-image', 2000, 1200, true ); - - add_image_size( 'twentyseventeen-thumbnail-avatar', 100, 100, true ); - - // Set the default content width. - $GLOBALS['content_width'] = 525; - - // This theme uses wp_nav_menu() in two locations. - register_nav_menus( - array( - 'top' => __( 'Top Menu', 'twentyseventeen' ), - 'social' => __( 'Social Links Menu', 'twentyseventeen' ), - ) - ); - - /* - * Switch default core markup for search form, comment form, and comments - * to output valid HTML5. - */ - add_theme_support( - 'html5', - array( - 'comment-form', - 'comment-list', - 'gallery', - 'caption', - 'script', - 'style', - ) - ); - - /* - * Enable support for Post Formats. - * - * See: https://wordpress.org/support/article/post-formats/ - */ - add_theme_support( - 'post-formats', - array( - 'aside', - 'image', - 'video', - 'quote', - 'link', - 'gallery', - 'audio', - ) - ); - - // Add theme support for Custom Logo. - add_theme_support( - 'custom-logo', - array( - 'width' => 250, - 'height' => 250, - 'flex-width' => true, - ) - ); - - // Add theme support for selective refresh for widgets. - add_theme_support( 'customize-selective-refresh-widgets' ); - - /* - * This theme styles the visual editor to resemble the theme style, - * specifically font, colors, and column width. - */ - add_editor_style( array( 'assets/css/editor-style.css', twentyseventeen_fonts_url() ) ); - - // Load regular editor styles into the new block-based editor. - add_theme_support( 'editor-styles' ); - - // Load default block styles. - add_theme_support( 'wp-block-styles' ); - - // Add support for responsive embeds. - add_theme_support( 'responsive-embeds' ); - - // Define and register starter content to showcase the theme on new sites. - $starter_content = array( - 'widgets' => array( - // Place three core-defined widgets in the sidebar area. - 'sidebar-1' => array( - 'text_business_info', - 'search', - 'text_about', - ), - - // Add the core-defined business info widget to the footer 1 area. - 'sidebar-2' => array( - 'text_business_info', - ), - - // Put two core-defined widgets in the footer 2 area. - 'sidebar-3' => array( - 'text_about', - 'search', - ), - ), - - // Specify the core-defined pages to create and add custom thumbnails to some of them. - 'posts' => array( - 'home', - 'about' => array( - 'thumbnail' => '{{image-sandwich}}', - ), - 'contact' => array( - 'thumbnail' => '{{image-espresso}}', - ), - 'blog' => array( - 'thumbnail' => '{{image-coffee}}', - ), - 'homepage-section' => array( - 'thumbnail' => '{{image-espresso}}', - ), - ), - - // Create the custom image attachments used as post thumbnails for pages. - 'attachments' => array( - 'image-espresso' => array( - 'post_title' => _x( 'Espresso', 'Theme starter content', 'twentyseventeen' ), - 'file' => 'assets/images/espresso.jpg', // URL relative to the template directory. - ), - 'image-sandwich' => array( - 'post_title' => _x( 'Sandwich', 'Theme starter content', 'twentyseventeen' ), - 'file' => 'assets/images/sandwich.jpg', - ), - 'image-coffee' => array( - 'post_title' => _x( 'Coffee', 'Theme starter content', 'twentyseventeen' ), - 'file' => 'assets/images/coffee.jpg', - ), - ), - - // Default to a static front page and assign the front and posts pages. - 'options' => array( - 'show_on_front' => 'page', - 'page_on_front' => '{{home}}', - 'page_for_posts' => '{{blog}}', - ), - - // Set the front page section theme mods to the IDs of the core-registered pages. - 'theme_mods' => array( - 'panel_1' => '{{homepage-section}}', - 'panel_2' => '{{about}}', - 'panel_3' => '{{blog}}', - 'panel_4' => '{{contact}}', - ), - - // Set up nav menus for each of the two areas registered in the theme. - 'nav_menus' => array( - // Assign a menu to the "top" location. - 'top' => array( - 'name' => __( 'Top Menu', 'twentyseventeen' ), - 'items' => array( - 'link_home', // Note that the core "home" page is actually a link in case a static front page is not used. - 'page_about', - 'page_blog', - 'page_contact', - ), - ), - - // Assign a menu to the "social" location. - 'social' => array( - 'name' => __( 'Social Links Menu', 'twentyseventeen' ), - 'items' => array( - 'link_yelp', - 'link_facebook', - 'link_twitter', - 'link_instagram', - 'link_email', - ), - ), - ), - ); - - /** - * Filters Twenty Seventeen array of starter content. - * - * @since Twenty Seventeen 1.1 - * - * @param array $starter_content Array of starter content. - */ - $starter_content = apply_filters( 'twentyseventeen_starter_content', $starter_content ); - - add_theme_support( 'starter-content', $starter_content ); -} -add_action( 'after_setup_theme', 'twentyseventeen_setup' ); - -/** - * Set the content width in pixels, based on the theme's design and stylesheet. - * - * Priority 0 to make it available to lower priority callbacks. - * - * @global int $content_width - */ -function twentyseventeen_content_width() { - - $content_width = $GLOBALS['content_width']; - - // Get layout. - $page_layout = get_theme_mod( 'page_layout' ); - - // Check if layout is one column. - if ( 'one-column' === $page_layout ) { - if ( twentyseventeen_is_frontpage() ) { - $content_width = 644; - } elseif ( is_page() ) { - $content_width = 740; - } - } - - // Check if is single post and there is no sidebar. - if ( is_single() && ! is_active_sidebar( 'sidebar-1' ) ) { - $content_width = 740; - } - - /** - * Filter Twenty Seventeen content width of the theme. - * - * @since Twenty Seventeen 1.0 - * - * @param int $content_width Content width in pixels. - */ - $GLOBALS['content_width'] = apply_filters( 'twentyseventeen_content_width', $content_width ); -} -add_action( 'template_redirect', 'twentyseventeen_content_width', 0 ); - -/** - * Register custom fonts. - */ -function twentyseventeen_fonts_url() { - $fonts_url = ''; - - /* - * translators: If there are characters in your language that are not supported - * by Libre Franklin, translate this to 'off'. Do not translate into your own language. - */ - $libre_franklin = _x( 'on', 'Libre Franklin font: on or off', 'twentyseventeen' ); - - if ( 'off' !== $libre_franklin ) { - $font_families = array(); - - $font_families[] = 'Libre Franklin:300,300i,400,400i,600,600i,800,800i'; - - $query_args = array( - 'family' => urlencode( implode( '|', $font_families ) ), - 'subset' => urlencode( 'latin,latin-ext' ), - 'display' => urlencode( 'fallback' ), - ); - - $fonts_url = add_query_arg( $query_args, 'https://fonts.googleapis.com/css' ); - } - - return esc_url_raw( $fonts_url ); -} - -/** - * Add preconnect for Google Fonts. - * - * @since Twenty Seventeen 1.0 - * - * @param array $urls URLs to print for resource hints. - * @param string $relation_type The relation type the URLs are printed. - * @return array URLs to print for resource hints. - */ -function twentyseventeen_resource_hints( $urls, $relation_type ) { - if ( wp_style_is( 'twentyseventeen-fonts', 'queue' ) && 'preconnect' === $relation_type ) { - $urls[] = array( - 'href' => 'https://fonts.gstatic.com', - 'crossorigin', - ); - } - - return $urls; -} -add_filter( 'wp_resource_hints', 'twentyseventeen_resource_hints', 10, 2 ); - -/** - * Register widget area. - * - * @link https://developer.wordpress.org/themes/functionality/sidebars/#registering-a-sidebar - */ -function twentyseventeen_widgets_init() { - register_sidebar( - array( - 'name' => __( 'Blog Sidebar', 'twentyseventeen' ), - 'id' => 'sidebar-1', - 'description' => __( 'Add widgets here to appear in your sidebar on blog posts and archive pages.', 'twentyseventeen' ), - 'before_widget' => '<section id="%1$s" class="widget %2$s">', - 'after_widget' => '</section>', - 'before_title' => '<h2 class="widget-title">', - 'after_title' => '</h2>', - ) - ); - - register_sidebar( - array( - 'name' => __( 'Footer 1', 'twentyseventeen' ), - 'id' => 'sidebar-2', - 'description' => __( 'Add widgets here to appear in your footer.', 'twentyseventeen' ), - 'before_widget' => '<section id="%1$s" class="widget %2$s">', - 'after_widget' => '</section>', - 'before_title' => '<h2 class="widget-title">', - 'after_title' => '</h2>', - ) - ); - - register_sidebar( - array( - 'name' => __( 'Footer 2', 'twentyseventeen' ), - 'id' => 'sidebar-3', - 'description' => __( 'Add widgets here to appear in your footer.', 'twentyseventeen' ), - 'before_widget' => '<section id="%1$s" class="widget %2$s">', - 'after_widget' => '</section>', - 'before_title' => '<h2 class="widget-title">', - 'after_title' => '</h2>', - ) - ); -} -add_action( 'widgets_init', 'twentyseventeen_widgets_init' ); - -/** - * Replaces "[...]" (appended to automatically generated excerpts) with ... and - * a 'Continue reading' link. - * - * @since Twenty Seventeen 1.0 - * - * @param string $link Link to single post/page. - * @return string 'Continue reading' link prepended with an ellipsis. - */ -function twentyseventeen_excerpt_more( $link ) { - if ( is_admin() ) { - return $link; - } - - $link = sprintf( - '<p class="link-more"><a href="%1$s" class="more-link">%2$s</a></p>', - esc_url( get_permalink( get_the_ID() ) ), - /* translators: %s: Post title. */ - sprintf( __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentyseventeen' ), get_the_title( get_the_ID() ) ) - ); - return ' … ' . $link; -} -add_filter( 'excerpt_more', 'twentyseventeen_excerpt_more' ); - -/** - * Handles JavaScript detection. - * - * Adds a `js` class to the root `<html>` element when JavaScript is detected. - * - * @since Twenty Seventeen 1.0 - */ -function twentyseventeen_javascript_detection() { - echo "<script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script>\n"; -} -add_action( 'wp_head', 'twentyseventeen_javascript_detection', 0 ); - -/** - * Add a pingback url auto-discovery header for singularly identifiable articles. - */ -function twentyseventeen_pingback_header() { - if ( is_singular() && pings_open() ) { - printf( '<link rel="pingback" href="%s">' . "\n", esc_url( get_bloginfo( 'pingback_url' ) ) ); - } -} -add_action( 'wp_head', 'twentyseventeen_pingback_header' ); - -/** - * Display custom color CSS. - */ -function twentyseventeen_colors_css_wrap() { - if ( 'custom' !== get_theme_mod( 'colorscheme' ) && ! is_customize_preview() ) { - return; - } - - require_once get_parent_theme_file_path( '/inc/color-patterns.php' ); - $hue = absint( get_theme_mod( 'colorscheme_hue', 250 ) ); - - $customize_preview_data_hue = ''; - if ( is_customize_preview() ) { - $customize_preview_data_hue = 'data-hue="' . $hue . '"'; - } - ?> - <style type="text/css" id="custom-theme-colors" <?php echo $customize_preview_data_hue; ?>> - <?php echo twentyseventeen_custom_colors_css(); ?> - </style> - <?php -} -add_action( 'wp_head', 'twentyseventeen_colors_css_wrap' ); - -/** - * Enqueues scripts and styles. - */ -function twentyseventeen_scripts() { - // Add custom fonts, used in the main stylesheet. - wp_enqueue_style( 'twentyseventeen-fonts', twentyseventeen_fonts_url(), array(), null ); - - // Theme stylesheet. - wp_enqueue_style( 'twentyseventeen-style', get_stylesheet_uri(), array(), '20190507' ); - - // Theme block stylesheet. - wp_enqueue_style( 'twentyseventeen-block-style', get_theme_file_uri( '/assets/css/blocks.css' ), array( 'twentyseventeen-style' ), '20190105' ); - - // Load the dark colorscheme. - if ( 'dark' === get_theme_mod( 'colorscheme', 'light' ) || is_customize_preview() ) { - wp_enqueue_style( 'twentyseventeen-colors-dark', get_theme_file_uri( '/assets/css/colors-dark.css' ), array( 'twentyseventeen-style' ), '20190408' ); - } - - // Load the Internet Explorer 9 specific stylesheet, to fix display issues in the Customizer. - if ( is_customize_preview() ) { - wp_enqueue_style( 'twentyseventeen-ie9', get_theme_file_uri( '/assets/css/ie9.css' ), array( 'twentyseventeen-style' ), '20161202' ); - wp_style_add_data( 'twentyseventeen-ie9', 'conditional', 'IE 9' ); - } - - // Load the Internet Explorer 8 specific stylesheet. - wp_enqueue_style( 'twentyseventeen-ie8', get_theme_file_uri( '/assets/css/ie8.css' ), array( 'twentyseventeen-style' ), '20161202' ); - wp_style_add_data( 'twentyseventeen-ie8', 'conditional', 'lt IE 9' ); - - // Load the html5 shiv. - wp_enqueue_script( 'html5', get_theme_file_uri( '/assets/js/html5.js' ), array(), '20161020' ); - wp_script_add_data( 'html5', 'conditional', 'lt IE 9' ); - - wp_enqueue_script( 'twentyseventeen-skip-link-focus-fix', get_theme_file_uri( '/assets/js/skip-link-focus-fix.js' ), array(), '20161114', true ); - - $twentyseventeen_l10n = array( - 'quote' => twentyseventeen_get_svg( array( 'icon' => 'quote-right' ) ), - ); - - if ( has_nav_menu( 'top' ) ) { - wp_enqueue_script( 'twentyseventeen-navigation', get_theme_file_uri( '/assets/js/navigation.js' ), array( 'jquery' ), '20161203', true ); - $twentyseventeen_l10n['expand'] = __( 'Expand child menu', 'twentyseventeen' ); - $twentyseventeen_l10n['collapse'] = __( 'Collapse child menu', 'twentyseventeen' ); - $twentyseventeen_l10n['icon'] = twentyseventeen_get_svg( - array( - 'icon' => 'angle-down', - 'fallback' => true, - ) - ); - } - - wp_enqueue_script( 'twentyseventeen-global', get_theme_file_uri( '/assets/js/global.js' ), array( 'jquery' ), '20190121', true ); - - wp_enqueue_script( 'jquery-scrollto', get_theme_file_uri( '/assets/js/jquery.scrollTo.js' ), array( 'jquery' ), '2.1.2', true ); - - wp_localize_script( 'twentyseventeen-skip-link-focus-fix', 'twentyseventeenScreenReaderText', $twentyseventeen_l10n ); - - if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) { - wp_enqueue_script( 'comment-reply' ); - } -} -add_action( 'wp_enqueue_scripts', 'twentyseventeen_scripts' ); - -/** - * Enqueues styles for the block-based editor. - * - * @since Twenty Seventeen 1.8 - */ -function twentyseventeen_block_editor_styles() { - // Block styles. - wp_enqueue_style( 'twentyseventeen-block-editor-style', get_theme_file_uri( '/assets/css/editor-blocks.css' ), array(), '20190328' ); - // Add custom fonts. - wp_enqueue_style( 'twentyseventeen-fonts', twentyseventeen_fonts_url(), array(), null ); -} -add_action( 'enqueue_block_editor_assets', 'twentyseventeen_block_editor_styles' ); - -/** - * Add custom image sizes attribute to enhance responsive image functionality - * for content images. - * - * @since Twenty Seventeen 1.0 - * - * @param string $sizes A source size value for use in a 'sizes' attribute. - * @param array $size Image size. Accepts an array of width and height - * values in pixels (in that order). - * @return string A source size value for use in a content image 'sizes' attribute. - */ -function twentyseventeen_content_image_sizes_attr( $sizes, $size ) { - $width = $size[0]; - - if ( 740 <= $width ) { - $sizes = '(max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px'; - } - - if ( is_active_sidebar( 'sidebar-1' ) || is_archive() || is_search() || is_home() || is_page() ) { - if ( ! ( is_page() && 'one-column' === get_theme_mod( 'page_options' ) ) && 767 <= $width ) { - $sizes = '(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px'; - } - } - - return $sizes; -} -add_filter( 'wp_calculate_image_sizes', 'twentyseventeen_content_image_sizes_attr', 10, 2 ); - -/** - * Filter the `sizes` value in the header image markup. - * - * @since Twenty Seventeen 1.0 - * - * @param string $html The HTML image tag markup being filtered. - * @param object $header The custom header object returned by 'get_custom_header()'. - * @param array $attr Array of the attributes for the image tag. - * @return string The filtered header image HTML. - */ -function twentyseventeen_header_image_tag( $html, $header, $attr ) { - if ( isset( $attr['sizes'] ) ) { - $html = str_replace( $attr['sizes'], '100vw', $html ); - } - return $html; -} -add_filter( 'get_header_image_tag', 'twentyseventeen_header_image_tag', 10, 3 ); - -/** - * Add custom image sizes attribute to enhance responsive image functionality - * for post thumbnails. - * - * @since Twenty Seventeen 1.0 - * - * @param array $attr Attributes for the image markup. - * @param int $attachment Image attachment ID. - * @param array $size Registered image size or flat array of height and width dimensions. - * @return array The filtered attributes for the image markup. - */ -function twentyseventeen_post_thumbnail_sizes_attr( $attr, $attachment, $size ) { - if ( is_archive() || is_search() || is_home() ) { - $attr['sizes'] = '(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px'; - } else { - $attr['sizes'] = '100vw'; - } - - return $attr; -} -add_filter( 'wp_get_attachment_image_attributes', 'twentyseventeen_post_thumbnail_sizes_attr', 10, 3 ); - -/** - * Use front-page.php when Front page displays is set to a static page. - * - * @since Twenty Seventeen 1.0 - * - * @param string $template front-page.php. - * @return string The template to be used: blank if is_home() is true (defaults to index.php), - * otherwise $template. - */ -function twentyseventeen_front_page_template( $template ) { - return is_home() ? '' : $template; -} -add_filter( 'frontpage_template', 'twentyseventeen_front_page_template' ); - -/** - * Modifies tag cloud widget arguments to display all tags in the same font size - * and use list format for better accessibility. - * - * @since Twenty Seventeen 1.4 - * - * @param array $args Arguments for tag cloud widget. - * @return array The filtered arguments for tag cloud widget. - */ -function twentyseventeen_widget_tag_cloud_args( $args ) { - $args['largest'] = 1; - $args['smallest'] = 1; - $args['unit'] = 'em'; - $args['format'] = 'list'; - - return $args; -} -add_filter( 'widget_tag_cloud_args', 'twentyseventeen_widget_tag_cloud_args' ); - -/** - * Gets unique ID. - * - * This is a PHP implementation of Underscore's uniqueId method. A static variable - * contains an integer that is incremented with each call. This number is returned - * with the optional prefix. As such the returned value is not universally unique, - * but it is unique across the life of the PHP process. - * - * @since Twenty Seventeen 2.0 - * - * @see wp_unique_id() Themes requiring WordPress 5.0.3 and greater should use this instead. - * - * @param string $prefix Prefix for the returned ID. - * @return string Unique ID. - */ -function twentyseventeen_unique_id( $prefix = '' ) { - static $id_counter = 0; - if ( function_exists( 'wp_unique_id' ) ) { - return wp_unique_id( $prefix ); - } - return $prefix . (string) ++$id_counter; -} - -/** - * Implement the Custom Header feature. - */ -require get_parent_theme_file_path( '/inc/custom-header.php' ); - -/** - * Custom template tags for this theme. - */ -require get_parent_theme_file_path( '/inc/template-tags.php' ); - -/** - * Additional features to allow styling of the templates. - */ -require get_parent_theme_file_path( '/inc/template-functions.php' ); - -/** - * Customizer additions. - */ -require get_parent_theme_file_path( '/inc/customizer.php' ); - -/** - * SVG icons functions and filters. - */ -require get_parent_theme_file_path( '/inc/icon-functions.php' ); +<?php +/** + * Twenty Seventeen functions and definitions + * + * @link https://developer.wordpress.org/themes/basics/theme-functions/ + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + */ + +/** + * Twenty Seventeen only works in WordPress 4.7 or later. + */ +if ( version_compare( $GLOBALS['wp_version'], '4.7-alpha', '<' ) ) { + require get_template_directory() . '/inc/back-compat.php'; + return; +} + +/** + * Sets up theme defaults and registers support for various WordPress features. + * + * Note that this function is hooked into the after_setup_theme hook, which + * runs before the init hook. The init hook is too late for some features, such + * as indicating support for post thumbnails. + */ +function twentyseventeen_setup() { + /* + * Make theme available for translation. + * Translations can be filed at WordPress.org. See: https://translate.wordpress.org/projects/wp-themes/twentyseventeen + * If you're building a theme based on Twenty Seventeen, use a find and replace + * to change 'twentyseventeen' to the name of your theme in all the template files. + */ + load_theme_textdomain( 'twentyseventeen' ); + + // Add default posts and comments RSS feed links to head. + add_theme_support( 'automatic-feed-links' ); + + /* + * Let WordPress manage the document title. + * By adding theme support, we declare that this theme does not use a + * hard-coded <title> tag in the document head, and expect WordPress to + * provide it for us. + */ + add_theme_support( 'title-tag' ); + + /* + * Enables custom line height for blocks + */ + add_theme_support( 'custom-line-height' ); + + /* + * Enable support for Post Thumbnails on posts and pages. + * + * @link https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/ + */ + add_theme_support( 'post-thumbnails' ); + + add_image_size( 'twentyseventeen-featured-image', 2000, 1200, true ); + + add_image_size( 'twentyseventeen-thumbnail-avatar', 100, 100, true ); + + // Set the default content width. + $GLOBALS['content_width'] = 525; + + // This theme uses wp_nav_menu() in two locations. + register_nav_menus( + array( + 'top' => __( 'Top Menu', 'twentyseventeen' ), + 'social' => __( 'Social Links Menu', 'twentyseventeen' ), + ) + ); + + /* + * Switch default core markup for search form, comment form, and comments + * to output valid HTML5. + */ + add_theme_support( + 'html5', + array( + 'comment-form', + 'comment-list', + 'gallery', + 'caption', + 'script', + 'style', + 'navigation-widgets', + ) + ); + + /* + * Enable support for Post Formats. + * + * See: https://wordpress.org/support/article/post-formats/ + */ + add_theme_support( + 'post-formats', + array( + 'aside', + 'image', + 'video', + 'quote', + 'link', + 'gallery', + 'audio', + ) + ); + + // Add theme support for Custom Logo. + add_theme_support( + 'custom-logo', + array( + 'width' => 250, + 'height' => 250, + 'flex-width' => true, + ) + ); + + // Add theme support for selective refresh for widgets. + add_theme_support( 'customize-selective-refresh-widgets' ); + + /* + * This theme styles the visual editor to resemble the theme style, + * specifically font, colors, and column width. + */ + add_editor_style( array( 'assets/css/editor-style.css', twentyseventeen_fonts_url() ) ); + + // Load regular editor styles into the new block-based editor. + add_theme_support( 'editor-styles' ); + + // Load default block styles. + add_theme_support( 'wp-block-styles' ); + + // Add support for responsive embeds. + add_theme_support( 'responsive-embeds' ); + + // Define and register starter content to showcase the theme on new sites. + $starter_content = array( + 'widgets' => array( + // Place three core-defined widgets in the sidebar area. + 'sidebar-1' => array( + 'text_business_info', + 'search', + 'text_about', + ), + + // Add the core-defined business info widget to the footer 1 area. + 'sidebar-2' => array( + 'text_business_info', + ), + + // Put two core-defined widgets in the footer 2 area. + 'sidebar-3' => array( + 'text_about', + 'search', + ), + ), + + // Specify the core-defined pages to create and add custom thumbnails to some of them. + 'posts' => array( + 'home', + 'about' => array( + 'thumbnail' => '{{image-sandwich}}', + ), + 'contact' => array( + 'thumbnail' => '{{image-espresso}}', + ), + 'blog' => array( + 'thumbnail' => '{{image-coffee}}', + ), + 'homepage-section' => array( + 'thumbnail' => '{{image-espresso}}', + ), + ), + + // Create the custom image attachments used as post thumbnails for pages. + 'attachments' => array( + 'image-espresso' => array( + 'post_title' => _x( 'Espresso', 'Theme starter content', 'twentyseventeen' ), + 'file' => 'assets/images/espresso.jpg', // URL relative to the template directory. + ), + 'image-sandwich' => array( + 'post_title' => _x( 'Sandwich', 'Theme starter content', 'twentyseventeen' ), + 'file' => 'assets/images/sandwich.jpg', + ), + 'image-coffee' => array( + 'post_title' => _x( 'Coffee', 'Theme starter content', 'twentyseventeen' ), + 'file' => 'assets/images/coffee.jpg', + ), + ), + + // Default to a static front page and assign the front and posts pages. + 'options' => array( + 'show_on_front' => 'page', + 'page_on_front' => '{{home}}', + 'page_for_posts' => '{{blog}}', + ), + + // Set the front page section theme mods to the IDs of the core-registered pages. + 'theme_mods' => array( + 'panel_1' => '{{homepage-section}}', + 'panel_2' => '{{about}}', + 'panel_3' => '{{blog}}', + 'panel_4' => '{{contact}}', + ), + + // Set up nav menus for each of the two areas registered in the theme. + 'nav_menus' => array( + // Assign a menu to the "top" location. + 'top' => array( + 'name' => __( 'Top Menu', 'twentyseventeen' ), + 'items' => array( + 'link_home', // Note that the core "home" page is actually a link in case a static front page is not used. + 'page_about', + 'page_blog', + 'page_contact', + ), + ), + + // Assign a menu to the "social" location. + 'social' => array( + 'name' => __( 'Social Links Menu', 'twentyseventeen' ), + 'items' => array( + 'link_yelp', + 'link_facebook', + 'link_twitter', + 'link_instagram', + 'link_email', + ), + ), + ), + ); + + /** + * Filters Twenty Seventeen array of starter content. + * + * @since Twenty Seventeen 1.1 + * + * @param array $starter_content Array of starter content. + */ + $starter_content = apply_filters( 'twentyseventeen_starter_content', $starter_content ); + + add_theme_support( 'starter-content', $starter_content ); +} +add_action( 'after_setup_theme', 'twentyseventeen_setup' ); + +/** + * Set the content width in pixels, based on the theme's design and stylesheet. + * + * Priority 0 to make it available to lower priority callbacks. + * + * @global int $content_width + */ +function twentyseventeen_content_width() { + + $content_width = $GLOBALS['content_width']; + + // Get layout. + $page_layout = get_theme_mod( 'page_layout' ); + + // Check if layout is one column. + if ( 'one-column' === $page_layout ) { + if ( twentyseventeen_is_frontpage() ) { + $content_width = 644; + } elseif ( is_page() ) { + $content_width = 740; + } + } + + // Check if is single post and there is no sidebar. + if ( is_single() && ! is_active_sidebar( 'sidebar-1' ) ) { + $content_width = 740; + } + + /** + * Filters Twenty Seventeen content width of the theme. + * + * @since Twenty Seventeen 1.0 + * + * @param int $content_width Content width in pixels. + */ + $GLOBALS['content_width'] = apply_filters( 'twentyseventeen_content_width', $content_width ); +} +add_action( 'template_redirect', 'twentyseventeen_content_width', 0 ); + +/** + * Register custom fonts. + */ +function twentyseventeen_fonts_url() { + $fonts_url = ''; + + /* + * translators: If there are characters in your language that are not supported + * by Libre Franklin, translate this to 'off'. Do not translate into your own language. + */ + $libre_franklin = _x( 'on', 'Libre Franklin font: on or off', 'twentyseventeen' ); + + if ( 'off' !== $libre_franklin ) { + $font_families = array(); + + $font_families[] = 'Libre Franklin:300,300i,400,400i,600,600i,800,800i'; + + $query_args = array( + 'family' => urlencode( implode( '|', $font_families ) ), + 'subset' => urlencode( 'latin,latin-ext' ), + 'display' => urlencode( 'fallback' ), + ); + + $fonts_url = add_query_arg( $query_args, 'https://fonts.googleapis.com/css' ); + } + + return esc_url_raw( $fonts_url ); +} + +/** + * Add preconnect for Google Fonts. + * + * @since Twenty Seventeen 1.0 + * + * @param array $urls URLs to print for resource hints. + * @param string $relation_type The relation type the URLs are printed. + * @return array URLs to print for resource hints. + */ +function twentyseventeen_resource_hints( $urls, $relation_type ) { + if ( wp_style_is( 'twentyseventeen-fonts', 'queue' ) && 'preconnect' === $relation_type ) { + $urls[] = array( + 'href' => 'https://fonts.gstatic.com', + 'crossorigin', + ); + } + + return $urls; +} +add_filter( 'wp_resource_hints', 'twentyseventeen_resource_hints', 10, 2 ); + +/** + * Register widget area. + * + * @link https://developer.wordpress.org/themes/functionality/sidebars/#registering-a-sidebar + */ +function twentyseventeen_widgets_init() { + register_sidebar( + array( + 'name' => __( 'Blog Sidebar', 'twentyseventeen' ), + 'id' => 'sidebar-1', + 'description' => __( 'Add widgets here to appear in your sidebar on blog posts and archive pages.', 'twentyseventeen' ), + 'before_widget' => '<section id="%1$s" class="widget %2$s">', + 'after_widget' => '</section>', + 'before_title' => '<h2 class="widget-title">', + 'after_title' => '</h2>', + ) + ); + + register_sidebar( + array( + 'name' => __( 'Footer 1', 'twentyseventeen' ), + 'id' => 'sidebar-2', + 'description' => __( 'Add widgets here to appear in your footer.', 'twentyseventeen' ), + 'before_widget' => '<section id="%1$s" class="widget %2$s">', + 'after_widget' => '</section>', + 'before_title' => '<h2 class="widget-title">', + 'after_title' => '</h2>', + ) + ); + + register_sidebar( + array( + 'name' => __( 'Footer 2', 'twentyseventeen' ), + 'id' => 'sidebar-3', + 'description' => __( 'Add widgets here to appear in your footer.', 'twentyseventeen' ), + 'before_widget' => '<section id="%1$s" class="widget %2$s">', + 'after_widget' => '</section>', + 'before_title' => '<h2 class="widget-title">', + 'after_title' => '</h2>', + ) + ); +} +add_action( 'widgets_init', 'twentyseventeen_widgets_init' ); + +/** + * Replaces "[...]" (appended to automatically generated excerpts) with ... and + * a 'Continue reading' link. + * + * @since Twenty Seventeen 1.0 + * + * @param string $link Link to single post/page. + * @return string 'Continue reading' link prepended with an ellipsis. + */ +function twentyseventeen_excerpt_more( $link ) { + if ( is_admin() ) { + return $link; + } + + $link = sprintf( + '<p class="link-more"><a href="%1$s" class="more-link">%2$s</a></p>', + esc_url( get_permalink( get_the_ID() ) ), + /* translators: %s: Post title. */ + sprintf( __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentyseventeen' ), get_the_title( get_the_ID() ) ) + ); + return ' … ' . $link; +} +add_filter( 'excerpt_more', 'twentyseventeen_excerpt_more' ); + +/** + * Handles JavaScript detection. + * + * Adds a `js` class to the root `<html>` element when JavaScript is detected. + * + * @since Twenty Seventeen 1.0 + */ +function twentyseventeen_javascript_detection() { + echo "<script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script>\n"; +} +add_action( 'wp_head', 'twentyseventeen_javascript_detection', 0 ); + +/** + * Add a pingback url auto-discovery header for singularly identifiable articles. + */ +function twentyseventeen_pingback_header() { + if ( is_singular() && pings_open() ) { + printf( '<link rel="pingback" href="%s">' . "\n", esc_url( get_bloginfo( 'pingback_url' ) ) ); + } +} +add_action( 'wp_head', 'twentyseventeen_pingback_header' ); + +/** + * Display custom color CSS. + */ +function twentyseventeen_colors_css_wrap() { + if ( 'custom' !== get_theme_mod( 'colorscheme' ) && ! is_customize_preview() ) { + return; + } + + require_once get_parent_theme_file_path( '/inc/color-patterns.php' ); + $hue = absint( get_theme_mod( 'colorscheme_hue', 250 ) ); + + $customize_preview_data_hue = ''; + if ( is_customize_preview() ) { + $customize_preview_data_hue = 'data-hue="' . $hue . '"'; + } + ?> + <style type="text/css" id="custom-theme-colors" <?php echo $customize_preview_data_hue; ?>> + <?php echo twentyseventeen_custom_colors_css(); ?> + </style> + <?php +} +add_action( 'wp_head', 'twentyseventeen_colors_css_wrap' ); + +/** + * Enqueues scripts and styles. + */ +function twentyseventeen_scripts() { + // Add custom fonts, used in the main stylesheet. + wp_enqueue_style( 'twentyseventeen-fonts', twentyseventeen_fonts_url(), array(), null ); + + // Theme stylesheet. + wp_enqueue_style( 'twentyseventeen-style', get_stylesheet_uri(), array(), '20201208' ); + + // Theme block stylesheet. + wp_enqueue_style( 'twentyseventeen-block-style', get_theme_file_uri( '/assets/css/blocks.css' ), array( 'twentyseventeen-style' ), '20190105' ); + + // Load the dark colorscheme. + if ( 'dark' === get_theme_mod( 'colorscheme', 'light' ) || is_customize_preview() ) { + wp_enqueue_style( 'twentyseventeen-colors-dark', get_theme_file_uri( '/assets/css/colors-dark.css' ), array( 'twentyseventeen-style' ), '20190408' ); + } + + // Load the Internet Explorer 9 specific stylesheet, to fix display issues in the Customizer. + if ( is_customize_preview() ) { + wp_enqueue_style( 'twentyseventeen-ie9', get_theme_file_uri( '/assets/css/ie9.css' ), array( 'twentyseventeen-style' ), '20161202' ); + wp_style_add_data( 'twentyseventeen-ie9', 'conditional', 'IE 9' ); + } + + // Load the Internet Explorer 8 specific stylesheet. + wp_enqueue_style( 'twentyseventeen-ie8', get_theme_file_uri( '/assets/css/ie8.css' ), array( 'twentyseventeen-style' ), '20161202' ); + wp_style_add_data( 'twentyseventeen-ie8', 'conditional', 'lt IE 9' ); + + // Load the html5 shiv. + wp_enqueue_script( 'html5', get_theme_file_uri( '/assets/js/html5.js' ), array(), '20161020' ); + wp_script_add_data( 'html5', 'conditional', 'lt IE 9' ); + + wp_enqueue_script( 'twentyseventeen-skip-link-focus-fix', get_theme_file_uri( '/assets/js/skip-link-focus-fix.js' ), array(), '20161114', true ); + + $twentyseventeen_l10n = array( + 'quote' => twentyseventeen_get_svg( array( 'icon' => 'quote-right' ) ), + ); + + if ( has_nav_menu( 'top' ) ) { + wp_enqueue_script( 'twentyseventeen-navigation', get_theme_file_uri( '/assets/js/navigation.js' ), array( 'jquery' ), '20161203', true ); + $twentyseventeen_l10n['expand'] = __( 'Expand child menu', 'twentyseventeen' ); + $twentyseventeen_l10n['collapse'] = __( 'Collapse child menu', 'twentyseventeen' ); + $twentyseventeen_l10n['icon'] = twentyseventeen_get_svg( + array( + 'icon' => 'angle-down', + 'fallback' => true, + ) + ); + } + + wp_enqueue_script( 'twentyseventeen-global', get_theme_file_uri( '/assets/js/global.js' ), array( 'jquery' ), '20190121', true ); + + wp_enqueue_script( 'jquery-scrollto', get_theme_file_uri( '/assets/js/jquery.scrollTo.js' ), array( 'jquery' ), '2.1.2', true ); + + wp_localize_script( 'twentyseventeen-skip-link-focus-fix', 'twentyseventeenScreenReaderText', $twentyseventeen_l10n ); + + if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) { + wp_enqueue_script( 'comment-reply' ); + } +} +add_action( 'wp_enqueue_scripts', 'twentyseventeen_scripts' ); + +/** + * Enqueues styles for the block-based editor. + * + * @since Twenty Seventeen 1.8 + */ +function twentyseventeen_block_editor_styles() { + // Block styles. + wp_enqueue_style( 'twentyseventeen-block-editor-style', get_theme_file_uri( '/assets/css/editor-blocks.css' ), array(), '20201208' ); + // Add custom fonts. + wp_enqueue_style( 'twentyseventeen-fonts', twentyseventeen_fonts_url(), array(), null ); +} +add_action( 'enqueue_block_editor_assets', 'twentyseventeen_block_editor_styles' ); + +/** + * Add custom image sizes attribute to enhance responsive image functionality + * for content images. + * + * @since Twenty Seventeen 1.0 + * + * @param string $sizes A source size value for use in a 'sizes' attribute. + * @param array $size Image size. Accepts an array of width and height + * values in pixels (in that order). + * @return string A source size value for use in a content image 'sizes' attribute. + */ +function twentyseventeen_content_image_sizes_attr( $sizes, $size ) { + $width = $size[0]; + + if ( 740 <= $width ) { + $sizes = '(max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px'; + } + + if ( is_active_sidebar( 'sidebar-1' ) || is_archive() || is_search() || is_home() || is_page() ) { + if ( ! ( is_page() && 'one-column' === get_theme_mod( 'page_options' ) ) && 767 <= $width ) { + $sizes = '(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px'; + } + } + + return $sizes; +} +add_filter( 'wp_calculate_image_sizes', 'twentyseventeen_content_image_sizes_attr', 10, 2 ); + +/** + * Filters the `sizes` value in the header image markup. + * + * @since Twenty Seventeen 1.0 + * + * @param string $html The HTML image tag markup being filtered. + * @param object $header The custom header object returned by 'get_custom_header()'. + * @param array $attr Array of the attributes for the image tag. + * @return string The filtered header image HTML. + */ +function twentyseventeen_header_image_tag( $html, $header, $attr ) { + if ( isset( $attr['sizes'] ) ) { + $html = str_replace( $attr['sizes'], '100vw', $html ); + } + return $html; +} +add_filter( 'get_header_image_tag', 'twentyseventeen_header_image_tag', 10, 3 ); + +/** + * Add custom image sizes attribute to enhance responsive image functionality + * for post thumbnails. + * + * @since Twenty Seventeen 1.0 + * + * @param array $attr Attributes for the image markup. + * @param int $attachment Image attachment ID. + * @param array $size Registered image size or flat array of height and width dimensions. + * @return array The filtered attributes for the image markup. + */ +function twentyseventeen_post_thumbnail_sizes_attr( $attr, $attachment, $size ) { + if ( is_archive() || is_search() || is_home() ) { + $attr['sizes'] = '(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px'; + } else { + $attr['sizes'] = '100vw'; + } + + return $attr; +} +add_filter( 'wp_get_attachment_image_attributes', 'twentyseventeen_post_thumbnail_sizes_attr', 10, 3 ); + +/** + * Use front-page.php when Front page displays is set to a static page. + * + * @since Twenty Seventeen 1.0 + * + * @param string $template front-page.php. + * @return string The template to be used: blank if is_home() is true (defaults to index.php), + * otherwise $template. + */ +function twentyseventeen_front_page_template( $template ) { + return is_home() ? '' : $template; +} +add_filter( 'frontpage_template', 'twentyseventeen_front_page_template' ); + +/** + * Modifies tag cloud widget arguments to display all tags in the same font size + * and use list format for better accessibility. + * + * @since Twenty Seventeen 1.4 + * + * @param array $args Arguments for tag cloud widget. + * @return array The filtered arguments for tag cloud widget. + */ +function twentyseventeen_widget_tag_cloud_args( $args ) { + $args['largest'] = 1; + $args['smallest'] = 1; + $args['unit'] = 'em'; + $args['format'] = 'list'; + + return $args; +} +add_filter( 'widget_tag_cloud_args', 'twentyseventeen_widget_tag_cloud_args' ); + +/** + * Gets unique ID. + * + * This is a PHP implementation of Underscore's uniqueId method. A static variable + * contains an integer that is incremented with each call. This number is returned + * with the optional prefix. As such the returned value is not universally unique, + * but it is unique across the life of the PHP process. + * + * @since Twenty Seventeen 2.0 + * + * @see wp_unique_id() Themes requiring WordPress 5.0.3 and greater should use this instead. + * + * @param string $prefix Prefix for the returned ID. + * @return string Unique ID. + */ +function twentyseventeen_unique_id( $prefix = '' ) { + static $id_counter = 0; + if ( function_exists( 'wp_unique_id' ) ) { + return wp_unique_id( $prefix ); + } + return $prefix . (string) ++$id_counter; +} + +/** + * Implement the Custom Header feature. + */ +require get_parent_theme_file_path( '/inc/custom-header.php' ); + +/** + * Custom template tags for this theme. + */ +require get_parent_theme_file_path( '/inc/template-tags.php' ); + +/** + * Additional features to allow styling of the templates. + */ +require get_parent_theme_file_path( '/inc/template-functions.php' ); + +/** + * Customizer additions. + */ +require get_parent_theme_file_path( '/inc/customizer.php' ); + +/** + * SVG icons functions and filters. + */ +require get_parent_theme_file_path( '/inc/icon-functions.php' ); + +/** + * Block Patterns. + */ +require get_template_directory() . '/inc/block-patterns.php'; diff --git a/wp-content/themes/twentyseventeen/header.php b/wp-content/themes/twentyseventeen/header.php index c041fd0779af82b5b746220b57eaef3ec5a5432e..a33b29df30f6cd9440681229caf6164336d6046d 100644 --- a/wp-content/themes/twentyseventeen/header.php +++ b/wp-content/themes/twentyseventeen/header.php @@ -1,58 +1,58 @@ -<?php -/** - * The header for our theme - * - * This is the template that displays all of the <head> section and everything up until <div id="content"> - * - * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - * @version 1.0 - */ - -?><!DOCTYPE html> -<html <?php language_attributes(); ?> class="no-js no-svg"> -<head> -<meta charset="<?php bloginfo( 'charset' ); ?>"> -<meta name="viewport" content="width=device-width, initial-scale=1"> -<link rel="profile" href="https://gmpg.org/xfn/11"> - -<?php wp_head(); ?> -</head> - -<body <?php body_class(); ?>> -<?php wp_body_open(); ?> -<div id="page" class="site"> - <a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'twentyseventeen' ); ?></a> - - <header id="masthead" class="site-header" role="banner"> - - <?php get_template_part( 'template-parts/header/header', 'image' ); ?> - - <?php if ( has_nav_menu( 'top' ) ) : ?> - <div class="navigation-top"> - <div class="wrap"> - <?php get_template_part( 'template-parts/navigation/navigation', 'top' ); ?> - </div><!-- .wrap --> - </div><!-- .navigation-top --> - <?php endif; ?> - - </header><!-- #masthead --> - - <?php - - /* - * If a regular post or page, and not the front page, show the featured image. - * Using get_queried_object_id() here since the $post global may not be set before a call to the_post(). - */ - if ( ( is_single() || ( is_page() && ! twentyseventeen_is_frontpage() ) ) && has_post_thumbnail( get_queried_object_id() ) ) : - echo '<div class="single-featured-image-header">'; - echo get_the_post_thumbnail( get_queried_object_id(), 'twentyseventeen-featured-image' ); - echo '</div><!-- .single-featured-image-header -->'; - endif; - ?> - - <div class="site-content-contain"> - <div id="content" class="site-content"> +<?php +/** + * The header for our theme + * + * This is the template that displays all of the <head> section and everything up until <div id="content"> + * + * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + * @version 1.0 + */ + +?><!DOCTYPE html> +<html <?php language_attributes(); ?> class="no-js no-svg"> +<head> +<meta charset="<?php bloginfo( 'charset' ); ?>"> +<meta name="viewport" content="width=device-width, initial-scale=1"> +<link rel="profile" href="https://gmpg.org/xfn/11"> + +<?php wp_head(); ?> +</head> + +<body <?php body_class(); ?>> +<?php wp_body_open(); ?> +<div id="page" class="site"> + <a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'twentyseventeen' ); ?></a> + + <header id="masthead" class="site-header" role="banner"> + + <?php get_template_part( 'template-parts/header/header', 'image' ); ?> + + <?php if ( has_nav_menu( 'top' ) ) : ?> + <div class="navigation-top"> + <div class="wrap"> + <?php get_template_part( 'template-parts/navigation/navigation', 'top' ); ?> + </div><!-- .wrap --> + </div><!-- .navigation-top --> + <?php endif; ?> + + </header><!-- #masthead --> + + <?php + + /* + * If a regular post or page, and not the front page, show the featured image. + * Using get_queried_object_id() here since the $post global may not be set before a call to the_post(). + */ + if ( ( is_single() || ( is_page() && ! twentyseventeen_is_frontpage() ) ) && has_post_thumbnail( get_queried_object_id() ) ) : + echo '<div class="single-featured-image-header">'; + echo get_the_post_thumbnail( get_queried_object_id(), 'twentyseventeen-featured-image' ); + echo '</div><!-- .single-featured-image-header -->'; + endif; + ?> + + <div class="site-content-contain"> + <div id="content" class="site-content"> diff --git a/wp-content/themes/twentyseventeen/inc/back-compat.php b/wp-content/themes/twentyseventeen/inc/back-compat.php index 1b8c87356e93bce6dcccc04f09129d6a875caac7..64f2d73b9da088e788f564b53d6ceb050d351db2 100644 --- a/wp-content/themes/twentyseventeen/inc/back-compat.php +++ b/wp-content/themes/twentyseventeen/inc/back-compat.php @@ -1,76 +1,76 @@ -<?php -/** - * Twenty Seventeen back compat functionality - * - * Prevents Twenty Seventeen from running on WordPress versions prior to 4.7, - * since this theme is not meant to be backward compatible beyond that and - * relies on many newer functions and markup changes introduced in 4.7. - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - */ - -/** - * Prevent switching to Twenty Seventeen on old versions of WordPress. - * - * Switches to the default theme. - * - * @since Twenty Seventeen 1.0 - */ -function twentyseventeen_switch_theme() { - switch_theme( WP_DEFAULT_THEME ); - unset( $_GET['activated'] ); - add_action( 'admin_notices', 'twentyseventeen_upgrade_notice' ); -} -add_action( 'after_switch_theme', 'twentyseventeen_switch_theme' ); - -/** - * Adds a message for unsuccessful theme switch. - * - * Prints an update nag after an unsuccessful attempt to switch to - * Twenty Seventeen on WordPress versions prior to 4.7. - * - * @since Twenty Seventeen 1.0 - * - * @global string $wp_version WordPress version. - */ -function twentyseventeen_upgrade_notice() { - /* translators: %s: The current WordPress version. */ - $message = sprintf( __( 'Twenty Seventeen requires at least WordPress version 4.7. You are running version %s. Please upgrade and try again.', 'twentyseventeen' ), $GLOBALS['wp_version'] ); - printf( '<div class="error"><p>%s</p></div>', $message ); -} - -/** - * Prevents the Customizer from being loaded on WordPress versions prior to 4.7. - * - * @since Twenty Seventeen 1.0 - * - * @global string $wp_version WordPress version. - */ -function twentyseventeen_customize() { - wp_die( - /* translators: %s: The current WordPress version. */ - sprintf( __( 'Twenty Seventeen requires at least WordPress version 4.7. You are running version %s. Please upgrade and try again.', 'twentyseventeen' ), $GLOBALS['wp_version'] ), - '', - array( - 'back_link' => true, - ) - ); -} -add_action( 'load-customize.php', 'twentyseventeen_customize' ); - -/** - * Prevents the Theme Preview from being loaded on WordPress versions prior to 4.7. - * - * @since Twenty Seventeen 1.0 - * - * @global string $wp_version WordPress version. - */ -function twentyseventeen_preview() { - if ( isset( $_GET['preview'] ) ) { - /* translators: %s: The current WordPress version. */ - wp_die( sprintf( __( 'Twenty Seventeen requires at least WordPress version 4.7. You are running version %s. Please upgrade and try again.', 'twentyseventeen' ), $GLOBALS['wp_version'] ) ); - } -} -add_action( 'template_redirect', 'twentyseventeen_preview' ); +<?php +/** + * Twenty Seventeen back compat functionality + * + * Prevents Twenty Seventeen from running on WordPress versions prior to 4.7, + * since this theme is not meant to be backward compatible beyond that and + * relies on many newer functions and markup changes introduced in 4.7. + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + */ + +/** + * Prevent switching to Twenty Seventeen on old versions of WordPress. + * + * Switches to the default theme. + * + * @since Twenty Seventeen 1.0 + */ +function twentyseventeen_switch_theme() { + switch_theme( WP_DEFAULT_THEME ); + unset( $_GET['activated'] ); + add_action( 'admin_notices', 'twentyseventeen_upgrade_notice' ); +} +add_action( 'after_switch_theme', 'twentyseventeen_switch_theme' ); + +/** + * Adds a message for unsuccessful theme switch. + * + * Prints an update nag after an unsuccessful attempt to switch to + * Twenty Seventeen on WordPress versions prior to 4.7. + * + * @since Twenty Seventeen 1.0 + * + * @global string $wp_version WordPress version. + */ +function twentyseventeen_upgrade_notice() { + /* translators: %s: The current WordPress version. */ + $message = sprintf( __( 'Twenty Seventeen requires at least WordPress version 4.7. You are running version %s. Please upgrade and try again.', 'twentyseventeen' ), $GLOBALS['wp_version'] ); + printf( '<div class="error"><p>%s</p></div>', $message ); +} + +/** + * Prevents the Customizer from being loaded on WordPress versions prior to 4.7. + * + * @since Twenty Seventeen 1.0 + * + * @global string $wp_version WordPress version. + */ +function twentyseventeen_customize() { + wp_die( + /* translators: %s: The current WordPress version. */ + sprintf( __( 'Twenty Seventeen requires at least WordPress version 4.7. You are running version %s. Please upgrade and try again.', 'twentyseventeen' ), $GLOBALS['wp_version'] ), + '', + array( + 'back_link' => true, + ) + ); +} +add_action( 'load-customize.php', 'twentyseventeen_customize' ); + +/** + * Prevents the Theme Preview from being loaded on WordPress versions prior to 4.7. + * + * @since Twenty Seventeen 1.0 + * + * @global string $wp_version WordPress version. + */ +function twentyseventeen_preview() { + if ( isset( $_GET['preview'] ) ) { + /* translators: %s: The current WordPress version. */ + wp_die( sprintf( __( 'Twenty Seventeen requires at least WordPress version 4.7. You are running version %s. Please upgrade and try again.', 'twentyseventeen' ), $GLOBALS['wp_version'] ) ); + } +} +add_action( 'template_redirect', 'twentyseventeen_preview' ); diff --git a/wp-content/themes/twentyseventeen/inc/block-patterns.php b/wp-content/themes/twentyseventeen/inc/block-patterns.php new file mode 100644 index 0000000000000000000000000000000000000000..f7ced0b6ad26f06ded61b3ce6ebbf798362a6e8c --- /dev/null +++ b/wp-content/themes/twentyseventeen/inc/block-patterns.php @@ -0,0 +1,199 @@ +<?php +/** + * Twenty Twenty Theme: Block Patterns + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 2.4 + */ + +/** + * Register Block Pattern Category. + */ +if ( function_exists( 'register_block_pattern_category' ) ) { + + register_block_pattern_category( + 'twentyseventeen', + array( 'label' => __( 'Twenty Seventeen', 'twentyseventeen' ) ) + ); +} + +/** + * Register Block Patterns. + */ +if ( function_exists( 'register_block_pattern' ) ) { + register_block_pattern( + 'twentyseventeen/large-heading-with-button', + array( + 'title' => __( 'Large Heading with Button', 'twentyseventeen' ), + 'categories' => array( 'twentyseventeen' ), + 'content' => '<!-- wp:heading {"level":1,"textColor":"black","style":{"typography":{"fontSize":50}}} --> + <h1 class="has-black-color has-text-color" style="font-size:50px">' . __( 'Attract Leads with Marketing Campaigns that Work', 'twentyseventeen' ) . '</h1> + <!-- /wp:heading --> + + <!-- wp:buttons --> + <div class="wp-block-buttons"><!-- wp:button {"borderRadius":0,"className":"is-style-fill"} --> + <div class="wp-block-button is-style-fill"><a class="wp-block-button__link no-border-radius">' . __( 'Our Services', 'twentyseventeen' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons -->', + ) + ); + + register_block_pattern( + 'twentyseventeen/images-with-text-and-link', + array( + 'title' => __( 'Images with Text and Link', 'twentyseventeen' ), + 'categories' => array( 'twentyseventeen' ), + 'content' => '<!-- wp:spacer --> + <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + <!-- wp:columns --> + <div class="wp-block-columns"><!-- wp:column --> + <div class="wp-block-column"> + <!-- wp:image {"className":"size-large"} --> + <figure class="wp-block-image size-large"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/stripes.jpg" alt="' . __( 'Black Stripes', 'twentyseventeen' ) . '"/></figure> + <!-- /wp:image --> + <!-- wp:heading {"textColor":"black","style":{"typography":{"fontSize":45}}} --> + <h2 class="has-black-color has-text-color" style="font-size:45px">' . __( 'Branding', 'twentyseventeen' ) . '</h2> + <!-- /wp:heading --> + <!-- wp:paragraph {"textColor":"black","style":{"typography":{"lineHeight":"1.8"}}} --> + <p class="has-black-color has-text-color" style="line-height:1.8">' . __( 'Communicate your purpose and goals with a beautiful logo that encapsulates your business.', 'twentyseventeen' ) . '</p> + <!-- /wp:paragraph --> + <!-- wp:paragraph {"style":{"typography":{"lineHeight":"3"}}} --> + <p style="line-height:3"><a href="#"><strong>' . __( 'See Case Study', 'twentyseventeen' ) . ' →</strong></a></p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --> + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:spacer {"height":254} --> + <div style="height:254px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + <!-- wp:image {"className":"size-large"} --> + <figure class="wp-block-image size-large"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/white-border.jpg" alt="' . __( 'White border', 'twentyseventeen' ) . '"/></figure> + <!-- /wp:image --> + <!-- wp:heading {"textColor":"black","style":{"typography":{"fontSize":45}}} --> + <h2 class="has-black-color has-text-color" style="font-size:45px">' . __( 'Web Design', 'twentyseventeen' ) . '</h2> + <!-- /wp:heading --> + <!-- wp:paragraph {"textColor":"black","style":{"typography":{"lineHeight":"1.8"}}} --> + <p class="has-black-color has-text-color" style="line-height:1.8">' . __( 'Need a website? We've got you covered. Our design team will create a stunning design to transform your brand.', 'twentyseventeen' ) . '</p> + <!-- /wp:paragraph --> + <!-- wp:paragraph {"style":{"typography":{"lineHeight":"3.0"}}} --> + <p style="line-height:3.0"><a href="#"><strong>' . __( 'See Case Study', 'twentyseventeen' ) . ' →</strong></a></p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --></div> + <!-- /wp:columns -->', + ) + ); + + register_block_pattern( + 'twentyseventeen/images-with-link', + array( + 'title' => __( 'Images with Link', 'twentyseventeen' ), + 'categories' => array( 'twentyseventeen' ), + 'content' => '<!-- wp:spacer --> + <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + <!-- wp:columns {"verticalAlignment":"top"} --> + <div class="wp-block-columns are-vertically-aligned-top"><!-- wp:column --> + <div class="wp-block-column"><!-- wp:group --> + <div class="wp-block-group"><div class="wp-block-group__inner-container"> + <!-- wp:image {"align":"center","sizeSlug":"large","className":"is-style-default"} --> + <div class="wp-block-image is-style-default"><figure class="aligncenter size-large"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/stripes.jpg" alt="' . __( 'Black Stripes', 'twentyseventeen' ) . '"/></figure></div> + <!-- /wp:image --> + <!-- wp:heading {"align":"left","textColor":"black","style":{"typography":{"fontSize":30}}} --> + <h2 class="has-text-align-left has-black-color has-text-color" style="font-size:30px">' . __( 'Branding', 'twentyseventeen' ) . '</h2> + <!-- /wp:heading --> + <!-- wp:paragraph {"align":"left"} --> + <p class="has-text-align-left"><a href="#">' . __( 'See Case Study', 'twentyseventeen' ) . ' →</a></p> + <!-- /wp:paragraph --></div></div> + <!-- /wp:group --></div> + <!-- /wp:column --> + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:group --> + <div class="wp-block-group"><div class="wp-block-group__inner-container"> + <!-- wp:image {"align":"center","sizeSlug":"large","className":"is-style-default"} --> + <div class="wp-block-image is-style-default"><figure class="aligncenter size-large"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/white-border.jpg" alt="' . __( 'White border', 'twentyseventeen' ) . '"/></figure></div> + <!-- /wp:image --> + <!-- wp:heading {"align":"left","textColor":"black","style":{"typography":{"fontSize":30}}} --> + <h2 class="has-text-align-left has-black-color has-text-color" style="font-size:30px">' . __( 'Design', 'twentyseventeen' ) . '</h2> + <!-- /wp:heading --> + <!-- wp:paragraph {"align":"left"} --> + <p class="has-text-align-left"><a href="#">' . __( 'See Case Study', 'twentyseventeen' ) . ' →</a></p> + <!-- /wp:paragraph --></div></div> + <!-- /wp:group --></div> + <!-- /wp:column --> + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:group --> + <div class="wp-block-group"><div class="wp-block-group__inner-container"> + <!-- wp:image {"align":"center","sizeSlug":"large","className":"is-style-default"} --> + <div class="wp-block-image is-style-default"><figure class="aligncenter size-large"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/direct-light.jpg" alt="' . __( 'Direct Light', 'twentyseventeen' ) . '"/></figure></div> + <!-- /wp:image --> + <!-- wp:heading {"align":"left","textColor":"black","style":{"typography":{"fontSize":30}}} --> + <h2 class="has-text-align-left has-black-color has-text-color" style="font-size:30px">' . __( 'Strategy', 'twentyseventeen' ) . '</h2> + <!-- /wp:heading --> + <!-- wp:paragraph {"align":"left"} --> + <p class="has-text-align-left"><a href="#">' . __( 'See Case Study' ) . ' →</a></p> + <!-- /wp:paragraph --></div></div> + <!-- /wp:group --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --> + <!-- wp:spacer --> + <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer -->', + ) + ); + + register_block_pattern( + 'twentyseventeen/services', + array( + 'title' => __( 'Services', 'twentyseventeen' ), + 'categories' => array( 'twentyseventeen' ), + 'content' => '<!-- wp:spacer --> + <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:heading {"level":1,"style":{"typography":{"fontSize":50}}} --> + <h1 style="font-size:50px">' . __( 'Our Services', 'twentyseventeen' ) . '</h1> + <!-- /wp:heading --> + + <!-- wp:columns --> + <div class="wp-block-columns"><!-- wp:column --> + <div class="wp-block-column"> + <!-- wp:paragraph {"style":{"typography":{"fontSize":21, "lineHeight":"2.5"}}} --> + <p style="font-size:21px"><a href="#">' . __( 'Branding', 'twentyseventeen' ) . ' →</a><br><a href="#">' . __( 'Web Design', 'twentyseventeen' ) . ' →</a><br><a href="#">' . __( 'Web Development', 'twentyseventeen' ) . ' →</a></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"> + <!-- wp:paragraph {"style":{"typography":{"fontSize":21, "lineHeight":"2.5"}}} --> + <p style="font-size:21px"><a href="#">' . __( 'Content Strategy', 'twentyseventeen' ) . ' →</a><br><a href="#">' . __( 'Marketing & SEO', 'twentyseventeen' ) . ' →</a><br><a href="#">' . __( 'Video Production', 'twentyseventeen' ) . ' →</a></p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --> + + <!-- wp:spacer --> + <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer -->', + ) + ); + + register_block_pattern( + 'twentyseventeen/contact-us', + array( + 'title' => __( 'Contact Us', 'twentyseventeen' ), + 'categories' => array( 'twentyseventeen' ), + 'content' => '<!-- wp:cover {"customOverlayColor":"#93aab8","minHeight":700,"align":"center"} --> + <div class="wp-block-cover aligncenter has-background-dim" style="background-color:#93aab8;min-height:700px"><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"left","textColor":"white","style":{"typography":{"fontSize":50}}} --> + <p class="has-text-align-left has-white-color has-text-color" style="font-size:50px">' . __( 'We are proud to serve outstanding clients.', 'twentyseventeen' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:buttons --> + <div class="wp-block-buttons"><!-- wp:button {"borderRadius":0,"backgroundColor":"black","textColor":"white","className":"is-style-fill"} --> + <div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-white-color has-black-background-color has-text-color has-background no-border-radius">' . __( 'Contact us', 'twentyseventeen' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --></div></div> + <!-- /wp:cover -->', + ) + ); +} diff --git a/wp-content/themes/twentyseventeen/inc/color-patterns.php b/wp-content/themes/twentyseventeen/inc/color-patterns.php index 2e3422ffc2480d460bfd6f6c634bda4f7647f06b..3c8356f75bf27d9a261258c0fea08b930e41f6e7 100644 --- a/wp-content/themes/twentyseventeen/inc/color-patterns.php +++ b/wp-content/themes/twentyseventeen/inc/color-patterns.php @@ -1,580 +1,580 @@ -<?php -/** - * Twenty Seventeen: Color Patterns - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - */ - -/** - * Generate the CSS for the current custom color scheme. - */ -function twentyseventeen_custom_colors_css() { - $hue = absint( get_theme_mod( 'colorscheme_hue', 250 ) ); - - /** - * Filter Twenty Seventeen default saturation level. - * - * @since Twenty Seventeen 1.0 - * - * @param int $saturation Color saturation level. - */ - $saturation = absint( apply_filters( 'twentyseventeen_custom_colors_saturation', 50 ) ); - $reduced_saturation = ( .8 * $saturation ) . '%'; - $saturation = $saturation . '%'; - $css = ' -/** - * Twenty Seventeen: Color Patterns - * - * Colors are ordered from dark to light. - */ - -.colors-custom a:hover, -.colors-custom a:active, -.colors-custom .entry-content a:focus, -.colors-custom .entry-content a:hover, -.colors-custom .entry-summary a:focus, -.colors-custom .entry-summary a:hover, -.colors-custom .comment-content a:focus, -.colors-custom .comment-content a:hover, -.colors-custom .widget a:focus, -.colors-custom .widget a:hover, -.colors-custom .site-footer .widget-area a:focus, -.colors-custom .site-footer .widget-area a:hover, -.colors-custom .posts-navigation a:focus, -.colors-custom .posts-navigation a:hover, -.colors-custom .comment-metadata a:focus, -.colors-custom .comment-metadata a:hover, -.colors-custom .comment-metadata a.comment-edit-link:focus, -.colors-custom .comment-metadata a.comment-edit-link:hover, -.colors-custom .comment-reply-link:focus, -.colors-custom .comment-reply-link:hover, -.colors-custom .widget_authors a:focus strong, -.colors-custom .widget_authors a:hover strong, -.colors-custom .entry-title a:focus, -.colors-custom .entry-title a:hover, -.colors-custom .entry-meta a:focus, -.colors-custom .entry-meta a:hover, -.colors-custom.blog .entry-meta a.post-edit-link:focus, -.colors-custom.blog .entry-meta a.post-edit-link:hover, -.colors-custom.archive .entry-meta a.post-edit-link:focus, -.colors-custom.archive .entry-meta a.post-edit-link:hover, -.colors-custom.search .entry-meta a.post-edit-link:focus, -.colors-custom.search .entry-meta a.post-edit-link:hover, -.colors-custom .page-links a:focus .page-number, -.colors-custom .page-links a:hover .page-number, -.colors-custom .entry-footer a:focus, -.colors-custom .entry-footer a:hover, -.colors-custom .entry-footer .cat-links a:focus, -.colors-custom .entry-footer .cat-links a:hover, -.colors-custom .entry-footer .tags-links a:focus, -.colors-custom .entry-footer .tags-links a:hover, -.colors-custom .post-navigation a:focus, -.colors-custom .post-navigation a:hover, -.colors-custom .pagination a:not(.prev):not(.next):focus, -.colors-custom .pagination a:not(.prev):not(.next):hover, -.colors-custom .comments-pagination a:not(.prev):not(.next):focus, -.colors-custom .comments-pagination a:not(.prev):not(.next):hover, -.colors-custom .logged-in-as a:focus, -.colors-custom .logged-in-as a:hover, -.colors-custom a:focus .nav-title, -.colors-custom a:hover .nav-title, -.colors-custom .edit-link a:focus, -.colors-custom .edit-link a:hover, -.colors-custom .site-info a:focus, -.colors-custom .site-info a:hover, -.colors-custom .widget .widget-title a:focus, -.colors-custom .widget .widget-title a:hover, -.colors-custom .widget ul li a:focus, -.colors-custom .widget ul li a:hover { - color: hsl( ' . $hue . ', ' . $saturation . ', 0% ); /* base: #000; */ -} - -.colors-custom .entry-content a, -.colors-custom .entry-summary a, -.colors-custom .comment-content a, -.colors-custom .widget a, -.colors-custom .site-footer .widget-area a, -.colors-custom .posts-navigation a, -.colors-custom .widget_authors a strong { - -webkit-box-shadow: inset 0 -1px 0 hsl( ' . $hue . ', ' . $saturation . ', 6% ); /* base: rgba(15, 15, 15, 1); */ - box-shadow: inset 0 -1px 0 hsl( ' . $hue . ', ' . $saturation . ', 6% ); /* base: rgba(15, 15, 15, 1); */ -} - -.colors-custom button, -.colors-custom input[type="button"], -.colors-custom input[type="submit"], -.colors-custom .entry-footer .edit-link a.post-edit-link { - background-color: hsl( ' . $hue . ', ' . $saturation . ', 13% ); /* base: #222; */ -} - -.colors-custom input[type="text"]:focus, -.colors-custom input[type="email"]:focus, -.colors-custom input[type="url"]:focus, -.colors-custom input[type="password"]:focus, -.colors-custom input[type="search"]:focus, -.colors-custom input[type="number"]:focus, -.colors-custom input[type="tel"]:focus, -.colors-custom input[type="range"]:focus, -.colors-custom input[type="date"]:focus, -.colors-custom input[type="month"]:focus, -.colors-custom input[type="week"]:focus, -.colors-custom input[type="time"]:focus, -.colors-custom input[type="datetime"]:focus, -.colors-custom .colors-custom input[type="datetime-local"]:focus, -.colors-custom input[type="color"]:focus, -.colors-custom textarea:focus, -.colors-custom button.secondary, -.colors-custom input[type="reset"], -.colors-custom input[type="button"].secondary, -.colors-custom input[type="reset"].secondary, -.colors-custom input[type="submit"].secondary, -.colors-custom a, -.colors-custom .site-title, -.colors-custom .site-title a, -.colors-custom .navigation-top a, -.colors-custom .dropdown-toggle, -.colors-custom .menu-toggle, -.colors-custom .page .panel-content .entry-title, -.colors-custom .page-title, -.colors-custom.page:not(.twentyseventeen-front-page) .entry-title, -.colors-custom .page-links a .page-number, -.colors-custom .comment-metadata a.comment-edit-link, -.colors-custom .comment-reply-link .icon, -.colors-custom h2.widget-title, -.colors-custom mark, -.colors-custom .post-navigation a:focus .icon, -.colors-custom .post-navigation a:hover .icon, -.colors-custom .site-content .site-content-light, -.colors-custom .twentyseventeen-panel .recent-posts .entry-header .edit-link { - color: hsl( ' . $hue . ', ' . $saturation . ', 13% ); /* base: #222; */ -} - -.colors-custom .entry-content a:focus, -.colors-custom .entry-content a:hover, -.colors-custom .entry-summary a:focus, -.colors-custom .entry-summary a:hover, -.colors-custom .comment-content a:focus, -.colors-custom .comment-content a:hover, -.colors-custom .widget a:focus, -.colors-custom .widget a:hover, -.colors-custom .site-footer .widget-area a:focus, -.colors-custom .site-footer .widget-area a:hover, -.colors-custom .posts-navigation a:focus, -.colors-custom .posts-navigation a:hover, -.colors-custom .comment-metadata a:focus, -.colors-custom .comment-metadata a:hover, -.colors-custom .comment-metadata a.comment-edit-link:focus, -.colors-custom .comment-metadata a.comment-edit-link:hover, -.colors-custom .comment-reply-link:focus, -.colors-custom .comment-reply-link:hover, -.colors-custom .widget_authors a:focus strong, -.colors-custom .widget_authors a:hover strong, -.colors-custom .entry-title a:focus, -.colors-custom .entry-title a:hover, -.colors-custom .entry-meta a:focus, -.colors-custom .entry-meta a:hover, -.colors-custom.blog .entry-meta a.post-edit-link:focus, -.colors-custom.blog .entry-meta a.post-edit-link:hover, -.colors-custom.archive .entry-meta a.post-edit-link:focus, -.colors-custom.archive .entry-meta a.post-edit-link:hover, -.colors-custom.search .entry-meta a.post-edit-link:focus, -.colors-custom.search .entry-meta a.post-edit-link:hover, -.colors-custom .page-links a:focus .page-number, -.colors-custom .page-links a:hover .page-number, -.colors-custom .entry-footer .cat-links a:focus, -.colors-custom .entry-footer .cat-links a:hover, -.colors-custom .entry-footer .tags-links a:focus, -.colors-custom .entry-footer .tags-links a:hover, -.colors-custom .post-navigation a:focus, -.colors-custom .post-navigation a:hover, -.colors-custom .pagination a:not(.prev):not(.next):focus, -.colors-custom .pagination a:not(.prev):not(.next):hover, -.colors-custom .comments-pagination a:not(.prev):not(.next):focus, -.colors-custom .comments-pagination a:not(.prev):not(.next):hover, -.colors-custom .logged-in-as a:focus, -.colors-custom .logged-in-as a:hover, -.colors-custom a:focus .nav-title, -.colors-custom a:hover .nav-title, -.colors-custom .edit-link a:focus, -.colors-custom .edit-link a:hover, -.colors-custom .site-info a:focus, -.colors-custom .site-info a:hover, -.colors-custom .widget .widget-title a:focus, -.colors-custom .widget .widget-title a:hover, -.colors-custom .widget ul li a:focus, -.colors-custom .widget ul li a:hover { - -webkit-box-shadow: inset 0 0 0 hsl( ' . $hue . ', ' . $saturation . ', 13% ), 0 3px 0 hsl( ' . $hue . ', ' . $saturation . ', 13% ); - box-shadow: inset 0 0 0 hsl( ' . $hue . ', ' . $saturation . ' , 13% ), 0 3px 0 hsl( ' . $hue . ', ' . $saturation . ', 13% ); -} - -body.colors-custom, -.colors-custom button, -.colors-custom input, -.colors-custom select, -.colors-custom textarea, -.colors-custom h3, -.colors-custom h4, -.colors-custom h6, -.colors-custom label, -.colors-custom .entry-title a, -.colors-custom.twentyseventeen-front-page .panel-content .recent-posts article, -.colors-custom .entry-footer .cat-links a, -.colors-custom .entry-footer .tags-links a, -.colors-custom .format-quote blockquote, -.colors-custom .nav-title, -.colors-custom .comment-body, -.colors-custom .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album { - color: hsl( ' . $hue . ', ' . $reduced_saturation . ', 20% ); /* base: #333; */ -} - -.colors-custom .social-navigation a:hover, -.colors-custom .social-navigation a:focus { - background: hsl( ' . $hue . ', ' . $reduced_saturation . ', 20% ); /* base: #333; */ -} - -.colors-custom input[type="text"]:focus, -.colors-custom input[type="email"]:focus, -.colors-custom input[type="url"]:focus, -.colors-custom input[type="password"]:focus, -.colors-custom input[type="search"]:focus, -.colors-custom input[type="number"]:focus, -.colors-custom input[type="tel"]:focus, -.colors-custom input[type="range"]:focus, -.colors-custom input[type="date"]:focus, -.colors-custom input[type="month"]:focus, -.colors-custom input[type="week"]:focus, -.colors-custom input[type="time"]:focus, -.colors-custom input[type="datetime"]:focus, -.colors-custom input[type="datetime-local"]:focus, -.colors-custom input[type="color"]:focus, -.colors-custom textarea:focus, -.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar { - border-color: hsl( ' . $hue . ', ' . $reduced_saturation . ', 20% ); /* base: #333; */ -} - -.colors-custom h2, -.colors-custom blockquote, -.colors-custom input[type="text"], -.colors-custom input[type="email"], -.colors-custom input[type="url"], -.colors-custom input[type="password"], -.colors-custom input[type="search"], -.colors-custom input[type="number"], -.colors-custom input[type="tel"], -.colors-custom input[type="range"], -.colors-custom input[type="date"], -.colors-custom input[type="month"], -.colors-custom input[type="week"], -.colors-custom input[type="time"], -.colors-custom input[type="datetime"], -.colors-custom input[type="datetime-local"], -.colors-custom input[type="color"], -.colors-custom textarea, -.colors-custom .site-description, -.colors-custom .entry-content blockquote.alignleft, -.colors-custom .entry-content blockquote.alignright, -.colors-custom .colors-custom .taxonomy-description, -.colors-custom .site-info a, -.colors-custom .wp-caption, -.colors-custom .gallery-caption { - color: hsl( ' . $hue . ', ' . $saturation . ', 40% ); /* base: #666; */ -} - -.colors-custom abbr, -.colors-custom acronym { - border-bottom-color: hsl( ' . $hue . ', ' . $saturation . ', 40% ); /* base: #666; */ -} - -.colors-custom h5, -.colors-custom .entry-meta, -.colors-custom .entry-meta a, -.colors-custom.blog .entry-meta a.post-edit-link, -.colors-custom.archive .entry-meta a.post-edit-link, -.colors-custom.search .entry-meta a.post-edit-link, -.colors-custom .nav-subtitle, -.colors-custom .comment-metadata, -.colors-custom .comment-metadata a, -.colors-custom .no-comments, -.colors-custom .comment-awaiting-moderation, -.colors-custom .page-numbers.current, -.colors-custom .page-links .page-number, -.colors-custom .navigation-top .current-menu-item > a, -.colors-custom .navigation-top .current_page_item > a, -.colors-custom .main-navigation a:hover, -.colors-custom .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist { - color: hsl( ' . $hue . ', ' . $saturation . ', 46% ); /* base: #767676; */ -} - -.colors-custom :not( .mejs-button ) > button:hover, -.colors-custom :not( .mejs-button ) > button:focus, -.colors-custom input[type="button"]:hover, -.colors-custom input[type="button"]:focus, -.colors-custom input[type="submit"]:hover, -.colors-custom input[type="submit"]:focus, -.colors-custom .entry-footer .edit-link a.post-edit-link:hover, -.colors-custom .entry-footer .edit-link a.post-edit-link:focus, -.colors-custom .social-navigation a, -.colors-custom .prev.page-numbers:focus, -.colors-custom .prev.page-numbers:hover, -.colors-custom .next.page-numbers:focus, -.colors-custom .next.page-numbers:hover, -.colors-custom .site-content .wp-playlist-light .wp-playlist-item:hover, -.colors-custom .site-content .wp-playlist-light .wp-playlist-item:focus { - background: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */ -} - -.colors-custom button.secondary:hover, -.colors-custom button.secondary:focus, -.colors-custom input[type="reset"]:hover, -.colors-custom input[type="reset"]:focus, -.colors-custom input[type="button"].secondary:hover, -.colors-custom input[type="button"].secondary:focus, -.colors-custom input[type="reset"].secondary:hover, -.colors-custom input[type="reset"].secondary:focus, -.colors-custom input[type="submit"].secondary:hover, -.colors-custom input[type="submit"].secondary:focus, -.colors-custom hr { - background: hsl( ' . $hue . ', ' . $saturation . ', 73% ); /* base: #bbb; */ -} - -.colors-custom input[type="text"], -.colors-custom input[type="email"], -.colors-custom input[type="url"], -.colors-custom input[type="password"], -.colors-custom input[type="search"], -.colors-custom input[type="number"], -.colors-custom input[type="tel"], -.colors-custom input[type="range"], -.colors-custom input[type="date"], -.colors-custom input[type="month"], -.colors-custom input[type="week"], -.colors-custom input[type="time"], -.colors-custom input[type="datetime"], -.colors-custom input[type="datetime-local"], -.colors-custom input[type="color"], -.colors-custom textarea, -.colors-custom select, -.colors-custom fieldset, -.colors-custom .widget .tagcloud a:hover, -.colors-custom .widget .tagcloud a:focus, -.colors-custom .widget.widget_tag_cloud a:hover, -.colors-custom .widget.widget_tag_cloud a:focus, -.colors-custom .wp_widget_tag_cloud a:hover, -.colors-custom .wp_widget_tag_cloud a:focus { - border-color: hsl( ' . $hue . ', ' . $saturation . ', 73% ); /* base: #bbb; */ -} - -.colors-custom thead th { - border-bottom-color: hsl( ' . $hue . ', ' . $saturation . ', 73% ); /* base: #bbb; */ -} - -.colors-custom .entry-footer .cat-links .icon, -.colors-custom .entry-footer .tags-links .icon { - color: hsl( ' . $hue . ', ' . $saturation . ', 73% ); /* base: #bbb; */ -} - -.colors-custom button.secondary, -.colors-custom input[type="reset"], -.colors-custom input[type="button"].secondary, -.colors-custom input[type="reset"].secondary, -.colors-custom input[type="submit"].secondary, -.colors-custom .prev.page-numbers, -.colors-custom .next.page-numbers { - background-color: hsl( ' . $hue . ', ' . $saturation . ', 87% ); /* base: #ddd; */ -} - -.colors-custom .widget .tagcloud a, -.colors-custom .widget.widget_tag_cloud a, -.colors-custom .wp_widget_tag_cloud a { - border-color: hsl( ' . $hue . ', ' . $saturation . ', 87% ); /* base: #ddd; */ -} - -.colors-custom.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child), -.colors-custom .widget ul li { - border-top-color: hsl( ' . $hue . ', ' . $saturation . ', 87% ); /* base: #ddd; */ -} - -.colors-custom .widget ul li { - border-bottom-color: hsl( ' . $hue . ', ' . $saturation . ', 87% ); /* base: #ddd; */ -} - -.colors-custom pre, -.colors-custom mark, -.colors-custom ins { - background: hsl( ' . $hue . ', ' . $saturation . ', 93% ); /* base: #eee; */ -} - -.colors-custom .navigation-top, -.colors-custom .main-navigation > div > ul, -.colors-custom .pagination, -.colors-custom .comments-pagination, -.colors-custom .entry-footer, -.colors-custom .site-footer { - border-top-color: hsl( ' . $hue . ', ' . $saturation . ', 93% ); /* base: #eee; */ -} - -.colors-custom .navigation-top, -.colors-custom .main-navigation li, -.colors-custom .entry-footer, -.colors-custom .single-featured-image-header, -.colors-custom .site-content .wp-playlist-light .wp-playlist-item, -.colors-custom tr { - border-bottom-color: hsl( ' . $hue . ', ' . $saturation . ', 93% ); /* base: #eee; */ -} - -.colors-custom .site-content .wp-playlist-light { - border-color: hsl( ' . $hue . ', ' . $saturation . ', 93% ); /* base: #eee; */ -} - -.colors-custom .site-header, -.colors-custom .single-featured-image-header { - background-color: hsl( ' . $hue . ', ' . $saturation . ', 98% ); /* base: #fafafa; */ -} - -.colors-custom button, -.colors-custom input[type="button"], -.colors-custom input[type="submit"], -.colors-custom .entry-footer .edit-link a.post-edit-link, -.colors-custom .social-navigation a, -.colors-custom .site-content .wp-playlist-light a.wp-playlist-caption:hover, -.colors-custom .site-content .wp-playlist-light .wp-playlist-item:hover a, -.colors-custom .site-content .wp-playlist-light .wp-playlist-item:focus a, -.colors-custom .site-content .wp-playlist-light .wp-playlist-item:hover, -.colors-custom .site-content .wp-playlist-light .wp-playlist-item:focus, -.colors-custom .prev.page-numbers:focus, -.colors-custom .prev.page-numbers:hover, -.colors-custom .next.page-numbers:focus, -.colors-custom .next.page-numbers:hover, -.colors-custom.has-header-image .site-title, -.colors-custom.has-header-video .site-title, -.colors-custom.has-header-image .site-title a, -.colors-custom.has-header-video .site-title a, -.colors-custom.has-header-image .site-description, -.colors-custom.has-header-video .site-description { - color: hsl( ' . $hue . ', ' . $saturation . ', 100% ); /* base: #fff; */ -} - -body.colors-custom, -.colors-custom .navigation-top, -.colors-custom .main-navigation ul { - background: hsl( ' . $hue . ', ' . $saturation . ', 100% ); /* base: #fff; */ -} - -.colors-custom .widget ul li a, -.colors-custom .site-footer .widget-area ul li a { - -webkit-box-shadow: inset 0 -1px 0 hsl( ' . $hue . ', ' . $saturation . ', 100% ); /* base: rgba(255, 255, 255, 1); */ - box-shadow: inset 0 -1px 0 hsl( ' . $hue . ', ' . $saturation . ', 100% ); /* base: rgba(255, 255, 255, 1); */ -} - -.colors-custom .menu-toggle, -.colors-custom .menu-toggle:hover, -.colors-custom .menu-toggle:focus, -.colors-custom .menu .dropdown-toggle, -.colors-custom .menu-scroll-down, -.colors-custom .menu-scroll-down:hover, -.colors-custom .menu-scroll-down:focus { - background-color: transparent; -} - -.colors-custom .widget .tagcloud a, -.colors-custom .widget .tagcloud a:focus, -.colors-custom .widget .tagcloud a:hover, -.colors-custom .widget.widget_tag_cloud a, -.colors-custom .widget.widget_tag_cloud a:focus, -.colors-custom .widget.widget_tag_cloud a:hover, -.colors-custom .wp_widget_tag_cloud a, -.colors-custom .wp_widget_tag_cloud a:focus, -.colors-custom .wp_widget_tag_cloud a:hover, -.colors-custom .entry-footer .edit-link a.post-edit-link:focus, -.colors-custom .entry-footer .edit-link a.post-edit-link:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; -} - -/* Reset non-customizable hover styling for links */ -.colors-custom .entry-content a:hover, -.colors-custom .entry-content a:focus, -.colors-custom .entry-summary a:hover, -.colors-custom .entry-summary a:focus, -.colors-custom .comment-content a:focus, -.colors-custom .comment-content a:hover, -.colors-custom .widget a:hover, -.colors-custom .widget a:focus, -.colors-custom .site-footer .widget-area a:hover, -.colors-custom .site-footer .widget-area a:focus, -.colors-custom .posts-navigation a:hover, -.colors-custom .posts-navigation a:focus, -.colors-custom .widget_authors a:hover strong, -.colors-custom .widget_authors a:focus strong { - -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1); - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1); -} - -.colors-custom .gallery-item a, -.colors-custom .gallery-item a:hover, -.colors-custom .gallery-item a:focus { - -webkit-box-shadow: none; - box-shadow: none; -} - -@media screen and (min-width: 48em) { - - .colors-custom .nav-links .nav-previous .nav-title .icon, - .colors-custom .nav-links .nav-next .nav-title .icon { - color: hsl( ' . $hue . ', ' . $saturation . ', 20% ); /* base: #222; */ - } - - .colors-custom .main-navigation li li:hover, - .colors-custom .main-navigation li li.focus { - background: hsl( ' . $hue . ', ' . $saturation . ', 46% ); /* base: #767676; */ - } - - .colors-custom .navigation-top .menu-scroll-down { - color: hsl( ' . $hue . ', ' . $saturation . ', 46% ); /* base: #767676; */; - } - - .colors-custom abbr[title] { - border-bottom-color: hsl( ' . $hue . ', ' . $saturation . ', 46% ); /* base: #767676; */; - } - - .colors-custom .main-navigation ul ul { - border-color: hsl( ' . $hue . ', ' . $saturation . ', 73% ); /* base: #bbb; */ - background: hsl( ' . $hue . ', ' . $saturation . ', 100% ); /* base: #fff; */ - } - - .colors-custom .main-navigation ul li.menu-item-has-children:before, - .colors-custom .main-navigation ul li.page_item_has_children:before { - border-bottom-color: hsl( ' . $hue . ', ' . $saturation . ', 73% ); /* base: #bbb; */ - } - - .colors-custom .main-navigation ul li.menu-item-has-children:after, - .colors-custom .main-navigation ul li.page_item_has_children:after { - border-bottom-color: hsl( ' . $hue . ', ' . $saturation . ', 100% ); /* base: #fff; */ - } - - .colors-custom .main-navigation li li.focus > a, - .colors-custom .main-navigation li li:focus > a, - .colors-custom .main-navigation li li:hover > a, - .colors-custom .main-navigation li li a:hover, - .colors-custom .main-navigation li li a:focus, - .colors-custom .main-navigation li li.current_page_item a:hover, - .colors-custom .main-navigation li li.current-menu-item a:hover, - .colors-custom .main-navigation li li.current_page_item a:focus, - .colors-custom .main-navigation li li.current-menu-item a:focus { - color: hsl( ' . $hue . ', ' . $saturation . ', 100% ); /* base: #fff; */ - } -}'; - - /** - * Filters Twenty Seventeen custom colors CSS. - * - * @since Twenty Seventeen 1.0 - * - * @param string $css Base theme colors CSS. - * @param int $hue The user's selected color hue. - * @param string $saturation Filtered theme color saturation level. - */ - return apply_filters( 'twentyseventeen_custom_colors_css', $css, $hue, $saturation ); -} +<?php +/** + * Twenty Seventeen: Color Patterns + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + */ + +/** + * Generate the CSS for the current custom color scheme. + */ +function twentyseventeen_custom_colors_css() { + $hue = absint( get_theme_mod( 'colorscheme_hue', 250 ) ); + + /** + * Filters Twenty Seventeen default saturation level. + * + * @since Twenty Seventeen 1.0 + * + * @param int $saturation Color saturation level. + */ + $saturation = absint( apply_filters( 'twentyseventeen_custom_colors_saturation', 50 ) ); + $reduced_saturation = ( .8 * $saturation ) . '%'; + $saturation = $saturation . '%'; + $css = ' +/** + * Twenty Seventeen: Color Patterns + * + * Colors are ordered from dark to light. + */ + +.colors-custom a:hover, +.colors-custom a:active, +.colors-custom .entry-content a:focus, +.colors-custom .entry-content a:hover, +.colors-custom .entry-summary a:focus, +.colors-custom .entry-summary a:hover, +.colors-custom .comment-content a:focus, +.colors-custom .comment-content a:hover, +.colors-custom .widget a:focus, +.colors-custom .widget a:hover, +.colors-custom .site-footer .widget-area a:focus, +.colors-custom .site-footer .widget-area a:hover, +.colors-custom .posts-navigation a:focus, +.colors-custom .posts-navigation a:hover, +.colors-custom .comment-metadata a:focus, +.colors-custom .comment-metadata a:hover, +.colors-custom .comment-metadata a.comment-edit-link:focus, +.colors-custom .comment-metadata a.comment-edit-link:hover, +.colors-custom .comment-reply-link:focus, +.colors-custom .comment-reply-link:hover, +.colors-custom .widget_authors a:focus strong, +.colors-custom .widget_authors a:hover strong, +.colors-custom .entry-title a:focus, +.colors-custom .entry-title a:hover, +.colors-custom .entry-meta a:focus, +.colors-custom .entry-meta a:hover, +.colors-custom.blog .entry-meta a.post-edit-link:focus, +.colors-custom.blog .entry-meta a.post-edit-link:hover, +.colors-custom.archive .entry-meta a.post-edit-link:focus, +.colors-custom.archive .entry-meta a.post-edit-link:hover, +.colors-custom.search .entry-meta a.post-edit-link:focus, +.colors-custom.search .entry-meta a.post-edit-link:hover, +.colors-custom .page-links a:focus .page-number, +.colors-custom .page-links a:hover .page-number, +.colors-custom .entry-footer a:focus, +.colors-custom .entry-footer a:hover, +.colors-custom .entry-footer .cat-links a:focus, +.colors-custom .entry-footer .cat-links a:hover, +.colors-custom .entry-footer .tags-links a:focus, +.colors-custom .entry-footer .tags-links a:hover, +.colors-custom .post-navigation a:focus, +.colors-custom .post-navigation a:hover, +.colors-custom .pagination a:not(.prev):not(.next):focus, +.colors-custom .pagination a:not(.prev):not(.next):hover, +.colors-custom .comments-pagination a:not(.prev):not(.next):focus, +.colors-custom .comments-pagination a:not(.prev):not(.next):hover, +.colors-custom .logged-in-as a:focus, +.colors-custom .logged-in-as a:hover, +.colors-custom a:focus .nav-title, +.colors-custom a:hover .nav-title, +.colors-custom .edit-link a:focus, +.colors-custom .edit-link a:hover, +.colors-custom .site-info a:focus, +.colors-custom .site-info a:hover, +.colors-custom .widget .widget-title a:focus, +.colors-custom .widget .widget-title a:hover, +.colors-custom .widget ul li a:focus, +.colors-custom .widget ul li a:hover { + color: hsl( ' . $hue . ', ' . $saturation . ', 0% ); /* base: #000; */ +} + +.colors-custom .entry-content a, +.colors-custom .entry-summary a, +.colors-custom .comment-content a, +.colors-custom .widget a, +.colors-custom .site-footer .widget-area a, +.colors-custom .posts-navigation a, +.colors-custom .widget_authors a strong { + -webkit-box-shadow: inset 0 -1px 0 hsl( ' . $hue . ', ' . $saturation . ', 6% ); /* base: rgba(15, 15, 15, 1); */ + box-shadow: inset 0 -1px 0 hsl( ' . $hue . ', ' . $saturation . ', 6% ); /* base: rgba(15, 15, 15, 1); */ +} + +.colors-custom button, +.colors-custom input[type="button"], +.colors-custom input[type="submit"], +.colors-custom .entry-footer .edit-link a.post-edit-link { + background-color: hsl( ' . $hue . ', ' . $saturation . ', 13% ); /* base: #222; */ +} + +.colors-custom input[type="text"]:focus, +.colors-custom input[type="email"]:focus, +.colors-custom input[type="url"]:focus, +.colors-custom input[type="password"]:focus, +.colors-custom input[type="search"]:focus, +.colors-custom input[type="number"]:focus, +.colors-custom input[type="tel"]:focus, +.colors-custom input[type="range"]:focus, +.colors-custom input[type="date"]:focus, +.colors-custom input[type="month"]:focus, +.colors-custom input[type="week"]:focus, +.colors-custom input[type="time"]:focus, +.colors-custom input[type="datetime"]:focus, +.colors-custom .colors-custom input[type="datetime-local"]:focus, +.colors-custom input[type="color"]:focus, +.colors-custom textarea:focus, +.colors-custom button.secondary, +.colors-custom input[type="reset"], +.colors-custom input[type="button"].secondary, +.colors-custom input[type="reset"].secondary, +.colors-custom input[type="submit"].secondary, +.colors-custom a, +.colors-custom .site-title, +.colors-custom .site-title a, +.colors-custom .navigation-top a, +.colors-custom .dropdown-toggle, +.colors-custom .menu-toggle, +.colors-custom .page .panel-content .entry-title, +.colors-custom .page-title, +.colors-custom.page:not(.twentyseventeen-front-page) .entry-title, +.colors-custom .page-links a .page-number, +.colors-custom .comment-metadata a.comment-edit-link, +.colors-custom .comment-reply-link .icon, +.colors-custom h2.widget-title, +.colors-custom mark, +.colors-custom .post-navigation a:focus .icon, +.colors-custom .post-navigation a:hover .icon, +.colors-custom .site-content .site-content-light, +.colors-custom .twentyseventeen-panel .recent-posts .entry-header .edit-link { + color: hsl( ' . $hue . ', ' . $saturation . ', 13% ); /* base: #222; */ +} + +.colors-custom .entry-content a:focus, +.colors-custom .entry-content a:hover, +.colors-custom .entry-summary a:focus, +.colors-custom .entry-summary a:hover, +.colors-custom .comment-content a:focus, +.colors-custom .comment-content a:hover, +.colors-custom .widget a:focus, +.colors-custom .widget a:hover, +.colors-custom .site-footer .widget-area a:focus, +.colors-custom .site-footer .widget-area a:hover, +.colors-custom .posts-navigation a:focus, +.colors-custom .posts-navigation a:hover, +.colors-custom .comment-metadata a:focus, +.colors-custom .comment-metadata a:hover, +.colors-custom .comment-metadata a.comment-edit-link:focus, +.colors-custom .comment-metadata a.comment-edit-link:hover, +.colors-custom .comment-reply-link:focus, +.colors-custom .comment-reply-link:hover, +.colors-custom .widget_authors a:focus strong, +.colors-custom .widget_authors a:hover strong, +.colors-custom .entry-title a:focus, +.colors-custom .entry-title a:hover, +.colors-custom .entry-meta a:focus, +.colors-custom .entry-meta a:hover, +.colors-custom.blog .entry-meta a.post-edit-link:focus, +.colors-custom.blog .entry-meta a.post-edit-link:hover, +.colors-custom.archive .entry-meta a.post-edit-link:focus, +.colors-custom.archive .entry-meta a.post-edit-link:hover, +.colors-custom.search .entry-meta a.post-edit-link:focus, +.colors-custom.search .entry-meta a.post-edit-link:hover, +.colors-custom .page-links a:focus .page-number, +.colors-custom .page-links a:hover .page-number, +.colors-custom .entry-footer .cat-links a:focus, +.colors-custom .entry-footer .cat-links a:hover, +.colors-custom .entry-footer .tags-links a:focus, +.colors-custom .entry-footer .tags-links a:hover, +.colors-custom .post-navigation a:focus, +.colors-custom .post-navigation a:hover, +.colors-custom .pagination a:not(.prev):not(.next):focus, +.colors-custom .pagination a:not(.prev):not(.next):hover, +.colors-custom .comments-pagination a:not(.prev):not(.next):focus, +.colors-custom .comments-pagination a:not(.prev):not(.next):hover, +.colors-custom .logged-in-as a:focus, +.colors-custom .logged-in-as a:hover, +.colors-custom a:focus .nav-title, +.colors-custom a:hover .nav-title, +.colors-custom .edit-link a:focus, +.colors-custom .edit-link a:hover, +.colors-custom .site-info a:focus, +.colors-custom .site-info a:hover, +.colors-custom .widget .widget-title a:focus, +.colors-custom .widget .widget-title a:hover, +.colors-custom .widget ul li a:focus, +.colors-custom .widget ul li a:hover { + -webkit-box-shadow: inset 0 0 0 hsl( ' . $hue . ', ' . $saturation . ', 13% ), 0 3px 0 hsl( ' . $hue . ', ' . $saturation . ', 13% ); + box-shadow: inset 0 0 0 hsl( ' . $hue . ', ' . $saturation . ' , 13% ), 0 3px 0 hsl( ' . $hue . ', ' . $saturation . ', 13% ); +} + +body.colors-custom, +.colors-custom button, +.colors-custom input, +.colors-custom select, +.colors-custom textarea, +.colors-custom h3, +.colors-custom h4, +.colors-custom h6, +.colors-custom label, +.colors-custom .entry-title a, +.colors-custom.twentyseventeen-front-page .panel-content .recent-posts article, +.colors-custom .entry-footer .cat-links a, +.colors-custom .entry-footer .tags-links a, +.colors-custom .format-quote blockquote, +.colors-custom .nav-title, +.colors-custom .comment-body, +.colors-custom .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album { + color: hsl( ' . $hue . ', ' . $reduced_saturation . ', 20% ); /* base: #333; */ +} + +.colors-custom .social-navigation a:hover, +.colors-custom .social-navigation a:focus { + background: hsl( ' . $hue . ', ' . $reduced_saturation . ', 20% ); /* base: #333; */ +} + +.colors-custom input[type="text"]:focus, +.colors-custom input[type="email"]:focus, +.colors-custom input[type="url"]:focus, +.colors-custom input[type="password"]:focus, +.colors-custom input[type="search"]:focus, +.colors-custom input[type="number"]:focus, +.colors-custom input[type="tel"]:focus, +.colors-custom input[type="range"]:focus, +.colors-custom input[type="date"]:focus, +.colors-custom input[type="month"]:focus, +.colors-custom input[type="week"]:focus, +.colors-custom input[type="time"]:focus, +.colors-custom input[type="datetime"]:focus, +.colors-custom input[type="datetime-local"]:focus, +.colors-custom input[type="color"]:focus, +.colors-custom textarea:focus, +.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar { + border-color: hsl( ' . $hue . ', ' . $reduced_saturation . ', 20% ); /* base: #333; */ +} + +.colors-custom h2, +.colors-custom blockquote, +.colors-custom input[type="text"], +.colors-custom input[type="email"], +.colors-custom input[type="url"], +.colors-custom input[type="password"], +.colors-custom input[type="search"], +.colors-custom input[type="number"], +.colors-custom input[type="tel"], +.colors-custom input[type="range"], +.colors-custom input[type="date"], +.colors-custom input[type="month"], +.colors-custom input[type="week"], +.colors-custom input[type="time"], +.colors-custom input[type="datetime"], +.colors-custom input[type="datetime-local"], +.colors-custom input[type="color"], +.colors-custom textarea, +.colors-custom .site-description, +.colors-custom .entry-content blockquote.alignleft, +.colors-custom .entry-content blockquote.alignright, +.colors-custom .colors-custom .taxonomy-description, +.colors-custom .site-info a, +.colors-custom .wp-caption, +.colors-custom .gallery-caption { + color: hsl( ' . $hue . ', ' . $saturation . ', 40% ); /* base: #666; */ +} + +.colors-custom abbr, +.colors-custom acronym { + border-bottom-color: hsl( ' . $hue . ', ' . $saturation . ', 40% ); /* base: #666; */ +} + +.colors-custom h5, +.colors-custom .entry-meta, +.colors-custom .entry-meta a, +.colors-custom.blog .entry-meta a.post-edit-link, +.colors-custom.archive .entry-meta a.post-edit-link, +.colors-custom.search .entry-meta a.post-edit-link, +.colors-custom .nav-subtitle, +.colors-custom .comment-metadata, +.colors-custom .comment-metadata a, +.colors-custom .no-comments, +.colors-custom .comment-awaiting-moderation, +.colors-custom .page-numbers.current, +.colors-custom .page-links .page-number, +.colors-custom .navigation-top .current-menu-item > a, +.colors-custom .navigation-top .current_page_item > a, +.colors-custom .main-navigation a:hover, +.colors-custom .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist { + color: hsl( ' . $hue . ', ' . $saturation . ', 46% ); /* base: #767676; */ +} + +.colors-custom :not( .mejs-button ) > button:hover, +.colors-custom :not( .mejs-button ) > button:focus, +.colors-custom input[type="button"]:hover, +.colors-custom input[type="button"]:focus, +.colors-custom input[type="submit"]:hover, +.colors-custom input[type="submit"]:focus, +.colors-custom .entry-footer .edit-link a.post-edit-link:hover, +.colors-custom .entry-footer .edit-link a.post-edit-link:focus, +.colors-custom .social-navigation a, +.colors-custom .prev.page-numbers:focus, +.colors-custom .prev.page-numbers:hover, +.colors-custom .next.page-numbers:focus, +.colors-custom .next.page-numbers:hover, +.colors-custom .site-content .wp-playlist-light .wp-playlist-item:hover, +.colors-custom .site-content .wp-playlist-light .wp-playlist-item:focus { + background: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */ +} + +.colors-custom button.secondary:hover, +.colors-custom button.secondary:focus, +.colors-custom input[type="reset"]:hover, +.colors-custom input[type="reset"]:focus, +.colors-custom input[type="button"].secondary:hover, +.colors-custom input[type="button"].secondary:focus, +.colors-custom input[type="reset"].secondary:hover, +.colors-custom input[type="reset"].secondary:focus, +.colors-custom input[type="submit"].secondary:hover, +.colors-custom input[type="submit"].secondary:focus, +.colors-custom hr { + background: hsl( ' . $hue . ', ' . $saturation . ', 73% ); /* base: #bbb; */ +} + +.colors-custom input[type="text"], +.colors-custom input[type="email"], +.colors-custom input[type="url"], +.colors-custom input[type="password"], +.colors-custom input[type="search"], +.colors-custom input[type="number"], +.colors-custom input[type="tel"], +.colors-custom input[type="range"], +.colors-custom input[type="date"], +.colors-custom input[type="month"], +.colors-custom input[type="week"], +.colors-custom input[type="time"], +.colors-custom input[type="datetime"], +.colors-custom input[type="datetime-local"], +.colors-custom input[type="color"], +.colors-custom textarea, +.colors-custom select, +.colors-custom fieldset, +.colors-custom .widget .tagcloud a:hover, +.colors-custom .widget .tagcloud a:focus, +.colors-custom .widget.widget_tag_cloud a:hover, +.colors-custom .widget.widget_tag_cloud a:focus, +.colors-custom .wp_widget_tag_cloud a:hover, +.colors-custom .wp_widget_tag_cloud a:focus { + border-color: hsl( ' . $hue . ', ' . $saturation . ', 73% ); /* base: #bbb; */ +} + +.colors-custom thead th { + border-bottom-color: hsl( ' . $hue . ', ' . $saturation . ', 73% ); /* base: #bbb; */ +} + +.colors-custom .entry-footer .cat-links .icon, +.colors-custom .entry-footer .tags-links .icon { + color: hsl( ' . $hue . ', ' . $saturation . ', 73% ); /* base: #bbb; */ +} + +.colors-custom button.secondary, +.colors-custom input[type="reset"], +.colors-custom input[type="button"].secondary, +.colors-custom input[type="reset"].secondary, +.colors-custom input[type="submit"].secondary, +.colors-custom .prev.page-numbers, +.colors-custom .next.page-numbers { + background-color: hsl( ' . $hue . ', ' . $saturation . ', 87% ); /* base: #ddd; */ +} + +.colors-custom .widget .tagcloud a, +.colors-custom .widget.widget_tag_cloud a, +.colors-custom .wp_widget_tag_cloud a { + border-color: hsl( ' . $hue . ', ' . $saturation . ', 87% ); /* base: #ddd; */ +} + +.colors-custom.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child), +.colors-custom .widget ul li { + border-top-color: hsl( ' . $hue . ', ' . $saturation . ', 87% ); /* base: #ddd; */ +} + +.colors-custom .widget ul li { + border-bottom-color: hsl( ' . $hue . ', ' . $saturation . ', 87% ); /* base: #ddd; */ +} + +.colors-custom pre, +.colors-custom mark, +.colors-custom ins { + background: hsl( ' . $hue . ', ' . $saturation . ', 93% ); /* base: #eee; */ +} + +.colors-custom .navigation-top, +.colors-custom .main-navigation > div > ul, +.colors-custom .pagination, +.colors-custom .comments-pagination, +.colors-custom .entry-footer, +.colors-custom .site-footer { + border-top-color: hsl( ' . $hue . ', ' . $saturation . ', 93% ); /* base: #eee; */ +} + +.colors-custom .navigation-top, +.colors-custom .main-navigation li, +.colors-custom .entry-footer, +.colors-custom .single-featured-image-header, +.colors-custom .site-content .wp-playlist-light .wp-playlist-item, +.colors-custom tr { + border-bottom-color: hsl( ' . $hue . ', ' . $saturation . ', 93% ); /* base: #eee; */ +} + +.colors-custom .site-content .wp-playlist-light { + border-color: hsl( ' . $hue . ', ' . $saturation . ', 93% ); /* base: #eee; */ +} + +.colors-custom .site-header, +.colors-custom .single-featured-image-header { + background-color: hsl( ' . $hue . ', ' . $saturation . ', 98% ); /* base: #fafafa; */ +} + +.colors-custom button, +.colors-custom input[type="button"], +.colors-custom input[type="submit"], +.colors-custom .entry-footer .edit-link a.post-edit-link, +.colors-custom .social-navigation a, +.colors-custom .site-content .wp-playlist-light a.wp-playlist-caption:hover, +.colors-custom .site-content .wp-playlist-light .wp-playlist-item:hover a, +.colors-custom .site-content .wp-playlist-light .wp-playlist-item:focus a, +.colors-custom .site-content .wp-playlist-light .wp-playlist-item:hover, +.colors-custom .site-content .wp-playlist-light .wp-playlist-item:focus, +.colors-custom .prev.page-numbers:focus, +.colors-custom .prev.page-numbers:hover, +.colors-custom .next.page-numbers:focus, +.colors-custom .next.page-numbers:hover, +.colors-custom.has-header-image .site-title, +.colors-custom.has-header-video .site-title, +.colors-custom.has-header-image .site-title a, +.colors-custom.has-header-video .site-title a, +.colors-custom.has-header-image .site-description, +.colors-custom.has-header-video .site-description { + color: hsl( ' . $hue . ', ' . $saturation . ', 100% ); /* base: #fff; */ +} + +body.colors-custom, +.colors-custom .navigation-top, +.colors-custom .main-navigation ul { + background: hsl( ' . $hue . ', ' . $saturation . ', 100% ); /* base: #fff; */ +} + +.colors-custom .widget ul li a, +.colors-custom .site-footer .widget-area ul li a { + -webkit-box-shadow: inset 0 -1px 0 hsl( ' . $hue . ', ' . $saturation . ', 100% ); /* base: rgba(255, 255, 255, 1); */ + box-shadow: inset 0 -1px 0 hsl( ' . $hue . ', ' . $saturation . ', 100% ); /* base: rgba(255, 255, 255, 1); */ +} + +.colors-custom .menu-toggle, +.colors-custom .menu-toggle:hover, +.colors-custom .menu-toggle:focus, +.colors-custom .menu .dropdown-toggle, +.colors-custom .menu-scroll-down, +.colors-custom .menu-scroll-down:hover, +.colors-custom .menu-scroll-down:focus { + background-color: transparent; +} + +.colors-custom .widget .tagcloud a, +.colors-custom .widget .tagcloud a:focus, +.colors-custom .widget .tagcloud a:hover, +.colors-custom .widget.widget_tag_cloud a, +.colors-custom .widget.widget_tag_cloud a:focus, +.colors-custom .widget.widget_tag_cloud a:hover, +.colors-custom .wp_widget_tag_cloud a, +.colors-custom .wp_widget_tag_cloud a:focus, +.colors-custom .wp_widget_tag_cloud a:hover, +.colors-custom .entry-footer .edit-link a.post-edit-link:focus, +.colors-custom .entry-footer .edit-link a.post-edit-link:hover { + -webkit-box-shadow: none !important; + box-shadow: none !important; +} + +/* Reset non-customizable hover styling for links */ +.colors-custom .entry-content a:hover, +.colors-custom .entry-content a:focus, +.colors-custom .entry-summary a:hover, +.colors-custom .entry-summary a:focus, +.colors-custom .comment-content a:focus, +.colors-custom .comment-content a:hover, +.colors-custom .widget a:hover, +.colors-custom .widget a:focus, +.colors-custom .site-footer .widget-area a:hover, +.colors-custom .site-footer .widget-area a:focus, +.colors-custom .posts-navigation a:hover, +.colors-custom .posts-navigation a:focus, +.colors-custom .widget_authors a:hover strong, +.colors-custom .widget_authors a:focus strong { + -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1); + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1); +} + +.colors-custom .gallery-item a, +.colors-custom .gallery-item a:hover, +.colors-custom .gallery-item a:focus { + -webkit-box-shadow: none; + box-shadow: none; +} + +@media screen and (min-width: 48em) { + + .colors-custom .nav-links .nav-previous .nav-title .icon, + .colors-custom .nav-links .nav-next .nav-title .icon { + color: hsl( ' . $hue . ', ' . $saturation . ', 20% ); /* base: #222; */ + } + + .colors-custom .main-navigation li li:hover, + .colors-custom .main-navigation li li.focus { + background: hsl( ' . $hue . ', ' . $saturation . ', 46% ); /* base: #767676; */ + } + + .colors-custom .navigation-top .menu-scroll-down { + color: hsl( ' . $hue . ', ' . $saturation . ', 46% ); /* base: #767676; */; + } + + .colors-custom abbr[title] { + border-bottom-color: hsl( ' . $hue . ', ' . $saturation . ', 46% ); /* base: #767676; */; + } + + .colors-custom .main-navigation ul ul { + border-color: hsl( ' . $hue . ', ' . $saturation . ', 73% ); /* base: #bbb; */ + background: hsl( ' . $hue . ', ' . $saturation . ', 100% ); /* base: #fff; */ + } + + .colors-custom .main-navigation ul li.menu-item-has-children:before, + .colors-custom .main-navigation ul li.page_item_has_children:before { + border-bottom-color: hsl( ' . $hue . ', ' . $saturation . ', 73% ); /* base: #bbb; */ + } + + .colors-custom .main-navigation ul li.menu-item-has-children:after, + .colors-custom .main-navigation ul li.page_item_has_children:after { + border-bottom-color: hsl( ' . $hue . ', ' . $saturation . ', 100% ); /* base: #fff; */ + } + + .colors-custom .main-navigation li li.focus > a, + .colors-custom .main-navigation li li:focus > a, + .colors-custom .main-navigation li li:hover > a, + .colors-custom .main-navigation li li a:hover, + .colors-custom .main-navigation li li a:focus, + .colors-custom .main-navigation li li.current_page_item a:hover, + .colors-custom .main-navigation li li.current-menu-item a:hover, + .colors-custom .main-navigation li li.current_page_item a:focus, + .colors-custom .main-navigation li li.current-menu-item a:focus { + color: hsl( ' . $hue . ', ' . $saturation . ', 100% ); /* base: #fff; */ + } +}'; + + /** + * Filters Twenty Seventeen custom colors CSS. + * + * @since Twenty Seventeen 1.0 + * + * @param string $css Base theme colors CSS. + * @param int $hue The user's selected color hue. + * @param string $saturation Filtered theme color saturation level. + */ + return apply_filters( 'twentyseventeen_custom_colors_css', $css, $hue, $saturation ); +} diff --git a/wp-content/themes/twentyseventeen/inc/custom-header.php b/wp-content/themes/twentyseventeen/inc/custom-header.php index 2e25a98f65cc4a240cff977d9dd59501b055df71..ce56104c71667a0c2d437750527380a021721c0a 100644 --- a/wp-content/themes/twentyseventeen/inc/custom-header.php +++ b/wp-content/themes/twentyseventeen/inc/custom-header.php @@ -1,131 +1,131 @@ -<?php -/** - * Custom header implementation - * - * @link https://codex.wordpress.org/Custom_Headers - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - */ - -/** - * Set up the WordPress core custom header feature. - * - * @uses twentyseventeen_header_style() - */ -function twentyseventeen_custom_header_setup() { - - add_theme_support( - 'custom-header', - /** - * Filter Twenty Seventeen custom-header support arguments. - * - * @since Twenty Seventeen 1.0 - * - * @param array $args { - * An array of custom-header support arguments. - * - * @type string $default-image Default image of the header. - * @type int $width Width in pixels of the custom header image. Default 954. - * @type int $height Height in pixels of the custom header image. Default 1300. - * @type string $flex-height Flex support for height of header. - * @type string $video Video support for header. - * @type string $wp-head-callback Callback function used to styles the header image and text - * displayed on the blog. - * } - */ - apply_filters( - 'twentyseventeen_custom_header_args', - array( - 'default-image' => get_parent_theme_file_uri( '/assets/images/header.jpg' ), - 'width' => 2000, - 'height' => 1200, - 'flex-height' => true, - 'video' => true, - 'wp-head-callback' => 'twentyseventeen_header_style', - ) - ) - ); - - register_default_headers( - array( - 'default-image' => array( - 'url' => '%s/assets/images/header.jpg', - 'thumbnail_url' => '%s/assets/images/header.jpg', - 'description' => __( 'Default Header Image', 'twentyseventeen' ), - ), - ) - ); -} -add_action( 'after_setup_theme', 'twentyseventeen_custom_header_setup' ); - -if ( ! function_exists( 'twentyseventeen_header_style' ) ) : - /** - * Styles the header image and text displayed on the blog. - * - * @see twentyseventeen_custom_header_setup(). - */ - function twentyseventeen_header_style() { - $header_text_color = get_header_textcolor(); - - // If no custom options for text are set, let's bail. - // get_header_textcolor() options: add_theme_support( 'custom-header' ) is default, hide text (returns 'blank') or any hex value. - if ( get_theme_support( 'custom-header', 'default-text-color' ) === $header_text_color ) { - return; - } - - // If we get this far, we have custom styles. Let's do this. - ?> - <style id="twentyseventeen-custom-header-styles" type="text/css"> - <?php - // Has the text been hidden? - if ( 'blank' === $header_text_color ) : - ?> - .site-title, - .site-description { - position: absolute; - clip: rect(1px, 1px, 1px, 1px); - } - <?php - // If the user has set a custom color for the text use that. - else : - ?> - .site-title a, - .colors-dark .site-title a, - .colors-custom .site-title a, - body.has-header-image .site-title a, - body.has-header-video .site-title a, - body.has-header-image.colors-dark .site-title a, - body.has-header-video.colors-dark .site-title a, - body.has-header-image.colors-custom .site-title a, - body.has-header-video.colors-custom .site-title a, - .site-description, - .colors-dark .site-description, - .colors-custom .site-description, - body.has-header-image .site-description, - body.has-header-video .site-description, - body.has-header-image.colors-dark .site-description, - body.has-header-video.colors-dark .site-description, - body.has-header-image.colors-custom .site-description, - body.has-header-video.colors-custom .site-description { - color: #<?php echo esc_attr( $header_text_color ); ?>; - } - <?php endif; ?> - </style> - <?php - } -endif; // End of twentyseventeen_header_style(). - -/** - * Customize video play/pause button in the custom header. - * - * @param array $settings Video settings. - * @return array The filtered video settings. - */ -function twentyseventeen_video_controls( $settings ) { - $settings['l10n']['play'] = '<span class="screen-reader-text">' . __( 'Play background video', 'twentyseventeen' ) . '</span>' . twentyseventeen_get_svg( array( 'icon' => 'play' ) ); - $settings['l10n']['pause'] = '<span class="screen-reader-text">' . __( 'Pause background video', 'twentyseventeen' ) . '</span>' . twentyseventeen_get_svg( array( 'icon' => 'pause' ) ); - return $settings; -} -add_filter( 'header_video_settings', 'twentyseventeen_video_controls' ); +<?php +/** + * Custom header implementation + * + * @link https://codex.wordpress.org/Custom_Headers + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + */ + +/** + * Set up the WordPress core custom header feature. + * + * @uses twentyseventeen_header_style() + */ +function twentyseventeen_custom_header_setup() { + + add_theme_support( + 'custom-header', + /** + * Filters Twenty Seventeen custom-header support arguments. + * + * @since Twenty Seventeen 1.0 + * + * @param array $args { + * An array of custom-header support arguments. + * + * @type string $default-image Default image of the header. + * @type int $width Width in pixels of the custom header image. Default 954. + * @type int $height Height in pixels of the custom header image. Default 1300. + * @type string $flex-height Flex support for height of header. + * @type string $video Video support for header. + * @type string $wp-head-callback Callback function used to styles the header image and text + * displayed on the blog. + * } + */ + apply_filters( + 'twentyseventeen_custom_header_args', + array( + 'default-image' => get_parent_theme_file_uri( '/assets/images/header.jpg' ), + 'width' => 2000, + 'height' => 1200, + 'flex-height' => true, + 'video' => true, + 'wp-head-callback' => 'twentyseventeen_header_style', + ) + ) + ); + + register_default_headers( + array( + 'default-image' => array( + 'url' => '%s/assets/images/header.jpg', + 'thumbnail_url' => '%s/assets/images/header.jpg', + 'description' => __( 'Default Header Image', 'twentyseventeen' ), + ), + ) + ); +} +add_action( 'after_setup_theme', 'twentyseventeen_custom_header_setup' ); + +if ( ! function_exists( 'twentyseventeen_header_style' ) ) : + /** + * Styles the header image and text displayed on the blog. + * + * @see twentyseventeen_custom_header_setup(). + */ + function twentyseventeen_header_style() { + $header_text_color = get_header_textcolor(); + + // If no custom options for text are set, let's bail. + // get_header_textcolor() options: add_theme_support( 'custom-header' ) is default, hide text (returns 'blank') or any hex value. + if ( get_theme_support( 'custom-header', 'default-text-color' ) === $header_text_color ) { + return; + } + + // If we get this far, we have custom styles. Let's do this. + ?> + <style id="twentyseventeen-custom-header-styles" type="text/css"> + <?php + // Has the text been hidden? + if ( 'blank' === $header_text_color ) : + ?> + .site-title, + .site-description { + position: absolute; + clip: rect(1px, 1px, 1px, 1px); + } + <?php + // If the user has set a custom color for the text use that. + else : + ?> + .site-title a, + .colors-dark .site-title a, + .colors-custom .site-title a, + body.has-header-image .site-title a, + body.has-header-video .site-title a, + body.has-header-image.colors-dark .site-title a, + body.has-header-video.colors-dark .site-title a, + body.has-header-image.colors-custom .site-title a, + body.has-header-video.colors-custom .site-title a, + .site-description, + .colors-dark .site-description, + .colors-custom .site-description, + body.has-header-image .site-description, + body.has-header-video .site-description, + body.has-header-image.colors-dark .site-description, + body.has-header-video.colors-dark .site-description, + body.has-header-image.colors-custom .site-description, + body.has-header-video.colors-custom .site-description { + color: #<?php echo esc_attr( $header_text_color ); ?>; + } + <?php endif; ?> + </style> + <?php + } +endif; // End of twentyseventeen_header_style(). + +/** + * Customize video play/pause button in the custom header. + * + * @param array $settings Video settings. + * @return array The filtered video settings. + */ +function twentyseventeen_video_controls( $settings ) { + $settings['l10n']['play'] = '<span class="screen-reader-text">' . __( 'Play background video', 'twentyseventeen' ) . '</span>' . twentyseventeen_get_svg( array( 'icon' => 'play' ) ); + $settings['l10n']['pause'] = '<span class="screen-reader-text">' . __( 'Pause background video', 'twentyseventeen' ) . '</span>' . twentyseventeen_get_svg( array( 'icon' => 'pause' ) ); + return $settings; +} +add_filter( 'header_video_settings', 'twentyseventeen_video_controls' ); diff --git a/wp-content/themes/twentyseventeen/inc/customizer.php b/wp-content/themes/twentyseventeen/inc/customizer.php index 1e9c60c9bf9c175875c53727e260cdbbe30fa771..b5e1e3714340b70a80d73be2b744f92cc9d2fbc0 100644 --- a/wp-content/themes/twentyseventeen/inc/customizer.php +++ b/wp-content/themes/twentyseventeen/inc/customizer.php @@ -1,251 +1,251 @@ -<?php -/** - * Twenty Seventeen: Customizer - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - */ - -/** - * Add postMessage support for site title and description for the Theme Customizer. - * - * @param WP_Customize_Manager $wp_customize Theme Customizer object. - */ -function twentyseventeen_customize_register( $wp_customize ) { - $wp_customize->get_setting( 'blogname' )->transport = 'postMessage'; - $wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage'; - $wp_customize->get_setting( 'header_textcolor' )->transport = 'postMessage'; - - $wp_customize->selective_refresh->add_partial( - 'blogname', - array( - 'selector' => '.site-title a', - 'render_callback' => 'twentyseventeen_customize_partial_blogname', - ) - ); - $wp_customize->selective_refresh->add_partial( - 'blogdescription', - array( - 'selector' => '.site-description', - 'render_callback' => 'twentyseventeen_customize_partial_blogdescription', - ) - ); - - /** - * Custom colors. - */ - $wp_customize->add_setting( - 'colorscheme', - array( - 'default' => 'light', - 'transport' => 'postMessage', - 'sanitize_callback' => 'twentyseventeen_sanitize_colorscheme', - ) - ); - - $wp_customize->add_setting( - 'colorscheme_hue', - array( - 'default' => 250, - 'transport' => 'postMessage', - 'sanitize_callback' => 'absint', // The hue is stored as a positive integer. - ) - ); - - $wp_customize->add_control( - 'colorscheme', - array( - 'type' => 'radio', - 'label' => __( 'Color Scheme', 'twentyseventeen' ), - 'choices' => array( - 'light' => __( 'Light', 'twentyseventeen' ), - 'dark' => __( 'Dark', 'twentyseventeen' ), - 'custom' => __( 'Custom', 'twentyseventeen' ), - ), - 'section' => 'colors', - 'priority' => 5, - ) - ); - - $wp_customize->add_control( - new WP_Customize_Color_Control( - $wp_customize, - 'colorscheme_hue', - array( - 'mode' => 'hue', - 'section' => 'colors', - 'priority' => 6, - ) - ) - ); - - /** - * Theme options. - */ - $wp_customize->add_section( - 'theme_options', - array( - 'title' => __( 'Theme Options', 'twentyseventeen' ), - 'priority' => 130, // Before Additional CSS. - ) - ); - - $wp_customize->add_setting( - 'page_layout', - array( - 'default' => 'two-column', - 'sanitize_callback' => 'twentyseventeen_sanitize_page_layout', - 'transport' => 'postMessage', - ) - ); - - $wp_customize->add_control( - 'page_layout', - array( - 'label' => __( 'Page Layout', 'twentyseventeen' ), - 'section' => 'theme_options', - 'type' => 'radio', - 'description' => __( 'When the two-column layout is assigned, the page title is in one column and content is in the other.', 'twentyseventeen' ), - 'choices' => array( - 'one-column' => __( 'One Column', 'twentyseventeen' ), - 'two-column' => __( 'Two Column', 'twentyseventeen' ), - ), - 'active_callback' => 'twentyseventeen_is_view_with_layout_option', - ) - ); - - /** - * Filter number of front page sections in Twenty Seventeen. - * - * @since Twenty Seventeen 1.0 - * - * @param int $num_sections Number of front page sections. - */ - $num_sections = apply_filters( 'twentyseventeen_front_page_sections', 4 ); - - // Create a setting and control for each of the sections available in the theme. - for ( $i = 1; $i < ( 1 + $num_sections ); $i++ ) { - $wp_customize->add_setting( - 'panel_' . $i, - array( - 'default' => false, - 'sanitize_callback' => 'absint', - 'transport' => 'postMessage', - ) - ); - - $wp_customize->add_control( - 'panel_' . $i, - array( - /* translators: %d: The front page section number. */ - 'label' => sprintf( __( 'Front Page Section %d Content', 'twentyseventeen' ), $i ), - 'description' => ( 1 !== $i ? '' : __( 'Select pages to feature in each area from the dropdowns. Add an image to a section by setting a featured image in the page editor. Empty sections will not be displayed.', 'twentyseventeen' ) ), - 'section' => 'theme_options', - 'type' => 'dropdown-pages', - 'allow_addition' => true, - 'active_callback' => 'twentyseventeen_is_static_front_page', - ) - ); - - $wp_customize->selective_refresh->add_partial( - 'panel_' . $i, - array( - 'selector' => '#panel' . $i, - 'render_callback' => 'twentyseventeen_front_page_section', - 'container_inclusive' => true, - ) - ); - } -} -add_action( 'customize_register', 'twentyseventeen_customize_register' ); - -/** - * Sanitize the page layout options. - * - * @param string $input Page layout. - */ -function twentyseventeen_sanitize_page_layout( $input ) { - $valid = array( - 'one-column' => __( 'One Column', 'twentyseventeen' ), - 'two-column' => __( 'Two Column', 'twentyseventeen' ), - ); - - if ( array_key_exists( $input, $valid ) ) { - return $input; - } - - return ''; -} - -/** - * Sanitize the colorscheme. - * - * @param string $input Color scheme. - */ -function twentyseventeen_sanitize_colorscheme( $input ) { - $valid = array( 'light', 'dark', 'custom' ); - - if ( in_array( $input, $valid, true ) ) { - return $input; - } - - return 'light'; -} - -/** - * Render the site title for the selective refresh partial. - * - * @since Twenty Seventeen 1.0 - * - * @see twentyseventeen_customize_register() - * - * @return void - */ -function twentyseventeen_customize_partial_blogname() { - bloginfo( 'name' ); -} - -/** - * Render the site tagline for the selective refresh partial. - * - * @since Twenty Seventeen 1.0 - * - * @see twentyseventeen_customize_register() - * - * @return void - */ -function twentyseventeen_customize_partial_blogdescription() { - bloginfo( 'description' ); -} - -/** - * Return whether we're previewing the front page and it's a static page. - */ -function twentyseventeen_is_static_front_page() { - return ( is_front_page() && ! is_home() ); -} - -/** - * Return whether we're on a view that supports a one or two column layout. - */ -function twentyseventeen_is_view_with_layout_option() { - // This option is available on all pages. It's also available on archives when there isn't a sidebar. - return ( is_page() || ( is_archive() && ! is_active_sidebar( 'sidebar-1' ) ) ); -} - -/** - * Bind JS handlers to instantly live-preview changes. - */ -function twentyseventeen_customize_preview_js() { - wp_enqueue_script( 'twentyseventeen-customize-preview', get_theme_file_uri( '/assets/js/customize-preview.js' ), array( 'customize-preview' ), '20161002', true ); -} -add_action( 'customize_preview_init', 'twentyseventeen_customize_preview_js' ); - -/** - * Load dynamic logic for the customizer controls area. - */ -function twentyseventeen_panels_js() { - wp_enqueue_script( 'twentyseventeen-customize-controls', get_theme_file_uri( '/assets/js/customize-controls.js' ), array(), '20161020', true ); -} -add_action( 'customize_controls_enqueue_scripts', 'twentyseventeen_panels_js' ); +<?php +/** + * Twenty Seventeen: Customizer + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + */ + +/** + * Add postMessage support for site title and description for the Theme Customizer. + * + * @param WP_Customize_Manager $wp_customize Theme Customizer object. + */ +function twentyseventeen_customize_register( $wp_customize ) { + $wp_customize->get_setting( 'blogname' )->transport = 'postMessage'; + $wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage'; + $wp_customize->get_setting( 'header_textcolor' )->transport = 'postMessage'; + + $wp_customize->selective_refresh->add_partial( + 'blogname', + array( + 'selector' => '.site-title a', + 'render_callback' => 'twentyseventeen_customize_partial_blogname', + ) + ); + $wp_customize->selective_refresh->add_partial( + 'blogdescription', + array( + 'selector' => '.site-description', + 'render_callback' => 'twentyseventeen_customize_partial_blogdescription', + ) + ); + + /** + * Custom colors. + */ + $wp_customize->add_setting( + 'colorscheme', + array( + 'default' => 'light', + 'transport' => 'postMessage', + 'sanitize_callback' => 'twentyseventeen_sanitize_colorscheme', + ) + ); + + $wp_customize->add_setting( + 'colorscheme_hue', + array( + 'default' => 250, + 'transport' => 'postMessage', + 'sanitize_callback' => 'absint', // The hue is stored as a positive integer. + ) + ); + + $wp_customize->add_control( + 'colorscheme', + array( + 'type' => 'radio', + 'label' => __( 'Color Scheme', 'twentyseventeen' ), + 'choices' => array( + 'light' => __( 'Light', 'twentyseventeen' ), + 'dark' => __( 'Dark', 'twentyseventeen' ), + 'custom' => __( 'Custom', 'twentyseventeen' ), + ), + 'section' => 'colors', + 'priority' => 5, + ) + ); + + $wp_customize->add_control( + new WP_Customize_Color_Control( + $wp_customize, + 'colorscheme_hue', + array( + 'mode' => 'hue', + 'section' => 'colors', + 'priority' => 6, + ) + ) + ); + + /** + * Theme options. + */ + $wp_customize->add_section( + 'theme_options', + array( + 'title' => __( 'Theme Options', 'twentyseventeen' ), + 'priority' => 130, // Before Additional CSS. + ) + ); + + $wp_customize->add_setting( + 'page_layout', + array( + 'default' => 'two-column', + 'sanitize_callback' => 'twentyseventeen_sanitize_page_layout', + 'transport' => 'postMessage', + ) + ); + + $wp_customize->add_control( + 'page_layout', + array( + 'label' => __( 'Page Layout', 'twentyseventeen' ), + 'section' => 'theme_options', + 'type' => 'radio', + 'description' => __( 'When the two-column layout is assigned, the page title is in one column and content is in the other.', 'twentyseventeen' ), + 'choices' => array( + 'one-column' => __( 'One Column', 'twentyseventeen' ), + 'two-column' => __( 'Two Column', 'twentyseventeen' ), + ), + 'active_callback' => 'twentyseventeen_is_view_with_layout_option', + ) + ); + + /** + * Filters the number of front page sections in Twenty Seventeen. + * + * @since Twenty Seventeen 1.0 + * + * @param int $num_sections Number of front page sections. + */ + $num_sections = apply_filters( 'twentyseventeen_front_page_sections', 4 ); + + // Create a setting and control for each of the sections available in the theme. + for ( $i = 1; $i < ( 1 + $num_sections ); $i++ ) { + $wp_customize->add_setting( + 'panel_' . $i, + array( + 'default' => false, + 'sanitize_callback' => 'absint', + 'transport' => 'postMessage', + ) + ); + + $wp_customize->add_control( + 'panel_' . $i, + array( + /* translators: %d: The front page section number. */ + 'label' => sprintf( __( 'Front Page Section %d Content', 'twentyseventeen' ), $i ), + 'description' => ( 1 !== $i ? '' : __( 'Select pages to feature in each area from the dropdowns. Add an image to a section by setting a featured image in the page editor. Empty sections will not be displayed.', 'twentyseventeen' ) ), + 'section' => 'theme_options', + 'type' => 'dropdown-pages', + 'allow_addition' => true, + 'active_callback' => 'twentyseventeen_is_static_front_page', + ) + ); + + $wp_customize->selective_refresh->add_partial( + 'panel_' . $i, + array( + 'selector' => '#panel' . $i, + 'render_callback' => 'twentyseventeen_front_page_section', + 'container_inclusive' => true, + ) + ); + } +} +add_action( 'customize_register', 'twentyseventeen_customize_register' ); + +/** + * Sanitize the page layout options. + * + * @param string $input Page layout. + */ +function twentyseventeen_sanitize_page_layout( $input ) { + $valid = array( + 'one-column' => __( 'One Column', 'twentyseventeen' ), + 'two-column' => __( 'Two Column', 'twentyseventeen' ), + ); + + if ( array_key_exists( $input, $valid ) ) { + return $input; + } + + return ''; +} + +/** + * Sanitize the colorscheme. + * + * @param string $input Color scheme. + */ +function twentyseventeen_sanitize_colorscheme( $input ) { + $valid = array( 'light', 'dark', 'custom' ); + + if ( in_array( $input, $valid, true ) ) { + return $input; + } + + return 'light'; +} + +/** + * Render the site title for the selective refresh partial. + * + * @since Twenty Seventeen 1.0 + * + * @see twentyseventeen_customize_register() + * + * @return void + */ +function twentyseventeen_customize_partial_blogname() { + bloginfo( 'name' ); +} + +/** + * Render the site tagline for the selective refresh partial. + * + * @since Twenty Seventeen 1.0 + * + * @see twentyseventeen_customize_register() + * + * @return void + */ +function twentyseventeen_customize_partial_blogdescription() { + bloginfo( 'description' ); +} + +/** + * Return whether we're previewing the front page and it's a static page. + */ +function twentyseventeen_is_static_front_page() { + return ( is_front_page() && ! is_home() ); +} + +/** + * Return whether we're on a view that supports a one or two column layout. + */ +function twentyseventeen_is_view_with_layout_option() { + // This option is available on all pages. It's also available on archives when there isn't a sidebar. + return ( is_page() || ( is_archive() && ! is_active_sidebar( 'sidebar-1' ) ) ); +} + +/** + * Bind JS handlers to instantly live-preview changes. + */ +function twentyseventeen_customize_preview_js() { + wp_enqueue_script( 'twentyseventeen-customize-preview', get_theme_file_uri( '/assets/js/customize-preview.js' ), array( 'customize-preview' ), '20161002', true ); +} +add_action( 'customize_preview_init', 'twentyseventeen_customize_preview_js' ); + +/** + * Load dynamic logic for the customizer controls area. + */ +function twentyseventeen_panels_js() { + wp_enqueue_script( 'twentyseventeen-customize-controls', get_theme_file_uri( '/assets/js/customize-controls.js' ), array(), '20161020', true ); +} +add_action( 'customize_controls_enqueue_scripts', 'twentyseventeen_panels_js' ); diff --git a/wp-content/themes/twentyseventeen/inc/icon-functions.php b/wp-content/themes/twentyseventeen/inc/icon-functions.php index 4a0964ca61f0f7f7ed1aa36624192f01c47b143f..70cc5a1438ae50b2513adb94c258bd0c5d503398 100644 --- a/wp-content/themes/twentyseventeen/inc/icon-functions.php +++ b/wp-content/themes/twentyseventeen/inc/icon-functions.php @@ -1,223 +1,223 @@ -<?php -/** - * SVG icons related functions and filters - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - */ - -/** - * Add SVG definitions to the footer. - */ -function twentyseventeen_include_svg_icons() { - // Define SVG sprite file. - $svg_icons = get_parent_theme_file_path( '/assets/images/svg-icons.svg' ); - - // If it exists, include it. - if ( file_exists( $svg_icons ) ) { - require_once $svg_icons; - } -} -add_action( 'wp_footer', 'twentyseventeen_include_svg_icons', 9999 ); - -/** - * Return SVG markup. - * - * @param array $args { - * Parameters needed to display an SVG. - * - * @type string $icon Required SVG icon filename. - * @type string $title Optional SVG title. - * @type string $desc Optional SVG description. - * } - * @return string SVG markup. - */ -function twentyseventeen_get_svg( $args = array() ) { - // Make sure $args are an array. - if ( empty( $args ) ) { - return __( 'Please define default parameters in the form of an array.', 'twentyseventeen' ); - } - - // Define an icon. - if ( false === array_key_exists( 'icon', $args ) ) { - return __( 'Please define an SVG icon filename.', 'twentyseventeen' ); - } - - // Set defaults. - $defaults = array( - 'icon' => '', - 'title' => '', - 'desc' => '', - 'fallback' => false, - ); - - // Parse args. - $args = wp_parse_args( $args, $defaults ); - - // Set aria hidden. - $aria_hidden = ' aria-hidden="true"'; - - // Set ARIA. - $aria_labelledby = ''; - - /* - * Twenty Seventeen doesn't use the SVG title or description attributes; non-decorative icons are described with .screen-reader-text. - * - * However, child themes can use the title and description to add information to non-decorative SVG icons to improve accessibility. - * - * Example 1 with title: <?php echo twentyseventeen_get_svg( array( 'icon' => 'arrow-right', 'title' => __( 'This is the title', 'textdomain' ) ) ); ?> - * - * Example 2 with title and description: <?php echo twentyseventeen_get_svg( array( 'icon' => 'arrow-right', 'title' => __( 'This is the title', 'textdomain' ), 'desc' => __( 'This is the description', 'textdomain' ) ) ); ?> - * - * See https://www.paciellogroup.com/blog/2013/12/using-aria-enhance-svg-accessibility/. - */ - if ( $args['title'] ) { - $aria_hidden = ''; - $unique_id = twentyseventeen_unique_id(); - $aria_labelledby = ' aria-labelledby="title-' . $unique_id . '"'; - - if ( $args['desc'] ) { - $aria_labelledby = ' aria-labelledby="title-' . $unique_id . ' desc-' . $unique_id . '"'; - } - } - - // Begin SVG markup. - $svg = '<svg class="icon icon-' . esc_attr( $args['icon'] ) . '"' . $aria_hidden . $aria_labelledby . ' role="img">'; - - // Display the title. - if ( $args['title'] ) { - $svg .= '<title id="title-' . $unique_id . '">' . esc_html( $args['title'] ) . '</title>'; - - // Display the desc only if the title is already set. - if ( $args['desc'] ) { - $svg .= '<desc id="desc-' . $unique_id . '">' . esc_html( $args['desc'] ) . '</desc>'; - } - } - - /* - * Display the icon. - * - * The whitespace around `<use>` is intentional - it is a work around to a keyboard navigation bug in Safari 10. - * - * See https://core.trac.wordpress.org/ticket/38387. - */ - $svg .= ' <use href="#icon-' . esc_html( $args['icon'] ) . '" xlink:href="#icon-' . esc_html( $args['icon'] ) . '"></use> '; - - // Add some markup to use as a fallback for browsers that do not support SVGs. - if ( $args['fallback'] ) { - $svg .= '<span class="svg-fallback icon-' . esc_attr( $args['icon'] ) . '"></span>'; - } - - $svg .= '</svg>'; - - return $svg; -} - -/** - * Display SVG icons in social links menu. - * - * @param string $item_output The menu item's starting HTML output. - * @param WP_Post $item Menu item data object. - * @param int $depth Depth of the menu. Used for padding. - * @param stdClass $args An object of wp_nav_menu() arguments. - * @return string The menu item output with social icon. - */ -function twentyseventeen_nav_menu_social_icons( $item_output, $item, $depth, $args ) { - // Get supported social icons. - $social_icons = twentyseventeen_social_links_icons(); - - // Change SVG icon inside social links menu if there is supported URL. - if ( 'social' === $args->theme_location ) { - foreach ( $social_icons as $attr => $value ) { - if ( false !== strpos( $item_output, $attr ) ) { - $item_output = str_replace( $args->link_after, '</span>' . twentyseventeen_get_svg( array( 'icon' => esc_attr( $value ) ) ), $item_output ); - } - } - } - - return $item_output; -} -add_filter( 'walker_nav_menu_start_el', 'twentyseventeen_nav_menu_social_icons', 10, 4 ); - -/** - * Add dropdown icon if menu item has children. - * - * @param string $title The menu item's title. - * @param WP_Post $item The current menu item. - * @param stdClass $args An object of wp_nav_menu() arguments. - * @param int $depth Depth of menu item. Used for padding. - * @return string The menu item's title with dropdown icon. - */ -function twentyseventeen_dropdown_icon_to_menu_link( $title, $item, $args, $depth ) { - if ( 'top' === $args->theme_location ) { - foreach ( $item->classes as $value ) { - if ( 'menu-item-has-children' === $value || 'page_item_has_children' === $value ) { - $title = $title . twentyseventeen_get_svg( array( 'icon' => 'angle-down' ) ); - } - } - } - - return $title; -} -add_filter( 'nav_menu_item_title', 'twentyseventeen_dropdown_icon_to_menu_link', 10, 4 ); - -/** - * Returns an array of supported social links (URL and icon name). - * - * @return array Array of social links icons. - */ -function twentyseventeen_social_links_icons() { - // Supported social links icons. - $social_links_icons = array( - 'behance.net' => 'behance', - 'codepen.io' => 'codepen', - 'deviantart.com' => 'deviantart', - 'digg.com' => 'digg', - 'docker.com' => 'dockerhub', - 'dribbble.com' => 'dribbble', - 'dropbox.com' => 'dropbox', - 'facebook.com' => 'facebook', - 'flickr.com' => 'flickr', - 'foursquare.com' => 'foursquare', - 'plus.google.com' => 'google-plus', - 'github.com' => 'github', - 'instagram.com' => 'instagram', - 'linkedin.com' => 'linkedin', - 'mailto:' => 'envelope-o', - 'medium.com' => 'medium', - 'pinterest.com' => 'pinterest-p', - 'pscp.tv' => 'periscope', - 'getpocket.com' => 'get-pocket', - 'reddit.com' => 'reddit-alien', - 'skype.com' => 'skype', - 'skype:' => 'skype', - 'slideshare.net' => 'slideshare', - 'snapchat.com' => 'snapchat-ghost', - 'soundcloud.com' => 'soundcloud', - 'spotify.com' => 'spotify', - 'stumbleupon.com' => 'stumbleupon', - 't.me' => 'telegram', - 'telegram.me' => 'telegram', - 'tumblr.com' => 'tumblr', - 'twitch.tv' => 'twitch', - 'twitter.com' => 'twitter', - 'vimeo.com' => 'vimeo', - 'vine.co' => 'vine', - 'vk.com' => 'vk', - 'whatsapp.com' => 'whatsapp', - 'wordpress.org' => 'wordpress', - 'wordpress.com' => 'wordpress', - 'yelp.com' => 'yelp', - 'youtube.com' => 'youtube', - ); - - /** - * Filter Twenty Seventeen social links icons. - * - * @since Twenty Seventeen 1.0 - * - * @param array $social_links_icons Array of social links icons. - */ - return apply_filters( 'twentyseventeen_social_links_icons', $social_links_icons ); -} +<?php +/** + * SVG icons related functions and filters + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + */ + +/** + * Add SVG definitions to the footer. + */ +function twentyseventeen_include_svg_icons() { + // Define SVG sprite file. + $svg_icons = get_parent_theme_file_path( '/assets/images/svg-icons.svg' ); + + // If it exists, include it. + if ( file_exists( $svg_icons ) ) { + require_once $svg_icons; + } +} +add_action( 'wp_footer', 'twentyseventeen_include_svg_icons', 9999 ); + +/** + * Return SVG markup. + * + * @param array $args { + * Parameters needed to display an SVG. + * + * @type string $icon Required SVG icon filename. + * @type string $title Optional SVG title. + * @type string $desc Optional SVG description. + * } + * @return string SVG markup. + */ +function twentyseventeen_get_svg( $args = array() ) { + // Make sure $args are an array. + if ( empty( $args ) ) { + return __( 'Please define default parameters in the form of an array.', 'twentyseventeen' ); + } + + // Define an icon. + if ( false === array_key_exists( 'icon', $args ) ) { + return __( 'Please define an SVG icon filename.', 'twentyseventeen' ); + } + + // Set defaults. + $defaults = array( + 'icon' => '', + 'title' => '', + 'desc' => '', + 'fallback' => false, + ); + + // Parse args. + $args = wp_parse_args( $args, $defaults ); + + // Set aria hidden. + $aria_hidden = ' aria-hidden="true"'; + + // Set ARIA. + $aria_labelledby = ''; + + /* + * Twenty Seventeen doesn't use the SVG title or description attributes; non-decorative icons are described with .screen-reader-text. + * + * However, child themes can use the title and description to add information to non-decorative SVG icons to improve accessibility. + * + * Example 1 with title: <?php echo twentyseventeen_get_svg( array( 'icon' => 'arrow-right', 'title' => __( 'This is the title', 'textdomain' ) ) ); ?> + * + * Example 2 with title and description: <?php echo twentyseventeen_get_svg( array( 'icon' => 'arrow-right', 'title' => __( 'This is the title', 'textdomain' ), 'desc' => __( 'This is the description', 'textdomain' ) ) ); ?> + * + * See https://www.paciellogroup.com/blog/2013/12/using-aria-enhance-svg-accessibility/. + */ + if ( $args['title'] ) { + $aria_hidden = ''; + $unique_id = twentyseventeen_unique_id(); + $aria_labelledby = ' aria-labelledby="title-' . $unique_id . '"'; + + if ( $args['desc'] ) { + $aria_labelledby = ' aria-labelledby="title-' . $unique_id . ' desc-' . $unique_id . '"'; + } + } + + // Begin SVG markup. + $svg = '<svg class="icon icon-' . esc_attr( $args['icon'] ) . '"' . $aria_hidden . $aria_labelledby . ' role="img">'; + + // Display the title. + if ( $args['title'] ) { + $svg .= '<title id="title-' . $unique_id . '">' . esc_html( $args['title'] ) . '</title>'; + + // Display the desc only if the title is already set. + if ( $args['desc'] ) { + $svg .= '<desc id="desc-' . $unique_id . '">' . esc_html( $args['desc'] ) . '</desc>'; + } + } + + /* + * Display the icon. + * + * The whitespace around `<use>` is intentional - it is a work around to a keyboard navigation bug in Safari 10. + * + * See https://core.trac.wordpress.org/ticket/38387. + */ + $svg .= ' <use href="#icon-' . esc_html( $args['icon'] ) . '" xlink:href="#icon-' . esc_html( $args['icon'] ) . '"></use> '; + + // Add some markup to use as a fallback for browsers that do not support SVGs. + if ( $args['fallback'] ) { + $svg .= '<span class="svg-fallback icon-' . esc_attr( $args['icon'] ) . '"></span>'; + } + + $svg .= '</svg>'; + + return $svg; +} + +/** + * Display SVG icons in social links menu. + * + * @param string $item_output The menu item's starting HTML output. + * @param WP_Post $item Menu item data object. + * @param int $depth Depth of the menu. Used for padding. + * @param stdClass $args An object of wp_nav_menu() arguments. + * @return string The menu item output with social icon. + */ +function twentyseventeen_nav_menu_social_icons( $item_output, $item, $depth, $args ) { + // Get supported social icons. + $social_icons = twentyseventeen_social_links_icons(); + + // Change SVG icon inside social links menu if there is supported URL. + if ( 'social' === $args->theme_location ) { + foreach ( $social_icons as $attr => $value ) { + if ( false !== strpos( $item_output, $attr ) ) { + $item_output = str_replace( $args->link_after, '</span>' . twentyseventeen_get_svg( array( 'icon' => esc_attr( $value ) ) ), $item_output ); + } + } + } + + return $item_output; +} +add_filter( 'walker_nav_menu_start_el', 'twentyseventeen_nav_menu_social_icons', 10, 4 ); + +/** + * Add dropdown icon if menu item has children. + * + * @param string $title The menu item's title. + * @param WP_Post $item The current menu item. + * @param stdClass $args An object of wp_nav_menu() arguments. + * @param int $depth Depth of menu item. Used for padding. + * @return string The menu item's title with dropdown icon. + */ +function twentyseventeen_dropdown_icon_to_menu_link( $title, $item, $args, $depth ) { + if ( 'top' === $args->theme_location ) { + foreach ( $item->classes as $value ) { + if ( 'menu-item-has-children' === $value || 'page_item_has_children' === $value ) { + $title = $title . twentyseventeen_get_svg( array( 'icon' => 'angle-down' ) ); + } + } + } + + return $title; +} +add_filter( 'nav_menu_item_title', 'twentyseventeen_dropdown_icon_to_menu_link', 10, 4 ); + +/** + * Returns an array of supported social links (URL and icon name). + * + * @return array Array of social links icons. + */ +function twentyseventeen_social_links_icons() { + // Supported social links icons. + $social_links_icons = array( + 'behance.net' => 'behance', + 'codepen.io' => 'codepen', + 'deviantart.com' => 'deviantart', + 'digg.com' => 'digg', + 'docker.com' => 'dockerhub', + 'dribbble.com' => 'dribbble', + 'dropbox.com' => 'dropbox', + 'facebook.com' => 'facebook', + 'flickr.com' => 'flickr', + 'foursquare.com' => 'foursquare', + 'plus.google.com' => 'google-plus', + 'github.com' => 'github', + 'instagram.com' => 'instagram', + 'linkedin.com' => 'linkedin', + 'mailto:' => 'envelope-o', + 'medium.com' => 'medium', + 'pinterest.com' => 'pinterest-p', + 'pscp.tv' => 'periscope', + 'getpocket.com' => 'get-pocket', + 'reddit.com' => 'reddit-alien', + 'skype.com' => 'skype', + 'skype:' => 'skype', + 'slideshare.net' => 'slideshare', + 'snapchat.com' => 'snapchat-ghost', + 'soundcloud.com' => 'soundcloud', + 'spotify.com' => 'spotify', + 'stumbleupon.com' => 'stumbleupon', + 't.me' => 'telegram', + 'telegram.me' => 'telegram', + 'tumblr.com' => 'tumblr', + 'twitch.tv' => 'twitch', + 'twitter.com' => 'twitter', + 'vimeo.com' => 'vimeo', + 'vine.co' => 'vine', + 'vk.com' => 'vk', + 'whatsapp.com' => 'whatsapp', + 'wordpress.org' => 'wordpress', + 'wordpress.com' => 'wordpress', + 'yelp.com' => 'yelp', + 'youtube.com' => 'youtube', + ); + + /** + * Filters Twenty Seventeen social links icons. + * + * @since Twenty Seventeen 1.0 + * + * @param array $social_links_icons Array of social links icons. + */ + return apply_filters( 'twentyseventeen_social_links_icons', $social_links_icons ); +} diff --git a/wp-content/themes/twentyseventeen/inc/template-functions.php b/wp-content/themes/twentyseventeen/inc/template-functions.php index 55f4c9aa55cbb73b8f8776156d1e31a6ef885817..cedd3a01f94a9323d6bfcacd16e949600be3acfa 100644 --- a/wp-content/themes/twentyseventeen/inc/template-functions.php +++ b/wp-content/themes/twentyseventeen/inc/template-functions.php @@ -1,102 +1,102 @@ -<?php -/** - * Additional features to allow styling of the templates - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - */ - -/** - * Adds custom classes to the array of body classes. - * - * @param array $classes Classes for the body element. - * @return array - */ -function twentyseventeen_body_classes( $classes ) { - // Add class of group-blog to blogs with more than 1 published author. - if ( is_multi_author() ) { - $classes[] = 'group-blog'; - } - - // Add class of hfeed to non-singular pages. - if ( ! is_singular() ) { - $classes[] = 'hfeed'; - } - - // Add class if we're viewing the Customizer for easier styling of theme options. - if ( is_customize_preview() ) { - $classes[] = 'twentyseventeen-customizer'; - } - - // Add class on front page. - if ( is_front_page() && 'posts' !== get_option( 'show_on_front' ) ) { - $classes[] = 'twentyseventeen-front-page'; - } - - // Add a class if there is a custom header. - if ( has_header_image() ) { - $classes[] = 'has-header-image'; - } - - // Add class if sidebar is used. - if ( is_active_sidebar( 'sidebar-1' ) && ! is_page() ) { - $classes[] = 'has-sidebar'; - } - - // Add class for one or two column page layouts. - if ( is_page() || is_archive() ) { - if ( 'one-column' === get_theme_mod( 'page_layout' ) ) { - $classes[] = 'page-one-column'; - } else { - $classes[] = 'page-two-column'; - } - } - - // Add class if the site title and tagline is hidden. - if ( 'blank' === get_header_textcolor() ) { - $classes[] = 'title-tagline-hidden'; - } - - // Get the colorscheme or the default if there isn't one. - $colors = twentyseventeen_sanitize_colorscheme( get_theme_mod( 'colorscheme', 'light' ) ); - $classes[] = 'colors-' . $colors; - - return $classes; -} -add_filter( 'body_class', 'twentyseventeen_body_classes' ); - -/** - * Count our number of active panels. - * - * Primarily used to see if we have any panels active, duh. - */ -function twentyseventeen_panel_count() { - - $panel_count = 0; - - /** - * Filter number of front page sections in Twenty Seventeen. - * - * @since Twenty Seventeen 1.0 - * - * @param int $num_sections Number of front page sections. - */ - $num_sections = apply_filters( 'twentyseventeen_front_page_sections', 4 ); - - // Create a setting and control for each of the sections available in the theme. - for ( $i = 1; $i < ( 1 + $num_sections ); $i++ ) { - if ( get_theme_mod( 'panel_' . $i ) ) { - $panel_count++; - } - } - - return $panel_count; -} - -/** - * Checks to see if we're on the front page or not. - */ -function twentyseventeen_is_frontpage() { - return ( is_front_page() && ! is_home() ); -} +<?php +/** + * Additional features to allow styling of the templates + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + */ + +/** + * Adds custom classes to the array of body classes. + * + * @param array $classes Classes for the body element. + * @return array + */ +function twentyseventeen_body_classes( $classes ) { + // Add class of group-blog to blogs with more than 1 published author. + if ( is_multi_author() ) { + $classes[] = 'group-blog'; + } + + // Add class of hfeed to non-singular pages. + if ( ! is_singular() ) { + $classes[] = 'hfeed'; + } + + // Add class if we're viewing the Customizer for easier styling of theme options. + if ( is_customize_preview() ) { + $classes[] = 'twentyseventeen-customizer'; + } + + // Add class on front page. + if ( is_front_page() && 'posts' !== get_option( 'show_on_front' ) ) { + $classes[] = 'twentyseventeen-front-page'; + } + + // Add a class if there is a custom header. + if ( has_header_image() ) { + $classes[] = 'has-header-image'; + } + + // Add class if sidebar is used. + if ( is_active_sidebar( 'sidebar-1' ) && ! is_page() ) { + $classes[] = 'has-sidebar'; + } + + // Add class for one or two column page layouts. + if ( is_page() || is_archive() ) { + if ( 'one-column' === get_theme_mod( 'page_layout' ) ) { + $classes[] = 'page-one-column'; + } else { + $classes[] = 'page-two-column'; + } + } + + // Add class if the site title and tagline is hidden. + if ( 'blank' === get_header_textcolor() ) { + $classes[] = 'title-tagline-hidden'; + } + + // Get the colorscheme or the default if there isn't one. + $colors = twentyseventeen_sanitize_colorscheme( get_theme_mod( 'colorscheme', 'light' ) ); + $classes[] = 'colors-' . $colors; + + return $classes; +} +add_filter( 'body_class', 'twentyseventeen_body_classes' ); + +/** + * Count our number of active panels. + * + * Primarily used to see if we have any panels active, duh. + */ +function twentyseventeen_panel_count() { + + $panel_count = 0; + + /** + * Filters the number of front page sections in Twenty Seventeen. + * + * @since Twenty Seventeen 1.0 + * + * @param int $num_sections Number of front page sections. + */ + $num_sections = apply_filters( 'twentyseventeen_front_page_sections', 4 ); + + // Create a setting and control for each of the sections available in the theme. + for ( $i = 1; $i < ( 1 + $num_sections ); $i++ ) { + if ( get_theme_mod( 'panel_' . $i ) ) { + $panel_count++; + } + } + + return $panel_count; +} + +/** + * Checks to see if we're on the front page or not. + */ +function twentyseventeen_is_frontpage() { + return ( is_front_page() && ! is_home() ); +} diff --git a/wp-content/themes/twentyseventeen/inc/template-tags.php b/wp-content/themes/twentyseventeen/inc/template-tags.php index c31d8bfbccc13c96761d3ffba8c061592853061b..77bc90d3cc3781bb8968c8f1cf5e2b20aca21ce7 100644 --- a/wp-content/themes/twentyseventeen/inc/template-tags.php +++ b/wp-content/themes/twentyseventeen/inc/template-tags.php @@ -1,226 +1,226 @@ -<?php -/** - * Custom template tags for this theme - * - * Eventually, some of the functionality here could be replaced by core features. - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - */ - -if ( ! function_exists( 'twentyseventeen_posted_on' ) ) : - /** - * Prints HTML with meta information for the current post-date/time and author. - */ - function twentyseventeen_posted_on() { - - // Get the author name; wrap it in a link. - $byline = sprintf( - /* translators: %s: Post author. */ - __( 'by %s', 'twentyseventeen' ), - '<span class="author vcard"><a class="url fn n" href="' . esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ) . '">' . get_the_author() . '</a></span>' - ); - - // Finally, let's write all of this to the page. - echo '<span class="posted-on">' . twentyseventeen_time_link() . '</span><span class="byline"> ' . $byline . '</span>'; - } -endif; - - -if ( ! function_exists( 'twentyseventeen_time_link' ) ) : - /** - * Gets a nicely formatted string for the published date. - */ - function twentyseventeen_time_link() { - $time_string = '<time class="entry-date published updated" datetime="%1$s">%2$s</time>'; - if ( get_the_time( 'U' ) !== get_the_modified_time( 'U' ) ) { - $time_string = '<time class="entry-date published" datetime="%1$s">%2$s</time><time class="updated" datetime="%3$s">%4$s</time>'; - } - - $time_string = sprintf( - $time_string, - get_the_date( DATE_W3C ), - get_the_date(), - get_the_modified_date( DATE_W3C ), - get_the_modified_date() - ); - - // Wrap the time string in a link, and preface it with 'Posted on'. - return sprintf( - /* translators: %s: Post date. */ - __( '<span class="screen-reader-text">Posted on</span> %s', 'twentyseventeen' ), - '<a href="' . esc_url( get_permalink() ) . '" rel="bookmark">' . $time_string . '</a>' - ); - } -endif; - - -if ( ! function_exists( 'twentyseventeen_entry_footer' ) ) : - /** - * Prints HTML with meta information for the categories, tags and comments. - */ - function twentyseventeen_entry_footer() { - - /* translators: Used between list items, there is a space after the comma. */ - $separate_meta = __( ', ', 'twentyseventeen' ); - - // Get Categories for posts. - $categories_list = get_the_category_list( $separate_meta ); - - // Get Tags for posts. - $tags_list = get_the_tag_list( '', $separate_meta ); - - // We don't want to output .entry-footer if it will be empty, so make sure its not. - if ( ( ( twentyseventeen_categorized_blog() && $categories_list ) || $tags_list ) || get_edit_post_link() ) { - - echo '<footer class="entry-footer">'; - - if ( 'post' === get_post_type() ) { - if ( ( $categories_list && twentyseventeen_categorized_blog() ) || $tags_list ) { - echo '<span class="cat-tags-links">'; - - // Make sure there's more than one category before displaying. - if ( $categories_list && twentyseventeen_categorized_blog() ) { - echo '<span class="cat-links">' . twentyseventeen_get_svg( array( 'icon' => 'folder-open' ) ) . '<span class="screen-reader-text">' . __( 'Categories', 'twentyseventeen' ) . '</span>' . $categories_list . '</span>'; - } - - if ( $tags_list && ! is_wp_error( $tags_list ) ) { - echo '<span class="tags-links">' . twentyseventeen_get_svg( array( 'icon' => 'hashtag' ) ) . '<span class="screen-reader-text">' . __( 'Tags', 'twentyseventeen' ) . '</span>' . $tags_list . '</span>'; - } - - echo '</span>'; - } - } - - twentyseventeen_edit_link(); - - echo '</footer> <!-- .entry-footer -->'; - } - } -endif; - - -if ( ! function_exists( 'twentyseventeen_edit_link' ) ) : - /** - * Returns an accessibility-friendly link to edit a post or page. - * - * This also gives us a little context about what exactly we're editing - * (post or page?) so that users understand a bit more where they are in terms - * of the template hierarchy and their content. Helpful when/if the single-page - * layout with multiple posts/pages shown gets confusing. - */ - function twentyseventeen_edit_link() { - edit_post_link( - sprintf( - /* translators: %s: Post title. */ - __( 'Edit<span class="screen-reader-text"> "%s"</span>', 'twentyseventeen' ), - get_the_title() - ), - '<span class="edit-link">', - '</span>' - ); - } -endif; - -/** - * Display a front page section. - * - * @param WP_Customize_Partial $partial Partial associated with a selective refresh request. - * @param integer $id Front page section to display. - */ -function twentyseventeen_front_page_section( $partial = null, $id = 0 ) { - if ( is_a( $partial, 'WP_Customize_Partial' ) ) { - // Find out the ID and set it up during a selective refresh. - global $twentyseventeencounter; - - $id = str_replace( 'panel_', '', $partial->id ); - - $twentyseventeencounter = $id; - } - - global $post; // Modify the global post object before setting up post data. - if ( get_theme_mod( 'panel_' . $id ) ) { - $post = get_post( get_theme_mod( 'panel_' . $id ) ); - setup_postdata( $post ); - set_query_var( 'panel', $id ); - - get_template_part( 'template-parts/page/content', 'front-page-panels' ); - - wp_reset_postdata(); - } elseif ( is_customize_preview() ) { - // The output placeholder anchor. - printf( - '<article class="panel-placeholder panel twentyseventeen-panel twentyseventeen-panel%1$s" id="panel%1$s">' . - '<span class="twentyseventeen-panel-title">%2$s</span></article>', - $id, - /* translators: %s: The section ID. */ - sprintf( __( 'Front Page Section %s Placeholder', 'twentyseventeen' ), $id ) - ); - } -} - -/** - * Returns true if a blog has more than 1 category. - * - * @return bool - */ -function twentyseventeen_categorized_blog() { - $category_count = get_transient( 'twentyseventeen_categories' ); - - if ( false === $category_count ) { - // Create an array of all the categories that are attached to posts. - $categories = get_categories( - array( - 'fields' => 'ids', - 'hide_empty' => 1, - // We only need to know if there is more than one category. - 'number' => 2, - ) - ); - - // Count the number of categories that are attached to the posts. - $category_count = count( $categories ); - - set_transient( 'twentyseventeen_categories', $category_count ); - } - - // Allow viewing case of 0 or 1 categories in post preview. - if ( is_preview() ) { - return true; - } - - return $category_count > 1; -} - - -/** - * Flush out the transients used in twentyseventeen_categorized_blog. - */ -function twentyseventeen_category_transient_flusher() { - if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) { - return; - } - // Like, beat it. Dig? - delete_transient( 'twentyseventeen_categories' ); -} -add_action( 'edit_category', 'twentyseventeen_category_transient_flusher' ); -add_action( 'save_post', 'twentyseventeen_category_transient_flusher' ); - -if ( ! function_exists( 'wp_body_open' ) ) : - /** - * Fire the wp_body_open action. - * - * Added for backward compatibility to support pre-5.2.0 WordPress versions. - * - * @since Twenty Seventeen 2.2 - */ - function wp_body_open() { - /** - * Triggered after the opening <body> tag. - * - * @since Twenty Seventeen 2.2 - */ - do_action( 'wp_body_open' ); - } -endif; +<?php +/** + * Custom template tags for this theme + * + * Eventually, some of the functionality here could be replaced by core features. + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + */ + +if ( ! function_exists( 'twentyseventeen_posted_on' ) ) : + /** + * Prints HTML with meta information for the current post-date/time and author. + */ + function twentyseventeen_posted_on() { + + // Get the author name; wrap it in a link. + $byline = sprintf( + /* translators: %s: Post author. */ + __( 'by %s', 'twentyseventeen' ), + '<span class="author vcard"><a class="url fn n" href="' . esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ) . '">' . get_the_author() . '</a></span>' + ); + + // Finally, let's write all of this to the page. + echo '<span class="posted-on">' . twentyseventeen_time_link() . '</span><span class="byline"> ' . $byline . '</span>'; + } +endif; + + +if ( ! function_exists( 'twentyseventeen_time_link' ) ) : + /** + * Gets a nicely formatted string for the published date. + */ + function twentyseventeen_time_link() { + $time_string = '<time class="entry-date published updated" datetime="%1$s">%2$s</time>'; + if ( get_the_time( 'U' ) !== get_the_modified_time( 'U' ) ) { + $time_string = '<time class="entry-date published" datetime="%1$s">%2$s</time><time class="updated" datetime="%3$s">%4$s</time>'; + } + + $time_string = sprintf( + $time_string, + get_the_date( DATE_W3C ), + get_the_date(), + get_the_modified_date( DATE_W3C ), + get_the_modified_date() + ); + + // Wrap the time string in a link, and preface it with 'Posted on'. + return sprintf( + /* translators: %s: Post date. */ + __( '<span class="screen-reader-text">Posted on</span> %s', 'twentyseventeen' ), + '<a href="' . esc_url( get_permalink() ) . '" rel="bookmark">' . $time_string . '</a>' + ); + } +endif; + + +if ( ! function_exists( 'twentyseventeen_entry_footer' ) ) : + /** + * Prints HTML with meta information for the categories, tags and comments. + */ + function twentyseventeen_entry_footer() { + + /* translators: Used between list items, there is a space after the comma. */ + $separate_meta = __( ', ', 'twentyseventeen' ); + + // Get Categories for posts. + $categories_list = get_the_category_list( $separate_meta ); + + // Get Tags for posts. + $tags_list = get_the_tag_list( '', $separate_meta ); + + // We don't want to output .entry-footer if it will be empty, so make sure its not. + if ( ( ( twentyseventeen_categorized_blog() && $categories_list ) || $tags_list ) || get_edit_post_link() ) { + + echo '<footer class="entry-footer">'; + + if ( 'post' === get_post_type() ) { + if ( ( $categories_list && twentyseventeen_categorized_blog() ) || $tags_list ) { + echo '<span class="cat-tags-links">'; + + // Make sure there's more than one category before displaying. + if ( $categories_list && twentyseventeen_categorized_blog() ) { + echo '<span class="cat-links">' . twentyseventeen_get_svg( array( 'icon' => 'folder-open' ) ) . '<span class="screen-reader-text">' . __( 'Categories', 'twentyseventeen' ) . '</span>' . $categories_list . '</span>'; + } + + if ( $tags_list && ! is_wp_error( $tags_list ) ) { + echo '<span class="tags-links">' . twentyseventeen_get_svg( array( 'icon' => 'hashtag' ) ) . '<span class="screen-reader-text">' . __( 'Tags', 'twentyseventeen' ) . '</span>' . $tags_list . '</span>'; + } + + echo '</span>'; + } + } + + twentyseventeen_edit_link(); + + echo '</footer> <!-- .entry-footer -->'; + } + } +endif; + + +if ( ! function_exists( 'twentyseventeen_edit_link' ) ) : + /** + * Returns an accessibility-friendly link to edit a post or page. + * + * This also gives us a little context about what exactly we're editing + * (post or page?) so that users understand a bit more where they are in terms + * of the template hierarchy and their content. Helpful when/if the single-page + * layout with multiple posts/pages shown gets confusing. + */ + function twentyseventeen_edit_link() { + edit_post_link( + sprintf( + /* translators: %s: Post title. */ + __( 'Edit<span class="screen-reader-text"> "%s"</span>', 'twentyseventeen' ), + get_the_title() + ), + '<span class="edit-link">', + '</span>' + ); + } +endif; + +/** + * Display a front page section. + * + * @param WP_Customize_Partial $partial Partial associated with a selective refresh request. + * @param int $id Front page section to display. + */ +function twentyseventeen_front_page_section( $partial = null, $id = 0 ) { + if ( is_a( $partial, 'WP_Customize_Partial' ) ) { + // Find out the ID and set it up during a selective refresh. + global $twentyseventeencounter; + + $id = str_replace( 'panel_', '', $partial->id ); + + $twentyseventeencounter = $id; + } + + global $post; // Modify the global post object before setting up post data. + if ( get_theme_mod( 'panel_' . $id ) ) { + $post = get_post( get_theme_mod( 'panel_' . $id ) ); + setup_postdata( $post ); + set_query_var( 'panel', $id ); + + get_template_part( 'template-parts/page/content', 'front-page-panels' ); + + wp_reset_postdata(); + } elseif ( is_customize_preview() ) { + // The output placeholder anchor. + printf( + '<article class="panel-placeholder panel twentyseventeen-panel twentyseventeen-panel%1$s" id="panel%1$s">' . + '<span class="twentyseventeen-panel-title">%2$s</span></article>', + $id, + /* translators: %s: The section ID. */ + sprintf( __( 'Front Page Section %s Placeholder', 'twentyseventeen' ), $id ) + ); + } +} + +/** + * Returns true if a blog has more than 1 category. + * + * @return bool + */ +function twentyseventeen_categorized_blog() { + $category_count = get_transient( 'twentyseventeen_categories' ); + + if ( false === $category_count ) { + // Create an array of all the categories that are attached to posts. + $categories = get_categories( + array( + 'fields' => 'ids', + 'hide_empty' => 1, + // We only need to know if there is more than one category. + 'number' => 2, + ) + ); + + // Count the number of categories that are attached to the posts. + $category_count = count( $categories ); + + set_transient( 'twentyseventeen_categories', $category_count ); + } + + // Allow viewing case of 0 or 1 categories in post preview. + if ( is_preview() ) { + return true; + } + + return $category_count > 1; +} + + +/** + * Flush out the transients used in twentyseventeen_categorized_blog. + */ +function twentyseventeen_category_transient_flusher() { + if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) { + return; + } + // Like, beat it. Dig? + delete_transient( 'twentyseventeen_categories' ); +} +add_action( 'edit_category', 'twentyseventeen_category_transient_flusher' ); +add_action( 'save_post', 'twentyseventeen_category_transient_flusher' ); + +if ( ! function_exists( 'wp_body_open' ) ) : + /** + * Fire the wp_body_open action. + * + * Added for backward compatibility to support pre-5.2.0 WordPress versions. + * + * @since Twenty Seventeen 2.2 + */ + function wp_body_open() { + /** + * Triggered after the opening <body> tag. + * + * @since Twenty Seventeen 2.2 + */ + do_action( 'wp_body_open' ); + } +endif; diff --git a/wp-content/themes/twentyseventeen/index.php b/wp-content/themes/twentyseventeen/index.php index 5df8f0231fd323162b414a9d7395c53b5be02ffe..0bf56bbd0da44566366286748824e850a9e92843 100644 --- a/wp-content/themes/twentyseventeen/index.php +++ b/wp-content/themes/twentyseventeen/index.php @@ -1,72 +1,72 @@ -<?php -/** - * The main template file - * - * This is the most generic template file in a WordPress theme - * and one of the two required files for a theme (the other being style.css). - * It is used to display a page when nothing more specific matches a query. - * E.g., it puts together the home page when no home.php file exists. - * - * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - * @version 1.0 - */ - -get_header(); ?> - -<div class="wrap"> - <?php if ( is_home() && ! is_front_page() ) : ?> - <header class="page-header"> - <h1 class="page-title"><?php single_post_title(); ?></h1> - </header> - <?php else : ?> - <header class="page-header"> - <h2 class="page-title"><?php _e( 'Posts', 'twentyseventeen' ); ?></h2> - </header> - <?php endif; ?> - - <div id="primary" class="content-area"> - <main id="main" class="site-main" role="main"> - - <?php - if ( have_posts() ) : - - // Start the Loop. - while ( have_posts() ) : - the_post(); - - /* - * Include the Post-Format-specific template for the content. - * If you want to override this in a child theme, then include a file - * called content-___.php (where ___ is the Post Format name) and that - * will be used instead. - */ - get_template_part( 'template-parts/post/content', get_post_format() ); - - endwhile; - - the_posts_pagination( - array( - 'prev_text' => twentyseventeen_get_svg( array( 'icon' => 'arrow-left' ) ) . '<span class="screen-reader-text">' . __( 'Previous page', 'twentyseventeen' ) . '</span>', - 'next_text' => '<span class="screen-reader-text">' . __( 'Next page', 'twentyseventeen' ) . '</span>' . twentyseventeen_get_svg( array( 'icon' => 'arrow-right' ) ), - 'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'twentyseventeen' ) . ' </span>', - ) - ); - - else : - - get_template_part( 'template-parts/post/content', 'none' ); - - endif; - ?> - - </main><!-- #main --> - </div><!-- #primary --> - <?php get_sidebar(); ?> -</div><!-- .wrap --> - -<?php -get_footer(); +<?php +/** + * The main template file + * + * This is the most generic template file in a WordPress theme + * and one of the two required files for a theme (the other being style.css). + * It is used to display a page when nothing more specific matches a query. + * E.g., it puts together the home page when no home.php file exists. + * + * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + * @version 1.0 + */ + +get_header(); ?> + +<div class="wrap"> + <?php if ( is_home() && ! is_front_page() ) : ?> + <header class="page-header"> + <h1 class="page-title"><?php single_post_title(); ?></h1> + </header> + <?php else : ?> + <header class="page-header"> + <h2 class="page-title"><?php _e( 'Posts', 'twentyseventeen' ); ?></h2> + </header> + <?php endif; ?> + + <div id="primary" class="content-area"> + <main id="main" class="site-main" role="main"> + + <?php + if ( have_posts() ) : + + // Start the Loop. + while ( have_posts() ) : + the_post(); + + /* + * Include the Post-Format-specific template for the content. + * If you want to override this in a child theme, then include a file + * called content-___.php (where ___ is the Post Format name) and that + * will be used instead. + */ + get_template_part( 'template-parts/post/content', get_post_format() ); + + endwhile; + + the_posts_pagination( + array( + 'prev_text' => twentyseventeen_get_svg( array( 'icon' => 'arrow-left' ) ) . '<span class="screen-reader-text">' . __( 'Previous page', 'twentyseventeen' ) . '</span>', + 'next_text' => '<span class="screen-reader-text">' . __( 'Next page', 'twentyseventeen' ) . '</span>' . twentyseventeen_get_svg( array( 'icon' => 'arrow-right' ) ), + 'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'twentyseventeen' ) . ' </span>', + ) + ); + + else : + + get_template_part( 'template-parts/post/content', 'none' ); + + endif; + ?> + + </main><!-- #main --> + </div><!-- #primary --> + <?php get_sidebar(); ?> +</div><!-- .wrap --> + +<?php +get_footer(); diff --git a/wp-content/themes/twentyseventeen/page.php b/wp-content/themes/twentyseventeen/page.php index fee6a8e49cac49a0ea2efae927f18c3d8a01473d..01f72e59a7e668a9eca095a63ec37c2e8aa7b35a 100644 --- a/wp-content/themes/twentyseventeen/page.php +++ b/wp-content/themes/twentyseventeen/page.php @@ -1,43 +1,43 @@ -<?php -/** - * The template for displaying all pages - * - * This is the template that displays all pages by default. - * Please note that this is the WordPress construct of pages - * and that other 'pages' on your WordPress site may use a - * different template. - * - * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - * @version 1.0 - */ - -get_header(); ?> - -<div class="wrap"> - <div id="primary" class="content-area"> - <main id="main" class="site-main" role="main"> - - <?php - while ( have_posts() ) : - the_post(); - - get_template_part( 'template-parts/page/content', 'page' ); - - // If comments are open or we have at least one comment, load up the comment template. - if ( comments_open() || get_comments_number() ) : - comments_template(); - endif; - - endwhile; // End the loop. - ?> - - </main><!-- #main --> - </div><!-- #primary --> -</div><!-- .wrap --> - -<?php -get_footer(); +<?php +/** + * The template for displaying all pages + * + * This is the template that displays all pages by default. + * Please note that this is the WordPress construct of pages + * and that other 'pages' on your WordPress site may use a + * different template. + * + * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + * @version 1.0 + */ + +get_header(); ?> + +<div class="wrap"> + <div id="primary" class="content-area"> + <main id="main" class="site-main" role="main"> + + <?php + while ( have_posts() ) : + the_post(); + + get_template_part( 'template-parts/page/content', 'page' ); + + // If comments are open or we have at least one comment, load up the comment template. + if ( comments_open() || get_comments_number() ) : + comments_template(); + endif; + + endwhile; // End the loop. + ?> + + </main><!-- #main --> + </div><!-- #primary --> +</div><!-- .wrap --> + +<?php +get_footer(); diff --git a/wp-content/themes/twentyseventeen/readme.txt b/wp-content/themes/twentyseventeen/readme.txt index 25faa1136fb9b85e4e9cafc2b5e650d454cb7385..c86e8e378ee02501c5672f5577730f5aa0709adb 100644 --- a/wp-content/themes/twentyseventeen/readme.txt +++ b/wp-content/themes/twentyseventeen/readme.txt @@ -1,10 +1,10 @@ === Twenty Seventeen === Contributors: wordpressdotorg -Tested up to: 5.5 -Version: 2.4 +Tested up to: 5.6 +Version: 2.6 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html -Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready +Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns == Description == @@ -22,7 +22,7 @@ For more information about Twenty Seventeen please go to https://wordpress.org/s == Copyright == -Twenty Seventeen WordPress Theme, Copyright 2016-2020 WordPress.org +Twenty Seventeen WordPress Theme, Copyright 2016-2021 WordPress.org Twenty Seventeen is distributed under the terms of the GNU GPL This program is free software: you can redistribute it and/or modify @@ -57,8 +57,27 @@ Bundled header image, Copyright Alvin Engler License: CC0 1.0 Universal (CC0 1.0) Source: https://unsplash.com/@englr?photo=bIhpiQA009k +Bundled block pattern images, Copyright Solo Shutter +License: CC0 1.0 Universal (CC0 1.0) +Source: https://stocksnap.io/photo/striped-lines-BTNYMDDCBW + https://stocksnap.io/photo/striped-lines-5XWOPSWPWX + +Bundled block pattern image, Copyright Seacoast Sage +License: CC0 1.0 Universal (CC0 1.0) +Source: https://stocksnap.io/photo/striped-fabric-9CBVWF2CDU + == Changelog == += 2.6 = +* Released: March 9, 2021 + +https://codex.wordpress.org/Twenty_Seventeen_Theme_Changelog#Version_2.6 + += 2.5 = +* Released: December 8, 2020 + +https://codex.wordpress.org/Twenty_Seventeen_Theme_Changelog#Version_2.5 + = 2.4 = * Released: August 11, 2020 diff --git a/wp-content/themes/twentyseventeen/rtl.css b/wp-content/themes/twentyseventeen/rtl.css index 1c5e4c7adf7fabe8d20ac7c936989bf3c9bea7b1..2d8773d968fb60653b0cd8c895649e2bd487827f 100644 --- a/wp-content/themes/twentyseventeen/rtl.css +++ b/wp-content/themes/twentyseventeen/rtl.css @@ -1,556 +1,556 @@ -/* -Theme Name: Twenty Seventeen - -Adding support for languages written in a Right To Left (RTL) direction is easy, -it's just a matter of overwriting all the horizontal positioning attributes -of your CSS stylesheet in a separate stylesheet file named rtl.css. - -https://codex.wordpress.org/Right-to-Left_Language_Support - -*/ - -/* Reset */ - -body { - direction: rtl; - unicode-bidi: embed; -} - -th { - text-align: right; -} - -/* Accessibility */ - -.screen-reader-text:focus { - left: auto; - right: 5px; -} - -/* Typography */ - -textarea { - padding-right: 3px; -} - -li > ul, -li > ol { - margin-left: 0; - margin-right: 1.5em; -} - -th:first-child, -td:first-child { - padding-left: 0.4em; - padding-right: 0; -} - -th:last-child, -td:last-child { - padding-left: 0; - padding-right: 0.4em; -} - -/* Forms */ - -input[type="radio"], -input[type="checkbox"] { - margin-left: 0.5em; - margin-right: 0; -} - -/* Media */ - -.mejs-offscreen { - right: -10000px; -} - -/* Site Branding */ - -.custom-logo-link { - padding-left: 1em; - padding-right: 0; -} - -/* Main Navigation */ - -.main-navigation ul { - text-align: right; -} - -.main-navigation ul ul { - padding-left: 0; - padding-right: 1.5em; -} - -.menu-toggle .icon { - margin-left: 0.5em; - margin-right: 0; -} - -.dropdown-toggle { - left: -0.5em; - right: auto; -} - -/* Front Page */ - -.wp-custom-header-video-button { - left: 30px; - right: auto; -} - -.twentyseventeen-panel .recent-posts .entry-header .edit-link { - margin-left: 0; - margin-right: 1em; -} - -/* Blog, Archive, Search */ - -.blog .entry-meta a.post-edit-link, -.archive .entry-meta a.post-edit-link, -.search .entry-meta a.post-edit-link { - margin-left: 0; - margin-right: 1em; -} - -.search .page .entry-meta a.post-edit-link { - margin-right: 0; -} - -.sticky .icon-thumb-tack { - left: auto; - right: -1.5em; -} - -.prev.page-numbers .icon, -.next.page-numbers .icon { - display: inline-block; - -ms-transform: rotate(180deg); /* IE 9 */ - -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ - transform: rotate(180deg); -} - -.prev.page-numbers { - float: right; -} - -.next.page-numbers { - float: left; -} - -.nav-links .nav-previous .nav-title .nav-title-icon-wrapper { - margin-left: 0.5em; - margin-right: 0; -} - -.nav-links .nav-next .nav-title .nav-title-icon-wrapper { - margin-left: 0; - margin-right: 0.5em; -} - -/* Blog Entries */ - -.entry-footer .cat-links, -.entry-footer .tags-links { - padding-left: 0; - padding-right: 2.5em; -} - -.entry-footer .cat-links .icon, -.entry-footer .tags-links .icon { - left: auto; - margin-left: 0.5em; - margin-right: 0; - right: 0; -} - -/* Comments */ - -.comment-body { - margin-left: 0; - margin-right: 65px; -} - -.comment-reply-link .icon { - left: auto; - right: -2em; - -webkit-transform: scale(-1, 1); - -ms-transform: scale(-1, 1); - transform: scale(-1, 1); -} - -.comment-author .avatar { - left: auto; - right: -65px; -} - -.comment-reply-link:before { - left: auto; - right: -2em; -} - -.children .comment-author .avatar { - left: auto; - right: -45px; -} - -.form-submit { - text-align: left; -} - -.comment-form #wp-comment-cookies-consent { - margin: 0 0 0 10px; -} - -/* Post Formats */ - -.format-quote blockquote .icon { - left: auto; - right: -1.25em; - -webkit-transform: none; - -ms-transform: none; - transform: none; -} - -/* Post Navigation */ - -.nav-links .nav-previous .nav-title .nav-title-icon-wrapper, -.nav-links .nav-next .nav-title .nav-title-icon-wrapper { - display: inline-block; - -ms-transform: rotate(180deg); /* IE 9 */ - -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ - transform: rotate(180deg); -} - -/* Widgets */ - -.widget ul { - margin: 0; -} - -.search-form .search-submit { - left: 3px; - right: auto; -} - -.tagcloud ul li { - float: right; - margin: 4px 0 0 4px; -} - -.widget ul li li { - padding-left: 0; - padding-right: 1.5rem; -} - -.widget_text ul { - margin: 0 1.5em 1.5em 0; -} - -.widget_text ul li ul { - margin: 0 1.5em 0 0; -} - -/* Footer */ - -.social-navigation a { - margin-left: 1em; - margin-right: 0; -} - -/* Customizer styles */ - -.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title { - left: 3.2em; - right: auto; -} - -/* Gallery Styles */ - -.gallery-item, -.gallery-caption { - text-align: right; -} - -/* SVG Fallback */ - -.no-svg .dropdown-toggle { - left: 0; - right: auto; -} - -/* Media queries */ - -@media screen and (min-width: 48em) { - - body.page-template-full-width-page #primary { - float: none; - } - - .has-sidebar:not(.error404) #primary { - float: right; - } - - .has-sidebar #secondary { - float: left; - } - - .error404 #primary { - float: none; - } - - /* Site Branding */ - - .custom-logo-link { - padding-left: 2em; - padding-right: 0; - } - - /* Navigation */ - - .main-navigation ul ul { - padding-right: 0; - } - - .main-navigation ul ul:before, - .main-navigation ul ul:after { - left: 0.5em; - right: auto; - } - - .main-navigation ul ul, - .main-navigation ul ul ul { - left: auto; - right: -999em; - } - - .main-navigation ul ul li:hover > ul, - .main-navigation ul ul li.focus > ul { - left: auto; - right: 100%; - } - - .main-navigation ul li:hover > ul, - .main-navigation ul li.focus > ul { - left: auto; - right: 0.5em; - } - - .main-navigation ul li.menu-item-has-children:before, - .main-navigation ul li.menu-item-has-children:after, - .main-navigation ul li.page_item_has_children:before, - .main-navigation ul li.page_item_has_children:after { - left: 1em; - right: auto; - } - - .main-navigation .menu-item-has-children > a > .icon, - .main-navigation .page_item_has_children > a > .icon { - left: auto; - right: 5px; - } - - .main-navigation ul ul .menu-item-has-children > a > .icon, - .main-navigation ul ul .page_item_has_children > a > .icon { - left: 1em; - right: auto; - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); - } - - /* Scroll down arrow */ - - .navigation-top .menu-scroll-down { - left: 0; - right: auto; - } - - .site-header .menu-scroll-down { - left: 0; - right: auto; - } - - .entry-title a { - margin-left: auto; - margin-right: -2px; - } - - /* Front Page */ - - .page-two-column .panel-content .entry-header { - float: right; - } - - .page-two-column .panel-content .entry-content { - float: left; - } - - /* Front Page - Recent Posts */ - - .page-two-column .panel-content .recent-posts { - clear: left; - float: left; - } - - /* Blog, Archive, Search */ - - .sticky .icon-thumb-tack { - left: auto; - right: -2.5em; - } - - body:not(.has-sidebar):not(.page-one-column) .page-header, - body.has-sidebar.error404 #primary .page-header, - body.page-two-column:not(.archive) #primary .entry-header, - body.page-two-column.archive:not(.has-sidebar) #primary .page-header { - float: right; - } - - .blog:not(.has-sidebar) #primary article, - .archive:not(.has-sidebar):not(.page-one-column) #primary article, - .search:not(.has-sidebar) #primary article, - .has-sidebar.error404 #primary .page-content, - .error404.has-sidebar #primary .page-content, - body.page-two-column:not(.archive) #primary .entry-content, - body.page-two-column #comments { - float: left; - } - - .entry-footer .edit-link a.post-edit-link { - margin-left: 0; - margin-right: 1em; - } - - /* Entry content */ - - /* with sidebar */ - - .has-sidebar .entry-content blockquote.alignleft { - margin-left: 0; - width: 34%; - } - - .has-sidebar #primary .entry-content blockquote.alignright, - .has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta { - margin-right: 0; - width: 34%; - } - - .has-sidebar #primary .entry-content blockquote.alignleft.below-entry-meta { - margin-left: -72.5%; - width: 62%; - } - - /* blog index and archive */ - - .blog:not(.has-sidebar) .entry-content blockquote.alignleft, - .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft, - .archive:not(.has-sidebar) .entry-content blockquote.alignleft, - .page-two-column .entry-content blockquote.alignleft { - margin-left: 0; - width: 34%; - } - - .blog:not(.has-sidebar) .entry-content blockquote.alignright, - .twentyseventeen-front-page.page-two-column #primary .entry-content blockquote.alignright, - .archive:not(.has-sidebar) .entry-content blockquote.alignright, - .page-two-column #primary .entry-content blockquote.alignright { - margin-right: -72.5%; - width: 62%; - } - - /* Post formats */ - - .format-quote blockquote .icon { - left: auto; - right: -1.5em; - } - - .navigation.pagination { - float: left; - } - - .has-sidebar .navigation.pagination, - .archive.page-one-column:not(.has-sidebar) .navigation.pagination { - float: none; - } - - .post-navigation .nav-previous { - float: right; - } - - .post-navigation .nav-next { - float: left; - text-align: left; - } - - /* Comments */ - - ol.children .children { - padding-left: 0; - padding-right: 2em; - } - - /* Post Navigation */ - - .nav-links .nav-previous .nav-title .nav-title-icon-wrapper { - left: auto; - right: -2em; - } - - .nav-links .nav-next .nav-title .nav-title-icon-wrapper { - left: -2em; - right: auto; - } - - /* Footer */ - - .site-footer .widget-column.footer-widget-1 { - float: right; - } - - .site-footer .widget-column.footer-widget-2 { - float: left; - } - - .social-navigation { - clear: right; - float: right; - } - - .site-info { - float: right; - } - - .social-navigation + .site-info { - margin-left: 0; - margin-right: 6%; - } -} - -@media screen and (min-width: 67em) { - - /* Sticky posts */ - - .sticky .icon-thumb-tack { - left: auto; - right: -1.25em; - } -} - -@media screen and (min-width: 79em) { - - .has-sidebar #primary .entry-content blockquote.alignright, - .has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta { - margin-right: -20%; - } - - .blog:not(.has-sidebar) .entry-content blockquote.alignleft, - .archive:not(.has-sidebar) .entry-content blockquote.alignleft, - .page-two-column .entry-content blockquote.alignleft, - .twentyseventeen-front-page .entry-content blockquote.alignleft { - margin-left: -20%; - } -} +/* +Theme Name: Twenty Seventeen + +Adding support for languages written in a Right To Left (RTL) direction is easy, +it's just a matter of overwriting all the horizontal positioning attributes +of your CSS stylesheet in a separate stylesheet file named rtl.css. + +https://codex.wordpress.org/Right-to-Left_Language_Support + +*/ + +/* Reset */ + +body { + direction: rtl; + unicode-bidi: embed; +} + +th { + text-align: right; +} + +/* Accessibility */ + +.screen-reader-text:focus { + left: auto; + right: 5px; +} + +/* Typography */ + +textarea { + padding-right: 3px; +} + +li > ul, +li > ol { + margin-left: 0; + margin-right: 1.5em; +} + +th:first-child, +td:first-child { + padding-left: 0.4em; + padding-right: 0; +} + +th:last-child, +td:last-child { + padding-left: 0; + padding-right: 0.4em; +} + +/* Forms */ + +input[type="radio"], +input[type="checkbox"] { + margin-left: 0.5em; + margin-right: 0; +} + +/* Media */ + +.mejs-offscreen { + right: -10000px; +} + +/* Site Branding */ + +.custom-logo-link { + padding-left: 1em; + padding-right: 0; +} + +/* Main Navigation */ + +.main-navigation ul { + text-align: right; +} + +.main-navigation ul ul { + padding-left: 0; + padding-right: 1.5em; +} + +.menu-toggle .icon { + margin-left: 0.5em; + margin-right: 0; +} + +.dropdown-toggle { + left: -0.5em; + right: auto; +} + +/* Front Page */ + +.wp-custom-header-video-button { + left: 30px; + right: auto; +} + +.twentyseventeen-panel .recent-posts .entry-header .edit-link { + margin-left: 0; + margin-right: 1em; +} + +/* Blog, Archive, Search */ + +.blog .entry-meta a.post-edit-link, +.archive .entry-meta a.post-edit-link, +.search .entry-meta a.post-edit-link { + margin-left: 0; + margin-right: 1em; +} + +.search .page .entry-meta a.post-edit-link { + margin-right: 0; +} + +.sticky .icon-thumb-tack { + left: auto; + right: -1.5em; +} + +.prev.page-numbers .icon, +.next.page-numbers .icon { + display: inline-block; + -ms-transform: rotate(180deg); /* IE 9 */ + -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ + transform: rotate(180deg); +} + +.prev.page-numbers { + float: right; +} + +.next.page-numbers { + float: left; +} + +.nav-links .nav-previous .nav-title .nav-title-icon-wrapper { + margin-left: 0.5em; + margin-right: 0; +} + +.nav-links .nav-next .nav-title .nav-title-icon-wrapper { + margin-left: 0; + margin-right: 0.5em; +} + +/* Blog Entries */ + +.entry-footer .cat-links, +.entry-footer .tags-links { + padding-left: 0; + padding-right: 2.5em; +} + +.entry-footer .cat-links .icon, +.entry-footer .tags-links .icon { + left: auto; + margin-left: 0.5em; + margin-right: 0; + right: 0; +} + +/* Comments */ + +.comment-body { + margin-left: 0; + margin-right: 65px; +} + +.comment-reply-link .icon { + left: auto; + right: -2em; + -webkit-transform: scale(-1, 1); + -ms-transform: scale(-1, 1); + transform: scale(-1, 1); +} + +.comment-author .avatar { + left: auto; + right: -65px; +} + +.comment-reply-link:before { + left: auto; + right: -2em; +} + +.children .comment-author .avatar { + left: auto; + right: -45px; +} + +.form-submit { + text-align: left; +} + +.comment-form #wp-comment-cookies-consent { + margin: 0 0 0 10px; +} + +/* Post Formats */ + +.format-quote blockquote .icon { + left: auto; + right: -1.25em; + -webkit-transform: none; + -ms-transform: none; + transform: none; +} + +/* Post Navigation */ + +.nav-links .nav-previous .nav-title .nav-title-icon-wrapper, +.nav-links .nav-next .nav-title .nav-title-icon-wrapper { + display: inline-block; + -ms-transform: rotate(180deg); /* IE 9 */ + -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ + transform: rotate(180deg); +} + +/* Widgets */ + +.widget ul { + margin: 0; +} + +.search-form .search-submit { + left: 3px; + right: auto; +} + +.tagcloud ul li { + float: right; + margin: 4px 0 0 4px; +} + +.widget ul li li { + padding-left: 0; + padding-right: 1.5rem; +} + +.widget_text ul { + margin: 0 1.5em 1.5em 0; +} + +.widget_text ul li ul { + margin: 0 1.5em 0 0; +} + +/* Footer */ + +.social-navigation a { + margin-left: 1em; + margin-right: 0; +} + +/* Customizer styles */ + +.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title { + left: 3.2em; + right: auto; +} + +/* Gallery Styles */ + +.gallery-item, +.gallery-caption { + text-align: right; +} + +/* SVG Fallback */ + +.no-svg .dropdown-toggle { + left: 0; + right: auto; +} + +/* Media queries */ + +@media screen and (min-width: 48em) { + + body.page-template-full-width-page #primary { + float: none; + } + + .has-sidebar:not(.error404) #primary { + float: right; + } + + .has-sidebar #secondary { + float: left; + } + + .error404 #primary { + float: none; + } + + /* Site Branding */ + + .custom-logo-link { + padding-left: 2em; + padding-right: 0; + } + + /* Navigation */ + + .main-navigation ul ul { + padding-right: 0; + } + + .main-navigation ul ul:before, + .main-navigation ul ul:after { + left: 0.5em; + right: auto; + } + + .main-navigation ul ul, + .main-navigation ul ul ul { + left: auto; + right: -999em; + } + + .main-navigation ul ul li:hover > ul, + .main-navigation ul ul li.focus > ul { + left: auto; + right: 100%; + } + + .main-navigation ul li:hover > ul, + .main-navigation ul li.focus > ul { + left: auto; + right: 0.5em; + } + + .main-navigation ul li.menu-item-has-children:before, + .main-navigation ul li.menu-item-has-children:after, + .main-navigation ul li.page_item_has_children:before, + .main-navigation ul li.page_item_has_children:after { + left: 1em; + right: auto; + } + + .main-navigation .menu-item-has-children > a > .icon, + .main-navigation .page_item_has_children > a > .icon { + left: auto; + right: 5px; + } + + .main-navigation ul ul .menu-item-has-children > a > .icon, + .main-navigation ul ul .page_item_has_children > a > .icon { + left: 1em; + right: auto; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + } + + /* Scroll down arrow */ + + .navigation-top .menu-scroll-down { + left: 0; + right: auto; + } + + .site-header .menu-scroll-down { + left: 0; + right: auto; + } + + .entry-title a { + margin-left: auto; + margin-right: -2px; + } + + /* Front Page */ + + .page-two-column .panel-content .entry-header { + float: right; + } + + .page-two-column .panel-content .entry-content { + float: left; + } + + /* Front Page - Recent Posts */ + + .page-two-column .panel-content .recent-posts { + clear: left; + float: left; + } + + /* Blog, Archive, Search */ + + .sticky .icon-thumb-tack { + left: auto; + right: -2.5em; + } + + body:not(.has-sidebar):not(.page-one-column) .page-header, + body.has-sidebar.error404 #primary .page-header, + body.page-two-column:not(.archive) #primary .entry-header, + body.page-two-column.archive:not(.has-sidebar) #primary .page-header { + float: right; + } + + .blog:not(.has-sidebar) #primary article, + .archive:not(.has-sidebar):not(.page-one-column) #primary article, + .search:not(.has-sidebar) #primary article, + .has-sidebar.error404 #primary .page-content, + .error404.has-sidebar #primary .page-content, + body.page-two-column:not(.archive) #primary .entry-content, + body.page-two-column #comments { + float: left; + } + + .entry-footer .edit-link a.post-edit-link { + margin-left: 0; + margin-right: 1em; + } + + /* Entry content */ + + /* with sidebar */ + + .has-sidebar .entry-content blockquote.alignleft { + margin-left: 0; + width: 34%; + } + + .has-sidebar #primary .entry-content blockquote.alignright, + .has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta { + margin-right: 0; + width: 34%; + } + + .has-sidebar #primary .entry-content blockquote.alignleft.below-entry-meta { + margin-left: -72.5%; + width: 62%; + } + + /* blog index and archive */ + + .blog:not(.has-sidebar) .entry-content blockquote.alignleft, + .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft, + .archive:not(.has-sidebar) .entry-content blockquote.alignleft, + .page-two-column .entry-content blockquote.alignleft { + margin-left: 0; + width: 34%; + } + + .blog:not(.has-sidebar) .entry-content blockquote.alignright, + .twentyseventeen-front-page.page-two-column #primary .entry-content blockquote.alignright, + .archive:not(.has-sidebar) .entry-content blockquote.alignright, + .page-two-column #primary .entry-content blockquote.alignright { + margin-right: -72.5%; + width: 62%; + } + + /* Post formats */ + + .format-quote blockquote .icon { + left: auto; + right: -1.5em; + } + + .navigation.pagination { + float: left; + } + + .has-sidebar .navigation.pagination, + .archive.page-one-column:not(.has-sidebar) .navigation.pagination { + float: none; + } + + .post-navigation .nav-previous { + float: right; + } + + .post-navigation .nav-next { + float: left; + text-align: left; + } + + /* Comments */ + + ol.children .children { + padding-left: 0; + padding-right: 2em; + } + + /* Post Navigation */ + + .nav-links .nav-previous .nav-title .nav-title-icon-wrapper { + left: auto; + right: -2em; + } + + .nav-links .nav-next .nav-title .nav-title-icon-wrapper { + left: -2em; + right: auto; + } + + /* Footer */ + + .site-footer .widget-column.footer-widget-1 { + float: right; + } + + .site-footer .widget-column.footer-widget-2 { + float: left; + } + + .social-navigation { + clear: right; + float: right; + } + + .site-info { + float: right; + } + + .social-navigation + .site-info { + margin-left: 0; + margin-right: 6%; + } +} + +@media screen and (min-width: 67em) { + + /* Sticky posts */ + + .sticky .icon-thumb-tack { + left: auto; + right: -1.25em; + } +} + +@media screen and (min-width: 79em) { + + .has-sidebar #primary .entry-content blockquote.alignright, + .has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta { + margin-right: -20%; + } + + .blog:not(.has-sidebar) .entry-content blockquote.alignleft, + .archive:not(.has-sidebar) .entry-content blockquote.alignleft, + .page-two-column .entry-content blockquote.alignleft, + .twentyseventeen-front-page .entry-content blockquote.alignleft { + margin-left: -20%; + } +} diff --git a/wp-content/themes/twentyseventeen/search.php b/wp-content/themes/twentyseventeen/search.php index ee62b2211229600e4aa0cac328dbd261d082dcbd..2558acb43531cb53659c19130b63d3f8c286b185 100644 --- a/wp-content/themes/twentyseventeen/search.php +++ b/wp-content/themes/twentyseventeen/search.php @@ -1,72 +1,72 @@ -<?php -/** - * The template for displaying search results pages - * - * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#search-result - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - * @version 1.0 - */ - -get_header(); ?> - -<div class="wrap"> - - <header class="page-header"> - <?php if ( have_posts() ) : ?> - <h1 class="page-title"> - <?php - /* translators: Search query. */ - printf( __( 'Search Results for: %s', 'twentyseventeen' ), '<span>' . get_search_query() . '</span>' ); - ?> - </h1> - <?php else : ?> - <h1 class="page-title"><?php _e( 'Nothing Found', 'twentyseventeen' ); ?></h1> - <?php endif; ?> - </header><!-- .page-header --> - - <div id="primary" class="content-area"> - <main id="main" class="site-main" role="main"> - - <?php - if ( have_posts() ) : - // Start the Loop. - while ( have_posts() ) : - the_post(); - - /** - * Run the loop for the search to output the results. - * If you want to overload this in a child theme then include a file - * called content-search.php and that will be used instead. - */ - get_template_part( 'template-parts/post/content', 'excerpt' ); - - endwhile; // End the loop. - - the_posts_pagination( - array( - 'prev_text' => twentyseventeen_get_svg( array( 'icon' => 'arrow-left' ) ) . '<span class="screen-reader-text">' . __( 'Previous page', 'twentyseventeen' ) . '</span>', - 'next_text' => '<span class="screen-reader-text">' . __( 'Next page', 'twentyseventeen' ) . '</span>' . twentyseventeen_get_svg( array( 'icon' => 'arrow-right' ) ), - 'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'twentyseventeen' ) . ' </span>', - ) - ); - - else : - ?> - - <p><?php _e( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'twentyseventeen' ); ?></p> - <?php - get_search_form(); - - endif; - ?> - - </main><!-- #main --> - </div><!-- #primary --> - <?php get_sidebar(); ?> -</div><!-- .wrap --> - -<?php -get_footer(); +<?php +/** + * The template for displaying search results pages + * + * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#search-result + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + * @version 1.0 + */ + +get_header(); ?> + +<div class="wrap"> + + <header class="page-header"> + <?php if ( have_posts() ) : ?> + <h1 class="page-title"> + <?php + /* translators: Search query. */ + printf( __( 'Search Results for: %s', 'twentyseventeen' ), '<span>' . get_search_query() . '</span>' ); + ?> + </h1> + <?php else : ?> + <h1 class="page-title"><?php _e( 'Nothing Found', 'twentyseventeen' ); ?></h1> + <?php endif; ?> + </header><!-- .page-header --> + + <div id="primary" class="content-area"> + <main id="main" class="site-main" role="main"> + + <?php + if ( have_posts() ) : + // Start the Loop. + while ( have_posts() ) : + the_post(); + + /** + * Run the loop for the search to output the results. + * If you want to overload this in a child theme then include a file + * called content-search.php and that will be used instead. + */ + get_template_part( 'template-parts/post/content', 'excerpt' ); + + endwhile; // End the loop. + + the_posts_pagination( + array( + 'prev_text' => twentyseventeen_get_svg( array( 'icon' => 'arrow-left' ) ) . '<span class="screen-reader-text">' . __( 'Previous page', 'twentyseventeen' ) . '</span>', + 'next_text' => '<span class="screen-reader-text">' . __( 'Next page', 'twentyseventeen' ) . '</span>' . twentyseventeen_get_svg( array( 'icon' => 'arrow-right' ) ), + 'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'twentyseventeen' ) . ' </span>', + ) + ); + + else : + ?> + + <p><?php _e( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'twentyseventeen' ); ?></p> + <?php + get_search_form(); + + endif; + ?> + + </main><!-- #main --> + </div><!-- #primary --> + <?php get_sidebar(); ?> +</div><!-- .wrap --> + +<?php +get_footer(); diff --git a/wp-content/themes/twentyseventeen/searchform.php b/wp-content/themes/twentyseventeen/searchform.php index ce487e39e94a1fe390d66e60d47267be6bc7b8f1..c8b1e5c6fc49eb8789b1c48de160a03fec1f317f 100644 --- a/wp-content/themes/twentyseventeen/searchform.php +++ b/wp-content/themes/twentyseventeen/searchform.php @@ -1,21 +1,21 @@ -<?php -/** - * Template for displaying search forms in Twenty Seventeen - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - * @version 1.0 - */ - -?> - -<?php $unique_id = esc_attr( twentyseventeen_unique_id( 'search-form-' ) ); ?> - -<form role="search" method="get" class="search-form" action="<?php echo esc_url( home_url( '/' ) ); ?>"> - <label for="<?php echo $unique_id; ?>"> - <span class="screen-reader-text"><?php echo _x( 'Search for:', 'label', 'twentyseventeen' ); ?></span> - </label> - <input type="search" id="<?php echo $unique_id; ?>" class="search-field" placeholder="<?php echo esc_attr_x( 'Search …', 'placeholder', 'twentyseventeen' ); ?>" value="<?php echo get_search_query(); ?>" name="s" /> - <button type="submit" class="search-submit"><?php echo twentyseventeen_get_svg( array( 'icon' => 'search' ) ); ?><span class="screen-reader-text"><?php echo _x( 'Search', 'submit button', 'twentyseventeen' ); ?></span></button> -</form> +<?php +/** + * Template for displaying search forms in Twenty Seventeen + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + * @version 1.0 + */ + +?> + +<?php $unique_id = esc_attr( twentyseventeen_unique_id( 'search-form-' ) ); ?> + +<form role="search" method="get" class="search-form" action="<?php echo esc_url( home_url( '/' ) ); ?>"> + <label for="<?php echo $unique_id; ?>"> + <span class="screen-reader-text"><?php echo _x( 'Search for:', 'label', 'twentyseventeen' ); ?></span> + </label> + <input type="search" id="<?php echo $unique_id; ?>" class="search-field" placeholder="<?php echo esc_attr_x( 'Search …', 'placeholder', 'twentyseventeen' ); ?>" value="<?php echo get_search_query(); ?>" name="s" /> + <button type="submit" class="search-submit"><?php echo twentyseventeen_get_svg( array( 'icon' => 'search' ) ); ?><span class="screen-reader-text"><?php echo _x( 'Search', 'submit button', 'twentyseventeen' ); ?></span></button> +</form> diff --git a/wp-content/themes/twentyseventeen/sidebar.php b/wp-content/themes/twentyseventeen/sidebar.php index 8233b233577cd056ecae5accd6b6d99056420d2e..ed441c11af56672a3fe20e2d069b1bedb9ca19cd 100644 --- a/wp-content/themes/twentyseventeen/sidebar.php +++ b/wp-content/themes/twentyseventeen/sidebar.php @@ -1,20 +1,20 @@ -<?php -/** - * The sidebar containing the main widget area - * - * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - * @version 1.0 - */ - -if ( ! is_active_sidebar( 'sidebar-1' ) ) { - return; -} -?> - -<aside id="secondary" class="widget-area" role="complementary" aria-label="<?php esc_attr_e( 'Blog Sidebar', 'twentyseventeen' ); ?>"> - <?php dynamic_sidebar( 'sidebar-1' ); ?> -</aside><!-- #secondary --> +<?php +/** + * The sidebar containing the main widget area + * + * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + * @version 1.0 + */ + +if ( ! is_active_sidebar( 'sidebar-1' ) ) { + return; +} +?> + +<aside id="secondary" class="widget-area" role="complementary" aria-label="<?php esc_attr_e( 'Blog Sidebar', 'twentyseventeen' ); ?>"> + <?php dynamic_sidebar( 'sidebar-1' ); ?> +</aside><!-- #secondary --> diff --git a/wp-content/themes/twentyseventeen/single.php b/wp-content/themes/twentyseventeen/single.php index 541e2d24a9af825fad15bbf3b1a3dde5fae10e82..afe2e02ca3bb0954ea3d120228c9d0886911eeed 100644 --- a/wp-content/themes/twentyseventeen/single.php +++ b/wp-content/themes/twentyseventeen/single.php @@ -1,47 +1,47 @@ -<?php -/** - * The template for displaying all single posts - * - * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - * @version 1.0 - */ - -get_header(); ?> - -<div class="wrap"> - <div id="primary" class="content-area"> - <main id="main" class="site-main" role="main"> - - <?php - // Start the Loop. - while ( have_posts() ) : - the_post(); - - get_template_part( 'template-parts/post/content', get_post_format() ); - - // If comments are open or we have at least one comment, load up the comment template. - if ( comments_open() || get_comments_number() ) : - comments_template(); - endif; - - the_post_navigation( - array( - 'prev_text' => '<span class="screen-reader-text">' . __( 'Previous Post', 'twentyseventeen' ) . '</span><span aria-hidden="true" class="nav-subtitle">' . __( 'Previous', 'twentyseventeen' ) . '</span> <span class="nav-title"><span class="nav-title-icon-wrapper">' . twentyseventeen_get_svg( array( 'icon' => 'arrow-left' ) ) . '</span>%title</span>', - 'next_text' => '<span class="screen-reader-text">' . __( 'Next Post', 'twentyseventeen' ) . '</span><span aria-hidden="true" class="nav-subtitle">' . __( 'Next', 'twentyseventeen' ) . '</span> <span class="nav-title">%title<span class="nav-title-icon-wrapper">' . twentyseventeen_get_svg( array( 'icon' => 'arrow-right' ) ) . '</span></span>', - ) - ); - - endwhile; // End the loop. - ?> - - </main><!-- #main --> - </div><!-- #primary --> - <?php get_sidebar(); ?> -</div><!-- .wrap --> - -<?php -get_footer(); +<?php +/** + * The template for displaying all single posts + * + * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + * @version 1.0 + */ + +get_header(); ?> + +<div class="wrap"> + <div id="primary" class="content-area"> + <main id="main" class="site-main" role="main"> + + <?php + // Start the Loop. + while ( have_posts() ) : + the_post(); + + get_template_part( 'template-parts/post/content', get_post_format() ); + + // If comments are open or we have at least one comment, load up the comment template. + if ( comments_open() || get_comments_number() ) : + comments_template(); + endif; + + the_post_navigation( + array( + 'prev_text' => '<span class="screen-reader-text">' . __( 'Previous Post', 'twentyseventeen' ) . '</span><span aria-hidden="true" class="nav-subtitle">' . __( 'Previous', 'twentyseventeen' ) . '</span> <span class="nav-title"><span class="nav-title-icon-wrapper">' . twentyseventeen_get_svg( array( 'icon' => 'arrow-left' ) ) . '</span>%title</span>', + 'next_text' => '<span class="screen-reader-text">' . __( 'Next Post', 'twentyseventeen' ) . '</span><span aria-hidden="true" class="nav-subtitle">' . __( 'Next', 'twentyseventeen' ) . '</span> <span class="nav-title">%title<span class="nav-title-icon-wrapper">' . twentyseventeen_get_svg( array( 'icon' => 'arrow-right' ) ) . '</span></span>', + ) + ); + + endwhile; // End the loop. + ?> + + </main><!-- #main --> + </div><!-- #primary --> + <?php get_sidebar(); ?> +</div><!-- .wrap --> + +<?php +get_footer(); diff --git a/wp-content/themes/twentyseventeen/style.css b/wp-content/themes/twentyseventeen/style.css index 6c379b5c04dc951789e6f855f4506cd2a082193a..d72a23f3a101516024f088787389b4c894b7de10 100644 --- a/wp-content/themes/twentyseventeen/style.css +++ b/wp-content/themes/twentyseventeen/style.css @@ -1,4362 +1,4362 @@ -/* -Theme Name: Twenty Seventeen -Theme URI: https://wordpress.org/themes/twentyseventeen/ -Author: the WordPress team -Author URI: https://wordpress.org/ -Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device. -Version: 2.4 -Requires at least: 4.7 -Requires PHP: 5.2.4 -License: GNU General Public License v2 or later -License URI: http://www.gnu.org/licenses/gpl-2.0.html -Text Domain: twentyseventeen -Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready - -This theme, like WordPress, is licensed under the GPL. -Use it to make something cool, have fun, and share what you've learned with others. -*/ - -/*-------------------------------------------------------------- ->>> TABLE OF CONTENTS: ----------------------------------------------------------------- -1.0 Normalize -2.0 Accessibility -3.0 Alignments -4.0 Clearings -5.0 Typography -6.0 Forms -7.0 Formatting -8.0 Lists -9.0 Tables -10.0 Links -11.0 Featured Image Hover -12.0 Navigation -13.0 Layout - 13.1 Header - 13.2 Front Page - 13.3 Regular Content - 13.4 Posts - 13.5 Pages - 13.6 Footer -14.0 Comments -15.0 Widgets -16.0 Media - 16.1 Galleries -17.0 Customizer -18.0 SVGs Fallbacks -19.0 Media Queries -20.0 Print ---------------------------------------------------------------*/ - -/*-------------------------------------------------------------- -1.0 Normalize -Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css ---------------------------------------------------------------*/ - -html { - font-family: sans-serif; - line-height: 1.15; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; -} - -body { - margin: 0; -} - -article, -aside, -footer, -header, -nav, -section { - display: block; -} - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -figcaption, -figure, -main { - display: block; -} - -figure { - margin: 1em 0; -} - -hr { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; - height: 0; - overflow: visible; -} - -pre { - font-family: monospace, monospace; - font-size: 1em; -} - -a { - background-color: transparent; - -webkit-text-decoration-skip: objects; -} - -a:active, -a:hover { - outline-width: 0; -} - -abbr[title] { - border-bottom: 1px #767676 dotted; - text-decoration: none; -} - -b, -strong { - font-weight: inherit; -} - -b, -strong { - font-weight: 700; -} - -code, -kbd, -samp { - font-family: monospace, monospace; - font-size: 1em; -} - -dfn { - font-style: italic; -} - -mark { - background-color: #eee; - color: #222; -} - -small { - font-size: 80%; -} - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -audio, -video { - display: inline-block; -} - -audio:not([controls]) { - display: none; - height: 0; -} - -img { - border-style: none; -} - -svg:not(:root) { - overflow: hidden; -} - -button, -input, -optgroup, -select, -textarea { - font-family: sans-serif; - font-size: 100%; - line-height: 1.15; - margin: 0; -} - -button, -input { - overflow: visible; -} - -button, -select { - text-transform: none; -} - -button, -html [type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; -} - -button::-moz-focus-inner, -[type="button"]::-moz-focus-inner, -[type="reset"]::-moz-focus-inner, -[type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; -} - -button:-moz-focusring, -[type="button"]:-moz-focusring, -[type="reset"]:-moz-focusring, -[type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; -} - -fieldset { - border: 1px solid #bbb; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; -} - -legend { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - color: inherit; - display: table; - max-width: 100%; - padding: 0; - white-space: normal; -} - -progress { - display: inline-block; - vertical-align: baseline; -} - -textarea { - overflow: auto; -} - -[type="checkbox"], -[type="radio"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 0; -} - -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; -} - -[type="search"] { - -webkit-appearance: textfield; - outline-offset: -2px; -} - -[type="search"]::-webkit-search-cancel-button, -[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -::-webkit-file-upload-button { - -webkit-appearance: button; - font: inherit; -} - -details, -menu { - display: block; -} - -summary { - display: list-item; -} - -canvas { - display: inline-block; -} - -template { - display: none; -} - -[hidden] { - display: none; -} - -/*-------------------------------------------------------------- -2.0 Accessibility ---------------------------------------------------------------*/ - -/* Text meant only for screen readers. */ - -.screen-reader-text { - clip: rect(1px, 1px, 1px, 1px); - height: 1px; - overflow: hidden; - position: absolute !important; - width: 1px; - word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ -} - -.screen-reader-text:focus { - background-color: #f1f1f1; - -webkit-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); - box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); - clip: auto !important; - color: #21759b; - display: block; - font-size: 14px; - font-size: 0.875rem; - font-weight: 700; - height: auto; - left: 5px; - line-height: normal; - padding: 15px 23px 14px; - text-decoration: none; - top: 5px; - width: auto; - z-index: 100000; /* Above WP toolbar. */ -} - -/*-------------------------------------------------------------- -3.0 Alignments ---------------------------------------------------------------*/ - -.alignleft { - display: inline; - float: left; - margin-right: 1.5em; -} - -.alignright { - display: inline; - float: right; - margin-left: 1.5em; -} - -.aligncenter { - clear: both; - display: block; - margin-left: auto; - margin-right: auto; -} - -/*-------------------------------------------------------------- -4.0 Clearings ---------------------------------------------------------------*/ - -.clear:before, -.clear:after, -.entry-content:before, -.entry-content:after, -.entry-footer:before, -.entry-footer:after, -.comment-content:before, -.comment-content:after, -.site-header:before, -.site-header:after, -.site-content:before, -.site-content:after, -.site-footer:before, -.site-footer:after, -.nav-links:before, -.nav-links:after, -.pagination:before, -.pagination:after, -.comment-author:before, -.comment-author:after, -.widget-area:before, -.widget-area:after, -.widget:before, -.widget:after, -.comment-meta:before, -.comment-meta:after { - content: ""; - display: table; - table-layout: fixed; -} - -.clear:after, -.entry-content:after, -.entry-footer:after, -.comment-content:after, -.site-header:after, -.site-content:after, -.site-footer:after, -.nav-links:after, -.pagination:after, -.comment-author:after, -.widget-area:after, -.widget:after, -.comment-meta:after { - clear: both; -} - -/*-------------------------------------------------------------- -5.0 Typography ---------------------------------------------------------------*/ - -body, -button, -input, -select, -textarea { - color: #333; - font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; - font-size: 15px; - font-size: 0.9375rem; - font-weight: 400; - line-height: 1.66; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - clear: both; - line-height: 1.4; - margin: 0 0 0.75em; - padding: 1.5em 0 0; -} - -h1:first-child, -h2:first-child, -h3:first-child, -h4:first-child, -h5:first-child, -h6:first-child { - padding-top: 0; -} - -h1 { - font-size: 24px; - font-size: 1.5rem; - font-weight: 300; -} - -h2, -.home.blog .entry-title { - color: #666; - font-size: 20px; - font-size: 1.25rem; - font-weight: 300; -} - -h3 { - color: #333; - font-size: 18px; - font-size: 1.125rem; - font-weight: 300; -} - -h4 { - color: #333; - font-size: 16px; - font-size: 1rem; - font-weight: 800; -} - -h5 { - color: #767676; - font-size: 13px; - font-size: 0.8125rem; - font-weight: 800; - letter-spacing: 0.15em; - text-transform: uppercase; -} - -h6 { - color: #333; - font-size: 15px; - font-size: 0.9375rem; - font-weight: 800; -} - -p { - margin: 0 0 1.5em; - padding: 0; -} - -dfn, -cite, -em, -i { - font-style: italic; -} - -blockquote { - color: #666; - font-size: 18px; - font-size: 1.125rem; - font-style: italic; - line-height: 1.7; - margin: 0; - overflow: hidden; - padding: 0; -} - -blockquote cite { - display: block; - font-style: normal; - font-weight: 600; - margin-top: 0.5em; -} - -address { - margin: 0 0 1.5em; -} - -pre { - background: #eee; - font-family: "Courier 10 Pitch", Courier, monospace; - font-size: 15px; - font-size: 0.9375rem; - line-height: 1.6; - margin-bottom: 1.6em; - max-width: 100%; - overflow: auto; - padding: 1.6em; -} - -code, -kbd, -tt, -var { - font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; - font-size: 15px; - font-size: 0.9375rem; -} - -abbr, -acronym { - border-bottom: 1px dotted #666; - cursor: help; -} - -mark, -ins { - background: #eee; - text-decoration: none; -} - -big { - font-size: 125%; -} - -blockquote { - quotes: "" ""; -} - -q { - quotes: "“" "”" "‘" "’"; -} - -blockquote:before, -blockquote:after { - content: ""; -} - -:focus { - outline: none; -} - -/* Typography for Arabic Font */ - -html[lang="ar"] body, -html[lang="ar"] button, -html[lang="ar"] input, -html[lang="ar"] select, -html[lang="ar"] textarea, -html[lang="ary"] body, -html[lang="ary"] button, -html[lang="ary"] input, -html[lang="ary"] select, -html[lang="ary"] textarea, -html[lang="azb"] body, -html[lang="azb"] button, -html[lang="azb"] input, -html[lang="azb"] select, -html[lang="azb"] textarea, -html[lang="fa-IR"] body, -html[lang="fa-IR"] button, -html[lang="fa-IR"] input, -html[lang="fa-IR"] select, -html[lang="fa-IR"] textarea, -html[lang="haz"] body, -html[lang="haz"] button, -html[lang="haz"] input, -html[lang="haz"] select, -html[lang="haz"] textarea, -html[lang="ps"] body, -html[lang="ps"] button, -html[lang="ps"] input, -html[lang="ps"] select, -html[lang="ps"] textarea, -html[lang="ur"] body, -html[lang="ur"] button, -html[lang="ur"] input, -html[lang="ur"] select, -html[lang="ur"] textarea { - font-family: Tahoma, Arial, sans-serif; -} - -html[lang="ar"] h1, -html[lang="ar"] h2, -html[lang="ar"] h3, -html[lang="ar"] h4, -html[lang="ar"] h5, -html[lang="ar"] h6, -html[lang="ary"] h1, -html[lang="ary"] h2, -html[lang="ary"] h3, -html[lang="ary"] h4, -html[lang="ary"] h5, -html[lang="ary"] h6, -html[lang="azb"] h1, -html[lang="azb"] h2, -html[lang="azb"] h3, -html[lang="azb"] h4, -html[lang="azb"] h5, -html[lang="azb"] h6, -html[lang="fa-IR"] h1, -html[lang="fa-IR"] h2, -html[lang="fa-IR"] h3, -html[lang="fa-IR"] h4, -html[lang="fa-IR"] h5, -html[lang="fa-IR"] h6, -html[lang="haz"] h1, -html[lang="haz"] h2, -html[lang="haz"] h3, -html[lang="haz"] h4, -html[lang="haz"] h5, -html[lang="haz"] h6, -html[lang="ps"] h1, -html[lang="ps"] h2, -html[lang="ps"] h3, -html[lang="ps"] h4, -html[lang="ps"] h5, -html[lang="ps"] h6, -html[lang="ur"] h1, -html[lang="ur"] h2, -html[lang="ur"] h3, -html[lang="ur"] h4, -html[lang="ur"] h5, -html[lang="ur"] h6 { - font-weight: 700; -} - -/* Typography for Chinese Font */ - -html[lang^="zh-"] body, -html[lang^="zh-"] button, -html[lang^="zh-"] input, -html[lang^="zh-"] select, -html[lang^="zh-"] textarea { - font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif; -} - -html[lang="zh-CN"] body, -html[lang="zh-CN"] button, -html[lang="zh-CN"] input, -html[lang="zh-CN"] select, -html[lang="zh-CN"] textarea { - font-family: "PingFang SC", "Helvetica Neue", Helvetica, STHeitiSC-Light, Arial, sans-serif; -} - -html[lang^="zh-"] h1, -html[lang^="zh-"] h2, -html[lang^="zh-"] h3, -html[lang^="zh-"] h4, -html[lang^="zh-"] h5, -html[lang^="zh-"] h6 { - font-weight: 700; -} - -/* Typography for Cyrillic Font */ - -html[lang="bg-BG"] body, -html[lang="bg-BG"] button, -html[lang="bg-BG"] input, -html[lang="bg-BG"] select, -html[lang="bg-BG"] textarea, -html[lang="ru-RU"] body, -html[lang="ru-RU"] button, -html[lang="ru-RU"] input, -html[lang="ru-RU"] select, -html[lang="ru-RU"] textarea, -html[lang="uk"] body, -html[lang="uk"] button, -html[lang="uk"] input, -html[lang="uk"] select, -html[lang="uk"] textarea { - font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; -} - -html[lang="bg-BG"] h1, -html[lang="bg-BG"] h2, -html[lang="bg-BG"] h3, -html[lang="bg-BG"] h4, -html[lang="bg-BG"] h5, -html[lang="bg-BG"] h6, -html[lang="ru-RU"] h1, -html[lang="ru-RU"] h2, -html[lang="ru-RU"] h3, -html[lang="ru-RU"] h4, -html[lang="ru-RU"] h5, -html[lang="ru-RU"] h6, -html[lang="uk"] h1, -html[lang="uk"] h2, -html[lang="uk"] h3, -html[lang="uk"] h4, -html[lang="uk"] h5, -html[lang="uk"] h6 { - font-weight: 700; - line-height: 1.2; -} - -/* Typography for Devanagari Font */ - -html[lang="bn-BD"] body, -html[lang="bn-BD"] button, -html[lang="bn-BD"] input, -html[lang="bn-BD"] select, -html[lang="bn-BD"] textarea, -html[lang="hi-IN"] body, -html[lang="hi-IN"] button, -html[lang="hi-IN"] input, -html[lang="hi-IN"] select, -html[lang="hi-IN"] textarea, -html[lang="mr-IN"] body, -html[lang="mr-IN"] button, -html[lang="mr-IN"] input, -html[lang="mr-IN"] select, -html[lang="mr-IN"] textarea { - font-family: Arial, sans-serif; -} - -html[lang="bn-BD"] h1, -html[lang="bn-BD"] h2, -html[lang="bn-BD"] h3, -html[lang="bn-BD"] h4, -html[lang="bn-BD"] h5, -html[lang="bn-BD"] h6, -html[lang="hi-IN"] h1, -html[lang="hi-IN"] h2, -html[lang="hi-IN"] h3, -html[lang="hi-IN"] h4, -html[lang="hi-IN"] h5, -html[lang="hi-IN"] h6, -html[lang="mr-IN"] h1, -html[lang="mr-IN"] h2, -html[lang="mr-IN"] h3, -html[lang="mr-IN"] h4, -html[lang="mr-IN"] h5, -html[lang="mr-IN"] h6 { - font-weight: 700; -} - -/* Typography for Greek Font */ - -html[lang="el"] body, -html[lang="el"] button, -html[lang="el"] input, -html[lang="el"] select, -html[lang="el"] textarea { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -} - -html[lang="el"] h1, -html[lang="el"] h2, -html[lang="el"] h3, -html[lang="el"] h4, -html[lang="el"] h5, -html[lang="el"] h6 { - font-weight: 700; - line-height: 1.3; -} - -/* Typography for Gujarati Font */ - -html[lang="gu-IN"] body, -html[lang="gu-IN"] button, -html[lang="gu-IN"] input, -html[lang="gu-IN"] select, -html[lang="gu-IN"] textarea { - font-family: Arial, sans-serif; -} - -html[lang="gu-IN"] h1, -html[lang="gu-IN"] h2, -html[lang="gu-IN"] h3, -html[lang="gu-IN"] h4, -html[lang="gu-IN"] h5, -html[lang="gu-IN"] h6 { - font-weight: 700; -} - -/* Typography for Hebrew Font */ - -html[lang="he-IL"] body, -html[lang="he-IL"] button, -html[lang="he-IL"] input, -html[lang="he-IL"] select, -html[lang="he-IL"] textarea { - font-family: "Arial Hebrew", Arial, sans-serif; -} - -html[lang="he-IL"] h1, -html[lang="he-IL"] h2, -html[lang="he-IL"] h3, -html[lang="he-IL"] h4, -html[lang="he-IL"] h5, -html[lang="he-IL"] h6 { - font-weight: 700; -} - -/* Typography for Japanese Font */ - -html[lang="ja"] body, -html[lang="ja"] button, -html[lang="ja"] input, -html[lang="ja"] select, -html[lang="ja"] textarea { - font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif; -} - -html[lang="ja"] h1, -html[lang="ja"] h2, -html[lang="ja"] h3, -html[lang="ja"] h4, -html[lang="ja"] h5, -html[lang="ja"] h6 { - font-weight: 700; -} - -/* Typography for Korean font */ - -html[lang="ko-KR"] body, -html[lang="ko-KR"] button, -html[lang="ko-KR"] input, -html[lang="ko-KR"] select, -html[lang="ko-KR"] textarea { - font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif; -} - -html[lang="ko-KR"] h1, -html[lang="ko-KR"] h2, -html[lang="ko-KR"] h3, -html[lang="ko-KR"] h4, -html[lang="ko-KR"] h5, -html[lang="ko-KR"] h6 { - font-weight: 600; -} - -/* Typography for Thai Font */ - -html[lang="th"] h1, -html[lang="th"] h2, -html[lang="th"] h3, -html[lang="th"] h4, -html[lang="th"] h5, -html[lang="th"] h6 { - line-height: 1.65; - font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif; -} - -html[lang="th"] body, -html[lang="th"] button, -html[lang="th"] input, -html[lang="th"] select, -html[lang="th"] textarea { - line-height: 1.8; - font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif; -} - -/* Remove letter-spacing for all non-latin alphabets */ - -html[lang="ar"] *, -html[lang="ary"] *, -html[lang="azb"] *, -html[lang="haz"] *, -html[lang="ps"] *, -html[lang^="zh-"] *, -html[lang="bg-BG"] *, -html[lang="ru-RU"] *, -html[lang="uk"] *, -html[lang="bn-BD"] *, -html[lang="hi-IN"] *, -html[lang="mr-IN"] *, -html[lang="el"] *, -html[lang="gu-IN"] *, -html[lang="he-IL"] *, -html[lang="ja"] *, -html[lang="ko-KR"] *, -html[lang="th"] * { - letter-spacing: 0 !important; -} - -/*-------------------------------------------------------------- -6.0 Forms ---------------------------------------------------------------*/ - -label { - color: #333; - display: block; - font-weight: 800; - margin-bottom: 0.5em; -} - -fieldset { - margin-bottom: 1em; -} - -input[type="text"], -input[type="email"], -input[type="url"], -input[type="password"], -input[type="search"], -input[type="number"], -input[type="tel"], -input[type="range"], -input[type="date"], -input[type="month"], -input[type="week"], -input[type="time"], -input[type="datetime"], -input[type="datetime-local"], -input[type="color"], -textarea { - color: #666; - background: #fff; - background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); - border: 1px solid #bbb; - -webkit-border-radius: 3px; - border-radius: 3px; - display: block; - padding: 0.7em; - width: 100%; -} - -input[type="text"]:focus, -input[type="email"]:focus, -input[type="url"]:focus, -input[type="password"]:focus, -input[type="search"]:focus, -input[type="number"]:focus, -input[type="tel"]:focus, -input[type="range"]:focus, -input[type="date"]:focus, -input[type="month"]:focus, -input[type="week"]:focus, -input[type="time"]:focus, -input[type="datetime"]:focus, -input[type="datetime-local"]:focus, -input[type="color"]:focus, -textarea:focus { - color: #222; - border-color: #333; -} - -select { - border: 1px solid #bbb; - -webkit-border-radius: 3px; - border-radius: 3px; - height: 3em; - max-width: 100%; -} - -input[type="radio"]:focus, -input[type="checkbox"]:focus { - outline: thin dotted #333; -} - -input[type="radio"], -input[type="checkbox"] { - margin-right: 0.5em; -} - -input[type="radio"] + label, -input[type="checkbox"] + label { - font-weight: 400; -} - -button, -input[type="button"], -input[type="submit"] { - background-color: #222; - border: 0; - -webkit-border-radius: 2px; - border-radius: 2px; - -webkit-box-shadow: none; - box-shadow: none; - color: #fff; - cursor: pointer; - display: inline-block; - font-size: 14px; - font-size: 0.875rem; - font-weight: 800; - line-height: 1; - padding: 1em 2em; - text-shadow: none; - -webkit-transition: background 0.2s; - transition: background 0.2s; -} - -input + button, -input + input[type="button"], -input + input[type="submit"] { - padding: 0.75em 2em; -} - -button.secondary, -input[type="reset"], -input[type="button"].secondary, -input[type="reset"].secondary, -input[type="submit"].secondary { - background-color: #ddd; - color: #222; -} - -:not( .mejs-button ) > button:hover, -:not( .mejs-button ) > button:focus, -input[type="button"]:hover, -input[type="button"]:focus, -input[type="submit"]:hover, -input[type="submit"]:focus { - background: #767676; -} - -button.secondary:hover, -button.secondary:focus, -input[type="reset"]:hover, -input[type="reset"]:focus, -input[type="button"].secondary:hover, -input[type="button"].secondary:focus, -input[type="reset"].secondary:hover, -input[type="reset"].secondary:focus, -input[type="submit"].secondary:hover, -input[type="submit"].secondary:focus { - background: #bbb; -} - -/* Placeholder text color -- selectors need to be separate to work. */ -::-webkit-input-placeholder { - color: #333; - font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; -} - -:-moz-placeholder { - color: #333; - font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; -} - -::-moz-placeholder { - color: #333; - font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; - opacity: 1; - /* Since FF19 lowers the opacity of the placeholder by default */ -} - -:-ms-input-placeholder { - color: #333; - font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; -} - -/*-------------------------------------------------------------- -7.0 Formatting ---------------------------------------------------------------*/ - -hr { - background-color: #bbb; - border: 0; - height: 1px; - margin-bottom: 1.5em; -} - -/*-------------------------------------------------------------- -8.0 Lists ---------------------------------------------------------------*/ - -ul, -ol { - margin: 0 0 1.5em; - padding: 0; -} - -ul { - list-style: disc; -} - -ol { - list-style: decimal; -} - -li > ul, -li > ol { - margin-bottom: 0; - margin-left: 1.5em; -} - -dt { - font-weight: 700; -} - -dd { - margin: 0 1.5em 1.5em; -} - -/*-------------------------------------------------------------- -9.0 Tables ---------------------------------------------------------------*/ - -table { - border-collapse: collapse; - margin: 0 0 1.5em; - width: 100%; -} - -thead th { - border-bottom: 2px solid #bbb; - padding-bottom: 0.5em; -} - -th { - padding: 0.4em; - text-align: left; -} - -tr { - border-bottom: 1px solid #eee; -} - -td { - padding: 0.4em; -} - -th, -td, -th:first-child, -td:first-child { - padding-left: 0; -} - -th:last-child, -td:last-child { - padding-right: 0; -} - -/*-------------------------------------------------------------- -10.0 Links ---------------------------------------------------------------*/ - -a { - color: #222; - text-decoration: none; -} - -a:focus { - outline: thin dotted; -} - -a:hover, -a:active { - color: #000; - outline: 0; -} - -/* Hover effects */ - -.entry-content a, -.entry-summary a, -.comment-content a, -.widget a, -.site-footer .widget-area a, -.posts-navigation a, -.widget_authors a strong { - -webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1); - box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1); - -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; - transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; - transition: color 80ms ease-in, box-shadow 130ms ease-in-out; - transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out; -} - -.entry-title a, -.entry-meta a, -.page-links a, -.page-links a .page-number, -.entry-footer a, -.entry-footer .cat-links a, -.entry-footer .tags-links a, -.edit-link a, -.post-navigation a, -.logged-in-as a, -.comment-navigation a, -.comment-metadata a, -.comment-metadata a.comment-edit-link, -.comment-reply-link, -a .nav-title, -.pagination a, -.comments-pagination a, -.site-info a, -.widget .widget-title a, -.widget ul li a, -.site-footer .widget-area ul li a, -.site-footer .widget-area ul li a { - -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1); - text-decoration: none; - -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; - transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; - transition: color 80ms ease-in, box-shadow 130ms ease-in-out; - transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out; -} - -.entry-content a:focus, -.entry-content a:hover, -.entry-summary a:focus, -.entry-summary a:hover, -.comment-content a:focus, -.comment-content a:hover, -.widget a:focus, -.widget a:hover, -.site-footer .widget-area a:focus, -.site-footer .widget-area a:hover, -.posts-navigation a:focus, -.posts-navigation a:hover, -.comment-metadata a:focus, -.comment-metadata a:hover, -.comment-metadata a.comment-edit-link:focus, -.comment-metadata a.comment-edit-link:hover, -.comment-reply-link:focus, -.comment-reply-link:hover, -.widget_authors a:focus strong, -.widget_authors a:hover strong, -.entry-title a:focus, -.entry-title a:hover, -.entry-meta a:focus, -.entry-meta a:hover, -.page-links a:focus .page-number, -.page-links a:hover .page-number, -.entry-footer a:focus, -.entry-footer a:hover, -.entry-footer .cat-links a:focus, -.entry-footer .cat-links a:hover, -.entry-footer .tags-links a:focus, -.entry-footer .tags-links a:hover, -.post-navigation a:focus, -.post-navigation a:hover, -.pagination a:not(.prev):not(.next):focus, -.pagination a:not(.prev):not(.next):hover, -.comments-pagination a:not(.prev):not(.next):focus, -.comments-pagination a:not(.prev):not(.next):hover, -.logged-in-as a:focus, -.logged-in-as a:hover, -a:focus .nav-title, -a:hover .nav-title, -.edit-link a:focus, -.edit-link a:hover, -.site-info a:focus, -.site-info a:hover, -.widget .widget-title a:focus, -.widget .widget-title a:hover, -.widget ul li a:focus, -.widget ul li a:hover { - color: #000; - -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1); - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1); -} - -/* Fixes linked images */ -.entry-content a img, -.comment-content a img, -.widget a img { - -webkit-box-shadow: 0 0 0 8px #fff; - box-shadow: 0 0 0 8px #fff; -} - -.post-navigation a:focus .icon, -.post-navigation a:hover .icon { - color: #222; -} - -/*-------------------------------------------------------------- -11.0 Featured Image Hover ---------------------------------------------------------------*/ - -.post-thumbnail { - margin-bottom: 1em; -} - -.post-thumbnail a img { - -webkit-backface-visibility: hidden; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -.post-thumbnail a:hover img, -.post-thumbnail a:focus img { - opacity: 0.7; -} - -/*-------------------------------------------------------------- -12.0 Navigation ---------------------------------------------------------------*/ - -.navigation-top { - background: #fff; - border-bottom: 1px solid #eee; - border-top: 1px solid #eee; - font-size: 16px; - font-size: 1rem; - position: relative; -} - -.navigation-top .wrap { - max-width: 1000px; - padding: 0; -} - -.navigation-top a { - color: #222; - font-weight: 600; - -webkit-transition: color 0.2s; - transition: color 0.2s; -} - -.navigation-top .current-menu-item > a, -.navigation-top .current_page_item > a { - color: #767676; -} - -.main-navigation { - clear: both; - display: block; -} - -.main-navigation ul { - background: #fff; - list-style: none; - margin: 0; - padding: 0 1.5em; - text-align: left; -} - -/* Hide the menu on small screens when JavaScript is available. - * It only works with JavaScript. - */ - -.js .main-navigation ul, -.main-navigation .menu-item-has-children > a > .icon, -.main-navigation .page_item_has_children > a > .icon, -.main-navigation ul a > .icon { - display: none; -} - -.main-navigation > div > ul { - border-top: 1px solid #eee; - padding: 0.75em 1.695em; -} - -.js .main-navigation.toggled-on > div > ul { - display: block; -} - -.main-navigation ul ul { - padding: 0 0 0 1.5em; -} - -.main-navigation ul ul.toggled-on { - display: block; -} - -.main-navigation ul ul a { - letter-spacing: 0; - padding: 0.4em 0; - position: relative; - text-transform: none; -} - -.main-navigation li { - border-bottom: 1px solid #eee; - position: relative; -} - -.main-navigation li li, -.main-navigation li:last-child { - border: 0; -} - -.main-navigation a { - display: block; - padding: 0.5em 0; - text-decoration: none; -} - -.main-navigation a:hover { - color: #767676; -} - -/* Menu toggle */ - -.menu-toggle { - background-color: transparent; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: #222; - display: none; - font-size: 14px; - font-size: 0.875rem; - font-weight: 800; - line-height: 1.5; - margin: 1px auto 2px; - padding: 1em; - text-shadow: none; -} - -/* Display the menu toggle when JavaScript is available. */ - -.js .menu-toggle { - display: block; -} - -.main-navigation.toggled-on ul.nav-menu { - display: block; -} - -.menu-toggle:hover, -.menu-toggle:focus { - background-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; -} - -.menu-toggle:focus { - outline: thin solid; -} - -.menu-toggle .icon { - margin-right: 0.5em; - top: -2px; -} - -.toggled-on .menu-toggle .icon-bars, -.menu-toggle .icon-close { - display: none; -} - -.toggled-on .menu-toggle .icon-close { - display: inline-block; -} - -/* Dropdown Toggle */ - -.dropdown-toggle { - background-color: transparent; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: #222; - display: block; - font-size: 16px; - right: -0.5em; - line-height: 1.5; - margin: 0 auto; - padding: 0.5em; - position: absolute; - text-shadow: none; - top: 0; -} - -.dropdown-toggle:hover, -.dropdown-toggle:focus { - background: transparent; -} - -.dropdown-toggle:focus { - outline: thin dotted; -} - -.dropdown-toggle.toggled-on .icon { - -ms-transform: rotate(-180deg); /* IE 9 */ - -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */ - transform: rotate(-180deg); -} - -/* Scroll down arrow */ - -.site-header .menu-scroll-down { - display: none; -} - -/*-------------------------------------------------------------- -13.0 Layout ---------------------------------------------------------------*/ - -html { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -*, -*:before, -*:after { - /* 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/ */ - -webkit-box-sizing: inherit; - -moz-box-sizing: inherit; - box-sizing: inherit; -} - -body { - background: #fff; - /* Fallback for when there is no custom background color defined. */ -} - -#page { - position: relative; - word-wrap: break-word; -} - -.wrap { - margin-left: auto; - margin-right: auto; - max-width: 700px; - padding-left: 2em; - padding-right: 2em; -} - -.wrap:after { - clear: both; - content: ""; - display: block; -} - -/*-------------------------------------------------------------- -13.1 Header ---------------------------------------------------------------*/ - -#masthead .wrap { - position: relative; -} - -.site-header { - background-color: #fafafa; - position: relative; -} - -/* Site branding */ - -.site-branding { - padding: 1em 0; - position: relative; - -webkit-transition: margin-bottom 0.2s; - transition: margin-bottom 0.2s; - z-index: 3; -} - -.site-branding a { - text-decoration: none; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -.site-branding a:hover, -.site-branding a:focus { - opacity: 0.7; -} - -.site-title { - clear: none; - font-size: 24px; - font-size: 1.5rem; - font-weight: 800; - line-height: 1.25; - letter-spacing: 0.08em; - margin: 0; - padding: 0; - text-transform: uppercase; -} - -.site-title, -.site-title a { - color: #222; - opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */ -} - -body.has-header-image .site-title, -body.has-header-video .site-title, -body.has-header-image .site-title a, -body.has-header-video .site-title a { - color: #fff; -} - -.site-description { - color: #666; - font-size: 13px; - font-size: 0.8125rem; - margin-bottom: 0; -} - -body.has-header-image .site-description, -body.has-header-video .site-description { - color: #fff; - opacity: 0.8; -} - -.custom-logo-link { - display: inline-block; - padding-right: 1em; - vertical-align: middle; - width: auto; -} - -.custom-logo-link img { - display: inline-block; - max-height: 80px; - width: auto; -} - -body.home.title-tagline-hidden.has-header-image .custom-logo-link img, -body.home.title-tagline-hidden.has-header-video .custom-logo-link img { - max-height: 200px; - max-width: 100%; -} - -.custom-logo-link a:hover, -.custom-logo-link a:focus { - opacity: 0.9; -} - -body:not(.title-tagline-hidden) .site-branding-text { - display: inline-block; - max-width: 100%; - vertical-align: middle; -} - -.custom-header { - position: relative; -} - -.has-header-image.twentyseventeen-front-page .custom-header, -.has-header-video.twentyseventeen-front-page .custom-header, -.has-header-image.home.blog .custom-header, -.has-header-video.home.blog .custom-header { - display: table; - height: 300px; - height: 75vh; - width: 100%; -} - -.custom-header-media { - bottom: 0; - left: 0; - overflow: hidden; - position: absolute; - right: 0; - top: 0; - width: 100%; -} - -.custom-header-media:before { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */ - background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* FF3.6-15 */ - background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */ - background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */ - bottom: 0; - content: ""; - display: block; - height: 100%; - left: 0; - position: absolute; - right: 0; - z-index: 2; -} - -.has-header-image .custom-header-media img, -.has-header-video .custom-header-media video, -.has-header-video .custom-header-media iframe { - position: fixed; - height: auto; - left: 50%; - max-width: 1000%; - min-height: 100%; - min-width: 100%; - min-width: 100vw; /* vw prevents 1px gap on left that 100% has */ - width: auto; - top: 50%; - padding-bottom: 1px; /* Prevent header from extending beyond the footer */ - -ms-transform: translateX(-50%) translateY(-50%); - -moz-transform: translateX(-50%) translateY(-50%); - -webkit-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); -} - -.wp-custom-header .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */ - background-color: rgba(34, 34, 34, 0.5); - border: 1px solid rgba(255, 255, 255, 0.6); - color: rgba(255, 255, 255, 0.6); - height: 45px; - overflow: hidden; - padding: 0; - position: fixed; - right: 30px; - top: 30px; - -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; - transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; - width: 45px; -} - -.wp-custom-header .wp-custom-header-video-button:hover, -.wp-custom-header .wp-custom-header-video-button:focus { /* Specificity prevents .color-dark button overrides */ - border-color: rgba(255, 255, 255, 0.8); - background-color: rgba(34, 34, 34, 0.8); - color: #fff; -} - -.admin-bar .wp-custom-header-video-button { - top: 62px; -} - -.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img { - bottom: 0; - position: absolute; - top: auto; - -ms-transform: translateX(-50%) translateY(0); - -moz-transform: translateX(-50%) translateY(0); - -webkit-transform: translateX(-50%) translateY(0); - transform: translateX(-50%) translateY(0); -} - -/* For browsers that support 'object-fit' */ -@supports ( object-fit: cover ) { - .has-header-image .custom-header-media img, - .has-header-video .custom-header-media video, - .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img { - height: 100%; - left: 0; - -o-object-fit: cover; - object-fit: cover; - top: 0; - -ms-transform: none; - -moz-transform: none; - -webkit-transform: none; - transform: none; - width: 100%; - } -} - -/* Hides div in Customizer preview when header images or videos change. */ - -body:not(.has-header-image):not(.has-header-video) .custom-header-media { - display: none; -} - -.has-header-image.twentyseventeen-front-page .site-branding, -.has-header-video.twentyseventeen-front-page .site-branding, -.has-header-image.home.blog .site-branding, -.has-header-video.home.blog .site-branding { - display: table-cell; - height: 100%; - vertical-align: bottom; -} - -/*-------------------------------------------------------------- -13.2 Front Page ---------------------------------------------------------------*/ - -.twentyseventeen-front-page .site-content { - padding: 0; -} - -.twentyseventeen-panel { - overflow: hidden; - position: relative; -} - -.panel-image { - background-position: center center; - background-repeat: no-repeat; - -webkit-background-size: cover; - background-size: cover; - position: relative; -} - -.panel-image:before { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */ /* FF3.6-15 */ - background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */ - background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3))); - background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); - background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */ - bottom: 0; - content: ""; - left: 0; - right: 0; - position: absolute; - top: 100px; -} - -.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) { - border-top: 1px solid #ddd; -} - -.panel-content { - position: relative; -} - -.panel-content .wrap { - padding-bottom: 0.5em; - padding-top: 1.75em; -} - -/* Panel edit link */ - -.twentyseventeen-panel .edit-link { - display: block; - margin: 0.3em 0 0; -} - -.twentyseventeen-panel .entry-header .edit-link { - font-size: 14px; - font-size: 0.875rem; -} - -/* Front Page - Recent Posts */ - -.twentyseventeen-front-page .panel-content .recent-posts article { - border: 0; - color: #333; - margin-bottom: 3em; -} - -.recent-posts .entry-header { - margin-bottom: 1.2em; -} - -.page .panel-content .recent-posts .entry-title { - font-size: 20px; - font-size: 1.25rem; - font-weight: 300; - letter-spacing: 0; - text-transform: none; -} - -.twentyseventeen-panel .recent-posts .entry-header .edit-link { - color: #222; - display: inline-block; - font-size: 11px; - font-size: 0.6875rem; - margin-left: 1em; -} - -/*-------------------------------------------------------------- -13.3 Regular Content ---------------------------------------------------------------*/ - -.site-content-contain { - background-color: #fff; - position: relative; -} - -.site-content { - padding: 2.5em 0 0; -} - -/*-------------------------------------------------------------- -13.4 Posts ---------------------------------------------------------------*/ - -/* Post Landing Page */ - -.sticky { - position: relative; -} - -.post:not(.sticky) .icon-thumb-tack { - display: none; -} - -.sticky .icon-thumb-tack { - display: block; - height: 18px; - left: -1.5em; - position: absolute; - top: 1.65em; - width: 20px; -} - -.page .panel-content .entry-title, -.page-title, -body.page:not(.twentyseventeen-front-page) .entry-title { - color: #222; - font-size: 14px; - font-size: 0.875rem; - font-weight: 800; - letter-spacing: 0.14em; - text-transform: uppercase; -} - -.entry-header .entry-title { - margin-bottom: 0.25em; -} - -.entry-title a { - color: #333; - text-decoration: none; - margin-left: -2px; -} - -.entry-title:not(:first-child) { - padding-top: 0; -} - -.entry-meta { - color: #767676; - font-size: 11px; - font-size: 0.6875rem; - font-weight: 800; - letter-spacing: 0.1818em; - padding-bottom: 0.25em; - text-transform: uppercase; -} - -.entry-meta a { - color: #767676; -} - -.byline, -.updated:not(.published) { - display: none; -} - -.single .byline, -.group-blog .byline { - display: inline; -} - -.pagination, -.comments-pagination { - border-top: 1px solid #eee; - font-size: 14px; - font-size: 0.875rem; - font-weight: 800; - padding: 2em 0 3em; - text-align: center; -} - -.pagination .icon, -.comments-pagination .icon { - width: 0.666666666em; - height: 0.666666666em; -} - -.comments-pagination { - border: 0; -} - -.page-numbers { - display: none; - padding: 0.5em 0.75em; -} - -.page-numbers.current { - color: #767676; - display: inline-block; -} - -.page-numbers.current .screen-reader-text { - clip: auto; - height: auto; - overflow: auto; - position: relative !important; - width: auto; -} - -.prev.page-numbers, -.next.page-numbers { - background-color: #ddd; - -webkit-border-radius: 2px; - border-radius: 2px; - display: inline-block; - font-size: 24px; - font-size: 1.5rem; - line-height: 1; - padding: 0.25em 0.5em 0.4em; -} - -.prev.page-numbers, -.next.page-numbers { - -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; - transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; -} - -.prev.page-numbers:focus, -.prev.page-numbers:hover, -.next.page-numbers:focus, -.next.page-numbers:hover { - background-color: #767676; - color: #fff; -} - -.prev.page-numbers { - float: left; -} - -.next.page-numbers { - float: right; -} - -/* Aligned blockquotes */ - -.entry-content blockquote.alignleft, -.entry-content blockquote.alignright { - color: #666; - font-size: 13px; - font-size: 0.8125rem; - width: 48%; -} - -/* Blog landing, search, archives */ - -.blog .site-main > article, -.archive .site-main > article, -.search .site-main > article { - padding-bottom: 2em; -} - -body:not(.twentyseventeen-front-page) .entry-header { - padding: 1em 0; -} - -body:not(.twentyseventeen-front-page) .entry-header, -body:not(.twentyseventeen-front-page) .entry-content, -body:not(.twentyseventeen-front-page) #comments { - margin-left: auto; - margin-right: auto; -} - -body:not(.twentyseventeen-front-page) .entry-header { - padding-top: 0; -} - -.blog .entry-meta a.post-edit-link, -.archive .entry-meta a.post-edit-link, -.search .entry-meta a.post-edit-link { - color: #222; - display: inline-block; - margin-left: 1em; - white-space: nowrap; -} - -.search .page .entry-meta a.post-edit-link { - margin-left: 0; - white-space: nowrap; -} - -.taxonomy-description { - color: #666; - font-size: 13px; - font-size: 0.8125rem; -} - -/* More tag */ - -.entry-content .more-link:before { - content: ""; - display: block; - margin-top: 1.5em; -} - -/* Single Post */ - -.single-post:not(.has-sidebar) #primary, -.page.page-one-column:not(.twentyseventeen-front-page) #primary, -.archive.page-one-column:not(.has-sidebar) .page-header, -.archive.page-one-column:not(.has-sidebar) #primary { - margin-left: auto; - margin-right: auto; - max-width: 740px; -} - -.single-featured-image-header { - background-color: #fafafa; - border-bottom: 1px solid #eee; -} - -.single-featured-image-header img { - display: block; - margin: auto; -} - -.page-links { - font-size: 14px; - font-size: 0.875rem; - font-weight: 800; - padding: 2em 0 3em; -} - -.page-links .page-number { - color: #767676; - display: inline-block; - padding: 0.5em 1em; -} - -.page-links a { - display: inline-block; -} - -.page-links a .page-number { - color: #222; -} - -/* Entry footer */ - -.entry-footer { - border-bottom: 1px solid #eee; - border-top: 1px solid #eee; - margin-top: 2em; - padding: 2em 0; -} - -.entry-footer .cat-links, -.entry-footer .tags-links { - display: block; - font-size: 11px; - font-size: 0.6875rem; - font-weight: 800; - letter-spacing: 0.1818em; - padding-left: 2.5em; - position: relative; - text-transform: uppercase; -} - -.entry-footer .cat-links + .tags-links { - margin-top: 1em; -} - -.entry-footer .cat-links a, -.entry-footer .tags-links a { - color: #333; -} - -.entry-footer .cat-links .icon, -.entry-footer .tags-links .icon { - color: #767676; - left: 0; - margin-right: 0.5em; - position: absolute; - top: 2px; -} - -.entry-footer .edit-link { - display: inline-block; -} - -.entry-footer .edit-link a.post-edit-link { - background-color: #222; - -webkit-border-radius: 2px; - border-radius: 2px; - -webkit-box-shadow: none; - box-shadow: none; - color: #fff; - display: inline-block; - font-size: 14px; - font-size: 0.875rem; - font-weight: 800; - margin-top: 2em; - padding: 0.7em 2em; - -webkit-transition: background-color 0.2s ease-in-out; - transition: background-color 0.2s ease-in-out; - white-space: nowrap; -} - -.entry-footer .edit-link a.post-edit-link:hover, -.entry-footer .edit-link a.post-edit-link:focus { - background-color: #767676; -} - -/* Post Formats */ - -.blog .format-status .entry-title, -.archive .format-status .entry-title, -.blog .format-aside .entry-title, -.archive .format-aside .entry-title { - display: none; -} - -.format-quote blockquote { - color: #333; - font-size: 20px; - font-size: 1.25rem; - font-weight: 300; - overflow: visible; - position: relative; -} - -.format-quote blockquote .icon { - display: block; - height: 20px; - left: -1.25em; - position: absolute; - top: 0.4em; - -webkit-transform: scale(-1, 1); - -ms-transform: scale(-1, 1); - transform: scale(-1, 1); - width: 20px; -} - -/* Post Navigation */ - -.post-navigation { - font-weight: 800; - margin: 3em 0; -} - -.post-navigation .nav-links { - padding: 1em 0; -} - -.nav-subtitle { - background: transparent; - color: #767676; - display: block; - font-size: 11px; - font-size: 0.6875rem; - letter-spacing: 0.1818em; - margin-bottom: 1em; - text-transform: uppercase; -} - -.nav-title { - color: #333; - font-size: 15px; - font-size: 0.9375rem; -} - -.post-navigation .nav-next { - margin-top: 1.5em; -} - -.nav-links .nav-previous .nav-title .nav-title-icon-wrapper { - margin-right: 0.5em; -} - -.nav-links .nav-next .nav-title .nav-title-icon-wrapper { - margin-left: 0.5em; -} - -/*-------------------------------------------------------------- -13.5 Pages ---------------------------------------------------------------*/ - -.page-header { - padding-bottom: 2em; -} - -.page .entry-header .edit-link { - font-size: 14px; - font-size: 0.875rem; -} - -.search .page .entry-header .edit-link { - font-size: 11px; - font-size: 0.6875rem; -} - -.page-links { - clear: both; - margin: 0 0 1.5em; -} - -.page:not(.home) #content { - padding-bottom: 1.5em; -} - -/* 404 page */ - -.error404 .page-content { - padding-bottom: 4em; -} - -.error404 .page-content .search-form, -.search .page-content .search-form { - margin-bottom: 3em; -} - -/*-------------------------------------------------------------- -13.6 Footer ---------------------------------------------------------------*/ - -.site-footer { - border-top: 1px solid #eee; -} - -.site-footer .wrap { - padding-bottom: 1.5em; - padding-top: 2em; -} - -/* Footer widgets */ - -.site-footer .widget-area { - padding-bottom: 2em; - padding-top: 2em; -} - -/* Social nav */ - -.social-navigation { - font-size: 16px; - font-size: 1rem; - margin-bottom: 1em; -} - -.social-navigation ul { - list-style: none; - margin-bottom: 0; - margin-left: 0; -} - -.social-navigation li { - display: inline; -} - -.social-navigation a { - background-color: #767676; - -webkit-border-radius: 40px; - border-radius: 40px; - color: #fff; - display: inline-block; - height: 40px; - margin: 0 1em 0.5em 0; - text-align: center; - width: 40px; -} - -.social-navigation a:hover, -.social-navigation a:focus { - background-color: #333; -} - -.social-navigation .icon { - height: 16px; - top: 12px; - width: 16px; - vertical-align: top; -} - -/* Site info */ - -.site-info { - font-size: 14px; - font-size: 0.875rem; - margin-bottom: 1em; -} - -.site-info a { - color: #666; -} - -.site-info .sep { - margin: 0; - display: block; - visibility: hidden; - height: 0; - width: 100%; -} - -.site-info span[role=separator] { - padding: 0 0.2em 0 0.4em; -} - -.site-info span[role=separator]::before { - content: '\002f'; -} - -/*-------------------------------------------------------------- -14.0 Comments ---------------------------------------------------------------*/ - -#comments { - clear: both; - padding: 2em 0 0.5em; -} - -.comments-title { - font-size: 20px; - font-size: 1.25rem; - margin-bottom: 1.5em; -} - -.comment-list, -.comment-list .children { - list-style: none; - margin: 0; - padding: 0; -} - -.comment-list li:before { - display: none; -} - -.comment-body { - margin-left: 65px; -} - -.comment-author { - font-size: 16px; - font-size: 1rem; - margin-bottom: 0.4em; - position: relative; - z-index: 2; -} - -.comment-author .avatar { - height: 50px; - left: -65px; - position: absolute; - width: 50px; -} - -.comment-author .says { - display: none; -} - -.comment-meta { - margin-bottom: 1.5em; -} - -.comment-metadata { - color: #767676; - font-size: 10px; - font-size: 0.625rem; - font-weight: 800; - letter-spacing: 0.1818em; - text-transform: uppercase; -} - -.comment-metadata a { - color: #767676; -} - -.comment-metadata a.comment-edit-link { - color: #222; - margin-left: 1em; -} - -.comment-body { - color: #333; - font-size: 14px; - font-size: 0.875rem; - margin-bottom: 4em; -} - -.comment-reply-link { - font-weight: 800; - position: relative; -} - -.comment-reply-link .icon { - color: #222; - left: -2em; - height: 1em; - position: absolute; - top: 0; - width: 1em; -} - -.children .comment-author .avatar { - height: 30px; - left: -45px; - width: 30px; -} - -.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar { - border: 1px solid #333; - padding: 2px; -} - -.no-comments, -.comment-awaiting-moderation { - color: #767676; - font-size: 14px; - font-size: 0.875rem; - font-style: italic; -} - -.comments-pagination { - margin: 2em 0 3em; -} - -.form-submit { - text-align: right; -} - -.comment-form #wp-comment-cookies-consent { - margin: 0 10px 0 0; -} - -.comment-form .comment-form-cookies-consent label { - display: inline; -} - -/*-------------------------------------------------------------- -15.0 Widgets ---------------------------------------------------------------*/ - -#secondary { - padding: 1em 0 2em; -} - -.widget { - padding-bottom: 3em; -} - -h2.widget-title { - color: #222; - font-size: 13px; - font-size: 0.8125rem; - font-weight: 800; - letter-spacing: 0.1818em; - margin-bottom: 1.5em; - text-transform: uppercase; -} - -.widget-title a { - color: inherit; -} - -/* widget forms */ - -.widget select { - width: 100%; -} - - -/* widget lists */ - -.widget ul { - list-style: none; - margin: 0; -} - -.widget ul li, -.widget ol li { - border-bottom: 1px solid #ddd; - border-top: 1px solid #ddd; - padding: 0.5em 0; -} - -.widget:not(.widget_tag_cloud) ul li + li { - margin-top: -1px; -} - -.widget ul li ul { - margin: 0 0 -1px; - padding: 0; - position: relative; -} - -.widget ul li li { - border: 0; - padding-left: 24px; - padding-left: 1.5rem; -} - -/* Widget lists of links */ - -.widget_top-posts ul li ul, -.widget_rss_links ul li ul, -.widget-grofile ul.grofile-links li ul, -.widget_pages ul li ul, -.widget_meta ul li ul { - bottom: 0; -} - -.widget_nav_menu ul li li, -.widget_top-posts ul li, -.widget_top-posts ul li li, -.widget_rss_links ul li, -.widget_rss_links ul li li, -.widget-grofile ul.grofile-links li, -.widget-grofile ul.grofile-links li li { - padding-bottom: 0.25em; - padding-top: 0.25em; -} - -.widget_rss ul li { - padding-bottom: 1em; - padding-top: 1em; -} - -/* Widget markup */ - -.widget .post-date, -.widget .rss-date { - font-size: 0.81em; -} - -/* Text widget */ - -.widget_text { - word-wrap: break-word; -} - -.widget_text ul { - list-style: disc; - margin: 0 0 1.5em 1.5em; -} - -.widget_text ol { - list-style: decimal; -} - -.widget_text ul li, -.widget_text ol li { - border: none; -} - -.widget_text ul li:last-child, -.widget_text ol li:last-child { - padding-bottom: 0; -} - -.widget_text ul li ul { - margin: 0 0 0 1.5em; -} - -.widget_text ul li li { - padding-left: 0; - padding-right: 0; -} - -.widget_text ol li { - list-style-position: inside; -} - -.widget_text ol li + li { - margin-top: -1px; -} - -/* RSS Widget */ - -.widget_rss .widget-title .rsswidget:first-child { - float: right; -} - -.widget_rss .widget-title .rsswidget:first-child:hover { - background-color: transparent; -} - -.widget_rss .widget-title .rsswidget:first-child img { - display: block; -} - -.widget_rss ul li { - padding: 2.125em 0; -} - -.widget_rss ul li:first-child { - border-top: none; - padding-top: 0; -} - -.widget_rss li .rsswidget { - font-size: 22px; - font-size: 1.375rem; - font-weight: 300; - line-height: 1.4; -} - -.widget_rss .rss-date, -.widget_rss li cite { - color: #767676; - display: block; - font-size: 10px; - font-size: 0.625rem; - font-style: normal; - font-weight: 800; - letter-spacing: 0.18em; - line-height: 1.5; - text-transform: uppercase; -} - -.widget_rss .rss-date { - margin: 0.5em 0 1.5em; - padding: 0; -} - -.widget_rss .rssSummary { - margin-bottom: 0.5em; -} - -/* Contact Info Widget */ - -.widget_contact_info .contact-map { - margin-bottom: 0.5em; -} - -/* Gravatar */ - -.widget-grofile h4 { - font-size: 16px; - font-size: 1rem; - margin-bottom: 0; -} - -/* Recent Comments */ - -.widget_recent_comments table, -.widget_recent_comments th, -.widget_recent_comments td { - border: 0; -} - -/* Recent Posts widget */ - -.widget_recent_entries .post-date { - display: block; -} - -/* Search */ - -.search-form { - position: relative; -} - -.search-form .search-submit { - bottom: 3px; - padding: 0.5em 1em; - position: absolute; - right: 3px; - top: 3px; -} - -.search-form .search-submit .icon { - height: 24px; - top: -2px; - width: 24px; -} - -/* Tag cloud widget */ - -.tagcloud ul li { - float: left; - border-top: 0; - border-bottom: 0; - padding: 0; - margin: 4px 4px 0 0; -} - -.tagcloud, -.widget_tag_cloud, -.wp_widget_tag_cloud { - line-height: 1.5; -} - -.widget .tagcloud a, -.widget.widget_tag_cloud a, -.wp_widget_tag_cloud a { - border: 1px solid #ddd; - -webkit-box-shadow: none; - box-shadow: none; - display: block; - padding: 4px 10px 5px; - position: relative; - -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; - transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; - width: auto; - word-wrap: break-word; - z-index: 0; -} - -.widget .tagcloud a:hover, -.widget .tagcloud a:focus, -.widget.widget_tag_cloud a:hover, -.widget.widget_tag_cloud a:focus, -.wp_widget_tag_cloud a:hover, -.wp_widget_tag_cloud a:focus { - border-color: #bbb; - -webkit-box-shadow: none; - box-shadow: none; - text-decoration: none; -} - -/* Calendar widget */ - -.widget_calendar .wp-calendar-table { - margin-bottom: 0; -} - -.widget_calendar .wp-calendar-nav { - display: table; - width: 100%; - margin: 0 0 1.5em; - padding: 0.4em 0; -} - -.widget_calendar .wp-calendar-nav span { - display: table-cell; -} - -.widget_calendar .wp-calendar-nav-prev, -.widget_calendar .wp-calendar-nav-next { - width: 40%; -} - -.widget_calendar th, -.widget_calendar td, -.widget_calendar .wp-calendar-nav span { - text-align: center; -} - -.widget_calendar tfoot td { - border: 0; -} - -/* Gallery widget */ - -.gallery-columns-5 .gallery-caption, -.gallery-columns-6 .gallery-caption, -.gallery-columns-7 .gallery-caption, -.gallery-columns-8 .gallery-caption, -.gallery-columns-9 .gallery-caption { - display: none; -} - -/*-------------------------------------------------------------- -16.0 Media ---------------------------------------------------------------*/ - -img, -video { - height: auto; /* Make sure images are scaled correctly. */ - max-width: 100%; /* Adhere to container width. */ -} - -img.alignleft, -img.alignright { - float: none; - margin: 0; -} - -.page-content .wp-smiley, -.entry-content .wp-smiley, -.comment-content .wp-smiley { - border: none; - margin-bottom: 0; - margin-top: 0; - padding: 0; -} - -audio:focus, -video:focus { - outline: thin dotted; -} - -/* Make sure embeds and iframes fit their containers. */ - -embed, -iframe, -object { - margin-bottom: 1.5em; - max-width: 100%; -} - -/* Remove bottom on embeds that wrapped in paragraphs via wpautop. */ - -p > embed:only-child, -p > iframe:only-child, -p > object:only-child { - margin-bottom: 0; -} - -.wp-caption, -.gallery-caption { - color: #666; - font-size: 13px; - font-size: 0.8125rem; - font-style: italic; - margin-bottom: 1.5em; - max-width: 100%; -} - -.wp-caption img[class*="wp-image-"] { - display: block; - margin-left: auto; - margin-right: auto; -} - -.wp-caption .wp-caption-text { - margin: 0.8075em 0; -} - -/* Media Elements */ - -.mejs-container { - margin-bottom: 1.5em; -} - -/* Audio Player */ - -.mejs-controls a.mejs-horizontal-volume-slider, -.mejs-controls a.mejs-horizontal-volume-slider:focus, -.mejs-controls a.mejs-horizontal-volume-slider:hover { - background: transparent; - border: 0; -} - -/* Playlist Color Overrides: Light */ - -.site-content .wp-playlist-light { - border-color: #eee; - color: #222; -} - -.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album { - color: #333; -} - -.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist { - color: #767676; -} - -.site-content .wp-playlist-light .wp-playlist-item { - border-bottom: 1px dotted #eee; - -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; - transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; -} - -.site-content .wp-playlist-light .wp-playlist-item:hover, -.site-content .wp-playlist-light .wp-playlist-item:focus { - border-bottom-color: rgba(0, 0, 0, 0); - background-color: #767676; - color: #fff; -} - -.site-content .wp-playlist-light a.wp-playlist-caption:hover, -.site-content .wp-playlist-light .wp-playlist-item:hover a, -.site-content .wp-playlist-light .wp-playlist-item:focus a { - color: #fff; -} - -/* Playlist Color Overrides: Dark */ - -.site-content .wp-playlist-dark { - background: #222; - border-color: #333; -} - -.site-content .wp-playlist-dark .mejs-container .mejs-controls { - background-color: #333; -} - -.site-content .wp-playlist-dark .wp-playlist-caption { - color: #fff; -} - -.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album { - color: #eee; -} - -.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist { - color: #aaa; -} - -.site-content .wp-playlist-dark .wp-playlist-playing { - background-color: #333; -} - -.site-content .wp-playlist-dark .wp-playlist-item { - border-bottom: 1px dotted #555; - -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; - transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; -} - -.site-content .wp-playlist-dark .wp-playlist-item:hover, -.site-content .wp-playlist-dark .wp-playlist-item:focus { - border-bottom-color: rgba(0, 0, 0, 0); - background-color: #aaa; - color: #222; -} - -.site-content .wp-playlist-dark a.wp-playlist-caption:hover, -.site-content .wp-playlist-dark .wp-playlist-item:hover a, -.site-content .wp-playlist-dark .wp-playlist-item:focus a { - color: #222; -} - -/* Playlist Style Overrides */ - -.site-content .wp-playlist { - padding: 0.625em 0.625em 0.3125em; -} - -.site-content .wp-playlist-current-item .wp-playlist-item-title { - font-weight: 700; -} - -.site-content .wp-playlist-current-item .wp-playlist-item-album { - font-style: normal; -} - -.site-content .wp-playlist-current-item .wp-playlist-item-artist { - font-size: 10px; - font-size: 0.625rem; - font-weight: 800; - letter-spacing: 0.1818em; - text-transform: uppercase; -} - -.site-content .wp-playlist-item { - padding: 0 0.3125em; - cursor: pointer; -} - -.site-content .wp-playlist-item:last-of-type { - border-bottom: none; -} - -.site-content .wp-playlist-item a { - padding: 0.3125em 0; - border-bottom: none; -} - -.site-content .wp-playlist-item a, -.site-content .wp-playlist-item a:focus, -.site-content .wp-playlist-item a:hover { - -webkit-box-shadow: none; - box-shadow: none; - background: transparent; -} - -.site-content .wp-playlist-item-length { - top: 5px; -} - -/* SVG Icons base styles */ - -.icon { - display: inline-block; - fill: currentColor; - height: 1em; - position: relative; /* Align more nicely with capital letters */ - top: -0.0625em; - vertical-align: middle; - width: 1em; -} - -/*-------------------------------------------------------------- -16.1 Galleries ---------------------------------------------------------------*/ - -.gallery-item { - display: inline-block; - text-align: left; - vertical-align: top; - margin: 0 0 1.5em; - padding: 0 1em 0 0; - width: 50%; -} - -.gallery-columns-1 .gallery-item { - width: 100%; -} - -.gallery-columns-2 .gallery-item { - max-width: 50%; -} - -.gallery-item a, -.gallery-item a:hover, -.gallery-item a:focus, -.widget-area .gallery-item a, -.widget-area .gallery-item a:hover, -.widget-area .gallery-item a:focus { - -webkit-box-shadow: none; - box-shadow: none; - background: none; - display: inline-block; - max-width: 100%; -} - -.gallery-item a img { - display: block; - -webkit-transition: -webkit-filter 0.2s ease-in; - transition: -webkit-filter 0.2s ease-in; - transition: filter 0.2s ease-in; - transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} - -.gallery-item a:hover img, -.gallery-item a:focus img { - -webkit-filter: opacity(60%); - filter: opacity(60%); -} - -.gallery-caption { - display: block; - text-align: left; - padding: 0 10px 0 0; - margin-bottom: 0; -} - -/*-------------------------------------------------------------- -17.0 Customizer ---------------------------------------------------------------*/ - -.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:after { - border: 2px dashed #0085ba; /* Matches visible edit shortcuts. */ - bottom: 1em; - content: ""; - display: block; - left: 1em; - position: absolute; - right: 1em; - top: 1em; - z-index: 1; -} - -.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .panel-content { - z-index: 2; /* Prevent :after from preventing interactions within the section */ -} - -/* Used for placeholder text */ -.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title { - display: block; - font-size: 14px; - font-size: 0.875rem; - font-weight: 700; - letter-spacing: 1px; - padding: 3em; - text-transform: uppercase; - text-align: center; -} - -/* Show borders on the custom page panels only when the front page sections are being edited */ -.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(1):after { - border: none; -} - -.twentyseventeen-front-page.twentyseventeen-customizer #primary article.panel-placeholder { - border: 0; -} - -/* Add some space around the visual edit shortcut buttons. */ -.twentyseventeen-panel > .customize-partial-edit-shortcut > button { - top: 30px; - left: 30px; -} - -/* Ensure that placeholder icons are visible. */ -.twentyseventeen-panel .customize-partial-edit-shortcut-hidden:before { - visibility: visible; -} - -/*-------------------------------------------------------------- -18.0 SVGs Fallbacks ---------------------------------------------------------------*/ - -.svg-fallback { - display: none; -} - -.no-svg .svg-fallback { - display: inline-block; -} - -.no-svg .dropdown-toggle { - padding: 0.5em 0 0; - right: 0; - text-align: center; - width: 2em; -} - -.no-svg .dropdown-toggle .svg-fallback.icon-angle-down { - font-size: 20px; - font-size: 1.25rem; - font-weight: 400; - line-height: 1; - -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ - -ms-transform: rotate(180deg); /* IE 9 */ - transform: rotate(180deg); -} - -.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down { - -webkit-transform: rotate(0); /* Chrome, Safari, Opera */ - -ms-transform: rotate(0); /* IE 9 */ - transform: rotate(0); -} - -.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before { - content: "\005E"; -} - -/* Social Menu fallbacks */ - -.no-svg .social-navigation a { - background: transparent; - color: #222; - height: auto; - width: auto; -} - -/* Show screen reader text in some cases */ - -.no-svg .next.page-numbers .screen-reader-text, -.no-svg .prev.page-numbers .screen-reader-text, -.no-svg .social-navigation li a .screen-reader-text, -.no-svg .search-submit .screen-reader-text { - clip: auto; - font-size: 16px; - font-size: 1rem; - font-weight: 400; - height: auto; - position: relative !important; /* overrides previous !important styles */ - width: auto; -} - -/*-------------------------------------------------------------- -19.0 Media Queries ---------------------------------------------------------------*/ - -/* Adjust positioning of edit shortcuts, override style in customize-preview.css */ -@media screen and (min-width: 20em) { - - body.customize-partial-edit-shortcuts-shown .site-header .site-title { - padding-left: 0; - } -} - -@media screen and (min-width: 30em) { - - /* Typography */ - - body, - button, - input, - select, - textarea { - font-size: 18px; - font-size: 1.125rem; - } - - h1 { - font-size: 30px; - font-size: 1.875rem; - } - - h2, - .home.blog .entry-title, - .page .panel-content .recent-posts .entry-title { - font-size: 26px; - font-size: 1.625rem; - } - - h3 { - font-size: 22px; - font-size: 1.375rem; - } - - h4 { - font-size: 18px; - font-size: 1.125rem; - } - - h5 { - font-size: 13px; - font-size: 0.8125rem; - } - - h6 { - font-size: 16px; - font-size: 1rem; - } - - .entry-content blockquote.alignleft, - .entry-content blockquote.alignright { - font-size: 14px; - font-size: 0.875rem; - } - - /* Fix image alignment */ - img.alignleft { - float: left; - margin-right: 1.5em; - } - - img.alignright { - float: right; - margin-left: 1.5em; - } - - /* Site Branding */ - - .site-branding { - padding: 3em 0; - } - - /* Front Page */ - - .panel-content .wrap { - padding-bottom: 2em; - padding-top: 3.5em; - } - - .page-one-column .panel-content .wrap { - max-width: 740px; - } - - .panel-content .entry-header { - margin-bottom: 4.5em; - } - - .panel-content .recent-posts .entry-header { - margin-bottom: 0; - } - - /* Blog Index, Archive, Search */ - - .taxonomy-description { - font-size: 14px; - font-size: 0.875rem; - } - - .page-numbers.current { - font-size: 16px; - font-size: 1rem; - } - - /* Site Footer */ - - .site-footer { - font-size: 16px; - font-size: 1rem; - } - - /* Gallery Columns */ - - .gallery-item { - max-width: 25%; - } - - .gallery-columns-1 .gallery-item { - max-width: 100%; - } - - .gallery-columns-2 .gallery-item { - max-width: 50%; - } - - .gallery-columns-3 .gallery-item { - max-width: 33.33%; - } - - .gallery-columns-4 .gallery-item { - max-width: 25%; - } -} - -@media screen and (min-width: 48em) { - - /* Typography */ - - body, - button, - input, - select, - textarea { - font-size: 16px; - font-size: 1rem; - line-height: 1.5; - } - - .entry-content blockquote.alignleft, - .entry-content blockquote.alignright { - font-size: 13px; - font-size: 0.8125rem; - } - - /* Layout */ - - .wrap { - max-width: 1000px; - padding-left: 3em; - padding-right: 3em; - } - - .has-sidebar:not(.error404) #primary { - float: left; - width: 58%; - } - - .has-sidebar #secondary { - float: right; - padding-top: 0; - width: 36%; - } - - .error404 #primary { - float: none; - } - - /* Site Branding */ - - .site-branding { - margin-bottom: 0; - } - - .has-header-image.twentyseventeen-front-page .site-branding, - .has-header-video.twentyseventeen-front-page .site-branding, - .has-header-image.home.blog .site-branding, - .has-header-video.home.blog .site-branding { - bottom: 0; - display: block; - left: 0; - height: auto; - padding-top: 0; - position: absolute; - width: 100%; - } - - .has-header-image.twentyseventeen-front-page .custom-header, - .has-header-video.twentyseventeen-front-page .custom-header, - .has-header-image.home.blog .custom-header, - .has-header-video.home.blog .custom-header { - display: block; - height: auto; - } - - .custom-header-media { - height: 165px; - position: relative; - } - - .twentyseventeen-front-page.has-header-image .custom-header-media, - .twentyseventeen-front-page.has-header-video .custom-header-media, - .home.blog.has-header-image .custom-header-media, - .home.blog.has-header-video .custom-header-media { - height: 0; - position: relative; - } - - .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media, - .has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media { - bottom: 0; - height: auto; - left: 0; - position: absolute; - right: 0; - top: 0; - } - - .custom-logo-link { - padding-right: 2em; - } - - .custom-logo-link img, - body.home.title-tagline-hidden.has-header-image .custom-logo-link img, - body.home.title-tagline-hidden.has-header-video .custom-logo-link img { - max-width: 350px; - } - - .title-tagline-hidden.home.has-header-image .custom-logo-link img, - .title-tagline-hidden.home.has-header-video .custom-logo-link img { - max-height: 200px; - } - - .site-title { - font-size: 36px; - font-size: 2.25rem; - } - - .site-description { - font-size: 16px; - font-size: 1rem; - } - - /* Navigation */ - - .navigation-top { - bottom: 0; - font-size: 14px; - font-size: 0.875rem; - left: 0; - position: absolute; - right: 0; - width: 100%; - z-index: 3; - } - - .navigation-top .wrap { - max-width: 1000px; - /* The font size is 14px here and we need 50px padding in ems */ - padding: 0.75em 3.4166666666667em; - } - - .navigation-top nav { - margin-left: -1.25em; - } - - .site-navigation-fixed.navigation-top { - bottom: auto; - position: fixed; - left: 0; - right: 0; - top: 0; - width: 100%; - z-index: 1000; - } - - .admin-bar .site-navigation-fixed.navigation-top { - top: 32px; - } - - /* Main Navigation */ - - .js .menu-toggle, - .js .dropdown-toggle { - display: none; - } - - .main-navigation { - width: auto; - } - - .js .main-navigation ul, - .js .main-navigation ul ul, - .js .main-navigation > div > ul { - display: block; - } - - .main-navigation ul { - background: transparent; - padding: 0; - } - - .main-navigation > div > ul { - border: 0; - margin-bottom: 0; - padding: 0; - } - - .main-navigation li { - border: 0; - display: inline-block; - } - - .main-navigation li li { - display: block; - } - - .main-navigation a { - padding: 1em 1.25em; - } - - .main-navigation ul ul { - background: #fff; - border: 1px solid #bbb; - left: -999em; - padding: 0; - position: absolute; - top: 100%; - z-index: 99999; - } - - .main-navigation ul li.menu-item-has-children:before, - .main-navigation ul li.menu-item-has-children:after, - .main-navigation ul li.page_item_has_children:before, - .main-navigation ul li.page_item_has_children:after { - border-style: solid; - border-width: 0 6px 6px; - content: ""; - display: none; - height: 0; - position: absolute; - right: 1em; - bottom: -1px; - width: 0; - z-index: 100000; - } - - .main-navigation ul li.menu-item-has-children.focus:before, - .main-navigation ul li.menu-item-has-children:hover:before, - .main-navigation ul li.menu-item-has-children.focus:after, - .main-navigation ul li.menu-item-has-children:hover:after, - .main-navigation ul li.page_item_has_children.focus:before, - .main-navigation ul li.page_item_has_children:hover:before, - .main-navigation ul li.page_item_has_children.focus:after, - .main-navigation ul li.page_item_has_children:hover:after { - display: block; - } - - .main-navigation ul li.menu-item-has-children:before, - .main-navigation ul li.page_item_has_children:before { - border-color: transparent transparent #bbb; - bottom: 0; - } - - .main-navigation ul li.menu-item-has-children:after, - .main-navigation ul li.page_item_has_children:after { - border-color: transparent transparent #fff; - } - - .main-navigation ul ul li:hover > ul, - .main-navigation ul ul li.focus > ul { - left: 100%; - right: auto; - } - - .main-navigation ul ul a { - padding: 0.75em 1.25em; - width: 16em; - } - - .main-navigation li li { - -webkit-transition: background-color 0.2s ease-in-out; - transition: background-color 0.2s ease-in-out; - } - - .main-navigation li li:hover, - .main-navigation li li.focus { - background: #767676; - } - - .main-navigation li li a { - -webkit-transition: color 0.3s ease-in-out; - transition: color 0.3s ease-in-out; - } - - .main-navigation li li.focus > a, - .main-navigation li li:focus > a, - .main-navigation li li:hover > a, - .main-navigation li li a:hover, - .main-navigation li li a:focus, - .main-navigation li li.current_page_item a:hover, - .main-navigation li li.current-menu-item a:hover, - .main-navigation li li.current_page_item a:focus, - .main-navigation li li.current-menu-item a:focus { - color: #fff; - } - - .main-navigation ul li:hover > ul, - .main-navigation ul li.focus > ul { - left: 0.5em; - right: auto; - } - - .main-navigation .menu-item-has-children > a > .icon, - .main-navigation .page_item_has_children > a > .icon { - display: inline; - left: 5px; - position: relative; - top: -1px; - } - - .main-navigation ul ul .menu-item-has-children > a > .icon, - .main-navigation ul ul .page_item_has_children > a > .icon { - margin-top: -9px; - left: auto; - position: absolute; - right: 1em; - top: 50%; - -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ - -ms-transform: rotate(-90deg); /* IE 9 */ - transform: rotate(-90deg); - } - - .main-navigation ul ul ul { - left: -999em; - margin-top: -1px; - top: 0; - } - - .main-navigation ul ul li.menu-item-has-children.focus:before, - .main-navigation ul ul li.menu-item-has-children:hover:before, - .main-navigation ul ul li.menu-item-has-children.focus:after, - .main-navigation ul ul li.menu-item-has-children:hover:after, - .main-navigation ul ul li.page_item_has_children.focus:before, - .main-navigation ul ul li.page_item_has_children:hover:before, - .main-navigation ul ul li.page_item_has_children.focus:after, - .main-navigation ul ul li.page_item_has_children:hover:after { - display: none; - } - - .site-header .site-navigation-fixed .menu-scroll-down { - display: none; - } - - /* Scroll down arrow */ - - .site-header .menu-scroll-down { - display: block; - padding: 1em; - position: absolute; - right: 0; - } - - .site-header .menu-scroll-down .icon { - -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ - -ms-transform: rotate(90deg); /* IE 9 */ - transform: rotate(90deg); - } - - .site-header .menu-scroll-down { - color: #fff; - top: 2em; - } - - .site-header .navigation-top .menu-scroll-down { - color: #767676; - top: 0.7em; - } - - .menu-scroll-down:focus { - outline: thin dotted; - } - - .menu-scroll-down .icon { - height: 18px; - width: 18px; - } - - /* Front Page */ - - .twentyseventeen-front-page.has-header-image .site-branding, - .twentyseventeen-front-page.has-header-video .site-branding, - .home.blog.has-header-image .site-branding, - .home.blog.has-header-video .site-branding { - margin-bottom: 70px; - } - - .twentyseventeen-front-page.has-header-image .custom-header-media, - .twentyseventeen-front-page.has-header-video .custom-header-media, - .home.blog.has-header-image .custom-header-media, - .home.blog.has-header-video .custom-header-media { - height: 1200px; - height: 100vh; - max-height: 100%; - overflow: hidden; - } - - .twentyseventeen-front-page.has-header-image .custom-header-media:before, - .twentyseventeen-front-page.has-header-video .custom-header-media:before, - .home.blog.has-header-image .custom-header-media:before, - .home.blog.has-header-video .custom-header-media:before { - height: 33%; - } - - .admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media, - .admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media, - .admin-bar.home.blog.has-header-image .custom-header-media, - .admin-bar.home.blog.has-header-video .custom-header-media { - height: calc(100vh - 32px); - } - - .panel-content .wrap { - padding-bottom: 4.5em; - padding-top: 6em; - } - - .panel-image { - height: 100vh; - max-height: 1200px; - } - - /* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */ - .background-fixed .panel-image { - background-attachment: fixed; - } - - .page-two-column .panel-content .entry-header { - float: left; - width: 36%; - } - - .page-two-column .panel-content .entry-content { - float: right; - width: 58%; - } - - /* Front Page - Recent Posts */ - - .page-two-column .panel-content .recent-posts { - clear: right; - float: right; - width: 58%; - } - - .panel-content .recent-posts article { - margin-bottom: 4em; - } - - .panel-content .recent-posts .entry-header, - .page-two-column #primary .panel-content .recent-posts .entry-header, - .panel-content .recent-posts .entry-content, - .page-two-column #primary .panel-content .recent-posts .entry-content { - float: none; - width: 100%; - } - - .panel-content .recent-posts .entry-header { - margin-bottom: 1.5em; - } - - .page .panel-content .recent-posts .entry-title { - font-size: 26px; - font-size: 1.625rem; - } - - /* Posts */ - - .site-content { - padding: 5.5em 0 0; - } - - .single-post .entry-title, - .page .entry-title { - font-size: 26px; - font-size: 1.625rem; - } - - .comments-pagination, - .post-navigation { - clear: both; - } - - .post-navigation .nav-previous { - float: left; - width: 50%; - } - - .post-navigation .nav-next { - float: right; - text-align: right; - width: 50%; - } - - .nav-next, - .post-navigation .nav-next { - margin-top: 0; - } - - /* Blog, archive, search */ - - .sticky .icon-thumb-tack { - height: 23px; - left: -2.5em; - top: 1.5em; - width: 32px; - } - - body:not(.has-sidebar):not(.page-one-column) .page-header, - body.has-sidebar.error404 #primary .page-header, - body.page-two-column:not(.archive) #primary .entry-header, - body.page-two-column.archive:not(.has-sidebar) #primary .page-header { - float: left; - width: 36%; - } - - .blog:not(.has-sidebar) #primary article, - .archive:not(.page-one-column):not(.has-sidebar) #primary article, - .search:not(.has-sidebar) #primary article, - .error404:not(.has-sidebar) #primary .page-content, - .error404.has-sidebar #primary .page-content, - body.page-two-column:not(.archive) #primary .entry-content, - body.page-two-column #comments { - float: right; - width: 58%; - } - - .blog .site-main > article, - .archive .site-main > article, - .search .site-main > article { - padding-bottom: 4em; - } - - .navigation.pagination { - clear: both; - float: right; - width: 58%; - } - - .has-sidebar .navigation.pagination, - .archive.page-one-column:not(.has-sidebar) .navigation.pagination { - float: none; - width: 100%; - } - - .entry-footer { - display: table; - width: 100%; - } - - .entry-footer .cat-tags-links { - display: table-cell; - vertical-align: middle; - width: 100%; - } - - .entry-footer .edit-link { - display: table-cell; - text-align: right; - vertical-align: middle; - } - - .entry-footer .edit-link a.post-edit-link { - margin-top: 0; - margin-left: 1em; - } - - /* Entry content */ - - /* without sidebar */ - - :not(.has-sidebar) .entry-content blockquote.alignleft { - margin-left: -17.5%; - width: 48%; - } - - :not(.has-sidebar) .entry-content blockquote.alignright { - margin-right: -17.5%; - width: 48%; - } - - /* with sidebar */ - - .has-sidebar .entry-content blockquote.alignleft { - margin-left: 0; - width: 34%; - } - - .has-sidebar .entry-content blockquote.alignright { - margin-right: 0; - width: 34%; - } - - .has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta { - margin-right: -72.5%; - width: 62%; - } - - /* blog and archive */ - - .blog:not(.has-sidebar) .entry-content blockquote.alignleft, - .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft, - .archive:not(.has-sidebar) .entry-content blockquote.alignleft, - .page-two-column .entry-content blockquote.alignleft { - margin-left: -72.5%; - width: 62%; - } - - .blog:not(.has-sidebar) .entry-content blockquote.alignright, - .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright, - .archive:not(.has-sidebar) .entry-content blockquote.alignright, - .page-two-column .entry-content blockquote.alignright { - margin-right: 0; - width: 36%; - } - - /* Post formats */ - - .format-quote blockquote .icon { - left: -1.5em; - } - - /* Pages */ - - .page.page-one-column .entry-header, - .twentyseventeen-front-page.page-one-column .entry-header, - .archive.page-one-column:not(.has-sidebar) .page-header { - margin-bottom: 4em; - } - - .page:not(.home) #content { - padding-bottom: 3.25em; - } - - /* 404 page */ - - .error404 .page-content { - padding-bottom: 9em; - } - - /* Comments */ - - #comments { - padding-top: 5em; - } - - .comments-title { - margin-bottom: 2.5em; - } - - ol.children .children { - padding-left: 2em; - } - - /* Posts pagination */ - - .nav-links .nav-title { - position: relative; - } - - .nav-title-icon-wrapper { - position: absolute; - text-align: center; - width: 2em; - } - - .nav-links .nav-previous .nav-title .nav-title-icon-wrapper { - left: -2em; - } - - .nav-links .nav-next .nav-title .nav-title-icon-wrapper { - right: -2em; - } - - /* Secondary */ - - #secondary { - font-size: 14px; - font-size: 0.875rem; - line-height: 1.6; - } - - /* Widgets */ - - h2.widget-title { - font-size: 11px; - font-size: 0.6875rem; - margin-bottom: 2em; - } - - /* Footer */ - - .site-footer { - font-size: 14px; - font-size: 0.875rem; - line-height: 1.6; - margin-top: 3em; - } - - .site-footer .widget-column.footer-widget-1 { - float: left; - width: 36%; - } - - .site-footer .widget-column.footer-widget-2 { - float: right; - width: 58%; - } - - .social-navigation { - clear: left; - float: left; - margin-bottom: 0; - width: 36%; - } - - .site-info { - float: left; - padding: 0.7em 0 0; - width: 58%; - } - - .social-navigation + .site-info { - margin-left: 6%; - } - - .site-info .sep { - margin: 0 0.5em; - display: inline; - visibility: visible; - height: auto; - width: auto; - } - - /* Gallery Columns */ - - .gallery-columns-5 .gallery-item { - max-width: 20%; - } - - .gallery-columns-6 .gallery-item { - max-width: 16.66%; - } - - .gallery-columns-7 .gallery-item { - max-width: 14.28%; - } - - .gallery-columns-8 .gallery-item { - max-width: 12.5%; - } - - .gallery-columns-9 .gallery-item { - max-width: 11.11%; - } -} - -@media screen and ( min-width: 67em ) { - - /* Layout */ - - /* Navigation */ - .navigation-top .wrap { - padding: 0.75em 2em; - } - - .navigation-top nav { - margin-left: 0; - } - - /* Sticky posts */ - - .sticky .icon-thumb-tack { - font-size: 32px; - font-size: 2rem; - height: 22px; - left: -1.25em; - top: 0.75em; - width: 32px; - } - - /* Pagination */ - - .page-numbers { - display: inline-block; - } - - .page-numbers.current { - font-size: 15px; - font-size: 0.9375rem; - } - - .page-numbers.current .screen-reader-text { - clip: rect(1px, 1px, 1px, 1px); - height: 1px; - overflow: hidden; - position: absolute !important; - width: 1px; - } - - /* Comments */ - - .comment-body { - margin-left: 0; - } -} - -@media screen and ( min-width: 79em ) { - - .has-sidebar .entry-content blockquote.alignleft { - margin-left: -20%; - } - - .blog:not(.has-sidebar) .entry-content blockquote.alignright, - .archive:not(.has-sidebar) .entry-content blockquote.alignright, - .page-two-column .entry-content blockquote.alignright, - .twentyseventeen-front-page .entry-content blockquote.alignright { - margin-right: -20%; - } -} - -@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) { - - .admin-bar .site-navigation-fixed.navigation-top, - .admin-bar .site-navigation-hidden.navigation-top { - top: 46px; - } -} - -/*-------------------------------------------------------------- -20.0 Print ---------------------------------------------------------------*/ - -@media print { - - /* Hide elements */ - - form, - button, - input, - select, - textarea, - .navigation-top, - .social-navigation, - #secondary, - .content-bottom-widgets, - .header-image, - .panel-image-prop, - .icon-thumb-tack, - .page-links, - .edit-link, - .post-navigation, - .pagination.navigation, - .comments-pagination, - .comment-respond, - .comment-edit-link, - .comment-reply-link, - .comment-metadata .edit-link, - .pingback .edit-link, - .site-footer aside.widget-area, - .site-info { - display: none !important; - } - - .entry-footer, - #comments, - .site-footer, - .single-featured-image-header { - border: 0; - } - - /* Font sizes */ - - body { - font-size: 12pt; - } - - h1 { - font-size: 24pt; - } - - h2 { - font-size: 22pt; - } - - h3 { - font-size: 17pt; - } - - h4 { - font-size: 12pt; - } - - h5 { - font-size: 11pt; - } - - h6 { - font-size: 12pt; - } - - .page .panel-content .entry-title, - .page-title, - body.page:not(.twentyseventeen-front-page) .entry-title { - font-size: 10pt; - } - - /* Layout */ - - .wrap { - padding-left: 5% !important; - padding-right: 5% !important; - max-width: none; - } - - /* Site Branding */ - - .site-header { - background: transparent; - padding: 0; - } - - .custom-header-media { - padding: 0; - } - - .twentyseventeen-front-page.has-header-image .site-branding, - .twentyseventeen-front-page.has-header-video .site-branding, - .home.blog.has-header-image .site-branding, - .home.blog.has-header-video .site-branding { - position: relative; - } - - .site-branding { - margin-top: 0; - margin-bottom: 1.75em !important; /* override styles added by JavaScript */ - } - - .site-title { - font-size: 25pt; - } - - .site-description { - font-size: 12pt; - opacity: 1; - } - - /* Posts */ - - .single-featured-image-header { - background: transparent; - } - - .entry-meta { - font-size: 9pt; - } - - /* Colors */ - - body, - .site { - background: none !important; /* Brute force since user agents all print differently. */ - } - - body, - a, - .site-title a, - .twentyseventeen-front-page.has-header-image .site-title, - .twentyseventeen-front-page.has-header-video .site-title, - .twentyseventeen-front-page.has-header-image .site-title a, - .twentyseventeen-front-page.has-header-video .site-title a { - color: #222 !important; /* Make sure color schemes don't affect to print */ - } - - h2, - h5, - blockquote, - .site-description, - .twentyseventeen-front-page.has-header-image .site-description, - .twentyseventeen-front-page.has-header-video .site-description, - .entry-meta, - .entry-meta a { - color: #777 !important; /* Make sure color schemes don't affect to print */ - } - - .entry-content blockquote.alignleft, - .entry-content blockquote.alignright { - font-size: 11pt; - width: 34%; - } - - .site-footer { - padding: 0; - } -} +/* +Theme Name: Twenty Seventeen +Theme URI: https://wordpress.org/themes/twentyseventeen/ +Author: the WordPress team +Author URI: https://wordpress.org/ +Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device. +Version: 2.6 +Requires at least: 4.7 +Requires PHP: 5.2.4 +License: GNU General Public License v2 or later +License URI: http://www.gnu.org/licenses/gpl-2.0.html +Text Domain: twentyseventeen +Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns + +This theme, like WordPress, is licensed under the GPL. +Use it to make something cool, have fun, and share what you've learned with others. +*/ + +/*-------------------------------------------------------------- +>>> TABLE OF CONTENTS: +---------------------------------------------------------------- +1.0 Normalize +2.0 Accessibility +3.0 Alignments +4.0 Clearings +5.0 Typography +6.0 Forms +7.0 Formatting +8.0 Lists +9.0 Tables +10.0 Links +11.0 Featured Image Hover +12.0 Navigation +13.0 Layout + 13.1 Header + 13.2 Front Page + 13.3 Regular Content + 13.4 Posts + 13.5 Pages + 13.6 Footer +14.0 Comments +15.0 Widgets +16.0 Media + 16.1 Galleries +17.0 Customizer +18.0 SVGs Fallbacks +19.0 Media Queries +20.0 Print +--------------------------------------------------------------*/ + +/*-------------------------------------------------------------- +1.0 Normalize +Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css +--------------------------------------------------------------*/ + +html { + font-family: sans-serif; + line-height: 1.15; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +article, +aside, +footer, +header, +nav, +section { + display: block; +} + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +figcaption, +figure, +main { + display: block; +} + +figure { + margin: 1em 0; +} + +hr { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; + overflow: visible; +} + +pre { + font-family: monospace, monospace; + font-size: 1em; +} + +a { + background-color: transparent; + -webkit-text-decoration-skip: objects; +} + +a:active, +a:hover { + outline-width: 0; +} + +abbr[title] { + border-bottom: 1px #767676 dotted; + text-decoration: none; +} + +b, +strong { + font-weight: inherit; +} + +b, +strong { + font-weight: 700; +} + +code, +kbd, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +dfn { + font-style: italic; +} + +mark { + background-color: #eee; + color: #222; +} + +small { + font-size: 80%; +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +audio, +video { + display: inline-block; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +img { + border-style: none; +} + +svg:not(:root) { + overflow: hidden; +} + +button, +input, +optgroup, +select, +textarea { + font-family: sans-serif; + font-size: 100%; + line-height: 1.15; + margin: 0; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, +html [type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +fieldset { + border: 1px solid #bbb; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +legend { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + color: inherit; + display: table; + max-width: 100%; + padding: 0; + white-space: normal; +} + +progress { + display: inline-block; + vertical-align: baseline; +} + +textarea { + overflow: auto; +} + +[type="checkbox"], +[type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 0; +} + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +[type="search"] { + -webkit-appearance: textfield; + outline-offset: -2px; +} + +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; +} + +details, +menu { + display: block; +} + +summary { + display: list-item; +} + +canvas { + display: inline-block; +} + +template { + display: none; +} + +[hidden] { + display: none; +} + +/*-------------------------------------------------------------- +2.0 Accessibility +--------------------------------------------------------------*/ + +/* Text meant only for screen readers. */ + +.screen-reader-text { + clip: rect(1px, 1px, 1px, 1px); + height: 1px; + overflow: hidden; + position: absolute !important; + width: 1px; + word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ +} + +.screen-reader-text:focus { + background-color: #f1f1f1; + -webkit-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); + clip: auto !important; + color: #21759b; + display: block; + font-size: 14px; + font-size: 0.875rem; + font-weight: 700; + height: auto; + left: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100000; /* Above WP toolbar. */ +} + +/*-------------------------------------------------------------- +3.0 Alignments +--------------------------------------------------------------*/ + +.alignleft { + display: inline; + float: left; + margin-right: 1.5em; +} + +.alignright { + display: inline; + float: right; + margin-left: 1.5em; +} + +.aligncenter { + clear: both; + display: block; + margin-left: auto; + margin-right: auto; +} + +/*-------------------------------------------------------------- +4.0 Clearings +--------------------------------------------------------------*/ + +.clear:before, +.clear:after, +.entry-content:before, +.entry-content:after, +.entry-footer:before, +.entry-footer:after, +.comment-content:before, +.comment-content:after, +.site-header:before, +.site-header:after, +.site-content:before, +.site-content:after, +.site-footer:before, +.site-footer:after, +.nav-links:before, +.nav-links:after, +.pagination:before, +.pagination:after, +.comment-author:before, +.comment-author:after, +.widget-area:before, +.widget-area:after, +.widget:before, +.widget:after, +.comment-meta:before, +.comment-meta:after { + content: ""; + display: table; + table-layout: fixed; +} + +.clear:after, +.entry-content:after, +.entry-footer:after, +.comment-content:after, +.site-header:after, +.site-content:after, +.site-footer:after, +.nav-links:after, +.pagination:after, +.comment-author:after, +.widget-area:after, +.widget:after, +.comment-meta:after { + clear: both; +} + +/*-------------------------------------------------------------- +5.0 Typography +--------------------------------------------------------------*/ + +body, +button, +input, +select, +textarea { + color: #333; + font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; + font-size: 15px; + font-size: 0.9375rem; + font-weight: 400; + line-height: 1.66; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + clear: both; + line-height: 1.4; + margin: 0 0 0.75em; + padding: 1.5em 0 0; +} + +h1:first-child, +h2:first-child, +h3:first-child, +h4:first-child, +h5:first-child, +h6:first-child { + padding-top: 0; +} + +h1 { + font-size: 24px; + font-size: 1.5rem; + font-weight: 300; +} + +h2, +.home.blog .entry-title { + color: #666; + font-size: 20px; + font-size: 1.25rem; + font-weight: 300; +} + +h3 { + color: #333; + font-size: 18px; + font-size: 1.125rem; + font-weight: 300; +} + +h4 { + color: #333; + font-size: 16px; + font-size: 1rem; + font-weight: 800; +} + +h5 { + color: #767676; + font-size: 13px; + font-size: 0.8125rem; + font-weight: 800; + letter-spacing: 0.15em; + text-transform: uppercase; +} + +h6 { + color: #333; + font-size: 15px; + font-size: 0.9375rem; + font-weight: 800; +} + +p { + margin: 0 0 1.5em; + padding: 0; +} + +dfn, +cite, +em, +i { + font-style: italic; +} + +blockquote { + color: #666; + font-size: 18px; + font-size: 1.125rem; + font-style: italic; + line-height: 1.7; + margin: 0; + overflow: hidden; + padding: 0; +} + +blockquote cite { + display: block; + font-style: normal; + font-weight: 600; + margin-top: 0.5em; +} + +address { + margin: 0 0 1.5em; +} + +pre { + background: #eee; + font-family: "Courier 10 Pitch", Courier, monospace; + font-size: 15px; + font-size: 0.9375rem; + line-height: 1.6; + margin-bottom: 1.6em; + max-width: 100%; + overflow: auto; + padding: 1.6em; +} + +code, +kbd, +tt, +var { + font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; + font-size: 15px; + font-size: 0.9375rem; +} + +abbr, +acronym { + border-bottom: 1px dotted #666; + cursor: help; +} + +mark, +ins { + background: #eee; + text-decoration: none; +} + +big { + font-size: 125%; +} + +blockquote { + quotes: "" ""; +} + +q { + quotes: "“" "”" "‘" "’"; +} + +blockquote:before, +blockquote:after { + content: ""; +} + +:focus { + outline: none; +} + +/* Typography for Arabic Font */ + +html[lang="ar"] body, +html[lang="ar"] button, +html[lang="ar"] input, +html[lang="ar"] select, +html[lang="ar"] textarea, +html[lang="ary"] body, +html[lang="ary"] button, +html[lang="ary"] input, +html[lang="ary"] select, +html[lang="ary"] textarea, +html[lang="azb"] body, +html[lang="azb"] button, +html[lang="azb"] input, +html[lang="azb"] select, +html[lang="azb"] textarea, +html[lang="fa-IR"] body, +html[lang="fa-IR"] button, +html[lang="fa-IR"] input, +html[lang="fa-IR"] select, +html[lang="fa-IR"] textarea, +html[lang="haz"] body, +html[lang="haz"] button, +html[lang="haz"] input, +html[lang="haz"] select, +html[lang="haz"] textarea, +html[lang="ps"] body, +html[lang="ps"] button, +html[lang="ps"] input, +html[lang="ps"] select, +html[lang="ps"] textarea, +html[lang="ur"] body, +html[lang="ur"] button, +html[lang="ur"] input, +html[lang="ur"] select, +html[lang="ur"] textarea { + font-family: Tahoma, Arial, sans-serif; +} + +html[lang="ar"] h1, +html[lang="ar"] h2, +html[lang="ar"] h3, +html[lang="ar"] h4, +html[lang="ar"] h5, +html[lang="ar"] h6, +html[lang="ary"] h1, +html[lang="ary"] h2, +html[lang="ary"] h3, +html[lang="ary"] h4, +html[lang="ary"] h5, +html[lang="ary"] h6, +html[lang="azb"] h1, +html[lang="azb"] h2, +html[lang="azb"] h3, +html[lang="azb"] h4, +html[lang="azb"] h5, +html[lang="azb"] h6, +html[lang="fa-IR"] h1, +html[lang="fa-IR"] h2, +html[lang="fa-IR"] h3, +html[lang="fa-IR"] h4, +html[lang="fa-IR"] h5, +html[lang="fa-IR"] h6, +html[lang="haz"] h1, +html[lang="haz"] h2, +html[lang="haz"] h3, +html[lang="haz"] h4, +html[lang="haz"] h5, +html[lang="haz"] h6, +html[lang="ps"] h1, +html[lang="ps"] h2, +html[lang="ps"] h3, +html[lang="ps"] h4, +html[lang="ps"] h5, +html[lang="ps"] h6, +html[lang="ur"] h1, +html[lang="ur"] h2, +html[lang="ur"] h3, +html[lang="ur"] h4, +html[lang="ur"] h5, +html[lang="ur"] h6 { + font-weight: 700; +} + +/* Typography for Chinese Font */ + +html[lang^="zh-"] body, +html[lang^="zh-"] button, +html[lang^="zh-"] input, +html[lang^="zh-"] select, +html[lang^="zh-"] textarea { + font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif; +} + +html[lang="zh-CN"] body, +html[lang="zh-CN"] button, +html[lang="zh-CN"] input, +html[lang="zh-CN"] select, +html[lang="zh-CN"] textarea { + font-family: "PingFang SC", "Helvetica Neue", Helvetica, STHeitiSC-Light, Arial, sans-serif; +} + +html[lang^="zh-"] h1, +html[lang^="zh-"] h2, +html[lang^="zh-"] h3, +html[lang^="zh-"] h4, +html[lang^="zh-"] h5, +html[lang^="zh-"] h6 { + font-weight: 700; +} + +/* Typography for Cyrillic Font */ + +html[lang="bg-BG"] body, +html[lang="bg-BG"] button, +html[lang="bg-BG"] input, +html[lang="bg-BG"] select, +html[lang="bg-BG"] textarea, +html[lang="ru-RU"] body, +html[lang="ru-RU"] button, +html[lang="ru-RU"] input, +html[lang="ru-RU"] select, +html[lang="ru-RU"] textarea, +html[lang="uk"] body, +html[lang="uk"] button, +html[lang="uk"] input, +html[lang="uk"] select, +html[lang="uk"] textarea { + font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; +} + +html[lang="bg-BG"] h1, +html[lang="bg-BG"] h2, +html[lang="bg-BG"] h3, +html[lang="bg-BG"] h4, +html[lang="bg-BG"] h5, +html[lang="bg-BG"] h6, +html[lang="ru-RU"] h1, +html[lang="ru-RU"] h2, +html[lang="ru-RU"] h3, +html[lang="ru-RU"] h4, +html[lang="ru-RU"] h5, +html[lang="ru-RU"] h6, +html[lang="uk"] h1, +html[lang="uk"] h2, +html[lang="uk"] h3, +html[lang="uk"] h4, +html[lang="uk"] h5, +html[lang="uk"] h6 { + font-weight: 700; + line-height: 1.2; +} + +/* Typography for Devanagari Font */ + +html[lang="bn-BD"] body, +html[lang="bn-BD"] button, +html[lang="bn-BD"] input, +html[lang="bn-BD"] select, +html[lang="bn-BD"] textarea, +html[lang="hi-IN"] body, +html[lang="hi-IN"] button, +html[lang="hi-IN"] input, +html[lang="hi-IN"] select, +html[lang="hi-IN"] textarea, +html[lang="mr-IN"] body, +html[lang="mr-IN"] button, +html[lang="mr-IN"] input, +html[lang="mr-IN"] select, +html[lang="mr-IN"] textarea { + font-family: Arial, sans-serif; +} + +html[lang="bn-BD"] h1, +html[lang="bn-BD"] h2, +html[lang="bn-BD"] h3, +html[lang="bn-BD"] h4, +html[lang="bn-BD"] h5, +html[lang="bn-BD"] h6, +html[lang="hi-IN"] h1, +html[lang="hi-IN"] h2, +html[lang="hi-IN"] h3, +html[lang="hi-IN"] h4, +html[lang="hi-IN"] h5, +html[lang="hi-IN"] h6, +html[lang="mr-IN"] h1, +html[lang="mr-IN"] h2, +html[lang="mr-IN"] h3, +html[lang="mr-IN"] h4, +html[lang="mr-IN"] h5, +html[lang="mr-IN"] h6 { + font-weight: 700; +} + +/* Typography for Greek Font */ + +html[lang="el"] body, +html[lang="el"] button, +html[lang="el"] input, +html[lang="el"] select, +html[lang="el"] textarea { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; +} + +html[lang="el"] h1, +html[lang="el"] h2, +html[lang="el"] h3, +html[lang="el"] h4, +html[lang="el"] h5, +html[lang="el"] h6 { + font-weight: 700; + line-height: 1.3; +} + +/* Typography for Gujarati Font */ + +html[lang="gu-IN"] body, +html[lang="gu-IN"] button, +html[lang="gu-IN"] input, +html[lang="gu-IN"] select, +html[lang="gu-IN"] textarea { + font-family: Arial, sans-serif; +} + +html[lang="gu-IN"] h1, +html[lang="gu-IN"] h2, +html[lang="gu-IN"] h3, +html[lang="gu-IN"] h4, +html[lang="gu-IN"] h5, +html[lang="gu-IN"] h6 { + font-weight: 700; +} + +/* Typography for Hebrew Font */ + +html[lang="he-IL"] body, +html[lang="he-IL"] button, +html[lang="he-IL"] input, +html[lang="he-IL"] select, +html[lang="he-IL"] textarea { + font-family: "Arial Hebrew", Arial, sans-serif; +} + +html[lang="he-IL"] h1, +html[lang="he-IL"] h2, +html[lang="he-IL"] h3, +html[lang="he-IL"] h4, +html[lang="he-IL"] h5, +html[lang="he-IL"] h6 { + font-weight: 700; +} + +/* Typography for Japanese Font */ + +html[lang="ja"] body, +html[lang="ja"] button, +html[lang="ja"] input, +html[lang="ja"] select, +html[lang="ja"] textarea { + font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif; +} + +html[lang="ja"] h1, +html[lang="ja"] h2, +html[lang="ja"] h3, +html[lang="ja"] h4, +html[lang="ja"] h5, +html[lang="ja"] h6 { + font-weight: 700; +} + +/* Typography for Korean font */ + +html[lang="ko-KR"] body, +html[lang="ko-KR"] button, +html[lang="ko-KR"] input, +html[lang="ko-KR"] select, +html[lang="ko-KR"] textarea { + font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif; +} + +html[lang="ko-KR"] h1, +html[lang="ko-KR"] h2, +html[lang="ko-KR"] h3, +html[lang="ko-KR"] h4, +html[lang="ko-KR"] h5, +html[lang="ko-KR"] h6 { + font-weight: 600; +} + +/* Typography for Thai Font */ + +html[lang="th"] h1, +html[lang="th"] h2, +html[lang="th"] h3, +html[lang="th"] h4, +html[lang="th"] h5, +html[lang="th"] h6 { + line-height: 1.65; + font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif; +} + +html[lang="th"] body, +html[lang="th"] button, +html[lang="th"] input, +html[lang="th"] select, +html[lang="th"] textarea { + line-height: 1.8; + font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif; +} + +/* Remove letter-spacing for all non-latin alphabets */ + +html[lang="ar"] *, +html[lang="ary"] *, +html[lang="azb"] *, +html[lang="haz"] *, +html[lang="ps"] *, +html[lang^="zh-"] *, +html[lang="bg-BG"] *, +html[lang="ru-RU"] *, +html[lang="uk"] *, +html[lang="bn-BD"] *, +html[lang="hi-IN"] *, +html[lang="mr-IN"] *, +html[lang="el"] *, +html[lang="gu-IN"] *, +html[lang="he-IL"] *, +html[lang="ja"] *, +html[lang="ko-KR"] *, +html[lang="th"] * { + letter-spacing: 0 !important; +} + +/*-------------------------------------------------------------- +6.0 Forms +--------------------------------------------------------------*/ + +label { + color: #333; + display: block; + font-weight: 800; + margin-bottom: 0.5em; +} + +fieldset { + margin-bottom: 1em; +} + +input[type="text"], +input[type="email"], +input[type="url"], +input[type="password"], +input[type="search"], +input[type="number"], +input[type="tel"], +input[type="range"], +input[type="date"], +input[type="month"], +input[type="week"], +input[type="time"], +input[type="datetime"], +input[type="datetime-local"], +input[type="color"], +textarea { + color: #666; + background: #fff; + background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); + border: 1px solid #bbb; + -webkit-border-radius: 3px; + border-radius: 3px; + display: block; + padding: 0.7em; + width: 100%; +} + +input[type="text"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="password"]:focus, +input[type="search"]:focus, +input[type="number"]:focus, +input[type="tel"]:focus, +input[type="range"]:focus, +input[type="date"]:focus, +input[type="month"]:focus, +input[type="week"]:focus, +input[type="time"]:focus, +input[type="datetime"]:focus, +input[type="datetime-local"]:focus, +input[type="color"]:focus, +textarea:focus { + color: #222; + border-color: #333; +} + +select { + border: 1px solid #bbb; + -webkit-border-radius: 3px; + border-radius: 3px; + height: 3em; + max-width: 100%; +} + +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted #333; +} + +input[type="radio"], +input[type="checkbox"] { + margin-right: 0.5em; +} + +input[type="radio"] + label, +input[type="checkbox"] + label { + font-weight: 400; +} + +button, +input[type="button"], +input[type="submit"] { + background-color: #222; + border: 0; + -webkit-border-radius: 2px; + border-radius: 2px; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; + cursor: pointer; + display: inline-block; + font-size: 14px; + font-size: 0.875rem; + font-weight: 800; + line-height: 1; + padding: 1em 2em; + text-shadow: none; + -webkit-transition: background 0.2s; + transition: background 0.2s; +} + +input + button, +input + input[type="button"], +input + input[type="submit"] { + padding: 0.75em 2em; +} + +button.secondary, +input[type="reset"], +input[type="button"].secondary, +input[type="reset"].secondary, +input[type="submit"].secondary { + background-color: #ddd; + color: #222; +} + +:not( .mejs-button ) > button:hover, +:not( .mejs-button ) > button:focus, +input[type="button"]:hover, +input[type="button"]:focus, +input[type="submit"]:hover, +input[type="submit"]:focus { + background: #767676; +} + +button.secondary:hover, +button.secondary:focus, +input[type="reset"]:hover, +input[type="reset"]:focus, +input[type="button"].secondary:hover, +input[type="button"].secondary:focus, +input[type="reset"].secondary:hover, +input[type="reset"].secondary:focus, +input[type="submit"].secondary:hover, +input[type="submit"].secondary:focus { + background: #bbb; +} + +/* Placeholder text color -- selectors need to be separate to work. */ +::-webkit-input-placeholder { + color: #333; + font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; +} + +:-moz-placeholder { + color: #333; + font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; +} + +::-moz-placeholder { + color: #333; + font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; + opacity: 1; + /* Since FF19 lowers the opacity of the placeholder by default */ +} + +:-ms-input-placeholder { + color: #333; + font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; +} + +/*-------------------------------------------------------------- +7.0 Formatting +--------------------------------------------------------------*/ + +hr { + background-color: #bbb; + border: 0; + height: 1px; + margin-bottom: 1.5em; +} + +/*-------------------------------------------------------------- +8.0 Lists +--------------------------------------------------------------*/ + +ul, +ol { + margin: 0 0 1.5em; + padding: 0; +} + +ul { + list-style: disc; +} + +ol { + list-style: decimal; +} + +li > ul, +li > ol { + margin-bottom: 0; + margin-left: 1.5em; +} + +dt { + font-weight: 700; +} + +dd { + margin: 0 1.5em 1.5em; +} + +/*-------------------------------------------------------------- +9.0 Tables +--------------------------------------------------------------*/ + +table { + border-collapse: collapse; + margin: 0 0 1.5em; + width: 100%; +} + +thead th { + border-bottom: 2px solid #bbb; + padding-bottom: 0.5em; +} + +th { + padding: 0.4em; + text-align: left; +} + +tr { + border-bottom: 1px solid #eee; +} + +td { + padding: 0.4em; +} + +th, +td, +th:first-child, +td:first-child { + padding-left: 0; +} + +th:last-child, +td:last-child { + padding-right: 0; +} + +/*-------------------------------------------------------------- +10.0 Links +--------------------------------------------------------------*/ + +a { + color: #222; + text-decoration: none; +} + +a:focus { + outline: thin dotted; +} + +a:hover, +a:active { + color: #000; + outline: 0; +} + +/* Hover effects */ + +.entry-content a, +.entry-summary a, +.comment-content a, +.widget a, +.site-footer .widget-area a, +.posts-navigation a, +.widget_authors a strong { + -webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1); + box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1); + -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; + transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; + transition: color 80ms ease-in, box-shadow 130ms ease-in-out; + transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out; +} + +.entry-title a, +.entry-meta a, +.page-links a, +.page-links a .page-number, +.entry-footer a, +.entry-footer .cat-links a, +.entry-footer .tags-links a, +.edit-link a, +.post-navigation a, +.logged-in-as a, +.comment-navigation a, +.comment-metadata a, +.comment-metadata a.comment-edit-link, +.comment-reply-link, +a .nav-title, +.pagination a, +.comments-pagination a, +.site-info a, +.widget .widget-title a, +.widget ul li a, +.site-footer .widget-area ul li a, +.site-footer .widget-area ul li a { + -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1); + text-decoration: none; + -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; + transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; + transition: color 80ms ease-in, box-shadow 130ms ease-in-out; + transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out; +} + +.entry-content a:focus, +.entry-content a:hover, +.entry-summary a:focus, +.entry-summary a:hover, +.comment-content a:focus, +.comment-content a:hover, +.widget a:focus, +.widget a:hover, +.site-footer .widget-area a:focus, +.site-footer .widget-area a:hover, +.posts-navigation a:focus, +.posts-navigation a:hover, +.comment-metadata a:focus, +.comment-metadata a:hover, +.comment-metadata a.comment-edit-link:focus, +.comment-metadata a.comment-edit-link:hover, +.comment-reply-link:focus, +.comment-reply-link:hover, +.widget_authors a:focus strong, +.widget_authors a:hover strong, +.entry-title a:focus, +.entry-title a:hover, +.entry-meta a:focus, +.entry-meta a:hover, +.page-links a:focus .page-number, +.page-links a:hover .page-number, +.entry-footer a:focus, +.entry-footer a:hover, +.entry-footer .cat-links a:focus, +.entry-footer .cat-links a:hover, +.entry-footer .tags-links a:focus, +.entry-footer .tags-links a:hover, +.post-navigation a:focus, +.post-navigation a:hover, +.pagination a:not(.prev):not(.next):focus, +.pagination a:not(.prev):not(.next):hover, +.comments-pagination a:not(.prev):not(.next):focus, +.comments-pagination a:not(.prev):not(.next):hover, +.logged-in-as a:focus, +.logged-in-as a:hover, +a:focus .nav-title, +a:hover .nav-title, +.edit-link a:focus, +.edit-link a:hover, +.site-info a:focus, +.site-info a:hover, +.widget .widget-title a:focus, +.widget .widget-title a:hover, +.widget ul li a:focus, +.widget ul li a:hover { + color: #000; + -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1); + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1); +} + +/* Fixes linked images */ +.entry-content a img, +.comment-content a img, +.widget a img { + -webkit-box-shadow: 0 0 0 8px #fff; + box-shadow: 0 0 0 8px #fff; +} + +.post-navigation a:focus .icon, +.post-navigation a:hover .icon { + color: #222; +} + +/*-------------------------------------------------------------- +11.0 Featured Image Hover +--------------------------------------------------------------*/ + +.post-thumbnail { + margin-bottom: 1em; +} + +.post-thumbnail a img { + -webkit-backface-visibility: hidden; + -webkit-transition: opacity 0.2s; + transition: opacity 0.2s; +} + +.post-thumbnail a:hover img, +.post-thumbnail a:focus img { + opacity: 0.7; +} + +/*-------------------------------------------------------------- +12.0 Navigation +--------------------------------------------------------------*/ + +.navigation-top { + background: #fff; + border-bottom: 1px solid #eee; + border-top: 1px solid #eee; + font-size: 16px; + font-size: 1rem; + position: relative; +} + +.navigation-top .wrap { + max-width: 1000px; + padding: 0; +} + +.navigation-top a { + color: #222; + font-weight: 600; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} + +.navigation-top .current-menu-item > a, +.navigation-top .current_page_item > a { + color: #767676; +} + +.main-navigation { + clear: both; + display: block; +} + +.main-navigation ul { + background: #fff; + list-style: none; + margin: 0; + padding: 0 1.5em; + text-align: left; +} + +/* Hide the menu on small screens when JavaScript is available. + * It only works with JavaScript. + */ + +.js .main-navigation ul, +.main-navigation .menu-item-has-children > a > .icon, +.main-navigation .page_item_has_children > a > .icon, +.main-navigation ul a > .icon { + display: none; +} + +.main-navigation > div > ul { + border-top: 1px solid #eee; + padding: 0.75em 1.695em; +} + +.js .main-navigation.toggled-on > div > ul { + display: block; +} + +.main-navigation ul ul { + padding: 0 0 0 1.5em; +} + +.main-navigation ul ul.toggled-on { + display: block; +} + +.main-navigation ul ul a { + letter-spacing: 0; + padding: 0.4em 0; + position: relative; + text-transform: none; +} + +.main-navigation li { + border-bottom: 1px solid #eee; + position: relative; +} + +.main-navigation li li, +.main-navigation li:last-child { + border: 0; +} + +.main-navigation a { + display: block; + padding: 0.5em 0; + text-decoration: none; +} + +.main-navigation a:hover { + color: #767676; +} + +/* Menu toggle */ + +.menu-toggle { + background-color: transparent; + border: 0; + -webkit-box-shadow: none; + box-shadow: none; + color: #222; + display: none; + font-size: 14px; + font-size: 0.875rem; + font-weight: 800; + line-height: 1.5; + margin: 1px auto 2px; + padding: 1em; + text-shadow: none; +} + +/* Display the menu toggle when JavaScript is available. */ + +.js .menu-toggle { + display: block; +} + +.main-navigation.toggled-on ul.nav-menu { + display: block; +} + +.menu-toggle:hover, +.menu-toggle:focus { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.menu-toggle:focus { + outline: thin solid; +} + +.menu-toggle .icon { + margin-right: 0.5em; + top: -2px; +} + +.toggled-on .menu-toggle .icon-bars, +.menu-toggle .icon-close { + display: none; +} + +.toggled-on .menu-toggle .icon-close { + display: inline-block; +} + +/* Dropdown Toggle */ + +.dropdown-toggle { + background-color: transparent; + border: 0; + -webkit-box-shadow: none; + box-shadow: none; + color: #222; + display: block; + font-size: 16px; + right: -0.5em; + line-height: 1.5; + margin: 0 auto; + padding: 0.5em; + position: absolute; + text-shadow: none; + top: 0; +} + +.dropdown-toggle:hover, +.dropdown-toggle:focus { + background: transparent; +} + +.dropdown-toggle:focus { + outline: thin dotted; +} + +.dropdown-toggle.toggled-on .icon { + -ms-transform: rotate(-180deg); /* IE 9 */ + -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */ + transform: rotate(-180deg); +} + +/* Scroll down arrow */ + +.site-header .menu-scroll-down { + display: none; +} + +/*-------------------------------------------------------------- +13.0 Layout +--------------------------------------------------------------*/ + +html { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +*, +*:before, +*:after { + /* 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/ */ + -webkit-box-sizing: inherit; + -moz-box-sizing: inherit; + box-sizing: inherit; +} + +body { + background: #fff; + /* Fallback for when there is no custom background color defined. */ +} + +#page { + position: relative; + word-wrap: break-word; +} + +.wrap { + margin-left: auto; + margin-right: auto; + max-width: 700px; + padding-left: 2em; + padding-right: 2em; +} + +.wrap:after { + clear: both; + content: ""; + display: block; +} + +/*-------------------------------------------------------------- +13.1 Header +--------------------------------------------------------------*/ + +#masthead .wrap { + position: relative; +} + +.site-header { + background-color: #fafafa; + position: relative; +} + +/* Site branding */ + +.site-branding { + padding: 1em 0; + position: relative; + -webkit-transition: margin-bottom 0.2s; + transition: margin-bottom 0.2s; + z-index: 3; +} + +.site-branding a { + text-decoration: none; + -webkit-transition: opacity 0.2s; + transition: opacity 0.2s; +} + +.site-branding a:hover, +.site-branding a:focus { + opacity: 0.7; +} + +.site-title { + clear: none; + font-size: 24px; + font-size: 1.5rem; + font-weight: 800; + line-height: 1.25; + letter-spacing: 0.08em; + margin: 0; + padding: 0; + text-transform: uppercase; +} + +.site-title, +.site-title a { + color: #222; + opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */ +} + +body.has-header-image .site-title, +body.has-header-video .site-title, +body.has-header-image .site-title a, +body.has-header-video .site-title a { + color: #fff; +} + +.site-description { + color: #666; + font-size: 13px; + font-size: 0.8125rem; + margin-bottom: 0; +} + +body.has-header-image .site-description, +body.has-header-video .site-description { + color: #fff; + opacity: 0.8; +} + +.custom-logo-link { + display: inline-block; + padding-right: 1em; + vertical-align: middle; + width: auto; +} + +.custom-logo-link img { + display: inline-block; + max-height: 80px; + width: auto; +} + +body.home.title-tagline-hidden.has-header-image .custom-logo-link img, +body.home.title-tagline-hidden.has-header-video .custom-logo-link img { + max-height: 200px; + max-width: 100%; +} + +.custom-logo-link a:hover, +.custom-logo-link a:focus { + opacity: 0.9; +} + +body:not(.title-tagline-hidden) .site-branding-text { + display: inline-block; + max-width: 100%; + vertical-align: middle; +} + +.custom-header { + position: relative; +} + +.has-header-image.twentyseventeen-front-page .custom-header, +.has-header-video.twentyseventeen-front-page .custom-header, +.has-header-image.home.blog .custom-header, +.has-header-video.home.blog .custom-header { + display: table; + height: 300px; + height: 75vh; + width: 100%; +} + +.custom-header-media { + bottom: 0; + left: 0; + overflow: hidden; + position: absolute; + right: 0; + top: 0; + width: 100%; +} + +.custom-header-media:before { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */ + background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* FF3.6-15 */ + background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */ + background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */ + bottom: 0; + content: ""; + display: block; + height: 100%; + left: 0; + position: absolute; + right: 0; + z-index: 2; +} + +.has-header-image .custom-header-media img, +.has-header-video .custom-header-media video, +.has-header-video .custom-header-media iframe { + position: fixed; + height: auto; + left: 50%; + max-width: 1000%; + min-height: 100%; + min-width: 100%; + min-width: 100vw; /* vw prevents 1px gap on left that 100% has */ + width: auto; + top: 50%; + padding-bottom: 1px; /* Prevent header from extending beyond the footer */ + -ms-transform: translateX(-50%) translateY(-50%); + -moz-transform: translateX(-50%) translateY(-50%); + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); +} + +.wp-custom-header .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */ + background-color: rgba(34, 34, 34, 0.5); + border: 1px solid rgba(255, 255, 255, 0.6); + color: rgba(255, 255, 255, 0.6); + height: 45px; + overflow: hidden; + padding: 0; + position: fixed; + right: 30px; + top: 30px; + -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; + transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; + width: 45px; +} + +.wp-custom-header .wp-custom-header-video-button:hover, +.wp-custom-header .wp-custom-header-video-button:focus { /* Specificity prevents .color-dark button overrides */ + border-color: rgba(255, 255, 255, 0.8); + background-color: rgba(34, 34, 34, 0.8); + color: #fff; +} + +.admin-bar .wp-custom-header-video-button { + top: 62px; +} + +.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img { + bottom: 0; + position: absolute; + top: auto; + -ms-transform: translateX(-50%) translateY(0); + -moz-transform: translateX(-50%) translateY(0); + -webkit-transform: translateX(-50%) translateY(0); + transform: translateX(-50%) translateY(0); +} + +/* For browsers that support 'object-fit' */ +@supports ( object-fit: cover ) { + .has-header-image .custom-header-media img, + .has-header-video .custom-header-media video, + .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img { + height: 100%; + left: 0; + -o-object-fit: cover; + object-fit: cover; + top: 0; + -ms-transform: none; + -moz-transform: none; + -webkit-transform: none; + transform: none; + width: 100%; + } +} + +/* Hides div in Customizer preview when header images or videos change. */ + +body:not(.has-header-image):not(.has-header-video) .custom-header-media { + display: none; +} + +.has-header-image.twentyseventeen-front-page .site-branding, +.has-header-video.twentyseventeen-front-page .site-branding, +.has-header-image.home.blog .site-branding, +.has-header-video.home.blog .site-branding { + display: table-cell; + height: 100%; + vertical-align: bottom; +} + +/*-------------------------------------------------------------- +13.2 Front Page +--------------------------------------------------------------*/ + +.twentyseventeen-front-page .site-content { + padding: 0; +} + +.twentyseventeen-panel { + overflow: hidden; + position: relative; +} + +.panel-image { + background-position: center center; + background-repeat: no-repeat; + -webkit-background-size: cover; + background-size: cover; + position: relative; +} + +.panel-image:before { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */ /* FF3.6-15 */ + background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */ + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3))); + background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); + background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */ + bottom: 0; + content: ""; + left: 0; + right: 0; + position: absolute; + top: 100px; +} + +.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) { + border-top: 1px solid #ddd; +} + +.panel-content { + position: relative; +} + +.panel-content .wrap { + padding-bottom: 0.5em; + padding-top: 1.75em; +} + +/* Panel edit link */ + +.twentyseventeen-panel .edit-link { + display: block; + margin: 0.3em 0 0; +} + +.twentyseventeen-panel .entry-header .edit-link { + font-size: 14px; + font-size: 0.875rem; +} + +/* Front Page - Recent Posts */ + +.twentyseventeen-front-page .panel-content .recent-posts article { + border: 0; + color: #333; + margin-bottom: 3em; +} + +.recent-posts .entry-header { + margin-bottom: 1.2em; +} + +.page .panel-content .recent-posts .entry-title { + font-size: 20px; + font-size: 1.25rem; + font-weight: 300; + letter-spacing: 0; + text-transform: none; +} + +.twentyseventeen-panel .recent-posts .entry-header .edit-link { + color: #222; + display: inline-block; + font-size: 11px; + font-size: 0.6875rem; + margin-left: 1em; +} + +/*-------------------------------------------------------------- +13.3 Regular Content +--------------------------------------------------------------*/ + +.site-content-contain { + background-color: #fff; + position: relative; +} + +.site-content { + padding: 2.5em 0 0; +} + +/*-------------------------------------------------------------- +13.4 Posts +--------------------------------------------------------------*/ + +/* Post Landing Page */ + +.sticky { + position: relative; +} + +.post:not(.sticky) .icon-thumb-tack { + display: none; +} + +.sticky .icon-thumb-tack { + display: block; + height: 18px; + left: -1.5em; + position: absolute; + top: 1.65em; + width: 20px; +} + +.page .panel-content .entry-title, +.page-title, +body.page:not(.twentyseventeen-front-page) .entry-title { + color: #222; + font-size: 14px; + font-size: 0.875rem; + font-weight: 800; + letter-spacing: 0.14em; + text-transform: uppercase; +} + +.entry-header .entry-title { + margin-bottom: 0.25em; +} + +.entry-title a { + color: #333; + text-decoration: none; + margin-left: -2px; +} + +.entry-title:not(:first-child) { + padding-top: 0; +} + +.entry-meta { + color: #767676; + font-size: 11px; + font-size: 0.6875rem; + font-weight: 800; + letter-spacing: 0.1818em; + padding-bottom: 0.25em; + text-transform: uppercase; +} + +.entry-meta a { + color: #767676; +} + +.byline, +.updated:not(.published) { + display: none; +} + +.single .byline, +.group-blog .byline { + display: inline; +} + +.pagination, +.comments-pagination { + border-top: 1px solid #eee; + font-size: 14px; + font-size: 0.875rem; + font-weight: 800; + padding: 2em 0 3em; + text-align: center; +} + +.pagination .icon, +.comments-pagination .icon { + width: 0.666666666em; + height: 0.666666666em; +} + +.comments-pagination { + border: 0; +} + +.page-numbers { + display: none; + padding: 0.5em 0.75em; +} + +.page-numbers.current { + color: #767676; + display: inline-block; +} + +.page-numbers.current .screen-reader-text { + clip: auto; + height: auto; + overflow: auto; + position: relative !important; + width: auto; +} + +.prev.page-numbers, +.next.page-numbers { + background-color: #ddd; + -webkit-border-radius: 2px; + border-radius: 2px; + display: inline-block; + font-size: 24px; + font-size: 1.5rem; + line-height: 1; + padding: 0.25em 0.5em 0.4em; +} + +.prev.page-numbers, +.next.page-numbers { + -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; + transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; +} + +.prev.page-numbers:focus, +.prev.page-numbers:hover, +.next.page-numbers:focus, +.next.page-numbers:hover { + background-color: #767676; + color: #fff; +} + +.prev.page-numbers { + float: left; +} + +.next.page-numbers { + float: right; +} + +/* Aligned blockquotes */ + +.entry-content blockquote.alignleft, +.entry-content blockquote.alignright { + color: #666; + font-size: 13px; + font-size: 0.8125rem; + width: 48%; +} + +/* Blog landing, search, archives */ + +.blog .site-main > article, +.archive .site-main > article, +.search .site-main > article { + padding-bottom: 2em; +} + +body:not(.twentyseventeen-front-page) .entry-header { + padding: 1em 0; +} + +body:not(.twentyseventeen-front-page) .entry-header, +body:not(.twentyseventeen-front-page) .entry-content, +body:not(.twentyseventeen-front-page) #comments { + margin-left: auto; + margin-right: auto; +} + +body:not(.twentyseventeen-front-page) .entry-header { + padding-top: 0; +} + +.blog .entry-meta a.post-edit-link, +.archive .entry-meta a.post-edit-link, +.search .entry-meta a.post-edit-link { + color: #222; + display: inline-block; + margin-left: 1em; + white-space: nowrap; +} + +.search .page .entry-meta a.post-edit-link { + margin-left: 0; + white-space: nowrap; +} + +.taxonomy-description { + color: #666; + font-size: 13px; + font-size: 0.8125rem; +} + +/* More tag */ + +.entry-content .more-link:before { + content: ""; + display: block; + margin-top: 1.5em; +} + +/* Single Post */ + +.single-post:not(.has-sidebar) #primary, +.page.page-one-column:not(.twentyseventeen-front-page) #primary, +.archive.page-one-column:not(.has-sidebar) .page-header, +.archive.page-one-column:not(.has-sidebar) #primary { + margin-left: auto; + margin-right: auto; + max-width: 740px; +} + +.single-featured-image-header { + background-color: #fafafa; + border-bottom: 1px solid #eee; +} + +.single-featured-image-header img { + display: block; + margin: auto; +} + +.page-links { + font-size: 14px; + font-size: 0.875rem; + font-weight: 800; + padding: 2em 0 3em; +} + +.page-links .page-number { + color: #767676; + display: inline-block; + padding: 0.5em 1em; +} + +.page-links a { + display: inline-block; +} + +.page-links a .page-number { + color: #222; +} + +/* Entry footer */ + +.entry-footer { + border-bottom: 1px solid #eee; + border-top: 1px solid #eee; + margin-top: 2em; + padding: 2em 0; +} + +.entry-footer .cat-links, +.entry-footer .tags-links { + display: block; + font-size: 11px; + font-size: 0.6875rem; + font-weight: 800; + letter-spacing: 0.1818em; + padding-left: 2.5em; + position: relative; + text-transform: uppercase; +} + +.entry-footer .cat-links + .tags-links { + margin-top: 1em; +} + +.entry-footer .cat-links a, +.entry-footer .tags-links a { + color: #333; +} + +.entry-footer .cat-links .icon, +.entry-footer .tags-links .icon { + color: #767676; + left: 0; + margin-right: 0.5em; + position: absolute; + top: 2px; +} + +.entry-footer .edit-link { + display: inline-block; +} + +.entry-footer .edit-link a.post-edit-link { + background-color: #222; + -webkit-border-radius: 2px; + border-radius: 2px; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; + display: inline-block; + font-size: 14px; + font-size: 0.875rem; + font-weight: 800; + margin-top: 2em; + padding: 0.7em 2em; + -webkit-transition: background-color 0.2s ease-in-out; + transition: background-color 0.2s ease-in-out; + white-space: nowrap; +} + +.entry-footer .edit-link a.post-edit-link:hover, +.entry-footer .edit-link a.post-edit-link:focus { + background-color: #767676; +} + +/* Post Formats */ + +.blog .format-status .entry-title, +.archive .format-status .entry-title, +.blog .format-aside .entry-title, +.archive .format-aside .entry-title { + display: none; +} + +.format-quote blockquote { + color: #333; + font-size: 20px; + font-size: 1.25rem; + font-weight: 300; + overflow: visible; + position: relative; +} + +.format-quote blockquote .icon { + display: block; + height: 20px; + left: -1.25em; + position: absolute; + top: 0.4em; + -webkit-transform: scale(-1, 1); + -ms-transform: scale(-1, 1); + transform: scale(-1, 1); + width: 20px; +} + +/* Post Navigation */ + +.post-navigation { + font-weight: 800; + margin: 3em 0; +} + +.post-navigation .nav-links { + padding: 1em 0; +} + +.nav-subtitle { + background: transparent; + color: #767676; + display: block; + font-size: 11px; + font-size: 0.6875rem; + letter-spacing: 0.1818em; + margin-bottom: 1em; + text-transform: uppercase; +} + +.nav-title { + color: #333; + font-size: 15px; + font-size: 0.9375rem; +} + +.post-navigation .nav-next { + margin-top: 1.5em; +} + +.nav-links .nav-previous .nav-title .nav-title-icon-wrapper { + margin-right: 0.5em; +} + +.nav-links .nav-next .nav-title .nav-title-icon-wrapper { + margin-left: 0.5em; +} + +/*-------------------------------------------------------------- +13.5 Pages +--------------------------------------------------------------*/ + +.page-header { + padding-bottom: 2em; +} + +.page .entry-header .edit-link { + font-size: 14px; + font-size: 0.875rem; +} + +.search .page .entry-header .edit-link { + font-size: 11px; + font-size: 0.6875rem; +} + +.page-links { + clear: both; + margin: 0 0 1.5em; +} + +.page:not(.home) #content { + padding-bottom: 1.5em; +} + +/* 404 page */ + +.error404 .page-content { + padding-bottom: 4em; +} + +.error404 .page-content .search-form, +.search .page-content .search-form { + margin-bottom: 3em; +} + +/*-------------------------------------------------------------- +13.6 Footer +--------------------------------------------------------------*/ + +.site-footer { + border-top: 1px solid #eee; +} + +.site-footer .wrap { + padding-bottom: 1.5em; + padding-top: 2em; +} + +/* Footer widgets */ + +.site-footer .widget-area { + padding-bottom: 2em; + padding-top: 2em; +} + +/* Social nav */ + +.social-navigation { + font-size: 16px; + font-size: 1rem; + margin-bottom: 1em; +} + +.social-navigation ul { + list-style: none; + margin-bottom: 0; + margin-left: 0; +} + +.social-navigation li { + display: inline; +} + +.social-navigation a { + background-color: #767676; + -webkit-border-radius: 40px; + border-radius: 40px; + color: #fff; + display: inline-block; + height: 40px; + margin: 0 1em 0.5em 0; + text-align: center; + width: 40px; +} + +.social-navigation a:hover, +.social-navigation a:focus { + background-color: #333; +} + +.social-navigation .icon { + height: 16px; + top: 12px; + width: 16px; + vertical-align: top; +} + +/* Site info */ + +.site-info { + font-size: 14px; + font-size: 0.875rem; + margin-bottom: 1em; +} + +.site-info a { + color: #666; +} + +.site-info .sep { + margin: 0; + display: block; + visibility: hidden; + height: 0; + width: 100%; +} + +.site-info span[role=separator] { + padding: 0 0.2em 0 0.4em; +} + +.site-info span[role=separator]::before { + content: '\002f'; +} + +/*-------------------------------------------------------------- +14.0 Comments +--------------------------------------------------------------*/ + +#comments { + clear: both; + padding: 2em 0 0.5em; +} + +.comments-title { + font-size: 20px; + font-size: 1.25rem; + margin-bottom: 1.5em; +} + +.comment-list, +.comment-list .children { + list-style: none; + margin: 0; + padding: 0; +} + +.comment-list li:before { + display: none; +} + +.comment-body { + margin-left: 65px; +} + +.comment-author { + font-size: 16px; + font-size: 1rem; + margin-bottom: 0.4em; + position: relative; + z-index: 2; +} + +.comment-author .avatar { + height: 50px; + left: -65px; + position: absolute; + width: 50px; +} + +.comment-author .says { + display: none; +} + +.comment-meta { + margin-bottom: 1.5em; +} + +.comment-metadata { + color: #767676; + font-size: 10px; + font-size: 0.625rem; + font-weight: 800; + letter-spacing: 0.1818em; + text-transform: uppercase; +} + +.comment-metadata a { + color: #767676; +} + +.comment-metadata a.comment-edit-link { + color: #222; + margin-left: 1em; +} + +.comment-body { + color: #333; + font-size: 14px; + font-size: 0.875rem; + margin-bottom: 4em; +} + +.comment-reply-link { + font-weight: 800; + position: relative; +} + +.comment-reply-link .icon { + color: #222; + left: -2em; + height: 1em; + position: absolute; + top: 0; + width: 1em; +} + +.children .comment-author .avatar { + height: 30px; + left: -45px; + width: 30px; +} + +.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar { + border: 1px solid #333; + padding: 2px; +} + +.no-comments, +.comment-awaiting-moderation { + color: #767676; + font-size: 14px; + font-size: 0.875rem; + font-style: italic; +} + +.comments-pagination { + margin: 2em 0 3em; +} + +.form-submit { + text-align: right; +} + +.comment-form #wp-comment-cookies-consent { + margin: 0 10px 0 0; +} + +.comment-form .comment-form-cookies-consent label { + display: inline; +} + +/*-------------------------------------------------------------- +15.0 Widgets +--------------------------------------------------------------*/ + +#secondary { + padding: 1em 0 2em; +} + +.widget { + padding-bottom: 3em; +} + +h2.widget-title { + color: #222; + font-size: 13px; + font-size: 0.8125rem; + font-weight: 800; + letter-spacing: 0.1818em; + margin-bottom: 1.5em; + text-transform: uppercase; +} + +.widget-title a { + color: inherit; +} + +/* widget forms */ + +.widget select { + width: 100%; +} + + +/* widget lists */ + +.widget ul { + list-style: none; + margin: 0; +} + +.widget ul li, +.widget ol li { + border-bottom: 1px solid #ddd; + border-top: 1px solid #ddd; + padding: 0.5em 0; +} + +.widget:not(.widget_tag_cloud) ul li + li { + margin-top: -1px; +} + +.widget ul li ul { + margin: 0 0 -1px; + padding: 0; + position: relative; +} + +.widget ul li li { + border: 0; + padding-left: 24px; + padding-left: 1.5rem; +} + +/* Widget lists of links */ + +.widget_top-posts ul li ul, +.widget_rss_links ul li ul, +.widget-grofile ul.grofile-links li ul, +.widget_pages ul li ul, +.widget_meta ul li ul { + bottom: 0; +} + +.widget_nav_menu ul li li, +.widget_top-posts ul li, +.widget_top-posts ul li li, +.widget_rss_links ul li, +.widget_rss_links ul li li, +.widget-grofile ul.grofile-links li, +.widget-grofile ul.grofile-links li li { + padding-bottom: 0.25em; + padding-top: 0.25em; +} + +.widget_rss ul li { + padding-bottom: 1em; + padding-top: 1em; +} + +/* Widget markup */ + +.widget .post-date, +.widget .rss-date { + font-size: 0.81em; +} + +/* Text widget */ + +.widget_text { + word-wrap: break-word; +} + +.widget_text ul { + list-style: disc; + margin: 0 0 1.5em 1.5em; +} + +.widget_text ol { + list-style: decimal; +} + +.widget_text ul li, +.widget_text ol li { + border: none; +} + +.widget_text ul li:last-child, +.widget_text ol li:last-child { + padding-bottom: 0; +} + +.widget_text ul li ul { + margin: 0 0 0 1.5em; +} + +.widget_text ul li li { + padding-left: 0; + padding-right: 0; +} + +.widget_text ol li { + list-style-position: inside; +} + +.widget_text ol li + li { + margin-top: -1px; +} + +/* RSS Widget */ + +.widget_rss .widget-title .rsswidget:first-child { + float: right; +} + +.widget_rss .widget-title .rsswidget:first-child:hover { + background-color: transparent; +} + +.widget_rss .widget-title .rsswidget:first-child img { + display: block; +} + +.widget_rss ul li { + padding: 2.125em 0; +} + +.widget_rss ul li:first-child { + border-top: none; + padding-top: 0; +} + +.widget_rss li .rsswidget { + font-size: 22px; + font-size: 1.375rem; + font-weight: 300; + line-height: 1.4; +} + +.widget_rss .rss-date, +.widget_rss li cite { + color: #767676; + display: block; + font-size: 10px; + font-size: 0.625rem; + font-style: normal; + font-weight: 800; + letter-spacing: 0.18em; + line-height: 1.5; + text-transform: uppercase; +} + +.widget_rss .rss-date { + margin: 0.5em 0 1.5em; + padding: 0; +} + +.widget_rss .rssSummary { + margin-bottom: 0.5em; +} + +/* Contact Info Widget */ + +.widget_contact_info .contact-map { + margin-bottom: 0.5em; +} + +/* Gravatar */ + +.widget-grofile h4 { + font-size: 16px; + font-size: 1rem; + margin-bottom: 0; +} + +/* Recent Comments */ + +.widget_recent_comments table, +.widget_recent_comments th, +.widget_recent_comments td { + border: 0; +} + +/* Recent Posts widget */ + +.widget_recent_entries .post-date { + display: block; +} + +/* Search */ + +.search-form { + position: relative; +} + +.search-form .search-submit { + bottom: 3px; + padding: 0.5em 1em; + position: absolute; + right: 3px; + top: 3px; +} + +.search-form .search-submit .icon { + height: 24px; + top: -2px; + width: 24px; +} + +/* Tag cloud widget */ + +.tagcloud ul li { + float: left; + border-top: 0; + border-bottom: 0; + padding: 0; + margin: 4px 4px 0 0; +} + +.tagcloud, +.widget_tag_cloud, +.wp_widget_tag_cloud { + line-height: 1.5; +} + +.widget .tagcloud a, +.widget.widget_tag_cloud a, +.wp_widget_tag_cloud a { + border: 1px solid #ddd; + -webkit-box-shadow: none; + box-shadow: none; + display: block; + padding: 4px 10px 5px; + position: relative; + -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; + transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; + width: auto; + word-wrap: break-word; + z-index: 0; +} + +.widget .tagcloud a:hover, +.widget .tagcloud a:focus, +.widget.widget_tag_cloud a:hover, +.widget.widget_tag_cloud a:focus, +.wp_widget_tag_cloud a:hover, +.wp_widget_tag_cloud a:focus { + border-color: #bbb; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; +} + +/* Calendar widget */ + +.widget_calendar .wp-calendar-table { + margin-bottom: 0; +} + +.widget_calendar .wp-calendar-nav { + display: table; + width: 100%; + margin: 0 0 1.5em; + padding: 0.4em 0; +} + +.widget_calendar .wp-calendar-nav span { + display: table-cell; +} + +.widget_calendar .wp-calendar-nav-prev, +.widget_calendar .wp-calendar-nav-next { + width: 40%; +} + +.widget_calendar th, +.widget_calendar td, +.widget_calendar .wp-calendar-nav span { + text-align: center; +} + +.widget_calendar tfoot td { + border: 0; +} + +/* Gallery widget */ + +.gallery-columns-5 .gallery-caption, +.gallery-columns-6 .gallery-caption, +.gallery-columns-7 .gallery-caption, +.gallery-columns-8 .gallery-caption, +.gallery-columns-9 .gallery-caption { + display: none; +} + +/*-------------------------------------------------------------- +16.0 Media +--------------------------------------------------------------*/ + +img, +video { + height: auto; /* Make sure images are scaled correctly. */ + max-width: 100%; /* Adhere to container width. */ +} + +img.alignleft, +img.alignright { + float: none; + margin: 0; +} + +.page-content .wp-smiley, +.entry-content .wp-smiley, +.comment-content .wp-smiley { + border: none; + margin-bottom: 0; + margin-top: 0; + padding: 0; +} + +audio:focus, +video:focus { + outline: thin dotted; +} + +/* Make sure embeds and iframes fit their containers. */ + +embed, +iframe, +object { + margin-bottom: 1.5em; + max-width: 100%; +} + +/* Remove bottom on embeds that wrapped in paragraphs via wpautop. */ + +p > embed:only-child, +p > iframe:only-child, +p > object:only-child { + margin-bottom: 0; +} + +.wp-caption, +.gallery-caption { + color: #666; + font-size: 13px; + font-size: 0.8125rem; + font-style: italic; + margin-bottom: 1.5em; + max-width: 100%; +} + +.wp-caption img[class*="wp-image-"] { + display: block; + margin-left: auto; + margin-right: auto; +} + +.wp-caption .wp-caption-text { + margin: 0.8075em 0; +} + +/* Media Elements */ + +.mejs-container { + margin-bottom: 1.5em; +} + +/* Audio Player */ + +.mejs-controls a.mejs-horizontal-volume-slider, +.mejs-controls a.mejs-horizontal-volume-slider:focus, +.mejs-controls a.mejs-horizontal-volume-slider:hover { + background: transparent; + border: 0; +} + +/* Playlist Color Overrides: Light */ + +.site-content .wp-playlist-light { + border-color: #eee; + color: #222; +} + +.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album { + color: #333; +} + +.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist { + color: #767676; +} + +.site-content .wp-playlist-light .wp-playlist-item { + border-bottom: 1px dotted #eee; + -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; + transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; +} + +.site-content .wp-playlist-light .wp-playlist-item:hover, +.site-content .wp-playlist-light .wp-playlist-item:focus { + border-bottom-color: rgba(0, 0, 0, 0); + background-color: #767676; + color: #fff; +} + +.site-content .wp-playlist-light a.wp-playlist-caption:hover, +.site-content .wp-playlist-light .wp-playlist-item:hover a, +.site-content .wp-playlist-light .wp-playlist-item:focus a { + color: #fff; +} + +/* Playlist Color Overrides: Dark */ + +.site-content .wp-playlist-dark { + background: #222; + border-color: #333; +} + +.site-content .wp-playlist-dark .mejs-container .mejs-controls { + background-color: #333; +} + +.site-content .wp-playlist-dark .wp-playlist-caption { + color: #fff; +} + +.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album { + color: #eee; +} + +.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist { + color: #aaa; +} + +.site-content .wp-playlist-dark .wp-playlist-playing { + background-color: #333; +} + +.site-content .wp-playlist-dark .wp-playlist-item { + border-bottom: 1px dotted #555; + -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; + transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; +} + +.site-content .wp-playlist-dark .wp-playlist-item:hover, +.site-content .wp-playlist-dark .wp-playlist-item:focus { + border-bottom-color: rgba(0, 0, 0, 0); + background-color: #aaa; + color: #222; +} + +.site-content .wp-playlist-dark a.wp-playlist-caption:hover, +.site-content .wp-playlist-dark .wp-playlist-item:hover a, +.site-content .wp-playlist-dark .wp-playlist-item:focus a { + color: #222; +} + +/* Playlist Style Overrides */ + +.site-content .wp-playlist { + padding: 0.625em 0.625em 0.3125em; +} + +.site-content .wp-playlist-current-item .wp-playlist-item-title { + font-weight: 700; +} + +.site-content .wp-playlist-current-item .wp-playlist-item-album { + font-style: normal; +} + +.site-content .wp-playlist-current-item .wp-playlist-item-artist { + font-size: 10px; + font-size: 0.625rem; + font-weight: 800; + letter-spacing: 0.1818em; + text-transform: uppercase; +} + +.site-content .wp-playlist-item { + padding: 0 0.3125em; + cursor: pointer; +} + +.site-content .wp-playlist-item:last-of-type { + border-bottom: none; +} + +.site-content .wp-playlist-item a { + padding: 0.3125em 0; + border-bottom: none; +} + +.site-content .wp-playlist-item a, +.site-content .wp-playlist-item a:focus, +.site-content .wp-playlist-item a:hover { + -webkit-box-shadow: none; + box-shadow: none; + background: transparent; +} + +.site-content .wp-playlist-item-length { + top: 5px; +} + +/* SVG Icons base styles */ + +.icon { + display: inline-block; + fill: currentColor; + height: 1em; + position: relative; /* Align more nicely with capital letters */ + top: -0.0625em; + vertical-align: middle; + width: 1em; +} + +/*-------------------------------------------------------------- +16.1 Galleries +--------------------------------------------------------------*/ + +.gallery-item { + display: inline-block; + text-align: left; + vertical-align: top; + margin: 0 0 1.5em; + padding: 0 1em 0 0; + width: 50%; +} + +.gallery-columns-1 .gallery-item { + width: 100%; +} + +.gallery-columns-2 .gallery-item { + max-width: 50%; +} + +.gallery-item a, +.gallery-item a:hover, +.gallery-item a:focus, +.widget-area .gallery-item a, +.widget-area .gallery-item a:hover, +.widget-area .gallery-item a:focus { + -webkit-box-shadow: none; + box-shadow: none; + background: none; + display: inline-block; + max-width: 100%; +} + +.gallery-item a img { + display: block; + -webkit-transition: -webkit-filter 0.2s ease-in; + transition: -webkit-filter 0.2s ease-in; + transition: filter 0.2s ease-in; + transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} + +.gallery-item a:hover img, +.gallery-item a:focus img { + -webkit-filter: opacity(60%); + filter: opacity(60%); +} + +.gallery-caption { + display: block; + text-align: left; + padding: 0 10px 0 0; + margin-bottom: 0; +} + +/*-------------------------------------------------------------- +17.0 Customizer +--------------------------------------------------------------*/ + +.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:after { + border: 2px dashed #0085ba; /* Matches visible edit shortcuts. */ + bottom: 1em; + content: ""; + display: block; + left: 1em; + position: absolute; + right: 1em; + top: 1em; + z-index: 1; +} + +.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .panel-content { + z-index: 2; /* Prevent :after from preventing interactions within the section */ +} + +/* Used for placeholder text */ +.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title { + display: block; + font-size: 14px; + font-size: 0.875rem; + font-weight: 700; + letter-spacing: 1px; + padding: 3em; + text-transform: uppercase; + text-align: center; +} + +/* Show borders on the custom page panels only when the front page sections are being edited */ +.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(1):after { + border: none; +} + +.twentyseventeen-front-page.twentyseventeen-customizer #primary article.panel-placeholder { + border: 0; +} + +/* Add some space around the visual edit shortcut buttons. */ +.twentyseventeen-panel > .customize-partial-edit-shortcut > button { + top: 30px; + left: 30px; +} + +/* Ensure that placeholder icons are visible. */ +.twentyseventeen-panel .customize-partial-edit-shortcut-hidden:before { + visibility: visible; +} + +/*-------------------------------------------------------------- +18.0 SVGs Fallbacks +--------------------------------------------------------------*/ + +.svg-fallback { + display: none; +} + +.no-svg .svg-fallback { + display: inline-block; +} + +.no-svg .dropdown-toggle { + padding: 0.5em 0 0; + right: 0; + text-align: center; + width: 2em; +} + +.no-svg .dropdown-toggle .svg-fallback.icon-angle-down { + font-size: 20px; + font-size: 1.25rem; + font-weight: 400; + line-height: 1; + -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ + -ms-transform: rotate(180deg); /* IE 9 */ + transform: rotate(180deg); +} + +.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down { + -webkit-transform: rotate(0); /* Chrome, Safari, Opera */ + -ms-transform: rotate(0); /* IE 9 */ + transform: rotate(0); +} + +.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before { + content: "\005E"; +} + +/* Social Menu fallbacks */ + +.no-svg .social-navigation a { + background: transparent; + color: #222; + height: auto; + width: auto; +} + +/* Show screen reader text in some cases */ + +.no-svg .next.page-numbers .screen-reader-text, +.no-svg .prev.page-numbers .screen-reader-text, +.no-svg .social-navigation li a .screen-reader-text, +.no-svg .search-submit .screen-reader-text { + clip: auto; + font-size: 16px; + font-size: 1rem; + font-weight: 400; + height: auto; + position: relative !important; /* overrides previous !important styles */ + width: auto; +} + +/*-------------------------------------------------------------- +19.0 Media Queries +--------------------------------------------------------------*/ + +/* Adjust positioning of edit shortcuts, override style in customize-preview.css */ +@media screen and (min-width: 20em) { + + body.customize-partial-edit-shortcuts-shown .site-header .site-title { + padding-left: 0; + } +} + +@media screen and (min-width: 30em) { + + /* Typography */ + + body, + button, + input, + select, + textarea { + font-size: 18px; + font-size: 1.125rem; + } + + h1 { + font-size: 30px; + font-size: 1.875rem; + } + + h2, + .home.blog .entry-title, + .page .panel-content .recent-posts .entry-title { + font-size: 26px; + font-size: 1.625rem; + } + + h3 { + font-size: 22px; + font-size: 1.375rem; + } + + h4 { + font-size: 18px; + font-size: 1.125rem; + } + + h5 { + font-size: 13px; + font-size: 0.8125rem; + } + + h6 { + font-size: 16px; + font-size: 1rem; + } + + .entry-content blockquote.alignleft, + .entry-content blockquote.alignright { + font-size: 14px; + font-size: 0.875rem; + } + + /* Fix image alignment */ + img.alignleft { + float: left; + margin-right: 1.5em; + } + + img.alignright { + float: right; + margin-left: 1.5em; + } + + /* Site Branding */ + + .site-branding { + padding: 3em 0; + } + + /* Front Page */ + + .panel-content .wrap { + padding-bottom: 2em; + padding-top: 3.5em; + } + + .page-one-column .panel-content .wrap { + max-width: 740px; + } + + .panel-content .entry-header { + margin-bottom: 4.5em; + } + + .panel-content .recent-posts .entry-header { + margin-bottom: 0; + } + + /* Blog Index, Archive, Search */ + + .taxonomy-description { + font-size: 14px; + font-size: 0.875rem; + } + + .page-numbers.current { + font-size: 16px; + font-size: 1rem; + } + + /* Site Footer */ + + .site-footer { + font-size: 16px; + font-size: 1rem; + } + + /* Gallery Columns */ + + .gallery-item { + max-width: 25%; + } + + .gallery-columns-1 .gallery-item { + max-width: 100%; + } + + .gallery-columns-2 .gallery-item { + max-width: 50%; + } + + .gallery-columns-3 .gallery-item { + max-width: 33.33%; + } + + .gallery-columns-4 .gallery-item { + max-width: 25%; + } +} + +@media screen and (min-width: 48em) { + + /* Typography */ + + body, + button, + input, + select, + textarea { + font-size: 16px; + font-size: 1rem; + line-height: 1.5; + } + + .entry-content blockquote.alignleft, + .entry-content blockquote.alignright { + font-size: 13px; + font-size: 0.8125rem; + } + + /* Layout */ + + .wrap { + max-width: 1000px; + padding-left: 3em; + padding-right: 3em; + } + + .has-sidebar:not(.error404) #primary { + float: left; + width: 58%; + } + + .has-sidebar #secondary { + float: right; + padding-top: 0; + width: 36%; + } + + .error404 #primary { + float: none; + } + + /* Site Branding */ + + .site-branding { + margin-bottom: 0; + } + + .has-header-image.twentyseventeen-front-page .site-branding, + .has-header-video.twentyseventeen-front-page .site-branding, + .has-header-image.home.blog .site-branding, + .has-header-video.home.blog .site-branding { + bottom: 0; + display: block; + left: 0; + height: auto; + padding-top: 0; + position: absolute; + width: 100%; + } + + .has-header-image.twentyseventeen-front-page .custom-header, + .has-header-video.twentyseventeen-front-page .custom-header, + .has-header-image.home.blog .custom-header, + .has-header-video.home.blog .custom-header { + display: block; + height: auto; + } + + .custom-header-media { + height: 165px; + position: relative; + } + + .twentyseventeen-front-page.has-header-image .custom-header-media, + .twentyseventeen-front-page.has-header-video .custom-header-media, + .home.blog.has-header-image .custom-header-media, + .home.blog.has-header-video .custom-header-media { + height: 0; + position: relative; + } + + .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media, + .has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media { + bottom: 0; + height: auto; + left: 0; + position: absolute; + right: 0; + top: 0; + } + + .custom-logo-link { + padding-right: 2em; + } + + .custom-logo-link img, + body.home.title-tagline-hidden.has-header-image .custom-logo-link img, + body.home.title-tagline-hidden.has-header-video .custom-logo-link img { + max-width: 350px; + } + + .title-tagline-hidden.home.has-header-image .custom-logo-link img, + .title-tagline-hidden.home.has-header-video .custom-logo-link img { + max-height: 200px; + } + + .site-title { + font-size: 36px; + font-size: 2.25rem; + } + + .site-description { + font-size: 16px; + font-size: 1rem; + } + + /* Navigation */ + + .navigation-top { + bottom: 0; + font-size: 14px; + font-size: 0.875rem; + left: 0; + position: absolute; + right: 0; + width: 100%; + z-index: 3; + } + + .navigation-top .wrap { + max-width: 1000px; + /* The font size is 14px here and we need 50px padding in ems */ + padding: 0.75em 3.4166666666667em; + } + + .navigation-top nav { + margin-left: -1.25em; + } + + .site-navigation-fixed.navigation-top { + bottom: auto; + position: fixed; + left: 0; + right: 0; + top: 0; + width: 100%; + z-index: 1000; + } + + .admin-bar .site-navigation-fixed.navigation-top { + top: 32px; + } + + /* Main Navigation */ + + .js .menu-toggle, + .js .dropdown-toggle { + display: none; + } + + .main-navigation { + width: auto; + } + + .js .main-navigation ul, + .js .main-navigation ul ul, + .js .main-navigation > div > ul { + display: block; + } + + .main-navigation ul { + background: transparent; + padding: 0; + } + + .main-navigation > div > ul { + border: 0; + margin-bottom: 0; + padding: 0; + } + + .main-navigation li { + border: 0; + display: inline-block; + } + + .main-navigation li li { + display: block; + } + + .main-navigation a { + padding: 1em 1.25em; + } + + .main-navigation ul ul { + background: #fff; + border: 1px solid #bbb; + left: -999em; + padding: 0; + position: absolute; + top: 100%; + z-index: 99999; + } + + .main-navigation ul li.menu-item-has-children:before, + .main-navigation ul li.menu-item-has-children:after, + .main-navigation ul li.page_item_has_children:before, + .main-navigation ul li.page_item_has_children:after { + border-style: solid; + border-width: 0 6px 6px; + content: ""; + display: none; + height: 0; + position: absolute; + right: 1em; + bottom: -1px; + width: 0; + z-index: 100000; + } + + .main-navigation ul li.menu-item-has-children.focus:before, + .main-navigation ul li.menu-item-has-children:hover:before, + .main-navigation ul li.menu-item-has-children.focus:after, + .main-navigation ul li.menu-item-has-children:hover:after, + .main-navigation ul li.page_item_has_children.focus:before, + .main-navigation ul li.page_item_has_children:hover:before, + .main-navigation ul li.page_item_has_children.focus:after, + .main-navigation ul li.page_item_has_children:hover:after { + display: block; + } + + .main-navigation ul li.menu-item-has-children:before, + .main-navigation ul li.page_item_has_children:before { + border-color: transparent transparent #bbb; + bottom: 0; + } + + .main-navigation ul li.menu-item-has-children:after, + .main-navigation ul li.page_item_has_children:after { + border-color: transparent transparent #fff; + } + + .main-navigation ul ul li:hover > ul, + .main-navigation ul ul li.focus > ul { + left: 100%; + right: auto; + } + + .main-navigation ul ul a { + padding: 0.75em 1.25em; + width: 16em; + } + + .main-navigation li li { + -webkit-transition: background-color 0.2s ease-in-out; + transition: background-color 0.2s ease-in-out; + } + + .main-navigation li li:hover, + .main-navigation li li.focus { + background: #767676; + } + + .main-navigation li li a { + -webkit-transition: color 0.3s ease-in-out; + transition: color 0.3s ease-in-out; + } + + .main-navigation li li.focus > a, + .main-navigation li li:focus > a, + .main-navigation li li:hover > a, + .main-navigation li li a:hover, + .main-navigation li li a:focus, + .main-navigation li li.current_page_item a:hover, + .main-navigation li li.current-menu-item a:hover, + .main-navigation li li.current_page_item a:focus, + .main-navigation li li.current-menu-item a:focus { + color: #fff; + } + + .main-navigation ul li:hover > ul, + .main-navigation ul li.focus > ul { + left: 0.5em; + right: auto; + } + + .main-navigation .menu-item-has-children > a > .icon, + .main-navigation .page_item_has_children > a > .icon { + display: inline; + left: 5px; + position: relative; + top: -1px; + } + + .main-navigation ul ul .menu-item-has-children > a > .icon, + .main-navigation ul ul .page_item_has_children > a > .icon { + margin-top: -9px; + left: auto; + position: absolute; + right: 1em; + top: 50%; + -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ + -ms-transform: rotate(-90deg); /* IE 9 */ + transform: rotate(-90deg); + } + + .main-navigation ul ul ul { + left: -999em; + margin-top: -1px; + top: 0; + } + + .main-navigation ul ul li.menu-item-has-children.focus:before, + .main-navigation ul ul li.menu-item-has-children:hover:before, + .main-navigation ul ul li.menu-item-has-children.focus:after, + .main-navigation ul ul li.menu-item-has-children:hover:after, + .main-navigation ul ul li.page_item_has_children.focus:before, + .main-navigation ul ul li.page_item_has_children:hover:before, + .main-navigation ul ul li.page_item_has_children.focus:after, + .main-navigation ul ul li.page_item_has_children:hover:after { + display: none; + } + + .site-header .site-navigation-fixed .menu-scroll-down { + display: none; + } + + /* Scroll down arrow */ + + .site-header .menu-scroll-down { + display: block; + padding: 1em; + position: absolute; + right: 0; + } + + .site-header .menu-scroll-down .icon { + -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ + -ms-transform: rotate(90deg); /* IE 9 */ + transform: rotate(90deg); + } + + .site-header .menu-scroll-down { + color: #fff; + top: 2em; + } + + .site-header .navigation-top .menu-scroll-down { + color: #767676; + top: 0.7em; + } + + .menu-scroll-down:focus { + outline: thin dotted; + } + + .menu-scroll-down .icon { + height: 18px; + width: 18px; + } + + /* Front Page */ + + .twentyseventeen-front-page.has-header-image .site-branding, + .twentyseventeen-front-page.has-header-video .site-branding, + .home.blog.has-header-image .site-branding, + .home.blog.has-header-video .site-branding { + margin-bottom: 70px; + } + + .twentyseventeen-front-page.has-header-image .custom-header-media, + .twentyseventeen-front-page.has-header-video .custom-header-media, + .home.blog.has-header-image .custom-header-media, + .home.blog.has-header-video .custom-header-media { + height: 1200px; + height: 100vh; + max-height: 100%; + overflow: hidden; + } + + .twentyseventeen-front-page.has-header-image .custom-header-media:before, + .twentyseventeen-front-page.has-header-video .custom-header-media:before, + .home.blog.has-header-image .custom-header-media:before, + .home.blog.has-header-video .custom-header-media:before { + height: 33%; + } + + .admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media, + .admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media, + .admin-bar.home.blog.has-header-image .custom-header-media, + .admin-bar.home.blog.has-header-video .custom-header-media { + height: calc(100vh - 32px); + } + + .panel-content .wrap { + padding-bottom: 4.5em; + padding-top: 6em; + } + + .panel-image { + height: 100vh; + max-height: 1200px; + } + + /* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */ + .background-fixed .panel-image { + background-attachment: fixed; + } + + .page-two-column .panel-content .entry-header { + float: left; + width: 36%; + } + + .page-two-column .panel-content .entry-content { + float: right; + width: 58%; + } + + /* Front Page - Recent Posts */ + + .page-two-column .panel-content .recent-posts { + clear: right; + float: right; + width: 58%; + } + + .panel-content .recent-posts article { + margin-bottom: 4em; + } + + .panel-content .recent-posts .entry-header, + .page-two-column #primary .panel-content .recent-posts .entry-header, + .panel-content .recent-posts .entry-content, + .page-two-column #primary .panel-content .recent-posts .entry-content { + float: none; + width: 100%; + } + + .panel-content .recent-posts .entry-header { + margin-bottom: 1.5em; + } + + .page .panel-content .recent-posts .entry-title { + font-size: 26px; + font-size: 1.625rem; + } + + /* Posts */ + + .site-content { + padding: 5.5em 0 0; + } + + .single-post .entry-title, + .page .entry-title { + font-size: 26px; + font-size: 1.625rem; + } + + .comments-pagination, + .post-navigation { + clear: both; + } + + .post-navigation .nav-previous { + float: left; + width: 50%; + } + + .post-navigation .nav-next { + float: right; + text-align: right; + width: 50%; + } + + .nav-next, + .post-navigation .nav-next { + margin-top: 0; + } + + /* Blog, archive, search */ + + .sticky .icon-thumb-tack { + height: 23px; + left: -2.5em; + top: 1.5em; + width: 32px; + } + + body:not(.has-sidebar):not(.page-one-column) .page-header, + body.has-sidebar.error404 #primary .page-header, + body.page-two-column:not(.archive) #primary .entry-header, + body.page-two-column.archive:not(.has-sidebar) #primary .page-header { + float: left; + width: 36%; + } + + .blog:not(.has-sidebar) #primary article, + .archive:not(.page-one-column):not(.has-sidebar) #primary article, + .search:not(.has-sidebar) #primary article, + .error404:not(.has-sidebar) #primary .page-content, + .error404.has-sidebar #primary .page-content, + body.page-two-column:not(.archive) #primary .entry-content, + body.page-two-column #comments { + float: right; + width: 58%; + } + + .blog .site-main > article, + .archive .site-main > article, + .search .site-main > article { + padding-bottom: 4em; + } + + .navigation.pagination { + clear: both; + float: right; + width: 58%; + } + + .has-sidebar .navigation.pagination, + .archive.page-one-column:not(.has-sidebar) .navigation.pagination { + float: none; + width: 100%; + } + + .entry-footer { + display: table; + width: 100%; + } + + .entry-footer .cat-tags-links { + display: table-cell; + vertical-align: middle; + width: 100%; + } + + .entry-footer .edit-link { + display: table-cell; + text-align: right; + vertical-align: middle; + } + + .entry-footer .edit-link a.post-edit-link { + margin-top: 0; + margin-left: 1em; + } + + /* Entry content */ + + /* without sidebar */ + + :not(.has-sidebar) .entry-content blockquote.alignleft { + margin-left: -17.5%; + width: 48%; + } + + :not(.has-sidebar) .entry-content blockquote.alignright { + margin-right: -17.5%; + width: 48%; + } + + /* with sidebar */ + + .has-sidebar .entry-content blockquote.alignleft { + margin-left: 0; + width: 34%; + } + + .has-sidebar .entry-content blockquote.alignright { + margin-right: 0; + width: 34%; + } + + .has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta { + margin-right: -72.5%; + width: 62%; + } + + /* blog and archive */ + + .blog:not(.has-sidebar) .entry-content blockquote.alignleft, + .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft, + .archive:not(.has-sidebar) .entry-content blockquote.alignleft, + .page-two-column .entry-content blockquote.alignleft { + margin-left: -72.5%; + width: 62%; + } + + .blog:not(.has-sidebar) .entry-content blockquote.alignright, + .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright, + .archive:not(.has-sidebar) .entry-content blockquote.alignright, + .page-two-column .entry-content blockquote.alignright { + margin-right: 0; + width: 36%; + } + + /* Post formats */ + + .format-quote blockquote .icon { + left: -1.5em; + } + + /* Pages */ + + .page.page-one-column .entry-header, + .twentyseventeen-front-page.page-one-column .entry-header, + .archive.page-one-column:not(.has-sidebar) .page-header { + margin-bottom: 4em; + } + + .page:not(.home) #content { + padding-bottom: 3.25em; + } + + /* 404 page */ + + .error404 .page-content { + padding-bottom: 9em; + } + + /* Comments */ + + #comments { + padding-top: 5em; + } + + .comments-title { + margin-bottom: 2.5em; + } + + ol.children .children { + padding-left: 2em; + } + + /* Posts pagination */ + + .nav-links .nav-title { + position: relative; + } + + .nav-title-icon-wrapper { + position: absolute; + text-align: center; + width: 2em; + } + + .nav-links .nav-previous .nav-title .nav-title-icon-wrapper { + left: -2em; + } + + .nav-links .nav-next .nav-title .nav-title-icon-wrapper { + right: -2em; + } + + /* Secondary */ + + #secondary { + font-size: 14px; + font-size: 0.875rem; + line-height: 1.6; + } + + /* Widgets */ + + h2.widget-title { + font-size: 11px; + font-size: 0.6875rem; + margin-bottom: 2em; + } + + /* Footer */ + + .site-footer { + font-size: 14px; + font-size: 0.875rem; + line-height: 1.6; + margin-top: 3em; + } + + .site-footer .widget-column.footer-widget-1 { + float: left; + width: 36%; + } + + .site-footer .widget-column.footer-widget-2 { + float: right; + width: 58%; + } + + .social-navigation { + clear: left; + float: left; + margin-bottom: 0; + width: 36%; + } + + .site-info { + float: left; + padding: 0.7em 0 0; + width: 58%; + } + + .social-navigation + .site-info { + margin-left: 6%; + } + + .site-info .sep { + margin: 0 0.5em; + display: inline; + visibility: visible; + height: auto; + width: auto; + } + + /* Gallery Columns */ + + .gallery-columns-5 .gallery-item { + max-width: 20%; + } + + .gallery-columns-6 .gallery-item { + max-width: 16.66%; + } + + .gallery-columns-7 .gallery-item { + max-width: 14.28%; + } + + .gallery-columns-8 .gallery-item { + max-width: 12.5%; + } + + .gallery-columns-9 .gallery-item { + max-width: 11.11%; + } +} + +@media screen and ( min-width: 67em ) { + + /* Layout */ + + /* Navigation */ + .navigation-top .wrap { + padding: 0.75em 2em; + } + + .navigation-top nav { + margin-left: 0; + } + + /* Sticky posts */ + + .sticky .icon-thumb-tack { + font-size: 32px; + font-size: 2rem; + height: 22px; + left: -1.25em; + top: 0.75em; + width: 32px; + } + + /* Pagination */ + + .page-numbers { + display: inline-block; + } + + .page-numbers.current { + font-size: 15px; + font-size: 0.9375rem; + } + + .page-numbers.current .screen-reader-text { + clip: rect(1px, 1px, 1px, 1px); + height: 1px; + overflow: hidden; + position: absolute !important; + width: 1px; + } + + /* Comments */ + + .comment-body { + margin-left: 0; + } +} + +@media screen and ( min-width: 79em ) { + + .has-sidebar .entry-content blockquote.alignleft { + margin-left: -20%; + } + + .blog:not(.has-sidebar) .entry-content blockquote.alignright, + .archive:not(.has-sidebar) .entry-content blockquote.alignright, + .page-two-column .entry-content blockquote.alignright, + .twentyseventeen-front-page .entry-content blockquote.alignright { + margin-right: -20%; + } +} + +@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) { + + .admin-bar .site-navigation-fixed.navigation-top, + .admin-bar .site-navigation-hidden.navigation-top { + top: 46px; + } +} + +/*-------------------------------------------------------------- +20.0 Print +--------------------------------------------------------------*/ + +@media print { + + /* Hide elements */ + + form, + button, + input, + select, + textarea, + .navigation-top, + .social-navigation, + #secondary, + .content-bottom-widgets, + .header-image, + .panel-image-prop, + .icon-thumb-tack, + .page-links, + .edit-link, + .post-navigation, + .pagination.navigation, + .comments-pagination, + .comment-respond, + .comment-edit-link, + .comment-reply-link, + .comment-metadata .edit-link, + .pingback .edit-link, + .site-footer aside.widget-area, + .site-info { + display: none !important; + } + + .entry-footer, + #comments, + .site-footer, + .single-featured-image-header { + border: 0; + } + + /* Font sizes */ + + body { + font-size: 12pt; + } + + h1 { + font-size: 24pt; + } + + h2 { + font-size: 22pt; + } + + h3 { + font-size: 17pt; + } + + h4 { + font-size: 12pt; + } + + h5 { + font-size: 11pt; + } + + h6 { + font-size: 12pt; + } + + .page .panel-content .entry-title, + .page-title, + body.page:not(.twentyseventeen-front-page) .entry-title { + font-size: 10pt; + } + + /* Layout */ + + .wrap { + padding-left: 5% !important; + padding-right: 5% !important; + max-width: none; + } + + /* Site Branding */ + + .site-header { + background: transparent; + padding: 0; + } + + .custom-header-media { + padding: 0; + } + + .twentyseventeen-front-page.has-header-image .site-branding, + .twentyseventeen-front-page.has-header-video .site-branding, + .home.blog.has-header-image .site-branding, + .home.blog.has-header-video .site-branding { + position: relative; + } + + .site-branding { + margin-top: 0; + margin-bottom: 1.75em !important; /* override styles added by JavaScript */ + } + + .site-title { + font-size: 25pt; + } + + .site-description { + font-size: 12pt; + opacity: 1; + } + + /* Posts */ + + .single-featured-image-header { + background: transparent; + } + + .entry-meta { + font-size: 9pt; + } + + /* Colors */ + + body, + .site { + background: none !important; /* Brute force since user agents all print differently. */ + } + + body, + a, + .site-title a, + .twentyseventeen-front-page.has-header-image .site-title, + .twentyseventeen-front-page.has-header-video .site-title, + .twentyseventeen-front-page.has-header-image .site-title a, + .twentyseventeen-front-page.has-header-video .site-title a { + color: #222 !important; /* Make sure color schemes don't affect to print */ + } + + h2, + h5, + blockquote, + .site-description, + .twentyseventeen-front-page.has-header-image .site-description, + .twentyseventeen-front-page.has-header-video .site-description, + .entry-meta, + .entry-meta a { + color: #777 !important; /* Make sure color schemes don't affect to print */ + } + + .entry-content blockquote.alignleft, + .entry-content blockquote.alignright { + font-size: 11pt; + width: 34%; + } + + .site-footer { + padding: 0; + } +} diff --git a/wp-content/themes/twentyseventeen/template-parts/footer/footer-widgets.php b/wp-content/themes/twentyseventeen/template-parts/footer/footer-widgets.php index 68ad2165b13c0375ed5e20ddfa839d8d75cd2f50..4d42a182f43ce5761b520a8725c359725d24a852 100644 --- a/wp-content/themes/twentyseventeen/template-parts/footer/footer-widgets.php +++ b/wp-content/themes/twentyseventeen/template-parts/footer/footer-widgets.php @@ -1,35 +1,35 @@ -<?php -/** - * Displays footer widgets if assigned - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - * @version 1.0 - */ - -?> - -<?php -if ( is_active_sidebar( 'sidebar-2' ) || - is_active_sidebar( 'sidebar-3' ) ) : - ?> - - <aside class="widget-area" role="complementary" aria-label="<?php esc_attr_e( 'Footer', 'twentyseventeen' ); ?>"> - <?php - if ( is_active_sidebar( 'sidebar-2' ) ) { - ?> - <div class="widget-column footer-widget-1"> - <?php dynamic_sidebar( 'sidebar-2' ); ?> - </div> - <?php - } - if ( is_active_sidebar( 'sidebar-3' ) ) { - ?> - <div class="widget-column footer-widget-2"> - <?php dynamic_sidebar( 'sidebar-3' ); ?> - </div> - <?php } ?> - </aside><!-- .widget-area --> - -<?php endif; ?> +<?php +/** + * Displays footer widgets if assigned + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + * @version 1.0 + */ + +?> + +<?php +if ( is_active_sidebar( 'sidebar-2' ) || + is_active_sidebar( 'sidebar-3' ) ) : + ?> + + <aside class="widget-area" role="complementary" aria-label="<?php esc_attr_e( 'Footer', 'twentyseventeen' ); ?>"> + <?php + if ( is_active_sidebar( 'sidebar-2' ) ) { + ?> + <div class="widget-column footer-widget-1"> + <?php dynamic_sidebar( 'sidebar-2' ); ?> + </div> + <?php + } + if ( is_active_sidebar( 'sidebar-3' ) ) { + ?> + <div class="widget-column footer-widget-2"> + <?php dynamic_sidebar( 'sidebar-3' ); ?> + </div> + <?php } ?> + </aside><!-- .widget-area --> + +<?php endif; ?> diff --git a/wp-content/themes/twentyseventeen/template-parts/footer/site-info.php b/wp-content/themes/twentyseventeen/template-parts/footer/site-info.php index 9e5331b367b9dd9853c08c76c9517f949801fb85..754937635e4c5cd03a59bc0417ad9c2acbaa9358 100644 --- a/wp-content/themes/twentyseventeen/template-parts/footer/site-info.php +++ b/wp-content/themes/twentyseventeen/template-parts/footer/site-info.php @@ -1,24 +1,24 @@ -<?php -/** - * Displays footer site info - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - * @version 1.0 - */ - -?> -<div class="site-info"> - <?php - if ( function_exists( 'the_privacy_policy_link' ) ) { - the_privacy_policy_link( '', '<span role="separator" aria-hidden="true"></span>' ); - } - ?> - <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentyseventeen' ) ); ?>" class="imprint"> - <?php - /* translators: %s: WordPress */ - printf( __( 'Proudly powered by %s', 'twentyseventeen' ), 'WordPress' ); - ?> - </a> -</div><!-- .site-info --> +<?php +/** + * Displays footer site info + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + * @version 1.0 + */ + +?> +<div class="site-info"> + <?php + if ( function_exists( 'the_privacy_policy_link' ) ) { + the_privacy_policy_link( '', '<span role="separator" aria-hidden="true"></span>' ); + } + ?> + <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentyseventeen' ) ); ?>" class="imprint"> + <?php + /* translators: %s: WordPress */ + printf( __( 'Proudly powered by %s', 'twentyseventeen' ), 'WordPress' ); + ?> + </a> +</div><!-- .site-info --> diff --git a/wp-content/themes/twentyseventeen/template-parts/header/header-image.php b/wp-content/themes/twentyseventeen/template-parts/header/header-image.php index 34aaa6c4b613e052bdc1f7f054b5d264fe11c234..9672d70f8629b8809b790127e6a3b895eb951e05 100644 --- a/wp-content/themes/twentyseventeen/template-parts/header/header-image.php +++ b/wp-content/themes/twentyseventeen/template-parts/header/header-image.php @@ -1,20 +1,20 @@ -<?php -/** - * Displays header media - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - * @version 1.0 - */ - -?> -<div class="custom-header"> - - <div class="custom-header-media"> - <?php the_custom_header_markup(); ?> - </div> - - <?php get_template_part( 'template-parts/header/site', 'branding' ); ?> - -</div><!-- .custom-header --> +<?php +/** + * Displays header media + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + * @version 1.0 + */ + +?> +<div class="custom-header"> + + <div class="custom-header-media"> + <?php the_custom_header_markup(); ?> + </div> + + <?php get_template_part( 'template-parts/header/site', 'branding' ); ?> + +</div><!-- .custom-header --> diff --git a/wp-content/themes/twentyseventeen/template-parts/header/site-branding.php b/wp-content/themes/twentyseventeen/template-parts/header/site-branding.php index d605a5e0f4f570849083e56d8ba7c74f6c72f641..798bbe52d0ddabe1645a0f475f5eb85120cee743 100644 --- a/wp-content/themes/twentyseventeen/template-parts/header/site-branding.php +++ b/wp-content/themes/twentyseventeen/template-parts/header/site-branding.php @@ -1,38 +1,38 @@ -<?php -/** - * Displays header site branding - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - * @version 1.0 - */ - -?> -<div class="site-branding"> - <div class="wrap"> - - <?php the_custom_logo(); ?> - - <div class="site-branding-text"> - <?php if ( is_front_page() ) : ?> - <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1> - <?php else : ?> - <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p> - <?php endif; ?> - - <?php - $description = get_bloginfo( 'description', 'display' ); - - if ( $description || is_customize_preview() ) : - ?> - <p class="site-description"><?php echo $description; ?></p> - <?php endif; ?> - </div><!-- .site-branding-text --> - - <?php if ( ( twentyseventeen_is_frontpage() || ( is_home() && is_front_page() ) ) && ! has_nav_menu( 'top' ) ) : ?> - <a href="#content" class="menu-scroll-down"><?php echo twentyseventeen_get_svg( array( 'icon' => 'arrow-right' ) ); ?><span class="screen-reader-text"><?php _e( 'Scroll down to content', 'twentyseventeen' ); ?></span></a> - <?php endif; ?> - - </div><!-- .wrap --> -</div><!-- .site-branding --> +<?php +/** + * Displays header site branding + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + * @version 1.0 + */ + +?> +<div class="site-branding"> + <div class="wrap"> + + <?php the_custom_logo(); ?> + + <div class="site-branding-text"> + <?php if ( is_front_page() ) : ?> + <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1> + <?php else : ?> + <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p> + <?php endif; ?> + + <?php + $description = get_bloginfo( 'description', 'display' ); + + if ( $description || is_customize_preview() ) : + ?> + <p class="site-description"><?php echo $description; ?></p> + <?php endif; ?> + </div><!-- .site-branding-text --> + + <?php if ( ( twentyseventeen_is_frontpage() || ( is_home() && is_front_page() ) ) && ! has_nav_menu( 'top' ) ) : ?> + <a href="#content" class="menu-scroll-down"><?php echo twentyseventeen_get_svg( array( 'icon' => 'arrow-right' ) ); ?><span class="screen-reader-text"><?php _e( 'Scroll down to content', 'twentyseventeen' ); ?></span></a> + <?php endif; ?> + + </div><!-- .wrap --> +</div><!-- .site-branding --> diff --git a/wp-content/themes/twentyseventeen/template-parts/navigation/navigation-top.php b/wp-content/themes/twentyseventeen/template-parts/navigation/navigation-top.php index 417e1c8017e4ef8cf988b5ed1c6eca73521fe9c1..d1922fcebf8dba828f92222a8013d43330321401 100644 --- a/wp-content/themes/twentyseventeen/template-parts/navigation/navigation-top.php +++ b/wp-content/themes/twentyseventeen/template-parts/navigation/navigation-top.php @@ -1,33 +1,33 @@ -<?php -/** - * Displays top navigation - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - * @version 1.2 - */ - -?> -<nav id="site-navigation" class="main-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Top Menu', 'twentyseventeen' ); ?>"> - <button class="menu-toggle" aria-controls="top-menu" aria-expanded="false"> - <?php - echo twentyseventeen_get_svg( array( 'icon' => 'bars' ) ); - echo twentyseventeen_get_svg( array( 'icon' => 'close' ) ); - _e( 'Menu', 'twentyseventeen' ); - ?> - </button> - - <?php - wp_nav_menu( - array( - 'theme_location' => 'top', - 'menu_id' => 'top-menu', - ) - ); - ?> - - <?php if ( ( twentyseventeen_is_frontpage() || ( is_home() && is_front_page() ) ) && has_custom_header() ) : ?> - <a href="#content" class="menu-scroll-down"><?php echo twentyseventeen_get_svg( array( 'icon' => 'arrow-right' ) ); ?><span class="screen-reader-text"><?php _e( 'Scroll down to content', 'twentyseventeen' ); ?></span></a> - <?php endif; ?> -</nav><!-- #site-navigation --> +<?php +/** + * Displays top navigation + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + * @version 1.2 + */ + +?> +<nav id="site-navigation" class="main-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Top Menu', 'twentyseventeen' ); ?>"> + <button class="menu-toggle" aria-controls="top-menu" aria-expanded="false"> + <?php + echo twentyseventeen_get_svg( array( 'icon' => 'bars' ) ); + echo twentyseventeen_get_svg( array( 'icon' => 'close' ) ); + _e( 'Menu', 'twentyseventeen' ); + ?> + </button> + + <?php + wp_nav_menu( + array( + 'theme_location' => 'top', + 'menu_id' => 'top-menu', + ) + ); + ?> + + <?php if ( ( twentyseventeen_is_frontpage() || ( is_home() && is_front_page() ) ) && has_custom_header() ) : ?> + <a href="#content" class="menu-scroll-down"><?php echo twentyseventeen_get_svg( array( 'icon' => 'arrow-right' ) ); ?><span class="screen-reader-text"><?php _e( 'Scroll down to content', 'twentyseventeen' ); ?></span></a> + <?php endif; ?> +</nav><!-- #site-navigation --> diff --git a/wp-content/themes/twentyseventeen/template-parts/page/content-front-page-panels.php b/wp-content/themes/twentyseventeen/template-parts/page/content-front-page-panels.php index 074af0da0e7d5314fd90d98ca9e407b50cee68e9..ca0b5f66d8175e868988ac5b6352a731a3c717cc 100644 --- a/wp-content/themes/twentyseventeen/template-parts/page/content-front-page-panels.php +++ b/wp-content/themes/twentyseventeen/template-parts/page/content-front-page-panels.php @@ -1,87 +1,87 @@ -<?php -/** - * Template part for displaying pages on front page - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - * @version 1.0 - */ - -global $twentyseventeencounter; - -?> - -<article id="panel<?php echo $twentyseventeencounter; ?>" <?php post_class( 'twentyseventeen-panel ' ); ?> > - - <?php - if ( has_post_thumbnail() ) : - $thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'twentyseventeen-featured-image' ); - - // Calculate aspect ratio: h / w * 100%. - $ratio = $thumbnail[2] / $thumbnail[1] * 100; - ?> - - <div class="panel-image" style="background-image: url(<?php echo esc_url( $thumbnail[0] ); ?>);"> - <div class="panel-image-prop" style="padding-top: <?php echo esc_attr( $ratio ); ?>%"></div> - </div><!-- .panel-image --> - - <?php endif; ?> - - <div class="panel-content"> - <div class="wrap"> - <header class="entry-header"> - <?php the_title( '<h2 class="entry-title">', '</h2>' ); ?> - - <?php twentyseventeen_edit_link( get_the_ID() ); ?> - - </header><!-- .entry-header --> - - <div class="entry-content"> - <?php - the_content( - sprintf( - /* translators: %s: Post title. */ - __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentyseventeen' ), - get_the_title() - ) - ); - ?> - </div><!-- .entry-content --> - - <?php - // Show recent blog posts if is blog posts page (Note that get_option returns a string, so we're casting the result as an int). - if ( get_the_ID() === (int) get_option( 'page_for_posts' ) ) : - ?> - - <?php - // Show three most recent posts. - $recent_posts = new WP_Query( - array( - 'posts_per_page' => 3, - 'post_status' => 'publish', - 'ignore_sticky_posts' => true, - 'no_found_rows' => true, - ) - ); - ?> - - <?php if ( $recent_posts->have_posts() ) : ?> - - <div class="recent-posts"> - - <?php - while ( $recent_posts->have_posts() ) : - $recent_posts->the_post(); - get_template_part( 'template-parts/post/content', 'excerpt' ); - endwhile; - wp_reset_postdata(); - ?> - </div><!-- .recent-posts --> - <?php endif; ?> - <?php endif; ?> - - </div><!-- .wrap --> - </div><!-- .panel-content --> - -</article><!-- #post-<?php the_ID(); ?> --> +<?php +/** + * Template part for displaying pages on front page + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + * @version 1.0 + */ + +global $twentyseventeencounter; + +?> + +<article id="panel<?php echo $twentyseventeencounter; ?>" <?php post_class( 'twentyseventeen-panel ' ); ?> > + + <?php + if ( has_post_thumbnail() ) : + $thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'twentyseventeen-featured-image' ); + + // Calculate aspect ratio: h / w * 100%. + $ratio = $thumbnail[2] / $thumbnail[1] * 100; + ?> + + <div class="panel-image" style="background-image: url(<?php echo esc_url( $thumbnail[0] ); ?>);"> + <div class="panel-image-prop" style="padding-top: <?php echo esc_attr( $ratio ); ?>%"></div> + </div><!-- .panel-image --> + + <?php endif; ?> + + <div class="panel-content"> + <div class="wrap"> + <header class="entry-header"> + <?php the_title( '<h2 class="entry-title">', '</h2>' ); ?> + + <?php twentyseventeen_edit_link( get_the_ID() ); ?> + + </header><!-- .entry-header --> + + <div class="entry-content"> + <?php + the_content( + sprintf( + /* translators: %s: Post title. */ + __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentyseventeen' ), + get_the_title() + ) + ); + ?> + </div><!-- .entry-content --> + + <?php + // Show recent blog posts if is blog posts page (Note that get_option returns a string, so we're casting the result as an int). + if ( get_the_ID() === (int) get_option( 'page_for_posts' ) ) : + ?> + + <?php + // Show three most recent posts. + $recent_posts = new WP_Query( + array( + 'posts_per_page' => 3, + 'post_status' => 'publish', + 'ignore_sticky_posts' => true, + 'no_found_rows' => true, + ) + ); + ?> + + <?php if ( $recent_posts->have_posts() ) : ?> + + <div class="recent-posts"> + + <?php + while ( $recent_posts->have_posts() ) : + $recent_posts->the_post(); + get_template_part( 'template-parts/post/content', 'excerpt' ); + endwhile; + wp_reset_postdata(); + ?> + </div><!-- .recent-posts --> + <?php endif; ?> + <?php endif; ?> + + </div><!-- .wrap --> + </div><!-- .panel-content --> + +</article><!-- #post-<?php the_ID(); ?> --> diff --git a/wp-content/themes/twentyseventeen/template-parts/page/content-front-page.php b/wp-content/themes/twentyseventeen/template-parts/page/content-front-page.php index 98427f298145a4d362102fa500128f40e4e1db5c..cc703bc682bad2a454dcd3cb1c8bc409bcf76c7f 100644 --- a/wp-content/themes/twentyseventeen/template-parts/page/content-front-page.php +++ b/wp-content/themes/twentyseventeen/template-parts/page/content-front-page.php @@ -1,58 +1,58 @@ -<?php -/** - * Displays content for front page - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - * @version 1.0 - */ - -?> -<article id="post-<?php the_ID(); ?>" <?php post_class( 'twentyseventeen-panel ' ); ?> > - - <?php - if ( has_post_thumbnail() ) : - $thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'twentyseventeen-featured-image' ); - - // Calculate aspect ratio: h / w * 100%. - $ratio = $thumbnail[2] / $thumbnail[1] * 100; - ?> - - <div class="panel-image" style="background-image: url(<?php echo esc_url( $thumbnail[0] ); ?>);"> - <div class="panel-image-prop" style="padding-top: <?php echo esc_attr( $ratio ); ?>%"></div> - </div><!-- .panel-image --> - - <?php endif; ?> - - <div class="panel-content"> - <div class="wrap"> - <header class="entry-header"> - <?php the_title( '<h2 class="entry-title">', '</h2>' ); ?> - - <?php twentyseventeen_edit_link( get_the_ID() ); ?> - - </header><!-- .entry-header --> - - <div class="entry-content"> - <?php - the_content( - sprintf( - /* translators: %s: Post title. */ - __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentyseventeen' ), - get_the_title() - ) - ); - wp_link_pages( - array( - 'before' => '<div class="page-links">' . __( 'Pages:', 'twentyseventeen' ), - 'after' => '</div>', - ) - ); - ?> - </div><!-- .entry-content --> - - </div><!-- .wrap --> - </div><!-- .panel-content --> - -</article><!-- #post-<?php the_ID(); ?> --> +<?php +/** + * Displays content for front page + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + * @version 1.0 + */ + +?> +<article id="post-<?php the_ID(); ?>" <?php post_class( 'twentyseventeen-panel ' ); ?> > + + <?php + if ( has_post_thumbnail() ) : + $thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'twentyseventeen-featured-image' ); + + // Calculate aspect ratio: h / w * 100%. + $ratio = $thumbnail[2] / $thumbnail[1] * 100; + ?> + + <div class="panel-image" style="background-image: url(<?php echo esc_url( $thumbnail[0] ); ?>);"> + <div class="panel-image-prop" style="padding-top: <?php echo esc_attr( $ratio ); ?>%"></div> + </div><!-- .panel-image --> + + <?php endif; ?> + + <div class="panel-content"> + <div class="wrap"> + <header class="entry-header"> + <?php the_title( '<h2 class="entry-title">', '</h2>' ); ?> + + <?php twentyseventeen_edit_link( get_the_ID() ); ?> + + </header><!-- .entry-header --> + + <div class="entry-content"> + <?php + the_content( + sprintf( + /* translators: %s: Post title. */ + __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentyseventeen' ), + get_the_title() + ) + ); + wp_link_pages( + array( + 'before' => '<div class="page-links">' . __( 'Pages:', 'twentyseventeen' ), + 'after' => '</div>', + ) + ); + ?> + </div><!-- .entry-content --> + + </div><!-- .wrap --> + </div><!-- .panel-content --> + +</article><!-- #post-<?php the_ID(); ?> --> diff --git a/wp-content/themes/twentyseventeen/template-parts/page/content-page.php b/wp-content/themes/twentyseventeen/template-parts/page/content-page.php index 6e99666e8dbeefff17e29556c9f0c80ee3220496..af621e9b17ee1b8e11ddb3cc2dcafbe12770538b 100644 --- a/wp-content/themes/twentyseventeen/template-parts/page/content-page.php +++ b/wp-content/themes/twentyseventeen/template-parts/page/content-page.php @@ -1,32 +1,32 @@ -<?php -/** - * Template part for displaying page content in page.php - * - * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - * @version 1.0 - */ - -?> - -<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> - <header class="entry-header"> - <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?> - <?php twentyseventeen_edit_link( get_the_ID() ); ?> - </header><!-- .entry-header --> - <div class="entry-content"> - <?php - the_content(); - - wp_link_pages( - array( - 'before' => '<div class="page-links">' . __( 'Pages:', 'twentyseventeen' ), - 'after' => '</div>', - ) - ); - ?> - </div><!-- .entry-content --> -</article><!-- #post-<?php the_ID(); ?> --> +<?php +/** + * Template part for displaying page content in page.php + * + * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + * @version 1.0 + */ + +?> + +<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> + <header class="entry-header"> + <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?> + <?php twentyseventeen_edit_link( get_the_ID() ); ?> + </header><!-- .entry-header --> + <div class="entry-content"> + <?php + the_content(); + + wp_link_pages( + array( + 'before' => '<div class="page-links">' . __( 'Pages:', 'twentyseventeen' ), + 'after' => '</div>', + ) + ); + ?> + </div><!-- .entry-content --> +</article><!-- #post-<?php the_ID(); ?> --> diff --git a/wp-content/themes/twentyseventeen/template-parts/post/content-audio.php b/wp-content/themes/twentyseventeen/template-parts/post/content-audio.php index 07f9897fa22109c802529ee895357e37f5473606..1ee148a477e17d732856412685658d29a3ee897b 100644 --- a/wp-content/themes/twentyseventeen/template-parts/post/content-audio.php +++ b/wp-content/themes/twentyseventeen/template-parts/post/content-audio.php @@ -1,109 +1,109 @@ -<?php -/** - * Template part for displaying audio posts - * - * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - * @version 1.2 - */ - -?> - -<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> - <?php - if ( is_sticky() && is_home() ) { - echo twentyseventeen_get_svg( array( 'icon' => 'thumb-tack' ) ); - } - ?> - <header class="entry-header"> - <?php - if ( 'post' === get_post_type() ) { - echo '<div class="entry-meta">'; - if ( is_single() ) { - twentyseventeen_posted_on(); - } else { - echo twentyseventeen_time_link(); - twentyseventeen_edit_link(); - }; - echo '</div><!-- .entry-meta -->'; - }; - - if ( is_single() ) { - the_title( '<h1 class="entry-title">', '</h1>' ); - } elseif ( is_front_page() && is_home() ) { - the_title( '<h3 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h3>' ); - } else { - the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); - } - ?> - </header><!-- .entry-header --> - - <?php - $content = apply_filters( 'the_content', get_the_content() ); - $audio = false; - - // Only get audio from the content if a playlist isn't present. - if ( false === strpos( $content, 'wp-playlist-script' ) ) { - $audio = get_media_embedded_in_content( $content, array( 'audio' ) ); - } - - ?> - - <?php if ( '' !== get_the_post_thumbnail() && ! is_single() ) : ?> - <div class="post-thumbnail"> - <a href="<?php the_permalink(); ?>"> - <?php the_post_thumbnail( 'twentyseventeen-featured-image' ); ?> - </a> - </div><!-- .post-thumbnail --> - <?php endif; ?> - - <div class="entry-content"> - - <?php - if ( ! is_single() ) { - - // If not a single post, highlight the audio file. - if ( ! empty( $audio ) ) { - foreach ( $audio as $audio_html ) { - echo '<div class="entry-audio">'; - echo $audio_html; - echo '</div><!-- .entry-audio -->'; - } - }; - - }; - - if ( is_single() || empty( $audio ) ) { - - the_content( - sprintf( - /* translators: %s: Post title. */ - __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentyseventeen' ), - get_the_title() - ) - ); - - wp_link_pages( - array( - 'before' => '<div class="page-links">' . __( 'Pages:', 'twentyseventeen' ), - 'after' => '</div>', - 'link_before' => '<span class="page-number">', - 'link_after' => '</span>', - ) - ); - - }; - ?> - - </div><!-- .entry-content --> - - <?php - if ( is_single() ) { - twentyseventeen_entry_footer(); - } - ?> - -</article><!-- #post-<?php the_ID(); ?> --> +<?php +/** + * Template part for displaying audio posts + * + * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + * @version 1.2 + */ + +?> + +<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> + <?php + if ( is_sticky() && is_home() ) { + echo twentyseventeen_get_svg( array( 'icon' => 'thumb-tack' ) ); + } + ?> + <header class="entry-header"> + <?php + if ( 'post' === get_post_type() ) { + echo '<div class="entry-meta">'; + if ( is_single() ) { + twentyseventeen_posted_on(); + } else { + echo twentyseventeen_time_link(); + twentyseventeen_edit_link(); + }; + echo '</div><!-- .entry-meta -->'; + }; + + if ( is_single() ) { + the_title( '<h1 class="entry-title">', '</h1>' ); + } elseif ( is_front_page() && is_home() ) { + the_title( '<h3 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h3>' ); + } else { + the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); + } + ?> + </header><!-- .entry-header --> + + <?php + $content = apply_filters( 'the_content', get_the_content() ); + $audio = false; + + // Only get audio from the content if a playlist isn't present. + if ( false === strpos( $content, 'wp-playlist-script' ) ) { + $audio = get_media_embedded_in_content( $content, array( 'audio' ) ); + } + + ?> + + <?php if ( '' !== get_the_post_thumbnail() && ! is_single() ) : ?> + <div class="post-thumbnail"> + <a href="<?php the_permalink(); ?>"> + <?php the_post_thumbnail( 'twentyseventeen-featured-image' ); ?> + </a> + </div><!-- .post-thumbnail --> + <?php endif; ?> + + <div class="entry-content"> + + <?php + if ( ! is_single() ) { + + // If not a single post, highlight the audio file. + if ( ! empty( $audio ) ) { + foreach ( $audio as $audio_html ) { + echo '<div class="entry-audio">'; + echo $audio_html; + echo '</div><!-- .entry-audio -->'; + } + }; + + }; + + if ( is_single() || empty( $audio ) ) { + + the_content( + sprintf( + /* translators: %s: Post title. */ + __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentyseventeen' ), + get_the_title() + ) + ); + + wp_link_pages( + array( + 'before' => '<div class="page-links">' . __( 'Pages:', 'twentyseventeen' ), + 'after' => '</div>', + 'link_before' => '<span class="page-number">', + 'link_after' => '</span>', + ) + ); + + }; + ?> + + </div><!-- .entry-content --> + + <?php + if ( is_single() ) { + twentyseventeen_entry_footer(); + } + ?> + +</article><!-- #post-<?php the_ID(); ?> --> diff --git a/wp-content/themes/twentyseventeen/template-parts/post/content-excerpt.php b/wp-content/themes/twentyseventeen/template-parts/post/content-excerpt.php index d16dc4490f0a242c334921dd6444e63ecf8b6661..2a93cc56d1c7b66cabaa7cb2f378e6825b2eb104 100644 --- a/wp-content/themes/twentyseventeen/template-parts/post/content-excerpt.php +++ b/wp-content/themes/twentyseventeen/template-parts/post/content-excerpt.php @@ -1,48 +1,48 @@ -<?php -/** - * Template part for displaying posts with excerpts - * - * Used in Search Results and for Recent Posts in Front Page panels. - * - * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - * @version 1.2 - */ - -?> - -<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> - - <header class="entry-header"> - <?php if ( 'post' === get_post_type() ) : ?> - <div class="entry-meta"> - <?php - echo twentyseventeen_time_link(); - twentyseventeen_edit_link(); - ?> - </div><!-- .entry-meta --> - <?php elseif ( 'page' === get_post_type() && get_edit_post_link() ) : ?> - <div class="entry-meta"> - <?php twentyseventeen_edit_link(); ?> - </div><!-- .entry-meta --> - <?php endif; ?> - - <?php - if ( is_front_page() && ! is_home() ) { - - // The excerpt is being displayed within a front page section, so it's a lower hierarchy than h2. - the_title( sprintf( '<h3 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h3>' ); - } else { - the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' ); - } - ?> - </header><!-- .entry-header --> - - <div class="entry-summary"> - <?php the_excerpt(); ?> - </div><!-- .entry-summary --> - -</article><!-- #post-<?php the_ID(); ?> --> +<?php +/** + * Template part for displaying posts with excerpts + * + * Used in Search Results and for Recent Posts in Front Page panels. + * + * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + * @version 1.2 + */ + +?> + +<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> + + <header class="entry-header"> + <?php if ( 'post' === get_post_type() ) : ?> + <div class="entry-meta"> + <?php + echo twentyseventeen_time_link(); + twentyseventeen_edit_link(); + ?> + </div><!-- .entry-meta --> + <?php elseif ( 'page' === get_post_type() && get_edit_post_link() ) : ?> + <div class="entry-meta"> + <?php twentyseventeen_edit_link(); ?> + </div><!-- .entry-meta --> + <?php endif; ?> + + <?php + if ( is_front_page() && ! is_home() ) { + + // The excerpt is being displayed within a front page section, so it's a lower hierarchy than h2. + the_title( sprintf( '<h3 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h3>' ); + } else { + the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' ); + } + ?> + </header><!-- .entry-header --> + + <div class="entry-summary"> + <?php the_excerpt(); ?> + </div><!-- .entry-summary --> + +</article><!-- #post-<?php the_ID(); ?> --> diff --git a/wp-content/themes/twentyseventeen/template-parts/post/content-gallery.php b/wp-content/themes/twentyseventeen/template-parts/post/content-gallery.php index 7461d2958b6311b7550833d3c3b071eb0c2568d8..34e2d775fa32f12e6a195bede362432c9224bc5a 100644 --- a/wp-content/themes/twentyseventeen/template-parts/post/content-gallery.php +++ b/wp-content/themes/twentyseventeen/template-parts/post/content-gallery.php @@ -1,96 +1,96 @@ -<?php -/** - * Template part for displaying gallery posts - * - * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - * @version 1.2 - */ - -?> - -<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> - <?php - if ( is_sticky() && is_home() ) { - echo twentyseventeen_get_svg( array( 'icon' => 'thumb-tack' ) ); - } - ?> - <header class="entry-header"> - <?php - if ( 'post' === get_post_type() ) { - echo '<div class="entry-meta">'; - if ( is_single() ) { - twentyseventeen_posted_on(); - } else { - echo twentyseventeen_time_link(); - twentyseventeen_edit_link(); - }; - echo '</div><!-- .entry-meta -->'; - }; - - if ( is_single() ) { - the_title( '<h1 class="entry-title">', '</h1>' ); - } elseif ( is_front_page() && is_home() ) { - the_title( '<h3 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h3>' ); - } else { - the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); - } - ?> - </header><!-- .entry-header --> - - <?php if ( '' !== get_the_post_thumbnail() && ! is_single() && ! get_post_gallery() ) : ?> - <div class="post-thumbnail"> - <a href="<?php the_permalink(); ?>"> - <?php the_post_thumbnail( 'twentyseventeen-featured-image' ); ?> - </a> - </div><!-- .post-thumbnail --> - <?php endif; ?> - - <div class="entry-content"> - - <?php - if ( ! is_single() ) { - - // If not a single post, highlight the gallery. - if ( get_post_gallery() ) { - echo '<div class="entry-gallery">'; - echo get_post_gallery(); - echo '</div>'; - }; - - }; - - if ( is_single() || ! get_post_gallery() ) { - - the_content( - sprintf( - /* translators: %s: Post title. */ - __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentyseventeen' ), - get_the_title() - ) - ); - - wp_link_pages( - array( - 'before' => '<div class="page-links">' . __( 'Pages:', 'twentyseventeen' ), - 'after' => '</div>', - 'link_before' => '<span class="page-number">', - 'link_after' => '</span>', - ) - ); - - }; - ?> - - </div><!-- .entry-content --> - - <?php - if ( is_single() ) { - twentyseventeen_entry_footer(); - } - ?> - -</article><!-- #post-<?php the_ID(); ?> --> +<?php +/** + * Template part for displaying gallery posts + * + * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + * @version 1.2 + */ + +?> + +<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> + <?php + if ( is_sticky() && is_home() ) { + echo twentyseventeen_get_svg( array( 'icon' => 'thumb-tack' ) ); + } + ?> + <header class="entry-header"> + <?php + if ( 'post' === get_post_type() ) { + echo '<div class="entry-meta">'; + if ( is_single() ) { + twentyseventeen_posted_on(); + } else { + echo twentyseventeen_time_link(); + twentyseventeen_edit_link(); + }; + echo '</div><!-- .entry-meta -->'; + }; + + if ( is_single() ) { + the_title( '<h1 class="entry-title">', '</h1>' ); + } elseif ( is_front_page() && is_home() ) { + the_title( '<h3 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h3>' ); + } else { + the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); + } + ?> + </header><!-- .entry-header --> + + <?php if ( '' !== get_the_post_thumbnail() && ! is_single() && ! get_post_gallery() ) : ?> + <div class="post-thumbnail"> + <a href="<?php the_permalink(); ?>"> + <?php the_post_thumbnail( 'twentyseventeen-featured-image' ); ?> + </a> + </div><!-- .post-thumbnail --> + <?php endif; ?> + + <div class="entry-content"> + + <?php + if ( ! is_single() ) { + + // If not a single post, highlight the gallery. + if ( get_post_gallery() ) { + echo '<div class="entry-gallery">'; + echo get_post_gallery(); + echo '</div>'; + }; + + }; + + if ( is_single() || ! get_post_gallery() ) { + + the_content( + sprintf( + /* translators: %s: Post title. */ + __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentyseventeen' ), + get_the_title() + ) + ); + + wp_link_pages( + array( + 'before' => '<div class="page-links">' . __( 'Pages:', 'twentyseventeen' ), + 'after' => '</div>', + 'link_before' => '<span class="page-number">', + 'link_after' => '</span>', + ) + ); + + }; + ?> + + </div><!-- .entry-content --> + + <?php + if ( is_single() ) { + twentyseventeen_entry_footer(); + } + ?> + +</article><!-- #post-<?php the_ID(); ?> --> diff --git a/wp-content/themes/twentyseventeen/template-parts/post/content-image.php b/wp-content/themes/twentyseventeen/template-parts/post/content-image.php index 6d4b5dc1887db0c3c7125988085181ac27973f47..07b89c4183ba9ef5a0d9056ee0113d569e8880ae 100644 --- a/wp-content/themes/twentyseventeen/template-parts/post/content-image.php +++ b/wp-content/themes/twentyseventeen/template-parts/post/content-image.php @@ -1,86 +1,86 @@ -<?php -/** - * Template part for displaying image posts - * - * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - * @version 1.2 - */ - -?> - -<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> - <?php - if ( is_sticky() && is_home() ) { - echo twentyseventeen_get_svg( array( 'icon' => 'thumb-tack' ) ); - } - ?> - <header class="entry-header"> - <?php - if ( 'post' === get_post_type() ) { - echo '<div class="entry-meta">'; - if ( is_single() ) { - twentyseventeen_posted_on(); - } else { - echo twentyseventeen_time_link(); - twentyseventeen_edit_link(); - }; - echo '</div><!-- .entry-meta -->'; - }; - - if ( is_single() ) { - the_title( '<h1 class="entry-title">', '</h1>' ); - } elseif ( is_front_page() && is_home() ) { - the_title( '<h3 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h3>' ); - } else { - the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); - } - ?> - </header><!-- .entry-header --> - - <?php if ( '' !== get_the_post_thumbnail() && ! is_single() ) : ?> - <div class="post-thumbnail"> - <a href="<?php the_permalink(); ?>"> - <?php the_post_thumbnail( 'twentyseventeen-featured-image' ); ?> - </a> - </div><!-- .post-thumbnail --> - <?php endif; ?> - - <div class="entry-content"> - - <?php - if ( is_single() || '' === get_the_post_thumbnail() ) { - - // Only show content if is a single post, or if there's no featured image. - the_content( - sprintf( - /* translators: %s: Post title. */ - __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentyseventeen' ), - get_the_title() - ) - ); - - wp_link_pages( - array( - 'before' => '<div class="page-links">' . __( 'Pages:', 'twentyseventeen' ), - 'after' => '</div>', - 'link_before' => '<span class="page-number">', - 'link_after' => '</span>', - ) - ); - - }; - ?> - - </div><!-- .entry-content --> - - <?php - if ( is_single() ) { - twentyseventeen_entry_footer(); - } - ?> - -</article><!-- #post-<?php the_ID(); ?> --> +<?php +/** + * Template part for displaying image posts + * + * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + * @version 1.2 + */ + +?> + +<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> + <?php + if ( is_sticky() && is_home() ) { + echo twentyseventeen_get_svg( array( 'icon' => 'thumb-tack' ) ); + } + ?> + <header class="entry-header"> + <?php + if ( 'post' === get_post_type() ) { + echo '<div class="entry-meta">'; + if ( is_single() ) { + twentyseventeen_posted_on(); + } else { + echo twentyseventeen_time_link(); + twentyseventeen_edit_link(); + }; + echo '</div><!-- .entry-meta -->'; + }; + + if ( is_single() ) { + the_title( '<h1 class="entry-title">', '</h1>' ); + } elseif ( is_front_page() && is_home() ) { + the_title( '<h3 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h3>' ); + } else { + the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); + } + ?> + </header><!-- .entry-header --> + + <?php if ( '' !== get_the_post_thumbnail() && ! is_single() ) : ?> + <div class="post-thumbnail"> + <a href="<?php the_permalink(); ?>"> + <?php the_post_thumbnail( 'twentyseventeen-featured-image' ); ?> + </a> + </div><!-- .post-thumbnail --> + <?php endif; ?> + + <div class="entry-content"> + + <?php + if ( is_single() || '' === get_the_post_thumbnail() ) { + + // Only show content if is a single post, or if there's no featured image. + the_content( + sprintf( + /* translators: %s: Post title. */ + __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentyseventeen' ), + get_the_title() + ) + ); + + wp_link_pages( + array( + 'before' => '<div class="page-links">' . __( 'Pages:', 'twentyseventeen' ), + 'after' => '</div>', + 'link_before' => '<span class="page-number">', + 'link_after' => '</span>', + ) + ); + + }; + ?> + + </div><!-- .entry-content --> + + <?php + if ( is_single() ) { + twentyseventeen_entry_footer(); + } + ?> + +</article><!-- #post-<?php the_ID(); ?> --> diff --git a/wp-content/themes/twentyseventeen/template-parts/post/content-none.php b/wp-content/themes/twentyseventeen/template-parts/post/content-none.php index 46acac0693a72098807660279c6787a693a651c0..62a9ada852f2237ba05fbf584051a8f5880d67d6 100644 --- a/wp-content/themes/twentyseventeen/template-parts/post/content-none.php +++ b/wp-content/themes/twentyseventeen/template-parts/post/content-none.php @@ -1,40 +1,40 @@ -<?php -/** - * Template part for displaying a message that posts cannot be found - * - * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - * @version 1.0 - */ - -?> - -<section class="no-results not-found"> - <header class="page-header"> - <h1 class="page-title"><?php _e( 'Nothing Found', 'twentyseventeen' ); ?></h1> - </header> - <div class="page-content"> - <?php - if ( is_home() && current_user_can( 'publish_posts' ) ) : - ?> - - <p> - <?php - /* translators: %s: Post editor URL. */ - printf( __( 'Ready to publish your first post? <a href="%s">Get started here</a>.', 'twentyseventeen' ), esc_url( admin_url( 'post-new.php' ) ) ); - ?> - </p> - - <?php else : ?> - - <p><?php _e( 'It seems we can’t find what you’re looking for. Perhaps searching can help.', 'twentyseventeen' ); ?></p> - <?php - get_search_form(); - - endif; - ?> - </div><!-- .page-content --> -</section><!-- .no-results --> +<?php +/** + * Template part for displaying a message that posts cannot be found + * + * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + * @version 1.0 + */ + +?> + +<section class="no-results not-found"> + <header class="page-header"> + <h1 class="page-title"><?php _e( 'Nothing Found', 'twentyseventeen' ); ?></h1> + </header> + <div class="page-content"> + <?php + if ( is_home() && current_user_can( 'publish_posts' ) ) : + ?> + + <p> + <?php + /* translators: %s: Post editor URL. */ + printf( __( 'Ready to publish your first post? <a href="%s">Get started here</a>.', 'twentyseventeen' ), esc_url( admin_url( 'post-new.php' ) ) ); + ?> + </p> + + <?php else : ?> + + <p><?php _e( 'It seems we can’t find what you’re looking for. Perhaps searching can help.', 'twentyseventeen' ); ?></p> + <?php + get_search_form(); + + endif; + ?> + </div><!-- .page-content --> +</section><!-- .no-results --> diff --git a/wp-content/themes/twentyseventeen/template-parts/post/content-video.php b/wp-content/themes/twentyseventeen/template-parts/post/content-video.php index 8c730446e33426491d303dbbc16c5f46c7f73297..b0730522b1b7bdd65fc6a9c05f6658e938d946b0 100644 --- a/wp-content/themes/twentyseventeen/template-parts/post/content-video.php +++ b/wp-content/themes/twentyseventeen/template-parts/post/content-video.php @@ -1,107 +1,107 @@ -<?php -/** - * Template part for displaying video posts - * - * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - * @version 1.2 - */ - -?> - -<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> - <?php - if ( is_sticky() && is_home() ) { - echo twentyseventeen_get_svg( array( 'icon' => 'thumb-tack' ) ); - } - ?> - <header class="entry-header"> - <?php - if ( 'post' === get_post_type() ) { - echo '<div class="entry-meta">'; - if ( is_single() ) { - twentyseventeen_posted_on(); - } else { - echo twentyseventeen_time_link(); - twentyseventeen_edit_link(); - } - echo '</div><!-- .entry-meta -->'; - }; - - if ( is_single() ) { - the_title( '<h1 class="entry-title">', '</h1>' ); - } elseif ( is_front_page() && is_home() ) { - the_title( '<h3 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h3>' ); - } else { - the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); - } - ?> - </header><!-- .entry-header --> - - <?php - $content = apply_filters( 'the_content', get_the_content() ); - $video = false; - - // Only get video from the content if a playlist isn't present. - if ( false === strpos( $content, 'wp-playlist-script' ) ) { - $video = get_media_embedded_in_content( $content, array( 'video', 'object', 'embed', 'iframe' ) ); - } - ?> - - <?php if ( '' !== get_the_post_thumbnail() && ! is_single() && empty( $video ) ) : ?> - <div class="post-thumbnail"> - <a href="<?php the_permalink(); ?>"> - <?php the_post_thumbnail( 'twentyseventeen-featured-image' ); ?> - </a> - </div><!-- .post-thumbnail --> - <?php endif; ?> - - <div class="entry-content"> - - <?php - if ( ! is_single() ) { - - // If not a single post, highlight the video file. - if ( ! empty( $video ) ) { - foreach ( $video as $video_html ) { - echo '<div class="entry-video">'; - echo $video_html; - echo '</div>'; - } - }; - - }; - - if ( is_single() || empty( $video ) ) { - - the_content( - sprintf( - /* translators: %s: Post title. */ - __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentyseventeen' ), - get_the_title() - ) - ); - - wp_link_pages( - array( - 'before' => '<div class="page-links">' . __( 'Pages:', 'twentyseventeen' ), - 'after' => '</div>', - 'link_before' => '<span class="page-number">', - 'link_after' => '</span>', - ) - ); - }; - ?> - - </div><!-- .entry-content --> - - <?php - if ( is_single() ) { - twentyseventeen_entry_footer(); - } - ?> - -</article><!-- #post-<?php the_ID(); ?> --> +<?php +/** + * Template part for displaying video posts + * + * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + * @version 1.2 + */ + +?> + +<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> + <?php + if ( is_sticky() && is_home() ) { + echo twentyseventeen_get_svg( array( 'icon' => 'thumb-tack' ) ); + } + ?> + <header class="entry-header"> + <?php + if ( 'post' === get_post_type() ) { + echo '<div class="entry-meta">'; + if ( is_single() ) { + twentyseventeen_posted_on(); + } else { + echo twentyseventeen_time_link(); + twentyseventeen_edit_link(); + } + echo '</div><!-- .entry-meta -->'; + }; + + if ( is_single() ) { + the_title( '<h1 class="entry-title">', '</h1>' ); + } elseif ( is_front_page() && is_home() ) { + the_title( '<h3 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h3>' ); + } else { + the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); + } + ?> + </header><!-- .entry-header --> + + <?php + $content = apply_filters( 'the_content', get_the_content() ); + $video = false; + + // Only get video from the content if a playlist isn't present. + if ( false === strpos( $content, 'wp-playlist-script' ) ) { + $video = get_media_embedded_in_content( $content, array( 'video', 'object', 'embed', 'iframe' ) ); + } + ?> + + <?php if ( '' !== get_the_post_thumbnail() && ! is_single() && empty( $video ) ) : ?> + <div class="post-thumbnail"> + <a href="<?php the_permalink(); ?>"> + <?php the_post_thumbnail( 'twentyseventeen-featured-image' ); ?> + </a> + </div><!-- .post-thumbnail --> + <?php endif; ?> + + <div class="entry-content"> + + <?php + if ( ! is_single() ) { + + // If not a single post, highlight the video file. + if ( ! empty( $video ) ) { + foreach ( $video as $video_html ) { + echo '<div class="entry-video">'; + echo $video_html; + echo '</div>'; + } + }; + + }; + + if ( is_single() || empty( $video ) ) { + + the_content( + sprintf( + /* translators: %s: Post title. */ + __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentyseventeen' ), + get_the_title() + ) + ); + + wp_link_pages( + array( + 'before' => '<div class="page-links">' . __( 'Pages:', 'twentyseventeen' ), + 'after' => '</div>', + 'link_before' => '<span class="page-number">', + 'link_after' => '</span>', + ) + ); + }; + ?> + + </div><!-- .entry-content --> + + <?php + if ( is_single() ) { + twentyseventeen_entry_footer(); + } + ?> + +</article><!-- #post-<?php the_ID(); ?> --> diff --git a/wp-content/themes/twentyseventeen/template-parts/post/content.php b/wp-content/themes/twentyseventeen/template-parts/post/content.php index e0f44d34e9d69931811e228f788c6b2e19e17b98..366a42a0e5d3a371d7644b78b4fdb33491faede6 100644 --- a/wp-content/themes/twentyseventeen/template-parts/post/content.php +++ b/wp-content/themes/twentyseventeen/template-parts/post/content.php @@ -1,79 +1,79 @@ -<?php -/** - * Template part for displaying posts - * - * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ - * - * @package WordPress - * @subpackage Twenty_Seventeen - * @since Twenty Seventeen 1.0 - * @version 1.2 - */ - -?> - -<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> - <?php - if ( is_sticky() && is_home() ) : - echo twentyseventeen_get_svg( array( 'icon' => 'thumb-tack' ) ); - endif; - ?> - <header class="entry-header"> - <?php - if ( 'post' === get_post_type() ) { - echo '<div class="entry-meta">'; - if ( is_single() ) { - twentyseventeen_posted_on(); - } else { - echo twentyseventeen_time_link(); - twentyseventeen_edit_link(); - }; - echo '</div><!-- .entry-meta -->'; - }; - - if ( is_single() ) { - the_title( '<h1 class="entry-title">', '</h1>' ); - } elseif ( is_front_page() && is_home() ) { - the_title( '<h3 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h3>' ); - } else { - the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); - } - ?> - </header><!-- .entry-header --> - - <?php if ( '' !== get_the_post_thumbnail() && ! is_single() ) : ?> - <div class="post-thumbnail"> - <a href="<?php the_permalink(); ?>"> - <?php the_post_thumbnail( 'twentyseventeen-featured-image' ); ?> - </a> - </div><!-- .post-thumbnail --> - <?php endif; ?> - - <div class="entry-content"> - <?php - the_content( - sprintf( - /* translators: %s: Post title. */ - __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentyseventeen' ), - get_the_title() - ) - ); - - wp_link_pages( - array( - 'before' => '<div class="page-links">' . __( 'Pages:', 'twentyseventeen' ), - 'after' => '</div>', - 'link_before' => '<span class="page-number">', - 'link_after' => '</span>', - ) - ); - ?> - </div><!-- .entry-content --> - - <?php - if ( is_single() ) { - twentyseventeen_entry_footer(); - } - ?> - -</article><!-- #post-<?php the_ID(); ?> --> +<?php +/** + * Template part for displaying posts + * + * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ + * + * @package WordPress + * @subpackage Twenty_Seventeen + * @since Twenty Seventeen 1.0 + * @version 1.2 + */ + +?> + +<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> + <?php + if ( is_sticky() && is_home() ) : + echo twentyseventeen_get_svg( array( 'icon' => 'thumb-tack' ) ); + endif; + ?> + <header class="entry-header"> + <?php + if ( 'post' === get_post_type() ) { + echo '<div class="entry-meta">'; + if ( is_single() ) { + twentyseventeen_posted_on(); + } else { + echo twentyseventeen_time_link(); + twentyseventeen_edit_link(); + }; + echo '</div><!-- .entry-meta -->'; + }; + + if ( is_single() ) { + the_title( '<h1 class="entry-title">', '</h1>' ); + } elseif ( is_front_page() && is_home() ) { + the_title( '<h3 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h3>' ); + } else { + the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); + } + ?> + </header><!-- .entry-header --> + + <?php if ( '' !== get_the_post_thumbnail() && ! is_single() ) : ?> + <div class="post-thumbnail"> + <a href="<?php the_permalink(); ?>"> + <?php the_post_thumbnail( 'twentyseventeen-featured-image' ); ?> + </a> + </div><!-- .post-thumbnail --> + <?php endif; ?> + + <div class="entry-content"> + <?php + the_content( + sprintf( + /* translators: %s: Post title. */ + __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentyseventeen' ), + get_the_title() + ) + ); + + wp_link_pages( + array( + 'before' => '<div class="page-links">' . __( 'Pages:', 'twentyseventeen' ), + 'after' => '</div>', + 'link_before' => '<span class="page-number">', + 'link_after' => '</span>', + ) + ); + ?> + </div><!-- .entry-content --> + + <?php + if ( is_single() ) { + twentyseventeen_entry_footer(); + } + ?> + +</article><!-- #post-<?php the_ID(); ?> -->