mirror of
https://github.com/woocommerce/storefront.git
synced 2025-08-21 04:11:59 +08:00
Accessibility
This commit is contained in:
James Koster
parent
f0d25e0cab
commit
68d4269bbe
24 changed files with 172 additions and 133 deletions
|
|
@ -1,6 +1,7 @@
|
|||
# Storefront Changelog
|
||||
|
||||
### *2015.03.02* - 1.3.2
|
||||
### *2015.03.02* - 1.4.0
|
||||
* **New** - Many accessibility improvements.
|
||||
* **Fix** - Header margin when WooCommerce isn't activated.
|
||||
* **Fix** - Subscription payment form layout.
|
||||
* **Tweak** - Pagination now clears content.
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
|
||||
<?php do_action( 'storefront_before_footer' ); ?>
|
||||
|
||||
<footer id="colophon" class="site-footer" role="contentinfo">
|
||||
<footer id="colophon" class="site-footer" role="content-info">
|
||||
<div class="col-full">
|
||||
|
||||
<?php
|
||||
|
|
|
|||
|
|
@ -19,6 +19,7 @@
|
|||
|
||||
<body <?php body_class(); ?>>
|
||||
<div id="page" class="hfeed site">
|
||||
<a class="skip-link screen-reader-text" href="#site-navigation"><?php _e( 'Skip to navigation', 'storefront' ); ?></a>
|
||||
<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'storefront' ); ?></a>
|
||||
|
||||
<?php
|
||||
|
|
@ -47,7 +48,7 @@
|
|||
*/
|
||||
do_action( 'storefront_before_content' ); ?>
|
||||
|
||||
<div id="content" class="site-content">
|
||||
<div id="content" class="site-content" tabindex="-1">
|
||||
<div class="col-full">
|
||||
|
||||
<?php
|
||||
|
|
|
|||
|
|
@ -97,7 +97,7 @@ class Storefront_Welcome {
|
|||
</div>
|
||||
|
||||
<div class="col-2 last-feature">
|
||||
<img src="<?php echo esc_url( get_template_directory_uri() ) . '/screenshot.png'; ?>" class="image-50" width="440" />
|
||||
<img src="<?php echo esc_url( get_template_directory_uri() ) . '/screenshot.png'; ?>" alt="Storefront" class="image-50" width="440" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -113,7 +113,7 @@ class Storefront_Welcome {
|
|||
?>
|
||||
<div class="feature-section col three-col" style="margin-bottom: 1.618em; padding-top: 1.618em; overflow: hidden;">
|
||||
<div class="col-1">
|
||||
<img src="<?php echo esc_url( get_template_directory_uri() ) . '/images/welcome/woothemes.png'; ?>" class="image-50" width="440" />
|
||||
<img src="<?php echo esc_url( get_template_directory_uri() ) . '/images/welcome/woothemes.png'; ?>" alt="<?php _e( 'The Woo Team', 'storefront' ); ?>" class="image-50" width="440" />
|
||||
<h4><?php _e( 'Who are WooThemes?', 'storefront' ); ?></h4>
|
||||
<p><?php _e( 'WooCommerce creators WooThemes is an international team of WordPress superstars building products for a passionate community of hundreds of thousands of users.', 'storefront' ); ?></p>
|
||||
<p><a href="http://woothemes.com" class="button"><?php _e( 'Visit WooThemes', 'storefront' ); ?></a></p>
|
||||
|
|
@ -122,7 +122,7 @@ class Storefront_Welcome {
|
|||
<?php if ( ! class_exists( 'WooCommerce' ) ) { ?>
|
||||
|
||||
<div class="col-2">
|
||||
<img src="<?php echo esc_url( get_template_directory_uri() ) . '/images/welcome/woocommerce.png'; ?>" class="image-50" width="440" />
|
||||
<img src="<?php echo esc_url( get_template_directory_uri() ) . '/images/welcome/woocommerce.png'; ?>" alt="<?php _e( 'WooCommerce logo', 'storefront' ); ?>" class="image-50" width="440" />
|
||||
<h4><?php _e( 'What is WooCommerce?', 'storefront' ); ?></h4>
|
||||
<p><?php _e( 'WooCommerce is the most popular WordPress eCommerce plugin. Packed full of intuitive features and surrounded by a thriving community - it\'s the perfect solution for building an online store with WordPress.', 'storefront' ); ?></p>
|
||||
<p><a href="<?php echo esc_url( wp_nonce_url( self_admin_url( 'update.php?action=install-plugin&plugin=woocommerce' ), 'install-plugin_woocommerce' ) ); ?>" class="button button-primary"><?php _e( 'Download & Install WooCommerce', 'storefront' ); ?></a></p>
|
||||
|
|
@ -132,7 +132,7 @@ class Storefront_Welcome {
|
|||
<?php } ?>
|
||||
|
||||
<div class="col-3 last-feature">
|
||||
<img src="<?php echo esc_url( get_template_directory_uri() ) . '/images/welcome/github.png'; ?>" class="image-50" width="440" />
|
||||
<img src="<?php echo esc_url( get_template_directory_uri() ) . '/images/welcome/github.png'; ?>" alt="<?php _e( 'Can I contribute to Storefront?', 'storefront' ); ?>" class="image-50" width="440" />
|
||||
<h4><?php _e( 'Can I Contribute?', 'storefront' ); ?></h4>
|
||||
<p><?php _e( 'Found a bug? Want to contribute a patch or create a new feature? GitHub is the place to go! Or would you like to translate Storefront in to your language? Get involved at Transifex.', 'storefront' ); ?></p>
|
||||
<p><a href="http://github.com/woothemes/storefront/" class="button"><?php _e( 'Storefront at GitHub', 'storefront' ); ?></a> <a href="https://www.transifex.com/projects/p/storefront-1/" class="button"><?php _e( 'Storefront at Transifex', 'storefront' ); ?></a></p>
|
||||
|
|
@ -223,40 +223,40 @@ class Storefront_Welcome {
|
|||
|
||||
<div class="col-1">
|
||||
<h4><?php _e( 'Storefront Extensions', 'storefront' ); ?></h4>
|
||||
<img src="<?php echo esc_url( get_template_directory_uri() ) . '/images/welcome/designer.jpg'; ?>" class="image-50" width="440" />
|
||||
<img src="<?php echo esc_url( get_template_directory_uri() ) . '/images/welcome/designer.jpg'; ?>" alt="<?php _e( 'Storefront Designer', 'storefront' ); ?>" class="image-50" width="440" />
|
||||
<h4><?php _e( 'Storefront Designer', 'storefront' ); ?></h4>
|
||||
<p><?php _e( 'Adds a bunch of additional appearance settings allowing you to further tweak and perfect your Storefront design by changing the header layout, button styles, typographical schemes/scales and more.', 'storefront' ); ?></p>
|
||||
<p style="margin-bottom: 2.618em;"><a href="https://www.woothemes.com/products/storefront-designer?utm_source=product&utm_medium=upsell&utm_campaign=storefrontaddons" class="button"><?php _e( 'Buy now', 'storefront' ); ?></a></p>
|
||||
<p style="margin-bottom: 2.618em;"><a href="https://www.woothemes.com/products/storefront-designer?utm_source=product&utm_medium=upsell&utm_campaign=storefrontaddons" class="button"><?php printf( __( 'Buy %sStorefront Designer%s now', 'storefront' ), '<span class="screen-reader-text">', '</span>' ); ?></a></p>
|
||||
|
||||
<img src="<?php echo esc_url( get_template_directory_uri() ) . '/images/welcome/wc-customiser.png'; ?>" class="image-50" width="440" />
|
||||
<img src="<?php echo esc_url( get_template_directory_uri() ) . '/images/welcome/wc-customiser.png'; ?>" alt="<?php _e( 'Storefront WooCommerce Customiser', 'storefront' ); ?>" class="image-50" width="440" />
|
||||
<h4><?php _e( 'Storefront WooCommerce Customiser', 'storefront' ); ?></h4>
|
||||
<p><?php _e( 'Gives you further control over the look and feel of your shop. Change the product archive and single layouts, toggle various shop components, enable a distraction free checkout design and more.', 'storefront' ); ?></p>
|
||||
<p style="margin-bottom: 2.618em;"><a href="https://www.woothemes.com/products/storefront-woocommerce-customiser?utm_source=product&utm_medium=upsell&utm_campaign=storefrontaddons" class="button"><?php _e( 'Buy now', 'storefront' ); ?></a></p>
|
||||
<p style="margin-bottom: 2.618em;"><a href="https://www.woothemes.com/products/storefront-woocommerce-customiser?utm_source=product&utm_medium=upsell&utm_campaign=storefrontaddons" class="button"><?php printf( __( 'Buy %sStorefront WooCommerce Customiser%s now', 'storefront' ), '<span class="screen-reader-text">', '</span>' ); ?></a></p>
|
||||
|
||||
<img src="<?php echo esc_url( get_template_directory_uri() ) . '/images/welcome/hero.png'; ?>" class="image-50" width="440" />
|
||||
<img src="<?php echo esc_url( get_template_directory_uri() ) . '/images/welcome/hero.png'; ?>" alt="<?php _e( 'Storefront Parallax Hero', 'storefront' ); ?>" class="image-50" width="440" />
|
||||
<h4><?php _e( 'Storefront Parallax Hero', 'storefront' ); ?></h4>
|
||||
<p><?php _e( 'Adds a parallax hero component to your homepage. Easily change the colors / copy and give your visitors a warm welcome!', 'storefront' ); ?></p>
|
||||
<p style="margin-bottom: 2.618em;"><a href="https://www.woothemes.com/products/storefront-parallax-hero?utm_source=product&utm_medium=upsell&utm_campaign=storefrontaddons" class="button"><?php _e( 'Buy now', 'storefront' ); ?></a></p>
|
||||
<p style="margin-bottom: 2.618em;"><a href="https://www.woothemes.com/products/storefront-parallax-hero?utm_source=product&utm_medium=upsell&utm_campaign=storefrontaddons" class="button"><?php printf( __( 'Buy %sStorefront Parallax Hero%s now', 'storefront' ), '<span class="screen-reader-text">', '</span>' ); ?></a></p>
|
||||
|
||||
<p style="margin-bottom: 2.618em;"><a href="http://www.woothemes.com/product-category/storefront-extensions?utm_source=product&utm_medium=upsell&utm_campaign=storefrontaddons" class="button button-primary"><?php _e( 'View all Storefront extensions →', 'storefront' ); ?></a></p>
|
||||
</div>
|
||||
|
||||
<div class="col-2">
|
||||
<h4><?php _e( 'WooCommerce Extensions', 'storefront' ); ?></h4>
|
||||
<img src="<?php echo esc_url( get_template_directory_uri() ) . '/images/welcome/bookings.png'; ?>" class="image-50" width="440" />
|
||||
<img src="<?php echo esc_url( get_template_directory_uri() ) . '/images/welcome/bookings.png'; ?>" alt="<?php _e( 'WooCommerce Bookings', 'storefront' ); ?>" class="image-50" width="440" />
|
||||
<h4><?php _e( 'WooCommerce Bookings', 'storefront' ); ?></h4>
|
||||
<p><?php _e( 'Allows you to sell your time or date based bookings, adding a new product type to your WooCommerce site. Perfect for those wanting to offer appointments, services or rentals.', 'storefront' ); ?></p>
|
||||
<p style="margin-bottom: 2.618em;"><a href="http://www.woothemes.com/products/woocommerce-bookings?utm_source=product&utm_medium=upsell&utm_campaign=storefrontaddons" class="button"><?php _e( 'Buy now', 'storefront' ); ?></a></p>
|
||||
<p style="margin-bottom: 2.618em;"><a href="http://www.woothemes.com/products/woocommerce-bookings?utm_source=product&utm_medium=upsell&utm_campaign=storefrontaddons" class="button"><?php printf( __( 'Buy %sWooCommerce Bookins%s now', 'storefront' ), '<span class="screen-reader-text">', '</span>' ); ?></a></p>
|
||||
|
||||
<img src="<?php echo esc_url( get_template_directory_uri() ) . '/images/welcome/smart-coupons.jpg'; ?>" class="image-50" width="440" />
|
||||
<img src="<?php echo esc_url( get_template_directory_uri() ) . '/images/welcome/smart-coupons.jpg'; ?>" alt="<?php _e( 'Smart Coupons', 'storefront' ); ?>" class="image-50" width="440" />
|
||||
<h4><?php _e( 'WooCommerce Smart Coupons', 'storefront' ); ?></h4>
|
||||
<p><?php _e( 'Smart coupons provide the most comprehensive and powerful solution for discount coupons, gift certificates, store credits and vouchers. It also allows customers to buy credits for themselves or gift to others.', 'storefront' ); ?></p>
|
||||
<p style="margin-bottom: 2.618em;"><a href="http://www.woothemes.com/products/smart-coupons?utm_source=product&utm_medium=upsell&utm_campaign=storefrontaddons" class="button"><?php _e( 'Buy now', 'storefront' ); ?></a></p>
|
||||
<p style="margin-bottom: 2.618em;"><a href="http://www.woothemes.com/products/smart-coupons?utm_source=product&utm_medium=upsell&utm_campaign=storefrontaddons" class="button"><?php printf( __( 'Buy %sSmart Counpons%s now', 'storefront' ), '<span class="screen-reader-text">', '</span>' ); ?></a></p>
|
||||
|
||||
<img src="<?php echo esc_url( get_template_directory_uri() ) . '/images/welcome/wishlists.png'; ?>" class="image-50" width="440" />
|
||||
<img src="<?php echo esc_url( get_template_directory_uri() ) . '/images/welcome/wishlists.png'; ?>" alt="<?php _e( 'Wishlists', 'storefront' ); ?>" class="image-50" width="440" />
|
||||
<h4><?php _e( 'WooCommerce Wishlists', 'storefront' ); ?></h4>
|
||||
<p><?php _e( 'Allows guests and customers to create and add products to an unlimited number of Wishlists. From birthdays to weddings and everything in between, WooCommerce Wishlists are a welcome addition to any WooCommerce store.', 'storefront' ); ?></p>
|
||||
<p style="margin-bottom: 2.618em;"><a href="http://www.woothemes.com/products/woocommerce-wishlists?utm_source=product&utm_medium=upsell&utm_campaign=storefrontaddons" class="button"><?php _e( 'Buy now', 'storefront' ); ?></a></p>
|
||||
<p style="margin-bottom: 2.618em;"><a href="http://www.woothemes.com/products/woocommerce-wishlists?utm_source=product&utm_medium=upsell&utm_campaign=storefrontaddons" class="button"><?php printf( __( 'Buy %sWooCommerce Wishlists%s now', 'storefront' ), '<span class="screen-reader-text">', '</span>' ); ?></a></p>
|
||||
|
||||
<p style="margin-bottom: 2.618em;"><a href="http://www.woothemes.com/product-category/woocommerce-extensions/?utm_source=product&utm_medium=upsell&utm_campaign=storefrontaddons" class="button button-primary"><?php _e( 'View all WooCommerce extensions →', 'storefront' ); ?></a></p>
|
||||
</div>
|
||||
|
|
@ -266,14 +266,14 @@ class Storefront_Welcome {
|
|||
$theme = wp_get_theme();
|
||||
?>
|
||||
<h4><?php _e( 'Storefront Child Themes', 'storefront' ); ?></h4>
|
||||
<img src="<?php echo esc_url( get_template_directory_uri() ) . '/images/welcome/boutique.jpg'; ?>" class="image-50" width="440" />
|
||||
<img src="<?php echo esc_url( get_template_directory_uri() ) . '/images/welcome/boutique.jpg'; ?>" alt="<?php _e( 'Boutique Child Theme', 'storefront' ); ?>" class="image-50" width="440" />
|
||||
<h4><?php _e( 'Boutique', 'storefront' ); ?></h4>
|
||||
<p><?php _e( 'Boutique is a simple, traditionally designed Storefront child theme, ideal for small stores or boutiques. Add your logo, create a unique color scheme and start selling!', 'storefront' ); ?></p>
|
||||
<p style="margin-bottom: 2.618em;">
|
||||
<?php if ( 'Boutique' != $theme['Name'] ) { ?>
|
||||
<a href="<?php echo esc_url( wp_nonce_url( self_admin_url( 'update.php?action=install-theme&theme=boutique' ), 'install-theme_boutique' ) ); ?>" class="button button-primary"><?php _e( 'Install now', 'storefront' ); ?></a>
|
||||
<a href="<?php echo esc_url( wp_nonce_url( self_admin_url( 'update.php?action=install-theme&theme=boutique' ), 'install-theme_boutique' ) ); ?>" class="button button-primary"><?php printf( __( 'Install %s now', 'storefront' ), '<span class="screen-reader-text">Boutique</span>' ); ?></a>
|
||||
<?php } ?>
|
||||
<a href="http://www.woothemes.com/products/boutique/" class="button"><?php _e( 'Read more →', 'storefront' ); ?></a>
|
||||
<a href="http://www.woothemes.com/products/boutique/" class="button"><?php printf( __( 'Read more %sabout Boutique%s →', 'storefront' ), '<span class="screen-reader-text">', '</span>' ); ?></a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -51,7 +51,7 @@ if ( ! function_exists( 'storefront_customize_register' ) ) {
|
|||
* Accent Color
|
||||
*/
|
||||
$wp_customize->add_setting( 'storefront_accent_color', array(
|
||||
'default' => apply_filters( 'storefront_default_accent_color', '#a46497' ),
|
||||
'default' => apply_filters( 'storefront_default_accent_color', '#96588a' ),
|
||||
'sanitize_callback' => 'storefront_sanitize_hex_color',
|
||||
) );
|
||||
|
||||
|
|
@ -66,7 +66,7 @@ if ( ! function_exists( 'storefront_customize_register' ) ) {
|
|||
* Text Color
|
||||
*/
|
||||
$wp_customize->add_setting( 'storefront_text_color', array(
|
||||
'default' => apply_filters( 'storefront_default_text_color', '#787E87' ),
|
||||
'default' => apply_filters( 'storefront_default_text_color', '#6c717a' ),
|
||||
'sanitize_callback' => 'storefront_sanitize_hex_color',
|
||||
'transport' => 'postMessage',
|
||||
) );
|
||||
|
|
@ -114,7 +114,7 @@ if ( ! function_exists( 'storefront_customize_register' ) ) {
|
|||
* Header text color
|
||||
*/
|
||||
$wp_customize->add_setting( 'storefront_header_text_color', array(
|
||||
'default' => apply_filters( 'storefront_default_header_text_color', '#5a6567' ),
|
||||
'default' => apply_filters( 'storefront_default_header_text_color', '#9aa0a7' ),
|
||||
'sanitize_callback' => 'storefront_sanitize_hex_color',
|
||||
'transport' => 'postMessage',
|
||||
) );
|
||||
|
|
@ -155,7 +155,7 @@ if ( ! function_exists( 'storefront_customize_register' ) ) {
|
|||
* Footer heading color
|
||||
*/
|
||||
$wp_customize->add_setting( 'storefront_footer_heading_color', array(
|
||||
'default' => apply_filters( 'storefront_default_footer_heading_color', '#646c6e' ),
|
||||
'default' => apply_filters( 'storefront_default_footer_heading_color', '#494c50' ),
|
||||
'sanitize_callback' => 'storefront_sanitize_hex_color',
|
||||
'transport' => 'postMessage',
|
||||
) );
|
||||
|
|
@ -170,7 +170,7 @@ if ( ! function_exists( 'storefront_customize_register' ) ) {
|
|||
* Footer text color
|
||||
*/
|
||||
$wp_customize->add_setting( 'storefront_footer_text_color', array(
|
||||
'default' => apply_filters( 'storefront_default_footer_text_color', '#abb1ba' ),
|
||||
'default' => apply_filters( 'storefront_default_footer_text_color', '#61656b' ),
|
||||
'sanitize_callback' => 'storefront_sanitize_hex_color',
|
||||
'transport' => 'postMessage',
|
||||
) );
|
||||
|
|
@ -185,7 +185,7 @@ if ( ! function_exists( 'storefront_customize_register' ) ) {
|
|||
* Footer link color
|
||||
*/
|
||||
$wp_customize->add_setting( 'storefront_footer_link_color', array(
|
||||
'default' => apply_filters( 'storefront_default_footer_link_color', '#a46497' ),
|
||||
'default' => apply_filters( 'storefront_default_footer_link_color', '#96588a' ),
|
||||
'sanitize_callback' => 'storefront_sanitize_hex_color',
|
||||
'transport' => 'postMessage',
|
||||
) );
|
||||
|
|
@ -224,7 +224,7 @@ if ( ! function_exists( 'storefront_customize_register' ) ) {
|
|||
* Button background color
|
||||
*/
|
||||
$wp_customize->add_setting( 'storefront_button_background_color', array(
|
||||
'default' => apply_filters( 'storefront_default_button_background_color', '#787E87' ),
|
||||
'default' => apply_filters( 'storefront_default_button_background_color', '#6c717a' ),
|
||||
'sanitize_callback' => 'storefront_sanitize_hex_color',
|
||||
) );
|
||||
|
||||
|
|
@ -254,7 +254,7 @@ if ( ! function_exists( 'storefront_customize_register' ) ) {
|
|||
* Button alt background color
|
||||
*/
|
||||
$wp_customize->add_setting( 'storefront_button_alt_background_color', array(
|
||||
'default' => apply_filters( 'storefront_default_button_alt_background_color', '#a46497' ),
|
||||
'default' => apply_filters( 'storefront_default_button_alt_background_color', '#96588a' ),
|
||||
'sanitize_callback' => 'storefront_sanitize_hex_color',
|
||||
) );
|
||||
|
||||
|
|
|
|||
|
|
@ -12,21 +12,21 @@
|
|||
*/
|
||||
if ( ! function_exists( 'storefront_add_customizer_css' ) ) {
|
||||
function storefront_add_customizer_css() {
|
||||
$accent_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_accent_color', apply_filters( 'storefront_default_accent_color', '#a46497' ) ) );
|
||||
$accent_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_accent_color', apply_filters( 'storefront_default_accent_color', '#96588a' ) ) );
|
||||
$header_background_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_header_background_color', apply_filters( 'storefront_default_header_background_color', '#2c2d33' ) ) );
|
||||
$header_link_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_header_link_color', apply_filters( 'storefront_default_header_link_color', '#ffffff' ) ) );
|
||||
$header_text_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_header_text_color', apply_filters( 'storefront_default_header_text_color', '#5a6567' ) ) );
|
||||
$header_text_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_header_text_color', apply_filters( 'storefront_default_header_text_color', '#9aa0a7' ) ) );
|
||||
|
||||
$footer_background_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_footer_background_color', apply_filters( 'storefront_default_footer_background_color', '#f3f3f3' ) ) );
|
||||
$footer_link_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_footer_link_color', apply_filters( 'storefront_default_footer_link_color', '#a46497' ) ) );
|
||||
$footer_heading_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_footer_heading_color', apply_filters( 'storefront_default_footer_heading_color', '#646c6e' ) ) );
|
||||
$footer_text_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_footer_text_color', apply_filters( 'storefront_default_footer_text_color', '#abb1ba' ) ) );
|
||||
$footer_link_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_footer_link_color', apply_filters( 'storefront_default_footer_link_color', '#96588a' ) ) );
|
||||
$footer_heading_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_footer_heading_color', apply_filters( 'storefront_default_footer_heading_color', '#494c50' ) ) );
|
||||
$footer_text_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_footer_text_color', apply_filters( 'storefront_default_footer_text_color', '#61656b' ) ) );
|
||||
|
||||
$text_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_text_color', apply_filters( 'storefront_default_text_color', '#787E87' ) ) );
|
||||
$text_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_text_color', apply_filters( 'storefront_default_text_color', '#6c717a' ) ) );
|
||||
$heading_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_heading_color', apply_filters( 'storefront_default_heading_color', '#484c51' ) ) );
|
||||
$button_background_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_button_background_color', apply_filters( 'storefront_default_button_background_color', '#787E87' ) ) );
|
||||
$button_background_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_button_background_color', apply_filters( 'storefront_default_button_background_color', '#6c717a' ) ) );
|
||||
$button_text_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_button_text_color', apply_filters( 'storefront_default_button_text_color', '#ffffff' ) ) );
|
||||
$button_alt_background_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_button_alt_background_color', apply_filters( 'storefront_default_button_alt_background_color', '#a46497' ) ) );
|
||||
$button_alt_background_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_button_alt_background_color', apply_filters( 'storefront_default_button_alt_background_color', '#96588a' ) ) );
|
||||
$button_alt_text_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_button_alt_text_color', apply_filters( 'storefront_default_button_alt_text_color', '#ffffff' ) ) );
|
||||
|
||||
$brighten_factor = apply_filters( 'storefront_brighten_factor', 25 );
|
||||
|
|
|
|||
|
|
@ -47,8 +47,8 @@ if ( ! function_exists( 'storefront_primary_navigation' ) ) {
|
|||
*/
|
||||
function storefront_primary_navigation() {
|
||||
?>
|
||||
<nav id="site-navigation" class="main-navigation" role="navigation">
|
||||
<button class="menu-toggle"><?php echo esc_attr( apply_filters( 'storefront_menu_toggle_text', __( 'Primary Menu', 'storefront' ) ) ); ?></button>
|
||||
<nav id="site-navigation" class="main-navigation" role="navigation" aria-label="<?php _e( 'Primary Navigation', 'storefront' ); ?>">
|
||||
<button class="menu-toggle"><?php echo esc_attr( apply_filters( 'storefront_menu_toggle_text', __( 'Navigation', 'storefront' ) ) ); ?></button>
|
||||
<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
|
||||
</nav><!-- #site-navigation -->
|
||||
<?php
|
||||
|
|
@ -63,7 +63,7 @@ if ( ! function_exists( 'storefront_secondary_navigation' ) ) {
|
|||
*/
|
||||
function storefront_secondary_navigation() {
|
||||
?>
|
||||
<nav class="secondary-navigation" role="navigation">
|
||||
<nav class="secondary-navigation" role="navigation" aria-label="<?php _e( 'Secondary Navigation', 'storefront' ); ?>">
|
||||
<?php wp_nav_menu( array( 'theme_location' => 'secondary', 'fallback_cb' => '' ) ); ?>
|
||||
</nav><!-- #site-navigation -->
|
||||
<?php
|
||||
|
|
|
|||
|
|
@ -41,13 +41,18 @@ if ( ! function_exists( 'storefront_post_content' ) ) {
|
|||
if ( has_post_thumbnail() ) {
|
||||
the_post_thumbnail( 'full', array( 'itemprop' => 'image' ) );
|
||||
}
|
||||
?>
|
||||
<?php the_content( __( 'Continue reading <span class="meta-nav">→</span>', 'storefront' ) ); ?>
|
||||
<?php
|
||||
wp_link_pages( array(
|
||||
'before' => '<div class="page-links">' . __( 'Pages:', 'storefront' ),
|
||||
'after' => '</div>',
|
||||
) );
|
||||
|
||||
the_content(
|
||||
sprintf(
|
||||
__( 'Continue reading %s', 'storefront' ),
|
||||
'<span class="screen-reader-text">' . get_the_title() . '</span>'
|
||||
)
|
||||
);
|
||||
|
||||
wp_link_pages( array(
|
||||
'before' => '<div class="page-links">' . __( 'Pages:', 'storefront' ),
|
||||
'after' => '</div>',
|
||||
) );
|
||||
?>
|
||||
</div><!-- .entry-content -->
|
||||
<?php
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
#wc-bookings-booking-form{border:0;padding:0}#wc-bookings-booking-form .wc-bookings-booking-cost{margin:0;border:0;background:rgba(0,0,0,.05)}#wc-bookings-booking-form .wc-bookings-date-picker-date-fields input{margin-bottom:0}#wc-bookings-booking-form .wc-bookings-date-picker-date-fields label{width:20%}#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker-header{border:0;background-color:#787E87;background-image:none}#wc-bookings-booking-form .wc-bookings-date-picker .ui-widget-content{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;background:0 0}#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-next,#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev{background-color:rgba(0,0,0,.1)!important}#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker th{background:rgba(0,0,0,.1);border:0;color:#787E87}#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td{border:0}#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.ui-state-disabled{background:0 0}#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.ui-state-disabled .ui-state-default{background-color:rgba(0,0,0,.1);color:#787E87}#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.bookable a{text-shadow:none;background-color:#a46497!important}#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.bookable a:hover{background-color:#a46497!important}#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.bookable a.ui-state-active{box-shadow:inset 0 0 0 1.618em rgba(0,0,0,.1)}#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.ui-datepicker-current-day,#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.ui-datepicker-current-day a,#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.ui-datepicker-today,#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.ui-datepicker-today a{background-color:rgba(0,0,0,.1)!important}#wc-bookings-booking-form .wc-bookings-date-picker-choose-date{color:#a46497}#wc-bookings-booking-form .block-picker{text-align:left}#wc-bookings-booking-form .block-picker li a{border:0!important;padding:.236em .53em;display:inline-block;text-align:center;color:#fff;background-color:#787E87}#wc-bookings-booking-form .block-picker li a:hover{color:#fff;background-color:#a46497;text-decoration:none;border:0}#wc-bookings-booking-form .block-picker li a.selected{background-color:#a46497;color:#fff}.product-type-booking form.cart{padding-left:0;padding-right:0}
|
||||
#wc-bookings-booking-form{border:0;padding:0}#wc-bookings-booking-form .wc-bookings-booking-cost{margin:0;border:0;background:rgba(0,0,0,.05)}#wc-bookings-booking-form .wc-bookings-date-picker-date-fields input{margin-bottom:0}#wc-bookings-booking-form .wc-bookings-date-picker-date-fields label{width:20%}#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker-header{border:0;background-color:#6c717a;background-image:none}#wc-bookings-booking-form .wc-bookings-date-picker .ui-widget-content{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;background:0 0}#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-next,#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev{background-color:rgba(0,0,0,.1)!important}#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker th{background:rgba(0,0,0,.1);border:0;color:#6c717a}#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td{border:0}#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.ui-state-disabled{background:0 0}#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.ui-state-disabled .ui-state-default{background-color:rgba(0,0,0,.1);color:#6c717a}#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.bookable a{text-shadow:none;background-color:#96588a!important}#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.bookable a:hover{background-color:#96588a!important}#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.bookable a.ui-state-active{box-shadow:inset 0 0 0 1.618em rgba(0,0,0,.1)}#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.ui-datepicker-current-day,#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.ui-datepicker-current-day a,#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.ui-datepicker-today,#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.ui-datepicker-today a{background-color:rgba(0,0,0,.1)!important}#wc-bookings-booking-form .wc-bookings-date-picker-choose-date{color:#96588a}#wc-bookings-booking-form .block-picker{text-align:left}#wc-bookings-booking-form .block-picker li a{border:0!important;padding:.236em .53em;display:inline-block;text-align:center;color:#fff;background-color:#6c717a}#wc-bookings-booking-form .block-picker li a:hover{color:#fff;background-color:#96588a;text-decoration:none;border:0}#wc-bookings-booking-form .block-picker li a.selected{background-color:#96588a;color:#fff}.product-type-booking form.cart{padding-left:0;padding-right:0}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1301,12 +1301,12 @@ dl.variation {
|
|||
|
||||
.widget_shopping_cart {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 100%;
|
||||
width: 100%;
|
||||
display: none;
|
||||
z-index: 999999;
|
||||
font-size: .857em;
|
||||
left: -999em;
|
||||
display: block;
|
||||
|
||||
h2.widgettitle {
|
||||
display: none;
|
||||
|
|
@ -1325,7 +1325,7 @@ dl.variation {
|
|||
|
||||
&:hover {
|
||||
.widget_shopping_cart {
|
||||
display: block;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -83,11 +83,11 @@ if ( ! function_exists( 'storefront_add_integrations_customizer_css' ) ) {
|
|||
function storefront_add_integrations_customizer_css() {
|
||||
|
||||
if ( is_storefront_customizer_enabled() ) {
|
||||
$accent_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_accent_color', apply_filters( 'storefront_default_accent_color', '#a46497' ) ) );
|
||||
$header_text_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_header_text_color', apply_filters( 'storefront_default_header_text_color', '#5a6567' ) ) );
|
||||
$accent_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_accent_color', apply_filters( 'storefront_default_accent_color', '#96588a' ) ) );
|
||||
$header_text_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_header_text_color', apply_filters( 'storefront_default_header_text_color', '#9aa0a7' ) ) );
|
||||
$header_background_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_header_background_color', apply_filters( 'storefront_default_header_background_color', '#2c2d33' ) ) );
|
||||
$text_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_text_color', apply_filters( 'storefront_default_text_color', '#787E87' ) ) );
|
||||
$button_background_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_button_background_color', apply_filters( 'storefront_default_button_background_color', '#787E87' ) ) );
|
||||
$text_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_text_color', apply_filters( 'storefront_default_text_color', '#6c717a' ) ) );
|
||||
$button_background_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_button_background_color', apply_filters( 'storefront_default_button_background_color', '#6c717a' ) ) );
|
||||
$button_text_color = storefront_sanitize_hex_color( get_theme_mod( 'storefront_button_text_color', apply_filters( 'storefront_default_button_text_color', '#ffffff' ) ) );
|
||||
|
||||
$woocommerce_style = '';
|
||||
|
|
|
|||
|
|
@ -20,11 +20,11 @@ if ( ! function_exists( 'storefront_cart_link' ) ) {
|
|||
$class = '';
|
||||
}
|
||||
?>
|
||||
<li class="<?php echo esc_attr( $class ); ?>">
|
||||
|
||||
<a class="cart-contents" href="<?php echo esc_url( WC()->cart->get_cart_url() ); ?>" title="<?php _e( 'View your shopping cart', 'storefront' ); ?>">
|
||||
<?php echo wp_kses_data( WC()->cart->get_cart_subtotal() ); ?> <span class="count"><?php echo wp_kses_data( sprintf( _n( '%d item', '%d items', WC()->cart->get_cart_contents_count(), 'storefront' ), WC()->cart->get_cart_contents_count() ) );?></span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<?php
|
||||
}
|
||||
}
|
||||
|
|
@ -54,11 +54,19 @@ if ( ! function_exists( 'storefront_product_search' ) ) {
|
|||
*/
|
||||
if ( ! function_exists( 'storefront_header_cart' ) ) {
|
||||
function storefront_header_cart() {
|
||||
if ( is_woocommerce_activated() ) { ?>
|
||||
<ul class="site-header-cart menu">
|
||||
if ( is_woocommerce_activated() ) {
|
||||
if ( is_cart() ) {
|
||||
$class = 'current-menu-item';
|
||||
} else {
|
||||
$class = '';
|
||||
}
|
||||
?>
|
||||
<ul class="site-header-cart menu">
|
||||
<li class="<?php echo esc_attr( $class ); ?>">
|
||||
<?php storefront_cart_link(); ?>
|
||||
<?php the_widget( 'WC_Widget_Cart', 'title=' ); ?>
|
||||
</ul>
|
||||
</li>
|
||||
<?php the_widget( 'WC_Widget_Cart', 'title=' ); ?>
|
||||
</ul>
|
||||
<?php
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
/**
|
||||
* navigation.js
|
||||
*
|
||||
* Handles toggling the navigation menu for small screens.
|
||||
* Handles toggling the navigation menu for small screens and adds a focus class to parent li's for accessibility.
|
||||
*/
|
||||
( function() {
|
||||
var container, button, menu;
|
||||
|
|
@ -35,4 +35,9 @@
|
|||
container.className += ' toggled';
|
||||
}
|
||||
};
|
||||
|
||||
// Add focus class to li
|
||||
jQuery( '.main-navigation, .secondary-navigation' ).find( 'a' ).on( 'focus.storefront blur.storefront', function() {
|
||||
jQuery( this ).parents().toggleClass( 'focus' );
|
||||
} );
|
||||
} )();
|
||||
|
|
|
|||
2
js/navigation.min.js
vendored
2
js/navigation.min.js
vendored
|
|
@ -1 +1 @@
|
|||
!function(){var a,b,c;if(a=document.getElementById("site-navigation"),a&&(b=a.getElementsByTagName("button")[0],"undefined"!=typeof b)){if(c=a.getElementsByTagName("ul")[0],"undefined"==typeof c)return void(b.style.display="none");-1===c.className.indexOf("nav-menu")&&(c.className+=" nav-menu"),b.onclick=function(){-1!==a.className.indexOf("toggled")?a.className=a.className.replace(" toggled",""):a.className+=" toggled"}}}();
|
||||
!function(){var a,b,c;if(a=document.getElementById("site-navigation"),a&&(b=a.getElementsByTagName("button")[0],"undefined"!=typeof b)){if(c=a.getElementsByTagName("ul")[0],"undefined"==typeof c)return void(b.style.display="none");-1===c.className.indexOf("nav-menu")&&(c.className+=" nav-menu"),b.onclick=function(){-1!==a.className.indexOf("toggled")?a.className=a.className.replace(" toggled",""):a.className+=" toggled"},jQuery(".main-navigation, .secondary-navigation").find("a").on("focus.storefront blur.storefront",function(){jQuery(this).parents().toggleClass("focus")})}}();
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"name": "storefront",
|
||||
"title": "Storefront",
|
||||
"version": "1.3.2",
|
||||
"version": "1.4.0",
|
||||
"homepage": "http://www.woothemes.com/storefront/",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@ body {
|
|||
.site-header {
|
||||
background-color: #2c2d33;
|
||||
padding-top: 2.618em;
|
||||
color: #5a6567;
|
||||
color: #9aa0a7;
|
||||
background-position: center center;
|
||||
position: relative;
|
||||
z-index: 999;
|
||||
|
|
@ -82,6 +82,10 @@ body {
|
|||
margin-bottom: 2.618em;
|
||||
}
|
||||
|
||||
.site-content {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.page-template-template-homepage {
|
||||
.site-main {
|
||||
padding-top: 4.236em;
|
||||
|
|
|
|||
|
|
@ -214,6 +214,10 @@ a {
|
|||
color: $color_links;
|
||||
text-decoration: none;
|
||||
font-weight: 700;
|
||||
|
||||
&:focus {
|
||||
outline: thin dotted;
|
||||
}
|
||||
}
|
||||
|
||||
// Wait, what..?
|
||||
|
|
|
|||
|
|
@ -94,20 +94,34 @@
|
|||
}
|
||||
|
||||
// link hover
|
||||
&:hover {
|
||||
> a { }
|
||||
> ul { display: block; }
|
||||
&:hover,
|
||||
&.focus {
|
||||
> ul {
|
||||
left: 0;
|
||||
|
||||
li {
|
||||
ul {
|
||||
left: -999em;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&.focus {
|
||||
ul {
|
||||
left: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// second level
|
||||
ul {
|
||||
display: none;
|
||||
float: left;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
left: -999em;
|
||||
z-index: 99999;
|
||||
background-color: #2c2d33;
|
||||
|
||||
|
|
@ -118,7 +132,6 @@
|
|||
li {
|
||||
a {
|
||||
width: 200px;
|
||||
&:hover {};
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -203,15 +203,9 @@
|
|||
a {
|
||||
color: $color_body;
|
||||
font-weight: 400;
|
||||
opacity: 0.75;
|
||||
|
||||
&:hover {
|
||||
color: $color_links;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&.button {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,8 +8,8 @@ $header-font: $base-font;
|
|||
|
||||
// base color scheme
|
||||
$body-background: #FCFCFC;
|
||||
$color_body: #787E87;
|
||||
$color_links: #a46497;
|
||||
$color_body: #6c717a;
|
||||
$color_links: #96588a;
|
||||
$color_border: rgba(0,0,0,0.1);
|
||||
$error: #e2401c;
|
||||
$success: #17ba6f;
|
||||
|
|
|
|||
86
style.css
86
style.css
|
|
@ -1,14 +1,14 @@
|
|||
/*
|
||||
Theme Name: Storefront
|
||||
Theme URI: http://www.woothemes.com/storefront
|
||||
Author: WooThemes
|
||||
Author URI: http://www.woothemes.com
|
||||
Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooThemes, it features a deep integration with our market leading WooCommerce plugin, several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love it's lean and extensible codebase making it a joy to customise and extend. Looking for a WooCommerce theme? Look no further!
|
||||
Version: 1.3.2
|
||||
License: GNU General Public License v2 or later
|
||||
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
||||
Text Domain: storefront
|
||||
Tags: black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments
|
||||
Theme Name: Storefront
|
||||
Theme URI: http://www.woothemes.com/storefront
|
||||
Author: WooThemes
|
||||
Author URI: http://www.woothemes.com
|
||||
Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooThemes, it features a deep integration with our market leading WooCommerce plugin, several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love it's lean and extensible codebase making it a joy to customise and extend. Looking for a WooCommerce theme? Look no further!
|
||||
Version: 1.4.0
|
||||
License: GNU General Public License v2 or later
|
||||
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
||||
Text Domain: storefront
|
||||
Tags: black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
|
||||
|
||||
This theme, like WordPress, is licensed under the GPL.
|
||||
Use it to make something cool, have fun, and share what you've learned with others.
|
||||
|
|
@ -371,7 +371,7 @@ body {
|
|||
.site-header {
|
||||
background-color: #2c2d33;
|
||||
padding-top: 2.618em;
|
||||
color: #5a6567;
|
||||
color: #9aa0a7;
|
||||
background-position: center center;
|
||||
position: relative;
|
||||
z-index: 999; }
|
||||
|
|
@ -411,6 +411,9 @@ body {
|
|||
.site-main {
|
||||
margin-bottom: 2.618em; }
|
||||
|
||||
.site-content {
|
||||
outline: none; }
|
||||
|
||||
.page-template-template-homepage .site-main {
|
||||
padding-top: 4.236em; }
|
||||
|
||||
|
|
@ -419,12 +422,12 @@ body {
|
|||
*/
|
||||
.site-footer {
|
||||
background-color: #f3f3f3;
|
||||
color: #abb1ba;
|
||||
color: #9fa4ad;
|
||||
padding: 1.618em 0; }
|
||||
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6 {
|
||||
color: #9aa0a9; }
|
||||
color: #8e939c; }
|
||||
.site-footer a:not(.button) {
|
||||
color: #a46497; }
|
||||
color: #96588a; }
|
||||
|
||||
.site-info {
|
||||
padding: 2.618em 0; }
|
||||
|
|
@ -534,7 +537,7 @@ body {
|
|||
font-size: 0.938em; }
|
||||
|
||||
body, button, input, select, textarea {
|
||||
color: #787E87;
|
||||
color: #6c717a;
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
line-height: 1.618;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
|
|
@ -545,7 +548,7 @@ h1, h2, h3, h4, h5, h6 {
|
|||
clear: both;
|
||||
font-weight: 700;
|
||||
margin: 0 0 0.618em;
|
||||
color: #484c51; }
|
||||
color: #3c3f44; }
|
||||
|
||||
h1, .alpha {
|
||||
font-size: 2.244em;
|
||||
|
|
@ -665,9 +668,11 @@ img {
|
|||
display: block; }
|
||||
|
||||
a {
|
||||
color: #a46497;
|
||||
color: #96588a;
|
||||
text-decoration: none;
|
||||
font-weight: 700; }
|
||||
a:focus {
|
||||
outline: thin dotted; }
|
||||
|
||||
.storefront-cute * {
|
||||
font-family: "Comic Sans MS", sans-serif; }
|
||||
|
|
@ -949,8 +954,8 @@ button, input, select, textarea {
|
|||
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .added_to_cart {
|
||||
border: 0;
|
||||
background: none;
|
||||
background-color: #787E87;
|
||||
border-color: #787E87;
|
||||
background-color: #6c717a;
|
||||
border-color: #6c717a;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
/* Improves usability and consistency of cursor style between image-type 'input' and others */
|
||||
|
|
@ -966,11 +971,11 @@ button, input[type="button"], input[type="reset"], input[type="submit"], .button
|
|||
border-radius: 0;
|
||||
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.1); }
|
||||
button.cta, button.alt, input[type="button"].cta, input[type="button"].alt, input[type="reset"].cta, input[type="reset"].alt, input[type="submit"].cta, input[type="submit"].alt, .button.cta, .button.alt, .added_to_cart.cta, .added_to_cart.alt {
|
||||
background-color: #a46497;
|
||||
border-color: #a46497; }
|
||||
background-color: #96588a;
|
||||
border-color: #96588a; }
|
||||
button.cta:hover, button.alt:hover, input[type="button"].cta:hover, input[type="button"].alt:hover, input[type="reset"].cta:hover, input[type="reset"].alt:hover, input[type="submit"].cta:hover, input[type="submit"].alt:hover, .button.cta:hover, .button.alt:hover, .added_to_cart.cta:hover, .added_to_cart.alt:hover {
|
||||
opacity: 0.8;
|
||||
background-color: #a46497; }
|
||||
background-color: #96588a; }
|
||||
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .added_to_cart:hover {
|
||||
opacity: 0.8;
|
||||
color: #fff; }
|
||||
|
|
@ -1009,7 +1014,7 @@ button::-moz-focus-inner, input::-moz-focus-inner {
|
|||
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea, .input-text {
|
||||
padding: 0.618em;
|
||||
background-color: #efefef;
|
||||
color: #787E87;
|
||||
color: #6c717a;
|
||||
line-height: 1;
|
||||
outline: none;
|
||||
border: 0;
|
||||
|
|
@ -1023,7 +1028,7 @@ input[type="text"], input[type="email"], input[type="url"], input[type="password
|
|||
|
||||
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
|
||||
background-color: #e3e3e3;
|
||||
color: #60656c; }
|
||||
color: #54585f; }
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
|
|
@ -1118,14 +1123,17 @@ fieldset {
|
|||
display: block; }
|
||||
.main-navigation ul li a:before, .secondary-navigation ul li a:before {
|
||||
display: none; }
|
||||
.main-navigation ul li:hover > ul, .secondary-navigation ul li:hover > ul {
|
||||
display: block; }
|
||||
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul, .secondary-navigation ul li:hover > ul, .secondary-navigation ul li.focus > ul {
|
||||
left: 0; }
|
||||
.main-navigation ul li:hover > ul li ul, .main-navigation ul li.focus > ul li ul, .secondary-navigation ul li:hover > ul li ul, .secondary-navigation ul li.focus > ul li ul {
|
||||
left: -999em; }
|
||||
.main-navigation ul li:hover > ul li:hover ul, .main-navigation ul li:hover > ul li.focus ul, .main-navigation ul li.focus > ul li:hover ul, .main-navigation ul li.focus > ul li.focus ul, .secondary-navigation ul li:hover > ul li:hover ul, .secondary-navigation ul li:hover > ul li.focus ul, .secondary-navigation ul li.focus > ul li:hover ul, .secondary-navigation ul li.focus > ul li.focus ul {
|
||||
left: 100%; }
|
||||
.main-navigation ul ul, .secondary-navigation ul ul {
|
||||
display: none;
|
||||
float: left;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
left: -999em;
|
||||
z-index: 99999;
|
||||
background-color: #2c2d33; }
|
||||
.main-navigation ul ul li a, .secondary-navigation ul ul li a {
|
||||
|
|
@ -1135,7 +1143,7 @@ fieldset {
|
|||
top: 0; }
|
||||
|
||||
ul.menu li.current-menu-item > a {
|
||||
color: #787E87; }
|
||||
color: #6c717a; }
|
||||
|
||||
/**
|
||||
* Primary Navigation
|
||||
|
|
@ -1217,7 +1225,7 @@ fieldset {
|
|||
.secondary-navigation .menu a {
|
||||
padding: 1.387em 0.857em;
|
||||
font-weight: 400;
|
||||
color: #aeb2b7; }
|
||||
color: #a1a4ab; }
|
||||
.secondary-navigation .menu a:hover {
|
||||
text-decoration: none; }
|
||||
}
|
||||
|
|
@ -1238,7 +1246,7 @@ fieldset {
|
|||
.hentry .wp-post-image {
|
||||
margin-bottom: 1.618em; }
|
||||
.hentry .entry-header {
|
||||
border-bottom: 3px solid #787E87;
|
||||
border-bottom: 3px solid #6c717a;
|
||||
margin-bottom: 3.631em; }
|
||||
.hentry .entry-header h1 {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
||||
|
|
@ -1431,7 +1439,7 @@ fieldset {
|
|||
opacity: 0.8;
|
||||
font-size: 0.857em; }
|
||||
#comments .comment-list .comment-meta a.comment-date:hover {
|
||||
color: #787E87; }
|
||||
color: #6c717a; }
|
||||
#comments .comment-list .comment-meta cite {
|
||||
font-style: normal;
|
||||
clear: both;
|
||||
|
|
@ -1451,7 +1459,7 @@ fieldset {
|
|||
#comments .comment-list .reply .comment-edit-link {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.1); }
|
||||
#comments .comment-list .reply a {
|
||||
color: #787E87;
|
||||
color: #6c717a;
|
||||
background-color: rgba(0, 0, 0, 0.025);
|
||||
padding: 0.53em 1em;
|
||||
float: left; }
|
||||
|
|
@ -1672,7 +1680,7 @@ fieldset {
|
|||
.widget h1 {
|
||||
font-size: 1em;
|
||||
letter-spacing: 0;
|
||||
border-bottom: 3px solid #787E87;
|
||||
border-bottom: 3px solid #6c717a;
|
||||
padding: 0 0 1em;
|
||||
margin-bottom: 1em;
|
||||
font-weight: 700; }
|
||||
|
|
@ -1757,14 +1765,10 @@ fieldset {
|
|||
.widget-area .widget h1.widget-title {
|
||||
font-size: 1.387em; }
|
||||
.widget-area .widget a {
|
||||
color: #787E87;
|
||||
font-weight: 400;
|
||||
opacity: 0.75; }
|
||||
color: #6c717a;
|
||||
font-weight: 400; }
|
||||
.widget-area .widget a:hover {
|
||||
color: #a46497;
|
||||
opacity: 1; }
|
||||
.widget-area .widget a.button {
|
||||
opacity: 1; }
|
||||
color: #96588a; }
|
||||
|
||||
/**
|
||||
* Infinite Scroll
|
||||
|
|
|
|||
20
style.scss
20
style.scss
|
|
@ -1,14 +1,14 @@
|
|||
/*
|
||||
Theme Name: Storefront
|
||||
Theme URI: http://www.woothemes.com/storefront
|
||||
Author: WooThemes
|
||||
Author URI: http://www.woothemes.com
|
||||
Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooThemes, it features a deep integration with our market leading WooCommerce plugin, several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love it's lean and extensible codebase making it a joy to customise and extend. Looking for a WooCommerce theme? Look no further!
|
||||
Version: 1.3.2
|
||||
License: GNU General Public License v2 or later
|
||||
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
||||
Text Domain: storefront
|
||||
Tags: black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments
|
||||
Theme Name: Storefront
|
||||
Theme URI: http://www.woothemes.com/storefront
|
||||
Author: WooThemes
|
||||
Author URI: http://www.woothemes.com
|
||||
Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooThemes, it features a deep integration with our market leading WooCommerce plugin, several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love it's lean and extensible codebase making it a joy to customise and extend. Looking for a WooCommerce theme? Look no further!
|
||||
Version: 1.4.0
|
||||
License: GNU General Public License v2 or later
|
||||
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
||||
Text Domain: storefront
|
||||
Tags: black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
|
||||
|
||||
This theme, like WordPress, is licensed under the GPL.
|
||||
Use it to make something cool, have fun, and share what you've learned with others.
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue
