deleted theme Twenty Seventeen version 2.5
This commit is contained in:
Gitium
parent
6c33b565cb
commit
201d4b2dd7
@ -1,35 +0,0 @@
|
|||||||
<?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();
|
|
||||||
@ -1,68 +0,0 @@
|
|||||||
<?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();
|
|
||||||
@ -1,451 +0,0 @@
|
|||||||
/*
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
@ -1,566 +0,0 @@
|
|||||||
/**
|
|
||||||
* 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;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,809 +0,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;
|
|
||||||
}
|
|
||||||
|
|
||||||
.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;
|
|
||||||
}
|
|
||||||
@ -1,582 +0,0 @@
|
|||||||
/*
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
@ -1,225 +0,0 @@
|
|||||||
/*
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
@ -1,43 +0,0 @@
|
|||||||
/*
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 115 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 213 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 91 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 112 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 168 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 341 KiB |
@ -1,162 +0,0 @@
|
|||||||
<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
||||||
<defs>
|
|
||||||
<symbol id="icon-behance" viewBox="0 0 37 32">
|
|
||||||
<path class="path1" d="M33 6.054h-9.125v2.214h9.125v-2.214zM28.5 13.661q-1.607 0-2.607 0.938t-1.107 2.545h7.286q-0.321-3.482-3.571-3.482zM28.786 24.107q1.125 0 2.179-0.571t1.357-1.554h3.946q-1.786 5.482-7.625 5.482-3.821 0-6.080-2.357t-2.259-6.196q0-3.714 2.33-6.17t6.009-2.455q2.464 0 4.295 1.214t2.732 3.196 0.902 4.429q0 0.304-0.036 0.839h-11.75q0 1.982 1.027 3.063t2.973 1.080zM4.946 23.214h5.286q3.661 0 3.661-2.982 0-3.214-3.554-3.214h-5.393v6.196zM4.946 13.625h5.018q1.393 0 2.205-0.652t0.813-2.027q0-2.571-3.393-2.571h-4.643v5.25zM0 4.536h10.607q1.554 0 2.768 0.25t2.259 0.848 1.607 1.723 0.563 2.75q0 3.232-3.071 4.696 2.036 0.571 3.071 2.054t1.036 3.643q0 1.339-0.438 2.438t-1.179 1.848-1.759 1.268-2.161 0.75-2.393 0.232h-10.911v-22.5z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-deviantart" viewBox="0 0 18 32">
|
|
||||||
<path class="path1" d="M18.286 5.411l-5.411 10.393 0.429 0.554h4.982v7.411h-9.054l-0.786 0.536-2.536 4.875-0.536 0.536h-5.375v-5.411l5.411-10.411-0.429-0.536h-4.982v-7.411h9.054l0.786-0.536 2.536-4.875 0.536-0.536h5.375v5.411z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-medium" viewBox="0 0 32 32">
|
|
||||||
<path class="path1" d="M10.661 7.518v20.946q0 0.446-0.223 0.759t-0.652 0.313q-0.304 0-0.589-0.143l-8.304-4.161q-0.375-0.179-0.634-0.598t-0.259-0.83v-20.357q0-0.357 0.179-0.607t0.518-0.25q0.25 0 0.786 0.268l9.125 4.571q0.054 0.054 0.054 0.089zM11.804 9.321l9.536 15.464-9.536-4.75v-10.714zM32 9.643v18.821q0 0.446-0.25 0.723t-0.679 0.277-0.839-0.232l-7.875-3.929zM31.946 7.5q0 0.054-4.58 7.491t-5.366 8.705l-6.964-11.321 5.786-9.411q0.304-0.5 0.929-0.5 0.25 0 0.464 0.107l9.661 4.821q0.071 0.036 0.071 0.107z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-slideshare" viewBox="0 0 32 32">
|
|
||||||
<path class="path1" d="M15.589 13.214q0 1.482-1.134 2.545t-2.723 1.063-2.723-1.063-1.134-2.545q0-1.5 1.134-2.554t2.723-1.054 2.723 1.054 1.134 2.554zM24.554 13.214q0 1.482-1.125 2.545t-2.732 1.063q-1.589 0-2.723-1.063t-1.134-2.545q0-1.5 1.134-2.554t2.723-1.054q1.607 0 2.732 1.054t1.125 2.554zM28.571 16.429v-11.911q0-1.554-0.571-2.205t-1.982-0.652h-19.857q-1.482 0-2.009 0.607t-0.527 2.25v12.018q0.768 0.411 1.58 0.714t1.446 0.5 1.446 0.33 1.268 0.196 1.25 0.071 1.045 0.009 1.009-0.036 0.795-0.036q1.214-0.018 1.696 0.482 0.107 0.107 0.179 0.161 0.464 0.446 1.089 0.911 0.125-1.625 2.107-1.554 0.089 0 0.652 0.027t0.768 0.036 0.813 0.018 0.946-0.018 0.973-0.080 1.089-0.152 1.107-0.241 1.196-0.348 1.205-0.482 1.286-0.616zM31.482 16.339q-2.161 2.661-6.643 4.5 1.5 5.089-0.411 8.304-1.179 2.018-3.268 2.643-1.857 0.571-3.25-0.268-1.536-0.911-1.464-2.929l-0.018-5.821v-0.018q-0.143-0.036-0.438-0.107t-0.42-0.089l-0.018 6.036q0.071 2.036-1.482 2.929-1.411 0.839-3.268 0.268-2.089-0.643-3.25-2.679-1.875-3.214-0.393-8.268-4.482-1.839-6.643-4.5-0.446-0.661-0.071-1.125t1.071 0.018q0.054 0.036 0.196 0.125t0.196 0.143v-12.393q0-1.286 0.839-2.196t2.036-0.911h22.446q1.196 0 2.036 0.911t0.839 2.196v12.393l0.375-0.268q0.696-0.482 1.071-0.018t-0.071 1.125z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-snapchat-ghost" viewBox="0 0 30 32">
|
|
||||||
<path class="path1" d="M15.143 2.286q2.393-0.018 4.295 1.223t2.92 3.438q0.482 1.036 0.482 3.196 0 0.839-0.161 3.411 0.25 0.125 0.5 0.125 0.321 0 0.911-0.241t0.911-0.241q0.518 0 1 0.321t0.482 0.821q0 0.571-0.563 0.964t-1.232 0.563-1.232 0.518-0.563 0.848q0 0.268 0.214 0.768 0.661 1.464 1.83 2.679t2.58 1.804q0.5 0.214 1.429 0.411 0.5 0.107 0.5 0.625 0 1.25-3.911 1.839-0.125 0.196-0.196 0.696t-0.25 0.83-0.589 0.33q-0.357 0-1.107-0.116t-1.143-0.116q-0.661 0-1.107 0.089-0.571 0.089-1.125 0.402t-1.036 0.679-1.036 0.723-1.357 0.598-1.768 0.241q-0.929 0-1.723-0.241t-1.339-0.598-1.027-0.723-1.036-0.679-1.107-0.402q-0.464-0.089-1.125-0.089-0.429 0-1.17 0.134t-1.045 0.134q-0.446 0-0.625-0.33t-0.25-0.848-0.196-0.714q-3.911-0.589-3.911-1.839 0-0.518 0.5-0.625 0.929-0.196 1.429-0.411 1.393-0.571 2.58-1.804t1.83-2.679q0.214-0.5 0.214-0.768 0-0.5-0.563-0.848t-1.241-0.527-1.241-0.563-0.563-0.938q0-0.482 0.464-0.813t0.982-0.33q0.268 0 0.857 0.232t0.946 0.232q0.321 0 0.571-0.125-0.161-2.536-0.161-3.393 0-2.179 0.482-3.214 1.143-2.446 3.071-3.536t4.714-1.125z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-yelp" viewBox="0 0 27 32">
|
|
||||||
<path class="path1" d="M13.804 23.554v2.268q-0.018 5.214-0.107 5.446-0.214 0.571-0.911 0.714-0.964 0.161-3.241-0.679t-2.902-1.589q-0.232-0.268-0.304-0.643-0.018-0.214 0.071-0.464 0.071-0.179 0.607-0.839t3.232-3.857q0.018 0 1.071-1.25 0.268-0.339 0.705-0.438t0.884 0.063q0.429 0.179 0.67 0.518t0.223 0.75zM11.143 19.071q-0.054 0.982-0.929 1.25l-2.143 0.696q-4.911 1.571-5.214 1.571-0.625-0.036-0.964-0.643-0.214-0.446-0.304-1.339-0.143-1.357 0.018-2.973t0.536-2.223 1-0.571q0.232 0 3.607 1.375 1.25 0.518 2.054 0.839l1.5 0.607q0.411 0.161 0.634 0.545t0.205 0.866zM25.893 24.375q-0.125 0.964-1.634 2.875t-2.42 2.268q-0.661 0.25-1.125-0.125-0.25-0.179-3.286-5.125l-0.839-1.375q-0.25-0.375-0.205-0.821t0.348-0.821q0.625-0.768 1.482-0.464 0.018 0.018 2.125 0.714 3.625 1.179 4.321 1.42t0.839 0.366q0.5 0.393 0.393 1.089zM13.893 13.089q0.089 1.821-0.964 2.179-1.036 0.304-2.036-1.268l-6.75-10.679q-0.143-0.625 0.339-1.107 0.732-0.768 3.705-1.598t4.009-0.563q0.714 0.179 0.875 0.804 0.054 0.321 0.393 5.455t0.429 6.777zM25.714 15.018q0.054 0.696-0.464 1.054-0.268 0.179-5.875 1.536-1.196 0.268-1.625 0.411l0.018-0.036q-0.411 0.107-0.821-0.071t-0.661-0.571q-0.536-0.839 0-1.554 0.018-0.018 1.339-1.821 2.232-3.054 2.679-3.643t0.607-0.696q0.5-0.339 1.161-0.036 0.857 0.411 2.196 2.384t1.446 2.991v0.054z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-vine" viewBox="0 0 27 32">
|
|
||||||
<path class="path1" d="M26.732 14.768v3.536q-1.804 0.411-3.536 0.411-1.161 2.429-2.955 4.839t-3.241 3.848-2.286 1.902q-1.429 0.804-2.893-0.054-0.5-0.304-1.080-0.777t-1.518-1.491-1.83-2.295-1.92-3.286-1.884-4.357-1.634-5.616-1.259-6.964h5.054q0.464 3.893 1.25 7.116t1.866 5.661 2.17 4.205 2.5 3.482q3.018-3.018 5.125-7.25-2.536-1.286-3.982-3.929t-1.446-5.946q0-3.429 1.857-5.616t5.071-2.188q3.179 0 4.875 1.884t1.696 5.313q0 2.839-1.036 5.107-0.125 0.018-0.348 0.054t-0.821 0.036-1.125-0.107-1.107-0.455-0.902-0.92q0.554-1.839 0.554-3.286 0-1.554-0.518-2.357t-1.411-0.804q-0.946 0-1.518 0.884t-0.571 2.509q0 3.321 1.875 5.241t4.768 1.92q1.107 0 2.161-0.25z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-vk" viewBox="0 0 35 32">
|
|
||||||
<path class="path1" d="M34.232 9.286q0.411 1.143-2.679 5.25-0.429 0.571-1.161 1.518-1.393 1.786-1.607 2.339-0.304 0.732 0.25 1.446 0.304 0.375 1.446 1.464h0.018l0.071 0.071q2.518 2.339 3.411 3.946 0.054 0.089 0.116 0.223t0.125 0.473-0.009 0.607-0.446 0.491-1.054 0.223l-4.571 0.071q-0.429 0.089-1-0.089t-0.929-0.393l-0.357-0.214q-0.536-0.375-1.25-1.143t-1.223-1.384-1.089-1.036-1.009-0.277q-0.054 0.018-0.143 0.063t-0.304 0.259-0.384 0.527-0.304 0.929-0.116 1.384q0 0.268-0.063 0.491t-0.134 0.33l-0.071 0.089q-0.321 0.339-0.946 0.393h-2.054q-1.268 0.071-2.607-0.295t-2.348-0.946-1.839-1.179-1.259-1.027l-0.446-0.429q-0.179-0.179-0.491-0.536t-1.277-1.625-1.893-2.696-2.188-3.768-2.33-4.857q-0.107-0.286-0.107-0.482t0.054-0.286l0.071-0.107q0.268-0.339 1.018-0.339l4.893-0.036q0.214 0.036 0.411 0.116t0.286 0.152l0.089 0.054q0.286 0.196 0.429 0.571 0.357 0.893 0.821 1.848t0.732 1.455l0.286 0.518q0.518 1.071 1 1.857t0.866 1.223 0.741 0.688 0.607 0.25 0.482-0.089q0.036-0.018 0.089-0.089t0.214-0.393 0.241-0.839 0.17-1.446 0-2.232q-0.036-0.714-0.161-1.304t-0.25-0.821l-0.107-0.214q-0.446-0.607-1.518-0.768-0.232-0.036 0.089-0.429 0.304-0.339 0.679-0.536 0.946-0.464 4.268-0.429 1.464 0.018 2.411 0.232 0.357 0.089 0.598 0.241t0.366 0.429 0.188 0.571 0.063 0.813-0.018 0.982-0.045 1.259-0.027 1.473q0 0.196-0.018 0.75t-0.009 0.857 0.063 0.723 0.205 0.696 0.402 0.438q0.143 0.036 0.304 0.071t0.464-0.196 0.679-0.616 0.929-1.196 1.214-1.92q1.071-1.857 1.911-4.018 0.071-0.179 0.179-0.313t0.196-0.188l0.071-0.054 0.089-0.045t0.232-0.054 0.357-0.009l5.143-0.036q0.696-0.089 1.143 0.045t0.554 0.295z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-search" viewBox="0 0 30 32">
|
|
||||||
<path class="path1" d="M20.571 14.857q0-3.304-2.348-5.652t-5.652-2.348-5.652 2.348-2.348 5.652 2.348 5.652 5.652 2.348 5.652-2.348 2.348-5.652zM29.714 29.714q0 0.929-0.679 1.607t-1.607 0.679q-0.964 0-1.607-0.679l-6.125-6.107q-3.196 2.214-7.125 2.214-2.554 0-4.884-0.991t-4.018-2.679-2.679-4.018-0.991-4.884 0.991-4.884 2.679-4.018 4.018-2.679 4.884-0.991 4.884 0.991 4.018 2.679 2.679 4.018 0.991 4.884q0 3.929-2.214 7.125l6.125 6.125q0.661 0.661 0.661 1.607z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-envelope-o" viewBox="0 0 32 32">
|
|
||||||
<path class="path1" d="M29.714 26.857v-13.714q-0.571 0.643-1.232 1.179-4.786 3.679-7.607 6.036-0.911 0.768-1.482 1.196t-1.545 0.866-1.83 0.438h-0.036q-0.857 0-1.83-0.438t-1.545-0.866-1.482-1.196q-2.821-2.357-7.607-6.036-0.661-0.536-1.232-1.179v13.714q0 0.232 0.17 0.402t0.402 0.17h26.286q0.232 0 0.402-0.17t0.17-0.402zM29.714 8.089v-0.438t-0.009-0.232-0.054-0.223-0.098-0.161-0.161-0.134-0.25-0.045h-26.286q-0.232 0-0.402 0.17t-0.17 0.402q0 3 2.625 5.071 3.446 2.714 7.161 5.661 0.107 0.089 0.625 0.527t0.821 0.67 0.795 0.563 0.902 0.491 0.768 0.161h0.036q0.357 0 0.768-0.161t0.902-0.491 0.795-0.563 0.821-0.67 0.625-0.527q3.714-2.946 7.161-5.661 0.964-0.768 1.795-2.063t0.83-2.348zM32 7.429v19.429q0 1.179-0.839 2.018t-2.018 0.839h-26.286q-1.179 0-2.018-0.839t-0.839-2.018v-19.429q0-1.179 0.839-2.018t2.018-0.839h26.286q1.179 0 2.018 0.839t0.839 2.018z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-close" viewBox="0 0 25 32">
|
|
||||||
<path class="path1" d="M23.179 23.607q0 0.714-0.5 1.214l-2.429 2.429q-0.5 0.5-1.214 0.5t-1.214-0.5l-5.25-5.25-5.25 5.25q-0.5 0.5-1.214 0.5t-1.214-0.5l-2.429-2.429q-0.5-0.5-0.5-1.214t0.5-1.214l5.25-5.25-5.25-5.25q-0.5-0.5-0.5-1.214t0.5-1.214l2.429-2.429q0.5-0.5 1.214-0.5t1.214 0.5l5.25 5.25 5.25-5.25q0.5-0.5 1.214-0.5t1.214 0.5l2.429 2.429q0.5 0.5 0.5 1.214t-0.5 1.214l-5.25 5.25 5.25 5.25q0.5 0.5 0.5 1.214z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-angle-down" viewBox="0 0 21 32">
|
|
||||||
<path class="path1" d="M19.196 13.143q0 0.232-0.179 0.411l-8.321 8.321q-0.179 0.179-0.411 0.179t-0.411-0.179l-8.321-8.321q-0.179-0.179-0.179-0.411t0.179-0.411l0.893-0.893q0.179-0.179 0.411-0.179t0.411 0.179l7.018 7.018 7.018-7.018q0.179-0.179 0.411-0.179t0.411 0.179l0.893 0.893q0.179 0.179 0.179 0.411z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-folder-open" viewBox="0 0 34 32">
|
|
||||||
<path class="path1" d="M33.554 17q0 0.554-0.554 1.179l-6 7.071q-0.768 0.911-2.152 1.545t-2.563 0.634h-19.429q-0.607 0-1.080-0.232t-0.473-0.768q0-0.554 0.554-1.179l6-7.071q0.768-0.911 2.152-1.545t2.563-0.634h19.429q0.607 0 1.080 0.232t0.473 0.768zM27.429 10.857v2.857h-14.857q-1.679 0-3.518 0.848t-2.929 2.134l-6.107 7.179q0-0.071-0.009-0.223t-0.009-0.223v-17.143q0-1.643 1.179-2.821t2.821-1.179h5.714q1.643 0 2.821 1.179t1.179 2.821v0.571h9.714q1.643 0 2.821 1.179t1.179 2.821z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-twitter" viewBox="0 0 30 32">
|
|
||||||
<path class="path1" d="M28.929 7.286q-1.196 1.75-2.893 2.982 0.018 0.25 0.018 0.75 0 2.321-0.679 4.634t-2.063 4.437-3.295 3.759-4.607 2.607-5.768 0.973q-4.839 0-8.857-2.589 0.625 0.071 1.393 0.071 4.018 0 7.161-2.464-1.875-0.036-3.357-1.152t-2.036-2.848q0.589 0.089 1.089 0.089 0.768 0 1.518-0.196-2-0.411-3.313-1.991t-1.313-3.67v-0.071q1.214 0.679 2.607 0.732-1.179-0.786-1.875-2.054t-0.696-2.75q0-1.571 0.786-2.911 2.161 2.661 5.259 4.259t6.634 1.777q-0.143-0.679-0.143-1.321 0-2.393 1.688-4.080t4.080-1.688q2.5 0 4.214 1.821 1.946-0.375 3.661-1.393-0.661 2.054-2.536 3.179 1.661-0.179 3.321-0.893z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-facebook" viewBox="0 0 19 32">
|
|
||||||
<path class="path1" d="M17.125 0.214v4.714h-2.804q-1.536 0-2.071 0.643t-0.536 1.929v3.375h5.232l-0.696 5.286h-4.536v13.554h-5.464v-13.554h-4.554v-5.286h4.554v-3.893q0-3.321 1.857-5.152t4.946-1.83q2.625 0 4.071 0.214z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-github" viewBox="0 0 27 32">
|
|
||||||
<path class="path1" d="M13.714 2.286q3.732 0 6.884 1.839t4.991 4.991 1.839 6.884q0 4.482-2.616 8.063t-6.759 4.955q-0.482 0.089-0.714-0.125t-0.232-0.536q0-0.054 0.009-1.366t0.009-2.402q0-1.732-0.929-2.536 1.018-0.107 1.83-0.321t1.679-0.696 1.446-1.188 0.946-1.875 0.366-2.688q0-2.125-1.411-3.679 0.661-1.625-0.143-3.643-0.5-0.161-1.446 0.196t-1.643 0.786l-0.679 0.429q-1.661-0.464-3.429-0.464t-3.429 0.464q-0.286-0.196-0.759-0.482t-1.491-0.688-1.518-0.241q-0.804 2.018-0.143 3.643-1.411 1.554-1.411 3.679 0 1.518 0.366 2.679t0.938 1.875 1.438 1.196 1.679 0.696 1.83 0.321q-0.696 0.643-0.875 1.839-0.375 0.179-0.804 0.268t-1.018 0.089-1.17-0.384-0.991-1.116q-0.339-0.571-0.866-0.929t-0.884-0.429l-0.357-0.054q-0.375 0-0.518 0.080t-0.089 0.205 0.161 0.25 0.232 0.214l0.125 0.089q0.393 0.179 0.777 0.679t0.563 0.911l0.179 0.411q0.232 0.679 0.786 1.098t1.196 0.536 1.241 0.125 0.991-0.063l0.411-0.071q0 0.679 0.009 1.58t0.009 0.973q0 0.321-0.232 0.536t-0.714 0.125q-4.143-1.375-6.759-4.955t-2.616-8.063q0-3.732 1.839-6.884t4.991-4.991 6.884-1.839zM5.196 21.982q0.054-0.125-0.125-0.214-0.179-0.054-0.232 0.036-0.054 0.125 0.125 0.214 0.161 0.107 0.232-0.036zM5.75 22.589q0.125-0.089-0.036-0.286-0.179-0.161-0.286-0.054-0.125 0.089 0.036 0.286 0.179 0.179 0.286 0.054zM6.286 23.393q0.161-0.125 0-0.339-0.143-0.232-0.304-0.107-0.161 0.089 0 0.321t0.304 0.125zM7.036 24.143q0.143-0.143-0.071-0.339-0.214-0.214-0.357-0.054-0.161 0.143 0.071 0.339 0.214 0.214 0.357 0.054zM8.054 24.589q0.054-0.196-0.232-0.286-0.268-0.071-0.339 0.125t0.232 0.268q0.268 0.107 0.339-0.107zM9.179 24.679q0-0.232-0.304-0.196-0.286 0-0.286 0.196 0 0.232 0.304 0.196 0.286 0 0.286-0.196zM10.214 24.5q-0.036-0.196-0.321-0.161-0.286 0.054-0.25 0.268t0.321 0.143 0.25-0.25z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-bars" viewBox="0 0 27 32">
|
|
||||||
<path class="path1" d="M27.429 24v2.286q0 0.464-0.339 0.804t-0.804 0.339h-25.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h25.143q0.464 0 0.804 0.339t0.339 0.804zM27.429 14.857v2.286q0 0.464-0.339 0.804t-0.804 0.339h-25.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h25.143q0.464 0 0.804 0.339t0.339 0.804zM27.429 5.714v2.286q0 0.464-0.339 0.804t-0.804 0.339h-25.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h25.143q0.464 0 0.804 0.339t0.339 0.804z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-google-plus" viewBox="0 0 41 32">
|
|
||||||
<path class="path1" d="M25.661 16.304q0 3.714-1.554 6.616t-4.429 4.536-6.589 1.634q-2.661 0-5.089-1.036t-4.179-2.786-2.786-4.179-1.036-5.089 1.036-5.089 2.786-4.179 4.179-2.786 5.089-1.036q5.107 0 8.768 3.429l-3.554 3.411q-2.089-2.018-5.214-2.018-2.196 0-4.063 1.107t-2.955 3.009-1.089 4.152 1.089 4.152 2.955 3.009 4.063 1.107q1.482 0 2.723-0.411t2.045-1.027 1.402-1.402 0.875-1.482 0.384-1.321h-7.429v-4.5h12.357q0.214 1.125 0.214 2.179zM41.143 14.125v3.75h-3.732v3.732h-3.75v-3.732h-3.732v-3.75h3.732v-3.732h3.75v3.732h3.732z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-linkedin" viewBox="0 0 27 32">
|
|
||||||
<path class="path1" d="M6.232 11.161v17.696h-5.893v-17.696h5.893zM6.607 5.696q0.018 1.304-0.902 2.179t-2.42 0.875h-0.036q-1.464 0-2.357-0.875t-0.893-2.179q0-1.321 0.92-2.188t2.402-0.866 2.375 0.866 0.911 2.188zM27.429 18.714v10.143h-5.875v-9.464q0-1.875-0.723-2.938t-2.259-1.063q-1.125 0-1.884 0.616t-1.134 1.527q-0.196 0.536-0.196 1.446v9.875h-5.875q0.036-7.125 0.036-11.554t-0.018-5.286l-0.018-0.857h5.875v2.571h-0.036q0.357-0.571 0.732-1t1.009-0.929 1.554-0.777 2.045-0.277q3.054 0 4.911 2.027t1.857 5.938z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-quote-right" viewBox="0 0 30 32">
|
|
||||||
<path class="path1" d="M13.714 5.714v12.571q0 1.857-0.723 3.545t-1.955 2.92-2.92 1.955-3.545 0.723h-1.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h1.143q1.893 0 3.232-1.339t1.339-3.232v-0.571q0-0.714-0.5-1.214t-1.214-0.5h-4q-1.429 0-2.429-1t-1-2.429v-6.857q0-1.429 1-2.429t2.429-1h6.857q1.429 0 2.429 1t1 2.429zM29.714 5.714v12.571q0 1.857-0.723 3.545t-1.955 2.92-2.92 1.955-3.545 0.723h-1.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h1.143q1.893 0 3.232-1.339t1.339-3.232v-0.571q0-0.714-0.5-1.214t-1.214-0.5h-4q-1.429 0-2.429-1t-1-2.429v-6.857q0-1.429 1-2.429t2.429-1h6.857q1.429 0 2.429 1t1 2.429z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-mail-reply" viewBox="0 0 32 32">
|
|
||||||
<path class="path1" d="M32 20q0 2.964-2.268 8.054-0.054 0.125-0.188 0.429t-0.241 0.536-0.232 0.393q-0.214 0.304-0.5 0.304-0.268 0-0.42-0.179t-0.152-0.446q0-0.161 0.045-0.473t0.045-0.42q0.089-1.214 0.089-2.196 0-1.804-0.313-3.232t-0.866-2.473-1.429-1.804-1.884-1.241-2.375-0.759-2.75-0.384-3.134-0.107h-4v4.571q0 0.464-0.339 0.804t-0.804 0.339-0.804-0.339l-9.143-9.143q-0.339-0.339-0.339-0.804t0.339-0.804l9.143-9.143q0.339-0.339 0.804-0.339t0.804 0.339 0.339 0.804v4.571h4q12.732 0 15.625 7.196 0.946 2.393 0.946 5.946z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-youtube" viewBox="0 0 27 32">
|
|
||||||
<path class="path1" d="M17.339 22.214v3.768q0 1.196-0.696 1.196-0.411 0-0.804-0.393v-5.375q0.393-0.393 0.804-0.393 0.696 0 0.696 1.196zM23.375 22.232v0.821h-1.607v-0.821q0-1.214 0.804-1.214t0.804 1.214zM6.125 18.339h1.911v-1.679h-5.571v1.679h1.875v10.161h1.786v-10.161zM11.268 28.5h1.589v-8.821h-1.589v6.75q-0.536 0.75-1.018 0.75-0.321 0-0.375-0.375-0.018-0.054-0.018-0.625v-6.5h-1.589v6.982q0 0.875 0.143 1.304 0.214 0.661 1.036 0.661 0.857 0 1.821-1.089v0.964zM18.929 25.857v-3.518q0-1.304-0.161-1.768-0.304-1-1.268-1-0.893 0-1.661 0.964v-3.875h-1.589v11.839h1.589v-0.857q0.804 0.982 1.661 0.982 0.964 0 1.268-0.982 0.161-0.482 0.161-1.786zM24.964 25.679v-0.232h-1.625q0 0.911-0.036 1.089-0.125 0.643-0.714 0.643-0.821 0-0.821-1.232v-1.554h3.196v-1.839q0-1.411-0.482-2.071-0.696-0.911-1.893-0.911-1.214 0-1.911 0.911-0.5 0.661-0.5 2.071v3.089q0 1.411 0.518 2.071 0.696 0.911 1.929 0.911 1.286 0 1.929-0.946 0.321-0.482 0.375-0.964 0.036-0.161 0.036-1.036zM14.107 9.375v-3.75q0-1.232-0.768-1.232t-0.768 1.232v3.75q0 1.25 0.768 1.25t0.768-1.25zM26.946 22.786q0 4.179-0.464 6.25-0.25 1.054-1.036 1.768t-1.821 0.821q-3.286 0.375-9.911 0.375t-9.911-0.375q-1.036-0.107-1.83-0.821t-1.027-1.768q-0.464-2-0.464-6.25 0-4.179 0.464-6.25 0.25-1.054 1.036-1.768t1.839-0.839q3.268-0.357 9.893-0.357t9.911 0.357q1.036 0.125 1.83 0.839t1.027 1.768q0.464 2 0.464 6.25zM9.125 0h1.821l-2.161 7.125v4.839h-1.786v-4.839q-0.25-1.321-1.089-3.786-0.661-1.839-1.161-3.339h1.893l1.268 4.696zM15.732 5.946v3.125q0 1.446-0.5 2.107-0.661 0.911-1.893 0.911-1.196 0-1.875-0.911-0.5-0.679-0.5-2.107v-3.125q0-1.429 0.5-2.089 0.679-0.911 1.875-0.911 1.232 0 1.893 0.911 0.5 0.661 0.5 2.089zM21.714 3.054v8.911h-1.625v-0.982q-0.946 1.107-1.839 1.107-0.821 0-1.054-0.661-0.143-0.429-0.143-1.339v-7.036h1.625v6.554q0 0.589 0.018 0.625 0.054 0.393 0.375 0.393 0.482 0 1.018-0.768v-6.804h1.625z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-dropbox" viewBox="0 0 32 32">
|
|
||||||
<path class="path1" d="M7.179 12.625l8.821 5.446-6.107 5.089-8.75-5.696zM24.786 22.536v1.929l-8.75 5.232v0.018l-0.018-0.018-0.018 0.018v-0.018l-8.732-5.232v-1.929l2.625 1.714 6.107-5.071v-0.036l0.018 0.018 0.018-0.018v0.036l6.125 5.071zM9.893 2.107l6.107 5.089-8.821 5.429-6.036-4.821zM24.821 12.625l6.036 4.839-8.732 5.696-6.125-5.089zM22.125 2.107l8.732 5.696-6.036 4.821-8.821-5.429z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-instagram" viewBox="0 0 27 32">
|
|
||||||
<path class="path1" d="M18.286 16q0-1.893-1.339-3.232t-3.232-1.339-3.232 1.339-1.339 3.232 1.339 3.232 3.232 1.339 3.232-1.339 1.339-3.232zM20.75 16q0 2.929-2.054 4.982t-4.982 2.054-4.982-2.054-2.054-4.982 2.054-4.982 4.982-2.054 4.982 2.054 2.054 4.982zM22.679 8.679q0 0.679-0.482 1.161t-1.161 0.482-1.161-0.482-0.482-1.161 0.482-1.161 1.161-0.482 1.161 0.482 0.482 1.161zM13.714 4.75q-0.125 0-1.366-0.009t-1.884 0-1.723 0.054-1.839 0.179-1.277 0.33q-0.893 0.357-1.571 1.036t-1.036 1.571q-0.196 0.518-0.33 1.277t-0.179 1.839-0.054 1.723 0 1.884 0.009 1.366-0.009 1.366 0 1.884 0.054 1.723 0.179 1.839 0.33 1.277q0.357 0.893 1.036 1.571t1.571 1.036q0.518 0.196 1.277 0.33t1.839 0.179 1.723 0.054 1.884 0 1.366-0.009 1.366 0.009 1.884 0 1.723-0.054 1.839-0.179 1.277-0.33q0.893-0.357 1.571-1.036t1.036-1.571q0.196-0.518 0.33-1.277t0.179-1.839 0.054-1.723 0-1.884-0.009-1.366 0.009-1.366 0-1.884-0.054-1.723-0.179-1.839-0.33-1.277q-0.357-0.893-1.036-1.571t-1.571-1.036q-0.518-0.196-1.277-0.33t-1.839-0.179-1.723-0.054-1.884 0-1.366 0.009zM27.429 16q0 4.089-0.089 5.661-0.179 3.714-2.214 5.75t-5.75 2.214q-1.571 0.089-5.661 0.089t-5.661-0.089q-3.714-0.179-5.75-2.214t-2.214-5.75q-0.089-1.571-0.089-5.661t0.089-5.661q0.179-3.714 2.214-5.75t5.75-2.214q1.571-0.089 5.661-0.089t5.661 0.089q3.714 0.179 5.75 2.214t2.214 5.75q0.089 1.571 0.089 5.661z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-flickr" viewBox="0 0 27 32">
|
|
||||||
<path class="path1" d="M22.286 2.286q2.125 0 3.634 1.509t1.509 3.634v17.143q0 2.125-1.509 3.634t-3.634 1.509h-17.143q-2.125 0-3.634-1.509t-1.509-3.634v-17.143q0-2.125 1.509-3.634t3.634-1.509h17.143zM12.464 16q0-1.571-1.107-2.679t-2.679-1.107-2.679 1.107-1.107 2.679 1.107 2.679 2.679 1.107 2.679-1.107 1.107-2.679zM22.536 16q0-1.571-1.107-2.679t-2.679-1.107-2.679 1.107-1.107 2.679 1.107 2.679 2.679 1.107 2.679-1.107 1.107-2.679z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-tumblr" viewBox="0 0 19 32">
|
|
||||||
<path class="path1" d="M16.857 23.732l1.429 4.232q-0.411 0.625-1.982 1.179t-3.161 0.571q-1.857 0.036-3.402-0.464t-2.545-1.321-1.696-1.893-0.991-2.143-0.295-2.107v-9.714h-3v-3.839q1.286-0.464 2.304-1.241t1.625-1.607 1.036-1.821 0.607-1.768 0.268-1.58q0.018-0.089 0.080-0.152t0.134-0.063h4.357v7.571h5.946v4.5h-5.964v9.25q0 0.536 0.116 1t0.402 0.938 0.884 0.741 1.455 0.25q1.393-0.036 2.393-0.518z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-dockerhub" viewBox="0 0 24 28">
|
|
||||||
<path class="path1" d="M1.597 10.257h2.911v2.83H1.597v-2.83zm3.573 0h2.91v2.83H5.17v-2.83zm0-3.627h2.91v2.829H5.17V6.63zm3.57 3.627h2.912v2.83H8.74v-2.83zm0-3.627h2.912v2.829H8.74V6.63zm3.573 3.627h2.911v2.83h-2.911v-2.83zm0-3.627h2.911v2.829h-2.911V6.63zm3.572 3.627h2.911v2.83h-2.911v-2.83zM12.313 3h2.911v2.83h-2.911V3zm-6.65 14.173c-.449 0-.812.354-.812.788 0 .435.364.788.812.788.447 0 .811-.353.811-.788 0-.434-.363-.788-.811-.788"></path>
|
|
||||||
<path class="path2" d="M28.172 11.721c-.978-.549-2.278-.624-3.388-.306-.136-1.146-.91-2.149-1.83-2.869l-.366-.286-.307.345c-.618.692-.8 1.845-.718 2.73.063.651.273 1.312.685 1.834-.313.183-.668.328-.985.434-.646.212-1.347.33-2.028.33H.083l-.042.429c-.137 1.432.065 2.866.674 4.173l.262.519.03.048c1.8 2.973 4.963 4.225 8.41 4.225 6.672 0 12.174-2.896 14.702-9.015 1.689.085 3.417-.4 4.243-1.968l.211-.4-.401-.223zM5.664 19.458c-.85 0-1.542-.671-1.542-1.497 0-.825.691-1.498 1.541-1.498.849 0 1.54.672 1.54 1.497s-.69 1.498-1.539 1.498z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-dribbble" viewBox="0 0 27 32">
|
|
||||||
<path class="path1" d="M18.286 26.786q-0.75-4.304-2.5-8.893h-0.036l-0.036 0.018q-0.286 0.107-0.768 0.295t-1.804 0.875-2.446 1.464-2.339 2.045-1.839 2.643l-0.268-0.196q3.286 2.679 7.464 2.679 2.357 0 4.571-0.929zM14.982 15.946q-0.375-0.875-0.946-1.982-5.554 1.661-12.018 1.661-0.018 0.125-0.018 0.375 0 2.214 0.786 4.223t2.214 3.598q0.893-1.589 2.205-2.973t2.545-2.223 2.33-1.446 1.777-0.857l0.661-0.232q0.071-0.018 0.232-0.063t0.232-0.080zM13.071 12.161q-2.143-3.804-4.357-6.75-2.464 1.161-4.179 3.321t-2.286 4.857q5.393 0 10.821-1.429zM25.286 17.857q-3.75-1.071-7.304-0.518 1.554 4.268 2.286 8.375 1.982-1.339 3.304-3.384t1.714-4.473zM10.911 4.625q-0.018 0-0.036 0.018 0.018-0.018 0.036-0.018zM21.446 7.214q-3.304-2.929-7.732-2.929-1.357 0-2.768 0.339 2.339 3.036 4.393 6.821 1.232-0.464 2.321-1.080t1.723-1.098 1.17-1.018 0.67-0.723zM25.429 15.875q-0.054-4.143-2.661-7.321l-0.018 0.018q-0.161 0.214-0.339 0.438t-0.777 0.795-1.268 1.080-1.786 1.161-2.348 1.152q0.446 0.946 0.786 1.696 0.036 0.107 0.116 0.313t0.134 0.295q0.643-0.089 1.33-0.125t1.313-0.036 1.232 0.027 1.143 0.071 1.009 0.098 0.857 0.116 0.652 0.107 0.446 0.080zM27.429 16q0 3.732-1.839 6.884t-4.991 4.991-6.884 1.839-6.884-1.839-4.991-4.991-1.839-6.884 1.839-6.884 4.991-4.991 6.884-1.839 6.884 1.839 4.991 4.991 1.839 6.884z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-skype" viewBox="0 0 27 32">
|
|
||||||
<path class="path1" d="M20.946 18.982q0-0.893-0.348-1.634t-0.866-1.223-1.304-0.875-1.473-0.607-1.563-0.411l-1.857-0.429q-0.536-0.125-0.786-0.188t-0.625-0.205-0.536-0.286-0.295-0.375-0.134-0.536q0-1.375 2.571-1.375 0.768 0 1.375 0.214t0.964 0.509 0.679 0.598 0.714 0.518 0.857 0.214q0.839 0 1.348-0.571t0.509-1.375q0-0.982-1-1.777t-2.536-1.205-3.25-0.411q-1.214 0-2.357 0.277t-2.134 0.839-1.589 1.554-0.598 2.295q0 1.089 0.339 1.902t1 1.348 1.429 0.866 1.839 0.58l2.607 0.643q1.607 0.393 2 0.643 0.571 0.357 0.571 1.071 0 0.696-0.714 1.152t-1.875 0.455q-0.911 0-1.634-0.286t-1.161-0.688-0.813-0.804-0.821-0.688-0.964-0.286q-0.893 0-1.348 0.536t-0.455 1.339q0 1.643 2.179 2.813t5.196 1.17q1.304 0 2.5-0.33t2.188-0.955 1.58-1.67 0.589-2.348zM27.429 22.857q0 2.839-2.009 4.848t-4.848 2.009q-2.321 0-4.179-1.429-1.375 0.286-2.679 0.286-2.554 0-4.884-0.991t-4.018-2.679-2.679-4.018-0.991-4.884q0-1.304 0.286-2.679-1.429-1.857-1.429-4.179 0-2.839 2.009-4.848t4.848-2.009q2.321 0 4.179 1.429 1.375-0.286 2.679-0.286 2.554 0 4.884 0.991t4.018 2.679 2.679 4.018 0.991 4.884q0 1.304-0.286 2.679 1.429 1.857 1.429 4.179z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-foursquare" viewBox="0 0 23 32">
|
|
||||||
<path class="path1" d="M17.857 7.75l0.661-3.464q0.089-0.411-0.161-0.714t-0.625-0.304h-12.714q-0.411 0-0.688 0.304t-0.277 0.661v19.661q0 0.125 0.107 0.018l5.196-6.286q0.411-0.464 0.679-0.598t0.857-0.134h4.268q0.393 0 0.661-0.259t0.321-0.527q0.429-2.321 0.661-3.411 0.071-0.375-0.205-0.714t-0.652-0.339h-5.25q-0.518 0-0.857-0.339t-0.339-0.857v-0.75q0-0.518 0.339-0.848t0.857-0.33h6.179q0.321 0 0.625-0.241t0.357-0.527zM21.911 3.786q-0.268 1.304-0.955 4.759t-1.241 6.25-0.625 3.098q-0.107 0.393-0.161 0.58t-0.25 0.58-0.438 0.589-0.688 0.375-1.036 0.179h-4.839q-0.232 0-0.393 0.179-0.143 0.161-7.607 8.821-0.393 0.446-1.045 0.509t-0.866-0.098q-0.982-0.393-0.982-1.75v-25.179q0-0.982 0.679-1.83t2.143-0.848h15.857q1.696 0 2.268 0.946t0.179 2.839zM21.911 3.786l-2.821 14.107q0.071-0.304 0.625-3.098t1.241-6.25 0.955-4.759z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-wordpress" viewBox="0 0 32 32">
|
|
||||||
<path class="path1" d="M2.268 16q0-2.911 1.196-5.589l6.554 17.946q-3.5-1.696-5.625-5.018t-2.125-7.339zM25.268 15.304q0 0.339-0.045 0.688t-0.179 0.884-0.205 0.786-0.313 1.054-0.313 1.036l-1.357 4.571-4.964-14.75q0.821-0.054 1.571-0.143 0.339-0.036 0.464-0.33t-0.045-0.554-0.509-0.241l-3.661 0.179q-1.339-0.018-3.607-0.179-0.214-0.018-0.366 0.089t-0.205 0.268-0.027 0.33 0.161 0.295 0.348 0.143l1.429 0.143 2.143 5.857-3 9-5-14.857q0.821-0.054 1.571-0.143 0.339-0.036 0.464-0.33t-0.045-0.554-0.509-0.241l-3.661 0.179q-0.125 0-0.411-0.009t-0.464-0.009q1.875-2.857 4.902-4.527t6.563-1.67q2.625 0 5.009 0.946t4.259 2.661h-0.179q-0.982 0-1.643 0.723t-0.661 1.705q0 0.214 0.036 0.429t0.071 0.384 0.143 0.411 0.161 0.375 0.214 0.402 0.223 0.375 0.259 0.429 0.25 0.411q1.125 1.911 1.125 3.786zM16.232 17.196l4.232 11.554q0.018 0.107 0.089 0.196-2.25 0.786-4.554 0.786-2 0-3.875-0.571zM28.036 9.411q1.696 3.107 1.696 6.589 0 3.732-1.857 6.884t-4.982 4.973l4.196-12.107q1.054-3.018 1.054-4.929 0-0.75-0.107-1.411zM16 0q3.25 0 6.214 1.268t5.107 3.411 3.411 5.107 1.268 6.214-1.268 6.214-3.411 5.107-5.107 3.411-6.214 1.268-6.214-1.268-5.107-3.411-3.411-5.107-1.268-6.214 1.268-6.214 3.411-5.107 5.107-3.411 6.214-1.268zM16 31.268q3.089 0 5.92-1.214t4.875-3.259 3.259-4.875 1.214-5.92-1.214-5.92-3.259-4.875-4.875-3.259-5.92-1.214-5.92 1.214-4.875 3.259-3.259 4.875-1.214 5.92 1.214 5.92 3.259 4.875 4.875 3.259 5.92 1.214z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-stumbleupon" viewBox="0 0 34 32">
|
|
||||||
<path class="path1" d="M18.964 12.714v-2.107q0-0.75-0.536-1.286t-1.286-0.536-1.286 0.536-0.536 1.286v10.929q0 3.125-2.25 5.339t-5.411 2.214q-3.179 0-5.42-2.241t-2.241-5.42v-4.75h5.857v4.679q0 0.768 0.536 1.295t1.286 0.527 1.286-0.527 0.536-1.295v-11.071q0-3.054 2.259-5.214t5.384-2.161q3.143 0 5.393 2.179t2.25 5.25v2.429l-3.482 1.036zM28.429 16.679h5.857v4.75q0 3.179-2.241 5.42t-5.42 2.241q-3.161 0-5.411-2.223t-2.25-5.366v-4.786l2.339 1.089 3.482-1.036v4.821q0 0.75 0.536 1.277t1.286 0.527 1.286-0.527 0.536-1.277v-4.911z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-digg" viewBox="0 0 37 32">
|
|
||||||
<path class="path1" d="M5.857 5.036h3.643v17.554h-9.5v-12.446h5.857v-5.107zM5.857 19.661v-6.589h-2.196v6.589h2.196zM10.964 10.143v12.446h3.661v-12.446h-3.661zM10.964 5.036v3.643h3.661v-3.643h-3.661zM16.089 10.143h9.518v16.821h-9.518v-2.911h5.857v-1.464h-5.857v-12.446zM21.946 19.661v-6.589h-2.196v6.589h2.196zM27.071 10.143h9.5v16.821h-9.5v-2.911h5.839v-1.464h-5.839v-12.446zM32.911 19.661v-6.589h-2.196v6.589h2.196z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-spotify" viewBox="0 0 27 32">
|
|
||||||
<path class="path1" d="M20.125 21.607q0-0.571-0.536-0.911-3.446-2.054-7.982-2.054-2.375 0-5.125 0.607-0.75 0.161-0.75 0.929 0 0.357 0.241 0.616t0.634 0.259q0.089 0 0.661-0.143 2.357-0.482 4.339-0.482 4.036 0 7.089 1.839 0.339 0.196 0.589 0.196 0.339 0 0.589-0.241t0.25-0.616zM21.839 17.768q0-0.714-0.625-1.089-4.232-2.518-9.786-2.518-2.732 0-5.411 0.75-0.857 0.232-0.857 1.143 0 0.446 0.313 0.759t0.759 0.313q0.125 0 0.661-0.143 2.179-0.589 4.482-0.589 4.982 0 8.714 2.214 0.429 0.232 0.679 0.232 0.446 0 0.759-0.313t0.313-0.759zM23.768 13.339q0-0.839-0.714-1.25-2.25-1.304-5.232-1.973t-6.125-0.67q-3.643 0-6.5 0.839-0.411 0.125-0.688 0.455t-0.277 0.866q0 0.554 0.366 0.929t0.92 0.375q0.196 0 0.714-0.143 2.375-0.661 5.482-0.661 2.839 0 5.527 0.607t4.527 1.696q0.375 0.214 0.714 0.214 0.518 0 0.902-0.366t0.384-0.92zM27.429 16q0 3.732-1.839 6.884t-4.991 4.991-6.884 1.839-6.884-1.839-4.991-4.991-1.839-6.884 1.839-6.884 4.991-4.991 6.884-1.839 6.884 1.839 4.991 4.991 1.839 6.884z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-soundcloud" viewBox="0 0 41 32">
|
|
||||||
<path class="path1" d="M14 24.5l0.286-4.304-0.286-9.339q-0.018-0.179-0.134-0.304t-0.295-0.125q-0.161 0-0.286 0.125t-0.125 0.304l-0.25 9.339 0.25 4.304q0.018 0.179 0.134 0.295t0.277 0.116q0.393 0 0.429-0.411zM19.286 23.982l0.196-3.768-0.214-10.464q0-0.286-0.232-0.429-0.143-0.089-0.286-0.089t-0.286 0.089q-0.232 0.143-0.232 0.429l-0.018 0.107-0.179 10.339q0 0.018 0.196 4.214v0.018q0 0.179 0.107 0.304 0.161 0.196 0.411 0.196 0.196 0 0.357-0.161 0.161-0.125 0.161-0.357zM0.625 17.911l0.357 2.286-0.357 2.25q-0.036 0.161-0.161 0.161t-0.161-0.161l-0.304-2.25 0.304-2.286q0.036-0.161 0.161-0.161t0.161 0.161zM2.161 16.5l0.464 3.696-0.464 3.625q-0.036 0.161-0.179 0.161-0.161 0-0.161-0.179l-0.411-3.607 0.411-3.696q0-0.161 0.161-0.161 0.143 0 0.179 0.161zM3.804 15.821l0.446 4.375-0.446 4.232q0 0.196-0.196 0.196-0.179 0-0.214-0.196l-0.375-4.232 0.375-4.375q0.036-0.214 0.214-0.214 0.196 0 0.196 0.214zM5.482 15.696l0.411 4.5-0.411 4.357q-0.036 0.232-0.25 0.232-0.232 0-0.232-0.232l-0.375-4.357 0.375-4.5q0-0.232 0.232-0.232 0.214 0 0.25 0.232zM7.161 16.018l0.375 4.179-0.375 4.393q-0.036 0.286-0.286 0.286-0.107 0-0.188-0.080t-0.080-0.205l-0.357-4.393 0.357-4.179q0-0.107 0.080-0.188t0.188-0.080q0.25 0 0.286 0.268zM8.839 13.411l0.375 6.786-0.375 4.393q0 0.125-0.089 0.223t-0.214 0.098q-0.286 0-0.321-0.321l-0.321-4.393 0.321-6.786q0.036-0.321 0.321-0.321 0.125 0 0.214 0.098t0.089 0.223zM10.518 11.875l0.339 8.357-0.339 4.357q0 0.143-0.098 0.241t-0.241 0.098q-0.321 0-0.357-0.339l-0.286-4.357 0.286-8.357q0.036-0.339 0.357-0.339 0.143 0 0.241 0.098t0.098 0.241zM12.268 11.161l0.321 9.036-0.321 4.321q-0.036 0.375-0.393 0.375-0.339 0-0.375-0.375l-0.286-4.321 0.286-9.036q0-0.161 0.116-0.277t0.259-0.116q0.161 0 0.268 0.116t0.125 0.277zM19.268 24.411v0 0zM15.732 11.089l0.268 9.107-0.268 4.268q0 0.179-0.134 0.313t-0.313 0.134-0.304-0.125-0.143-0.321l-0.25-4.268 0.25-9.107q0-0.196 0.134-0.321t0.313-0.125 0.313 0.125 0.134 0.321zM17.5 11.429l0.25 8.786-0.25 4.214q0 0.196-0.143 0.339t-0.339 0.143-0.339-0.143-0.161-0.339l-0.214-4.214 0.214-8.786q0.018-0.214 0.161-0.357t0.339-0.143 0.33 0.143 0.152 0.357zM21.286 20.214l-0.25 4.125q0 0.232-0.161 0.393t-0.393 0.161-0.393-0.161-0.179-0.393l-0.107-2.036-0.107-2.089 0.214-11.357v-0.054q0.036-0.268 0.214-0.429 0.161-0.125 0.357-0.125 0.143 0 0.268 0.089 0.25 0.143 0.286 0.464zM41.143 19.875q0 2.089-1.482 3.563t-3.571 1.473h-14.036q-0.232-0.036-0.393-0.196t-0.161-0.393v-16.054q0-0.411 0.5-0.589 1.518-0.607 3.232-0.607 3.482 0 6.036 2.348t2.857 5.777q0.946-0.393 1.964-0.393 2.089 0 3.571 1.482t1.482 3.589z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-codepen" viewBox="0 0 32 32">
|
|
||||||
<path class="path1" d="M3.857 20.875l10.768 7.179v-6.411l-5.964-3.982zM2.75 18.304l3.446-2.304-3.446-2.304v4.607zM17.375 28.054l10.768-7.179-4.804-3.214-5.964 3.982v6.411zM16 19.25l4.857-3.25-4.857-3.25-4.857 3.25zM8.661 14.339l5.964-3.982v-6.411l-10.768 7.179zM25.804 16l3.446 2.304v-4.607zM23.339 14.339l4.804-3.214-10.768-7.179v6.411zM32 11.125v9.75q0 0.732-0.607 1.143l-14.625 9.75q-0.375 0.232-0.768 0.232t-0.768-0.232l-14.625-9.75q-0.607-0.411-0.607-1.143v-9.75q0-0.732 0.607-1.143l14.625-9.75q0.375-0.232 0.768-0.232t0.768 0.232l14.625 9.75q0.607 0.411 0.607 1.143z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-twitch" viewBox="0 0 32 32">
|
|
||||||
<path class="path1" d="M16 7.75v7.75h-2.589v-7.75h2.589zM23.107 7.75v7.75h-2.589v-7.75h2.589zM23.107 21.321l4.518-4.536v-14.196h-21.321v18.732h5.821v3.875l3.875-3.875h7.107zM30.214 0v18.089l-7.75 7.75h-5.821l-3.875 3.875h-3.875v-3.875h-7.107v-20.679l1.946-5.161h26.482z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-meanpath" viewBox="0 0 27 32">
|
|
||||||
<path class="path1" d="M23.411 15.036v2.036q0 0.429-0.241 0.679t-0.67 0.25h-3.607q-0.429 0-0.679-0.25t-0.25-0.679v-2.036q0-0.429 0.25-0.679t0.679-0.25h3.607q0.429 0 0.67 0.25t0.241 0.679zM14.661 19.143v-4.464q0-0.946-0.58-1.527t-1.527-0.58h-2.375q-1.214 0-1.714 0.929-0.5-0.929-1.714-0.929h-2.321q-0.946 0-1.527 0.58t-0.58 1.527v4.464q0 0.393 0.375 0.393h0.982q0.393 0 0.393-0.393v-4.107q0-0.429 0.241-0.679t0.688-0.25h1.679q0.429 0 0.679 0.25t0.25 0.679v4.107q0 0.393 0.375 0.393h0.964q0.393 0 0.393-0.393v-4.107q0-0.429 0.25-0.679t0.679-0.25h1.732q0.429 0 0.67 0.25t0.241 0.679v4.107q0 0.393 0.393 0.393h0.982q0.375 0 0.375-0.393zM25.179 17.429v-2.75q0-0.946-0.589-1.527t-1.536-0.58h-4.714q-0.946 0-1.536 0.58t-0.589 1.527v7.321q0 0.375 0.393 0.375h0.982q0.375 0 0.375-0.375v-3.214q0.554 0.75 1.679 0.75h3.411q0.946 0 1.536-0.58t0.589-1.527zM27.429 6.429v19.143q0 1.714-1.214 2.929t-2.929 1.214h-19.143q-1.714 0-2.929-1.214t-1.214-2.929v-19.143q0-1.714 1.214-2.929t2.929-1.214h19.143q1.714 0 2.929 1.214t1.214 2.929z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-pinterest-p" viewBox="0 0 23 32">
|
|
||||||
<path class="path1" d="M0 10.661q0-1.929 0.67-3.634t1.848-2.973 2.714-2.196 3.304-1.393 3.607-0.464q2.821 0 5.25 1.188t3.946 3.455 1.518 5.125q0 1.714-0.339 3.357t-1.071 3.161-1.786 2.67-2.589 1.839-3.375 0.688q-1.214 0-2.411-0.571t-1.714-1.571q-0.179 0.696-0.5 2.009t-0.42 1.696-0.366 1.268-0.464 1.268-0.571 1.116-0.821 1.384-1.107 1.545l-0.25 0.089-0.161-0.179q-0.268-2.804-0.268-3.357 0-1.643 0.384-3.688t1.188-5.134 0.929-3.625q-0.571-1.161-0.571-3.018 0-1.482 0.929-2.786t2.357-1.304q1.089 0 1.696 0.723t0.607 1.83q0 1.179-0.786 3.411t-0.786 3.339q0 1.125 0.804 1.866t1.946 0.741q0.982 0 1.821-0.446t1.402-1.214 1-1.696 0.679-1.973 0.357-1.982 0.116-1.777q0-3.089-1.955-4.813t-5.098-1.723q-3.571 0-5.964 2.313t-2.393 5.866q0 0.786 0.223 1.518t0.482 1.161 0.482 0.813 0.223 0.545q0 0.5-0.268 1.304t-0.661 0.804q-0.036 0-0.304-0.054-0.911-0.268-1.616-1t-1.089-1.688-0.58-1.929-0.196-1.902z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-periscope" viewBox="0 0 24 28">
|
|
||||||
<path class="path1" d="M12.285,1C6.696,1,2.277,5.643,2.277,11.243c0,5.851,7.77,14.578,10.007,14.578c1.959,0,9.729-8.728,9.729-14.578 C22.015,5.643,17.596,1,12.285,1z M12.317,16.551c-3.473,0-6.152-2.611-6.152-5.664c0-1.292,0.39-2.472,1.065-3.438 c0.206,1.084,1.18,1.906,2.352,1.906c1.322,0,2.393-1.043,2.393-2.333c0-0.832-0.447-1.561-1.119-1.975 c0.467-0.105,0.955-0.161,1.46-0.161c3.133,0,5.81,2.611,5.81,5.998C18.126,13.94,15.449,16.551,12.317,16.551z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-get-pocket" viewBox="0 0 31 32">
|
|
||||||
<path class="path1" d="M27.946 2.286q1.161 0 1.964 0.813t0.804 1.973v9.268q0 3.143-1.214 6t-3.259 4.911-4.893 3.259-5.973 1.205q-3.143 0-5.991-1.205t-4.902-3.259-3.268-4.911-1.214-6v-9.268q0-1.143 0.821-1.964t1.964-0.821h25.161zM15.375 21.286q0.839 0 1.464-0.589l7.214-6.929q0.661-0.625 0.661-1.518 0-0.875-0.616-1.491t-1.491-0.616q-0.839 0-1.464 0.589l-5.768 5.536-5.768-5.536q-0.625-0.589-1.446-0.589-0.875 0-1.491 0.616t-0.616 1.491q0 0.911 0.643 1.518l7.232 6.929q0.589 0.589 1.446 0.589z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-vimeo" viewBox="0 0 32 32">
|
|
||||||
<path class="path1" d="M30.518 9.25q-0.179 4.214-5.929 11.625-5.946 7.696-10.036 7.696-2.536 0-4.286-4.696-0.786-2.857-2.357-8.607-1.286-4.679-2.804-4.679-0.321 0-2.268 1.357l-1.375-1.75q0.429-0.375 1.929-1.723t2.321-2.063q2.786-2.464 4.304-2.607 1.696-0.161 2.732 0.991t1.446 3.634q0.786 5.125 1.179 6.661 0.982 4.446 2.143 4.446 0.911 0 2.75-2.875 1.804-2.875 1.946-4.393 0.232-2.482-1.946-2.482-1.018 0-2.161 0.464 2.143-7.018 8.196-6.821 4.482 0.143 4.214 5.821z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-reddit-alien" viewBox="0 0 32 32">
|
|
||||||
<path class="path1" d="M32 15.107q0 1.036-0.527 1.884t-1.42 1.295q0.214 0.821 0.214 1.714 0 2.768-1.902 5.125t-5.188 3.723-7.143 1.366-7.134-1.366-5.179-3.723-1.902-5.125q0-0.839 0.196-1.679-0.911-0.446-1.464-1.313t-0.554-1.902q0-1.464 1.036-2.509t2.518-1.045q1.518 0 2.589 1.125 3.893-2.714 9.196-2.893l2.071-9.304q0.054-0.232 0.268-0.375t0.464-0.089l6.589 1.446q0.321-0.661 0.964-1.063t1.411-0.402q1.107 0 1.893 0.777t0.786 1.884-0.786 1.893-1.893 0.786-1.884-0.777-0.777-1.884l-5.964-1.321-1.857 8.429q5.357 0.161 9.268 2.857 1.036-1.089 2.554-1.089 1.482 0 2.518 1.045t1.036 2.509zM7.464 18.661q0 1.107 0.777 1.893t1.884 0.786 1.893-0.786 0.786-1.893-0.786-1.884-1.893-0.777q-1.089 0-1.875 0.786t-0.786 1.875zM21.929 25q0.196-0.196 0.196-0.464t-0.196-0.464q-0.179-0.179-0.446-0.179t-0.464 0.179q-0.732 0.75-2.161 1.107t-2.857 0.357-2.857-0.357-2.161-1.107q-0.196-0.179-0.464-0.179t-0.446 0.179q-0.196 0.179-0.196 0.455t0.196 0.473q0.768 0.768 2.116 1.214t2.188 0.527 1.625 0.080 1.625-0.080 2.188-0.527 2.116-1.214zM21.875 21.339q1.107 0 1.884-0.786t0.777-1.893q0-1.089-0.786-1.875t-1.875-0.786q-1.107 0-1.893 0.777t-0.786 1.884 0.786 1.893 1.893 0.786z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-whatsapp" viewBox="0 0 32 32">
|
|
||||||
<path d="M15.968 2.003a14.03 13.978 0 0 0-14.03 13.978 14.03 13.978 0 0 0 2.132 7.391L1.938 29.96l6.745-2.052a14.03 13.978 0 0 0 7.285 2.052 14.03 13.978 0 0 0 14.03-13.978 14.03 13.978 0 0 0-14.03-13.978z" stroke-width=".2000562"/>
|
|
||||||
<path d="M10.454 8.236a2.57 3.401 51.533 0 0-1.475 3.184v.015c.01 2.04 4.045 10.076 10.017 12.688l.017-.013a2.57 3.401 51.533 0 0 3.454-.706 2.57 3.401 51.533 0 0 1.064-4.129 2.57 3.401 51.533 0 0-4.262.103 2.57 3.401 51.533 0 0-.505.473c-1.346-.639-2.952-1.463-4.168-2.98-.771-.962-1.257-2.732-1.549-4.206a2.57 3.401 51.533 0 0 .605-.403 2.57 3.401 51.533 0 0 1.064-4.129 2.57 3.401 51.533 0 0-4.262.103z" stroke-width=".372"/>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-telegram" viewBox="0 0 32 32">
|
|
||||||
<path d="M30.8,2.2L0.6,13.9c-0.8,0.3-0.7,1.3,0,1.6l7.4,2.8l2.9,9.2c0.2,0.6,0.9,0.8,1.4,0.4l4.1-3.4 c0.4-0.4,1-0.4,1.5,0l7.4,5.4c0.5,0.4,1.2,0.1,1.4-0.5L32,3.2C32.1,2.5,31.4,1.9,30.8,2.2z M25,8.3l-11.9,11 c-0.4,0.4-0.7,0.9-0.8,1.5l-0.4,3c-0.1,0.4-0.6,0.4-0.7,0.1l-1.6-5.5c-0.2-0.6,0.1-1.3,0.6-1.6l14.4-8.9C25,7.7,25.3,8.1,25,8.3z"/>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-hashtag" viewBox="0 0 32 32">
|
|
||||||
<path class="path1" d="M17.696 18.286l1.143-4.571h-4.536l-1.143 4.571h4.536zM31.411 9.286l-1 4q-0.125 0.429-0.554 0.429h-5.839l-1.143 4.571h5.554q0.268 0 0.446 0.214 0.179 0.25 0.107 0.5l-1 4q-0.089 0.429-0.554 0.429h-5.839l-1.446 5.857q-0.125 0.429-0.554 0.429h-4q-0.286 0-0.464-0.214-0.161-0.214-0.107-0.5l1.393-5.571h-4.536l-1.446 5.857q-0.125 0.429-0.554 0.429h-4.018q-0.268 0-0.446-0.214-0.161-0.214-0.107-0.5l1.393-5.571h-5.554q-0.268 0-0.446-0.214-0.161-0.214-0.107-0.5l1-4q0.125-0.429 0.554-0.429h5.839l1.143-4.571h-5.554q-0.268 0-0.446-0.214-0.179-0.25-0.107-0.5l1-4q0.089-0.429 0.554-0.429h5.839l1.446-5.857q0.125-0.429 0.571-0.429h4q0.268 0 0.446 0.214 0.161 0.214 0.107 0.5l-1.393 5.571h4.536l1.446-5.857q0.125-0.429 0.571-0.429h4q0.268 0 0.446 0.214 0.161 0.214 0.107 0.5l-1.393 5.571h5.554q0.268 0 0.446 0.214 0.161 0.214 0.107 0.5z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-chain" viewBox="0 0 30 32">
|
|
||||||
<path class="path1" d="M26 21.714q0-0.714-0.5-1.214l-3.714-3.714q-0.5-0.5-1.214-0.5-0.75 0-1.286 0.571 0.054 0.054 0.339 0.33t0.384 0.384 0.268 0.339 0.232 0.455 0.063 0.491q0 0.714-0.5 1.214t-1.214 0.5q-0.268 0-0.491-0.063t-0.455-0.232-0.339-0.268-0.384-0.384-0.33-0.339q-0.589 0.554-0.589 1.304 0 0.714 0.5 1.214l3.679 3.696q0.482 0.482 1.214 0.482 0.714 0 1.214-0.464l2.625-2.607q0.5-0.5 0.5-1.196zM13.446 9.125q0-0.714-0.5-1.214l-3.679-3.696q-0.5-0.5-1.214-0.5-0.696 0-1.214 0.482l-2.625 2.607q-0.5 0.5-0.5 1.196 0 0.714 0.5 1.214l3.714 3.714q0.482 0.482 1.214 0.482 0.75 0 1.286-0.554-0.054-0.054-0.339-0.33t-0.384-0.384-0.268-0.339-0.232-0.455-0.063-0.491q0-0.714 0.5-1.214t1.214-0.5q0.268 0 0.491 0.063t0.455 0.232 0.339 0.268 0.384 0.384 0.33 0.339q0.589-0.554 0.589-1.304zM29.429 21.714q0 2.143-1.518 3.625l-2.625 2.607q-1.482 1.482-3.625 1.482-2.161 0-3.643-1.518l-3.679-3.696q-1.482-1.482-1.482-3.625 0-2.196 1.571-3.732l-1.571-1.571q-1.536 1.571-3.714 1.571-2.143 0-3.643-1.5l-3.714-3.714q-1.5-1.5-1.5-3.643t1.518-3.625l2.625-2.607q1.482-1.482 3.625-1.482 2.161 0 3.643 1.518l3.679 3.696q1.482 1.482 1.482 3.625 0 2.196-1.571 3.732l1.571 1.571q1.536-1.571 3.714-1.571 2.143 0 3.643 1.5l3.714 3.714q1.5 1.5 1.5 3.643z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-thumb-tack" viewBox="0 0 21 32">
|
|
||||||
<path class="path1" d="M8.571 15.429v-8q0-0.25-0.161-0.411t-0.411-0.161-0.411 0.161-0.161 0.411v8q0 0.25 0.161 0.411t0.411 0.161 0.411-0.161 0.161-0.411zM20.571 21.714q0 0.464-0.339 0.804t-0.804 0.339h-7.661l-0.911 8.625q-0.036 0.214-0.188 0.366t-0.366 0.152h-0.018q-0.482 0-0.571-0.482l-1.357-8.661h-7.214q-0.464 0-0.804-0.339t-0.339-0.804q0-2.196 1.402-3.955t3.17-1.759v-9.143q-0.929 0-1.607-0.679t-0.679-1.607 0.679-1.607 1.607-0.679h11.429q0.929 0 1.607 0.679t0.679 1.607-0.679 1.607-1.607 0.679v9.143q1.768 0 3.17 1.759t1.402 3.955z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-arrow-left" viewBox="0 0 43 32">
|
|
||||||
<path class="path1" d="M42.311 14.044c-0.178-0.178-0.533-0.356-0.711-0.356h-33.778l10.311-10.489c0.178-0.178 0.356-0.533 0.356-0.711 0-0.356-0.178-0.533-0.356-0.711l-1.6-1.422c-0.356-0.178-0.533-0.356-0.889-0.356s-0.533 0.178-0.711 0.356l-14.578 14.933c-0.178 0.178-0.356 0.533-0.356 0.711s0.178 0.533 0.356 0.711l14.756 14.933c0 0.178 0.356 0.356 0.533 0.356s0.533-0.178 0.711-0.356l1.6-1.6c0.178-0.178 0.356-0.533 0.356-0.711s-0.178-0.533-0.356-0.711l-10.311-10.489h33.778c0.178 0 0.533-0.178 0.711-0.356 0.356-0.178 0.533-0.356 0.533-0.711v-2.133c0-0.356-0.178-0.711-0.356-0.889z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-arrow-right" viewBox="0 0 43 32">
|
|
||||||
<path class="path1" d="M0.356 17.956c0.178 0.178 0.533 0.356 0.711 0.356h33.778l-10.311 10.489c-0.178 0.178-0.356 0.533-0.356 0.711 0 0.356 0.178 0.533 0.356 0.711l1.6 1.6c0.178 0.178 0.533 0.356 0.711 0.356s0.533-0.178 0.711-0.356l14.756-14.933c0.178-0.356 0.356-0.711 0.356-0.889s-0.178-0.533-0.356-0.711l-14.756-14.933c0-0.178-0.356-0.356-0.533-0.356s-0.533 0.178-0.711 0.356l-1.6 1.6c-0.178 0.178-0.356 0.533-0.356 0.711s0.178 0.533 0.356 0.711l10.311 10.489h-33.778c-0.178 0-0.533 0.178-0.711 0.356-0.356 0.178-0.533 0.356-0.533 0.711v2.311c0 0.178 0.178 0.533 0.356 0.711z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-play" viewBox="0 0 22 28">
|
|
||||||
<path d="M21.625 14.484l-20.75 11.531c-0.484 0.266-0.875 0.031-0.875-0.516v-23c0-0.547 0.391-0.781 0.875-0.516l20.75 11.531c0.484 0.266 0.484 0.703 0 0.969z"></path>
|
|
||||||
</symbol>
|
|
||||||
<symbol id="icon-pause" viewBox="0 0 24 28">
|
|
||||||
<path d="M24 3v22c0 0.547-0.453 1-1 1h-8c-0.547 0-1-0.453-1-1v-22c0-0.547 0.453-1 1-1h8c0.547 0 1 0.453 1 1zM10 3v22c0 0.547-0.453 1-1 1h-8c-0.547 0-1-0.453-1-1v-22c0-0.547 0.453-1 1-1h8c0.547 0 1 0.453 1 1z"></path>
|
|
||||||
</symbol>
|
|
||||||
</defs>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 43 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 152 KiB |
@ -1,36 +0,0 @@
|
|||||||
/**
|
|
||||||
* Scripts within the customizer controls window.
|
|
||||||
*
|
|
||||||
* Contextually shows the color hue control and informs the preview
|
|
||||||
* when users open or close the front page sections section.
|
|
||||||
*/
|
|
||||||
|
|
||||||
(function() {
|
|
||||||
wp.customize.bind( 'ready', function() {
|
|
||||||
|
|
||||||
// Only show the color hue control when there's a custom color scheme.
|
|
||||||
wp.customize( 'colorscheme', function( setting ) {
|
|
||||||
wp.customize.control( 'colorscheme_hue', function( control ) {
|
|
||||||
var visibility = function() {
|
|
||||||
if ( 'custom' === setting.get() ) {
|
|
||||||
control.container.slideDown( 180 );
|
|
||||||
} else {
|
|
||||||
control.container.slideUp( 180 );
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
visibility();
|
|
||||||
setting.bind( visibility );
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// Detect when the front page sections section is expanded (or closed) so we can adjust the preview accordingly.
|
|
||||||
wp.customize.section( 'theme_options', function( section ) {
|
|
||||||
section.expanded.bind( function( isExpanding ) {
|
|
||||||
|
|
||||||
// Value of isExpanding will = true if you're entering the section, false if you're leaving it.
|
|
||||||
wp.customize.previewer.send( 'section-highlight', { expanded: isExpanding });
|
|
||||||
} );
|
|
||||||
} );
|
|
||||||
});
|
|
||||||
})();
|
|
||||||
@ -1,150 +0,0 @@
|
|||||||
/**
|
|
||||||
* File customize-preview.js.
|
|
||||||
*
|
|
||||||
* Instantly live-update customizer settings in the preview for improved user experience.
|
|
||||||
*/
|
|
||||||
|
|
||||||
(function( $ ) {
|
|
||||||
|
|
||||||
// Collect information from customize-controls.js about which panels are opening.
|
|
||||||
wp.customize.bind( 'preview-ready', function() {
|
|
||||||
|
|
||||||
// Initially hide the theme option placeholders on load.
|
|
||||||
$( '.panel-placeholder' ).hide();
|
|
||||||
|
|
||||||
wp.customize.preview.bind( 'section-highlight', function( data ) {
|
|
||||||
|
|
||||||
// Only on the front page.
|
|
||||||
if ( ! $( 'body' ).hasClass( 'twentyseventeen-front-page' ) ) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// When the section is expanded, show and scroll to the content placeholders, exposing the edit links.
|
|
||||||
if ( true === data.expanded ) {
|
|
||||||
$( 'body' ).addClass( 'highlight-front-sections' );
|
|
||||||
$( '.panel-placeholder' ).slideDown( 200, function() {
|
|
||||||
$.scrollTo( $( '#panel1' ), {
|
|
||||||
duration: 600,
|
|
||||||
offset: { 'top': -70 } // Account for sticky menu.
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// If we've left the panel, hide the placeholders and scroll back to the top.
|
|
||||||
} else {
|
|
||||||
$( 'body' ).removeClass( 'highlight-front-sections' );
|
|
||||||
// Don't change scroll when leaving - it's likely to have unintended consequences.
|
|
||||||
$( '.panel-placeholder' ).slideUp( 200 );
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// Site title and description.
|
|
||||||
wp.customize( 'blogname', function( value ) {
|
|
||||||
value.bind( function( to ) {
|
|
||||||
$( '.site-title a' ).text( to );
|
|
||||||
});
|
|
||||||
});
|
|
||||||
wp.customize( 'blogdescription', function( value ) {
|
|
||||||
value.bind( function( to ) {
|
|
||||||
$( '.site-description' ).text( to );
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// Header text color.
|
|
||||||
wp.customize( 'header_textcolor', function( value ) {
|
|
||||||
value.bind( function( to ) {
|
|
||||||
if ( 'blank' === to ) {
|
|
||||||
$( '.site-title, .site-description' ).css({
|
|
||||||
clip: 'rect(1px, 1px, 1px, 1px)',
|
|
||||||
position: 'absolute'
|
|
||||||
});
|
|
||||||
// Add class for different logo styles if title and description are hidden.
|
|
||||||
$( 'body' ).addClass( 'title-tagline-hidden' );
|
|
||||||
} else {
|
|
||||||
|
|
||||||
// Check if the text color has been removed and use default colors in theme stylesheet.
|
|
||||||
if ( ! to.length ) {
|
|
||||||
$( '#twentyseventeen-custom-header-styles' ).remove();
|
|
||||||
}
|
|
||||||
$( '.site-title, .site-description' ).css({
|
|
||||||
clip: 'auto',
|
|
||||||
position: 'relative'
|
|
||||||
});
|
|
||||||
$( '.site-branding, .site-branding a, .site-description, .site-description a' ).css({
|
|
||||||
color: to
|
|
||||||
});
|
|
||||||
// Add class for different logo styles if title and description are visible.
|
|
||||||
$( 'body' ).removeClass( 'title-tagline-hidden' );
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// Color scheme.
|
|
||||||
wp.customize( 'colorscheme', function( value ) {
|
|
||||||
value.bind( function( to ) {
|
|
||||||
|
|
||||||
// Update color body class.
|
|
||||||
$( 'body' )
|
|
||||||
.removeClass( 'colors-light colors-dark colors-custom' )
|
|
||||||
.addClass( 'colors-' + to );
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// Custom color hue.
|
|
||||||
wp.customize( 'colorscheme_hue', function( value ) {
|
|
||||||
value.bind( function( to ) {
|
|
||||||
|
|
||||||
// Update custom color CSS.
|
|
||||||
var style = $( '#custom-theme-colors' ),
|
|
||||||
hue = style.data( 'hue' ),
|
|
||||||
css = style.html();
|
|
||||||
|
|
||||||
// Equivalent to css.replaceAll, with hue followed by comma to prevent values with units from being changed.
|
|
||||||
css = css.split( hue + ',' ).join( to + ',' );
|
|
||||||
style.html( css ).data( 'hue', to );
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// Page layouts.
|
|
||||||
wp.customize( 'page_layout', function( value ) {
|
|
||||||
value.bind( function( to ) {
|
|
||||||
if ( 'one-column' === to ) {
|
|
||||||
$( 'body' ).addClass( 'page-one-column' ).removeClass( 'page-two-column' );
|
|
||||||
} else {
|
|
||||||
$( 'body' ).removeClass( 'page-one-column' ).addClass( 'page-two-column' );
|
|
||||||
}
|
|
||||||
} );
|
|
||||||
} );
|
|
||||||
|
|
||||||
// Whether a header image is available.
|
|
||||||
function hasHeaderImage() {
|
|
||||||
var image = wp.customize( 'header_image' )();
|
|
||||||
return '' !== image && 'remove-header' !== image;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Whether a header video is available.
|
|
||||||
function hasHeaderVideo() {
|
|
||||||
var externalVideo = wp.customize( 'external_header_video' )(),
|
|
||||||
video = wp.customize( 'header_video' )();
|
|
||||||
|
|
||||||
return '' !== externalVideo || ( 0 !== video && '' !== video );
|
|
||||||
}
|
|
||||||
|
|
||||||
// Toggle a body class if a custom header exists.
|
|
||||||
$.each( [ 'external_header_video', 'header_image', 'header_video' ], function( index, settingId ) {
|
|
||||||
wp.customize( settingId, function( setting ) {
|
|
||||||
setting.bind(function() {
|
|
||||||
if ( hasHeaderImage() ) {
|
|
||||||
$( document.body ).addClass( 'has-header-image' );
|
|
||||||
} else {
|
|
||||||
$( document.body ).removeClass( 'has-header-image' );
|
|
||||||
}
|
|
||||||
|
|
||||||
if ( ! hasHeaderVideo() ) {
|
|
||||||
$( document.body ).removeClass( 'has-header-video' );
|
|
||||||
}
|
|
||||||
} );
|
|
||||||
} );
|
|
||||||
} );
|
|
||||||
|
|
||||||
} )( jQuery );
|
|
||||||
@ -1,250 +0,0 @@
|
|||||||
/* global twentyseventeenScreenReaderText */
|
|
||||||
(function( $ ) {
|
|
||||||
|
|
||||||
// Variables and DOM Caching.
|
|
||||||
var $body = $( 'body' ),
|
|
||||||
$customHeader = $body.find( '.custom-header' ),
|
|
||||||
$branding = $customHeader.find( '.site-branding' ),
|
|
||||||
$navigation = $body.find( '.navigation-top' ),
|
|
||||||
$navWrap = $navigation.find( '.wrap' ),
|
|
||||||
$navMenuItem = $navigation.find( '.menu-item' ),
|
|
||||||
$menuToggle = $navigation.find( '.menu-toggle' ),
|
|
||||||
$menuScrollDown = $body.find( '.menu-scroll-down' ),
|
|
||||||
$sidebar = $body.find( '#secondary' ),
|
|
||||||
$entryContent = $body.find( '.entry-content' ),
|
|
||||||
$formatQuote = $body.find( '.format-quote blockquote' ),
|
|
||||||
isFrontPage = $body.hasClass( 'twentyseventeen-front-page' ) || $body.hasClass( 'home blog' ),
|
|
||||||
navigationFixedClass = 'site-navigation-fixed',
|
|
||||||
navigationHeight,
|
|
||||||
navigationOuterHeight,
|
|
||||||
navPadding,
|
|
||||||
navMenuItemHeight,
|
|
||||||
idealNavHeight,
|
|
||||||
navIsNotTooTall,
|
|
||||||
headerOffset,
|
|
||||||
menuTop = 0,
|
|
||||||
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() {
|
|
||||||
if ( $navigation.hasClass( 'site-navigation-fixed' ) ) {
|
|
||||||
var windowScrollTop = $( window ).scrollTop(),
|
|
||||||
fixedNavHeight = $navigation.height(),
|
|
||||||
itemScrollTop = $( this ).offset().top,
|
|
||||||
offsetDiff = itemScrollTop - windowScrollTop;
|
|
||||||
|
|
||||||
// Account for Admin bar.
|
|
||||||
if ( $( '#wpadminbar' ).length ) {
|
|
||||||
offsetDiff -= $( '#wpadminbar' ).height();
|
|
||||||
}
|
|
||||||
|
|
||||||
if ( offsetDiff < fixedNavHeight ) {
|
|
||||||
$( window ).scrollTo( itemScrollTop - ( fixedNavHeight + 50 ), 0 );
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Set properties of navigation.
|
|
||||||
function setNavProps() {
|
|
||||||
navigationHeight = $navigation.height();
|
|
||||||
navigationOuterHeight = $navigation.outerHeight();
|
|
||||||
navPadding = parseFloat( $navWrap.css( 'padding-top' ) ) * 2;
|
|
||||||
navMenuItemHeight = $navMenuItem.outerHeight() * 2;
|
|
||||||
idealNavHeight = navPadding + navMenuItemHeight;
|
|
||||||
navIsNotTooTall = navigationHeight <= idealNavHeight;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Make navigation 'stick'.
|
|
||||||
function adjustScrollClass() {
|
|
||||||
|
|
||||||
// Make sure we're not on a mobile screen.
|
|
||||||
if ( 'none' === $menuToggle.css( 'display' ) ) {
|
|
||||||
|
|
||||||
// Make sure the nav isn't taller than two rows.
|
|
||||||
if ( navIsNotTooTall ) {
|
|
||||||
|
|
||||||
// When there's a custom header image or video, the header offset includes the height of the navigation.
|
|
||||||
if ( isFrontPage && ( $body.hasClass( 'has-header-image' ) || $body.hasClass( 'has-header-video' ) ) ) {
|
|
||||||
headerOffset = $customHeader.innerHeight() - navigationOuterHeight;
|
|
||||||
} else {
|
|
||||||
headerOffset = $customHeader.innerHeight();
|
|
||||||
}
|
|
||||||
|
|
||||||
// If the scroll is more than the custom header, set the fixed class.
|
|
||||||
if ( $( window ).scrollTop() >= headerOffset ) {
|
|
||||||
$navigation.addClass( navigationFixedClass );
|
|
||||||
} else {
|
|
||||||
$navigation.removeClass( navigationFixedClass );
|
|
||||||
}
|
|
||||||
|
|
||||||
} else {
|
|
||||||
|
|
||||||
// Remove 'fixed' class if nav is taller than two rows.
|
|
||||||
$navigation.removeClass( navigationFixedClass );
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Set margins of branding in header.
|
|
||||||
function adjustHeaderHeight() {
|
|
||||||
if ( 'none' === $menuToggle.css( 'display' ) ) {
|
|
||||||
|
|
||||||
// The margin should be applied to different elements on front-page or home vs interior pages.
|
|
||||||
if ( isFrontPage ) {
|
|
||||||
$branding.css( 'margin-bottom', navigationOuterHeight );
|
|
||||||
} else {
|
|
||||||
$customHeader.css( 'margin-bottom', navigationOuterHeight );
|
|
||||||
}
|
|
||||||
|
|
||||||
} else {
|
|
||||||
$customHeader.css( 'margin-bottom', '0' );
|
|
||||||
$branding.css( 'margin-bottom', '0' );
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Set icon for quotes.
|
|
||||||
function setQuotesIcon() {
|
|
||||||
$( twentyseventeenScreenReaderText.quote ).prependTo( $formatQuote );
|
|
||||||
}
|
|
||||||
|
|
||||||
// Add 'below-entry-meta' class to elements.
|
|
||||||
function belowEntryMetaClass( param ) {
|
|
||||||
var sidebarPos, sidebarPosBottom;
|
|
||||||
|
|
||||||
if ( ! $body.hasClass( 'has-sidebar' ) || (
|
|
||||||
$body.hasClass( 'search' ) ||
|
|
||||||
$body.hasClass( 'single-attachment' ) ||
|
|
||||||
$body.hasClass( 'error404' ) ||
|
|
||||||
$body.hasClass( 'twentyseventeen-front-page' )
|
|
||||||
) ) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
sidebarPos = $sidebar.offset();
|
|
||||||
sidebarPosBottom = sidebarPos.top + ( $sidebar.height() + 28 );
|
|
||||||
|
|
||||||
$entryContent.find( param ).each( function() {
|
|
||||||
var $element = $( this ),
|
|
||||||
elementPos = $element.offset(),
|
|
||||||
elementPosTop = elementPos.top;
|
|
||||||
|
|
||||||
// Add 'below-entry-meta' to elements below the entry meta.
|
|
||||||
if ( elementPosTop > sidebarPosBottom ) {
|
|
||||||
$element.addClass( 'below-entry-meta' );
|
|
||||||
} else {
|
|
||||||
$element.removeClass( 'below-entry-meta' );
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Test if inline SVGs are supported.
|
|
||||||
* @link https://github.com/Modernizr/Modernizr/
|
|
||||||
*/
|
|
||||||
function supportsInlineSVG() {
|
|
||||||
var div = document.createElement( 'div' );
|
|
||||||
div.innerHTML = '<svg/>';
|
|
||||||
return 'http://www.w3.org/2000/svg' === ( 'undefined' !== typeof SVGRect && div.firstChild && div.firstChild.namespaceURI );
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Test if an iOS device.
|
|
||||||
*/
|
|
||||||
function checkiOS() {
|
|
||||||
return /iPad|iPhone|iPod/.test(navigator.userAgent) && ! window.MSStream;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Test if background-attachment: fixed is supported.
|
|
||||||
* @link http://stackoverflow.com/questions/14115080/detect-support-for-background-attachment-fixed
|
|
||||||
*/
|
|
||||||
function supportsFixedBackground() {
|
|
||||||
var el = document.createElement('div'),
|
|
||||||
isSupported;
|
|
||||||
|
|
||||||
try {
|
|
||||||
if ( ! ( 'backgroundAttachment' in el.style ) || checkiOS() ) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
el.style.backgroundAttachment = 'fixed';
|
|
||||||
isSupported = ( 'fixed' === el.style.backgroundAttachment );
|
|
||||||
return isSupported;
|
|
||||||
}
|
|
||||||
catch (e) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Fire on document ready.
|
|
||||||
$( document ).ready( function() {
|
|
||||||
|
|
||||||
// If navigation menu is present on page, setNavProps and adjustScrollClass.
|
|
||||||
if ( $navigation.length ) {
|
|
||||||
setNavProps();
|
|
||||||
adjustScrollClass();
|
|
||||||
}
|
|
||||||
|
|
||||||
// If 'Scroll Down' arrow in present on page, calculate scroll offset and bind an event handler to the click event.
|
|
||||||
if ( $menuScrollDown.length ) {
|
|
||||||
|
|
||||||
if ( $( 'body' ).hasClass( 'admin-bar' ) ) {
|
|
||||||
menuTop -= 32;
|
|
||||||
}
|
|
||||||
if ( $( 'body' ).hasClass( 'blog' ) ) {
|
|
||||||
menuTop -= 30; // The div for latest posts has no space above content, add some to account for this.
|
|
||||||
}
|
|
||||||
if ( ! $navigation.length ) {
|
|
||||||
navigationOuterHeight = 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
$menuScrollDown.click( function( e ) {
|
|
||||||
e.preventDefault();
|
|
||||||
$( window ).scrollTo( '#primary', {
|
|
||||||
duration: 600,
|
|
||||||
offset: { top: menuTop - navigationOuterHeight }
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
adjustHeaderHeight();
|
|
||||||
setQuotesIcon();
|
|
||||||
belowEntryMetaClass( 'blockquote.alignleft, blockquote.alignright' );
|
|
||||||
if ( true === supportsInlineSVG() ) {
|
|
||||||
document.documentElement.className = document.documentElement.className.replace( /(\s*)no-svg(\s*)/, '$1svg$2' );
|
|
||||||
}
|
|
||||||
|
|
||||||
if ( true === supportsFixedBackground() ) {
|
|
||||||
document.documentElement.className += ' background-fixed';
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// If navigation menu is present on page, adjust it on scroll and screen resize.
|
|
||||||
if ( $navigation.length ) {
|
|
||||||
|
|
||||||
// On scroll, we want to stick/unstick the navigation.
|
|
||||||
$( window ).on( 'scroll', function() {
|
|
||||||
adjustScrollClass();
|
|
||||||
adjustHeaderHeight();
|
|
||||||
});
|
|
||||||
|
|
||||||
// Also want to make sure the navigation is where it should be on resize.
|
|
||||||
$( window ).resize( function() {
|
|
||||||
setNavProps();
|
|
||||||
setTimeout( adjustScrollClass, 500 );
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
$( window ).resize( function() {
|
|
||||||
clearTimeout( resizeTimer );
|
|
||||||
resizeTimer = setTimeout( function() {
|
|
||||||
belowEntryMetaClass( 'blockquote.alignleft, blockquote.alignright' );
|
|
||||||
}, 300 );
|
|
||||||
setTimeout( adjustHeaderHeight, 1000 );
|
|
||||||
});
|
|
||||||
|
|
||||||
// Add header video class after the video is loaded.
|
|
||||||
$( document ).on( 'wp-custom-header-video-loaded', function() {
|
|
||||||
$body.addClass( 'has-header-video' );
|
|
||||||
});
|
|
||||||
|
|
||||||
})( jQuery );
|
|
||||||
@ -1,326 +0,0 @@
|
|||||||
/**
|
|
||||||
* @preserve HTML5 Shiv 3.7.3 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
|
|
||||||
*/
|
|
||||||
;(function(window, document) {
|
|
||||||
/*jshint evil:true */
|
|
||||||
/** version */
|
|
||||||
var version = '3.7.3';
|
|
||||||
|
|
||||||
/** Preset options */
|
|
||||||
var options = window.html5 || {};
|
|
||||||
|
|
||||||
/** Used to skip problem elements */
|
|
||||||
var reSkip = /^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i;
|
|
||||||
|
|
||||||
/** Not all elements can be cloned in IE **/
|
|
||||||
var saveClones = /^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i;
|
|
||||||
|
|
||||||
/** Detect whether the browser supports default html5 styles */
|
|
||||||
var supportsHtml5Styles;
|
|
||||||
|
|
||||||
/** Name of the expando, to work with multiple documents or to re-shiv one document */
|
|
||||||
var expando = '_html5shiv';
|
|
||||||
|
|
||||||
/** The id for the the documents expando */
|
|
||||||
var expanID = 0;
|
|
||||||
|
|
||||||
/** Cached data for each document */
|
|
||||||
var expandoData = {};
|
|
||||||
|
|
||||||
/** Detect whether the browser supports unknown elements */
|
|
||||||
var supportsUnknownElements;
|
|
||||||
|
|
||||||
(function() {
|
|
||||||
try {
|
|
||||||
var a = document.createElement('a');
|
|
||||||
a.innerHTML = '<xyz></xyz>';
|
|
||||||
//if the hidden property is implemented we can assume, that the browser supports basic HTML5 Styles
|
|
||||||
supportsHtml5Styles = ('hidden' in a);
|
|
||||||
|
|
||||||
supportsUnknownElements = a.childNodes.length == 1 || (function() {
|
|
||||||
// assign a false positive if unable to shiv
|
|
||||||
(document.createElement)('a');
|
|
||||||
var frag = document.createDocumentFragment();
|
|
||||||
return (
|
|
||||||
typeof frag.cloneNode == 'undefined' ||
|
|
||||||
typeof frag.createDocumentFragment == 'undefined' ||
|
|
||||||
typeof frag.createElement == 'undefined'
|
|
||||||
);
|
|
||||||
}());
|
|
||||||
} catch(e) {
|
|
||||||
// assign a false positive if detection fails => unable to shiv
|
|
||||||
supportsHtml5Styles = true;
|
|
||||||
supportsUnknownElements = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
}());
|
|
||||||
|
|
||||||
/*--------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Creates a style sheet with the given CSS text and adds it to the document.
|
|
||||||
* @private
|
|
||||||
* @param {Document} ownerDocument The document.
|
|
||||||
* @param {String} cssText The CSS text.
|
|
||||||
* @returns {StyleSheet} The style element.
|
|
||||||
*/
|
|
||||||
function addStyleSheet(ownerDocument, cssText) {
|
|
||||||
var p = ownerDocument.createElement('p'),
|
|
||||||
parent = ownerDocument.getElementsByTagName('head')[0] || ownerDocument.documentElement;
|
|
||||||
|
|
||||||
p.innerHTML = 'x<style>' + cssText + '</style>';
|
|
||||||
return parent.insertBefore(p.lastChild, parent.firstChild);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Returns the value of `html5.elements` as an array.
|
|
||||||
* @private
|
|
||||||
* @returns {Array} An array of shived element node names.
|
|
||||||
*/
|
|
||||||
function getElements() {
|
|
||||||
var elements = html5.elements;
|
|
||||||
return typeof elements == 'string' ? elements.split(' ') : elements;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Extends the built-in list of html5 elements
|
|
||||||
* @memberOf html5
|
|
||||||
* @param {String|Array} newElements whitespace separated list or array of new element names to shiv
|
|
||||||
* @param {Document} ownerDocument The context document.
|
|
||||||
*/
|
|
||||||
function addElements(newElements, ownerDocument) {
|
|
||||||
var elements = html5.elements;
|
|
||||||
if(typeof elements != 'string'){
|
|
||||||
elements = elements.join(' ');
|
|
||||||
}
|
|
||||||
if(typeof newElements != 'string'){
|
|
||||||
newElements = newElements.join(' ');
|
|
||||||
}
|
|
||||||
html5.elements = elements +' '+ newElements;
|
|
||||||
shivDocument(ownerDocument);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Returns the data associated to the given document
|
|
||||||
* @private
|
|
||||||
* @param {Document} ownerDocument The document.
|
|
||||||
* @returns {Object} An object of data.
|
|
||||||
*/
|
|
||||||
function getExpandoData(ownerDocument) {
|
|
||||||
var data = expandoData[ownerDocument[expando]];
|
|
||||||
if (!data) {
|
|
||||||
data = {};
|
|
||||||
expanID++;
|
|
||||||
ownerDocument[expando] = expanID;
|
|
||||||
expandoData[expanID] = data;
|
|
||||||
}
|
|
||||||
return data;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* returns a shived element for the given nodeName and document
|
|
||||||
* @memberOf html5
|
|
||||||
* @param {String} nodeName name of the element
|
|
||||||
* @param {Document|DocumentFragment} ownerDocument The context document.
|
|
||||||
* @returns {Object} The shived element.
|
|
||||||
*/
|
|
||||||
function createElement(nodeName, ownerDocument, data){
|
|
||||||
if (!ownerDocument) {
|
|
||||||
ownerDocument = document;
|
|
||||||
}
|
|
||||||
if(supportsUnknownElements){
|
|
||||||
return ownerDocument.createElement(nodeName);
|
|
||||||
}
|
|
||||||
if (!data) {
|
|
||||||
data = getExpandoData(ownerDocument);
|
|
||||||
}
|
|
||||||
var node;
|
|
||||||
|
|
||||||
if (data.cache[nodeName]) {
|
|
||||||
node = data.cache[nodeName].cloneNode();
|
|
||||||
} else if (saveClones.test(nodeName)) {
|
|
||||||
node = (data.cache[nodeName] = data.createElem(nodeName)).cloneNode();
|
|
||||||
} else {
|
|
||||||
node = data.createElem(nodeName);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Avoid adding some elements to fragments in IE < 9 because
|
|
||||||
// * Attributes like `name` or `type` cannot be set/changed once an element
|
|
||||||
// is inserted into a document/fragment
|
|
||||||
// * Link elements with `src` attributes that are inaccessible, as with
|
|
||||||
// a 403 response, will cause the tab/window to crash
|
|
||||||
// * Script elements appended to fragments will execute when their `src`
|
|
||||||
// or `text` property is set
|
|
||||||
return node.canHaveChildren && !reSkip.test(nodeName) && !node.tagUrn ? data.frag.appendChild(node) : node;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* returns a shived DocumentFragment for the given document
|
|
||||||
* @memberOf html5
|
|
||||||
* @param {Document} ownerDocument The context document.
|
|
||||||
* @returns {Object} The shived DocumentFragment.
|
|
||||||
*/
|
|
||||||
function createDocumentFragment(ownerDocument, data){
|
|
||||||
if (!ownerDocument) {
|
|
||||||
ownerDocument = document;
|
|
||||||
}
|
|
||||||
if(supportsUnknownElements){
|
|
||||||
return ownerDocument.createDocumentFragment();
|
|
||||||
}
|
|
||||||
data = data || getExpandoData(ownerDocument);
|
|
||||||
var clone = data.frag.cloneNode(),
|
|
||||||
i = 0,
|
|
||||||
elems = getElements(),
|
|
||||||
l = elems.length;
|
|
||||||
for(;i<l;i++){
|
|
||||||
clone.createElement(elems[i]);
|
|
||||||
}
|
|
||||||
return clone;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Shivs the `createElement` and `createDocumentFragment` methods of the document.
|
|
||||||
* @private
|
|
||||||
* @param {Document|DocumentFragment} ownerDocument The document.
|
|
||||||
* @param {Object} data of the document.
|
|
||||||
*/
|
|
||||||
function shivMethods(ownerDocument, data) {
|
|
||||||
if (!data.cache) {
|
|
||||||
data.cache = {};
|
|
||||||
data.createElem = ownerDocument.createElement;
|
|
||||||
data.createFrag = ownerDocument.createDocumentFragment;
|
|
||||||
data.frag = data.createFrag();
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
ownerDocument.createElement = function(nodeName) {
|
|
||||||
//abort shiv
|
|
||||||
if (!html5.shivMethods) {
|
|
||||||
return data.createElem(nodeName);
|
|
||||||
}
|
|
||||||
return createElement(nodeName, ownerDocument, data);
|
|
||||||
};
|
|
||||||
|
|
||||||
ownerDocument.createDocumentFragment = Function('h,f', 'return function(){' +
|
|
||||||
'var n=f.cloneNode(),c=n.createElement;' +
|
|
||||||
'h.shivMethods&&(' +
|
|
||||||
// unroll the `createElement` calls
|
|
||||||
getElements().join().replace(/[\w\-:]+/g, function(nodeName) {
|
|
||||||
data.createElem(nodeName);
|
|
||||||
data.frag.createElement(nodeName);
|
|
||||||
return 'c("' + nodeName + '")';
|
|
||||||
}) +
|
|
||||||
');return n}'
|
|
||||||
)(html5, data.frag);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Shivs the given document.
|
|
||||||
* @memberOf html5
|
|
||||||
* @param {Document} ownerDocument The document to shiv.
|
|
||||||
* @returns {Document} The shived document.
|
|
||||||
*/
|
|
||||||
function shivDocument(ownerDocument) {
|
|
||||||
if (!ownerDocument) {
|
|
||||||
ownerDocument = document;
|
|
||||||
}
|
|
||||||
var data = getExpandoData(ownerDocument);
|
|
||||||
|
|
||||||
if (html5.shivCSS && !supportsHtml5Styles && !data.hasCSS) {
|
|
||||||
data.hasCSS = !!addStyleSheet(ownerDocument,
|
|
||||||
// corrects block display not defined in IE6/7/8/9
|
|
||||||
'article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}' +
|
|
||||||
// adds styling not present in IE6/7/8/9
|
|
||||||
'mark{background:#FF0;color:#000}' +
|
|
||||||
// hides non-rendered elements
|
|
||||||
'template{display:none}'
|
|
||||||
);
|
|
||||||
}
|
|
||||||
if (!supportsUnknownElements) {
|
|
||||||
shivMethods(ownerDocument, data);
|
|
||||||
}
|
|
||||||
return ownerDocument;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The `html5` object is exposed so that more elements can be shived and
|
|
||||||
* existing shiving can be detected on iframes.
|
|
||||||
* @type Object
|
|
||||||
* @example
|
|
||||||
*
|
|
||||||
* // options can be changed before the script is included
|
|
||||||
* html5 = { 'elements': 'mark section', 'shivCSS': false, 'shivMethods': false };
|
|
||||||
*/
|
|
||||||
var html5 = {
|
|
||||||
|
|
||||||
/**
|
|
||||||
* An array or space separated string of node names of the elements to shiv.
|
|
||||||
* @memberOf html5
|
|
||||||
* @type Array|String
|
|
||||||
*/
|
|
||||||
'elements': options.elements || 'abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output picture progress section summary template time video',
|
|
||||||
|
|
||||||
/**
|
|
||||||
* current version of html5shiv
|
|
||||||
*/
|
|
||||||
'version': version,
|
|
||||||
|
|
||||||
/**
|
|
||||||
* A flag to indicate that the HTML5 style sheet should be inserted.
|
|
||||||
* @memberOf html5
|
|
||||||
* @type Boolean
|
|
||||||
*/
|
|
||||||
'shivCSS': (options.shivCSS !== false),
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Is equal to true if a browser supports creating unknown/HTML5 elements
|
|
||||||
* @memberOf html5
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
'supportsUnknownElements': supportsUnknownElements,
|
|
||||||
|
|
||||||
/**
|
|
||||||
* A flag to indicate that the document's `createElement` and `createDocumentFragment`
|
|
||||||
* methods should be overwritten.
|
|
||||||
* @memberOf html5
|
|
||||||
* @type Boolean
|
|
||||||
*/
|
|
||||||
'shivMethods': (options.shivMethods !== false),
|
|
||||||
|
|
||||||
/**
|
|
||||||
* A string to describe the type of `html5` object ("default" or "default print").
|
|
||||||
* @memberOf html5
|
|
||||||
* @type String
|
|
||||||
*/
|
|
||||||
'type': 'default',
|
|
||||||
|
|
||||||
// shivs the document according to the specified `html5` object options
|
|
||||||
'shivDocument': shivDocument,
|
|
||||||
|
|
||||||
//creates a shived element
|
|
||||||
createElement: createElement,
|
|
||||||
|
|
||||||
//creates a shived documentFragment
|
|
||||||
createDocumentFragment: createDocumentFragment,
|
|
||||||
|
|
||||||
//extends list of elements
|
|
||||||
addElements: addElements
|
|
||||||
};
|
|
||||||
|
|
||||||
/*--------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
// expose html5
|
|
||||||
window.html5 = html5;
|
|
||||||
|
|
||||||
// shiv the document
|
|
||||||
shivDocument(document);
|
|
||||||
|
|
||||||
if(typeof module == 'object' && module.exports){
|
|
||||||
module.exports = html5;
|
|
||||||
}
|
|
||||||
|
|
||||||
}(typeof window !== "undefined" ? window : this, document));
|
|
||||||
@ -1,209 +0,0 @@
|
|||||||
/*!
|
|
||||||
* jQuery.scrollTo
|
|
||||||
* Copyright (c) 2007-2015 Ariel Flesler - aflesler<a>gmail<d>com | http://flesler.blogspot.com
|
|
||||||
* Licensed under MIT
|
|
||||||
* http://flesler.blogspot.com/2007/10/jqueryscrollto.html
|
|
||||||
* @projectDescription Lightweight, cross-browser and highly customizable animated scrolling with jQuery
|
|
||||||
* @author Ariel Flesler
|
|
||||||
* @version 2.1.2
|
|
||||||
*/
|
|
||||||
;(function(factory) {
|
|
||||||
'use strict';
|
|
||||||
if (typeof define === 'function' && define.amd) {
|
|
||||||
// AMD
|
|
||||||
define( ['jquery'], factory );
|
|
||||||
} else if (typeof module !== 'undefined' && module.exports) {
|
|
||||||
// CommonJS
|
|
||||||
module.exports = factory( require( 'jquery' ) );
|
|
||||||
} else {
|
|
||||||
// Global
|
|
||||||
factory( jQuery );
|
|
||||||
}
|
|
||||||
})(function($) {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
var $scrollTo = $.scrollTo = function(target, duration, settings) {
|
|
||||||
return $( window ).scrollTo( target, duration, settings );
|
|
||||||
};
|
|
||||||
|
|
||||||
$scrollTo.defaults = {
|
|
||||||
axis:'xy',
|
|
||||||
duration: 0,
|
|
||||||
limit:true
|
|
||||||
};
|
|
||||||
|
|
||||||
function isWin(elem) {
|
|
||||||
return ! elem.nodeName ||
|
|
||||||
$.inArray( elem.nodeName.toLowerCase(), ['iframe','#document','html','body'] ) !== -1;
|
|
||||||
}
|
|
||||||
|
|
||||||
$.fn.scrollTo = function(target, duration, settings) {
|
|
||||||
if (typeof duration === 'object') {
|
|
||||||
settings = duration;
|
|
||||||
duration = 0;
|
|
||||||
}
|
|
||||||
if (typeof settings === 'function') {
|
|
||||||
settings = { onAfter:settings };
|
|
||||||
}
|
|
||||||
if (target === 'max') {
|
|
||||||
target = 9e9;
|
|
||||||
}
|
|
||||||
|
|
||||||
settings = $.extend( {}, $scrollTo.defaults, settings );
|
|
||||||
// Speed is still recognized for backwards compatibility
|
|
||||||
duration = duration || settings.duration;
|
|
||||||
// Make sure the settings are given right
|
|
||||||
var queue = settings.queue && settings.axis.length > 1;
|
|
||||||
if (queue) {
|
|
||||||
// Let's keep the overall duration
|
|
||||||
duration /= 2;
|
|
||||||
}
|
|
||||||
settings.offset = both( settings.offset );
|
|
||||||
settings.over = both( settings.over );
|
|
||||||
|
|
||||||
return this.each(function() {
|
|
||||||
// Null target yields nothing, just like jQuery does
|
|
||||||
if (target === null) { return; }
|
|
||||||
|
|
||||||
var win = isWin( this ),
|
|
||||||
elem = win ? this.contentWindow || window : this,
|
|
||||||
$elem = $( elem ),
|
|
||||||
targ = target,
|
|
||||||
attr = {},
|
|
||||||
toff;
|
|
||||||
|
|
||||||
switch (typeof targ) {
|
|
||||||
// A number will pass the regex
|
|
||||||
case 'number':
|
|
||||||
case 'string':
|
|
||||||
if (/^([+-]=?)?\d+(\.\d+)?(px|%)?$/.test( targ )) {
|
|
||||||
targ = both( targ );
|
|
||||||
// We are done
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
// Relative/Absolute selector
|
|
||||||
targ = win ? $( targ ) : $( targ, elem );
|
|
||||||
/* falls through */
|
|
||||||
case 'object':
|
|
||||||
if (targ.length === 0) { return; }
|
|
||||||
// DOMElement / jQuery
|
|
||||||
if (targ.is || targ.style) {
|
|
||||||
// Get the real position of the target
|
|
||||||
toff = (targ = $( targ )).offset();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
var offset = $.isFunction( settings.offset ) && settings.offset( elem, targ ) || settings.offset;
|
|
||||||
|
|
||||||
$.each(settings.axis.split( '' ), function(i, axis) {
|
|
||||||
var Pos = axis === 'x' ? 'Left' : 'Top',
|
|
||||||
pos = Pos.toLowerCase(),
|
|
||||||
key = 'scroll' + Pos,
|
|
||||||
prev = $elem[key](),
|
|
||||||
max = $scrollTo.max( elem, axis );
|
|
||||||
|
|
||||||
if (toff) {// jQuery / DOMElement
|
|
||||||
attr[key] = toff[pos] + (win ? 0 : prev - $elem.offset()[pos]);
|
|
||||||
|
|
||||||
// If it's a dom element, reduce the margin
|
|
||||||
if (settings.margin) {
|
|
||||||
attr[key] -= parseInt( targ.css( 'margin' + Pos ), 10 ) || 0;
|
|
||||||
attr[key] -= parseInt( targ.css( 'border' + Pos + 'Width' ), 10 ) || 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
attr[key] += offset[pos] || 0;
|
|
||||||
|
|
||||||
if (settings.over[pos]) {
|
|
||||||
// Scroll to a fraction of its width/height
|
|
||||||
attr[key] += targ[axis === 'x'?'width':'height']() * settings.over[pos];
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
var val = targ[pos];
|
|
||||||
// Handle percentage values
|
|
||||||
attr[key] = val.slice && val.slice( -1 ) === '%' ?
|
|
||||||
parseFloat( val ) / 100 * max
|
|
||||||
: val;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Number or 'number'
|
|
||||||
if (settings.limit && /^\d+$/.test( attr[key] )) {
|
|
||||||
// Check the limits
|
|
||||||
attr[key] = attr[key] <= 0 ? 0 : Math.min( attr[key], max );
|
|
||||||
}
|
|
||||||
|
|
||||||
// Don't waste time animating, if there's no need.
|
|
||||||
if ( ! i && settings.axis.length > 1) {
|
|
||||||
if (prev === attr[key]) {
|
|
||||||
// No animation needed
|
|
||||||
attr = {};
|
|
||||||
} else if (queue) {
|
|
||||||
// Intermediate animation
|
|
||||||
animate( settings.onAfterFirst );
|
|
||||||
// Don't animate this axis again in the next iteration.
|
|
||||||
attr = {};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
animate( settings.onAfter );
|
|
||||||
|
|
||||||
function animate(callback) {
|
|
||||||
var opts = $.extend({}, settings, {
|
|
||||||
// The queue setting conflicts with animate()
|
|
||||||
// Force it to always be true
|
|
||||||
queue: true,
|
|
||||||
duration: duration,
|
|
||||||
complete: callback && function() {
|
|
||||||
callback.call( elem, targ, settings );
|
|
||||||
}
|
|
||||||
});
|
|
||||||
$elem.animate( attr, opts );
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
// Max scrolling position, works on quirks mode
|
|
||||||
// It only fails (not too badly) on IE, quirks mode.
|
|
||||||
$scrollTo.max = function(elem, axis) {
|
|
||||||
var Dim = axis === 'x' ? 'Width' : 'Height',
|
|
||||||
scroll = 'scroll' + Dim;
|
|
||||||
|
|
||||||
if ( ! isWin( elem )) {
|
|
||||||
return elem[scroll] - $( elem )[Dim.toLowerCase()](); }
|
|
||||||
|
|
||||||
var size = 'client' + Dim,
|
|
||||||
doc = elem.ownerDocument || elem.document,
|
|
||||||
html = doc.documentElement,
|
|
||||||
body = doc.body;
|
|
||||||
|
|
||||||
return Math.max( html[scroll], body[scroll] ) - Math.min( html[size], body[size] );
|
|
||||||
};
|
|
||||||
|
|
||||||
function both(val) {
|
|
||||||
return $.isFunction( val ) || $.isPlainObject( val ) ? val : { top:val, left:val };
|
|
||||||
}
|
|
||||||
|
|
||||||
// Add special hooks so that window scroll properties can be animated
|
|
||||||
$.Tween.propHooks.scrollLeft = $.Tween.propHooks.scrollTop = {
|
|
||||||
get: function(t) {
|
|
||||||
return $( t.elem )[t.prop]();
|
|
||||||
},
|
|
||||||
set: function(t) {
|
|
||||||
var curr = this.get( t );
|
|
||||||
// If interrupt is true and user scrolled, stop animating
|
|
||||||
if (t.options.interrupt && t._last && t._last !== curr) {
|
|
||||||
return $( t.elem ).stop();
|
|
||||||
}
|
|
||||||
var next = Math.round( t.now );
|
|
||||||
// Don't waste CPU
|
|
||||||
// Browsers don't render floating point scroll
|
|
||||||
if (curr !== next) {
|
|
||||||
$( t.elem )[t.prop](next);
|
|
||||||
t._last = this.get( t );
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// AMD requirement
|
|
||||||
return $scrollTo;
|
|
||||||
});
|
|
||||||
@ -1,109 +0,0 @@
|
|||||||
/* global twentyseventeenScreenReaderText */
|
|
||||||
/**
|
|
||||||
* Theme functions file.
|
|
||||||
*
|
|
||||||
* Contains handlers for navigation and widget area.
|
|
||||||
*/
|
|
||||||
|
|
||||||
(function( $ ) {
|
|
||||||
var masthead, menuToggle, siteNavContain, siteNavigation;
|
|
||||||
|
|
||||||
function initMainNavigation( container ) {
|
|
||||||
|
|
||||||
// Add dropdown toggle that displays child menu items.
|
|
||||||
var dropdownToggle = $( '<button />', { 'class': 'dropdown-toggle', 'aria-expanded': false })
|
|
||||||
.append( twentyseventeenScreenReaderText.icon )
|
|
||||||
.append( $( '<span />', { 'class': 'screen-reader-text', text: twentyseventeenScreenReaderText.expand }) );
|
|
||||||
|
|
||||||
container.find( '.menu-item-has-children > a, .page_item_has_children > a' ).after( dropdownToggle );
|
|
||||||
|
|
||||||
// Set the active submenu dropdown toggle button initial state.
|
|
||||||
container.find( '.current-menu-ancestor > button' )
|
|
||||||
.addClass( 'toggled-on' )
|
|
||||||
.attr( 'aria-expanded', 'true' )
|
|
||||||
.find( '.screen-reader-text' )
|
|
||||||
.text( twentyseventeenScreenReaderText.collapse );
|
|
||||||
// Set the active submenu initial state.
|
|
||||||
container.find( '.current-menu-ancestor > .sub-menu' ).addClass( 'toggled-on' );
|
|
||||||
|
|
||||||
container.find( '.dropdown-toggle' ).click( function( e ) {
|
|
||||||
var _this = $( this ),
|
|
||||||
screenReaderSpan = _this.find( '.screen-reader-text' );
|
|
||||||
|
|
||||||
e.preventDefault();
|
|
||||||
_this.toggleClass( 'toggled-on' );
|
|
||||||
_this.next( '.children, .sub-menu' ).toggleClass( 'toggled-on' );
|
|
||||||
|
|
||||||
_this.attr( 'aria-expanded', _this.attr( 'aria-expanded' ) === 'false' ? 'true' : 'false' );
|
|
||||||
|
|
||||||
screenReaderSpan.text( screenReaderSpan.text() === twentyseventeenScreenReaderText.expand ? twentyseventeenScreenReaderText.collapse : twentyseventeenScreenReaderText.expand );
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
initMainNavigation( $( '.main-navigation' ) );
|
|
||||||
|
|
||||||
masthead = $( '#masthead' );
|
|
||||||
menuToggle = masthead.find( '.menu-toggle' );
|
|
||||||
siteNavContain = masthead.find( '.main-navigation' );
|
|
||||||
siteNavigation = masthead.find( '.main-navigation > div > ul' );
|
|
||||||
|
|
||||||
// Enable menuToggle.
|
|
||||||
(function() {
|
|
||||||
|
|
||||||
// Return early if menuToggle is missing.
|
|
||||||
if ( ! menuToggle.length ) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Add an initial value for the attribute.
|
|
||||||
menuToggle.attr( 'aria-expanded', 'false' );
|
|
||||||
|
|
||||||
menuToggle.on( 'click.twentyseventeen', function() {
|
|
||||||
siteNavContain.toggleClass( 'toggled-on' );
|
|
||||||
|
|
||||||
$( this ).attr( 'aria-expanded', siteNavContain.hasClass( 'toggled-on' ) );
|
|
||||||
});
|
|
||||||
})();
|
|
||||||
|
|
||||||
// Fix sub-menus for touch devices and better focus for hidden submenu items for accessibility.
|
|
||||||
(function() {
|
|
||||||
if ( ! siteNavigation.length || ! siteNavigation.children().length ) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Toggle `focus` class to allow submenu access on tablets.
|
|
||||||
function toggleFocusClassTouchScreen() {
|
|
||||||
if ( 'none' === $( '.menu-toggle' ).css( 'display' ) ) {
|
|
||||||
|
|
||||||
$( document.body ).on( 'touchstart.twentyseventeen', function( e ) {
|
|
||||||
if ( ! $( e.target ).closest( '.main-navigation li' ).length ) {
|
|
||||||
$( '.main-navigation li' ).removeClass( 'focus' );
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
siteNavigation.find( '.menu-item-has-children > a, .page_item_has_children > a' )
|
|
||||||
.on( 'touchstart.twentyseventeen', function( e ) {
|
|
||||||
var el = $( this ).parent( 'li' );
|
|
||||||
|
|
||||||
if ( ! el.hasClass( 'focus' ) ) {
|
|
||||||
e.preventDefault();
|
|
||||||
el.toggleClass( 'focus' );
|
|
||||||
el.siblings( '.focus' ).removeClass( 'focus' );
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
} else {
|
|
||||||
siteNavigation.find( '.menu-item-has-children > a, .page_item_has_children > a' ).unbind( 'touchstart.twentyseventeen' );
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if ( 'ontouchstart' in window ) {
|
|
||||||
$( window ).on( 'resize.twentyseventeen', toggleFocusClassTouchScreen );
|
|
||||||
toggleFocusClassTouchScreen();
|
|
||||||
}
|
|
||||||
|
|
||||||
siteNavigation.find( 'a' ).on( 'focus.twentyseventeen blur.twentyseventeen', function() {
|
|
||||||
$( this ).parents( '.menu-item, .page_item' ).toggleClass( 'focus' );
|
|
||||||
});
|
|
||||||
})();
|
|
||||||
})( jQuery );
|
|
||||||
@ -1,31 +0,0 @@
|
|||||||
/**
|
|
||||||
* File skip-link-focus-fix.js.
|
|
||||||
*
|
|
||||||
* Helps with accessibility for keyboard only users.
|
|
||||||
*
|
|
||||||
* Learn more: https://git.io/vWdr2
|
|
||||||
*/
|
|
||||||
(function() {
|
|
||||||
var isIe = /(trident|msie)/i.test( navigator.userAgent );
|
|
||||||
|
|
||||||
if ( isIe && document.getElementById && window.addEventListener ) {
|
|
||||||
window.addEventListener( 'hashchange', function() {
|
|
||||||
var id = location.hash.substring( 1 ),
|
|
||||||
element;
|
|
||||||
|
|
||||||
if ( ! ( /^[A-z0-9_-]+$/.test( id ) ) ) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
element = document.getElementById( id );
|
|
||||||
|
|
||||||
if ( element ) {
|
|
||||||
if ( ! ( /^(?:a|select|input|button|textarea)$/i.test( element.tagName ) ) ) {
|
|
||||||
element.tabIndex = -1;
|
|
||||||
}
|
|
||||||
|
|
||||||
element.focus();
|
|
||||||
}
|
|
||||||
}, false );
|
|
||||||
}
|
|
||||||
})();
|
|
||||||
@ -1,89 +0,0 @@
|
|||||||
<?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 -->
|
|
||||||
@ -1,51 +0,0 @@
|
|||||||
<?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>
|
|
||||||
@ -1,59 +0,0 @@
|
|||||||
<?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();
|
|
||||||
@ -1,676 +0,0 @@
|
|||||||
<?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';
|
|
||||||
@ -1,58 +0,0 @@
|
|||||||
<?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">
|
|
||||||
@ -1,76 +0,0 @@
|
|||||||
<?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' );
|
|
||||||
@ -1,199 +0,0 @@
|
|||||||
<?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 -->',
|
|
||||||
)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -1,580 +0,0 @@
|
|||||||
<?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 );
|
|
||||||
}
|
|
||||||
@ -1,131 +0,0 @@
|
|||||||
<?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' );
|
|
||||||
@ -1,251 +0,0 @@
|
|||||||
<?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' );
|
|
||||||
@ -1,223 +0,0 @@
|
|||||||
<?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 );
|
|
||||||
}
|
|
||||||
@ -1,102 +0,0 @@
|
|||||||
<?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() );
|
|
||||||
}
|
|
||||||
@ -1,226 +0,0 @@
|
|||||||
<?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;
|
|
||||||
@ -1,72 +0,0 @@
|
|||||||
<?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();
|
|
||||||
@ -1,43 +0,0 @@
|
|||||||
<?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();
|
|
||||||
@ -1,149 +0,0 @@
|
|||||||
=== Twenty Seventeen ===
|
|
||||||
Contributors: wordpressdotorg
|
|
||||||
Tested up to: 5.6
|
|
||||||
Version: 2.5
|
|
||||||
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, block-patterns
|
|
||||||
|
|
||||||
== 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.
|
|
||||||
|
|
||||||
For more information about Twenty Seventeen please go to https://wordpress.org/support/article/twenty-seventeen/.
|
|
||||||
|
|
||||||
== Installation ==
|
|
||||||
|
|
||||||
1. In your admin panel, go to Appearance -> Themes and click the 'Add New' button.
|
|
||||||
2. Type in Twenty Seventeen in the search form and press the 'Enter' key on your keyboard.
|
|
||||||
3. Click on the 'Activate' button to use your new theme right away.
|
|
||||||
4. Go to https://wordpress.org/support/article/twenty-seventeen/ for a guide on how to customize this theme.
|
|
||||||
5. Navigate to Appearance > Customize in your admin panel and customize to taste.
|
|
||||||
|
|
||||||
== Copyright ==
|
|
||||||
|
|
||||||
Twenty Seventeen WordPress Theme, Copyright 2016-2020 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
|
|
||||||
it under the terms of the GNU General Public License as published by
|
|
||||||
the Free Software Foundation, either version 2 of the License, or
|
|
||||||
(at your option) any later version.
|
|
||||||
|
|
||||||
This program is distributed in the hope that it will be useful,
|
|
||||||
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
||||||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
||||||
GNU General Public License for more details.
|
|
||||||
|
|
||||||
Twenty Seventeen bundles the following third-party resources:
|
|
||||||
|
|
||||||
HTML5 Shiv, Copyright 2014 Alexander Farkas
|
|
||||||
Licenses: MIT/GPL2
|
|
||||||
Source: https://github.com/aFarkas/html5shiv
|
|
||||||
|
|
||||||
jQuery scrollTo, Copyright 2007-2015 Ariel Flesler
|
|
||||||
License: MIT
|
|
||||||
Source: https://github.com/flesler/jquery.scrollTo
|
|
||||||
|
|
||||||
normalize.css, Copyright 2012-2016 Nicolas Gallagher and Jonathan Neal
|
|
||||||
License: MIT
|
|
||||||
Source: https://necolas.github.io/normalize.css/
|
|
||||||
|
|
||||||
Font Awesome icons, Copyright Dave Gandy
|
|
||||||
License: SIL Open Font License, version 1.1.
|
|
||||||
Source: http://fontawesome.io/
|
|
||||||
|
|
||||||
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.5 =
|
|
||||||
* Released: December 8, 2020
|
|
||||||
|
|
||||||
https://codex.wordpress.org/Twenty_Seventeen_Theme_Changelog#Version_2.5
|
|
||||||
|
|
||||||
= 2.4 =
|
|
||||||
* Released: August 11, 2020
|
|
||||||
|
|
||||||
https://codex.wordpress.org/Twenty_Seventeen_Theme_Changelog#Version_2.4
|
|
||||||
|
|
||||||
= 2.3 =
|
|
||||||
* Released: March 31, 2020
|
|
||||||
|
|
||||||
https://codex.wordpress.org/Twenty_Seventeen_Theme_Changelog#Version_2.3
|
|
||||||
|
|
||||||
= 2.2 =
|
|
||||||
* Released: May 7, 2019
|
|
||||||
|
|
||||||
https://codex.wordpress.org/Twenty_Seventeen_Theme_Changelog#Version_2.2
|
|
||||||
|
|
||||||
= 2.1 =
|
|
||||||
* Released: February 21, 2019
|
|
||||||
|
|
||||||
https://codex.wordpress.org/Twenty_Seventeen_Theme_Changelog#Version_2.1
|
|
||||||
|
|
||||||
= 2.0 =
|
|
||||||
* Released: January 9, 2019
|
|
||||||
|
|
||||||
https://codex.wordpress.org/Twenty_Seventeen_Theme_Changelog#Version_2.0
|
|
||||||
|
|
||||||
= 1.9 =
|
|
||||||
* Released: December 19, 2018
|
|
||||||
|
|
||||||
https://codex.wordpress.org/Twenty_Seventeen_Theme_Changelog#Version_1.9
|
|
||||||
|
|
||||||
= 1.8 =
|
|
||||||
* Released: December 6, 2018
|
|
||||||
|
|
||||||
https://codex.wordpress.org/Twenty_Seventeen_Theme_Changelog#Version_1.8
|
|
||||||
|
|
||||||
= 1.7 =
|
|
||||||
* Released: August 2, 2018
|
|
||||||
|
|
||||||
https://codex.wordpress.org/Twenty_Seventeen_Theme_Changelog#Version_1.7
|
|
||||||
|
|
||||||
= 1.6 =
|
|
||||||
* Released: May 17, 2018
|
|
||||||
|
|
||||||
https://codex.wordpress.org/Twenty_Seventeen_Theme_Changelog#Version_1.6
|
|
||||||
|
|
||||||
= 1.5 =
|
|
||||||
* Released: April 4, 2018
|
|
||||||
|
|
||||||
https://codex.wordpress.org/Twenty_Seventeen_Theme_Changelog#Version_1.5
|
|
||||||
|
|
||||||
= 1.4 =
|
|
||||||
* Released: November 14, 2017
|
|
||||||
|
|
||||||
https://codex.wordpress.org/Twenty_Seventeen_Theme_Changelog#Version_1.4
|
|
||||||
|
|
||||||
= 1.3 =
|
|
||||||
* Released: June 8, 2017
|
|
||||||
|
|
||||||
https://codex.wordpress.org/Twenty_Seventeen_Theme_Changelog#Version_1.3
|
|
||||||
|
|
||||||
= 1.2 =
|
|
||||||
* Released: April 18, 2017
|
|
||||||
|
|
||||||
https://codex.wordpress.org/Twenty_Seventeen_Theme_Changelog#Version_1.2
|
|
||||||
|
|
||||||
= 1.1 =
|
|
||||||
* Released: January 6, 2017
|
|
||||||
|
|
||||||
https://codex.wordpress.org/Twenty_Seventeen_Theme_Changelog#Version_1.1
|
|
||||||
|
|
||||||
= 1.0 =
|
|
||||||
* Released: December 6, 2016
|
|
||||||
|
|
||||||
Initial release
|
|
||||||
@ -1,556 +0,0 @@
|
|||||||
/*
|
|
||||||
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%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 355 KiB |
@ -1,72 +0,0 @@
|
|||||||
<?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();
|
|
||||||
@ -1,21 +0,0 @@
|
|||||||
<?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>
|
|
||||||
@ -1,20 +0,0 @@
|
|||||||
<?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 -->
|
|
||||||
@ -1,47 +0,0 @@
|
|||||||
<?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();
|
|
||||||
File diff suppressed because it is too large
Load Diff
@ -1,35 +0,0 @@
|
|||||||
<?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; ?>
|
|
||||||
@ -1,24 +0,0 @@
|
|||||||
<?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 -->
|
|
||||||
@ -1,20 +0,0 @@
|
|||||||
<?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 -->
|
|
||||||
@ -1,38 +0,0 @@
|
|||||||
<?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 -->
|
|
||||||
@ -1,33 +0,0 @@
|
|||||||
<?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 -->
|
|
||||||
@ -1,87 +0,0 @@
|
|||||||
<?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(); ?> -->
|
|
||||||
@ -1,58 +0,0 @@
|
|||||||
<?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(); ?> -->
|
|
||||||
@ -1,32 +0,0 @@
|
|||||||
<?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(); ?> -->
|
|
||||||
@ -1,109 +0,0 @@
|
|||||||
<?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(); ?> -->
|
|
||||||
@ -1,48 +0,0 @@
|
|||||||
<?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(); ?> -->
|
|
||||||
@ -1,96 +0,0 @@
|
|||||||
<?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(); ?> -->
|
|
||||||
@ -1,86 +0,0 @@
|
|||||||
<?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(); ?> -->
|
|
||||||
@ -1,40 +0,0 @@
|
|||||||
<?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 -->
|
|
||||||
@ -1,107 +0,0 @@
|
|||||||
<?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(); ?> -->
|
|
||||||
@ -1,79 +0,0 @@
|
|||||||
<?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(); ?> -->
|
|
||||||
Loading…
Reference in New Issue
Block a user