This commit is contained in:
nguyen dung
2022-02-18 16:43:41 +07:00
commit 39b8cb3612
4470 changed files with 1378320 additions and 0 deletions

View File

@@ -0,0 +1,550 @@
<?php
// Option links
function flatsome_admin_bar_helper(){
global $wp_admin_bar;
$panel_url = get_admin_url().'admin.php?page=flatsome-panel';
$advanced_url = get_admin_url().'admin.php?page=optionsframework&tab=';
$permalink = get_permalink();
if(is_admin()) $permalink = get_home_url();
if(function_exists('is_shop') && is_shop()) {
$permalink = get_permalink( wc_get_page_id( 'shop' ) );
}
$optionUrl_panel = get_admin_url().'customize.php?url='.$permalink.'&autofocus%5Bpanel%5D=';
$optionUrl_section = get_admin_url().'customize.php?url='.$permalink.'&autofocus%5Bsection%5D=';
$icon_style = 'font: normal 20px/1 \'dashicons\';-webkit-font-smoothing: antialiased;padding-right: 4px;margin-top:3px;';
$flatsome_icon = '<svg style="width:20px; margin-top:-4px; height:20px;vertical-align:middle;" width="184px" height="186px" viewBox="0 0 184 186" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch --> <title>Logo-white</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Logo" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Logo-white" fill="#FFFFFF"> <g id="Group"> <path d="M92.6963305,153.35517 L69.6726254,130.331465 L92.6963305,107.30776 L92.6963305,66.7055226 L49.3715069,110.030346 L32.472925,93.1317642 L92.6963305,32.9083587 L92.6963305,0.803652143 L0.106126393,93.3938562 L92.6963305,185.98406 L92.6963305,153.35517 Z" id="Combined-Shape"></path> </g> <g id="Group" opacity="0.502623601" transform="translate(136.800003, 93.000000) scale(-1, 1) translate(-136.800003, -93.000000) translate(90.300003, 0.000000)"> <path d="M92.6963305,153.35517 L69.6726254,130.331465 L92.6963305,107.30776 L92.6963305,66.7055226 L49.3715069,110.030346 L32.472925,93.1317642 L92.6963305,32.9083587 L92.6963305,0.803652143 L0.106126393,93.3938562 L92.6963305,185.98406 L92.6963305,153.35517 Z" opacity="0.387068563"></path> </g> </g> </g> </svg>';
$wp_admin_bar->add_menu( array(
'id' => 'flatsome_panel',
'title' => $flatsome_icon.' Flatsome',
'href' => $panel_url
));
$wp_admin_bar->add_menu( array(
'id' => 'theme_options',
'parent' => 'flatsome_panel',
'title' => '<span class="dashicons dashicons-admin-generic" style="'.$icon_style.'"></span> Theme Options',
'href' => $optionUrl_panel
));
$wp_admin_bar->add_menu( array(
'parent' => 'flatsome_panel',
'id' => 'options_advanced',
'title' => '<span class="dashicons dashicons-admin-tools" style="'.$icon_style.'"></span> Advanced',
'href' => $advanced_url.''
));
$wp_admin_bar->add_menu( array(
'parent' => 'flatsome_panel',
'id' => 'flatsome_panel_license',
'title' => 'Theme Registration',
'href' => $panel_url
));
$wp_admin_bar->add_menu( array(
'parent' => 'flatsome_panel',
'id' => 'flatsome_panel_support',
'title' => 'Help & Guides',
'href' => $panel_url.'-support'
));
/*
$wp_admin_bar->add_menu( array(
'parent' => 'flatsome_panel',
'id' => 'flatsome_panel_plugins',
'title' => 'Plugins',
'href' => $panel_url.'-plugins'
)); */
$wp_admin_bar->add_menu( array(
'parent' => 'flatsome_panel',
'id' => 'flatsome_panel_changelog',
'title' => 'Change log',
'href' => $panel_url.'-changelog'
));
$wp_admin_bar->add_menu( array(
'parent' => 'flatsome_panel',
'id' => 'flatsome_panel_setup_wizard',
'title' => 'Setup Wizard',
'href' => admin_url().'admin.php?page=flatsome-setup'
));
if(!flatsome_is_theme_enabled()){
$wp_admin_bar->add_menu( array(
'id' => 'flatsome-activate',
'title' => '<span class="dashicons dashicons-unlock" style="'.$icon_style.'"></span>Activate Theme',
'href' => admin_url() . 'admin.php?page=flatsome-panel',
));
}
$wp_admin_bar->add_menu( array(
'parent' => 'theme_options',
'id' => 'options_header',
'title' => '<span class="dashicons dashicons-arrow-up-alt dashicons-header" style="'.$icon_style.'"></span> Header',
'href' => $optionUrl_panel.'header'
));
$wp_admin_bar->add_menu( array(
'parent' => 'theme_options',
'id' => 'options_layout',
'title' => '<span class="dashicons dashicons-editor-table" style="'.$icon_style.'"></span> Layout',
'href' => $optionUrl_section.'layout'
));
$wp_admin_bar->add_menu( array(
'parent' => 'theme_options',
'id' => 'options_static_front_page',
'title' => '<span class="dashicons dashicons-admin-home" style="'.$icon_style.'"></span> Homepage',
'href' => $optionUrl_section.'static_front_page'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_header',
'id' => 'options_header_presets',
'title' => 'Presets',
'href' => $optionUrl_section.'header-presets'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_header',
'id' => 'options_header_logo',
'title' => 'Logo & Site Identity',
'href' => $optionUrl_section.'title_tagline'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_header',
'id' => 'options_header_top',
'title' => 'Top Bar',
'href' => $optionUrl_section.'top_bar'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_header',
'id' => 'options_header_main',
'title' => 'Header Main',
'href' => $optionUrl_section.'main_bar'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_header',
'id' => 'options_header_bottom',
'title' => ' Header Bottom',
'href' => $optionUrl_section.'bottom_bar'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_header',
'id' => 'options_header_mobile',
'title' => ' Header Mobile',
'href' => $optionUrl_section.'header_mobile'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_header',
'id' => 'options_header_sticky',
'title' => ' Sticky Header',
'href' => $optionUrl_section.'header_sticky'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_header',
'id' => 'options_header_dropdown',
'title' => 'Dropdown Style',
'href' => $optionUrl_section.'header_dropdown'
));
$wp_admin_bar->add_menu( array(
'parent' => 'theme_options',
'id' => 'options_style',
'title' => '<span class="dashicons dashicons-admin-appearance" style="'.$icon_style.'"></span> Style',
'href' => $optionUrl_panel.'style'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_style',
'id' => 'options_style_colors',
'title' => 'Colors',
'href' => $optionUrl_section.'colors'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_style',
'id' => 'options_style_global',
'title' => 'Global Styles',
'href' => $optionUrl_section.'global-styles'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_style',
'id' => 'options_style_type',
'title' => 'Typography',
'href' => $optionUrl_section.'type'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_style',
'id' => 'options_style_css',
'title' => 'Custom CSS',
'href' => $optionUrl_section.'custom-css'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_style',
'id' => 'options_style_lightbox',
'title' => 'Image Lightbox',
'href' => $optionUrl_section.'lightbox'
));
if(is_woocommerce_activated()) {
$wp_admin_bar->add_menu( array(
'parent' => 'theme_options',
'id' => 'options_shop',
'title' => '<span class="dashicons dashicons-cart" style="'.$icon_style.'"></span>&nbsp;WooCommerce',
'href' => $optionUrl_panel.'woocommerce'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_shop',
'id' => 'options_shop_store_notice',
'title' => __( 'Store Notice', 'woocommerce' ),
'href' => $optionUrl_section.'woocommerce_store_notice'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_shop',
'id' => 'options_shop_category_page',
'title' => __( 'Product Catalog', 'woocommerce' ),
'href' => $optionUrl_section.'woocommerce_product_catalog'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_shop',
'id' => 'options_shop_product_page',
'title' => 'Product Page',
'href' => $optionUrl_section.'product-page'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_shop',
'id' => 'options_shop_my_account',
'title' => 'My Account',
'href' => $optionUrl_section.'fl-my-account'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_shop',
'id' => 'options_shop_payment_icons',
'title' => 'Payment Icons',
'href' => $optionUrl_section.'payment-icons'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_shop',
'id' => 'options_shop_product_images',
'title' => __( 'Product Images', 'woocommerce' ),
'href' => $optionUrl_section.'woocommerce_product_images'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_shop',
'id' => 'options_shop_checkout',
'title' => 'Checkout',
'href' => $optionUrl_section.'woocommerce_checkout'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_shop',
'id' => 'options_shop_cart',
'title' => 'Cart',
'href' => $optionUrl_section.'cart-checkout'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_shop',
'id' => 'options_advanced_woocommerce_2',
'title' => 'Advanced',
'href' => $advanced_url.'of-option-woocommerce'
));
}
$wp_admin_bar->add_menu( array(
'parent' => 'theme_options',
'id' => 'options_layout',
'title' => '<span class="dashicons dashicons-editor-table" style="'.$icon_style.'"></span> Layout',
'href' => $optionUrl_section.'layout'
));
$wp_admin_bar->add_menu( array(
'parent' => 'theme_options',
'id' => 'options_pages',
'title' => '<span class="dashicons dashicons-admin-page" style="'.$icon_style.'"></span> Pages',
'href' => $optionUrl_section.'pages'
));
$wp_admin_bar->add_menu( array(
'parent' => 'theme_options',
'id' => 'options_blog',
'title' => '<span class="dashicons dashicons-edit" style="'.$icon_style.'"></span> Blog',
'href' => $optionUrl_panel.'blog'
));
$wp_admin_bar->add_menu( array(
'parent' => 'theme_options',
'id' => 'options_portfolio',
'title' => '<span class="dashicons dashicons-portfolio" style="'.$icon_style.'"></span> Portfolio',
'href' => $optionUrl_section.'fl-portfolio'
));
$wp_admin_bar->add_menu( array(
'parent' => 'theme_options',
'id' => 'options_footer',
'title' => '<span class="dashicons dashicons-arrow-down-alt" style="'.$icon_style.'"></span> Footer',
'href' => $optionUrl_section.'footer'
));
$wp_admin_bar->add_menu( array(
'parent' => 'theme_options',
'id' => 'options_menus',
'title' => '<span class="dashicons dashicons-menu " style="'.$icon_style.'"></span> Menus',
'href' => $optionUrl_panel.'nav_menus'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_menus',
'id' => 'options_menus_backend',
'title' => 'Back-end editor',
'href' => admin_url().'nav-menus.php'
));
$wp_admin_bar->add_menu( array(
'parent' => 'theme_options',
'id' => 'options_widgets',
'title' => '<span class="dashicons dashicons-welcome-widgets-menus" style="'.$icon_style.'"></span> Widgets',
'href' => $optionUrl_panel.'widgets'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_widgets',
'id' => 'options_widgets_backend',
'title' => 'Back-end editor',
'href' => admin_url().'widgets.php'
));
$wp_admin_bar->add_menu( array(
'parent' => 'theme_options',
'id' => 'options_share',
'title' => '<span class="dashicons dashicons-share" style="'.$icon_style.'"></span> Share',
'href' => $optionUrl_section.'share'
));
$wp_admin_bar->add_menu( array(
'parent' => 'theme_options',
'id' => 'options_notifications',
'title' => '<span class="dashicons dashicons-testimonial" style="' . $icon_style . '"></span> Notifications',
'href' => $optionUrl_section . 'notifications',
) );
$wp_admin_bar->add_menu( array(
'parent' => 'theme_options',
'id' => 'options_reset',
'title' => '<span class="dashicons dashicons-admin-generic" style="'.$icon_style.'"></span> Reset',
'href' => $optionUrl_section.'advanced'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_advanced',
'id' => 'options_advanced_custom_scripts',
'title' => 'Global Settings',
'href' => $advanced_url.'of-option-globalsettings'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_advanced',
'id' => 'options_advanced_custom_css',
'title' => 'Custom CSS',
'href' => $advanced_url.'of-option-customcss'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_advanced',
'id' => 'options_advanced_performance',
'title' => 'Performance',
'href' => $advanced_url.'of-option-performance'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_advanced',
'id' => 'options_advanced_site_loader',
'title' => 'Site Loader',
'href' => $advanced_url.'of-option-siteloader'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_advanced',
'id' => 'options_advanced_site_search',
'title' => 'Site Search',
'href' => $advanced_url.'of-option-sitesearch'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_advanced',
'id' => 'options_advanced_instagram_api',
'title' => 'Instagram',
'href' => $advanced_url.'of-option-instagram'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_advanced',
'id' => 'options_advanced_google_apis',
'title' => 'Google APIs',
'href' => $advanced_url.'of-option-googleapis'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_advanced',
'id' => 'options_advanced_maintenance',
'title' => 'Maintenance',
'href' => $advanced_url.'of-option-maintenancemode'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_advanced',
'id' => 'options_advanced_404',
'title' => '404 Page',
'href' => $advanced_url . 'of-option-404page',
) );
$wp_admin_bar->add_menu( array(
'parent' => 'options_advanced',
'id' => 'options_advanced_woocommerce',
'title' => 'WooCommerce',
'href' => $advanced_url.'of-option-woocommerce'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_advanced',
'id' => 'options_advanced_catalog_mode',
'title' => 'Catalog Mode',
'href' => $advanced_url.'of-option-catalogmode'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_advanced',
'id' => 'options_advanced_infinite_scroll',
'title' => 'Infinite Scroll',
'href' => $advanced_url.'of-option-infinitescroll'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_advanced',
'id' => 'options_advanced_portfolio',
'title' => 'Portfolio',
'href' => $advanced_url.'of-option-portfolio'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_advanced',
'id' => 'options_advanced_mobile',
'title' => 'Mobile',
'href' => $advanced_url.'of-option-mobile'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_advanced',
'id' => 'options_advanced_integrations',
'title' => 'Integrations',
'href' => $advanced_url.'of-option-integrations'
));
$wp_admin_bar->add_menu( array(
'parent' => 'options_advanced',
'id' => 'options_advanced_backup',
'title' => 'Backup / Import',
'href' => $advanced_url.'of-option-backupandimport'
));
// HELPERS
if(is_category() || is_home()){
$wp_admin_bar->add_menu( array(
'parent' => 'customize',
'id' => 'admin_bar_helper',
'title' => 'Blog Layout',
'href' => $optionUrl_panel.'blog'
));
}
if(is_woocommerce_activated()) {
if(is_cart() ){
$wp_admin_bar->add_menu( array(
'parent' => 'customize',
'id' => 'admin_bar_helper',
'title' => 'Cart layout',
'href' => $optionUrl_section.'cart-checkout'
));
}
if(is_checkout()){
$wp_admin_bar->add_menu( array(
'parent' => 'customize',
'id' => 'admin_bar_helper',
'title' => 'Checkout layout',
'href' => $optionUrl_section.'woocommerce_checkout'
));
}
if(is_product()){
$wp_admin_bar->add_menu( array(
'parent' => 'customize',
'id' => 'admin_bar_helper',
'title' => __('Product Page','woocommerce'),
'href' => $optionUrl_section.'product-page'
));
}
if(is_account_page()){
$wp_admin_bar->add_menu( array(
'parent' => 'customize',
'id' => 'admin_bar_helper',
'title' => 'My Account Page',
'href' => $optionUrl_section.'fl-my-account'
));
}
if(is_shop() || is_product_category()){
$wp_admin_bar->add_menu( array(
'parent' => 'customize',
'id' => 'admin_bar_helper_flatsome',
'title' => __('Product Catalog','woocommerce'),
'href' => $optionUrl_section.'woocommerce_product_catalog'
));
}
}
}
add_action( 'admin_bar_menu', 'flatsome_admin_bar_helper' , 35);

View File

@@ -0,0 +1,79 @@
<?php
/**
* Flatsome Admin Engine Room.
* This is where all Admin Functions run
*
* @package flatsome
*/
/**
* Theme Panel
*/
require get_template_directory() . '/inc/admin/panel/panel.php';
// Add Advanced Options
if (!is_customize_preview() && is_admin() ) {
require get_template_directory() . '/inc/admin/envato_setup/envato_setup.php';
require get_template_directory() . '/inc/admin/advanced/index.php';
require get_template_directory() . '/inc/admin/backend/menu/class-menu.php';
}
// Add Admin Bar helper
if ( is_admin_bar_showing() ) {
require get_template_directory() . '/inc/admin/admin-bar.php';
}
// Add Notices
require get_template_directory() . '/inc/admin/admin-notice.php';
// Include Kirki.
require_once dirname( __FILE__ ) . '/kirki-config.php';
require_once dirname( __FILE__ ) . '/kirki/kirki.php';
// Add Options
if(is_customize_preview()){
// Include Customizer Settings
include_once(dirname( __FILE__ ).'/customizer/customizer-config.php');
include_once(dirname( __FILE__ ).'/customizer/customizer-reset.php');
// Include Options Helpers
include_once(dirname( __FILE__ ).'/options/helpers/options-helpers.php');
// Include Header builder
include_once(dirname( __FILE__ ).'/customizer/header-builder.php');
// Add Options
include_once(dirname( __FILE__ ).'/options/global/options-general.php');
include_once(dirname( __FILE__ ).'/options/layout/options-layout.php');
include_once(dirname( __FILE__ ).'/options/header/options-header.php');
include_once(dirname( __FILE__ ).'/options/footer/options-footer.php');
include_once(dirname( __FILE__ ).'/options/social/options-social.php');
include_once(dirname( __FILE__ ).'/options/pages/options-pages.php');
include_once(dirname( __FILE__ ).'/options/styles/options-colors.php');
include_once(dirname( __FILE__ ).'/options/styles/options-global.php');
include_once(dirname( __FILE__ ).'/options/styles/options-type.php');
include_once(dirname( __FILE__ ).'/options/styles/options-css.php');
include_once(dirname( __FILE__ ).'/options/styles/options-lightbox.php');
include_once(dirname( __FILE__ ).'/options/notifications/options-notifications.php');
if(get_theme_mod('fl_portfolio', 1)){
include_once(dirname( __FILE__ ).'/options/portfolio/options-portfolio.php');
}
include_once(dirname( __FILE__ ).'/options/blog/options-blog.php');
// Depricated options
include_once(dirname( __FILE__ ).'/options/options-depricated.php');
if(is_woocommerce_activated() && ( is_customize_preview() || is_admin() )) {
include_once(dirname( __FILE__ ).'/options/shop/options-shop.php');
}
}
if(is_admin()) {
include_once(dirname( __FILE__ ).'/options/pages/options-page-meta.php');
}

View File

@@ -0,0 +1,56 @@
<?php
add_action( 'admin_notices', 'flatsome_maintenance_admin_notice' );
function flatsome_maintenance_admin_notice() {
$screen = get_current_screen();
$advanced_url = get_admin_url() . 'admin.php?page=optionsframework&tab=';
$errors = flatsome_envato()->registration->get_errors();
if ( get_theme_mod( 'maintenance_mode', 0 ) && get_theme_mod( 'maintenance_mode_admin_notice', 1 ) ) {
?>
<div class="notice notice-info">
<p><?php echo sprintf( __( 'Flatsome Maintenance Mode is <strong>active</strong>. Please don\'t forget to <a href="%s">deactivate</a> it as soon as you are done.', 'flatsome-admin' ), $advanced_url . 'of-option-maintenancemode' ); ?></p>
</div>
<?php
}
if ( in_array( $screen->id, array( 'update-core', 'update-core-network' ), true ) && ! flatsome_envato()->registration->is_registered() ) {
?>
<div class="updated"><p><?php echo sprintf( __( '<a href="%s">Please enter your purchase code</a> to activate Flatsome and get one-click updates.', 'flatsome' ), esc_url_raw( network_admin_url( 'admin.php?page=flatsome-panel' ) ) ); ?></p></div>';
<?php
}
if (
count( $errors ) &&
flatsome_envato()->registration->get_option( 'show_notice' ) &&
$screen->id !== 'toplevel_page_flatsome-panel'
) {
?>
<div id="flatsome-notice" class="notice notice-warning notice-alt is-dismissible">
<h3 class="notice-title"><?php esc_html_e( 'Flatsome issues', 'flatsome' ); ?></h3>
<?php foreach ( $errors as $error ) : ?>
<?php echo wpautop( $error ); ?>
<?php endforeach; ?>
<p>
<a href="<?php echo esc_url_raw( admin_url( 'admin.php?page=flatsome-panel' ) ); ?>">
<?php esc_html_e( 'Manage registration', 'flatsome' ); ?>
</a>
</p>
<p>
<a href="<?php echo esc_url_raw( UXTHEMES_ACCOUNT_URL ); ?>" target="_blank" rel="noopener noreferrer">
<?php esc_html_e( 'Manage your licenses', 'flatsome' ); ?>
<span class="dashicons dashicons-external" style="vertical-align:middle;font-size:18px;text-decoration: none;"></span>
</a>
</p>
<script>
jQuery(function($){
$('#flatsome-notice').on('click', '.notice-dismiss', function(){
$.post('<?php echo admin_url( 'admin-ajax.php?action=flatsome_registration_dismiss_notice' ) ?>');
});
});
</script>
</div>
<?php
}
}

View File

@@ -0,0 +1,465 @@
/*-----------------------------------------------------------------------------------
/* Admin styles
/*-----------------------------------------------------------------------------------*/
.updated, .error {
display:none!important
} /* disable the admin notices */
.flatsome-instagram-accounts .theme .theme-screenshot::after {
padding-top: 100%;
}
.flatsome-instagram-connect {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow-y: auto;
background: rgba(0,0,0,0.3);
z-index: 900;
}
.flatsome-instagram-connect-body {
margin: 64px auto 32px;
padding: 8px 16px 16px;
max-width: 450px;
background: #fff;
box-shadow: 0 5px 5px rgba(0,0,0,0.1);
}
#of_container {
margin: 0;
width: 100%;
position:relative;
z-index: 0
}
#of_container ul,#of_container ol {margin: 0;}
#of_container .logo{padding:10px 20px; display: block;}
#of_container .logo span{font-size: 80%;font-weight: normal;opacity: 0.6;display: block;}
#of_container #main {
display: table;
vertical-align: top;
margin-left: -20px;
}
#of_container #of-nav {
display: table-cell;
z-index: 99;
min-width: 200px;
max-width: 200px;
vertical-align: top;
}
#of_container #of-nav ul {
margin:0;
}
#of_container #of-nav ul li a{
color:#666;
text-decoration: none;
padding:10px 30px 10px 20px;
display: block;
border-bottom: 1px solid #ddd;
font-weight: bold;
font-size: 100%;
background-repeat: no-repeat;
background-position: 90% 50%;
transition: all 0.3s;
}
#of_container #of-nav ul li{
margin: 0;padding:0;
}
#of_container #of-nav ul li.current a, #of_container #of-nav ul li a:hover{
color:#000; background-color: #fff;
margin-right: -1px;
position: relative;
}
/*menu icons - customize to your liking*/
#of_container #content {
border-left:1px solid #ddd;
display: table-cell;
min-height: 500px;
min-height: 100%;
background-color: #FFF;padding:30px;
width: 100%;
/*font-family: "Lucida Grande", Sans-serif;*/
}
#of_container #content .section {
margin-bottom: 10px;
max-width: 450px;
}
#of_container #content .section h3.heading {
font-size: 13px;
text-transform: uppercase;
margin: 20px 0 0 0;
padding: 15px 0px;
border-top: 1px solid #ddd;
}
#of_container #content .section .controls {
position: relative;
margin: 0 15px 10px 0;
}
#of_container #content .section .explain {
font-size: 11px;
color: #999;
}
/* Slider ui */
.section-sliderui .controls > *{display: inline-block;}
.section-sliderui .controls input{width:80px!important;}
/* Checkboxes */
#of_container #content .section-checkbox .option{
display: table;
}
#of_container #content .section-checkbox .option > div{
display: table-cell;
padding-right: 5px;
vertical-align: top;
}
#of_container #content input[type=checkbox] {
width: 17px;
min-width: 17px;
}
#of_container #content .section-multicheck .controls input{
display: inline-block;
width: 20px;
margin-right: 10px;
}
/* Options and select */
#of_container select, #of_container input, #of_container textarea{
width:100%;
background-color: #f9f9f9;
border:1px solid #ddd;
border-radius: 3px;
padding:10px;
color:#666;
font-size: 12px;
line-height: 16px;
}
#of_container select{
height: 32px;
padding: 0 0 0 10px;
max-width: 200px;
}
#of_container textarea{
max-width: 100%;
padding: 5px;
color:#666;
min-height: 150px;
}
#of_container .controls .of-radio-img-img {
outline:3px solid #fff;
margin:0 10px 10px 0;
border:1px solid #ccc;
display:none;
cursor:pointer;
float:left;
}
#of_container .controls .of-radio-img-selected {
outline:3px solid #0074a2
}
#of_container .controls .of-radio-img-img:hover {
opacity:.8;
}
#of_container .accept {
background: #DBF6BE no-repeat 10px center;
border: solid #9BBF65;
border-width: 0px 1px 1px 1px;
color: #060;
font-weight: bold;
padding: 10px;
text-align: center;
}
#of_container .warning {
background: #ffeeee no-repeat 10px center;
;
border: solid #dfbfbf;
border-width: 0px 1px 1px 1px;
color: #333;
font-weight: bold;
padding: 10px;
text-align: center;
}
#of_container .update_available {
background: #FFFEEB no-repeat 10px center;
border: solid #CCCCCC;
border-width: 0px 1px 1px 1px;
color: #333;
font-weight: bold;
padding: 10px;
text-align: center;
}
#of_container .of-save-popup {
position:fixed;
top:0px!important;
left:0!important;right:0!important;
background:#55c524;
opacity: 0.96;
color:#fff;
font-size:24px;
text-align:center;
display:none;
}
#of_container .of-save-popup div{
padding:40px 15px 15px;
}
html[data-iframe] #of_container .of-save-popup div{padding-top: 15px;}
#of_container .accept,
#of_container .warning,
#of_container .update_available,
#of_container .of-save-popup {
z-index: 9999;
}
#of_container .upload_button_div {
margin: 10px 0;
}
#of_backup_button {
margin-right: 5px;
}
#of_import_button {
margin-top: 10px;
}
#of_container .image_reset_button, #of_container .button.remove-image {
margin-left:10px;
color:#ef521d;
}
#of_container .image_reset_button:hover, #of_container .button.remove-image:hover {
color:red;
}
#of_container .upload-error {
float:left;
color:#666;
font-size:10px;
font-weight:bold;
text-decoration:none;
text-shadow:1px 1px 0 #FFFFFF;
margin: 0 10px 0 0;
padding:3px 10px;
background:#FFDFEC;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#of_container .reset-button {
font-family:Arial,Verdana,sans-serif;
margin:0 ;
color: #ef521d;
border-color: #bbb;
}
#of_container .reset-button:hover { color: #ef521d; border-color: #888}
#of_container .slide_add_button { float:right; margin-top:10px; }
#of_container .save_bar {
padding: 15px 20px;
display: block;
}
#of_save {
font-family: Arial,Verdana,sans-serif;
}
#of_save:hover {
border:1px solid #111 !important;
}
#of_container .hide {
display:none
}
#of_container .ajax-loading-img-top {
margin: 5px 4px 0;
float:left
}
#of_container .ajax-loading-img-bottom {
margin: 0 5px;
}
#of_container .ajax-reset-loading-img {
display: block;
margin-left: 100px;
}
#of_container .of-option-image {
max-width:340px;
padding: 5px;
border:1px solid #e3e3e3;
background:#f7f7f7;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#of_container .of-notice {
background: #ffd1d1;
border:1px solid #DFDFDF;
-moz-border-radius:8px;
text-align: center;
margin-bottom: 15px
}
/* google fonts previewer field style */
#of_container p.google_font_preview{
display: block;
border: 1px dotted lightgray;
float: left;
padding: 10px;
font-size: 10pt;
width: 318px;
height: auto;
margin: 0 0 10px 0;
line-height: 1.2;
}
/* Option folding */
#of_container .temphide {
display: none;
}
/*-------------------------------------------------------------------------------------------*/
/* Tipsy
/*-------------------------------------------------------------------------------------------*/
.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
.tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }
/* Rounded corners */
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
/* Rules to colour arrows */
.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-left-color: #000; }
.tipsy-arrow-w { border-right-color: #000; }
.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
/*-------------------------------------------------------------------------------------------*/
/* Color picker overwrite
/*-------------------------------------------------------------------------------------------*/
#of_container .controls .wp-picker-container input.button{
width: auto;
height: auto;
line-height: 1.5;
padding: 2px 8px;
margin: 0px 6px 6px 6px;
}
#of_container .controls .of-color {
float: left;
width: 70px;
margin-left: 5px;
margin-top: 0px;
padding: 3px;
}
#of_container .controls .wp-color-result.wp-picker-open {
top: -3px;
}
#of_container #content .section-color .controls {
width: 345px;
}
#of_container #content .section-color .explain {
width: 225px;
}
#of_container #content .iris-picker .iris-strip .ui-slider-handle {
position: absolute;
background: none!important;
right: -3px;
left: -3px;
border: 4px solid #aaa!important;
border-width: 4px 3px;
width: auto;
height: 6px;
border-radius: 4px;
box-shadow: 0 1px 2px rgba(0,0,0,.2);
opacity: .9;
z-index: 5;
cursor: ns-resize;
}
#of_container #content .iris-picker .iris-slider-offset {
position: absolute;
top: 3px;
left: 0;
right: 0;
bottom: 6px;
width: 28px;
background: none!important;
border: 0!important;
height: auto;
}
#of_container .controls .wp-picker-container .wp-color-result {
outline: 0;
border-color: #dddddd;
}
#section-top_right_text .explain{
float:none; width:100%!important;
}
/* presets */
.pre_select_wrapper{display: none;padding:30px;border-radius:3px;background-color: #ccc;margin-top: 10px; text-align: center;}
#of_container #content .section-presets {max-width: 100%;}
#of_container #content .section-presets .controls{width:100%;padding-bottom: 30px}
#of_container #content .section-presets .cancel{display: block;}
#of_container #content .section-presets .controls img{max-width: 900px;border:3px solid #ccc; margin:10px 0}
.pre_select_wrapper > a{display: inline-block;}
#of_container #content .section-presets .controls img:hover{border-color:#0074a2;}

View File

@@ -0,0 +1 @@
.wp-color-picker{width:80px}.wp-picker-container .hidden{display:none}.wp-color-result{background-color:#f9f9f9;border:1px solid #bbb;border-radius:2px;cursor:pointer;display:inline-block;height:22px;margin:0 6px 6px 0;position:relative;top:1px;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;vertical-align:bottom;display:inline-block;padding-left:30px}.wp-color-result:after{background:#f3f3f3;background-image:-webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#f4f4f4));background-image:-webkit-linear-gradient(top,#fefefe,#f4f4f4);background-image:-moz-linear-gradient(top,#fefefe,#f4f4f4);background-image:-o-linear-gradient(top,#fefefe,#f4f4f4);background-image:linear-gradient(to bottom,#fefefe,#f4f4f4);color:#333;text-shadow:0 1px 0 #fff;border-radius:0 1px 1px 0;border-left:1px solid #bbb;content:attr(title);display:block;font-size:11px;line-height:22px;padding:0 6px;position:relative;right:0;text-align:center;top:0}.wp-color-result:hover{border-color:#aaa;box-shadow:0 1px 1px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);-ms-box-shadow:0 1px 1px rgba(0,0,0,0.1);-o-box-shadow:0 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1)}.wp-color-result:hover:after{color:#222;border-color:#aaa;border-left:1px solid #999}.wp-color-result.wp-picker-open{top:0}.wp-color-result.wp-picker-open:after{content:attr(data-current)}.wp-picker-container,.wp-picker-container:active{display:inline-block;outline:0}.wp-color-result:focus{border-color:#888;-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);-ms-box-shadow:0 1px 2px rgba(0,0,0,0.2);-o-box-shadow:0 1px 2px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);box-shadow:0 1px 2px rgba(0,0,0,0.2)}.wp-color-result:focus:after{border-color:#888}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-container .button{margin-left:6px}.wp-picker-container .iris-square-slider .ui-slider-handle:focus{background-color:#555}.wp-picker-container .iris-picker{border-color:#dfdfdf;margin-top:6px}input[type="text"].iris-error{background-color:#ffebe8;border-color:#c00;color:#000}

View File

@@ -0,0 +1,78 @@
/*
* jQuery UI CSS Framework 1.8.14
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*
* jQuery UI Slider 1.8.14
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Slider#theming
*/
.ui-slider { position: relative; text-align: left; background:#eee; border-radius:2px; width:200px; display:inline-block; margin-right:10px; border: 1px solid #999;}
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 18px; height: 18px; cursor: default; background: url(../images/slider-control.png) no-repeat center center !important; cursor: pointer;}
.ui-slider .ui-slider-handle.ui-corner-all { border:0 !important;}
.ui-slider .ui-slider-handle.ui-state-focus { border:0 !important; background: url(../images/slider-control.png) no-repeat center center !important;outline: none;}
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: 7px; border-color: #aaa;
border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;
box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.20), 0px 0px 1px rgba(0, 0, 0, 0.20);
-moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.20), 0px 0px 1px rgba(0, 0, 0, 0.20);
-webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.20), 0px 0px 1px rgba(0, 0, 0, 0.20);}
.ui-slider-horizontal .ui-slider-handle { top: -5px; margin-left: -9px; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-range{border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;
box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.20), 0px 0px 1px rgba(0, 0, 0, 0.20);
-moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.20), 0px 0px 1px rgba(0, 0, 0, 0.20);
-webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.20), 0px 0px 1px rgba(0, 0, 0, 0.20);}
.ui-slider-range.ui-widget-header{border: 1px solid #094B97; margin-top: -1px; margin-left: -1px; background: #0F7FFF;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;}
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@@ -0,0 +1 @@
(function(f,e){var a='<a tabindex="0" class="wp-color-result" />',c='<div class="wp-picker-holder" />',b='<div class="wp-picker-container" />',g='<input type="button" class="button button-small hidden" />';var d={options:{defaultColor:false,change:false,clear:false,hide:true,palettes:true},_create:function(){if(f.browser.msie&&parseInt(f.browser.version,10)<8){return}var h=this;var i=h.element;f.extend(h.options,i.data());h.initialValue=i.val();i.addClass("wp-color-picker").hide().wrap(b);h.wrap=i.parent();h.toggler=f(a).insertBefore(i).css({backgroundColor:h.initialValue}).attr("title",wpColorPickerL10n.pick).attr("data-current",wpColorPickerL10n.current);h.pickerContainer=f(c).insertAfter(i);h.button=f(g);if(h.options.defaultColor){h.button.addClass("wp-picker-default").val(wpColorPickerL10n.defaultString)}else{h.button.addClass("wp-picker-clear").val(wpColorPickerL10n.clear)}i.wrap('<span class="wp-picker-input-wrap" />').after(h.button);i.iris({target:h.pickerContainer,hide:true,width:255,mode:"hsv",palettes:h.options.palettes,change:function(j,k){h.toggler.css({backgroundColor:k.color.toString()});if(f.isFunction(h.options.change)){h.options.change.call(this,j,k)}}});i.val(h.initialValue);h._addListeners();if(!h.options.hide){h.toggler.click()}},_addListeners:function(){var h=this;h.toggler.click(function(i){i.stopPropagation();h.element.toggle().iris("toggle");h.button.toggleClass("hidden");h.toggler.toggleClass("wp-picker-open");if(h.toggler.hasClass("wp-picker-open")){f("body").on("click",{wrap:h.wrap,toggler:h.toggler},h._bodyListener)}else{f("body").off("click",h._bodyListener)}});h.element.change(function(j){var i=f(this),k=i.val();if(k===""||k==="#"){h.toggler.css("backgroundColor","");if(f.isFunction(h.options.clear)){h.options.clear.call(this,j)}}});h.toggler.on("keyup",function(i){if(i.keyCode===13||i.keyCode===32){i.preventDefault();h.toggler.trigger("click").next().focus()}});h.button.click(function(j){var i=f(this);if(i.hasClass("wp-picker-clear")){h.element.val("");h.toggler.css("backgroundColor","");if(f.isFunction(h.options.clear)){h.options.clear.call(this,j)}}else{if(i.hasClass("wp-picker-default")){h.element.val(h.options.defaultColor).change()}}})},_bodyListener:function(h){if(!h.data.wrap.find(h.target).length){h.data.toggler.click()}},color:function(h){if(h===e){return this.element.iris("option","color")}this.element.iris("option","color",h)},defaultColor:function(h){if(h===e){return this.options.defaultColor}this.options.defaultColor=h}};f.widget("wp.wpColorPicker",d)}(jQuery));

View File

@@ -0,0 +1 @@
jQuery.cookie=function(key,value,options){if(arguments.length>1&&String(value)!=="[object Object]"){options=jQuery.extend({},options);if(value===null||value===undefined){options.expires=-1}if(typeof options.expires==='number'){var days=options.expires,t=options.expires=new Date();t.setDate(t.getDate()+days)}value=String(value);return(document.cookie=[encodeURIComponent(key),'=',options.raw?value:encodeURIComponent(value),options.expires?'; expires='+options.expires.toUTCString():'',options.path?'; path='+options.path:'',options.domain?'; domain='+options.domain:'',options.secure?'; secure':''].join(''))}options=value||{};var result,decode=options.raw?function(s){return s}:decodeURIComponent;return(result=new RegExp('(?:^|; )'+encodeURIComponent(key)+'=([^;]*)').exec(document.cookie))?decode(result[1]):null};

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,182 @@
/*
jQuery Masked Input Plugin
Copyright (c) 2007 - 2015 Josh Bush (digitalbush.com)
Licensed under the MIT license (http://digitalbush.com/projects/masked-input-plugin/#license)
Version: 1.4.1
*/
!function(factory) {
"function" == typeof define && define.amd ? define([ "jquery" ], factory) : factory("object" == typeof exports ? require("jquery") : jQuery);
}(function($) {
var caretTimeoutId, ua = navigator.userAgent, iPhone = /iphone/i.test(ua), chrome = /chrome/i.test(ua), android = /android/i.test(ua);
$.mask = {
definitions: {
"9": "[0-9]",
a: "[A-Za-z]",
"*": "[A-Za-z0-9]"
},
autoclear: !0,
dataName: "rawMaskFn",
placeholder: "_"
}, $.fn.extend({
caret: function(begin, end) {
var range;
if (0 !== this.length && !this.is(":hidden")) return "number" == typeof begin ? (end = "number" == typeof end ? end : begin,
this.each(function() {
this.setSelectionRange ? this.setSelectionRange(begin, end) : this.createTextRange && (range = this.createTextRange(),
range.collapse(!0), range.moveEnd("character", end), range.moveStart("character", begin),
range.select());
})) : (this[0].setSelectionRange ? (begin = this[0].selectionStart, end = this[0].selectionEnd) : document.selection && document.selection.createRange && (range = document.selection.createRange(),
begin = 0 - range.duplicate().moveStart("character", -1e5), end = begin + range.text.length),
{
begin: begin,
end: end
});
},
unmask: function() {
return this.trigger("unmask");
},
mask: function(mask, settings) {
var input, defs, tests, partialPosition, firstNonMaskPos, lastRequiredNonMaskPos, len, oldVal;
if (!mask && this.length > 0) {
input = $(this[0]);
var fn = input.data($.mask.dataName);
return fn ? fn() : void 0;
}
return settings = $.extend({
autoclear: $.mask.autoclear,
placeholder: $.mask.placeholder,
completed: null
}, settings), defs = $.mask.definitions, tests = [], partialPosition = len = mask.length,
firstNonMaskPos = null, $.each(mask.split(""), function(i, c) {
"?" == c ? (len--, partialPosition = i) : defs[c] ? (tests.push(new RegExp(defs[c])),
null === firstNonMaskPos && (firstNonMaskPos = tests.length - 1), partialPosition > i && (lastRequiredNonMaskPos = tests.length - 1)) : tests.push(null);
}), this.trigger("unmask").each(function() {
function tryFireCompleted() {
if (settings.completed) {
for (var i = firstNonMaskPos; lastRequiredNonMaskPos >= i; i++) if (tests[i] && buffer[i] === getPlaceholder(i)) return;
settings.completed.call(input);
}
}
function getPlaceholder(i) {
return settings.placeholder.charAt(i < settings.placeholder.length ? i : 0);
}
function seekNext(pos) {
for (;++pos < len && !tests[pos]; ) ;
return pos;
}
function seekPrev(pos) {
for (;--pos >= 0 && !tests[pos]; ) ;
return pos;
}
function shiftL(begin, end) {
var i, j;
if (!(0 > begin)) {
for (i = begin, j = seekNext(end); len > i; i++) if (tests[i]) {
if (!(len > j && tests[i].test(buffer[j]))) break;
buffer[i] = buffer[j], buffer[j] = getPlaceholder(j), j = seekNext(j);
}
writeBuffer(), input.caret(Math.max(firstNonMaskPos, begin));
}
}
function shiftR(pos) {
var i, c, j, t;
for (i = pos, c = getPlaceholder(pos); len > i; i++) if (tests[i]) {
if (j = seekNext(i), t = buffer[i], buffer[i] = c, !(len > j && tests[j].test(t))) break;
c = t;
}
}
function androidInputEvent() {
var curVal = input.val(), pos = input.caret();
if (oldVal && oldVal.length && oldVal.length > curVal.length) {
for (checkVal(!0); pos.begin > 0 && !tests[pos.begin - 1]; ) pos.begin--;
if (0 === pos.begin) for (;pos.begin < firstNonMaskPos && !tests[pos.begin]; ) pos.begin++;
input.caret(pos.begin, pos.begin);
} else {
for (checkVal(!0); pos.begin < len && !tests[pos.begin]; ) pos.begin++;
input.caret(pos.begin, pos.begin);
}
tryFireCompleted();
}
function blurEvent() {
checkVal(), input.val() != focusText && input.change();
}
function keydownEvent(e) {
if (!input.prop("readonly")) {
var pos, begin, end, k = e.which || e.keyCode;
oldVal = input.val(), 8 === k || 46 === k || iPhone && 127 === k ? (pos = input.caret(),
begin = pos.begin, end = pos.end, end - begin === 0 && (begin = 46 !== k ? seekPrev(begin) : end = seekNext(begin - 1),
end = 46 === k ? seekNext(end) : end), clearBuffer(begin, end), shiftL(begin, end - 1),
e.preventDefault()) : 13 === k ? blurEvent.call(this, e) : 27 === k && (input.val(focusText),
input.caret(0, checkVal()), e.preventDefault());
}
}
function keypressEvent(e) {
if (!input.prop("readonly")) {
var p, c, next, k = e.which || e.keyCode, pos = input.caret();
if (!(e.ctrlKey || e.altKey || e.metaKey || 32 > k) && k && 13 !== k) {
if (pos.end - pos.begin !== 0 && (clearBuffer(pos.begin, pos.end), shiftL(pos.begin, pos.end - 1)),
p = seekNext(pos.begin - 1), len > p && (c = String.fromCharCode(k), tests[p].test(c))) {
if (shiftR(p), buffer[p] = c, writeBuffer(), next = seekNext(p), android) {
var proxy = function() {
$.proxy($.fn.caret, input, next)();
};
setTimeout(proxy, 0);
} else input.caret(next);
pos.begin <= lastRequiredNonMaskPos && tryFireCompleted();
}
e.preventDefault();
}
}
}
function clearBuffer(start, end) {
var i;
for (i = start; end > i && len > i; i++) tests[i] && (buffer[i] = getPlaceholder(i));
}
function writeBuffer() {
input.val(buffer.join(""));
}
function checkVal(allow) {
var i, c, pos, test = input.val(), lastMatch = -1;
for (i = 0, pos = 0; len > i; i++) if (tests[i]) {
for (buffer[i] = getPlaceholder(i); pos++ < test.length; ) if (c = test.charAt(pos - 1),
tests[i].test(c)) {
buffer[i] = c, lastMatch = i;
break;
}
if (pos > test.length) {
clearBuffer(i + 1, len);
break;
}
} else buffer[i] === test.charAt(pos) && pos++, partialPosition > i && (lastMatch = i);
return allow ? writeBuffer() : partialPosition > lastMatch + 1 ? settings.autoclear || buffer.join("") === defaultBuffer ? (input.val() && input.val(""),
clearBuffer(0, len)) : writeBuffer() : (writeBuffer(), input.val(input.val().substring(0, lastMatch + 1))),
partialPosition ? i : firstNonMaskPos;
}
var input = $(this), buffer = $.map(mask.split(""), function(c, i) {
return "?" != c ? defs[c] ? getPlaceholder(i) : c : void 0;
}), defaultBuffer = buffer.join(""), focusText = input.val();
input.data($.mask.dataName, function() {
return $.map(buffer, function(c, i) {
return tests[i] && c != getPlaceholder(i) ? c : null;
}).join("");
}), input.one("unmask", function() {
input.off(".mask").removeData($.mask.dataName);
}).on("focus.mask", function() {
if (!input.prop("readonly")) {
clearTimeout(caretTimeoutId);
var pos;
focusText = input.val(), pos = checkVal(), caretTimeoutId = setTimeout(function() {
input.get(0) === document.activeElement && (writeBuffer(), pos == mask.replace("?", "").length ? input.caret(0, pos) : input.caret(pos));
}, 10);
}
}).on("blur.mask", blurEvent).on("keydown.mask", keydownEvent).on("keypress.mask", keypressEvent).on("input.mask paste.mask", function() {
input.prop("readonly") || setTimeout(function() {
var pos = checkVal(!0);
input.caret(pos), tryFireCompleted();
}, 0);
}), chrome && android && input.off("input.mask").on("input.mask", androidInputEvent),
checkVal();
});
}
});
});

View File

@@ -0,0 +1,241 @@
// tipsy, facebook style tooltips for jquery
// version 1.0.0a
// (c) 2008-2010 jason frame [jason@onehackoranother.com]
// released under the MIT license
(function($) {
function maybeCall(thing, ctx) {
return (typeof thing == 'function') ? (thing.call(ctx)) : thing;
};
function Tipsy(element, options) {
this.$element = $(element);
this.options = options;
this.enabled = true;
this.fixTitle();
};
Tipsy.prototype = {
show: function() {
var title = this.getTitle();
if (title && this.enabled) {
var $tip = this.tip();
$tip.find('.tipsy-inner')[this.options.html ? 'html' : 'text'](title);
$tip[0].className = 'tipsy'; // reset classname in case of dynamic gravity
$tip.remove().css({top: 0, left: 0, visibility: 'hidden', display: 'block'}).prependTo(document.body);
var pos = $.extend({}, this.$element.offset(), {
width: this.$element[0].offsetWidth,
height: this.$element[0].offsetHeight
});
var actualWidth = $tip[0].offsetWidth,
actualHeight = $tip[0].offsetHeight,
gravity = maybeCall(this.options.gravity, this.$element[0]);
var tp;
switch (gravity.charAt(0)) {
case 'n':
tp = {top: pos.top + pos.height + this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2};
break;
case 's':
tp = {top: pos.top - actualHeight - this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2};
break;
case 'e':
tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth - this.options.offset};
break;
case 'w':
tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width + this.options.offset};
break;
}
if (gravity.length == 2) {
if (gravity.charAt(1) == 'w') {
tp.left = pos.left + pos.width / 2 - 15;
} else {
tp.left = pos.left + pos.width / 2 - actualWidth + 15;
}
}
$tip.css(tp).addClass('tipsy-' + gravity);
$tip.find('.tipsy-arrow')[0].className = 'tipsy-arrow tipsy-arrow-' + gravity.charAt(0);
if (this.options.className) {
$tip.addClass(maybeCall(this.options.className, this.$element[0]));
}
if (this.options.fade) {
$tip.stop().css({opacity: 0, display: 'block', visibility: 'visible'}).animate({opacity: this.options.opacity});
} else {
$tip.css({visibility: 'visible', opacity: this.options.opacity});
}
}
},
hide: function() {
if (this.options.fade) {
this.tip().stop().fadeOut(function() { $(this).remove(); });
} else {
this.tip().remove();
}
},
fixTitle: function() {
var $e = this.$element;
if ($e.attr('title') || typeof($e.attr('original-title')) != 'string') {
$e.attr('original-title', $e.attr('title') || '').removeAttr('title');
}
},
getTitle: function() {
var title, $e = this.$element, o = this.options;
this.fixTitle();
var title, o = this.options;
if (typeof o.title == 'string') {
title = $e.attr(o.title == 'title' ? 'original-title' : o.title);
} else if (typeof o.title == 'function') {
title = o.title.call($e[0]);
}
title = ('' + title).replace(/(^\s*|\s*$)/, "");
return title || o.fallback;
},
tip: function() {
if (!this.$tip) {
this.$tip = $('<div class="tipsy"></div>').html('<div class="tipsy-arrow"></div><div class="tipsy-inner"></div>');
}
return this.$tip;
},
validate: function() {
if (!this.$element[0].parentNode) {
this.hide();
this.$element = null;
this.options = null;
}
},
enable: function() { this.enabled = true; },
disable: function() { this.enabled = false; },
toggleEnabled: function() { this.enabled = !this.enabled; }
};
$.fn.tipsy = function(options) {
if (options === true) {
return this.data('tipsy');
} else if (typeof options == 'string') {
var tipsy = this.data('tipsy');
if (tipsy) tipsy[options]();
return this;
}
options = $.extend({}, $.fn.tipsy.defaults, options);
function get(ele) {
var tipsy = $.data(ele, 'tipsy');
if (!tipsy) {
tipsy = new Tipsy(ele, $.fn.tipsy.elementOptions(ele, options));
$.data(ele, 'tipsy', tipsy);
}
return tipsy;
}
function enter() {
var tipsy = get(this);
tipsy.hoverState = 'in';
if (options.delayIn == 0) {
tipsy.show();
} else {
tipsy.fixTitle();
setTimeout(function() { if (tipsy.hoverState == 'in') tipsy.show(); }, options.delayIn);
}
};
function leave() {
var tipsy = get(this);
tipsy.hoverState = 'out';
if (options.delayOut == 0) {
tipsy.hide();
} else {
setTimeout(function() { if (tipsy.hoverState == 'out') tipsy.hide(); }, options.delayOut);
}
};
if (!options.live) this.each(function() { get(this); });
if (options.trigger != 'manual') {
var binder = options.live ? 'live' : 'bind',
eventIn = options.trigger == 'hover' ? 'mouseenter' : 'focus',
eventOut = options.trigger == 'hover' ? 'mouseleave' : 'blur';
this[binder](eventIn, enter)[binder](eventOut, leave);
}
return this;
};
$.fn.tipsy.defaults = {
className: null,
delayIn: 0,
delayOut: 0,
fade: false,
fallback: '',
gravity: 'n',
html: false,
live: false,
offset: 0,
opacity: 0.8,
title: 'title',
trigger: 'hover'
};
// Overwrite this method to provide options on a per-element basis.
// For example, you could store the gravity in a 'tipsy-gravity' attribute:
// return $.extend({}, options, {gravity: $(ele).attr('tipsy-gravity') || 'n' });
// (remember - do not modify 'options' in place!)
$.fn.tipsy.elementOptions = function(ele, options) {
return $.metadata ? $.extend({}, options, $(ele).metadata()) : options;
};
$.fn.tipsy.autoNS = function() {
return $(this).offset().top > ($(document).scrollTop() + $(window).height() / 2) ? 's' : 'n';
};
$.fn.tipsy.autoWE = function() {
return $(this).offset().left > ($(document).scrollLeft() + $(window).width() / 2) ? 'e' : 'w';
};
/**
* yields a closure of the supplied parameters, producing a function that takes
* no arguments and is suitable for use as an autogravity function like so:
*
* @param margin (int) - distance from the viewable region edge that an
* element should be before setting its tooltip's gravity to be away
* from that edge.
* @param prefer (string, e.g. 'n', 'sw', 'w') - the direction to prefer
* if there are no viewable region edges effecting the tooltip's
* gravity. It will try to vary from this minimally, for example,
* if 'sw' is preferred and an element is near the right viewable
* region edge, but not the top edge, it will set the gravity for
* that element's tooltip to be 'se', preserving the southern
* component.
*/
$.fn.tipsy.autoBounds = function(margin, prefer) {
return function() {
var dir = {ns: prefer[0], ew: (prefer.length > 1 ? prefer[1] : false)},
boundTop = $(document).scrollTop() + margin,
boundLeft = $(document).scrollLeft() + margin,
$this = $(this);
if ($this.offset().top < boundTop) dir.ns = 'n';
if ($this.offset().left < boundLeft) dir.ew = 'w';
if ($(window).width() + $(document).scrollLeft() - $this.offset().left < margin) dir.ew = 'e';
if ($(window).height() + $(document).scrollTop() - $this.offset().top < margin) dir.ns = 's';
return dir.ns + (dir.ew ? dir.ew : '');
}
};
})(jQuery);

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,673 @@
/**
* SMOF js
*
* contains the core functionalities to be used
* inside SMOF
*/
jQuery.noConflict();
/** Fire up jQuery - let's dance!
*/
jQuery(document).ready(function($){
var $ofContainer = $('#of_container');
//(un)fold options in a checkbox-group
jQuery('.fld').click(function() {
var $fold='.f_'+this.id;
$($fold).slideToggle('normal', "swing");
});
//Color picker
$('.of-color').wpColorPicker();
//hides warning if js is enabled
$('#js-warning').hide();
//Tabify Options
$('.group').hide();
// Get the URL parameter for tab
function getURLParameter(name) {
return decodeURI(
(RegExp(name + '=' + '(.+?)(&|$)').exec(location.search)||[,''])[1]
);
}
// If the $_GET param of tab is set, use that for the tab that should be open
if (getURLParameter('tab') != "") {
$.cookie('of_current_opt', '#'+getURLParameter('tab'), { expires: 7, path: '/' });
}
// Display last current tab
if ($.cookie("of_current_opt") === null) {
$('.group:first').fadeIn('fast');
$('#of-nav li:first').addClass('current');
} else {
var hooks = $('#hooks').html();
hooks = jQuery.parseJSON(hooks);
$.each(hooks, function(key, value) {
if ($.cookie("of_current_opt") == '#of-option-'+ value) {
$('.group#of-option-' + value).fadeIn();
$('#of-nav li.' + value).addClass('current');
}
});
}
//Current Menu Class
$('#of-nav li a').click(function(evt){
// event.preventDefault();
$('#of-nav li').removeClass('current');
$(this).parent().addClass('current');
var clicked_group = $(this).attr('href');
$.cookie('of_current_opt', clicked_group, { expires: 7, path: '/' });
$('.group').hide();
$(clicked_group).fadeIn('fast');
return false;
});
//Masked Inputs (images as radio buttons)
$('.of-radio-img-img').click(function(){
$(this).parent().parent().find('.of-radio-img-img').removeClass('of-radio-img-selected');
$(this).addClass('of-radio-img-selected');
});
$('.of-radio-img-label').hide();
$('.of-radio-img-img').show();
$('.of-radio-img-radio').hide();
//Masked Inputs (background images as radio buttons)
$('.of-radio-tile-img').click(function(){
$(this).parent().parent().find('.of-radio-tile-img').removeClass('of-radio-tile-selected');
$(this).addClass('of-radio-tile-selected');
});
$('.of-radio-tile-label').hide();
$('.of-radio-tile-img').show();
$('.of-radio-tile-radio').hide();
/** Aquagraphite Slider MOD */
//Hide (Collapse) the toggle containers on load
$(".slide_body").hide();
//Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
$ofContainer.on('click', '.slide_edit_button', function () {
/*
//display as an accordion
$(".slide_header").removeClass("active");
$(".slide_body").slideUp("fast");
*/
//toggle for each
$(this).parent().toggleClass("active").next().slideToggle("fast");
return false; //Prevent the browser jump to the link anchor
});
// Update slide title upon typing
function update_slider_title(e) {
var element = e;
if ( this.timer ) {
clearTimeout( element.timer );
}
this.timer = setTimeout( function() {
$(element).parent().prev().find('strong').text( element.value );
}, 100);
return true;
}
$ofContainer.on('keyup', '.of-slider-title', function () {
update_slider_title(this);
});
//Remove individual slide
$ofContainer.on('click', '.slide_delete_button', function () {
// event.preventDefault();
var agree = confirm("Are you sure you wish to delete this slide?");
if (agree) {
var $trash = $(this).parents('li');
//$trash.slideUp('slow', function(){ $trash.remove(); }); //chrome + confirm bug made slideUp not working...
$trash.animate({
opacity: 0.25,
height: 0,
}, 500, function() {
$(this).remove();
});
return false; //Prevent the browser jump to the link anchor
} else {
return false;
}
});
//Add new slide
$ofContainer.on('click', '.slide_add_button', function () {
var slidesContainer = $(this).prev();
var sliderId = slidesContainer.attr('id');
var numArr = $('#'+sliderId +' li').find('.order').map(function() {
var str = this.id;
str = str.replace(/\D/g,'');
str = parseFloat(str);
return str;
}).get();
var maxNum = Math.max.apply(Math, numArr);
if (maxNum < 1 ) { maxNum = 0};
var newNum = maxNum + 1;
var newSlide = '<li class="temphide"><div class="slide_header"><strong>Slide ' + newNum + '</strong><input type="hidden" class="slide of-input order" name="' + sliderId + '[' + newNum + '][order]" id="' + sliderId + '_slide_order-' + newNum + '" value="' + newNum + '"><a class="slide_edit_button" href="#">Edit</a></div><div class="slide_body" style="display: none; "><label>Title</label><input class="slide of-input of-slider-title" name="' + sliderId + '[' + newNum + '][title]" id="' + sliderId + '_' + newNum + '_slide_title" value=""><label>Image URL</label><input class="upload slide of-input" name="' + sliderId + '[' + newNum + '][url]" id="' + sliderId + '_' + newNum + '_slide_url" value=""><div class="upload_button_div"><span class="button media_upload_button" id="' + sliderId + '_' + newNum + '">Upload</span><span class="button remove-image hide" id="reset_' + sliderId + '_' + newNum + '" title="' + sliderId + '_' + newNum + '">Remove</span></div><div class="screenshot"></div><label>Link URL (optional)</label><input class="slide of-input" name="' + sliderId + '[' + newNum + '][link]" id="' + sliderId + '_' + newNum + '_slide_link" value=""><label>Description (optional)</label><textarea class="slide of-input" name="' + sliderId + '[' + newNum + '][description]" id="' + sliderId + '_' + newNum + '_slide_description" cols="8" rows="8"></textarea><a class="slide_delete_button" href="#">Delete</a><div class="clear"></div></div></li>';
slidesContainer.append(newSlide);
var nSlide = slidesContainer.find('.temphide');
nSlide.fadeIn('fast', function() {
$(this).removeClass('temphide');
});
optionsframework_file_bindings(); // re-initialise upload image..
return false; //prevent jumps, as always..
});
//Sort slides
jQuery('.slider').find('ul').each( function() {
var id = jQuery(this).attr('id');
$('#'+ id).sortable({
placeholder: "placeholder",
opacity: 0.6,
handle: ".slide_header",
cancel: "a"
});
});
/** Sorter (Layout Manager) */
jQuery('.sorter').each( function() {
var id = jQuery(this).attr('id');
$('#'+ id).find('ul').sortable({
items: 'li',
placeholder: "placeholder",
connectWith: '.sortlist_' + id,
opacity: 0.6,
update: function() {
$(this).find('.position').each( function() {
var listID = $(this).parent().attr('id');
var parentID = $(this).parent().parent().attr('id');
parentID = parentID.replace(id + '_', '')
var optionID = $(this).parent().parent().parent().attr('id');
$(this).prop("name", optionID + '[' + parentID + '][' + listID + ']');
});
}
});
});
/** Ajax Backup & Restore MOD */
//backup button
$ofContainer.on('click', '#of_backup_button', function () {
var answer = confirm("Click OK to backup your current saved options.")
if (answer){
var clickedObject = $(this);
var clickedID = $(this).attr('id');
var nonce = $('#security').val();
var data = {
action: 'of_ajax_post_action',
type: 'backup_options',
security: nonce
};
$.post(ajaxurl, data, function(response) {
//check nonce
if(response==-1){ //failed
var fail_popup = $('#of-popup-fail');
fail_popup.fadeIn();
window.setTimeout(function(){
fail_popup.fadeOut();
}, 2000);
}
else {
var success_popup = $('#of-popup-save');
success_popup.fadeIn();
window.setTimeout(function(){
location.reload();
}, 1000);
}
});
}
return false;
});
//restore button
$ofContainer.on('click', '#of_restore_button', function () {
var answer = confirm("'Warning: All of your current options will be replaced with the data from your last backup! Proceed?")
if (answer){
var clickedObject = $(this);
var clickedID = $(this).attr('id');
var nonce = $('#security').val();
var data = {
action: 'of_ajax_post_action',
type: 'restore_options',
security: nonce
};
$.post(ajaxurl, data, function(response) {
//check nonce
if(response==-1){ //failed
var fail_popup = $('#of-popup-fail');
fail_popup.fadeIn();
window.setTimeout(function(){
fail_popup.fadeOut();
}, 2000);
}
else {
var success_popup = $('#of-popup-save');
success_popup.fadeIn();
window.setTimeout(function(){
location.reload();
}, 1000);
}
});
}
return false;
});
/** Ajax Transfer (Import/Export) Option */
$ofContainer.on('click', '#of_import_button', function () {
var answer = confirm("Click OK to import options.")
if (answer){
var clickedObject = $(this);
var clickedID = $(this).attr('id');
var nonce = $('#security').val();
var import_data = $('#export_data').val();
var data = {
action: 'of_ajax_post_action',
type: 'import_options',
security: nonce,
data: import_data
};
$.post(ajaxurl, data, function(response) {
var fail_popup = $('#of-popup-fail');
var success_popup = $('#of-popup-save');
//check nonce
if(response==-1){ //failed
fail_popup.fadeIn();
window.setTimeout(function(){
fail_popup.fadeOut();
}, 2000);
}
else
{
success_popup.fadeIn();
window.setTimeout(function(){
location.reload();
}, 1000);
}
});
}
return false;
});
/** AJAX Save Options */
$ofContainer.on('click', '#of_save', function () {
var nonce = $('#security').val();
$('.ajax-loading-img').fadeIn();
//get serialized data from all our option fields
var serializedReturn = $('#of_form :input[name][name!="security"][name!="of_reset"]').serialize();
$('#of_form :input[type=checkbox]').each(function() {
if (!this.checked) {
serializedReturn += '&'+this.name+'=0';
}
});
var data = {
type: 'save',
action: 'of_ajax_post_action',
security: nonce,
data: serializedReturn
};
$.post(ajaxurl, data, function(response) {
var success = $('#of-popup-save');
var fail = $('#of-popup-fail');
var loading = $('.ajax-loading-img');
loading.fadeOut();
if (response==1) {
success.fadeIn();
} else {
fail.fadeIn();
}
window.setTimeout(function(){
success.fadeOut();
fail.fadeOut();
}, 2000);
});
return false;
});
/* AJAX Options Reset */
$('#of_reset').click(function() {
//confirm reset
var answer = confirm("Click OK to reset. All settings will be lost and replaced with default settings!");
//ajax reset
if (answer){
var nonce = $('#security').val();
$('.ajax-reset-loading-img').fadeIn();
var data = {
type: 'reset',
action: 'of_ajax_post_action',
security: nonce,
};
$.post(ajaxurl, data, function(response) {
var success = $('#of-popup-reset');
var fail = $('#of-popup-fail');
var loading = $('.ajax-reset-loading-img');
loading.fadeOut();
if (response==1)
{
success.fadeIn();
window.setTimeout(function(){
location.reload();
}, 1000);
}
else
{
fail.fadeIn();
window.setTimeout(function(){
fail.fadeOut();
}, 2000);
}
});
}
return false;
});
/** Tipsy @since v1.3 */
if (jQuery().tipsy) {
$('.tooltip, .typography-size, .typography-height, .typography-face, .typography-style, .of-typography-color').tipsy({
fade: true,
gravity: 's',
opacity: 0.7,
});
}
/**
* JQuery UI Slider function
* Dependencies : jquery, jquery-ui-slider
* Feature added by : Smartik - http://smartik.ws/
* Date : 03.17.2013
*/
jQuery('.smof_sliderui').each(function() {
var obj = jQuery(this);
var sId = "#" + obj.data('id');
var val = parseInt(obj.data('val'));
var min = parseInt(obj.data('min'));
var max = parseInt(obj.data('max'));
var step = parseInt(obj.data('step'));
//slider init
obj.slider({
value: val,
min: min,
max: max,
step: step,
range: "min",
slide: function( event, ui ) {
jQuery(sId).val( ui.value );
}
});
});
/**
* Switch
* Dependencies : jquery
* Feature added by : Smartik - http://smartik.ws/
* Date : 03.17.2013
*/
jQuery(".cb-enable").click(function(){
var parent = $(this).parents('.switch-options');
jQuery('.cb-disable',parent).removeClass('selected');
jQuery(this).addClass('selected');
jQuery('.main_checkbox',parent).attr('checked', true);
//fold/unfold related options
var obj = jQuery(this);
var $fold='.f_'+obj.data('id');
jQuery($fold).slideDown('normal', "swing");
});
jQuery(".cb-disable").click(function(){
var parent = $(this).parents('.switch-options');
jQuery('.cb-enable',parent).removeClass('selected');
jQuery(this).addClass('selected');
jQuery('.main_checkbox',parent).attr('checked', false);
//fold/unfold related options
var obj = jQuery(this);
var $fold='.f_'+obj.data('id');
jQuery($fold).slideUp('normal', "swing");
});
//disable text select(for modern chrome, safari and firefox is done via CSS)
// if (($.browser.msie && $.browser.version < 10) || $.browser.opera) {
// $('.cb-enable span, .cb-disable span').find().attr('unselectable', 'on');
// }
/**
* Google Fonts
* Dependencies : google.com, jquery
* Feature added by : Smartik - http://smartik.ws/
* Date : 03.17.2013
*/
function GoogleFontSelect( slctr, mainID ){
var _selected = $(slctr).val(); //get current value - selected and saved
var _linkclass = 'style_link_'+ mainID;
var _previewer = mainID +'_ggf_previewer';
if( _selected ){ //if var exists and isset
$('.'+ _previewer ).fadeIn();
//Check if selected is not equal with "Select a font" and execute the script.
if ( _selected !== 'none' && _selected !== 'Select a font' ) {
//remove other elements crested in <head>
$( '.'+ _linkclass ).remove();
//replace spaces with "+" sign
var the_font = _selected.replace(/\s+/g, '+');
//add reference to google font family
$('head').append('<link href="http://fonts.googleapis.com/css?family='+ the_font +'" rel="stylesheet" type="text/css" class="'+ _linkclass +'">');
//show in the preview box the font
$('.'+ _previewer ).css('font-family', _selected +', sans-serif' );
}else{
//if selected is not a font remove style "font-family" at preview box
$('.'+ _previewer ).css('font-family', '' );
$('.'+ _previewer ).fadeOut();
}
}
}
//init for each element
jQuery( '.google_font_select' ).each(function(){
var mainID = jQuery(this).attr('id');
GoogleFontSelect( this, mainID );
});
//init when value is changed
jQuery( '.google_font_select' ).change(function(){
var mainID = jQuery(this).attr('id');
GoogleFontSelect( this, mainID );
});
/**
* Media Uploader
* Dependencies : jquery, wp media uploader
* Feature added by : Smartik - http://smartik.ws/
* Date : 05.28.2013
*/
function optionsframework_add_file(event, selector) {
var upload = $(".uploaded-file"), frame;
var $el = $(this);
event.preventDefault();
// If the media frame already exists, reopen it.
if ( frame ) {
frame.open();
return;
}
// Create the media frame.
frame = wp.media({
// Set the title of the modal.
title: $el.data('choose'),
// Customize the submit button.
button: {
// Set the text of the button.
text: $el.data('update'),
// Tell the button not to close the modal, since we're
// going to refresh the page when the image is selected.
close: false
}
});
// When an image is selected, run a callback.
frame.on( 'select', function() {
// Grab the selected attachment.
var attachment = frame.state().get('selection').first();
frame.close();
selector.find('.upload').val(attachment.attributes.url);
if ( attachment.attributes.type == 'image' ) {
selector.find('.screenshot').empty().hide().append('<img class="of-option-image" src="' + attachment.attributes.url + '">').slideDown('fast');
}
selector.find('.media_upload_button').unbind();
selector.find('.remove-image').show().removeClass('hide');//show "Remove" button
selector.find('.of-background-properties').slideDown();
optionsframework_file_bindings();
});
// Finally, open the modal.
frame.open();
}
function optionsframework_remove_file(selector) {
selector.find('.remove-image').hide().addClass('hide');//hide "Remove" button
selector.find('.upload').val('');
selector.find('.of-background-properties').hide();
selector.find('.screenshot').slideUp();
selector.find('.remove-file').unbind();
// We don't display the upload button if .upload-notice is present
// This means the user doesn't have the WordPress 3.5 Media Library Support
if ( $('.section-upload .upload-notice').length > 0 ) {
$('.media_upload_button').remove();
}
optionsframework_file_bindings();
}
function optionsframework_file_bindings() {
$('.remove-image, .remove-file').on('click', function() {
optionsframework_remove_file( $(this).parents('.section-upload, .section-media, .slide_body') );
});
$('.media_upload_button').unbind('click').click( function( event ) {
optionsframework_add_file(event, $(this).parents('.section-upload, .section-media, .slide_body'));
});
}
optionsframework_file_bindings();
}); //end doc ready

View File

@@ -0,0 +1,905 @@
<?php
/**
* SMOF Options Machine Class
*
* @package WordPress
* @subpackage SMOF
* @since 1.0.0
* @author Syamil MJ
*/
class Options_Machine {
/**
* PHP5 contructor
*
* @since 1.0.0
*/
function __construct($options) {
$return = $this->optionsframework_machine($options);
$this->Inputs = $return[0];
$this->Menu = $return[1];
$this->Defaults = $return[2];
}
/**
* Sanitize option
*
* Sanitize & returns default values if don't exist
*
* Notes:
- For further uses, you can check for the $value['type'] and performs
more speficic sanitization on the option
- The ultimate objective of this function is to prevent the "undefined index"
errors some authors are having due to malformed options array
*/
static function sanitize_option( $value ) {
$defaults = array(
"name" => "",
"desc" => "",
"id" => "",
"std" => "",
"mod" => "",
"type" => ""
);
$value = wp_parse_args( $value, $defaults );
return $value;
}
/**
* Process options data and build option fields
*
* @uses get_theme_mod()
*
* @access public
* @since 1.0.0
*
* @return array
*/
public static function optionsframework_machine($options) {
global $smof_output, $smof_details, $smof_data;
if (empty($options))
return;
if (empty($smof_data))
$smof_data = of_get_options();
$data = $smof_data;
$defaults = array();
$counter = 0;
$menu = '';
$output = '';
$update_data = false;
do_action('optionsframework_machine_before', array(
'options' => $options,
'smof_data' => $smof_data,
));
if ($smof_output != "") {
$output .= $smof_output;
$smof_output = "";
}
foreach ($options as $value) {
// sanitize option
if ($value['type'] != "heading")
$value = self::sanitize_option($value);
$counter++;
$val = '';
//create array of defaults
if ($value['type'] == 'multicheck'){
if (is_array($value['std'])){
foreach($value['std'] as $i=>$key){
$defaults[$value['id']][$key] = true;
}
} else {
$defaults[$value['id']][$value['std']] = true;
}
} else {
if (isset($value['id'])) $defaults[$value['id']] = $value['std'];
}
/* condition start */
if(!empty($smof_data) || !empty($data)){
if (array_key_exists('id', $value) && !isset($smof_data[$value['id']])) {
$smof_data[$value['id']] = $value['std'];
if ($value['type'] == "checkbox" && $value['std'] == 0) {
$smof_data[$value['id']] = 0;
} else {
$update_data = true;
}
}
if (array_key_exists('id', $value) && !isset($smof_details[$value['id']])) {
$smof_details[$value['id']] = $smof_data[$value['id']];
}
//Start Heading
if ( $value['type'] != "heading" )
{
$class = ''; if(isset( $value['class'] )) { $class = $value['class']; }
//hide items in checkbox group
$fold='';
if (array_key_exists("fold",$value)) {
if (isset($smof_data[$value['fold']]) && $smof_data[$value['fold']]) {
$fold="f_".$value['fold']." ";
} else {
$fold="f_".$value['fold']." temphide ";
}
}
$output .= '<div id="section-'.$value['id'].'" class="'.$fold.'section section-'.$value['type'].' '. $class .'">'."\n";
//only show header if 'name' value exists
if($value['name']) $output .= '<h3 class="heading">'. $value['name'] .'</h3>'."\n";
$output .= '<div class="option">'."\n" . '<div class="controls">'."\n";
}
//End Heading
//if (!isset($smof_data[$value['id']]) && $value['type'] != "heading")
// continue;
//switch statement to handle various options type
switch ( $value['type'] ) {
//text input
case 'text':
$t_value = '';
$t_value = stripslashes($smof_data[$value['id']]);
$t_value = str_replace('"',"'",$t_value);
$mini ='';
if(!isset($value['mod'])) $value['mod'] = '';
if($value['mod'] == 'mini') { $mini = 'mini';}
$output .= '<input class="of-input '.$mini.'" name="'.$value['id'].'" id="'. $value['id'] .'" type="'. $value['type'] .'" value="'. $t_value .'" />';
break;
//select option
case 'select':
$mini ='';
if(!isset($value['mod'])) $value['mod'] = '';
if($value['mod'] == 'mini') { $mini = 'mini';}
$output .= '<div class="select_wrapper ' . $mini . '">';
$output .= '<select class="select of-input" name="'.$value['id'].'" id="'. $value['id'] .'">';
foreach ($value['options'] as $select_ID => $option) {
$theValue = $option;
if (!is_numeric($select_ID))
$theValue = $select_ID;
$output .= '<option id="' . $select_ID . '" value="'.$select_ID.'" ' . selected($smof_data[$value['id']], $select_ID, false) . ' />'.$option.'</option>';
}
$output .= '</select></div>';
break;
case 'presets':
$output .= '<a href="#" class="button-primary">Select presets</a>';
$output .= '<div class="pre_select_wrapper">';
foreach ($value['options'] as $select_ID => $option) {
$output .= '<a href="#" data-preset="'.$option.'"><img class="pre-select-img" style="width:100%;" src="'.$select_ID.'"/></a>';
}
$output .= '</div>';
break;
//textarea option
case 'textarea':
$cols = '8';
$ta_value = '';
if(isset($value['options'])){
$ta_options = $value['options'];
if(isset($ta_options['cols'])){
$cols = $ta_options['cols'];
}
}
$ta_value = stripslashes($smof_data[$value['id']]);
$output .= '<textarea class="of-input" name="'.$value['id'].'" id="'. $value['id'] .'" cols="'. $cols .'" rows="8">'.$ta_value.'</textarea>';
break;
//radiobox option
case "radio":
$checked = (isset($smof_data[$value['id']])) ? checked($smof_data[$value['id']], $option, false) : '';
foreach($value['options'] as $option=>$name) {
$output .= '<input class="of-input of-radio" name="'.$value['id'].'" type="radio" value="'.$option.'" ' . checked($smof_data[$value['id']], $option, false) . ' /><label class="radio">'.$name.'</label><br/>';
}
break;
//checkbox option
case 'checkbox':
if (!isset($smof_data[$value['id']])) {
$smof_data[$value['id']] = 0;
}
$fold = '';
if (array_key_exists("folds",$value)) $fold="fld ";
$output .= '<input type="hidden" class="'.$fold.'checkbox of-input" name="'.$value['id'].'" id="'. $value['id'] .'" value="0"/>';
$output .= '<input type="checkbox" class="'.$fold.'checkbox of-input" name="'.$value['id'].'" id="'. $value['id'] .'" value="1" '. checked($smof_data[$value['id']], 1, false) .' />';
break;
//multiple checkbox option
case 'multicheck':
(isset($smof_data[$value['id']]))? $multi_stored = $smof_data[$value['id']] : $multi_stored="";
foreach ($value['options'] as $key => $option) {
if (!isset($multi_stored[$key])) {$multi_stored[$key] = '';}
$of_key_string = $value['id'] . '_' . $key;
$output .= '<input type="checkbox" class="checkbox of-input" name="'.$value['id'].'['.$key.']'.'" id="'. $of_key_string .'" value="1" '. checked($multi_stored[$key], 1, false) .' /><label class="multicheck" for="'. $of_key_string .'">'. $option .'</label><br />';
}
break;
// Color picker
case "color":
$default_color = '';
if ( isset($value['std']) ) {
$default_color = ' data-default-color="' .$value['std'] . '" ';
}
$output .= '<input name="' . $value['id'] . '" id="' . $value['id'] . '" class="of-color" type="text" value="' . $smof_data[$value['id']] . '"' . $default_color .' />';
break;
//typography option
case 'typography':
$typography_stored = isset($smof_data[$value['id']]) ? $smof_data[$value['id']] : $value['std'];
/* Font Size */
if(isset($typography_stored['size'])) {
$output .= '<div class="select_wrapper typography-size" original-title="Font size">';
$output .= '<select class="of-typography of-typography-size select" name="'.$value['id'].'[size]" id="'. $value['id'].'_size">';
for ($i = 9; $i < 20; $i++){
$test = $i.'px';
$output .= '<option value="'. $i .'px" ' . selected($typography_stored['size'], $test, false) . '>'. $i .'px</option>';
}
$output .= '</select></div>';
}
/* Line Height */
if(isset($typography_stored['height'])) {
$output .= '<div class="select_wrapper typography-height" original-title="Line height">';
$output .= '<select class="of-typography of-typography-height select" name="'.$value['id'].'[height]" id="'. $value['id'].'_height">';
for ($i = 20; $i < 38; $i++){
$test = $i.'px';
$output .= '<option value="'. $i .'px" ' . selected($typography_stored['height'], $test, false) . '>'. $i .'px</option>';
}
$output .= '</select></div>';
}
/* Font Face */
if(isset($typography_stored['face'])) {
$output .= '<div class="select_wrapper typography-face" original-title="Font family">';
$output .= '<select class="of-typography of-typography-face select" name="'.$value['id'].'[face]" id="'. $value['id'].'_face">';
$faces = array('arial'=>'Arial',
'verdana'=>'Verdana, Geneva',
'trebuchet'=>'Trebuchet',
'georgia' =>'Georgia',
'times'=>'Times New Roman',
'tahoma'=>'Tahoma, Geneva',
'palatino'=>'Palatino',
'helvetica'=>'Helvetica' );
foreach ($faces as $i=>$face) {
$output .= '<option value="'. $i .'" ' . selected($typography_stored['face'], $i, false) . '>'. $face .'</option>';
}
$output .= '</select></div>';
}
/* Font Weight */
if(isset($typography_stored['style'])) {
$output .= '<div class="select_wrapper typography-style" original-title="Font style">';
$output .= '<select class="of-typography of-typography-style select" name="'.$value['id'].'[style]" id="'. $value['id'].'_style">';
$styles = array('normal'=>'Normal',
'italic'=>'Italic',
'bold'=>'Bold',
'bold italic'=>'Bold Italic');
foreach ($styles as $i=>$style){
$output .= '<option value="'. $i .'" ' . selected($typography_stored['style'], $i, false) . '>'. $style .'</option>';
}
$output .= '</select></div>';
}
/* Font Color */
if(isset($typography_stored['color'])) {
$output .= '<div id="' . $value['id'] . '_color_picker" class="colorSelector typography-color"><div style="background-color: '.$typography_stored['color'].'"></div></div>';
$output .= '<input class="of-color of-typography of-typography-color" original-title="Font color" name="'.$value['id'].'[color]" id="'. $value['id'] .'_color" type="text" value="'. $typography_stored['color'] .'" />';
}
break;
//border option
case 'border':
/* Border Width */
$border_stored = $smof_data[$value['id']];
$output .= '<div class="select_wrapper border-width">';
$output .= '<select class="of-border of-border-width select" name="'.$value['id'].'[width]" id="'. $value['id'].'_width">';
for ($i = 0; $i < 21; $i++){
$output .= '<option value="'. $i .'" ' . selected($border_stored['width'], $i, false) . '>'. $i .'</option>'; }
$output .= '</select></div>';
/* Border Style */
$output .= '<div class="select_wrapper border-style">';
$output .= '<select class="of-border of-border-style select" name="'.$value['id'].'[style]" id="'. $value['id'].'_style">';
$styles = array('none'=>'None',
'solid'=>'Solid',
'dashed'=>'Dashed',
'dotted'=>'Dotted');
foreach ($styles as $i=>$style){
$output .= '<option value="'. $i .'" ' . selected($border_stored['style'], $i, false) . '>'. $style .'</option>';
}
$output .= '</select></div>';
/* Border Color */
$output .= '<div id="' . $value['id'] . '_color_picker" class="colorSelector"><div style="background-color: '.$border_stored['color'].'"></div></div>';
$output .= '<input class="of-color of-border of-border-color" name="'.$value['id'].'[color]" id="'. $value['id'] .'_color" type="text" value="'. $border_stored['color'] .'" />';
break;
//images checkbox - use image as checkboxes
case 'images':
$i = 0;
$select_value = (isset($smof_data[$value['id']])) ? $smof_data[$value['id']] : '';
foreach ($value['options'] as $key => $option)
{
$i++;
$checked = '';
$selected = '';
if(NULL!=checked($select_value, $key, false)) {
$checked = checked($select_value, $key, false);
$selected = 'of-radio-img-selected';
}
$output .= '<span>';
$output .= '<input type="radio" id="of-radio-img-' . $value['id'] . $i . '" class="checkbox of-radio-img-radio" value="'.$key.'" name="'.$value['id'].'" '.$checked.' />';
$output .= '<div class="of-radio-img-label">'. $key .'</div>';
$output .= '<img src="'.$option.'" alt="" class="of-radio-img-img '. $selected .'" onClick="document.getElementById(\'of-radio-img-'. $value['id'] . $i.'\').checked = true;" />';
$output .= '</span>';
}
break;
//info (for small intro box etc)
case "info":
$info_text = $value['std'];
$output .= '<div class="of-info">'.$info_text.'</div>';
break;
//display a single image
case "image":
$src = $value['std'];
$output .= '<img src="'.$src.'">';
break;
//tab heading
case 'heading':
if($counter >= 2){
$output .= '</div>'."\n";
}
//custom icon
$icon = '';
if(isset($value['icon'])){
$icon = ' style="background-image: url('. $value['icon'] .');"';
}
$header_class = str_replace(' ','',strtolower($value['name']));
$jquery_click_hook = str_replace(' ', '', strtolower($value['name']) );
$jquery_click_hook = "of-option-" . trim(preg_replace('/ +/', '', preg_replace('/[^A-Za-z0-9 ]/', '', urldecode(html_entity_decode(strip_tags($jquery_click_hook))))));
$menu .= '<li class="'. $header_class .'"><a title="'. $value['name'] .'" href="#'. $jquery_click_hook .'"'. $icon .'>'. $value['name'] .'</a></li>';
$output .= '<div class="group" id="'. $jquery_click_hook .'"><h2>'.$value['name'].'</h2>'."\n";
break;
//drag & drop slide manager
case 'slider':
$output .= '<div class="slider"><ul id="'.$value['id'].'">';
$slides = $smof_data[$value['id']];
$count = count($slides);
if ($count < 2) {
$oldorder = 1;
$order = 1;
$output .= Options_Machine::optionsframework_slider_function($value['id'],$value['std'],$oldorder,$order);
} else {
$i = 0;
foreach ($slides as $slide) {
$oldorder = $slide['order'];
$i++;
$order = $i;
$output .= Options_Machine::optionsframework_slider_function($value['id'],$value['std'],$oldorder,$order);
}
}
$output .= '</ul>';
$output .= '<a href="#" class="button slide_add_button">Add New Slide</a></div>';
break;
//drag & drop block manager
case 'sorter':
// Make sure to get list of all the default blocks first
$all_blocks = $value['std'];
$temp = array(); // holds default blocks
$temp2 = array(); // holds saved blocks
foreach($all_blocks as $blocks) {
$temp = array_merge($temp, $blocks);
}
$sortlists = isset($data[$value['id']]) && !empty($data[$value['id']]) ? $data[$value['id']] : $value['std'];
foreach( $sortlists as $sortlist ) {
$temp2 = array_merge($temp2, $sortlist);
}
// now let's compare if we have anything missing
foreach($temp as $k => $v) {
if(!array_key_exists($k, $temp2)) {
$sortlists['disabled'][$k] = $v;
}
}
// now check if saved blocks has blocks not registered under default blocks
foreach( $sortlists as $key => $sortlist ) {
foreach($sortlist as $k => $v) {
if(!array_key_exists($k, $temp)) {
unset($sortlist[$k]);
}
}
$sortlists[$key] = $sortlist;
}
// assuming all sync'ed, now get the correct naming for each block
foreach( $sortlists as $key => $sortlist ) {
foreach($sortlist as $k => $v) {
$sortlist[$k] = $temp[$k];
}
$sortlists[$key] = $sortlist;
}
$output .= '<div id="'.$value['id'].'" class="sorter">';
if ($sortlists) {
foreach ($sortlists as $group=>$sortlist) {
$output .= '<ul id="'.$value['id'].'_'.$group.'" class="sortlist_'.$value['id'].'">';
$output .= '<h3>'.$group.'</h3>';
foreach ($sortlist as $key => $list) {
$output .= '<input class="sorter-placebo" type="hidden" name="'.$value['id'].'['.$group.'][placebo]" value="placebo">';
if ($key != "placebo") {
$output .= '<li id="'.$key.'" class="sortee">';
$output .= '<input class="position" type="hidden" name="'.$value['id'].'['.$group.']['.$key.']" value="'.$list.'">';
$output .= $list;
$output .= '</li>';
}
}
$output .= '</ul>';
}
}
$output .= '</div>';
break;
//background images option
case 'tiles':
$i = 0;
$select_value = isset($smof_data[$value['id']]) && !empty($smof_data[$value['id']]) ? $smof_data[$value['id']] : '';
if (is_array($value['options'])) {
foreach ($value['options'] as $key => $option) {
$i++;
$checked = '';
$selected = '';
if(NULL!=checked($select_value, $option, false)) {
$checked = checked($select_value, $option, false);
$selected = 'of-radio-tile-selected';
}
$output .= '<span>';
$output .= '<input type="radio" id="of-radio-tile-' . $value['id'] . $i . '" class="checkbox of-radio-tile-radio" value="'.$option.'" name="'.$value['id'].'" '.$checked.' />';
$output .= '<div class="of-radio-tile-img '. $selected .'" style="background: url('.$option.')" onClick="document.getElementById(\'of-radio-tile-'. $value['id'] . $i.'\').checked = true;"></div>';
$output .= '</span>';
}
}
break;
//backup and restore options data
case 'backup':
$instructions = $value['desc'];
$backup = of_get_options(BACKUPS);
$init = of_get_options('smof_init');
if(!isset($backup['backup_log'])) {
$log = 'No backups yet';
} else {
$log = $backup['backup_log'];
}
$output .= '<div class="backup-box">';
$output .= '<div class="instructions">'.$instructions."\n";
$output .= '<p><strong>'. __('Last Backup : ', 'flatsome-admin').'<span class="backup-log">'.$log.'</span></strong></p></div>'."\n";
$output .= '<a href="#" id="of_backup_button" class="button" title="Backup Options">Backup Options</a>';
$output .= '<a href="#" id="of_restore_button" class="button" title="Restore Options">Restore Options</a>';
$output .= '</div>';
break;
//export or import data between different installs
case 'transfer':
$instructions = $value['desc'];
$output .= '<textarea id="export_data" rows="8">'.base64_encode(serialize($smof_data)) /* 100% safe - ignore theme check nag */ .'</textarea>'."\n";
$output .= '<a href="#" id="of_import_button" class="button" title="Restore Options">Import Options</a>';
break;
// google font field
case 'select_google_font':
$output .= '<div class="select_wrapper">';
$output .= '<select class="select of-input google_font_select" name="'.$value['id'].'" id="'. $value['id'] .'">';
foreach ($value['options'] as $select_key => $option) {
$output .= '<option value="'.$select_key.'" ' . selected((isset($smof_data[$value['id']]))? $smof_data[$value['id']] : "", $option, false) . ' />'.$option.'</option>';
}
$output .= '</select></div>';
if(isset($value['preview']['text'])){
$g_text = $value['preview']['text'];
} else {
$g_text = '0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz';
}
if(isset($value['preview']['size'])) {
$g_size = 'style="font-size: '. $value['preview']['size'] .';"';
} else {
$g_size = '';
}
$hide = " hide";
if ($smof_data[$value['id']] != "none" && $smof_data[$value['id']] != "")
$hide = "";
$output .= '<p class="'.$value['id'].'_ggf_previewer google_font_preview'.$hide.'" '. $g_size .'>'. $g_text .'</p>';
break;
//JQuery UI Slider
case 'sliderui':
$s_val = $s_min = $s_max = $s_step = $s_edit = '';//no errors, please
$s_val = stripslashes($smof_data[$value['id']]);
if(!isset($value['min'])){ $s_min = '0'; }else{ $s_min = $value['min']; }
if(!isset($value['max'])){ $s_max = $s_min + 1; }else{ $s_max = $value['max']; }
if(!isset($value['step'])){ $s_step = '1'; }else{ $s_step = $value['step']; }
if(!isset($value['edit'])){
$s_edit = ' readonly="readonly"';
}
else
{
$s_edit = '';
}
if ($s_val == '') $s_val = $s_min;
//values
$s_data = 'data-id="'.$value['id'].'" data-val="'.$s_val.'" data-min="'.$s_min.'" data-max="'.$s_max.'" data-step="'.$s_step.'"';
//html output
$output .= '<input type="text" name="'.$value['id'].'" id="'.$value['id'].'" value="'. $s_val .'" class="mini" '. $s_edit .' />';
$output .= '<div id="'.$value['id'].'-slider" class="smof_sliderui" style="margin-left: 7px;" '. $s_data .'></div>';
break;
//Switch option
case 'switch':
if (!isset($smof_data[$value['id']])) {
$smof_data[$value['id']] = 0;
}
$fold = '';
if (array_key_exists("folds",$value)) $fold="s_fld ";
$cb_enabled = $cb_disabled = '';//no errors, please
//Get selected
if ($smof_data[$value['id']] == 1){
$cb_enabled = ' selected';
$cb_disabled = '';
}else{
$cb_enabled = '';
$cb_disabled = ' selected';
}
//Label ON
if(!isset($value['on'])){
$on = "On";
}else{
$on = $value['on'];
}
//Label OFF
if(!isset($value['off'])){
$off = "Off";
}else{
$off = $value['off'];
}
$output .= '<p class="switch-options">';
$output .= '<label class="'.$fold.'cb-enable'. $cb_enabled .'" data-id="'.$value['id'].'"><span>'. $on .'</span></label>';
$output .= '<label class="'.$fold.'cb-disable'. $cb_disabled .'" data-id="'.$value['id'].'"><span>'. $off .'</span></label>';
$output .= '<input type="hidden" class="'.$fold.'checkbox of-input" name="'.$value['id'].'" id="'. $value['id'] .'" value="0"/>';
$output .= '<input type="checkbox" id="'.$value['id'].'" class="'.$fold.'checkbox of-input main_checkbox" name="'.$value['id'].'" value="1" '. checked($smof_data[$value['id']], 1, false) .' />';
$output .= '</p>';
break;
// Uploader 3.5
case "upload":
case "media":
if(!isset($value['mod'])) $value['mod'] = '';
$u_val = '';
if($smof_data[$value['id']]){
$u_val = stripslashes($smof_data[$value['id']]);
}
$output .= Options_Machine::optionsframework_media_uploader_function($value['id'],$u_val, $value['mod']);
break;
}
do_action('optionsframework_machine_loop', array(
'options' => $options,
'smof_data' => $smof_data,
'defaults' => $defaults,
'counter' => $counter,
'menu' => $menu,
'output' => $output,
'value' => $value
));
if ($smof_output != "") {
$output .= $smof_output;
$smof_output = "";
}
//description of each option
if ( $value['type'] != 'heading') {
if(!isset($value['desc'])){ $explain_value = ''; } else{
$explain_value = '<div class="explain">'. $value['desc'] .'</div>'."\n";
}
$output .= '</div>'.$explain_value."\n";
$output .= '<div class="clear"> </div></div></div>'."\n";
}
} /* condition empty end */
}
if ($update_data == true) {
of_save_options($smof_data);
}
$output .= '</div>';
do_action('optionsframework_machine_after', array(
'options' => $options,
'smof_data' => $smof_data,
'defaults' => $defaults,
'counter' => $counter,
'menu' => $menu,
'output' => $output,
'value' => $value
));
if ($smof_output != "") {
$output .= $smof_output;
$smof_output = "";
}
return array($output,$menu,$defaults);
}
/**
* Native media library uploader
*
* @uses get_theme_mod()
*
* @access public
* @since 1.0.0
*
* @return string
*/
public static function optionsframework_media_uploader_function($id,$std,$mod){
$data = of_get_options();
$smof_data = of_get_options();
$uploader = '';
$upload = "";
if (isset($smof_data[$id]))
$upload = $smof_data[$id];
$hide = '';
if ($mod == "min") {$hide ='hide';}
if ( $upload != "") { $val = $upload; } else {$val = $std;}
$uploader .= '<input class="'.$hide.' upload of-input" name="'. $id .'" id="'. $id .'_upload" value="'. $val .'" />';
//Upload controls DIV
$uploader .= '<div class="upload_button_div">';
//If the user has WP3.5+ show upload/remove button
if ( function_exists( 'wp_enqueue_media' ) ) {
$uploader .= '<span class="button media_upload_button" id="'.$id.'">Upload</span>';
if(!empty($upload)) {$hide = '';} else { $hide = 'hide';}
$uploader .= '<span class="button remove-image '. $hide.'" id="reset_'. $id .'" title="' . $id . '">Remove</span>';
}
else
{
$output .= '<p class="upload-notice"><i>Upgrade your version of WordPress for full media support.</i></p>';
}
$uploader .='</div>' . "\n";
// Load custom font
if($mod == 'font'){
$uploader .= '<style>@font-face{ font-family: customFont; src: url('. $val .'); } </style>';
}
//Preview
if(!$mod){
$uploader .= '<div class="screenshot">';
if(!empty($upload)){
$uploader .= '<a class="of-uploaded-image" href="'. $upload . '">';
$uploader .= '<img class="of-option-image" id="image_'.$id.'" src="'.$upload.'" alt="" />';
$uploader .= '</a>';
}
$uploader .= '</div>';
}
$uploader .= '<div class="clear"></div>' . "\n";
return $uploader;
}
/**
* Drag and drop slides manager
*
* @uses get_theme_mod()
*
* @access public
* @since 1.0.0
*
* @return string
*/
public static function optionsframework_slider_function($id,$std,$oldorder,$order){
$data = of_get_options();
$smof_data = of_get_options();
$slider = '';
$slide = array();
if (isset($smof_data[$id]))
$slide = $smof_data[$id];
if (isset($slide[$oldorder])) { $val = $slide[$oldorder]; } else {$val = $std;}
//initialize all vars
$slidevars = array('title','url','link','description');
foreach ($slidevars as $slidevar) {
if (!isset($val[$slidevar])) {
$val[$slidevar] = '';
}
}
//begin slider interface
if (!empty($val['title'])) {
$slider .= '<li><div class="slide_header"><strong>'.stripslashes($val['title']).'</strong>';
} else {
$slider .= '<li><div class="slide_header"><strong>Slide '.$order.'</strong>';
}
$slider .= '<input type="hidden" class="slide of-input order" name="'. $id .'['.$order.'][order]" id="'. $id.'_'.$order .'_slide_order" value="'.$order.'" />';
$slider .= '<a class="slide_edit_button" href="#">Edit</a></div>';
$slider .= '<div class="slide_body">';
$slider .= '<label>Title</label>';
$slider .= '<input class="slide of-input of-slider-title" name="'. $id .'['.$order.'][title]" id="'. $id .'_'.$order .'_slide_title" value="'. stripslashes($val['title']) .'" />';
$slider .= '<label>Image URL</label>';
$slider .= '<input class="upload slide of-input" name="'. $id .'['.$order.'][url]" id="'. $id .'_'.$order .'_slide_url" value="'. $val['url'] .'" />';
$slider .= '<div class="upload_button_div"><span class="button media_upload_button" id="'.$id.'_'.$order .'">Upload</span>';
if(!empty($val['url'])) {$hide = '';} else { $hide = 'hide';}
$slider .= '<span class="button remove-image '. $hide.'" id="reset_'. $id .'_'.$order .'" title="' . $id . '_'.$order .'">Remove</span>';
$slider .='</div>' . "\n";
$slider .= '<div class="screenshot">';
if(!empty($val['url'])){
$slider .= '<a class="of-uploaded-image" href="'. $val['url'] . '">';
$slider .= '<img class="of-option-image" id="image_'.$id.'_'.$order .'" src="'.$val['url'].'" alt="" />';
$slider .= '</a>';
}
$slider .= '</div>';
$slider .= '<label>Link URL (optional)</label>';
$slider .= '<input class="slide of-input" name="'. $id .'['.$order.'][link]" id="'. $id .'_'.$order .'_slide_link" value="'. $val['link'] .'" />';
$slider .= '<label>Description (optional)</label>';
$slider .= '<textarea class="slide of-input" name="'. $id .'['.$order.'][description]" id="'. $id .'_'.$order .'_slide_description" cols="8" rows="8">'.stripslashes($val['description']).'</textarea>';
$slider .= '<a class="slide_delete_button" href="#">Delete</a>';
$slider .= '<div class="clear"></div>' . "\n";
$slider .= '</div>';
$slider .= '</li>';
return $slider;
}
}//end Options Machine class
?>

View File

@@ -0,0 +1,65 @@
<div class="wrap" id="of_container">
<div id="of-popup-save" class="of-save-popup">
<div class="of-save-save">Options Updated</div>
</div>
<div id="of-popup-fail" class="of-save-popup">
<div class="of-save-fail">Error!</div>
</div>
<span style="display: none;" id="hooks"><?php echo json_encode(of_get_header_classes_array()); ?></span>
<input type="hidden" id="security" name="security" value="<?php echo wp_create_nonce('of_ajax_nonce'); ?>" />
<form id="of_form" method="post" action="<?php echo esc_attr( $_SERVER['REQUEST_URI'] ) ?>" enctype="multipart/form-data" >
<div id="main">
<div id="of-nav">
<div class="logo">
<h3>Flatsome <br/>Advanced Options<span><?php echo ('Version: '. THEMEVERSION); ?></span></h3>
</div>
<div class="save_bar">
<button id ="of_save" type="button" class="button-primary"><?php _e('Save All Changes', 'flatsome-admin');?></button>
<img style="display:none" src="<?php echo ADMIN_DIR; ?>assets/images/loading-bottom.gif" class="ajax-loading-img ajax-loading-img-bottom" alt="Working..." />
</div><!--.save_bar-->
<ul>
<?php echo $options_machine->Menu ?>
</ul>
<div style="padding:18px">
<a href="<?php echo get_admin_url().'customize.php'; ?>" class="button-secondary">Theme Options &rarr;</a>
</div>
<?php if(function_exists('pll_get_post')) {
$url = get_admin_url().'options-general.php?page=mlang&tab=strings';
?>
<div style="padding:18px">
<h3>Translate theme options</h3>
<a href="<?php echo $url; ?>">Click here to translate Theme Options Strings</a><br><br>
<small>NB: You need to translate Theme Options strings once more if you have changed them.</small>
</div>
<?php } ?>
</div>
<div id="content">
<?php echo $options_machine->Inputs /* Settings */ ?>
<div class="save_bar" style="padding-left:0;">
<button id="of_save" type="button" class="button-primary"><?php _e('Save All Changes', 'flatsome-admin');?></button>
<img style="display:none" src="<?php echo ADMIN_DIR; ?>assets/images/loading-bottom.gif" class="ajax-loading-img ajax-loading-img-bottom" alt="Working..." />
</div><!--.save_bar-->
</div>
<div class="clear"></div>
</div>
</form>
</div><!--wrap-->

View File

@@ -0,0 +1,143 @@
<?php
/**
* SMOF Admin
*
* @package WordPress
* @subpackage SMOF
* @since 1.4.0
* @author Syamil MJ
*/
/**
* Head Hook
*
* @since 1.0.0
*/
function of_head() { do_action( 'of_head' ); }
/**
* Add default options upon activation else DB does not exist
*
* DEPRECATED, Class_options_machine now does this on load to ensure all values are set
*
* @since 1.0.0
*/
function of_option_setup()
{
global $of_options, $options_machine;
$options_machine = new Options_Machine($of_options);
if (!of_get_options())
{
of_save_options($options_machine->Defaults);
}
}
/**
* Get header classes
*
* @since 1.0.0
*/
function of_get_header_classes_array()
{
global $of_options;
foreach ($of_options as $value)
{
if ($value['type'] == 'heading')
$hooks[] = str_replace(' ','',strtolower($value['name']));
}
return $hooks;
}
/**
* Get options from the database and process them with the load filter hook.
*
* @author Jonah Dahlquist
* @since 1.4.0
* @return array
*/
function of_get_options($key = null, $data = null) {
global $smof_data;
do_action('of_get_options_before', array(
'key'=>$key, 'data'=>$data
));
if ($key != null) { // Get one specific value
$data = get_theme_mod($key, $data);
} else { // Get all values
$data = get_theme_mods();
}
$data = apply_filters('of_options_after_load', $data);
if ($key == null) {
$smof_data = $data;
} else {
$smof_data[$key] = $data;
}
do_action('of_option_setup_before', array(
'key'=>$key, 'data'=>$data
));
return $data;
}
/**
* Save options to the database after processing them
*
* @param $data Options array to save
* @author Jonah Dahlquist
* @since 1.4.0
* @uses update_option()
* @return void
*/
function of_save_options($data, $key = null) {
global $smof_data;
if (empty($data))
return;
do_action('of_save_options_before', array(
'key'=>$key, 'data'=>$data
));
$data = apply_filters('of_options_before_save', $data);
if ($key != null) { // Update one specific value
if ($key == BACKUPS) {
unset($data['smof_init']); // Don't want to change this.
}
set_theme_mod($key, $data);
} else { // Update all values in $data
foreach ( $data as $k=>$v ) {
if (!isset($smof_data[$k]) || $smof_data[$k] != $v) { // Only write to the DB when we need to
set_theme_mod($k, $v);
} else if (is_array($v)) {
foreach ($v as $key=>$val) {
if ($key != $k && $v[$key] == $val) {
set_theme_mod($k, $v);
break;
}
}
}
}
}
do_action('of_save_options_after', array(
'key'=>$key, 'data'=>$data
));
}
/**
* For use in themes
*
* @since forever
*/
$data = of_get_options();
if (!isset($smof_details))
$smof_details = array();

View File

@@ -0,0 +1,272 @@
<?php
function flatsome_facebook_oauth_url() {
$api_version = flatsome_facebook_api_version();
$uri = get_template_directory_uri();
$theme = wp_get_theme( get_template() );
$version = $theme->get( 'Version' );
$client_id = '380204239234502';
$base_url = "https://www.facebook.com/$api_version/dialog/oauth";
$redirect_uri = flatsome_api_url() . '/facebook/authorize/';
$scope = 'pages_read_engagement,instagram_basic,public_profile';
$state = urlencode( admin_url( "admin.php?page=optionsframework&tab=of-option-instagram&ver=$version" ) );
$response_type = 'code';
return "$base_url?client_id=$client_id&response_type=$response_type&scope=$scope&redirect_uri=$redirect_uri&state=$state";
}
function flatsome_facebook_login_button_html() {
$url = flatsome_facebook_oauth_url();
ob_start(); ?>
<hr />
<p><?php _e('Login with Facebook to connect an Instagram Business account:') ?></p>
<a class="button" style="padding: 5px 15px; height: auto; background-color: #4267b2; border-color: #4267b2; color: #ffffff;" href="<?php echo $url ?>">
<span class="dashicons dashicons-facebook-alt" style="vertical-align: middle; margin-top: -2px;"></span>
<?php _e( 'Login with Facebook', 'flatsome-admin' ) ?>
</a>
<p>
<button class="button" name="flatsome_instagram_clear_cache">
<?php _e( 'Clear Instagram cache', 'flatsome-admin' ) ?>
</button>
</p>
<p>
<a href="https://docs.uxthemes.com/article/379-how-to-connect-to-instagram-api" target="_blank" rel="noopener noreferrer">
<?php _e( 'How to setup an Instagram Business account', 'flatsome-admin' ) ?>
</a>
</p>
<?php return ob_get_clean();
}
function flatsome_facebook_accounts_html() {
$accounts = flatsome_facebook_accounts();
ob_start(); ?>
<input type="hidden" value="0" name="facebook_accounts[]">
<div class="flatsome-instagram-accounts theme-browser">
<div class="themes wp-clearfix">
<?php if ( empty( $accounts ) ) : ?>
<div class="notice notice-info inline">
<p><?php _e('No accounts connected yet...') ?></p>
</div>
<?php else: ?>
<?php foreach ( $accounts as $username => $account ) : ?>
<div class="theme instagram-account instagram-account--<?php echo esc_attr( $username ) ?>" style="width: 46%">
<input type="hidden" value="<?php echo esc_attr( $account['id'] ) ?>" name="facebook_accounts[<?php echo esc_attr( $username ) ?>]">
<div class="theme-screenshot">
<?php if ( ! empty( $account['profile_picture'] ) ) : ?>
<img src="<?php echo esc_attr( $account['profile_picture'] ) ?>" alt="<?php echo esc_attr( $username ) ?>">
<?php else : ?>
<img src="<?php echo get_template_directory_uri() ?>/inc/admin/advanced/assets/images/instagram-profile.png" alt="<?php echo esc_attr( $username ) ?>">
<?php endif ?>
</div>
<!-- <div class="notice inline notice-alt"><p></p></div> -->
<div class="theme-id-container">
<h2 class="theme-name">
<a target="_blank" href="https://www.instagram.com/<?php echo esc_attr( $username ) ?>/">
<?php echo esc_html( $username ) ?>
</a>
</h2>
<div class="theme-actions">
<button type="button" class="button button-small" onclick="jQuery(this).closest('.instagram-account').remove()">
Disconnect
</button>
</div>
</div>
</div>
<?php endforeach; ?>
<?php endif; ?>
</div>
</div>
<?php return ob_get_clean();
}
/**
* Get accounts that is associated with an access token.
*
* @param string $access_token An access token for a Facebook user.
*
* @return WP_Error|array
*/
function flatsome_facebook_get_accounts( $access_token ) {
$api_version = flatsome_facebook_api_version();
$fields = 'name,access_token,instagram_business_account{id,name,username,profile_picture_url}';
$url = "https://graph.facebook.com/$api_version/me/accounts?limit=100&fields=$fields&access_token=$access_token";
$response = wp_remote_get( $url );
if ( is_wp_error( $response ) ) {
return new WP_Error( 'site_down', __( 'Unable to communicate with Instagram.', 'flatsome-admin' ) );
} else {
$body = json_decode( $response['body'], true );
if ( array_key_exists( 'error', $body ) ) {
return new WP_Error( 'site_down', $body['error']['message'] );
}
return $body;
}
}
/**
* Renders the popup that shows the accounts that can be connected.
*/
function flatsome_facebook_connect_admin_footer() {
if ( ! is_array( $_GET ) || ! isset( $_GET['flatsome_facebook_access_token'] ) ) {
return;
}
$access_token = sanitize_text_field( $_GET['flatsome_facebook_access_token'] );
$all_accounts = flatsome_facebook_get_accounts( $access_token );
$current_accounts = flatsome_facebook_accounts();
$accounts = array();
if ( ! is_wp_error( $all_accounts ) ) {
$accounts = array_filter( $all_accounts['data'], function( $account ) {
return ! empty( $account['instagram_business_account'] );
} );
}
ob_start();
?>
<div class="flatsome-instagram-connect">
<div class="flatsome-instagram-connect-body">
<h2 class=""><?php _e( 'Connect Instagram Business accounts', 'flatsome' ); ?></h2>
<?php if ( is_wp_error( $accounts ) ) : ?>
<div class="notice notice-error inline" style="margin: 0;">
<p><?php echo $accounts->get_error_message() ?></p>
</div>
<div class="tablenav bottom textright">
<button type="button" class="button" onclick="jQuery(this).closest('.flatsome-instagram-connect').hide()">
<?php esc_html_e( 'Okay', 'flatsome' ); ?>
</button>
</div>
<?php elseif ( empty( $accounts ) ) : ?>
<div class="notice notice-info inline" style="margin: 0;">
<p><?php esc_html_e( 'No associated Instagram Business account was found for your Facebook user.', 'flatsome' ) ?></p>
</div>
<div class="tablenav bottom textright">
<button type="button" class="button" onclick="jQuery(this).closest('.flatsome-instagram-connect').hide()">
<?php esc_html_e( 'Okay', 'flatsome' ); ?>
</button>
</div>
<?php else : ?>
<form action="<?php echo admin_url( 'admin-post.php' ); ?>" method="POST">
<input type="hidden" name="action" value="flatsome_instagram_connect" />
<?php wp_nonce_field( 'flatsome_instagram_connect', 'flatsome_instagram_connect_nonce' ); ?>
<table class="widefat striped">
<tbody>
<?php foreach ( $accounts as $account ) : ?>
<tr>
<th class="check-column">
<?php if ( ! array_key_exists( $account['instagram_business_account']['username'], $current_accounts ) ) : ?>
<input type="checkbox" name="instagram_accounts[<?php echo esc_attr( $account['id'] ) ?>][id]" value="<?php echo esc_attr( $account['instagram_business_account']['id'] ) ?>">
<?php else : ?>
<input type="checkbox" disabled checked>
<?php endif ?>
<?php if ( ! empty( $account['instagram_business_account']['profile_picture_url'] ) ) : ?>
<input type="hidden" name="instagram_accounts[<?php echo esc_attr( $account['id'] ) ?>][profile_picture]" value="<?php echo esc_attr( $account['instagram_business_account']['profile_picture_url']) ?>">
<?php endif ?>
<input type="hidden" name="instagram_accounts[<?php echo esc_attr( $account['id'] ) ?>][username]" value="<?php echo esc_attr( $account['instagram_business_account']['username'] ) ?>">
<input type="hidden" name="instagram_accounts[<?php echo esc_attr( $account['id'] ) ?>][account_id]" value="<?php echo esc_attr( $account['id'] ) ?>">
<input type="hidden" name="instagram_accounts[<?php echo esc_attr( $account['id'] ) ?>][account_access_token]" value="<?php echo esc_attr( $account['access_token'] ) ?>">
<input type="hidden" name="instagram_accounts[<?php echo esc_attr( $account['id'] ) ?>][access_token]" value="<?php echo esc_attr( $access_token ) ?>">
</th>
<td width="38">
<?php if ( ! empty( $account['instagram_business_account']['profile_picture_url'] ) ) : ?>
<img src="<?php echo esc_attr( $account['instagram_business_account']['profile_picture_url'] ) ?>" width="38" style="border-radius: 100%" alt="<?php echo esc_attr( $account['instagram_business_account']['username'] ) ?>">
<?php else : ?>
<img src="<?php echo get_template_directory_uri() ?>/inc/admin/advanced/assets/images/instagram-profile.png" width="38" alt="<?php echo esc_attr( $account['instagram_business_account']['username'] ) ?>">
<?php endif ?>
</td>
<td class="title">
<strong class="row-title">
<?php if ( ! empty( $account['instagram_business_account']['name'] ) ) : ?>
<?php echo esc_html( $account['instagram_business_account']['name'] ) ?>
<?php elseif ( ! empty( $account['name'] ) ) : ?>
<?php echo esc_html( $account['name'] ) ?>
<?php endif ?>
</strong>
<br>
<a target="_blank" href="https://www.instagram.com/<?php echo esc_attr( $account['instagram_business_account']['username'] ) ?>/">
<?php echo '@' . esc_html( $account['instagram_business_account']['username'] ) ?>
</a>
</td>
</tr>
<?php endforeach ?>
</tbody>
</table>
<div class="tablenav bottom textright">
<button type="button" class="button" onclick="jQuery(this).closest('.flatsome-instagram-connect').hide()">
<?php esc_html_e( 'Cancel', 'flatsome' ); ?>
</button>
<button name="flatsome_instagram_connect" class="button button-primary">
<?php esc_html_e( 'Connect', 'flatsome' ); ?>
</button>
</div>
</form>
<?php endif ?>
</div>
</div>
<?php
}
add_action( 'admin_footer-flatsome_page_optionsframework', 'flatsome_facebook_connect_admin_footer' );
/**
* Saves the connected accounts data.
*/
function flatsome_facebook_connect_accounts() {
check_admin_referer( 'flatsome_instagram_connect', 'flatsome_instagram_connect_nonce' );
if ( ! empty( $_POST['instagram_accounts'] ) ) {
$accounts = flatsome_facebook_accounts();
foreach ( $_POST['instagram_accounts'] as $values ) {
$account = array_map( 'sanitize_text_field', $values );
if ( isset( $account['id'] ) ) {
$accounts[ $account['username'] ] = $account;
}
}
set_theme_mod( 'facebook_accounts', $accounts );
}
wp_safe_redirect( admin_url( 'admin.php?page=optionsframework&tab=of-option-instagram' ) );
}
add_action( 'admin_post_flatsome_instagram_connect', 'flatsome_facebook_connect_accounts' );
function flatsome_facebook_set_theme_mod( $values, $old_values ) {
$result = array();
foreach ( $values as $username => $id ) {
if ( is_array( $old_values ) && array_key_exists( $username, $old_values ) ) {
$result[ $username ] = $old_values[ $username ];
} else {
$result[ $username ] = $id;
}
}
return $result;
}
add_filter( 'pre_set_theme_mod_facebook_accounts', 'flatsome_facebook_set_theme_mod', 10, 2 );
/**
* Deletes the Instagram oEmbed cache and transients.
*
* @return void
*/
function flatsome_facebook_clear_cache() {
global $wpdb;
if ( isset( $_POST['flatsome_instagram_clear_cache'] ) ) {
delete_option( 'flatsome_instagram_oembed_cache' );
$wpdb->query( "DELETE FROM {$wpdb->options} WHERE `option_name` LIKE ('%\_transient\_flatsome\_instagram%');" );
$wpdb->query( "DELETE FROM {$wpdb->options} WHERE `option_name` LIKE ('%\_transient\_timeout\_flatsome\_instagram%');" );
}
}
add_action( 'of_save_options_before', 'flatsome_facebook_clear_cache' );

View File

@@ -0,0 +1,248 @@
<?php
/**
* SMOF Interface
*
* @package WordPress
* @subpackage SMOF
* @since 1.4.0
* @author Syamil MJ
*/
/**
* Admin Init
*
* @uses wp_verify_nonce()
* @uses header()
*
* @since 1.0.0
*/
function optionsframework_admin_init()
{
// Rev up the Options Machine
global $of_options, $options_machine, $smof_data, $smof_details;
if (!isset($options_machine))
$options_machine = new Options_Machine($of_options);
do_action('optionsframework_admin_init_before', array(
'of_options' => $of_options,
'options_machine' => $options_machine,
'smof_data' => $smof_data
));
if (empty($smof_data['smof_init'])) { // Let's set the values if the theme's already been active
of_save_options($options_machine->Defaults);
of_save_options(date('r'), 'smof_init');
$smof_data = of_get_options();
$options_machine = new Options_Machine($of_options);
}
do_action('optionsframework_admin_init_after', array(
'of_options' => $of_options,
'options_machine' => $options_machine,
'smof_data' => $smof_data
));
}
/**
* Create Options page
*
* @uses add_theme_page()
* @uses add_action()
*
* @since 1.0.0
*/
function optionsframework_add_admin() {
$of_page = add_submenu_page('flatsome-panel', '', 'Advanced', 'edit_theme_options', 'optionsframework', 'optionsframework_options_page');
// Add framework functionaily to the head individually
add_action("admin_print_scripts-$of_page", 'of_load_only');
add_action("admin_print_styles-$of_page",'of_style_only');
}
/**
* Build Options page
*
* @since 1.0.0
*/
function optionsframework_options_page(){
global $options_machine;
/*
//for debugging
$smof_data = of_get_options();
print_r($smof_data);
*/
include_once( ADMIN_PATH . 'front-end/options.php' );
}
/**
* Create Options page
*
* @since 1.0.0
*/
function of_style_only() {
$theme = wp_get_theme( get_template() );
$version = $theme->get( 'Version' );
wp_enqueue_style( 'admin-style', ADMIN_DIR . 'assets/css/admin-style.css', array(), $version );
wp_enqueue_style( 'jquery-ui-custom-admin', ADMIN_DIR . 'assets/css/jquery-ui-custom.css', array(), $version );
if ( ! wp_style_is( 'wp-color-picker', 'registered' ) ) {
wp_register_style( 'wp-color-picker', ADMIN_DIR . 'assets/css/color-picker.min.css', array(), $version );
}
wp_enqueue_style( 'wp-color-picker' );
do_action( 'of_style_only_after' );
}
/**
* Create Options page
*
* @since 1.0.0
*/
function of_load_only() {
$theme = wp_get_theme( get_template() );
$version = $theme->get( 'Version' );
wp_enqueue_script( 'jquery-ui-core' );
wp_enqueue_script( 'jquery-ui-sortable' );
wp_enqueue_script( 'jquery-ui-slider' );
wp_enqueue_script( 'jquery-input-mask', ADMIN_DIR . 'assets/js/jquery.maskedinput-1.4.1.js', array( 'jquery' ), $version, true );
wp_enqueue_script( 'tipsy', ADMIN_DIR . 'assets/js/jquery.tipsy.js', array( 'jquery' ), $version, true );
wp_enqueue_script( 'cookie', ADMIN_DIR . 'assets/js/cookie.js', 'jquery', $version, true );
wp_enqueue_script( 'smof', ADMIN_DIR . 'assets/js/smof.js', array( 'jquery' ), $version, true );
// Enqueue colorpicker scripts for versions below 3.5 for compatibility.
if ( ! wp_script_is( 'wp-color-picker', 'registered' ) ) {
wp_register_script( 'iris', ADMIN_DIR . 'assets/js/iris.min.js', array( 'jquery-ui-draggable', 'jquery-ui-slider', 'jquery-touch-punch' ), $version, true );
wp_register_script( 'wp-color-picker', ADMIN_DIR . 'assets/js/color-picker.min.js', array( 'jquery', 'iris' ), $version, true );
}
wp_enqueue_script( 'wp-color-picker' );
/**
* Enqueue scripts for file uploader
*/
if ( function_exists( 'wp_enqueue_media' ) ) {
wp_enqueue_media();
}
do_action( 'of_load_only_after' );
}
/**
* Ajax Save Options
*
* @uses get_option()
*
* @since 1.0.0
*/
function of_ajax_callback()
{
global $options_machine, $of_options;
$nonce=$_POST['security'];
if (! wp_verify_nonce($nonce, 'of_ajax_nonce') ) die('-1');
//get options array from db
$all = of_get_options();
$save_type = $_POST['type'];
//Uploads
if($save_type == 'upload')
{
$clickedID = $_POST['data']; // Acts as the name
$filename = $_FILES[$clickedID];
$filename['name'] = preg_replace('/[^a-zA-Z0-9._\-]/', '', $filename['name']);
$override['test_form'] = false;
$override['action'] = 'wp_handle_upload';
$uploaded_file = wp_handle_upload($filename,$override);
$upload_tracking[] = $clickedID;
//update $options array w/ image URL
$upload_image = $all; //preserve current data
$upload_image[$clickedID] = $uploaded_file['url'];
of_save_options($upload_image);
if(!empty($uploaded_file['error'])) {echo 'Upload Error: ' . $uploaded_file['error']; }
else { echo $uploaded_file['url']; } // Is the Response
}
elseif($save_type == 'image_reset')
{
$id = $_POST['data']; // Acts as the name
$delete_image = $all; //preserve rest of data
$delete_image[$id] = ''; //update array key with empty value
of_save_options($delete_image ) ;
}
elseif($save_type == 'backup_options')
{
$backup = $all;
$backup['backup_log'] = date('r');
of_save_options($backup, BACKUPS) ;
die('1');
}
elseif($save_type == 'restore_options')
{
$smof_data = of_get_options(BACKUPS);
of_save_options($smof_data);
die('1');
}
elseif($save_type == 'import_options'){
$smof_data = unserialize(base64_decode($_POST['data'])); //100% safe - ignore theme check nag
of_save_options($smof_data);
die('1');
}
elseif ($save_type == 'save')
{
wp_parse_str(stripslashes($_POST['data']), $smof_data);
unset($smof_data['security']);
unset($smof_data['of_save']);
of_save_options($smof_data);
flush_rewrite_rules();
die('1');
}
elseif ($save_type == 'reset')
{
of_save_options($options_machine->Defaults);
die('1'); //options reset
}
die();
}

View File

@@ -0,0 +1,14 @@
<?php
/**
* Functions Load
*
* @package WordPress
* @subpackage SMOF
* @since 1.4.0
* @author Syamil MJ
*/
require_once( ADMIN_PATH . 'functions/functions.php' );
require_once( ADMIN_PATH . 'functions/functions.facebook.php' );
require_once( ADMIN_PATH . 'functions/functions.interface.php' );
require_once( ADMIN_PATH . 'functions/functions.options.php' );
require_once( ADMIN_PATH . 'functions/functions.admin.php' );

View File

@@ -0,0 +1,692 @@
<?php
/**
* Advanced Theme Options
*
* @package Flatsome/Admin/Options/Advanced
*/
add_action( 'init', 'of_options' );
if ( ! function_exists( 'of_options' ) ) {
/**
* Advance Theme Options.
*
* @global array $of_options Description.
*
* @return void.
*/
function of_options() {
// Access the WordPress Categories via an Array.
$of_categories = array();
$of_categories_obj = get_categories( 'hide_empty=0' );
foreach ( $of_categories_obj as $of_cat ) {
$of_categories[ $of_cat->cat_ID ] = $of_cat->cat_name;
}
// Access the WordPress Pages via an Array.
$of_pages = array();
$of_pages_obj = get_pages( 'sort_column=post_parent,menu_order' );
$of_pages['0'] = 'Select a page:';
foreach ( $of_pages_obj as $of_page ) {
$of_pages[ $of_page->ID ] = $of_page->post_title;
}
// Set the Options Array.
global $of_options;
$of_options = array();
$of_options[] = array(
'name' => 'Global Settings',
'type' => 'heading',
);
$of_options[] = array(
'name' => 'Header Scripts',
'desc' => 'Add custom scripts inside HEAD tag. You need to have a SCRIPT tag around scripts.',
'id' => 'html_scripts_header',
'std' => '',
'type' => 'textarea',
);
$of_options[] = array(
'name' => 'Footer Scripts',
'desc' => 'Add custom scripts you might want to be loaded in the footer of your website. You need to have a SCRIPT tag around scripts.',
'id' => 'html_scripts_footer',
'std' => '',
'type' => 'textarea',
);
$of_options[] = array(
'name' => 'Body Scripts - Top',
'desc' => 'Add custom scripts just after the BODY tag opened. You need to have a SCRIPT tag around scripts.',
'id' => 'html_scripts_after_body',
'std' => '',
'type' => 'textarea',
);
$of_options[] = array(
'name' => 'Body Scripts - Bottom',
'desc' => 'Add custom scripts just before the BODY tag closed. You need to have a SCRIPT tag around scripts.',
'id' => 'html_scripts_before_body',
'std' => '',
'type' => 'textarea',
);
$of_options[] = array(
'name' => 'Flatsome 2.0 Content Support',
'id' => 'flatsome_fallback',
'desc' => 'Support content made in Flatsome 2.0. Disable to speed up site.',
'std' => 1,
'type' => 'checkbox',
);
$of_options[] = array(
'name' => 'Custom CSS',
'type' => 'heading',
);
$of_options[] = array(
'name' => 'All screens',
'desc' => 'Add custom CSS here',
'id' => 'html_custom_css',
'std' => '',
'type' => 'textarea',
);
$of_options[] = array(
'name' => 'Tablets and down',
'desc' => 'Add custom CSS here for tablets and mobile',
'id' => 'html_custom_css_tablet',
'std' => '',
'type' => 'textarea',
);
$of_options[] = array(
'name' => 'Mobile only',
'desc' => 'Add custom CSS here for mobile view',
'id' => 'html_custom_css_mobile',
'std' => '',
'type' => 'textarea',
);
// Performance.
$of_options[] = array(
'name' => 'Performance',
'type' => 'heading',
);
$of_options[] = array(
'name' => '',
'type' => 'info',
'desc' => '<p style="font-size:14px">Use with caution! Disable if you have plugin compatibility problems.</p>',
);
$of_options[] = array(
'name' => 'Preload pages',
'id' => 'perf_instant_page',
'desc' => 'Preload pages right before a user clicks on it for blazing fast browsing between pages.',
'std' => 0,
'type' => 'checkbox',
);
$of_options[] = array(
'name' => 'Lazy Load Banner and Section backgrounds',
'id' => 'lazy_load_backgrounds',
'desc' => 'Enable lazy loading of banner and section backgrounds.',
'std' => 1,
'type' => 'checkbox',
);
$of_options[] = array(
'name' => 'Lazy Load Images',
'id' => 'lazy_load_images',
'desc' => 'Enable lazy loading for images. It will generate an inline blank Base64 image with the same aspect ratio as the original image.',
'std' => 0,
'type' => 'checkbox',
);
$of_options[] = array(
'name' => 'Disable theme style.css',
'type' => 'checkbox',
'id' => 'flatsome_disable_style_css',
'std' => 0,
'desc' => 'Disable loading of theme style.css. This file is only needed if you have added custom CSS to that file.',
);
$of_options[] = array(
'name' => 'Disable Emoji script',
'type' => 'checkbox',
'id' => 'disable_emoji',
'std' => 0,
'desc' => 'Remove WP emoji scripts from front-end.',
);
$of_options[] = array(
'name' => 'Disable Block library css',
'type' => 'checkbox',
'id' => 'disable_blockcss',
'std' => 0,
'desc' => 'Remove default block library css coming from WordPress',
);
$of_options[] = array(
'name' => 'Disable jQuery Migrate',
'type' => 'checkbox',
'id' => 'jquery_migrate',
'std' => 0,
'desc' => 'Remove jQuery Migrate. Most up-to-date front-end code and plugins dont require jquery-migrate.min.js. More often than not, keeping this - simply adds unnecessary load to your site.',
);
$of_options[] = array(
'name' => 'Site Loader',
'type' => 'heading',
);
$of_options[] = array(
'name' => 'Site Loader',
'id' => 'site_loader',
'desc' => 'Enable Site Loader overlay when loading the site.',
'type' => 'select',
'std' => '',
'options' => array(
'' => 'Disabled',
'home' => 'Enable on homepage',
'all' => 'Enable on all pages',
),
);
$of_options[] = array(
'name' => 'Color',
'id' => 'site_loader_color',
'type' => 'select',
'std' => 'light',
'options' => array(
'light' => 'Light',
'dark' => 'Dark',
),
);
$of_options[] = array(
'name' => 'Background Color',
'id' => 'site_loader_bg',
'std' => '',
'type' => 'color',
);
$of_options[] = array(
'name' => 'Site Search',
'type' => 'heading',
);
$of_options[] = array(
'name' => 'Live Search',
'id' => 'live_search',
'desc' => 'Enable live search for products, pages and posts.',
'std' => 1,
'type' => 'checkbox',
);
$of_options[] = array(
'name' => 'Search placeholder',
'desc' => 'Change the search field placeholder.',
'id' => 'search_placeholder',
'type' => 'text',
);
$of_options[] = array(
'name' => 'Search results latency',
'desc' => 'Set the delay for live search results.',
'id' => 'search_result_latency',
'std' => '0',
'type' => 'select',
'options' => array(
'0' => 'Instant',
'500' => '500 ms',
'1000' => '1000 ms',
'1500' => '1500 ms',
'2000' => '2000 ms',
),
);
if ( is_woocommerce_activated() ) {
$of_options[] = array(
'name' => 'Show Blog and pages in search results',
'id' => 'search_result',
'desc' => 'Enable blog and pages in search results.',
'std' => 1,
'type' => 'checkbox',
);
$of_options[] = array(
'name' => 'Posts and pages list style',
'id' => 'search_result_style',
'desc' => 'Display results as row, masonry or slider style.',
'type' => 'select',
'std' => 'slider',
'options' => array(
'row' => 'Row',
'masonry' => 'Masonry',
'slider' => 'Slider',
),
);
$of_options[] = array(
'name' => 'Search Products Order By',
'id' => 'search_products_order_by',
'type' => 'select',
'std' => 'relevance',
'options' => array(
'relevance' => 'Relevance',
'title' => 'Title',
'price' => 'Price',
),
);
$of_options[] = array(
'name' => 'Search Product SKU',
'desc' => 'Allow searching by SKU in live search.',
'id' => 'search_by_sku',
'std' => 0,
'type' => 'checkbox',
);
$of_options[] = array(
'name' => 'Search Product Tag',
'desc' => 'Allow searching by product tags in live search.',
'id' => 'search_by_product_tag',
'std' => 0,
'type' => 'checkbox',
);
}
$of_options[] = array(
"name" => "Instagram",
"type" => "heading",
);
$of_options[] = array(
"name" => "Accounts",
"std" => flatsome_facebook_accounts_html(),
"desc" => flatsome_facebook_login_button_html(),
"type" => "info"
);
$of_options[] = array(
'name' => 'Google APIs',
'type' => 'heading',
);
$of_options[] = array(
'name' => 'Google Maps API',
'desc' => "Enter Google Maps API key here to enable Maps. You can generate one here: <a target='_blank' href='https://developers.google.com/maps/documentation/javascript/get-api-key'>Google Maps API</a>",
'id' => 'google_map_api',
'std' => '',
'type' => 'text',
);
$of_options[] = array(
'name' => 'Maintenance Mode',
'type' => 'heading',
);
$of_options[] = array(
'name' => 'Maintenance Mode',
'id' => 'maintenance_mode',
'desc' => 'Enable Maintenance Mode for all users except admins.',
'std' => 0,
'type' => 'checkbox',
);
$of_options[] = array(
'name' => 'Admin Notice',
'id' => 'maintenance_mode_admin_notice',
'desc' => 'Show admin notice when Maintenance Mode is enabled.',
'std' => 1,
'type' => 'checkbox',
);
$of_options[] = array(
'name' => 'Custom Maintenance Page',
'id' => 'maintenance_mode_page',
'desc' => 'Set a custom page as maintenance page. Only this page will be visible for visitors.',
'std' => 0,
'type' => 'select',
'options' => $of_pages,
);
$of_options[] = array(
'name' => 'Maintenance Mode Text',
'desc' => 'The text that will be visible to your customers when accessing maintenance screen.',
'id' => 'maintenance_mode_text',
'std' => 'Please check back soon..',
'type' => 'text',
);
$of_options[] = array(
'name' => '404 Page',
'type' => 'heading',
);
$of_options[] = array(
'name' => 'Custom 404 Block',
'id' => '404_block',
'desc' => 'Replace 404 page content with a Custom Block that you can edit in the Page Builder.',
'std' => 0,
'type' => 'select',
'options' => flatsome_get_block_list_by_id( array( 'option_none' => '-- None --' ) ),
);
if ( is_woocommerce_activated() ) {
$of_options[] = array(
'name' => 'WooCommerce',
'type' => 'heading',
);
$of_options[] = array(
'name' => 'Variation swatches',
'id' => 'swatches',
'desc' => 'Enable variation swatches.',
'std' => 0,
'type' => 'checkbox',
);
$of_options[] = array(
'name' => 'Disable Reviews Global',
'id' => 'disable_reviews',
'desc' => 'Disable reviews globally.',
'std' => 0,
'type' => 'checkbox',
);
$of_options[] = array(
'name' => 'Enable default WooCommerce product gallery',
'id' => 'product_gallery_woocommerce',
'desc' => 'Use the default WooCommerce gallery slider for plugin compatibility, such as "Additional Variation Images".',
'std' => 0,
'type' => 'checkbox',
);
$of_options[] = array(
'name' => 'Shop header',
'desc' => 'Enter HTML that should be placed on top of main shop page. Shortcodes are allowed. ',
'id' => 'html_shop_page',
'std' => '',
'type' => 'textarea',
);
$of_options[] = array(
'name' => 'Additional Global tab/section title',
'id' => 'tab_title',
'std' => '',
'type' => 'text',
);
$of_options[] = array(
'name' => 'Additional Global tab/section content',
'id' => 'tab_content',
'std' => '',
'type' => 'textarea',
'desc' => 'Add additional tab content here... Like Size Charts etc.',
);
$of_options[] = array(
'name' => 'HTML before Add To Cart button (Global)',
'desc' => 'Enter HTML and shortcodes that will show before Add to cart selections.',
'id' => 'html_before_add_to_cart',
'std' => ' ',
'type' => 'textarea',
);
$of_options[] = array(
'name' => 'HTML after Add To Cart button (Global)',
'desc' => 'Enter HTML and shortcodes that will show after Add to cart button.',
'id' => 'html_after_add_to_cart',
'std' => '',
'type' => 'textarea',
);
$of_options[] = array(
'name' => 'Thank You Page Content / Scripts',
'desc' => 'Enter scripts or custom HTML content for the thank you page here',
'id' => 'html_thank_you',
'std' => '',
'type' => 'textarea',
);
$of_options[] = array(
'name' => 'Catalog Mode',
'type' => 'heading',
);
$of_options[] = array(
'name' => 'Enable catalog mode',
'id' => 'catalog_mode',
'desc' => 'Enable catalog mode. This will disable Add To Cart buttons / Checkout and Shopping cart.',
'std' => 0,
'type' => 'checkbox',
);
$of_options[] = array(
'name' => 'Disable prices',
'id' => 'catalog_mode_prices',
'desc' => 'Select to disable prices on category pages and product page.',
'std' => 0,
'type' => 'checkbox',
);
$of_options[] = array(
'name' => 'Remove sale badge',
'id' => 'catalog_mode_sale_badge',
'desc' => 'Select to remove sale badges.',
'std' => 0,
'type' => 'checkbox',
);
$of_options[] = array(
'name' => 'Cart / Account replacement (header)',
'id' => 'catalog_mode_header',
'std' => '',
'type' => 'textarea',
'desc' => "Enter content you want to display instead of Account / Cart. Shortcodes are allowed. For search box enter <b>[search]</b>. For social icons enter: <b>[follow twitter='http://' facebook='http://' email='post@email.com' pinterest='http://']</b>",
);
$of_options[] = array(
'name' => 'Add to cart replacement - Product page',
'id' => 'catalog_mode_product',
'std' => '',
'type' => 'textarea',
'desc' => 'Enter contact information or enquiry form shortcode here.',
);
$of_options[] = array(
'name' => 'Add to cart replacement - Product Quick View',
'id' => 'catalog_mode_lightbox',
'std' => '',
'type' => 'textarea',
'desc' => 'Enter text that will show in product quick view',
);
$of_options[] = array(
'name' => 'Infinite Scroll',
'type' => 'heading',
);
$of_options[] = array(
'name' => 'Infinite scroll category/products',
'id' => 'flatsome_infinite_scroll',
'desc' => 'Enable infinite scroll for WooCommerce category/product archive.',
'std' => 0,
'type' => 'checkbox',
);
$of_options[] = array(
'name' => 'Loading type',
'id' => 'infinite_scroll_loader_type',
'desc' => 'Select loading type animation or on button click.',
'std' => 'spinner',
'type' => 'select',
'options' => array(
'button' => 'Button (On click)',
'spinner' => 'Spinner',
'image' => 'Custom Image',
),
);
$of_options[] = array(
'name' => 'Custom loader image',
'desc' => "Upload or choose a custom loader image (for loading type 'Custom Image').",
'id' => 'infinite_scroll_loader_img',
'std' => '',
'type' => 'upload',
);
}
// Portfolio.
$of_options[] = array(
'name' => 'Portfolio',
'type' => 'heading',
);
$of_options[] = array(
'name' => 'Enable Portfolio',
'id' => 'fl_portfolio',
'desc' => 'Enable portfolio',
'std' => 1,
'type' => 'checkbox',
);
// Mobile.
$of_options[] = array(
'name' => 'Mobile',
'type' => 'heading',
);
$of_options[] = array(
'name' => 'Parallax Mobile Support',
'id' => 'parallax_mobile',
'desc' => 'Enable parallax for mobile devices',
'std' => 0,
'type' => 'checkbox',
);
// Integrations.
$of_options[] = array(
'name' => 'Integrations',
'type' => 'heading',
);
$of_options[] = array(
'name' => '',
'type' => 'info',
'desc' => '<p style="font-size:14px">Additional options for integrated plugins will be shown here if they are activated.</p>',
);
$of_options[] = array(
'name' => 'Flatsome Studio',
'id' => 'flatsome_studio',
'desc' => 'Enable access to Flatsome Studio in UX Builder',
'std' => 1,
'type' => 'checkbox',
);
if ( function_exists( 'ubermenu' ) ) {
$of_options[] = array(
'name' => 'Ubermenu',
'id' => 'flatsome_uber_menu',
'desc' => 'Enable full width UberMenu. You can also insert this elsewhere by using the UberMenu options.',
'std' => 1,
'type' => 'checkbox',
);
}
// Yoast options.
if ( class_exists( 'WPSEO_Options' ) ) {
$of_options[] = array(
'name' => 'Yoast Primary Category',
'id' => 'wpseo_primary_term',
'desc' => 'Use on product category pages and elements.',
'std' => 0,
'type' => 'checkbox',
);
$of_options[] = array(
'name' => '',
'id' => 'wpseo_manages_product_layout_priority',
'desc' => 'Manage custom product layout priority.',
'std' => 0,
'type' => 'checkbox',
);
$of_options[] = array(
'name' => 'Yoast Breadcrumbs',
'id' => 'wpseo_breadcrumb',
'desc' => 'Use on product category pages, single product pages and elements.',
'std' => 0,
'folds' => 1,
'type' => 'checkbox',
);
$of_options[] = array(
'name' => '',
'id' => 'wpseo_breadcrumb_remove_last',
'desc' => 'Remove the last static crumb on single product pages (product title).',
'std' => 1,
'fold' => 'wpseo_breadcrumb',
'type' => 'checkbox',
);
}
// Rank Math options.
if ( class_exists( 'RankMath' ) ) {
$of_options[] = array(
'name' => 'Rank Math Primary Category',
'id' => 'rank_math_primary_term',
'desc' => 'Use on product category pages and elements.',
'std' => 0,
'type' => 'checkbox',
);
$of_options[] = array(
'name' => '',
'id' => 'rank_math_manages_product_layout_priority',
'desc' => 'Manage custom product layout priority.',
'std' => 0,
'type' => 'checkbox',
);
$of_options[] = array(
'name' => 'Rank Math Breadcrumbs',
'id' => 'rank_math_breadcrumb',
'desc' => 'Use on product category pages, single product pages and elements.',
'std' => 0,
'type' => 'checkbox',
);
}
// Backup Options.
$of_options[] = array(
'name' => 'Backup and Import',
'type' => 'heading',
);
$of_options[] = array(
'name' => 'Backup and Restore Options',
'id' => 'of_backup',
'std' => '',
'type' => 'backup',
'desc' => 'You can use the two buttons below to backup your current options, and then restore it back at a later time. This is useful if you want to experiment on the options but would like to keep the old settings in case you need it back.',
);
$of_options[] = array(
'name' => 'Transfer Theme Options Data',
'id' => 'of_transfer',
'std' => '',
'type' => 'transfer',
'desc' => 'You can transfer the saved options data between different installs by copying the text inside the text box. To import data from another install, replace the data in the text box with the one from another install and click "Import Options".',
);
} // End of 'of_options()' function.
} // End check if function exists: of_options()

View File

@@ -0,0 +1,71 @@
<?php define( 'SMOF_VERSION', '1.5.2' );
/**
* Definitions
*
* @since 1.4.0
*/
$theme_version = '';
$smof_output = '';
if( function_exists( 'wp_get_theme' ) ) {
if( is_child_theme() ) {
$temp_obj = wp_get_theme();
$theme_obj = wp_get_theme( $temp_obj->get('Template') );
} else {
$theme_obj = wp_get_theme();
}
$theme_version = $theme_obj->get('Version');
$theme_name = $theme_obj->get('Name');
$theme_uri = $theme_obj->get('ThemeURI');
$author_uri = $theme_obj->get('AuthorURI');
} else {
$theme_data = wp_get_theme( get_template_directory().'/style.css' );
$theme_version = $theme_data['Version'];
$theme_name = $theme_data['Name'];
$theme_uri = $theme_data['ThemeURI'];
$author_uri = $theme_data['AuthorURI'];
}
if( !defined('ADMIN_PATH') )
define( 'ADMIN_PATH', get_template_directory() . '/inc/admin/advanced/' );
if( !defined('ADMIN_DIR') )
define( 'ADMIN_DIR', get_template_directory_uri() . '/inc/admin/advanced/' );
define( 'ADMIN_IMAGES', ADMIN_DIR . 'assets/images/' );
define( 'LAYOUT_PATH', ADMIN_PATH . 'layouts/' );
define( 'THEMENAME', $theme_name );
/* Theme version, uri, and the author uri are not completely necessary, but may be helpful in adding functionality */
define( 'THEMEVERSION', $theme_version );
define( 'THEMEURI', $theme_uri );
define( 'THEMEAUTHORURI', $author_uri );
define( 'BACKUPS','backups' );
/**
* Required action filters
*
* @uses add_action()
*
* @since 1.0.0
*/
add_action('admin_init','optionsframework_admin_init');
add_action('admin_menu', 'optionsframework_add_admin');
/**
* Required Files
*
* @since 1.0.0
*/
require_once ( ADMIN_PATH . 'functions/functions.load.php' );
require_once ( ADMIN_PATH . 'classes/class.options_machine.php' );
/**
* AJAX Saving Options
*
* @since 1.0.0
*/
add_action('wp_ajax_of_ajax_post_action', 'of_ajax_callback');

View File

@@ -0,0 +1,281 @@
<?php
/**
* Menu options handler
*
* @author UX Themes
* @package Flatsome
* @since 3.13.0
*/
namespace Flatsome\Admin;
defined( 'ABSPATH' ) || exit;
/**
* Class Menu
*
* @package Flatsome\Admin
*/
class Menu {
/**
* Option field identifiers
*
* @var array
*/
private $fields = array(
'design',
'width',
'height',
'block',
'behavior',
'icon-type',
'icon-id',
'icon-width',
'icon-height',
'icon-html',
);
/**
* Holds all UX blocks by ID.
*
* @var array
*/
private $ux_blocks = array();
/**
* Menu constructor.
*/
public function __construct() {
if ( flatsome_wp_version_check( '5.4' ) ) {
$this->ux_blocks = flatsome_get_block_list_by_id();
add_action( 'admin_enqueue_scripts', [ $this, 'register_assets' ] );
add_action( 'wp_nav_menu_item_custom_fields', [ $this, 'add_menu_fields' ], 10, 5 );
add_action( 'wp_update_nav_menu_item', [ $this, 'update_menu_fields' ], 10, 3 );
}
}
/**
* Adds menu item custom fields.
*
* @param int $item_id Menu item ID.
* @param \WP_Post $item Menu item data object.
* @param int $depth Depth of menu item. Used for padding.
* @param \stdClass $args An object of menu item arguments.
* @param int $id Nav menu ID.
*/
public function add_menu_fields( $item_id, $item, $depth, $args, $id ) { //phpcs:ignore VariableAnalysis.CodeAnalysis.VariableAnalysis.UnusedVariable
$design = get_post_meta( $item_id, '_menu_item_design', true );
$width = get_post_meta( $item_id, '_menu_item_width', true );
$height = get_post_meta( $item_id, '_menu_item_height', true );
$block = get_post_meta( $item_id, '_menu_item_block', true );
$behavior = get_post_meta( $item_id, '_menu_item_behavior', true );
$icon_type = get_post_meta( $item_id, '_menu_item_icon-type', true );
$icon_id = get_post_meta( $item_id, '_menu_item_icon-id', true );
$icon_width = get_post_meta( $item_id, '_menu_item_icon-width', true );
$icon_height = get_post_meta( $item_id, '_menu_item_icon-height', true );
$icon_html = get_post_meta( $item_id, '_menu_item_icon-html', true );
ob_start();
?>
<?php $this->menu_divider(); ?>
<div class="ux-menu-item-options">
<h3>
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" style="margin-top: -3px; vertical-align: middle">
<path d="M10.005 16.476L7.51713 13.9894L10.005 11.5027V7.11759L5.32346 11.7968L3.49745 9.97169L10.005 3.4674V0L0 10L10.005 20V16.476Z" fill="black"/>
<g opacity="0.502624">
<path opacity="0.387069" d="M9.995 16.476L12.4829 13.9894L9.995 11.5027V7.11759L14.6765 11.7968L16.5025 9.97169L9.995 3.4674V0L20 10L9.995 20V16.476Z" fill="black"/>
</g>
</svg>
<?php esc_html_e( 'Flatsome menu item options', 'flatsome' ); ?>
</h3>
<div class="ux-menu-item-options__section-dropdown">
<?php $this->section_title( __( 'Menu dropdown', 'flatsome' ) ); ?>
<p class="description description-wide ux-menu-item-options__design">
<label for="edit-menu-item-design-<?php echo esc_attr( $item_id ); ?>">
<?php esc_html_e( 'Design', 'flatsome' ); ?><br>
<select id="edit-menu-item-design-<?php echo esc_attr( $item_id ); ?>" class="widefat" name="menu-item-design[<?php echo esc_attr( $item_id ); ?>]">
<option value="default" <?php selected( $design, 'default', true ); ?>><?php esc_html_e( 'Default', 'flatsome' ); ?></option>
<option value="custom-size" <?php selected( $design, 'custom-size', true ); ?>><?php esc_html_e( 'Default (custom size)', 'flatsome' ); ?></option>
<option value="container-width" <?php selected( $design, 'container-width', true ); ?>><?php esc_html_e( 'Container width', 'flatsome' ); ?></option>
<option value="full-width" <?php selected( $design, 'full-width', true ); ?>><?php esc_html_e( 'Full width', 'flatsome' ); ?></option>
</select>
</label>
<?php $this->field_description( __( 'Select dropdown design.', 'flatsome' ) ); ?>
</p>
<p class="description description-thin ux-menu-item-options__width">
<label for="edit-menu-item-width-<?php echo esc_attr( $item_id ); ?>">
<?php esc_html_e( 'Width', 'flatsome' ); ?> (px)<br>
<input type="number" id="edit-menu-item-width-<?php echo esc_attr( $item_id ); ?>" class="widefat" min="0" name="menu-item-width[<?php echo esc_attr( $item_id ); ?>]" value="<?php echo esc_attr( $width ); ?>">
</label>
</p>
<p class="description description-thin ux-menu-item-options__height">
<label for="edit-menu-item-height-<?php echo esc_attr( $item_id ); ?>">
<?php esc_html_e( 'Height (optional)', 'flatsome' ); ?> (px)<br>
<input type="number" id="edit-menu-item-height-<?php echo esc_attr( $item_id ); ?>" class="widefat" min="0" name="menu-item-height[<?php echo esc_attr( $item_id ); ?>]" value="<?php echo esc_attr( $height ); ?>">
</label>
</p>
<p class="description description-wide ux-menu-item-options__block">
<label for="edit-menu-item-block-<?php echo esc_attr( $item_id ); ?>">
<?php esc_html_e( 'UX Block', 'flatsome' ); ?><br>
<select id="edit-menu-item-block-<?php echo esc_attr( $item_id ); ?>" class="widefat" name="menu-item-block[<?php echo esc_attr( $item_id ); ?>]">
<option value="" <?php selected( $block, '', true ); ?>><?php echo '-- None --'; ?></option>
<?php foreach ( $this->ux_blocks as $block_id => $title ) : ?>
<option value="<?php echo esc_attr( $block_id ); ?>" <?php selected( $block, $block_id, true ); ?>><?php echo esc_html( $title ); ?></option>
<?php endforeach ?>
</select>
</label>
<?php $this->field_description( 'Select UX Block as dropdown content.' ); ?>
</p>
<p class="description description-wide ux-menu-item-options__behavior">
<label for="edit-menu-item-behavior-<?php echo esc_attr( $item_id ); ?>">
<?php esc_html_e( 'Reveal', 'flatsome' ); ?><br>
<select id="edit-menu-item-behavior-<?php echo esc_attr( $item_id ); ?>" class="widefat" name="menu-item-behavior[<?php echo esc_attr( $item_id ); ?>]">
<option value="hover" <?php selected( $behavior, 'hover', true ); ?>><?php esc_html_e( 'On hover', 'flatsome' ); ?></option>
<option value="click" <?php selected( $behavior, 'click', true ); ?>><?php esc_html_e( 'On click', 'flatsome' ); ?></option>
</select>
</label>
</p>
</div>
<?php $this->section_title( __( 'Menu icon', 'flatsome' ) ); ?>
<p class="description description-wide ux-menu-item-options__icon-type">
<label for="edit-menu-item-icon-type-<?php echo esc_attr( $item_id ); ?>">
<?php esc_html_e( 'Icon type', 'flatsome' ); ?><br>
<select id="edit-menu-item-icon-type-<?php echo esc_attr( $item_id ); ?>" class="widefat" name="menu-item-icon-type[<?php echo esc_attr( $item_id ); ?>]">
<option value="media" <?php selected( $icon_type, 'media', true ); ?>><?php esc_html_e( 'Media library', 'flatsome' ); ?></option>
<option value="html" <?php selected( $icon_type, 'html', true ); ?>><?php esc_html_e( 'Custom content', 'flatsome' ); ?></option>
</select>
</label>
</p>
<div class="ux-menu-item-options__media hide-if-no-js">
<p class="description description-thin ux-menu-item-options__media-control">
<label for="edit-menu-item-icon-id-<?php echo esc_attr( $item_id ); ?>">
<?php $this->media_view_html( $item_id, $icon_id, 'icon-id' ); ?>
</label>
</p>
<p class="description description-thin ux-menu-item-options__icon-size">
<label for="edit-menu-item-icon-width-<?php echo esc_attr( $item_id ); ?>">
<?php esc_html_e( 'Width', 'flatsome' ); ?> (px)<br>
<input type="number" id="edit-menu-item-icon-width-<?php echo esc_attr( $item_id ); ?>" class="widefat" min="0" name="menu-item-icon-width[<?php echo esc_attr( $item_id ); ?>]" value="<?php echo esc_attr( $icon_width ); ?>">
</label>
<label for="edit-menu-item-icon-height-<?php echo esc_attr( $item_id ); ?>">
<?php esc_html_e( 'Height', 'flatsome' ); ?> (px)<br>
<input type="number" id="edit-menu-item-icon-height-<?php echo esc_attr( $item_id ); ?>" class="widefat" min="0" name="menu-item-icon-height[<?php echo esc_attr( $item_id ); ?>]" value="<?php echo esc_attr( $icon_height ); ?>">
</label>
<?php $this->field_description( __( 'Icons default (empty) to 20x20.', 'flatsome' ) ); ?>
</p>
</div>
<p class="description description-wide ux-menu-item-options__icon-html">
<label for="edit-menu-item-icon-html-<?php echo esc_attr( $item_id ); ?>">
<?php esc_html_e( 'Markup', 'flatsome' ); ?><br>
<textarea id="edit-menu-item-icon-html-<?php echo esc_attr( $item_id ); ?>" class="widefat" rows="3" cols="20" name="menu-item-icon-html[<?php echo esc_attr( $item_id ); ?>]"><?php echo esc_attr( $icon_html ); ?></textarea>
</label>
<?php $this->field_description( __( 'Add any HTML, SVG or shortcode here.', 'flatsome' ) ); ?>
</p>
</div>
<?php $this->menu_divider(); ?>
<br>
<?php
echo ob_get_clean(); //phpcs:disable WordPress.Security.EscapeOutput.OutputNotEscaped
}
/**
* Updates menu custom fields.
*
* @param int $menu_id ID of the updated menu.
* @param int $menu_item_db_id ID of the updated menu item.
* @param array $args An array of arguments used to update a menu item.
*/
public function update_menu_fields( $menu_id, $menu_item_db_id, $args ) { //phpcs:ignore VariableAnalysis.CodeAnalysis.VariableAnalysis.UnusedVariable
foreach ( $this->fields as $field ) {
$key = 'menu-item-' . $field;
if ( isset( $_POST[ $key ] ) && ! empty( $_POST[ $key ] ) && is_array( $_POST[ $key ] ) && isset( $_POST[ $key ][ $menu_item_db_id ] ) ) { //phpcs:ignore WordPress.Security
$value = wp_unslash( $_POST[ $key ][ $menu_item_db_id ] ); //phpcs:ignore WordPress.Security
update_post_meta( $menu_item_db_id, '_menu_item_' . $field, $value );
}
}
}
/**
* Divider template
*/
private function menu_divider() {
echo '<p class="description description-wide" style="border-top: 1px solid #eee;margin: 1.5em 0;"></p>';
}
/**
* Section title.
*
* @param string $title The title.
*/
private function section_title( $title ) {
echo '<h4 class="ux-menu-item-options__section-title description-wide">' . $title . '</h4>';
}
/**
* Menu option field description.
*
* @param string $description The description.
*/
private function field_description( $description ) {
echo '<small class="description" style="font-style: italic; color: #999">' . $description . '</small>';
}
/**
* Media upload/remove view
*
* @param int $item_id Menu item ID.
* @param int $image_id Image ID.
* @param string $field_identifier Field identifier string.
*/
private function media_view_html( $item_id, $image_id, $field_identifier ) {
$output = '';
$image = wp_get_attachment_image_src( $image_id, 'full' );
$output .= sprintf( '<img class="placeholder %s" alt="" src="%s" />',
! $image ? 'hidden' : '',
$image ? esc_url( $image[0] ) : ''
);
$output .= sprintf( '<button type="button" class="upload-button button" data-item-id="%s">%s</button>',
esc_attr( $item_id ),
__( 'Select image', 'flatsome' )
);
$output .= sprintf( '<button type="button" class="remove-button button %s" data-item-id="%s">%s</button>',
! $image ? 'hidden' : '',
esc_attr( $item_id ),
__( 'Remove', 'flatsome' )
);
$output .= sprintf( '<input type="hidden" id="edit-menu-item-%1$s-%2$s" name="menu-item-%1$s[%2$s]" value="%3$s">',
$field_identifier,
esc_attr( $item_id ),
$image ? esc_attr( $image_id ) : ''
);
echo $output;
}
/**
* Register assets.
*
* @param string $hook The current hook.
*/
public function register_assets( $hook ) {
if ( 'nav-menus.php' === $hook ) {
$theme = wp_get_theme( get_template() );
$version = $theme->get( 'Version' );
wp_enqueue_media();
flatsome_enqueue_asset( 'flatsome-admin-menu', 'admin/admin-menu', array( 'jquery', 'nav-menu' ) );
wp_enqueue_style( 'flatsome-admin-menu', get_template_directory_uri() . '/assets/css/admin/admin-menu.css', null, $version );
}
}
}
new Menu();

View File

@@ -0,0 +1,23 @@
<?php
/**
* Add Custom CSS to Customizer
*/
function flatsome_enqueue_customizer_stylesheet() {
$theme = wp_get_theme( get_template() );
$version = $theme['Version'];
flatsome_enqueue_asset( 'flatsome-customizer-admin-js', 'admin/customizer-admin' );
wp_enqueue_style( 'flatsome-header-builder-css', get_template_directory_uri() . '/assets/css/admin/admin-header-builder.css', NULL, $version, 'all' );
wp_enqueue_style( 'flatsome-customizer-admin', get_template_directory_uri() . '/assets/css/admin/admin-customizer.css', NULL, $version, 'all' );
}
add_action( 'customize_controls_print_styles', 'flatsome_enqueue_customizer_stylesheet' );
function flatsome_customizer_live_preview() {
$theme = wp_get_theme( 'flatsome' );
$version = $theme['Version'];
flatsome_enqueue_asset( 'flatsome-customizer-frontend-js', 'admin/customizer-frontend' );
wp_enqueue_style( 'flatsome-customizer-preview', get_template_directory_uri() . '/assets/css/admin/admin-frontend.css', NULL, $version, 'all' );
}
add_action( 'customize_preview_init', 'flatsome_customizer_live_preview' );

View File

@@ -0,0 +1,82 @@
<?php
// Options for resetting Customizer
if ( ! class_exists( 'Flatsome_Customizer_Reset' ) ) {
final class Flatsome_Customizer_Reset {
/**
* @var Flatsome_Customizer_Reset
*/
private static $instance = null;
/**
* @var WP_Customize_Manager
*/
private $wp_customize;
public static function get_instance() {
if ( null === self::$instance ) {
self::$instance = new self();
}
return self::$instance;
}
private function __construct() {
add_action( 'customize_controls_print_scripts', array( $this, 'customize_controls_print_scripts' ) );
add_action( 'wp_ajax_customizer_reset', array( $this, 'ajax_customizer_reset' ) );
add_action( 'customize_register', array( $this, 'customize_register' ) );
}
public function customize_controls_print_scripts() {
$uri = get_template_directory_uri();
$theme = wp_get_theme( get_template() );
$version = $theme->get( 'Version' );
wp_enqueue_script( 'flatsome-customizer-reset', $uri . '/inc/admin/customizer/js/customizer-reset.js', array(), $version, true );
wp_localize_script( 'flatsome-customizer-reset', '_FlatsomeCustomizerReset', array(
'reset' => __( 'Reset', 'flatsome-admin' ),
'confirm' => __( "Attention! This will remove all customizations ever made via customizer to this theme!\n\nThis action is irreversible!", 'flatsome-admin' ),
'nonce' => array(
'reset' => wp_create_nonce( 'customizer-reset' ),
)
) );
}
/**
* Store a reference to `WP_Customize_Manager` instance
*
* @param $wp_customize
*/
public function customize_register( $wp_customize ) {
$this->wp_customize = $wp_customize;
}
public function ajax_customizer_reset() {
if ( ! $this->wp_customize->is_preview() ) {
wp_send_json_error( 'not_preview' );
}
if ( ! check_ajax_referer( 'customizer-reset', 'nonce', false ) ) {
wp_send_json_error( 'invalid_nonce' );
}
$this->reset_customizer();
wp_send_json_success();
}
public function reset_customizer() {
$settings = $this->wp_customize->settings();
// remove theme_mod settings registered in customizer
foreach ( $settings as $setting ) {
if ( 'theme_mod' == $setting->type ) {
remove_theme_mod( $setting->id );
}
}
}
}
}
Flatsome_Customizer_Reset::get_instance();

View File

@@ -0,0 +1,121 @@
<?php
/* Add Header builder */
function flatsome_customizer_header_builder(){
$nav_elements = flatsome_customizer_nav_elements();
?>
<div class="header-builder">
<h3>
<span class="title left">Header Builder</span>
<span class="center display-toggle">
<a class="button button-primary enable-desktop">Desktop</a>
<a class="button button-primary enable-tablet">Mobile / Tablet</a>
</span>
<span class="right">
<a class="button button-secondary header-preset-button" data-section="header-presets" style="margin-right: 5px;">Presets</a>
<a href="//www.youtube.com/watch?v=YE-lOavbrjU" target="_blank" class="button" style="margin-right: 5px;">Tutorial</a>
<a class="button header-clear-button" style="margin-right: 5px;">Clear All</a>
<a class="button header-close-button" style="margin-right: 10px;">✕ Close</a>
</span>
</h3>
<div class="hb-wrapper hb-wrapper-desktop">
<div class="hb-wrap hb-desktop">
<div class="hb hb-top">
<div class="hb-tooltip" data-section="top_bar">Top bar <i class="dashicons dashicons-admin-generic"></i></div>
<div class="hb-left hb-drop"
data-id="topbar_elements_left">
</div>
<div class="hb-center hb-drop"
data-id="topbar_elements_center">
</div>
<div class="hb-right hb-drop"
data-id="topbar_elements_right">
</div>
</div>
<div class="hb hb-main">
<div class="hb-tooltip" data-section="main_bar">Header Main <i class="dashicons dashicons-admin-generic"></i></div>
<div class="hb-logo" data-tooltip="Logo" data-section="title_tagline">
<strong>Logo <i class="dashicons dashicons-admin-generic"></i></strong>
</div>
<div class="hb-left hb-drop" data-id="header_elements_left">
</div>
<div class="hb-right hb-drop" data-id="header_elements_right">
</div>
</div>
<div class="hb hb-bottom">
<div class="hb-tooltip" data-section="bottom_bar">Header Bottom <i class="dashicons dashicons-admin-generic"></i></div>
<div class="hb-left hb-drop"
data-id="header_elements_bottom_left">
</div>
<div class="hb-center hb-drop"
data-id="header_elements_bottom_center">
</div>
<div class="hb-right hb-drop"
data-id="header_elements_bottom_right">
</div>
</div>
</div>
<div class="hb hb-avaiable hb-avaiable-desktop">
<div class="hb-tooltip">Not in use</div>
<div class="hb-list hb-drop">
<?php
foreach ($nav_elements as $key => $value) {
echo '<span data-id="'.$key.'">'.$value.'<i class="dashicons dashicons-admin-generic"></i></span>';
}
?>
</div>
</div>
</div>
<div class="hb-wrapper hb-wrapper-mobile">
<div class="hb-wrap hb-mobile">
<div class="hb hb-top">
<div class="hb-center hb-drop-mobile"
data-id="header_mobile_elements_top">
</div>
</div>
<div class="hb hb-main">
<div class="hb-tooltip" data-section="header_mobile">Header Mobile<i class="dashicons dashicons-admin-generic"></i></div>
<div class="hb-logo"
data-tooltip="Logo"
data-section="title_tagline">
LOGO</div>
<div class="hb-left hb-drop-mobile"
data-id="header_mobile_elements_left">
</div>
<div class="hb-right hb-drop-mobile"
data-id="header_mobile_elements_right">
</div>
</div>
<div class="hb hb-bottom">
<div class="hb-full hb-center hb-drop-mobile"
data-id="header_mobile_elements_bottom">
</div>
</div>
</div>
<div class="hb hb-avaiable hb-avaiable-mobile">
<div class="hb-tooltip">Not in use</div>
<div class="hb-list hb-drop-mobile">
<?php
foreach ($nav_elements as $key => $value) {
echo '<span data-id="'.$key.'">'.$value.'<i class="dashicons dashicons-admin-generic"></i></span>';
}
?>
</div>
</div>
</div>
</div>
</div>
<?php
}
add_action('customize_controls_print_footer_scripts', 'flatsome_customizer_header_builder');

View File

@@ -0,0 +1,27 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="100px" height="72px" viewBox="0 0 100 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>account-icon-fill-round</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="100" height="71.4285714" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="71.4285714" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="71.4285714" fill="white">
<use xlink:href="#path-1"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="account-icon-fill-round">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<rect id="Rectangle-166-Copy-4" fill="#3498DB" mask="url(#mask-3)" x="24.3075435" y="8.28125" width="52.9293346" height="53.4462226" rx="7"></rect>
<path d="M52.95375,39.00625 C52.95375,39.00625 55.12875,36.87125 55.6025,34 C56.8775,34 57.665,30.9475 56.39,29.87375 C56.44375,28.74375 58.02875,21 50,21 C41.97125,21 43.55625,28.74375 43.61,29.87375 C42.335,30.9475 43.1225,34 44.3975,34 C44.87125,36.87125 47.0475,39.00625 47.0475,39.00625 C47.0475,39.00625 47.03,41.025 46.29,41.14125 C43.905,41.5175 35,45.41125 35,49.68125 L65,49.68125 C65,45.41125 56.095,41.5175 53.71125,41.14125 C52.97125,41.025 52.95375,39.00625 52.95375,39.00625 Z" id="Path" fill="#FFFFFF" mask="url(#mask-3)"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

@@ -0,0 +1,27 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="100px" height="72px" viewBox="0 0 100 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>account-icon-fill</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="100" height="71.4285714" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="71.4285714" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="71.4285714" fill="white">
<use xlink:href="#path-1"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="account-icon-fill">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<rect id="Rectangle-166-Copy-4" fill="#3498DB" mask="url(#mask-3)" x="24.3075435" y="8.28125" width="52.9293346" height="53.4462226" rx="26.4646673"></rect>
<path d="M53.95375,38.00625 C53.95375,38.00625 56.12875,35.87125 56.6025,33 C57.8775,33 58.665,29.9475 57.39,28.87375 C57.44375,27.74375 59.02875,20 51,20 C42.97125,20 44.55625,27.74375 44.61,28.87375 C43.335,29.9475 44.1225,33 45.3975,33 C45.87125,35.87125 48.0475,38.00625 48.0475,38.00625 C48.0475,38.00625 48.03,40.025 47.29,40.14125 C44.905,40.5175 36,44.41125 36,48.68125 L66,48.68125 C66,44.41125 57.095,40.5175 54.71125,40.14125 C53.97125,40.025 53.95375,38.00625 53.95375,38.00625 Z" id="Path" fill="#FFFFFF" mask="url(#mask-3)"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

@@ -0,0 +1,36 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="100px" height="72px" viewBox="0 0 100 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>account-icon-image</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="100" height="71.4285714" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="71.4285714" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="71.4285714" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<linearGradient x1="274.066542%" y1="-34.4059336%" x2="27.6117208%" y2="100%" id="linearGradient-5">
<stop stop-color="#FFFFFF" offset="0%"></stop>
<stop stop-color="#8064E0" offset="42.9781115%"></stop>
<stop stop-color="#00A0D2" offset="100%"></stop>
</linearGradient>
<rect id="path-6" x="24.3075435" y="8.28125" width="52.9293346" height="53.4462226" rx="26.4646673"></rect>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="account-icon-image">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<mask id="mask-7" fill="white">
<use xlink:href="#path-6"></use>
</mask>
<use id="Rectangle-166-Copy-4" fill="url(#linearGradient-5)" xlink:href="#path-6"></use>
<path d="M55.1344535,45.2167237 C55.1344535,45.2167237 58.5427908,41.8710684 59.2851815,37.3716714 C61.2831724,37.3716714 62.5172255,32.5882462 60.5192347,30.9056245 C60.6034637,29.1348562 63.0872406,17 50.5057747,17 C37.9243088,17 40.4080856,29.1348562 40.4923147,30.9056245 C38.4943238,32.5882462 39.728377,37.3716714 41.7263678,37.3716714 C42.4687586,41.8710684 45.8790547,45.2167237 45.8790547,45.2167237 C45.8790547,45.2167237 45.8516313,48.3802092 44.6920131,48.5623789 C40.9545949,49.1519821 27,55.2536895 27,61.945 L74.0115494,61.945 C74.0115494,55.2536895 60.0569545,49.1519821 56.3214951,48.5623789 C55.1618769,48.3802092 55.1344535,45.2167237 55.1344535,45.2167237 Z" id="Path" fill-opacity="0.127858922" fill="#FFFFFF" mask="url(#mask-7)"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.7 KiB

View File

@@ -0,0 +1,33 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="100px" height="72px" viewBox="0 0 100 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>account-icon-outline-round</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="100" height="71.4285714" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="71.4285714" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="71.4285714" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<rect id="path-5" x="23.3075435" y="8.28125" width="52.9293346" height="53.4462226" rx="8"></rect>
<mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="52.9293346" height="53.4462226" fill="white">
<use xlink:href="#path-5"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="account-icon-outline-round">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<path d="M53.7678983,38.7490625 C53.7678983,38.7490625 56.3053983,36.2582292 56.8581066,32.9084375 C58.3456066,32.9084375 59.2643566,29.3471875 57.7768566,28.0944792 C57.8395649,26.7761458 59.6887316,17.7417708 50.3218566,17.7417708 C40.9549816,17.7417708 42.8041483,26.7761458 42.8668566,28.0944792 C41.3793566,29.3471875 42.2981066,32.9084375 43.7856066,32.9084375 C44.3383149,36.2582292 46.8772733,38.7490625 46.8772733,38.7490625 C46.8772733,38.7490625 46.8568566,41.1042708 45.9935233,41.2398958 C43.2110233,41.6788542 32.8218566,46.2215625 32.8218566,51.2032292 L67.8218566,51.2032292 C67.8218566,46.2215625 57.4326899,41.6788542 54.6516483,41.2398958 C53.7883149,41.1042708 53.7678983,38.7490625 53.7678983,38.7490625 Z" id="Path" fill="#3498DB" mask="url(#mask-3)"></path>
<g id="Rectangle-166-Copy-4" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-6)" xlink:href="#path-5"></use>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

View File

@@ -0,0 +1,33 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="100px" height="72px" viewBox="0 0 100 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>account-icon-outline</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="100" height="71.4285714" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="71.4285714" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="71.4285714" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<rect id="path-5" x="23.3075435" y="8.28125" width="52.9293346" height="53.4462226" rx="26.4646673"></rect>
<mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="52.9293346" height="53.4462226" fill="white">
<use xlink:href="#path-5"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="account-icon-outline">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<g id="Rectangle-166-Copy-4" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-6)" xlink:href="#path-5"></use>
</g>
<path d="M53.2837597,37.2547356 C53.2837597,37.2547356 55.3991751,35.1782244 55.8599466,32.385633 C57.1000177,32.385633 57.8659439,29.4167569 56.6258728,28.3724225 C56.6781504,27.2733791 58.2197289,19.7417708 50.4109283,19.7417708 C42.6021277,19.7417708 44.1437063,27.2733791 44.1959838,28.3724225 C42.9559127,29.4167569 43.7218389,32.385633 44.96191,32.385633 C45.4226815,35.1782244 47.5393127,37.2547356 47.5393127,37.2547356 C47.5393127,37.2547356 47.5222921,39.2181815 46.8025646,39.3312468 C44.4829022,39.6971894 35.8218566,43.4842693 35.8218566,47.6372917 L65,47.6372917 C65,43.4842693 56.3389544,39.6971894 54.0205078,39.3312468 C53.3007803,39.2181815 53.2837597,37.2547356 53.2837597,37.2547356 Z" id="Path" fill="#3498DB" mask="url(#mask-3)"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

View File

@@ -0,0 +1,26 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="100px" height="72px" viewBox="0 0 100 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>account-icon-plain</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="100" height="71.4285714" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="71.4285714" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="71.4285714" fill="white">
<use xlink:href="#path-1"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="account-icon-plain">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<path d="M53.1266522,41.1942787 C53.1266522,41.1942787 55.9283214,38.4441345 56.5385701,34.7456091 C58.1809279,34.7456091 59.1953253,30.8136112 57.5529675,29.4304883 C57.6222042,27.9749085 59.6638804,18 49.3218566,18 C38.9798329,18 41.021509,27.9749085 41.0907457,29.4304883 C39.4483879,30.8136112 40.4627854,34.7456091 42.1051432,34.7456091 C42.7153918,38.4441345 45.5186712,41.1942787 45.5186712,41.1942787 C45.5186712,41.1942787 45.496129,43.7946786 44.5429174,43.944423 C41.4707422,44.4290795 30,49.4447115 30,54.945 L68.6437132,54.945 C68.6437132,49.4447115 57.172971,44.4290795 54.102406,43.944423 C53.1491944,43.7946786 53.1266522,41.1942787 53.1266522,41.1942787 Z" id="Path" fill="#3498DB" mask="url(#mask-3)"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

@@ -0,0 +1,31 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="68px" viewBox="0 0 70 68" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>align-center</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="align-center">
<text id="Center" font-family="Lato-Regular, Lato" font-size="13" font-weight="normal" fill="#9A8F9A">
<tspan x="0" y="67">Center</tspan>
</text>
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<rect id="Path-Copy-9" fill="#3498DB" mask="url(#mask-3)" x="20.9226985" y="25.7466987" width="27.5145296" height="3.18012422"></rect>
<rect id="Path-Copy-7" fill="#3498DB" mask="url(#mask-3)" x="24.9226985" y="33.2101102" width="19.0773015" height="2.25330131"></rect>
<rect id="Path-Copy-8" fill="#3498DB" mask="url(#mask-3)" x="14.9226985" y="12.9268229" width="40.0773015" height="9.54037267"></rect>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@@ -0,0 +1,31 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="68px" viewBox="0 0 70 68" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>align-left</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="align-left">
<text id="Left" font-family="Lato-Regular, Lato" font-size="13" font-weight="normal" fill="#9A8F9A">
<tspan x="0" y="67">Left</tspan>
</text>
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<rect id="Path-Copy-5" fill="#3498DB" mask="url(#mask-3)" x="10.9226985" y="25.7466987" width="27.5145296" height="3.18012422"></rect>
<rect id="Path-Copy-6" fill="#3498DB" mask="url(#mask-3)" x="10.9226985" y="32.7466987" width="23.0773015" height="3.18012422"></rect>
<rect id="Path-Copy-4" fill="#3498DB" mask="url(#mask-3)" x="10.9226985" y="12.9268229" width="40.0773015" height="9.54037267"></rect>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@@ -0,0 +1,31 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="70px" viewBox="0 0 70 70" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>align-right</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="align-right">
<text id="Right" font-family="Lato-Regular, Lato" font-size="13" font-weight="normal" fill="#9A8F9A">
<tspan x="0" y="67">Right</tspan>
</text>
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<rect id="Path-Copy-12" fill="#3498DB" mask="url(#mask-3)" x="30.9226985" y="25.7466987" width="27.5145296" height="3.18012422"></rect>
<rect id="Path-Copy-10" fill="#3498DB" mask="url(#mask-3)" x="34.9226985" y="32.7466987" width="23.0773015" height="3.18012422"></rect>
<rect id="Path-Copy-11" fill="#3498DB" mask="url(#mask-3)" x="18.9226985" y="12.9268229" width="40.0773015" height="9.54037267"></rect>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@@ -0,0 +1,56 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="100px" height="73px" viewBox="0 0 100 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>Untitled</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="100" height="71.4285714" rx="4"></rect>
<rect id="path-3" x="0" y="0" width="100" height="71.4285714" rx="4"></rect>
<rect id="path-5" x="0" y="0" width="92" height="65.7142857" rx="4"></rect>
<rect id="path-7" x="0.28294002" y="0.25875" width="48.6949878" height="49.1705248" rx="24.3474939"></rect>
<rect id="path-9" x="0" y="0" width="92" height="65.7142857" rx="4"></rect>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="back-to-top-plain">
<g id="Mask-Clipped">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="path-1"></g>
<g id="Mask" mask="url(#mask-2)">
<g id="path-1-Clipped">
<mask id="mask-4" fill="white">
<use xlink:href="#path-3"></use>
</mask>
<g id="path-1"></g>
<rect id="path-1" stroke="#3498DB" stroke-width="2" fill-opacity="0.01" fill="#00A0D2" fill-rule="nonzero" mask="url(#mask-4)" x="0" y="0" width="100" height="71.4285714" rx="4"></rect>
</g>
</g>
</g>
<g id="Round" transform="translate(4.000000, 3.000000)">
<mask id="mask-6" fill="white">
<use xlink:href="#path-5"></use>
</mask>
<g id="path-1"></g>
<g mask="url(#mask-6)" id="path-5-Clipped">
<g transform="translate(21.160000, 8.280000)">
<g>
<mask id="mask-8" fill="white">
<use xlink:href="#path-7"></use>
</mask>
<g id="path-5"></g>
<rect id="path-5" stroke="#3498DB" stroke-width="2" fill-opacity="0.127858922" fill="#3498DB" fill-rule="nonzero" mask="url(#mask-8)" x="0.28294002" y="0.25875" width="48.6949878" height="49.1705248" rx="24.3474939"></rect>
</g>
</g>
</g>
</g>
<g id="Shape-Copy-14-Clipped" transform="translate(4.000000, 2.000000)">
<mask id="mask-10" fill="white">
<use xlink:href="#path-9"></use>
</mask>
<g id="path-1"></g>
<path d="M58.88,27.819749 C58.88,27.6045429 58.8185312,27.420093 58.6648375,27.235643 L57.404357,26.0366749 C57.2506632,25.852225 57.0354571,25.76 56.8510072,25.76 C56.6050449,25.76 56.4205949,25.852225 56.2669012,26.0366749 L46.4599935,35.8128264 L36.6838419,26.0366749 C36.4994051,25.852225 36.3149508,25.76 36.0690103,25.76 C35.884556,25.76 35.6693586,25.852225 35.515643,26.0366749 L34.2859405,27.235643 C34.1014862,27.420093 34.04,27.6045429 34.04,27.819749 C34.04,28.0349115 34.1014862,28.2501176 34.2859405,28.4345676 L45.9066437,40.0245494 C46.0603374,40.2089994 46.2447873,40.3012243 46.4599935,40.3012243 C46.7059558,40.3012243 46.8904057,40.2089994 47.0133869,40.0245494 L58.6648375,28.4345676 C58.8185312,28.2501176 58.88,28.0349115 58.88,27.819749" id="Shape" fill="#3498DB" fill-rule="nonzero" mask="url(#mask-10)" transform="translate(46.460000, 33.030612) rotate(180.000000) translate(-46.460000, -33.030612) "></path>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.8 KiB

View File

@@ -0,0 +1,56 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="100px" height="73px" viewBox="0 0 100 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>Untitled</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="100" height="71.4285714" rx="4"></rect>
<rect id="path-3" x="0" y="0" width="100" height="71.4285714" rx="4"></rect>
<rect id="path-5" x="0" y="0" width="92" height="65.7142857" rx="4"></rect>
<rect id="path-7" x="0.28294002" y="0.25875" width="48.6949878" height="49.1705248" rx="8"></rect>
<rect id="path-9" x="0" y="0" width="92" height="65.7142857" rx="4"></rect>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="back-to-top-plain">
<g id="Mask-Clipped">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="path-1"></g>
<g id="Mask" mask="url(#mask-2)">
<g id="path-1-Clipped">
<mask id="mask-4" fill="white">
<use xlink:href="#path-3"></use>
</mask>
<g id="path-1"></g>
<rect id="path-1" stroke="#3498DB" stroke-width="2" fill-opacity="0.01" fill="#00A0D2" fill-rule="nonzero" mask="url(#mask-4)" x="0" y="0" width="100" height="71.4285714" rx="4"></rect>
</g>
</g>
</g>
<g id="Square" transform="translate(50.000000, 36.120000) rotate(45.000000) translate(-50.000000, -36.120000) translate(4.000000, 3.000000)">
<mask id="mask-6" fill="white">
<use xlink:href="#path-5"></use>
</mask>
<g id="path-1"></g>
<g mask="url(#mask-6)" id="path-5-Clipped">
<g transform="translate(46.000000, 32.200000) rotate(45.000000) translate(-46.000000, -32.200000) translate(21.160000, 7.360000)">
<g>
<mask id="mask-8" fill="white">
<use xlink:href="#path-7"></use>
</mask>
<g id="path-5"></g>
<rect id="path-5" stroke="#3498DB" stroke-width="2" fill-opacity="0.127858922" fill="#3498DB" fill-rule="nonzero" mask="url(#mask-8)" x="0.28294002" y="0.25875" width="48.6949878" height="49.1705248" rx="8"></rect>
</g>
</g>
</g>
</g>
<g id="Shape-Copy-14-Clipped" transform="translate(4.000000, 2.000000)">
<mask id="mask-10" fill="white">
<use xlink:href="#path-9"></use>
</mask>
<g id="path-1"></g>
<path d="M58.88,27.819749 C58.88,27.6045429 58.8185312,27.420093 58.6648375,27.235643 L57.404357,26.0366749 C57.2506632,25.852225 57.0354571,25.76 56.8510072,25.76 C56.6050449,25.76 56.4205949,25.852225 56.2669012,26.0366749 L46.4599935,35.8128264 L36.6838419,26.0366749 C36.4994051,25.852225 36.3149508,25.76 36.0690103,25.76 C35.884556,25.76 35.6693586,25.852225 35.515643,26.0366749 L34.2859405,27.235643 C34.1014862,27.420093 34.04,27.6045429 34.04,27.819749 C34.04,28.0349115 34.1014862,28.2501176 34.2859405,28.4345676 L45.9066437,40.0245494 C46.0603374,40.2089994 46.2447873,40.3012243 46.4599935,40.3012243 C46.7059558,40.3012243 46.8904057,40.2089994 47.0133869,40.0245494 L58.6648375,28.4345676 C58.8185312,28.2501176 58.88,28.0349115 58.88,27.819749" id="Shape" fill="#3498DB" fill-rule="nonzero" mask="url(#mask-10)" transform="translate(46.460000, 33.030612) rotate(180.000000) translate(-46.460000, -33.030612) "></path>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.9 KiB

View File

@@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
<title>badge-border</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="39.2156863" height="39.2156863" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="39.2156863" height="39.2156863" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="39.2156863" height="39.2156863" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<rect id="path-5" x="10.9803922" y="6.2745098" width="34.5098039" height="35.2941176"></rect>
<mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="34.5098039" height="35.2941176" fill="white">
<use xlink:href="#path-5"></use>
</mask>
<rect id="path-7" x="15" y="9" width="10.7254902" height="10.7254902"></rect>
<mask id="mask-8" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="10.7254902" height="10.7254902" fill="white">
<use xlink:href="#path-7"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="badge-border">
<g id="no-shadow-copy-6" transform="translate(0.617059, 0.185392)">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<g id="Rectangle-5-Copy-14" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-6)" xlink:href="#path-5"></use>
</g>
</g>
<use id="Rectangle-337-Copy-6" stroke="#3498DB" mask="url(#mask-8)" stroke-width="2" fill-opacity="0.127858922" fill="#3498DB" xlink:href="#path-7"></use>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

View File

@@ -0,0 +1,35 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
<title>badge-circle-inside</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="39.2156863" height="39.2156863" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="39.2156863" height="39.2156863" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="39.2156863" height="39.2156863" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<rect id="path-5" x="10.9803922" y="6.2745098" width="34.5098039" height="35.2941176"></rect>
<mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="34.5098039" height="35.2941176" fill="white">
<use xlink:href="#path-5"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="badge-circle-inside">
<g id="no-shadow-copy-3" transform="translate(0.449803, 0.185392)">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<g id="Rectangle-5-Copy-14" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-6)" xlink:href="#path-5"></use>
</g>
</g>
<rect id="Rectangle-337-Copy-2" fill="#3498DB" x="17.7243131" y="13.9019608" width="12.5490196" height="12.5490196" rx="6.2745098"></rect>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@@ -0,0 +1,35 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
<title>badge-circle</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="39.2156863" height="39.2156863" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="39.2156863" height="39.2156863" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="39.2156863" height="39.2156863" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<rect id="path-5" x="10.9803922" y="6.2745098" width="34.5098039" height="35.2941176"></rect>
<mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="34.5098039" height="35.2941176" fill="white">
<use xlink:href="#path-5"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="badge-circle">
<g id="no-shadow-copy-3" transform="translate(0.449803, 0.185392)">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<g id="Rectangle-5-Copy-14" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-6)" xlink:href="#path-5"></use>
</g>
</g>
<rect id="Rectangle-337-Copy-2" fill="#3498DB" x="6.72431308" y="14.9019608" width="12.5490196" height="12.5490196" rx="99"></rect>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>badge-outline</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="39.2156863" height="39.2156863" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="39.2156863" height="39.2156863" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="39.2156863" height="39.2156863" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<rect id="path-5" x="10.9803922" y="6.2745098" width="34.5098039" height="35.2941176"></rect>
<mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="34.5098039" height="35.2941176" fill="white">
<use xlink:href="#path-5"></use>
</mask>
<rect id="path-7" x="6.98039216" y="14.9019608" width="12.5490196" height="12.5490196"></rect>
<mask id="mask-8" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="12.5490196" height="12.5490196" fill="white">
<use xlink:href="#path-7"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="badge-outline">
<g id="no-shadow-copy" transform="translate(0.000000, 0.185392)">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<g id="Rectangle-5-Copy-14" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-6)" xlink:href="#path-5"></use>
</g>
</g>
<use id="Rectangle-337" stroke="#3498DB" mask="url(#mask-8)" stroke-width="2" fill-opacity="0.127858922" fill="#3498DB" xlink:href="#path-7"></use>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@@ -0,0 +1,35 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
<title>badge-square</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="39.2156863" height="39.2156863" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="39.2156863" height="39.2156863" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="39.2156863" height="39.2156863" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<rect id="path-5" x="10.9803922" y="6.2745098" width="34.5098039" height="35.2941176"></rect>
<mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="34.5098039" height="35.2941176" fill="white">
<use xlink:href="#path-5"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="badge-square">
<g id="no-shadow-copy" transform="translate(0.000000, 0.185392)">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<g id="Rectangle-5-Copy-14" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-6)" xlink:href="#path-5"></use>
</g>
</g>
<rect id="Rectangle-337" fill="#3498DB" x="10.9803922" y="14.9019608" width="12.5490196" height="12.5490196"></rect>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@@ -0,0 +1,29 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="68px" viewBox="0 0 70 68" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>blog-default</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="blog-default">
<text id="Default" font-family="Lato-Regular, Lato" font-size="13" font-weight="normal" fill="#9A8F9A">
<tspan x="0" y="67">Default</tspan>
<tspan x="0" y="83"></tspan>
</text>
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="71px" height="68px" viewBox="0 0 71 68" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>blog-inline</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<rect id="path-5" x="42" y="9" width="18" height="45"></rect>
<mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="18" height="45" fill="white">
<use xlink:href="#path-5"></use>
</mask>
<rect id="path-7" x="10" y="40" width="29" height="40"></rect>
<mask id="mask-8" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="29" height="40" fill="white">
<use xlink:href="#path-7"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="blog-inline" transform="translate(0.213250, 0.000000)">
<text id="Inline" font-family="Lato-Regular, Lato" font-size="13" font-weight="normal" fill="#9A8F9A">
<tspan x="0" y="67">Inline</tspan>
</text>
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<g id="Rectangle-5-Copy-7" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-6)" xlink:href="#path-5"></use>
</g>
<g id="Rectangle-5-Copy-7" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-8)" xlink:href="#path-7"></use>
</g>
<rect id="Rectangle-5-Copy-7" fill="#3498DB" mask="url(#mask-3)" x="10" y="9" width="29" height="28"></rect>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

View File

@@ -0,0 +1,56 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="69px" viewBox="0 0 70 69" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>blog-list</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<rect id="path-5" x="9" y="13" width="23" height="26"></rect>
<mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="23" height="26" fill="white">
<use xlink:href="#path-5"></use>
</mask>
<rect id="path-7" x="35.9226985" y="31.8666667" width="14.4814815" height="2.13333333"></rect>
<mask id="mask-8" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="14.4814815" height="2.13333333" fill="white">
<use xlink:href="#path-7"></use>
</mask>
<rect id="path-9" x="35.9226985" y="27.6" width="19.5925926" height="2.13333333"></rect>
<mask id="mask-10" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="19.5925926" height="2.13333333" fill="white">
<use xlink:href="#path-9"></use>
</mask>
<rect id="path-11" x="35.9226985" y="18" width="23" height="6.4"></rect>
<mask id="mask-12" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="23" height="6.4" fill="white">
<use xlink:href="#path-11"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="blog-list" transform="translate(0.000000, 0.236375)">
<text id="List" font-family="Lato-Regular, Lato" font-size="13" font-weight="normal" fill="#9A8F9A">
<tspan x="0" y="67">List</tspan>
</text>
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<g id="Rectangle-5-Copy-7" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-6)" xlink:href="#path-5"></use>
</g>
<g id="Path-Copy" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-8)" xlink:href="#path-7"></use>
</g>
<g id="Path-Copy-2" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-10)" xlink:href="#path-9"></use>
</g>
<g id="Path-Copy-3" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-12)" xlink:href="#path-11"></use>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.5 KiB

View File

@@ -0,0 +1,35 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="69px" viewBox="0 0 70 69" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>blog-normal</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<rect id="path-5" x="12" y="10" width="47" height="40"></rect>
<mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="47" height="40" fill="white">
<use xlink:href="#path-5"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="blog-normal" transform="translate(0.000000, 0.236375)">
<text id="Normal" font-family="Lato-Regular, Lato" font-size="13" font-weight="normal" fill="#9A8F9A">
<tspan x="0" y="67">Normal</tspan>
</text>
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<g id="Rectangle-5-Copy-7" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-6)" xlink:href="#path-5"></use>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="69px" viewBox="0 0 70 69" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>blog-single-full</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<rect id="path-5" x="9" y="41" width="30" height="30.8378437"></rect>
<mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="30" height="30.8378437" fill="white">
<use xlink:href="#path-5"></use>
</mask>
<rect id="path-7" x="41" y="41" width="20" height="30.8378437"></rect>
<mask id="mask-8" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="20" height="30.8378437" fill="white">
<use xlink:href="#path-7"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="blog-single-full">
<text id="Top-Full" font-family="Lato-Regular, Lato" font-size="12" font-weight="normal" fill="#9A8F9A">
<tspan x="0" y="66">Top Full</tspan>
</text>
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<rect id="Rectangle-5-Copy-13" fill="#3498DB" mask="url(#mask-3)" x="-9" y="0" width="96" height="38.5047542"></rect>
<g id="Rectangle-5-Copy-7" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#00A0D2" fill-opacity="0.01">
<use mask="url(#mask-6)" xlink:href="#path-5"></use>
</g>
<g id="Rectangle-5-Copy-7" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#00A0D2" fill-opacity="0.01">
<use mask="url(#mask-8)" xlink:href="#path-7"></use>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

View File

@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="68px" viewBox="0 0 70 68" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>blog-single-inline</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<path d="M32,40 L9,40 L9,59.8398438 L9,70.46675 L44,70.46675 L44,41.233375 L44,6.46675 L32,6.46675 L32,40 Z" id="path-5"></path>
<mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="35" height="64" fill="white">
<use xlink:href="#path-5"></use>
</mask>
<rect id="path-7" x="49" y="7" width="12" height="63.46675"></rect>
<mask id="mask-8" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="12" height="63.46675" fill="white">
<use xlink:href="#path-7"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="blog-single-inline">
<text id="Inline" font-family="Lato-Regular, Lato" font-size="12" font-weight="normal" fill="#9A8F9A">
<tspan x="0" y="67">Inline</tspan>
</text>
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<g id="Combined-Shape" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#00A0D2" fill-opacity="0.01">
<use mask="url(#mask-6)" xlink:href="#path-5"></use>
</g>
<g id="Rectangle-5-Copy-7" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#00A0D2" fill-opacity="0.01">
<use mask="url(#mask-8)" xlink:href="#path-7"></use>
</g>
<rect id="Rectangle-5-Copy-13" fill="#3498DB" mask="url(#mask-3)" x="9.25" y="7" width="19" height="30.46675"></rect>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

View File

@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="70px" viewBox="0 0 70 70" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>blog-single-top</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<rect id="path-5" x="9" y="40" width="35" height="30.46675"></rect>
<mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="35" height="30.46675" fill="white">
<use xlink:href="#path-5"></use>
</mask>
<rect id="path-7" x="49" y="40" width="12" height="30.46675"></rect>
<mask id="mask-8" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="12" height="30.46675" fill="white">
<use xlink:href="#path-7"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="blog-single-top">
<text id="Top" font-family="Lato-Regular, Lato" font-size="12" font-weight="normal" fill="#9A8F9A">
<tspan x="0" y="67">Top</tspan>
</text>
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<g id="Rectangle-5-Copy-7" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#00A0D2" fill-opacity="0.01">
<use mask="url(#mask-6)" xlink:href="#path-5"></use>
</g>
<g id="Rectangle-5-Copy-7" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#00A0D2" fill-opacity="0.01">
<use mask="url(#mask-8)" xlink:href="#path-7"></use>
</g>
<rect id="Rectangle-5-Copy-13" fill="#3498DB" mask="url(#mask-3)" x="9" y="7" width="52" height="30.46675"></rect>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

View File

@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="68px" viewBox="0 0 70 68" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>blog-single</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<rect id="path-5" x="9" y="40" width="35" height="30.46675"></rect>
<mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="35" height="30.46675" fill="white">
<use xlink:href="#path-5"></use>
</mask>
<rect id="path-7" x="49" y="7" width="12" height="63.46675"></rect>
<mask id="mask-8" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="12" height="63.46675" fill="white">
<use xlink:href="#path-7"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="blog-single">
<text id="Normal" font-family="Lato-Regular, Lato" font-size="12" font-weight="normal" fill="#9A8F9A">
<tspan x="0" y="67">Normal</tspan>
</text>
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<g id="Rectangle-5-Copy-7" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#00A0D2" fill-opacity="0.01">
<use mask="url(#mask-6)" xlink:href="#path-5"></use>
</g>
<g id="Rectangle-5-Copy-7" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#00A0D2" fill-opacity="0.01">
<use mask="url(#mask-8)" xlink:href="#path-7"></use>
</g>
<rect id="Rectangle-5-Copy-13" fill="#3498DB" mask="url(#mask-3)" x="9" y="7" width="35" height="30.46675"></rect>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

View File

@@ -0,0 +1,70 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="71px" height="69px" viewBox="0 0 71 69" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>blog-three-col</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<rect id="path-5" x="29.1133669" y="10" width="12.982384" height="30.4921875"></rect>
<mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="12.982384" height="30.4921875" fill="white">
<use xlink:href="#path-5"></use>
</mask>
<rect id="path-7" x="46.4824597" y="31.1668125" width="12.982384" height="30.4921875"></rect>
<mask id="mask-8" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="12.982384" height="30.4921875" fill="white">
<use xlink:href="#path-7"></use>
</mask>
<rect id="path-9" x="29.3428041" y="45.1668125" width="12.982384" height="30.4921875"></rect>
<mask id="mask-10" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="12.982384" height="30.4921875" fill="white">
<use xlink:href="#path-9"></use>
</mask>
<rect id="path-11" x="11.328125" y="10" width="12.982384" height="22.1668125"></rect>
<mask id="mask-12" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="12.982384" height="22.1668125" fill="white">
<use xlink:href="#path-11"></use>
</mask>
<rect id="path-13" x="11.328125" y="36.1668125" width="12.982384" height="30.4921875"></rect>
<mask id="mask-14" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="12.982384" height="30.4921875" fill="white">
<use xlink:href="#path-13"></use>
</mask>
<rect id="path-15" x="46.4824597" y="10" width="12.982384" height="16"></rect>
<mask id="mask-16" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="12.982384" height="16" fill="white">
<use xlink:href="#path-15"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="blog-three-col" transform="translate(0.213250, 0.236375)">
<text id="Three-Col" font-family="Lato-Regular, Lato" font-size="13" font-weight="normal" fill="#9A8F9A">
<tspan x="0" y="67">Three Col</tspan>
</text>
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<g id="Rectangle-5-Copy-7" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-6)" xlink:href="#path-5"></use>
</g>
<g id="Rectangle-5-Copy-9" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-8)" xlink:href="#path-7"></use>
</g>
<g id="Rectangle-5-Copy-10" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-10)" xlink:href="#path-9"></use>
</g>
<g id="Rectangle-5-Copy-12" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-12)" xlink:href="#path-11"></use>
</g>
<g id="Rectangle-5-Copy-11" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-14)" xlink:href="#path-13"></use>
</g>
<g id="Rectangle-5-Copy-8" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-16)" xlink:href="#path-15"></use>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.6 KiB

View File

@@ -0,0 +1,56 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="71px" height="69px" viewBox="0 0 71 69" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>blog-two-col</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<rect id="path-5" x="13" y="10" width="20.1094501" height="30.4921875"></rect>
<mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="20.1094501" height="30.4921875" fill="white">
<use xlink:href="#path-5"></use>
</mask>
<rect id="path-7" x="38.3553936" y="32.1668125" width="20.1094501" height="30.4921875"></rect>
<mask id="mask-8" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="20.1094501" height="30.4921875" fill="white">
<use xlink:href="#path-7"></use>
</mask>
<rect id="path-9" x="13.3553936" y="45.1668125" width="20.1094501" height="30.4921875"></rect>
<mask id="mask-10" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="20.1094501" height="30.4921875" fill="white">
<use xlink:href="#path-9"></use>
</mask>
<rect id="path-11" x="38.3553936" y="10" width="20.1094501" height="16"></rect>
<mask id="mask-12" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="20.1094501" height="16" fill="white">
<use xlink:href="#path-11"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="blog-two-col" transform="translate(0.213250, 0.236375)">
<text id="Two-Col" font-family="Lato-Regular, Lato" font-size="13" font-weight="normal" fill="#9A8F9A">
<tspan x="0" y="67">Two Col</tspan>
</text>
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<g id="Rectangle-5-Copy-7" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-6)" xlink:href="#path-5"></use>
</g>
<g id="Rectangle-5-Copy-9" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-8)" xlink:href="#path-7"></use>
</g>
<g id="Rectangle-5-Copy-10" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-10)" xlink:href="#path-9"></use>
</g>
<g id="Rectangle-5-Copy-8" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-12)" xlink:href="#path-11"></use>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.6 KiB

View File

@@ -0,0 +1,30 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="70px" viewBox="0 0 70 70" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>cart-icon-bag</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="70" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="70" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="70" fill="white">
<use xlink:href="#path-1"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="cart-icon-bag">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<g id="shopping-bag" mask="url(#mask-3)" fill="#3498DB">
<g transform="translate(20.000000, 19.000000)" id="Shape">
<path d="M28.453,22 L29,26.891 C29.0313333,27.183 28.948,27.4433333 28.75,27.672 C28.552,27.8906667 28.302,28 28,28 L2,28 C1.698,28 1.448,27.8906667 1.25,27.672 C1.052,27.4426667 0.968666667,27.1823333 1,26.891 L1.547,22 L28.453,22 L28.453,22 Z M28.344,21 L1.656,21 L3,8.891 C3.03133333,8.641 3.14066667,8.43 3.328,8.258 C3.51533333,8.086 3.73933333,8 4,8 L8,8 L8,10 C8,10.552 8.19533333,11.0233333 8.586,11.414 C8.97666667,11.8046667 9.448,12 10,12 C10.552,12 11.0233333,11.8046667 11.414,11.414 C11.8046667,11.0233333 12,10.552 12,10 L12,8 L18,8 L18,10 C18,10.552 18.1953333,11.0233333 18.586,11.414 C18.9766667,11.8046667 19.448,12 20,12 C20.552,12 21.0233333,11.8046667 21.414,11.414 C21.8046667,11.0233333 22,10.552 22,10 L22,8 L26,8 C26.2606667,8 26.4846667,8.086 26.672,8.258 C26.8593333,8.43 26.9686667,8.641 27,8.891 L28.344,21 Z M21,6 L21,10 C21,10.2706667 20.901,10.505 20.703,10.703 C20.505,10.901 20.2706667,11 20,11 C19.7293333,11 19.495,10.901 19.297,10.703 C19.099,10.505 19,10.2706667 19,10 L19,6 C19,4.896 18.6093333,3.95333333 17.828,3.172 C17.0466667,2.39066667 16.104,2 15,2 C13.896,2 12.9533333,2.39066667 12.172,3.172 C11.3906667,3.95333333 11,4.896 11,6 L11,10 C11,10.2706667 10.901,10.505 10.703,10.703 C10.505,10.901 10.2706667,11 10,11 C9.72933333,11 9.495,10.901 9.297,10.703 C9.099,10.505 9,10.2706667 9,10 L9,6 C9,4.344 9.586,2.93 10.758,1.758 C11.93,0.586 13.344,0 15,0 C16.656,0 18.07,0.586 19.242,1.758 C20.414,2.93 21,4.344 21,6 L21,6 Z"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.9 KiB

View File

@@ -0,0 +1,30 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="70px" viewBox="0 0 70 70" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>cart-icon-basket</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="70" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="70" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="70" fill="white">
<use xlink:href="#path-1"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="cart-icon-basket">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<g id="shopping-basket" mask="url(#mask-3)" fill="#3498DB">
<g transform="translate(15.000000, 18.000000)" id="Shape">
<path d="M37.5,14.8965517 C38.19,14.8965517 38.7791667,15.1390345 39.2675,15.624 C39.7558333,16.1089655 40,16.694069 40,17.3793103 C40,18.0645517 39.7558333,18.6496552 39.2675,19.1346207 C38.7791667,19.6195862 38.19,19.862069 37.5,19.862069 L37.2075,19.862069 L34.96125,32.7028966 C34.8570833,33.297931 34.5704167,33.7895172 34.10125,34.1776552 C33.6320833,34.5657931 33.0983333,34.7598621 32.5,34.7598621 L7.5,34.7598621 C6.90083333,34.7598621 6.36708333,34.5657931 5.89875,34.1776552 C5.43041667,33.7895172 5.14375,33.297931 5.03875,32.7028966 L2.7925,19.862069 L2.5,19.862069 C1.81,19.862069 1.22083333,19.6195862 0.7325,19.1346207 C0.244166667,18.6496552 -9.25185854e-17,18.0645517 0,17.3793103 C9.25185854e-17,16.694069 0.244166667,16.1089655 0.7325,15.624 C1.22083333,15.1390345 1.81,14.8965517 2.5,14.8965517 L37.5,14.8965517 L37.5,14.8965517 Z M9.4725,30.4137931 C9.81083333,30.3881379 10.0941667,30.2424828 10.3225,29.9768276 C10.5508333,29.7111724 10.6516667,29.4103448 10.625,29.0743448 L10,21.0053793 C9.97416667,20.6693793 9.8275,20.388 9.56,20.1612414 C9.2925,19.9344828 8.98958333,19.8343448 8.65125,19.8608276 C8.31291667,19.8873103 8.02958333,20.0329655 7.80125,20.2977931 C7.57291667,20.5626207 7.47208333,20.8634483 7.49875,21.2002759 L8.12375,29.2692414 C8.14958333,29.5928276 8.28291667,29.8642759 8.52375,30.0835862 C8.76458333,30.3028966 9.04791667,30.4129655 9.37375,30.4137931 L9.47125,30.4137931 L9.4725,30.4137931 Z M17.5,29.1724138 L17.5,21.1034483 C17.5,20.7674483 17.37625,20.4765517 17.12875,20.2307586 C16.88125,19.9849655 16.5883333,19.862069 16.25,19.862069 C15.9116667,19.862069 15.61875,19.9849655 15.37125,20.2307586 C15.12375,20.4765517 15,20.7674483 15,21.1034483 L15,29.1724138 C15,29.5084138 15.12375,29.7993103 15.37125,30.0451034 C15.61875,30.2908966 15.9116667,30.4137931 16.25,30.4137931 C16.5883333,30.4137931 16.88125,30.2908966 17.12875,30.0451034 C17.37625,29.7993103 17.5,29.5084138 17.5,29.1724138 L17.5,29.1724138 Z M25,29.1724138 L25,21.1034483 C25,20.7674483 24.87625,20.4765517 24.62875,20.2307586 C24.38125,19.9849655 24.0883333,19.862069 23.75,19.862069 C23.4116667,19.862069 23.11875,19.9849655 22.87125,20.2307586 C22.62375,20.4765517 22.5,20.7674483 22.5,21.1034483 L22.5,29.1724138 C22.5,29.5084138 22.62375,29.7993103 22.87125,30.0451034 C23.11875,30.2908966 23.4116667,30.4137931 23.75,30.4137931 C24.0883333,30.4137931 24.38125,30.2908966 24.62875,30.0451034 C24.87625,29.7993103 25,29.5084138 25,29.1724138 L25,29.1724138 Z M31.875,29.2692414 L32.5,21.2002759 C32.5258333,20.8642759 32.425,20.5634483 32.1975,20.2977931 C31.97,20.0321379 31.6866667,19.8864828 31.3475,19.8608276 C31.0083333,19.8351724 30.7054167,19.9353103 30.43875,20.1612414 C30.1720833,20.3871724 30.0254167,20.6685517 29.99875,21.0053793 L29.37375,29.0743448 C29.3479167,29.4103448 29.44875,29.7111724 29.67625,29.9768276 C29.90375,30.2424828 30.1870833,30.3881379 30.52625,30.4137931 L30.62375,30.4137931 C30.9495833,30.4137931 31.2329167,30.3037241 31.47375,30.0835862 C31.7145833,29.8634483 31.8479167,29.592 31.87375,29.2692414 L31.875,29.2692414 Z M9.2975,5.66317241 L7.48125,13.6551724 L4.9025,13.6551724 L6.875,5.10082759 C7.1225,3.96289655 7.70208333,3.03517241 8.61375,2.31765517 C9.52541667,1.60013793 10.5670833,1.24137931 11.73875,1.24137931 L15,1.24137931 C15,0.90537931 15.12375,0.614482759 15.37125,0.368689655 C15.61875,0.122896552 15.9116667,1.01451414e-16 16.25,5.55111512e-17 L23.75,5.55111512e-17 C24.0883333,5.55111512e-17 24.38125,0.122896552 24.62875,0.368689655 C24.87625,0.614482759 25,0.90537931 25,1.24137931 L28.26125,1.24137931 C29.4329167,1.24137931 30.4745833,1.60013793 31.38625,2.31765517 C32.2979167,3.03517241 32.8775,3.96289655 33.125,5.10082759 L35.0975,13.6551724 L32.51875,13.6551724 L30.7025,5.66317241 C30.5591667,5.0937931 30.2629167,4.62827586 29.81375,4.26662069 C29.3645833,3.90496552 28.8470833,3.72372414 28.26125,3.72289655 L25,3.72289655 C25,4.05889655 24.87625,4.3497931 24.62875,4.59558621 C24.38125,4.84137931 24.0883333,4.96427586 23.75,4.96427586 L16.25,4.96427586 C15.9116667,4.96427586 15.61875,4.84137931 15.37125,4.59558621 C15.12375,4.3497931 15,4.05889655 15,3.72289655 L11.73875,3.72289655 C11.1529167,3.72289655 10.6354167,3.90413793 10.18625,4.26662069 C9.73708333,4.62910345 9.44083333,5.09462069 9.2975,5.66317241 L9.2975,5.66317241 Z"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.7 KiB

View File

@@ -0,0 +1,34 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="70px" viewBox="0 0 70 70" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>cart-icon-cart</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="70" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="70" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="70" fill="white">
<use xlink:href="#path-1"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="cart-icon-cart">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<g id="shopping-cart" mask="url(#mask-3)">
<g transform="translate(17.000000, 22.000000)" id="Group">
<g>
<path d="M12,27 C12,28.657 10.657,30 9,30 C7.343,30 6,28.657 6,27 C6,25.343 7.343,24 9,24 C10.657,24 12,25.343 12,27 L12,27 Z" id="Shape" fill="#3498DB"></path>
<path d="M32,27 C32,28.657 30.657,30 29,30 C27.343,30 26,28.657 26,27 C26,25.343 27.343,24 29,24 C30.657,24 32,25.343 32,27 L32,27 Z" id="Shape" fill="#3498DB"></path>
<path d="M32,14 L32,2 L8,2 C8,0.895 7.105,0 6,0 L0,0 L0,2 L4,2 L5.502,14.877 C4.587,15.61 4,16.736 4,18 C4,20.209 5.791,22 8,22 L32,22 L32,20 L8,20 C6.895,20 6,19.105 6,18 L6,17.98 L32,14 L32,14 Z" id="Shape" fill="#3498DB"></path>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@@ -0,0 +1,61 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="100px" height="72px" viewBox="0 0 100 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>cart-icon-default</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="100" height="71.4285714" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="71.4285714" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="71.4285714" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<rect id="path-5" x="0" y="0" width="43.8620144" height="37.6804865" rx="1"></rect>
<mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="43.8620144" height="37.6804865" fill="white">
<use xlink:href="#path-5"></use>
</mask>
<mask id="mask-8" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="43.8620144" height="37.6804865" fill="white">
<use xlink:href="#path-5"></use>
</mask>
<rect id="path-9" x="0" y="0" width="26.3172087" height="17.3909938" rx="1"></rect>
<path d="M12.32,23.2984004 C18.152127,23.2984004 22.88,19.386757 22.88,14.5615003 C22.88,9.73624355 18.152127,5.82460011 12.32,5.82460011 C6.48787304,5.82460011 1.76,9.73624355 1.76,14.5615003 C1.76,19.386757 6.48787304,23.2984004 12.32,23.2984004 Z" id="path-11"></path>
<mask id="mask-12" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="21.12" height="17.4738003" fill="white">
<use xlink:href="#path-11"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="cart-icon-default">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<g id="cart-default" mask="url(#mask-3)">
<g transform="translate(27.000000, 5.000000)">
<g id="mobile-header-copy" stroke-width="1" fill="none">
<g id="contact-copy-2" transform="translate(0.000000, 16.017650)">
<mask id="mask-7" fill="white">
<use xlink:href="#path-5"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-6)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-8)" xlink:href="#path-5"></use>
</g>
</g>
<g id="contact-copy-4" transform="translate(8.800000, 0.000000)">
<mask id="mask-10" fill="white">
<use xlink:href="#path-9"></use>
</mask>
<g id="Mask"></g>
<g id="Oval-9" mask="url(#mask-10)" stroke="#3498DB" stroke-width="2" fill="#00A0D2" fill-opacity="0.01">
<use mask="url(#mask-12)" xlink:href="#path-11"></use>
</g>
</g>
</g>
<path d="M8.76841026,40.0097959 L12.2432821,40.0097959 L12.2432821,30.9347959 C12.2432821,30.4903039 12.2556922,30.0252405 12.2805128,29.5395918 L10.2328205,31.2311224 C10.1004438,31.3381298 9.96806904,31.4142685 9.83569231,31.4595408 C9.70331558,31.5048132 9.57507754,31.527449 9.45097436,31.527449 C9.23586217,31.527449 9.04350512,31.4801195 8.87389744,31.3854592 C8.70428975,31.2907988 8.57812007,31.1899665 8.49538462,31.0829592 L7.27917949,29.4778571 L12.9134359,24.7736735 L16.0904615,24.7736735 L16.0904615,40.0097959 L19.0689231,40.0097959 L19.0689231,42.7755102 L8.76841026,42.7755102 L8.76841026,40.0097959 Z M33.9364103,33.7745918 C33.9364103,35.3467766 33.7668051,36.7090419 33.4275897,37.8614286 C33.0883744,39.0138153 32.6188577,39.9686357 32.0190256,40.7259184 C31.4191936,41.4832011 30.7076793,42.047039 29.8844615,42.417449 C29.0612437,42.787859 28.1697826,42.9730612 27.2100513,42.9730612 C26.25032,42.9730612 25.3629955,42.787859 24.5480513,42.417449 C23.733107,42.047039 23.0277979,41.4832011 22.4321026,40.7259184 C21.8364073,39.9686357 21.3710273,39.0138153 21.0359487,37.8614286 C20.7008701,36.7090419 20.5333333,35.3467766 20.5333333,33.7745918 C20.5333333,32.2024071 20.7008701,30.8401418 21.0359487,29.6877551 C21.3710273,28.5353684 21.8364073,27.580548 22.4321026,26.8232653 C23.0277979,26.0659826 23.733107,25.5042025 24.5480513,25.1379082 C25.3629955,24.7716138 26.25032,24.5884694 27.2100513,24.5884694 C28.1697826,24.5884694 29.0612437,24.7716138 29.8844615,25.1379082 C30.7076793,25.5042025 31.4191936,26.0659826 32.0190256,26.8232653 C32.6188577,27.580548 33.0883744,28.5353684 33.4275897,29.6877551 C33.7668051,30.8401418 33.9364103,32.2024071 33.9364103,33.7745918 L33.9364103,33.7745918 Z M29.9651282,33.7745918 C29.9651282,32.5316605 29.8865307,31.5130482 29.7293333,30.7187245 C29.572136,29.9244008 29.3632321,29.3008866 29.1026154,28.8481633 C28.8419987,28.3954399 28.5462239,28.0847117 28.2152821,27.9159694 C27.8843402,27.747227 27.5492667,27.6628571 27.2100513,27.6628571 C26.8708359,27.6628571 26.5378307,27.747227 26.2110256,27.9159694 C25.8842206,28.0847117 25.5946508,28.3954399 25.3423077,28.8481633 C25.0899646,29.3008866 24.8872657,29.9244008 24.7342051,30.7187245 C24.5811445,31.5130482 24.5046154,32.5316605 24.5046154,33.7745918 C24.5046154,35.0257546 24.5811445,36.0464246 24.7342051,36.8366327 C24.8872657,37.6268407 25.0899646,38.2503549 25.3423077,38.7071939 C25.5946508,39.1640329 25.8842206,39.4768189 26.2110256,39.6455612 C26.5378307,39.8143036 26.8708359,39.8986735 27.2100513,39.8986735 C27.5492667,39.8986735 27.8843402,39.8143036 28.2152821,39.6455612 C28.5462239,39.4768189 28.8419987,39.1640329 29.1026154,38.7071939 C29.3632321,38.2503549 29.572136,37.6268407 29.7293333,36.8366327 C29.8865307,36.0464246 29.9651282,35.0257546 29.9651282,33.7745918 L29.9651282,33.7745918 Z" id="10" fill="#3498DB"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.6 KiB

View File

@@ -0,0 +1,31 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="100px" height="72px" viewBox="0 0 100 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>cart-icon-fill-round</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="100" height="71.4285714" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="71.4285714" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="71.4285714" fill="white">
<use xlink:href="#path-1"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="cart-icon-fill-round">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<rect id="Rectangle-166-Copy-4" fill="#3498DB" mask="url(#mask-3)" x="24.3075435" y="8.28125" width="52.9293346" height="53.4462226" rx="7"></rect>
<g id="shopping-basket" mask="url(#mask-3)" fill="#FFFFFF">
<g transform="translate(36.000000, 22.000000)" id="Shape">
<path d="M29.0625,11.4916256 C29.59725,11.4916256 30.0538542,11.6786837 30.4323125,12.0528 C30.8107708,12.4269163 31,12.8782818 31,13.4068966 C31,13.9355113 30.8107708,14.3868768 30.4323125,14.7609931 C30.0538542,15.1351094 29.59725,15.3221675 29.0625,15.3221675 L28.8358125,15.3221675 L27.0949687,25.2279488 C27.0142396,25.6869754 26.7920729,26.066199 26.4284688,26.3656197 C26.0648646,26.6650404 25.6512083,26.8147507 25.1875,26.8147507 L5.8125,26.8147507 C5.34814583,26.8147507 4.93448958,26.6650404 4.57153125,26.3656197 C4.20857292,26.066199 3.98640625,25.6869754 3.90503125,25.2279488 L2.1641875,15.3221675 L1.9375,15.3221675 C1.40275,15.3221675 0.946145833,15.1351094 0.5676875,14.7609931 C0.189229167,14.3868768 -7.17019037e-17,13.9355113 0,13.4068966 C7.17019037e-17,12.8782818 0.189229167,12.4269163 0.5676875,12.0528 C0.946145833,11.6786837 1.40275,11.4916256 1.9375,11.4916256 L29.0625,11.4916256 L29.0625,11.4916256 Z M7.3411875,23.462069 C7.60339583,23.4422778 7.82297917,23.3299153 7.9999375,23.1249813 C8.17689583,22.9200473 8.25504167,22.6879803 8.234375,22.4287803 L7.75,16.2041498 C7.72997917,15.9449498 7.6163125,15.7278857 7.409,15.5529576 C7.2016875,15.3780296 6.96692708,15.3007803 6.70471875,15.3212099 C6.44251042,15.3416394 6.22292708,15.454002 6.04596875,15.6582975 C5.86901042,15.8625931 5.79086458,16.0946601 5.81153125,16.3544985 L6.29590625,22.5791291 C6.31592708,22.8287527 6.41926042,23.0381557 6.60590625,23.2073379 C6.79255208,23.3765202 7.01213542,23.4614305 7.26465625,23.462069 L7.34021875,23.462069 L7.3411875,23.462069 Z M13.5625,22.5044335 L13.5625,16.279803 C13.5625,16.020603 13.4665937,15.796197 13.2747813,15.6065852 C13.0829687,15.4169734 12.8559583,15.3221675 12.59375,15.3221675 C12.3315417,15.3221675 12.1045313,15.4169734 11.9127187,15.6065852 C11.7209063,15.796197 11.625,16.020603 11.625,16.279803 L11.625,22.5044335 C11.625,22.7636335 11.7209063,22.9880394 11.9127187,23.1776512 C12.1045313,23.3672631 12.3315417,23.462069 12.59375,23.462069 C12.8559583,23.462069 13.0829687,23.3672631 13.2747813,23.1776512 C13.4665937,22.9880394 13.5625,22.7636335 13.5625,22.5044335 L13.5625,22.5044335 Z M19.375,22.5044335 L19.375,16.279803 C19.375,16.020603 19.2790938,15.796197 19.0872813,15.6065852 C18.8954687,15.4169734 18.6684583,15.3221675 18.40625,15.3221675 C18.1440417,15.3221675 17.9170313,15.4169734 17.7252187,15.6065852 C17.5334062,15.796197 17.4375,16.020603 17.4375,16.279803 L17.4375,22.5044335 C17.4375,22.7636335 17.5334062,22.9880394 17.7252187,23.1776512 C17.9170313,23.3672631 18.1440417,23.462069 18.40625,23.462069 C18.6684583,23.462069 18.8954687,23.3672631 19.0872813,23.1776512 C19.2790938,22.9880394 19.375,22.7636335 19.375,22.5044335 L19.375,22.5044335 Z M24.703125,22.5791291 L25.1875,16.3544985 C25.2075208,16.0952985 25.129375,15.8632315 24.9530625,15.6582975 C24.77675,15.4533635 24.5571667,15.341001 24.2943125,15.3212099 C24.0314583,15.3014187 23.7966979,15.378668 23.5900313,15.5529576 C23.3833646,15.7272473 23.2696979,15.9443113 23.2490313,16.2041498 L22.7646563,22.4287803 C22.7446354,22.6879803 22.8227813,22.9200473 22.9990938,23.1249813 C23.1754063,23.3299153 23.3949896,23.4422778 23.6578438,23.462069 L23.7334063,23.462069 C23.9859271,23.462069 24.2055104,23.3771586 24.3921563,23.2073379 C24.5788021,23.0375172 24.6821354,22.8281143 24.7021563,22.5791291 L24.703125,22.5791291 Z M7.2055625,4.368733 L5.79796875,10.5339901 L3.7994375,10.5339901 L5.328125,3.93492414 C5.5199375,3.05709163 5.96911458,2.34141872 6.67565625,1.78790542 C7.38219792,1.23439212 8.18948958,0.957635468 9.09753125,0.957635468 L11.625,0.957635468 C11.625,0.698435468 11.7209062,0.474029557 11.9127187,0.284417734 C12.1045312,0.0948059113 12.3315417,9.09507828e-17 12.59375,5.55111512e-17 L18.40625,5.55111512e-17 C18.6684583,5.55111512e-17 18.8954687,0.0948059113 19.0872812,0.284417734 C19.2790937,0.474029557 19.375,0.698435468 19.375,0.957635468 L21.9024687,0.957635468 C22.8105104,0.957635468 23.6178021,1.23439212 24.3243437,1.78790542 C25.0308854,2.34141872 25.4800625,3.05709163 25.671875,3.93492414 L27.2005625,10.5339901 L25.2020312,10.5339901 L23.7944375,4.368733 C23.6833542,3.92949754 23.4537604,3.57038424 23.1056562,3.2913931 C22.7575521,3.01240197 22.3564896,2.87258719 21.9024687,2.87194877 L19.375,2.87194877 C19.375,3.13114877 19.2790937,3.35555468 19.0872812,3.5451665 C18.8954687,3.73477833 18.6684583,3.82958424 18.40625,3.82958424 L12.59375,3.82958424 C12.3315417,3.82958424 12.1045312,3.73477833 11.9127187,3.5451665 C11.7209062,3.35555468 11.625,3.13114877 11.625,2.87194877 L9.09753125,2.87194877 C8.64351042,2.87194877 8.24244792,3.01176355 7.89434375,3.2913931 C7.54623958,3.57102266 7.31664583,3.93013596 7.2055625,4.368733 L7.2055625,4.368733 Z"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.3 KiB

View File

@@ -0,0 +1,31 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="100px" height="72px" viewBox="0 0 100 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>cart-icon-fill</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="100" height="71.4285714" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="71.4285714" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="71.4285714" fill="white">
<use xlink:href="#path-1"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="cart-icon-fill">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<rect id="Rectangle-166-Copy-4" fill="#3498DB" mask="url(#mask-3)" x="24.3075435" y="8.28125" width="52.9293346" height="53.4462226" rx="26.4646673"></rect>
<g id="shopping-basket" mask="url(#mask-3)" fill="#FFFFFF">
<g transform="translate(35.000000, 21.000000)" id="Shape">
<path d="M29.0625,11.4916256 C29.59725,11.4916256 30.0538542,11.6786837 30.4323125,12.0528 C30.8107708,12.4269163 31,12.8782818 31,13.4068966 C31,13.9355113 30.8107708,14.3868768 30.4323125,14.7609931 C30.0538542,15.1351094 29.59725,15.3221675 29.0625,15.3221675 L28.8358125,15.3221675 L27.0949687,25.2279488 C27.0142396,25.6869754 26.7920729,26.066199 26.4284688,26.3656197 C26.0648646,26.6650404 25.6512083,26.8147507 25.1875,26.8147507 L5.8125,26.8147507 C5.34814583,26.8147507 4.93448958,26.6650404 4.57153125,26.3656197 C4.20857292,26.066199 3.98640625,25.6869754 3.90503125,25.2279488 L2.1641875,15.3221675 L1.9375,15.3221675 C1.40275,15.3221675 0.946145833,15.1351094 0.5676875,14.7609931 C0.189229167,14.3868768 -7.17019037e-17,13.9355113 0,13.4068966 C7.17019037e-17,12.8782818 0.189229167,12.4269163 0.5676875,12.0528 C0.946145833,11.6786837 1.40275,11.4916256 1.9375,11.4916256 L29.0625,11.4916256 L29.0625,11.4916256 Z M7.3411875,23.462069 C7.60339583,23.4422778 7.82297917,23.3299153 7.9999375,23.1249813 C8.17689583,22.9200473 8.25504167,22.6879803 8.234375,22.4287803 L7.75,16.2041498 C7.72997917,15.9449498 7.6163125,15.7278857 7.409,15.5529576 C7.2016875,15.3780296 6.96692708,15.3007803 6.70471875,15.3212099 C6.44251042,15.3416394 6.22292708,15.454002 6.04596875,15.6582975 C5.86901042,15.8625931 5.79086458,16.0946601 5.81153125,16.3544985 L6.29590625,22.5791291 C6.31592708,22.8287527 6.41926042,23.0381557 6.60590625,23.2073379 C6.79255208,23.3765202 7.01213542,23.4614305 7.26465625,23.462069 L7.34021875,23.462069 L7.3411875,23.462069 Z M13.5625,22.5044335 L13.5625,16.279803 C13.5625,16.020603 13.4665937,15.796197 13.2747813,15.6065852 C13.0829687,15.4169734 12.8559583,15.3221675 12.59375,15.3221675 C12.3315417,15.3221675 12.1045313,15.4169734 11.9127187,15.6065852 C11.7209063,15.796197 11.625,16.020603 11.625,16.279803 L11.625,22.5044335 C11.625,22.7636335 11.7209063,22.9880394 11.9127187,23.1776512 C12.1045313,23.3672631 12.3315417,23.462069 12.59375,23.462069 C12.8559583,23.462069 13.0829687,23.3672631 13.2747813,23.1776512 C13.4665937,22.9880394 13.5625,22.7636335 13.5625,22.5044335 L13.5625,22.5044335 Z M19.375,22.5044335 L19.375,16.279803 C19.375,16.020603 19.2790938,15.796197 19.0872813,15.6065852 C18.8954687,15.4169734 18.6684583,15.3221675 18.40625,15.3221675 C18.1440417,15.3221675 17.9170313,15.4169734 17.7252187,15.6065852 C17.5334062,15.796197 17.4375,16.020603 17.4375,16.279803 L17.4375,22.5044335 C17.4375,22.7636335 17.5334062,22.9880394 17.7252187,23.1776512 C17.9170313,23.3672631 18.1440417,23.462069 18.40625,23.462069 C18.6684583,23.462069 18.8954687,23.3672631 19.0872813,23.1776512 C19.2790938,22.9880394 19.375,22.7636335 19.375,22.5044335 L19.375,22.5044335 Z M24.703125,22.5791291 L25.1875,16.3544985 C25.2075208,16.0952985 25.129375,15.8632315 24.9530625,15.6582975 C24.77675,15.4533635 24.5571667,15.341001 24.2943125,15.3212099 C24.0314583,15.3014187 23.7966979,15.378668 23.5900313,15.5529576 C23.3833646,15.7272473 23.2696979,15.9443113 23.2490313,16.2041498 L22.7646563,22.4287803 C22.7446354,22.6879803 22.8227813,22.9200473 22.9990938,23.1249813 C23.1754063,23.3299153 23.3949896,23.4422778 23.6578438,23.462069 L23.7334063,23.462069 C23.9859271,23.462069 24.2055104,23.3771586 24.3921563,23.2073379 C24.5788021,23.0375172 24.6821354,22.8281143 24.7021563,22.5791291 L24.703125,22.5791291 Z M7.2055625,4.368733 L5.79796875,10.5339901 L3.7994375,10.5339901 L5.328125,3.93492414 C5.5199375,3.05709163 5.96911458,2.34141872 6.67565625,1.78790542 C7.38219792,1.23439212 8.18948958,0.957635468 9.09753125,0.957635468 L11.625,0.957635468 C11.625,0.698435468 11.7209062,0.474029557 11.9127187,0.284417734 C12.1045312,0.0948059113 12.3315417,9.09507828e-17 12.59375,5.55111512e-17 L18.40625,5.55111512e-17 C18.6684583,5.55111512e-17 18.8954687,0.0948059113 19.0872812,0.284417734 C19.2790937,0.474029557 19.375,0.698435468 19.375,0.957635468 L21.9024687,0.957635468 C22.8105104,0.957635468 23.6178021,1.23439212 24.3243437,1.78790542 C25.0308854,2.34141872 25.4800625,3.05709163 25.671875,3.93492414 L27.2005625,10.5339901 L25.2020312,10.5339901 L23.7944375,4.368733 C23.6833542,3.92949754 23.4537604,3.57038424 23.1056562,3.2913931 C22.7575521,3.01240197 22.3564896,2.87258719 21.9024687,2.87194877 L19.375,2.87194877 C19.375,3.13114877 19.2790937,3.35555468 19.0872812,3.5451665 C18.8954687,3.73477833 18.6684583,3.82958424 18.40625,3.82958424 L12.59375,3.82958424 C12.3315417,3.82958424 12.1045312,3.73477833 11.9127187,3.5451665 C11.7209062,3.35555468 11.625,3.13114877 11.625,2.87194877 L9.09753125,2.87194877 C8.64351042,2.87194877 8.24244792,3.01176355 7.89434375,3.2913931 C7.54623958,3.57102266 7.31664583,3.93013596 7.2055625,4.368733 L7.2055625,4.368733 Z"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.3 KiB

View File

@@ -0,0 +1,37 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="100px" height="72px" viewBox="0 0 100 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>cart-icon-outline-round</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="100" height="71.4285714" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="71.4285714" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="71.4285714" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<rect id="path-5" x="23.3075435" y="8.28125" width="52.9293346" height="53.4462226" rx="8"></rect>
<mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="52.9293346" height="53.4462226" fill="white">
<use xlink:href="#path-5"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="cart-icon-outline-round">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<g id="Rectangle-166-Copy-4" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-6)" xlink:href="#path-5"></use>
</g>
<g id="shopping-basket" mask="url(#mask-3)" fill="#3498DB">
<g transform="translate(34.000000, 21.000000)" id="Shape">
<path d="M30,11.9172414 C30.552,11.9172414 31.0233333,12.1112276 31.414,12.4992 C31.8046667,12.8871724 32,13.3552552 32,13.9034483 C32,14.4516414 31.8046667,14.9197241 31.414,15.3076966 C31.0233333,15.695669 30.552,15.8896552 30,15.8896552 L29.766,15.8896552 L27.969,26.1623172 C27.8856667,26.6383448 27.6563333,27.0316138 27.281,27.3421241 C26.9056667,27.6526345 26.4786667,27.8078897 26,27.8078897 L6,27.8078897 C5.52066667,27.8078897 5.09366667,27.6526345 4.719,27.3421241 C4.34433333,27.0316138 4.115,26.6383448 4.031,26.1623172 L2.234,15.8896552 L2,15.8896552 C1.448,15.8896552 0.976666667,15.695669 0.586,15.3076966 C0.195333333,14.9197241 -7.40148683e-17,14.4516414 0,13.9034483 C7.40148683e-17,13.3552552 0.195333333,12.8871724 0.586,12.4992 C0.976666667,12.1112276 1.448,11.9172414 2,11.9172414 L30,11.9172414 L30,11.9172414 Z M7.578,24.3310345 C7.84866667,24.3105103 8.07533333,24.1939862 8.258,23.9814621 C8.44066667,23.7689379 8.52133333,23.5282759 8.5,23.2594759 L8,16.8043034 C7.97933333,16.5355034 7.862,16.3104 7.648,16.1289931 C7.434,15.9475862 7.19166667,15.8674759 6.921,15.8886621 C6.65033333,15.9098483 6.42366667,16.0263724 6.241,16.2382345 C6.05833333,16.4500966 5.97766667,16.6907586 5.999,16.9602207 L6.499,23.4153931 C6.51966667,23.6742621 6.62633333,23.8914207 6.819,24.066869 C7.01166667,24.2423172 7.23833333,24.3303724 7.499,24.3310345 L7.577,24.3310345 L7.578,24.3310345 Z M14,23.337931 L14,16.8827586 C14,16.6139586 13.901,16.3812414 13.703,16.1846069 C13.505,15.9879724 13.2706667,15.8896552 13,15.8896552 C12.7293333,15.8896552 12.495,15.9879724 12.297,16.1846069 C12.099,16.3812414 12,16.6139586 12,16.8827586 L12,23.337931 C12,23.606731 12.099,23.8394483 12.297,24.0360828 C12.495,24.2327172 12.7293333,24.3310345 13,24.3310345 C13.2706667,24.3310345 13.505,24.2327172 13.703,24.0360828 C13.901,23.8394483 14,23.606731 14,23.337931 L14,23.337931 Z M20,23.337931 L20,16.8827586 C20,16.6139586 19.901,16.3812414 19.703,16.1846069 C19.505,15.9879724 19.2706667,15.8896552 19,15.8896552 C18.7293333,15.8896552 18.495,15.9879724 18.297,16.1846069 C18.099,16.3812414 18,16.6139586 18,16.8827586 L18,23.337931 C18,23.606731 18.099,23.8394483 18.297,24.0360828 C18.495,24.2327172 18.7293333,24.3310345 19,24.3310345 C19.2706667,24.3310345 19.505,24.2327172 19.703,24.0360828 C19.901,23.8394483 20,23.606731 20,23.337931 L20,23.337931 Z M25.5,23.4153931 L26,16.9602207 C26.0206667,16.6914207 25.94,16.4507586 25.758,16.2382345 C25.576,16.0257103 25.3493333,15.9091862 25.078,15.8886621 C24.8066667,15.8681379 24.5643333,15.9482483 24.351,16.1289931 C24.1376667,16.3097379 24.0203333,16.5348414 23.999,16.8043034 L23.499,23.2594759 C23.4783333,23.5282759 23.559,23.7689379 23.741,23.9814621 C23.923,24.1939862 24.1496667,24.3105103 24.421,24.3310345 L24.499,24.3310345 C24.7596667,24.3310345 24.9863333,24.2429793 25.179,24.066869 C25.3716667,23.8907586 25.4783333,23.6736 25.499,23.4153931 L25.5,23.4153931 Z M7.438,4.53053793 L5.985,10.9241379 L3.922,10.9241379 L5.5,4.08066207 C5.698,3.17031724 6.16166667,2.42813793 6.891,1.85412414 C7.62033333,1.28011034 8.45366667,0.993103448 9.391,0.993103448 L12,0.993103448 C12,0.724303448 12.099,0.491586207 12.297,0.294951724 C12.495,0.0983172414 12.7293333,9.22633617e-17 13,5.55111512e-17 L19,5.55111512e-17 C19.2706667,5.55111512e-17 19.505,0.0983172414 19.703,0.294951724 C19.901,0.491586207 20,0.724303448 20,0.993103448 L22.609,0.993103448 C23.5463333,0.993103448 24.3796667,1.28011034 25.109,1.85412414 C25.8383333,2.42813793 26.302,3.17031724 26.5,4.08066207 L28.078,10.9241379 L26.015,10.9241379 L24.562,4.53053793 C24.4473333,4.07503448 24.2103333,3.70262069 23.851,3.41329655 C23.4916667,3.12397241 23.0776667,2.97897931 22.609,2.97831724 L20,2.97831724 C20,3.24711724 19.901,3.47983448 19.703,3.67646897 C19.505,3.87310345 19.2706667,3.97142069 19,3.97142069 L13,3.97142069 C12.7293333,3.97142069 12.495,3.87310345 12.297,3.67646897 C12.099,3.47983448 12,3.24711724 12,2.97831724 L9.391,2.97831724 C8.92233333,2.97831724 8.50833333,3.12331034 8.149,3.41329655 C7.78966667,3.70328276 7.55266667,4.07569655 7.438,4.53053793 L7.438,4.53053793 Z"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.1 KiB

View File

@@ -0,0 +1,37 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="100px" height="72px" viewBox="0 0 100 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>cart-icon-outline</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="100" height="71.4285714" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="71.4285714" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="71.4285714" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<rect id="path-5" x="23.3075435" y="8.28125" width="52.9293346" height="53.4462226" rx="26.4646673"></rect>
<mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="52.9293346" height="53.4462226" fill="white">
<use xlink:href="#path-5"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="cart-icon-outline">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<g id="Rectangle-166-Copy-4" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-6)" xlink:href="#path-5"></use>
</g>
<g id="shopping-basket" mask="url(#mask-3)" fill="#3498DB">
<g transform="translate(34.000000, 21.000000)" id="Shape">
<path d="M30,11.9172414 C30.552,11.9172414 31.0233333,12.1112276 31.414,12.4992 C31.8046667,12.8871724 32,13.3552552 32,13.9034483 C32,14.4516414 31.8046667,14.9197241 31.414,15.3076966 C31.0233333,15.695669 30.552,15.8896552 30,15.8896552 L29.766,15.8896552 L27.969,26.1623172 C27.8856667,26.6383448 27.6563333,27.0316138 27.281,27.3421241 C26.9056667,27.6526345 26.4786667,27.8078897 26,27.8078897 L6,27.8078897 C5.52066667,27.8078897 5.09366667,27.6526345 4.719,27.3421241 C4.34433333,27.0316138 4.115,26.6383448 4.031,26.1623172 L2.234,15.8896552 L2,15.8896552 C1.448,15.8896552 0.976666667,15.695669 0.586,15.3076966 C0.195333333,14.9197241 -7.40148683e-17,14.4516414 0,13.9034483 C7.40148683e-17,13.3552552 0.195333333,12.8871724 0.586,12.4992 C0.976666667,12.1112276 1.448,11.9172414 2,11.9172414 L30,11.9172414 L30,11.9172414 Z M7.578,24.3310345 C7.84866667,24.3105103 8.07533333,24.1939862 8.258,23.9814621 C8.44066667,23.7689379 8.52133333,23.5282759 8.5,23.2594759 L8,16.8043034 C7.97933333,16.5355034 7.862,16.3104 7.648,16.1289931 C7.434,15.9475862 7.19166667,15.8674759 6.921,15.8886621 C6.65033333,15.9098483 6.42366667,16.0263724 6.241,16.2382345 C6.05833333,16.4500966 5.97766667,16.6907586 5.999,16.9602207 L6.499,23.4153931 C6.51966667,23.6742621 6.62633333,23.8914207 6.819,24.066869 C7.01166667,24.2423172 7.23833333,24.3303724 7.499,24.3310345 L7.577,24.3310345 L7.578,24.3310345 Z M14,23.337931 L14,16.8827586 C14,16.6139586 13.901,16.3812414 13.703,16.1846069 C13.505,15.9879724 13.2706667,15.8896552 13,15.8896552 C12.7293333,15.8896552 12.495,15.9879724 12.297,16.1846069 C12.099,16.3812414 12,16.6139586 12,16.8827586 L12,23.337931 C12,23.606731 12.099,23.8394483 12.297,24.0360828 C12.495,24.2327172 12.7293333,24.3310345 13,24.3310345 C13.2706667,24.3310345 13.505,24.2327172 13.703,24.0360828 C13.901,23.8394483 14,23.606731 14,23.337931 L14,23.337931 Z M20,23.337931 L20,16.8827586 C20,16.6139586 19.901,16.3812414 19.703,16.1846069 C19.505,15.9879724 19.2706667,15.8896552 19,15.8896552 C18.7293333,15.8896552 18.495,15.9879724 18.297,16.1846069 C18.099,16.3812414 18,16.6139586 18,16.8827586 L18,23.337931 C18,23.606731 18.099,23.8394483 18.297,24.0360828 C18.495,24.2327172 18.7293333,24.3310345 19,24.3310345 C19.2706667,24.3310345 19.505,24.2327172 19.703,24.0360828 C19.901,23.8394483 20,23.606731 20,23.337931 L20,23.337931 Z M25.5,23.4153931 L26,16.9602207 C26.0206667,16.6914207 25.94,16.4507586 25.758,16.2382345 C25.576,16.0257103 25.3493333,15.9091862 25.078,15.8886621 C24.8066667,15.8681379 24.5643333,15.9482483 24.351,16.1289931 C24.1376667,16.3097379 24.0203333,16.5348414 23.999,16.8043034 L23.499,23.2594759 C23.4783333,23.5282759 23.559,23.7689379 23.741,23.9814621 C23.923,24.1939862 24.1496667,24.3105103 24.421,24.3310345 L24.499,24.3310345 C24.7596667,24.3310345 24.9863333,24.2429793 25.179,24.066869 C25.3716667,23.8907586 25.4783333,23.6736 25.499,23.4153931 L25.5,23.4153931 Z M7.438,4.53053793 L5.985,10.9241379 L3.922,10.9241379 L5.5,4.08066207 C5.698,3.17031724 6.16166667,2.42813793 6.891,1.85412414 C7.62033333,1.28011034 8.45366667,0.993103448 9.391,0.993103448 L12,0.993103448 C12,0.724303448 12.099,0.491586207 12.297,0.294951724 C12.495,0.0983172414 12.7293333,9.22633617e-17 13,5.55111512e-17 L19,5.55111512e-17 C19.2706667,5.55111512e-17 19.505,0.0983172414 19.703,0.294951724 C19.901,0.491586207 20,0.724303448 20,0.993103448 L22.609,0.993103448 C23.5463333,0.993103448 24.3796667,1.28011034 25.109,1.85412414 C25.8383333,2.42813793 26.302,3.17031724 26.5,4.08066207 L28.078,10.9241379 L26.015,10.9241379 L24.562,4.53053793 C24.4473333,4.07503448 24.2103333,3.70262069 23.851,3.41329655 C23.4916667,3.12397241 23.0776667,2.97897931 22.609,2.97831724 L20,2.97831724 C20,3.24711724 19.901,3.47983448 19.703,3.67646897 C19.505,3.87310345 19.2706667,3.97142069 19,3.97142069 L13,3.97142069 C12.7293333,3.97142069 12.495,3.87310345 12.297,3.67646897 C12.099,3.47983448 12,3.24711724 12,2.97831724 L9.391,2.97831724 C8.92233333,2.97831724 8.50833333,3.12331034 8.149,3.41329655 C7.78966667,3.70328276 7.55266667,4.07569655 7.438,4.53053793 L7.438,4.53053793 Z"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.1 KiB

View File

@@ -0,0 +1,30 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="100px" height="72px" viewBox="0 0 100 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>cart-icon-plain</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="100" height="71.4285714" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="71.4285714" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="71.4285714" fill="white">
<use xlink:href="#path-1"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="cart-icon-plain">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<g id="shopping-basket" mask="url(#mask-3)" fill="#3498DB">
<g transform="translate(30.000000, 18.000000)" id="Shape">
<path d="M37.5,14.8965517 C38.19,14.8965517 38.7791667,15.1390345 39.2675,15.624 C39.7558333,16.1089655 40,16.694069 40,17.3793103 C40,18.0645517 39.7558333,18.6496552 39.2675,19.1346207 C38.7791667,19.6195862 38.19,19.862069 37.5,19.862069 L37.2075,19.862069 L34.96125,32.7028966 C34.8570833,33.297931 34.5704167,33.7895172 34.10125,34.1776552 C33.6320833,34.5657931 33.0983333,34.7598621 32.5,34.7598621 L7.5,34.7598621 C6.90083333,34.7598621 6.36708333,34.5657931 5.89875,34.1776552 C5.43041667,33.7895172 5.14375,33.297931 5.03875,32.7028966 L2.7925,19.862069 L2.5,19.862069 C1.81,19.862069 1.22083333,19.6195862 0.7325,19.1346207 C0.244166667,18.6496552 -9.25185854e-17,18.0645517 0,17.3793103 C9.25185854e-17,16.694069 0.244166667,16.1089655 0.7325,15.624 C1.22083333,15.1390345 1.81,14.8965517 2.5,14.8965517 L37.5,14.8965517 L37.5,14.8965517 Z M9.4725,30.4137931 C9.81083333,30.3881379 10.0941667,30.2424828 10.3225,29.9768276 C10.5508333,29.7111724 10.6516667,29.4103448 10.625,29.0743448 L10,21.0053793 C9.97416667,20.6693793 9.8275,20.388 9.56,20.1612414 C9.2925,19.9344828 8.98958333,19.8343448 8.65125,19.8608276 C8.31291667,19.8873103 8.02958333,20.0329655 7.80125,20.2977931 C7.57291667,20.5626207 7.47208333,20.8634483 7.49875,21.2002759 L8.12375,29.2692414 C8.14958333,29.5928276 8.28291667,29.8642759 8.52375,30.0835862 C8.76458333,30.3028966 9.04791667,30.4129655 9.37375,30.4137931 L9.47125,30.4137931 L9.4725,30.4137931 Z M17.5,29.1724138 L17.5,21.1034483 C17.5,20.7674483 17.37625,20.4765517 17.12875,20.2307586 C16.88125,19.9849655 16.5883333,19.862069 16.25,19.862069 C15.9116667,19.862069 15.61875,19.9849655 15.37125,20.2307586 C15.12375,20.4765517 15,20.7674483 15,21.1034483 L15,29.1724138 C15,29.5084138 15.12375,29.7993103 15.37125,30.0451034 C15.61875,30.2908966 15.9116667,30.4137931 16.25,30.4137931 C16.5883333,30.4137931 16.88125,30.2908966 17.12875,30.0451034 C17.37625,29.7993103 17.5,29.5084138 17.5,29.1724138 L17.5,29.1724138 Z M25,29.1724138 L25,21.1034483 C25,20.7674483 24.87625,20.4765517 24.62875,20.2307586 C24.38125,19.9849655 24.0883333,19.862069 23.75,19.862069 C23.4116667,19.862069 23.11875,19.9849655 22.87125,20.2307586 C22.62375,20.4765517 22.5,20.7674483 22.5,21.1034483 L22.5,29.1724138 C22.5,29.5084138 22.62375,29.7993103 22.87125,30.0451034 C23.11875,30.2908966 23.4116667,30.4137931 23.75,30.4137931 C24.0883333,30.4137931 24.38125,30.2908966 24.62875,30.0451034 C24.87625,29.7993103 25,29.5084138 25,29.1724138 L25,29.1724138 Z M31.875,29.2692414 L32.5,21.2002759 C32.5258333,20.8642759 32.425,20.5634483 32.1975,20.2977931 C31.97,20.0321379 31.6866667,19.8864828 31.3475,19.8608276 C31.0083333,19.8351724 30.7054167,19.9353103 30.43875,20.1612414 C30.1720833,20.3871724 30.0254167,20.6685517 29.99875,21.0053793 L29.37375,29.0743448 C29.3479167,29.4103448 29.44875,29.7111724 29.67625,29.9768276 C29.90375,30.2424828 30.1870833,30.3881379 30.52625,30.4137931 L30.62375,30.4137931 C30.9495833,30.4137931 31.2329167,30.3037241 31.47375,30.0835862 C31.7145833,29.8634483 31.8479167,29.592 31.87375,29.2692414 L31.875,29.2692414 Z M9.2975,5.66317241 L7.48125,13.6551724 L4.9025,13.6551724 L6.875,5.10082759 C7.1225,3.96289655 7.70208333,3.03517241 8.61375,2.31765517 C9.52541667,1.60013793 10.5670833,1.24137931 11.73875,1.24137931 L15,1.24137931 C15,0.90537931 15.12375,0.614482759 15.37125,0.368689655 C15.61875,0.122896552 15.9116667,1.01451414e-16 16.25,5.55111512e-17 L23.75,5.55111512e-17 C24.0883333,5.55111512e-17 24.38125,0.122896552 24.62875,0.368689655 C24.87625,0.614482759 25,0.90537931 25,1.24137931 L28.26125,1.24137931 C29.4329167,1.24137931 30.4745833,1.60013793 31.38625,2.31765517 C32.2979167,3.03517241 32.8775,3.96289655 33.125,5.10082759 L35.0975,13.6551724 L32.51875,13.6551724 L30.7025,5.66317241 C30.5591667,5.0937931 30.2629167,4.62827586 29.81375,4.26662069 C29.3645833,3.90496552 28.8470833,3.72372414 28.26125,3.72289655 L25,3.72289655 C25,4.05889655 24.87625,4.3497931 24.62875,4.59558621 C24.38125,4.84137931 24.0883333,4.96427586 23.75,4.96427586 L16.25,4.96427586 C15.9116667,4.96427586 15.61875,4.84137931 15.37125,4.59558621 C15.12375,4.3497931 15,4.05889655 15,3.72289655 L11.73875,3.72289655 C11.1529167,3.72289655 10.6354167,3.90413793 10.18625,4.26662069 C9.73708333,4.62910345 9.44083333,5.09462069 9.2975,5.66317241 L9.2975,5.66317241 Z"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.8 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 16 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 16 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 19 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 16 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 16 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 16 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 16 KiB

View File

@@ -0,0 +1,31 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="51px" viewBox="0 0 70 51" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
<title>category-featured-title</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="category-featured-title" transform="translate(0.000000, 0.767750)">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<rect id="Rectangle-502" fill="#3498DB" mask="url(#mask-3)" x="0" y="-2" width="70" height="29"></rect>
<text id="Title" mask="url(#mask-3)" font-family="HelveticaNeue-Bold, Helvetica Neue" font-size="10" font-weight="bold" fill="#FFFFFF">
<tspan x="6.235" y="13">Title</tspan>
</text>
<rect id="Rectangle-502" fill="#3498DB" opacity="0.2" mask="url(#mask-3)" x="6" y="33" width="76" height="54"></rect>
<path d="M7,17.1030097 L7,21.4294182 L7.57564258,21.4294182 L7.57564258,19.4479958 L9.85397534,19.4479958 L9.85397534,21.4294182 L10.4296179,21.4294182 L10.4296179,17.1030097 L9.85397534,17.1030097 L9.85397534,18.9632442 L7.57564258,18.9632442 L7.57564258,17.1030097 L7,17.1030097 Z M11.7081504,19.266214 C11.7081504,19.0480746 11.7364273,18.8329682 11.7929819,18.6208883 C11.8495366,18.4088084 11.9384068,18.2179394 12.0595953,18.0482754 C12.1807839,17.8786115 12.3363068,17.7422765 12.5261688,17.6392662 C12.7160308,17.536256 12.942246,17.4847516 13.2048211,17.4847516 C13.4673962,17.4847516 13.6936114,17.536256 13.8834734,17.6392662 C14.0733354,17.7422765 14.2288584,17.8786115 14.3500469,18.0482754 C14.4712354,18.2179394 14.5601057,18.4088084 14.6166603,18.6208883 C14.6732149,18.8329682 14.7014918,19.0480746 14.7014918,19.266214 C14.7014918,19.4843533 14.6732149,19.6994597 14.6166603,19.9115396 C14.5601057,20.1236195 14.4712354,20.3144886 14.3500469,20.4841525 C14.2288584,20.6538164 14.0733354,20.7901514 13.8834734,20.8931617 C13.6936114,20.9961719 13.4673962,21.0476763 13.2048211,21.0476763 C12.942246,21.0476763 12.7160308,20.9961719 12.5261688,20.8931617 C12.3363068,20.7901514 12.1807839,20.6538164 12.0595953,20.4841525 C11.9384068,20.3144886 11.8495366,20.1236195 11.7929819,19.9115396 C11.7364273,19.6994597 11.7081504,19.4843533 11.7081504,19.266214 L11.7081504,19.266214 Z M11.1325078,19.266214 C11.1325078,19.561106 11.175933,19.8448849 11.2627848,20.117559 C11.3496366,20.3902332 11.4799123,20.6315967 11.6536158,20.8416568 C11.8273194,21.0517169 12.0434357,21.2183486 12.3019712,21.341557 C12.5605067,21.4647653 12.8614536,21.5263685 13.2048211,21.5263685 C13.5481886,21.5263685 13.8491356,21.4647653 14.1076711,21.341557 C14.3662066,21.2183486 14.5823229,21.0517169 14.7560264,20.8416568 C14.9297299,20.6315967 15.0600056,20.3902332 15.1468574,20.117559 C15.2337092,19.8448849 15.2771344,19.561106 15.2771344,19.266214 C15.2771344,18.9713219 15.2337092,18.687543 15.1468574,18.4148689 C15.0600056,18.1421947 14.9297299,17.9008312 14.7560264,17.6907711 C14.5823229,17.480711 14.3662066,17.3130694 14.1076711,17.1878413 C13.8491356,17.0626131 13.5481886,17 13.2048211,17 C12.8614536,17 12.5605067,17.0626131 12.3019712,17.1878413 C12.0434357,17.3130694 11.8273194,17.480711 11.6536158,17.6907711 C11.4799123,17.9008312 11.3496366,18.1421947 11.2627848,18.4148689 C11.175933,18.687543 11.1325078,18.9713219 11.1325078,19.266214 L11.1325078,19.266214 Z M15.9921431,17.1030097 L15.9921431,21.4294182 L16.5374887,21.4294182 L16.5374887,17.8301372 L16.5496075,17.8301372 L17.9008527,21.4294182 L18.3916638,21.4294182 L19.742909,17.8301372 L19.7550278,17.8301372 L19.7550278,21.4294182 L20.3003734,21.4294182 L20.3003734,17.1030097 L19.512652,17.1030097 L18.1432286,20.7386471 L16.7798645,17.1030097 L15.9921431,17.1030097 Z M21.2577579,17.1030097 L21.2577579,21.4294182 L24.2632181,21.4294182 L24.2632181,20.9446666 L21.8334005,20.9446666 L21.8334005,19.4479958 L24.0814363,19.4479958 L24.0814363,18.9632442 L21.8334005,18.9632442 L21.8334005,17.5877614 L24.2450399,17.5877614 L24.2450399,17.1030097 L21.2577579,17.1030097 Z M27.8564397,17 L26.068918,21.5263685 L26.5051945,21.5263685 L28.2987756,17 L27.8564397,17 Z M30.3407919,17.1030097 L30.3407919,21.4294182 L30.8861375,21.4294182 L30.8861375,17.9573845 L30.8982563,17.9573845 L33.1584109,21.4294182 L33.7885881,21.4294182 L33.7885881,17.1030097 L33.2432424,17.1030097 L33.2432424,20.6113998 L33.2311237,20.6113998 L30.9527909,17.1030097 L30.3407919,17.1030097 Z M35.4670406,19.6418965 L36.2002275,17.6241177 L36.2123463,17.6241177 L36.9334144,19.6418965 L35.4670406,19.6418965 Z M35.8972577,17.1030097 L34.2127457,21.4294182 L34.8005071,21.4294182 L35.2852588,20.1266481 L37.1151962,20.1266481 L37.5878291,21.4294182 L38.2240656,21.4294182 L36.5334943,17.1030097 L35.8972577,17.1030097 Z M40.3509135,21.4294182 L41.89,17.1030097 L41.2901198,17.1030097 L40.0418843,20.8537756 L40.0297655,20.8537756 L38.7936488,17.1030097 L38.1755905,17.1030097 L39.6964988,21.4294182 L40.3509135,21.4294182 Z" id="HOME-/-NAV" fill="#FFFFFF" mask="url(#mask-3)"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.8 KiB

View File

@@ -0,0 +1,28 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="51px" viewBox="0 0 70 51" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
<title>category-featured</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="category-featured" transform="translate(0.000000, 0.767750)">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<rect id="Rectangle-502" fill="#3498DB" opacity="0.2" mask="url(#mask-3)" x="6" y="26" width="76" height="54"></rect>
<rect id="Rectangle-502" fill="#3498DB" mask="url(#mask-3)" x="0" y="-2" width="70" height="23"></rect>
<path d="M7,9.10300973 L7,13.4294182 L7.57564258,13.4294182 L7.57564258,11.4479958 L9.85397534,11.4479958 L9.85397534,13.4294182 L10.4296179,13.4294182 L10.4296179,9.10300973 L9.85397534,9.10300973 L9.85397534,10.9632442 L7.57564258,10.9632442 L7.57564258,9.10300973 L7,9.10300973 Z M11.7081504,11.266214 C11.7081504,11.0480746 11.7364273,10.8329682 11.7929819,10.6208883 C11.8495366,10.4088084 11.9384068,10.2179394 12.0595953,10.0482754 C12.1807839,9.87861152 12.3363068,9.74227648 12.5261688,9.63926624 C12.7160308,9.536256 12.942246,9.48475165 13.2048211,9.48475165 C13.4673962,9.48475165 13.6936114,9.536256 13.8834734,9.63926624 C14.0733354,9.74227648 14.2288584,9.87861152 14.3500469,10.0482754 C14.4712354,10.2179394 14.5601057,10.4088084 14.6166603,10.6208883 C14.6732149,10.8329682 14.7014918,11.0480746 14.7014918,11.266214 C14.7014918,11.4843533 14.6732149,11.6994597 14.6166603,11.9115396 C14.5601057,12.1236195 14.4712354,12.3144886 14.3500469,12.4841525 C14.2288584,12.6538164 14.0733354,12.7901514 13.8834734,12.8931617 C13.6936114,12.9961719 13.4673962,13.0476763 13.2048211,13.0476763 C12.942246,13.0476763 12.7160308,12.9961719 12.5261688,12.8931617 C12.3363068,12.7901514 12.1807839,12.6538164 12.0595953,12.4841525 C11.9384068,12.3144886 11.8495366,12.1236195 11.7929819,11.9115396 C11.7364273,11.6994597 11.7081504,11.4843533 11.7081504,11.266214 L11.7081504,11.266214 Z M11.1325078,11.266214 C11.1325078,11.561106 11.175933,11.8448849 11.2627848,12.117559 C11.3496366,12.3902332 11.4799123,12.6315967 11.6536158,12.8416568 C11.8273194,13.0517169 12.0434357,13.2183486 12.3019712,13.341557 C12.5605067,13.4647653 12.8614536,13.5263685 13.2048211,13.5263685 C13.5481886,13.5263685 13.8491356,13.4647653 14.1076711,13.341557 C14.3662066,13.2183486 14.5823229,13.0517169 14.7560264,12.8416568 C14.9297299,12.6315967 15.0600056,12.3902332 15.1468574,12.117559 C15.2337092,11.8448849 15.2771344,11.561106 15.2771344,11.266214 C15.2771344,10.9713219 15.2337092,10.687543 15.1468574,10.4148689 C15.0600056,10.1421947 14.9297299,9.9008312 14.7560264,9.6907711 C14.5823229,9.480711 14.3662066,9.3130694 14.1076711,9.18784126 C13.8491356,9.06261313 13.5481886,9 13.2048211,9 C12.8614536,9 12.5605067,9.06261313 12.3019712,9.18784126 C12.0434357,9.3130694 11.8273194,9.480711 11.6536158,9.6907711 C11.4799123,9.9008312 11.3496366,10.1421947 11.2627848,10.4148689 C11.175933,10.687543 11.1325078,10.9713219 11.1325078,11.266214 L11.1325078,11.266214 Z M15.9921431,9.10300973 L15.9921431,13.4294182 L16.5374887,13.4294182 L16.5374887,9.8301372 L16.5496075,9.8301372 L17.9008527,13.4294182 L18.3916638,13.4294182 L19.742909,9.8301372 L19.7550278,9.8301372 L19.7550278,13.4294182 L20.3003734,13.4294182 L20.3003734,9.10300973 L19.512652,9.10300973 L18.1432286,12.7386471 L16.7798645,9.10300973 L15.9921431,9.10300973 Z M21.2577579,9.10300973 L21.2577579,13.4294182 L24.2632181,13.4294182 L24.2632181,12.9446666 L21.8334005,12.9446666 L21.8334005,11.4479958 L24.0814363,11.4479958 L24.0814363,10.9632442 L21.8334005,10.9632442 L21.8334005,9.58776138 L24.2450399,9.58776138 L24.2450399,9.10300973 L21.2577579,9.10300973 Z M27.8564397,9 L26.068918,13.5263685 L26.5051945,13.5263685 L28.2987756,9 L27.8564397,9 Z M30.3407919,9.10300973 L30.3407919,13.4294182 L30.8861375,13.4294182 L30.8861375,9.95738451 L30.8982563,9.95738451 L33.1584109,13.4294182 L33.7885881,13.4294182 L33.7885881,9.10300973 L33.2432424,9.10300973 L33.2432424,12.6113998 L33.2311237,12.6113998 L30.9527909,9.10300973 L30.3407919,9.10300973 Z M35.4670406,11.6418965 L36.2002275,9.62411775 L36.2123463,9.62411775 L36.9334144,11.6418965 L35.4670406,11.6418965 Z M35.8972577,9.10300973 L34.2127457,13.4294182 L34.8005071,13.4294182 L35.2852588,12.1266481 L37.1151962,12.1266481 L37.5878291,13.4294182 L38.2240656,13.4294182 L36.5334943,9.10300973 L35.8972577,9.10300973 Z M40.3509135,13.4294182 L41.89,9.10300973 L41.2901198,9.10300973 L40.0418843,12.8537756 L40.0297655,12.8537756 L38.7936488,9.10300973 L38.1755905,9.10300973 L39.6964988,13.4294182 L40.3509135,13.4294182 Z" id="HOME-/-NAV" fill="#FFFFFF" mask="url(#mask-3)"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.6 KiB

View File

@@ -0,0 +1,36 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="67px" viewBox="0 0 70 67" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
<title>category-left-sidebar</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<rect id="path-5" x="27" y="7" width="34" height="50"></rect>
<mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="34" height="50" fill="white">
<use xlink:href="#path-5"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="category-left-sidebar">
<text id="Left-Sidebar-" font-family="Lato-Regular, Lato" font-size="13" font-weight="normal" fill="#9A8F9A">
<tspan x="0" y="66">Left Sidebar </tspan>
</text>
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<g id="Rectangle-5-Copy-7" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#00A0D2" fill-opacity="0.01">
<use mask="url(#mask-6)" xlink:href="#path-5"></use>
</g>
<rect id="Rectangle-5-Copy-13" fill="#3498DB" mask="url(#mask-3)" x="10" y="7" width="14" height="50"></rect>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@@ -0,0 +1,29 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="67px" viewBox="0 0 70 67" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
<title>category-no-sidebar</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="category-no-sidebar">
<text id="No-Sidebar" font-family="Lato-Regular, Lato" font-size="13" font-weight="normal" fill="#9A8F9A">
<tspan x="0" y="66">No Sidebar</tspan>
</text>
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<rect id="Rectangle-5-Copy-7" fill="#3498DB" mask="url(#mask-3)" x="12" y="7" width="47" height="43"></rect>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 6.9 KiB

View File

@@ -0,0 +1,36 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="68px" viewBox="0 0 70 68" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
<title>category-right-sidebar</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<rect id="path-5" x="10" y="7" width="34" height="45"></rect>
<mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="34" height="45" fill="white">
<use xlink:href="#path-5"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="category-right-sidebar">
<text id="Right-Sidebar-" font-family="Lato-Regular, Lato" font-size="12" font-weight="normal" fill="#9A8F9A">
<tspan x="0" y="65">Right Sidebar </tspan>
</text>
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<g id="Rectangle-5-Copy-7" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#00A0D2" fill-opacity="0.01">
<use mask="url(#mask-6)" xlink:href="#path-5"></use>
</g>
<rect id="Rectangle-5-Copy-13" fill="#3498DB" mask="url(#mask-3)" x="47" y="7" width="14" height="45"></rect>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@@ -0,0 +1,88 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="60px" viewBox="0 0 70 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
<title>category-style-grid</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="60" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="60" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="60" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<rect id="path-5" x="9" y="9" width="15.5341022" height="18.7272893"></rect>
<mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="15.5341022" height="18.7272893" fill="white">
<use xlink:href="#path-5"></use>
</mask>
<rect id="path-7" x="26.9868552" y="9" width="15.5341022" height="18.7272893"></rect>
<mask id="mask-8" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="15.5341022" height="18.7272893" fill="white">
<use xlink:href="#path-7"></use>
</mask>
<rect id="path-9" x="44.9737103" y="9" width="15.5341022" height="18.7272893"></rect>
<mask id="mask-10" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="15.5341022" height="18.7272893" fill="white">
<use xlink:href="#path-9"></use>
</mask>
<rect id="path-11" x="9" y="31" width="15.5341022" height="18.7272893"></rect>
<mask id="mask-12" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="15.5341022" height="18.7272893" fill="white">
<use xlink:href="#path-11"></use>
</mask>
<rect id="path-13" x="26.9868552" y="31" width="15.5341022" height="18.7272893"></rect>
<mask id="mask-14" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="15.5341022" height="18.7272893" fill="white">
<use xlink:href="#path-13"></use>
</mask>
<rect id="path-15" x="44.9737103" y="31" width="15.5341022" height="18.7272893"></rect>
<mask id="mask-16" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="15.5341022" height="18.7272893" fill="white">
<use xlink:href="#path-15"></use>
</mask>
<rect id="path-17" x="9" y="52" width="15.5341022" height="18.7272893"></rect>
<mask id="mask-18" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="15.5341022" height="18.7272893" fill="white">
<use xlink:href="#path-17"></use>
</mask>
<rect id="path-19" x="26.9868552" y="52" width="15.5341022" height="18.7272893"></rect>
<mask id="mask-20" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="15.5341022" height="18.7272893" fill="white">
<use xlink:href="#path-19"></use>
</mask>
<rect id="path-21" x="44.9737103" y="52" width="15.5341022" height="18.7272893"></rect>
<mask id="mask-22" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="15.5341022" height="18.7272893" fill="white">
<use xlink:href="#path-21"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="category-style-grid">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<g id="Rectangle-5" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-6)" xlink:href="#path-5"></use>
</g>
<g id="Rectangle-5" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-8)" xlink:href="#path-7"></use>
</g>
<g id="Rectangle-5" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-10)" xlink:href="#path-9"></use>
</g>
<g id="Rectangle-5" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-12)" xlink:href="#path-11"></use>
</g>
<g id="Rectangle-5" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-14)" xlink:href="#path-13"></use>
</g>
<g id="Rectangle-5" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-16)" xlink:href="#path-15"></use>
</g>
<g id="Rectangle-5" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-18)" xlink:href="#path-17"></use>
</g>
<g id="Rectangle-5" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-20)" xlink:href="#path-19"></use>
</g>
<g id="Rectangle-5" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-22)" xlink:href="#path-21"></use>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.9 KiB

View File

@@ -0,0 +1,67 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="60px" viewBox="0 0 70 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
<title>category-style-list</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="60" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="60" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="60" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<rect id="path-5" x="9" y="9" width="19" height="18.7272893"></rect>
<mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="19" height="18.7272893" fill="white">
<use xlink:href="#path-5"></use>
</mask>
<rect id="path-7" x="27" y="9" width="34" height="18.7272893"></rect>
<mask id="mask-8" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="34" height="18.7272893" fill="white">
<use xlink:href="#path-7"></use>
</mask>
<rect id="path-9" x="27" y="31" width="34" height="18.7272893"></rect>
<mask id="mask-10" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="34" height="18.7272893" fill="white">
<use xlink:href="#path-9"></use>
</mask>
<rect id="path-11" x="27" y="53" width="34" height="18.7272893"></rect>
<mask id="mask-12" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="34" height="18.7272893" fill="white">
<use xlink:href="#path-11"></use>
</mask>
<rect id="path-13" x="9" y="31" width="19" height="18.7272893"></rect>
<mask id="mask-14" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="19" height="18.7272893" fill="white">
<use xlink:href="#path-13"></use>
</mask>
<rect id="path-15" x="9" y="53" width="19" height="18.7272893"></rect>
<mask id="mask-16" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="19" height="18.7272893" fill="white">
<use xlink:href="#path-15"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="category-style-list">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<g id="Rectangle-5" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-6)" xlink:href="#path-5"></use>
</g>
<g id="Rectangle-5" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#00A0D2" fill-opacity="0.01">
<use mask="url(#mask-8)" xlink:href="#path-7"></use>
</g>
<g id="Rectangle-5" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#00A0D2" fill-opacity="0.01">
<use mask="url(#mask-10)" xlink:href="#path-9"></use>
</g>
<g id="Rectangle-5" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#00A0D2" fill-opacity="0.01">
<use mask="url(#mask-12)" xlink:href="#path-11"></use>
</g>
<g id="Rectangle-5" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-14)" xlink:href="#path-13"></use>
</g>
<g id="Rectangle-5" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-16)" xlink:href="#path-15"></use>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

@@ -0,0 +1,88 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="60px" viewBox="0 0 70 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
<title>category-style-masonry</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="60" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="60" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="60" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<rect id="path-5" x="9" y="8.36364465" width="15.5341022" height="12"></rect>
<mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="15.5341022" height="12" fill="white">
<use xlink:href="#path-5"></use>
</mask>
<rect id="path-7" x="26.9868552" y="8" width="15.5341022" height="18.7272893"></rect>
<mask id="mask-8" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="15.5341022" height="18.7272893" fill="white">
<use xlink:href="#path-7"></use>
</mask>
<rect id="path-9" x="44.9737103" y="8.86364465" width="15.5341022" height="13"></rect>
<mask id="mask-10" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="15.5341022" height="13" fill="white">
<use xlink:href="#path-9"></use>
</mask>
<rect id="path-11" x="9" y="23.3636446" width="15.5341022" height="18"></rect>
<mask id="mask-12" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="15.5341022" height="18" fill="white">
<use xlink:href="#path-11"></use>
</mask>
<rect id="path-13" x="26.9868552" y="30" width="15.5341022" height="18.7272893"></rect>
<mask id="mask-14" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="15.5341022" height="18.7272893" fill="white">
<use xlink:href="#path-13"></use>
</mask>
<rect id="path-15" x="44.9737103" y="25" width="15.5341022" height="18.7272893"></rect>
<mask id="mask-16" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="15.5341022" height="18.7272893" fill="white">
<use xlink:href="#path-15"></use>
</mask>
<rect id="path-17" x="9" y="44.3636446" width="15.5341022" height="18"></rect>
<mask id="mask-18" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="15.5341022" height="18" fill="white">
<use xlink:href="#path-17"></use>
</mask>
<rect id="path-19" x="26.9868552" y="51" width="15.5341022" height="18.7272893"></rect>
<mask id="mask-20" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="15.5341022" height="18.7272893" fill="white">
<use xlink:href="#path-19"></use>
</mask>
<rect id="path-21" x="44.9737103" y="46" width="15.5341022" height="18.7272893"></rect>
<mask id="mask-22" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="15.5341022" height="18.7272893" fill="white">
<use xlink:href="#path-21"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="category-style-masonry">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<g id="Rectangle-5" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-6)" xlink:href="#path-5"></use>
</g>
<g id="Rectangle-5" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-8)" xlink:href="#path-7"></use>
</g>
<g id="Rectangle-5" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-10)" xlink:href="#path-9"></use>
</g>
<g id="Rectangle-5" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-12)" xlink:href="#path-11"></use>
</g>
<g id="Rectangle-5" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-14)" xlink:href="#path-13"></use>
</g>
<g id="Rectangle-5" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-16)" xlink:href="#path-15"></use>
</g>
<g id="Rectangle-5" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-18)" xlink:href="#path-17"></use>
</g>
<g id="Rectangle-5" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-20)" xlink:href="#path-19"></use>
</g>
<g id="Rectangle-5" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#3498DB" fill-opacity="0.127858922">
<use mask="url(#mask-22)" xlink:href="#path-21"></use>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.9 KiB

View File

@@ -0,0 +1,20 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="72px" height="52px" viewBox="0 0 72 52" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
<title>category-title-center</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="3.12638804e-13" y="0" width="70" height="50" rx="4"></rect>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="category-title-center" transform="translate(1.000000, 0.767750)">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<use id="Mask" stroke="#00A0D2" stroke-linecap="square" xlink:href="#path-1"></use>
<path d="M27.505,7.18 L27.505,13 L29.075,13 L29.075,7.18 L31.215,7.18 L31.215,5.86 L25.365,5.86 L25.365,7.18 L27.505,7.18 Z M33.345,7.03 L33.345,5.86 L31.925,5.86 L31.925,7.03 L33.345,7.03 Z M31.925,7.83 L31.925,13 L33.345,13 L33.345,7.83 L31.925,7.83 Z M36.265,7.83 L36.265,6.28 L34.845,6.28 L34.845,7.83 L33.985,7.83 L33.985,8.78 L34.845,8.78 L34.845,11.83 C34.845,12.0900013 34.8883329,12.2999992 34.975,12.46 C35.0616671,12.6200008 35.1799993,12.7433329 35.33,12.83 C35.4800008,12.9166671 35.6533324,12.9749998 35.85,13.005 C36.0466677,13.0350001 36.2549989,13.05 36.475,13.05 C36.6150007,13.05 36.7583326,13.0466667 36.905,13.04 C37.0516674,13.0333333 37.1849994,13.0200001 37.305,13 L37.305,11.9 C37.238333,11.9133334 37.1683337,11.9233333 37.095,11.93 C37.0216663,11.9366667 36.9450004,11.94 36.865,11.94 C36.6249988,11.94 36.4650004,11.9000004 36.385,11.82 C36.3049996,11.7399996 36.265,11.5800012 36.265,11.34 L36.265,8.78 L37.305,8.78 L37.305,7.83 L36.265,7.83 Z M38.025,5.86 L38.025,13 L39.445,13 L39.445,5.86 L38.025,5.86 Z M44.045,9.86 L41.735,9.86 C41.7416667,9.7599995 41.7633332,9.6466673 41.8,9.52 C41.8366669,9.3933327 41.8999996,9.2733339 41.99,9.16 C42.0800005,9.0466661 42.1999993,8.95166705 42.35,8.875 C42.5000008,8.79833295 42.6883322,8.76 42.915,8.76 C43.2616684,8.76 43.5199992,8.8533324 43.69,9.04 C43.8600009,9.2266676 43.978333,9.4999982 44.045,9.86 L44.045,9.86 Z M41.735,10.76 L45.465,10.76 C45.4916668,10.359998 45.4583338,9.9766685 45.365,9.61 C45.2716662,9.2433315 45.1200011,8.9166681 44.91,8.63 C44.699999,8.3433319 44.4316683,8.11500085 44.105,7.945 C43.7783317,7.77499915 43.3950022,7.69 42.955,7.69 C42.5616647,7.69 42.203335,7.7599993 41.88,7.9 C41.5566651,8.0400007 41.2783345,8.23166545 41.045,8.475 C40.8116655,8.71833455 40.6316673,9.006665 40.505,9.34 C40.3783327,9.673335 40.315,10.0333314 40.315,10.42 C40.315,10.820002 40.3766661,11.186665 40.5,11.52 C40.623334,11.853335 40.7983322,12.1399988 41.025,12.38 C41.2516678,12.6200012 41.5283317,12.8049993 41.855,12.935 C42.1816683,13.0650006 42.5483313,13.13 42.955,13.13 C43.5416696,13.13 44.0416646,12.996668 44.455,12.73 C44.8683354,12.463332 45.174999,12.0200031 45.375,11.4 L44.125,11.4 C44.0783331,11.5600008 43.9516677,11.7116659 43.745,11.855 C43.5383323,11.998334 43.2916681,12.07 43.005,12.07 C42.604998,12.07 42.2983344,11.9666677 42.085,11.76 C41.8716656,11.5533323 41.7550001,11.2200023 41.735,10.76 L41.735,10.76 Z" id="Title" fill="#3498DB" mask="url(#mask-2)"></path>
<rect id="Rectangle-502" fill="#3498DB" opacity="0.2" mask="url(#mask-2)" x="-4" y="26" width="86" height="54"></rect>
<path d="M18,17.1030097 L18,21.4294182 L18.5756426,21.4294182 L18.5756426,19.4479958 L20.8539753,19.4479958 L20.8539753,21.4294182 L21.4296179,21.4294182 L21.4296179,17.1030097 L20.8539753,17.1030097 L20.8539753,18.9632442 L18.5756426,18.9632442 L18.5756426,17.1030097 L18,17.1030097 Z M22.7081504,19.266214 C22.7081504,19.0480746 22.7364273,18.8329682 22.7929819,18.6208883 C22.8495366,18.4088084 22.9384068,18.2179394 23.0595953,18.0482754 C23.1807839,17.8786115 23.3363068,17.7422765 23.5261688,17.6392662 C23.7160308,17.536256 23.942246,17.4847516 24.2048211,17.4847516 C24.4673962,17.4847516 24.6936114,17.536256 24.8834734,17.6392662 C25.0733354,17.7422765 25.2288584,17.8786115 25.3500469,18.0482754 C25.4712354,18.2179394 25.5601057,18.4088084 25.6166603,18.6208883 C25.6732149,18.8329682 25.7014918,19.0480746 25.7014918,19.266214 C25.7014918,19.4843533 25.6732149,19.6994597 25.6166603,19.9115396 C25.5601057,20.1236195 25.4712354,20.3144886 25.3500469,20.4841525 C25.2288584,20.6538164 25.0733354,20.7901514 24.8834734,20.8931617 C24.6936114,20.9961719 24.4673962,21.0476763 24.2048211,21.0476763 C23.942246,21.0476763 23.7160308,20.9961719 23.5261688,20.8931617 C23.3363068,20.7901514 23.1807839,20.6538164 23.0595953,20.4841525 C22.9384068,20.3144886 22.8495366,20.1236195 22.7929819,19.9115396 C22.7364273,19.6994597 22.7081504,19.4843533 22.7081504,19.266214 L22.7081504,19.266214 Z M22.1325078,19.266214 C22.1325078,19.561106 22.175933,19.8448849 22.2627848,20.117559 C22.3496366,20.3902332 22.4799123,20.6315967 22.6536158,20.8416568 C22.8273194,21.0517169 23.0434357,21.2183486 23.3019712,21.341557 C23.5605067,21.4647653 23.8614536,21.5263685 24.2048211,21.5263685 C24.5481886,21.5263685 24.8491356,21.4647653 25.1076711,21.341557 C25.3662066,21.2183486 25.5823229,21.0517169 25.7560264,20.8416568 C25.9297299,20.6315967 26.0600056,20.3902332 26.1468574,20.117559 C26.2337092,19.8448849 26.2771344,19.561106 26.2771344,19.266214 C26.2771344,18.9713219 26.2337092,18.687543 26.1468574,18.4148689 C26.0600056,18.1421947 25.9297299,17.9008312 25.7560264,17.6907711 C25.5823229,17.480711 25.3662066,17.3130694 25.1076711,17.1878413 C24.8491356,17.0626131 24.5481886,17 24.2048211,17 C23.8614536,17 23.5605067,17.0626131 23.3019712,17.1878413 C23.0434357,17.3130694 22.8273194,17.480711 22.6536158,17.6907711 C22.4799123,17.9008312 22.3496366,18.1421947 22.2627848,18.4148689 C22.175933,18.687543 22.1325078,18.9713219 22.1325078,19.266214 L22.1325078,19.266214 Z M26.9921431,17.1030097 L26.9921431,21.4294182 L27.5374887,21.4294182 L27.5374887,17.8301372 L27.5496075,17.8301372 L28.9008527,21.4294182 L29.3916638,21.4294182 L30.742909,17.8301372 L30.7550278,17.8301372 L30.7550278,21.4294182 L31.3003734,21.4294182 L31.3003734,17.1030097 L30.512652,17.1030097 L29.1432286,20.7386471 L27.7798645,17.1030097 L26.9921431,17.1030097 Z M32.2577579,17.1030097 L32.2577579,21.4294182 L35.2632181,21.4294182 L35.2632181,20.9446666 L32.8334005,20.9446666 L32.8334005,19.4479958 L35.0814363,19.4479958 L35.0814363,18.9632442 L32.8334005,18.9632442 L32.8334005,17.5877614 L35.2450399,17.5877614 L35.2450399,17.1030097 L32.2577579,17.1030097 Z M38.8564397,17 L37.068918,21.5263685 L37.5051945,21.5263685 L39.2987756,17 L38.8564397,17 Z M41.3407919,17.1030097 L41.3407919,21.4294182 L41.8861375,21.4294182 L41.8861375,17.9573845 L41.8982563,17.9573845 L44.1584109,21.4294182 L44.7885881,21.4294182 L44.7885881,17.1030097 L44.2432424,17.1030097 L44.2432424,20.6113998 L44.2311237,20.6113998 L41.9527909,17.1030097 L41.3407919,17.1030097 Z M46.4670406,19.6418965 L47.2002275,17.6241177 L47.2123463,17.6241177 L47.9334144,19.6418965 L46.4670406,19.6418965 Z M46.8972577,17.1030097 L45.2127457,21.4294182 L45.8005071,21.4294182 L46.2852588,20.1266481 L48.1151962,20.1266481 L48.5878291,21.4294182 L49.2240656,21.4294182 L47.5334943,17.1030097 L46.8972577,17.1030097 Z M51.3509135,21.4294182 L52.89,17.1030097 L52.2901198,17.1030097 L51.0418843,20.8537756 L51.0297655,20.8537756 L49.7936488,17.1030097 L49.1755905,17.1030097 L50.6964988,21.4294182 L51.3509135,21.4294182 Z" id="HOME-/-NAV" fill="#3498DB" mask="url(#mask-2)"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 7.5 KiB

View File

@@ -0,0 +1,28 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="51px" viewBox="0 0 70 51" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
<title>category-title-featured-center</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="1.13686838e-13" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="category-title-featured-center" transform="translate(0.000000, 0.855750)">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<rect id="Rectangle-502" fill="#3498DB" mask="url(#mask-3)" x="1.13686838e-13" y="-7" width="70" height="29"></rect>
<rect id="Rectangle-502" fill="#3498DB" opacity="0.2" mask="url(#mask-3)" x="4" y="26" width="62" height="54"></rect>
<path d="M18,10.1030097 L18,14.4294182 L18.5756426,14.4294182 L18.5756426,12.4479958 L20.8539753,12.4479958 L20.8539753,14.4294182 L21.4296179,14.4294182 L21.4296179,10.1030097 L20.8539753,10.1030097 L20.8539753,11.9632442 L18.5756426,11.9632442 L18.5756426,10.1030097 L18,10.1030097 Z M22.7081504,12.266214 C22.7081504,12.0480746 22.7364273,11.8329682 22.7929819,11.6208883 C22.8495366,11.4088084 22.9384068,11.2179394 23.0595953,11.0482754 C23.1807839,10.8786115 23.3363068,10.7422765 23.5261688,10.6392662 C23.7160308,10.536256 23.942246,10.4847516 24.2048211,10.4847516 C24.4673962,10.4847516 24.6936114,10.536256 24.8834734,10.6392662 C25.0733354,10.7422765 25.2288584,10.8786115 25.3500469,11.0482754 C25.4712354,11.2179394 25.5601057,11.4088084 25.6166603,11.6208883 C25.6732149,11.8329682 25.7014918,12.0480746 25.7014918,12.266214 C25.7014918,12.4843533 25.6732149,12.6994597 25.6166603,12.9115396 C25.5601057,13.1236195 25.4712354,13.3144886 25.3500469,13.4841525 C25.2288584,13.6538164 25.0733354,13.7901514 24.8834734,13.8931617 C24.6936114,13.9961719 24.4673962,14.0476763 24.2048211,14.0476763 C23.942246,14.0476763 23.7160308,13.9961719 23.5261688,13.8931617 C23.3363068,13.7901514 23.1807839,13.6538164 23.0595953,13.4841525 C22.9384068,13.3144886 22.8495366,13.1236195 22.7929819,12.9115396 C22.7364273,12.6994597 22.7081504,12.4843533 22.7081504,12.266214 L22.7081504,12.266214 Z M22.1325078,12.266214 C22.1325078,12.561106 22.175933,12.8448849 22.2627848,13.117559 C22.3496366,13.3902332 22.4799123,13.6315967 22.6536158,13.8416568 C22.8273194,14.0517169 23.0434357,14.2183486 23.3019712,14.341557 C23.5605067,14.4647653 23.8614536,14.5263685 24.2048211,14.5263685 C24.5481886,14.5263685 24.8491356,14.4647653 25.1076711,14.341557 C25.3662066,14.2183486 25.5823229,14.0517169 25.7560264,13.8416568 C25.9297299,13.6315967 26.0600056,13.3902332 26.1468574,13.117559 C26.2337092,12.8448849 26.2771344,12.561106 26.2771344,12.266214 C26.2771344,11.9713219 26.2337092,11.687543 26.1468574,11.4148689 C26.0600056,11.1421947 25.9297299,10.9008312 25.7560264,10.6907711 C25.5823229,10.480711 25.3662066,10.3130694 25.1076711,10.1878413 C24.8491356,10.0626131 24.5481886,10 24.2048211,10 C23.8614536,10 23.5605067,10.0626131 23.3019712,10.1878413 C23.0434357,10.3130694 22.8273194,10.480711 22.6536158,10.6907711 C22.4799123,10.9008312 22.3496366,11.1421947 22.2627848,11.4148689 C22.175933,11.687543 22.1325078,11.9713219 22.1325078,12.266214 L22.1325078,12.266214 Z M26.9921431,10.1030097 L26.9921431,14.4294182 L27.5374887,14.4294182 L27.5374887,10.8301372 L27.5496075,10.8301372 L28.9008527,14.4294182 L29.3916638,14.4294182 L30.742909,10.8301372 L30.7550278,10.8301372 L30.7550278,14.4294182 L31.3003734,14.4294182 L31.3003734,10.1030097 L30.512652,10.1030097 L29.1432286,13.7386471 L27.7798645,10.1030097 L26.9921431,10.1030097 Z M32.2577579,10.1030097 L32.2577579,14.4294182 L35.2632181,14.4294182 L35.2632181,13.9446666 L32.8334005,13.9446666 L32.8334005,12.4479958 L35.0814363,12.4479958 L35.0814363,11.9632442 L32.8334005,11.9632442 L32.8334005,10.5877614 L35.2450399,10.5877614 L35.2450399,10.1030097 L32.2577579,10.1030097 Z M38.8564397,10 L37.068918,14.5263685 L37.5051945,14.5263685 L39.2987756,10 L38.8564397,10 Z M41.3407919,10.1030097 L41.3407919,14.4294182 L41.8861375,14.4294182 L41.8861375,10.9573845 L41.8982563,10.9573845 L44.1584109,14.4294182 L44.7885881,14.4294182 L44.7885881,10.1030097 L44.2432424,10.1030097 L44.2432424,13.6113998 L44.2311237,13.6113998 L41.9527909,10.1030097 L41.3407919,10.1030097 Z M46.4670406,12.6418965 L47.2002275,10.6241177 L47.2123463,10.6241177 L47.9334144,12.6418965 L46.4670406,12.6418965 Z M46.8972577,10.1030097 L45.2127457,14.4294182 L45.8005071,14.4294182 L46.2852588,13.1266481 L48.1151962,13.1266481 L48.5878291,14.4294182 L49.2240656,14.4294182 L47.5334943,10.1030097 L46.8972577,10.1030097 Z M51.3509135,14.4294182 L52.89,10.1030097 L52.2901198,10.1030097 L51.0418843,13.8537756 L51.0297655,13.8537756 L49.7936488,10.1030097 L49.1755905,10.1030097 L50.6964988,14.4294182 L51.3509135,14.4294182 Z" id="HOME-/-NAV" fill="#FFFFFF" mask="url(#mask-3)"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.7 KiB

View File

@@ -0,0 +1,28 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="51px" viewBox="0 0 70 51" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
<title>category-title-featured</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="category-title-featured" transform="translate(0.000000, 0.855750)">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<rect id="Rectangle-502" fill="#3498DB" opacity="0.2" mask="url(#mask-3)" x="6" y="26" width="76" height="54"></rect>
<rect id="Rectangle-502" fill="#3498DB" mask="url(#mask-3)" x="0" y="-2" width="70" height="23"></rect>
<path d="M7,9.10300973 L7,13.4294182 L7.57564258,13.4294182 L7.57564258,11.4479958 L9.85397534,11.4479958 L9.85397534,13.4294182 L10.4296179,13.4294182 L10.4296179,9.10300973 L9.85397534,9.10300973 L9.85397534,10.9632442 L7.57564258,10.9632442 L7.57564258,9.10300973 L7,9.10300973 Z M11.7081504,11.266214 C11.7081504,11.0480746 11.7364273,10.8329682 11.7929819,10.6208883 C11.8495366,10.4088084 11.9384068,10.2179394 12.0595953,10.0482754 C12.1807839,9.87861152 12.3363068,9.74227648 12.5261688,9.63926624 C12.7160308,9.536256 12.942246,9.48475165 13.2048211,9.48475165 C13.4673962,9.48475165 13.6936114,9.536256 13.8834734,9.63926624 C14.0733354,9.74227648 14.2288584,9.87861152 14.3500469,10.0482754 C14.4712354,10.2179394 14.5601057,10.4088084 14.6166603,10.6208883 C14.6732149,10.8329682 14.7014918,11.0480746 14.7014918,11.266214 C14.7014918,11.4843533 14.6732149,11.6994597 14.6166603,11.9115396 C14.5601057,12.1236195 14.4712354,12.3144886 14.3500469,12.4841525 C14.2288584,12.6538164 14.0733354,12.7901514 13.8834734,12.8931617 C13.6936114,12.9961719 13.4673962,13.0476763 13.2048211,13.0476763 C12.942246,13.0476763 12.7160308,12.9961719 12.5261688,12.8931617 C12.3363068,12.7901514 12.1807839,12.6538164 12.0595953,12.4841525 C11.9384068,12.3144886 11.8495366,12.1236195 11.7929819,11.9115396 C11.7364273,11.6994597 11.7081504,11.4843533 11.7081504,11.266214 L11.7081504,11.266214 Z M11.1325078,11.266214 C11.1325078,11.561106 11.175933,11.8448849 11.2627848,12.117559 C11.3496366,12.3902332 11.4799123,12.6315967 11.6536158,12.8416568 C11.8273194,13.0517169 12.0434357,13.2183486 12.3019712,13.341557 C12.5605067,13.4647653 12.8614536,13.5263685 13.2048211,13.5263685 C13.5481886,13.5263685 13.8491356,13.4647653 14.1076711,13.341557 C14.3662066,13.2183486 14.5823229,13.0517169 14.7560264,12.8416568 C14.9297299,12.6315967 15.0600056,12.3902332 15.1468574,12.117559 C15.2337092,11.8448849 15.2771344,11.561106 15.2771344,11.266214 C15.2771344,10.9713219 15.2337092,10.687543 15.1468574,10.4148689 C15.0600056,10.1421947 14.9297299,9.9008312 14.7560264,9.6907711 C14.5823229,9.480711 14.3662066,9.3130694 14.1076711,9.18784126 C13.8491356,9.06261313 13.5481886,9 13.2048211,9 C12.8614536,9 12.5605067,9.06261313 12.3019712,9.18784126 C12.0434357,9.3130694 11.8273194,9.480711 11.6536158,9.6907711 C11.4799123,9.9008312 11.3496366,10.1421947 11.2627848,10.4148689 C11.175933,10.687543 11.1325078,10.9713219 11.1325078,11.266214 L11.1325078,11.266214 Z M15.9921431,9.10300973 L15.9921431,13.4294182 L16.5374887,13.4294182 L16.5374887,9.8301372 L16.5496075,9.8301372 L17.9008527,13.4294182 L18.3916638,13.4294182 L19.742909,9.8301372 L19.7550278,9.8301372 L19.7550278,13.4294182 L20.3003734,13.4294182 L20.3003734,9.10300973 L19.512652,9.10300973 L18.1432286,12.7386471 L16.7798645,9.10300973 L15.9921431,9.10300973 Z M21.2577579,9.10300973 L21.2577579,13.4294182 L24.2632181,13.4294182 L24.2632181,12.9446666 L21.8334005,12.9446666 L21.8334005,11.4479958 L24.0814363,11.4479958 L24.0814363,10.9632442 L21.8334005,10.9632442 L21.8334005,9.58776138 L24.2450399,9.58776138 L24.2450399,9.10300973 L21.2577579,9.10300973 Z M27.8564397,9 L26.068918,13.5263685 L26.5051945,13.5263685 L28.2987756,9 L27.8564397,9 Z M30.3407919,9.10300973 L30.3407919,13.4294182 L30.8861375,13.4294182 L30.8861375,9.95738451 L30.8982563,9.95738451 L33.1584109,13.4294182 L33.7885881,13.4294182 L33.7885881,9.10300973 L33.2432424,9.10300973 L33.2432424,12.6113998 L33.2311237,12.6113998 L30.9527909,9.10300973 L30.3407919,9.10300973 Z M35.4670406,11.6418965 L36.2002275,9.62411775 L36.2123463,9.62411775 L36.9334144,11.6418965 L35.4670406,11.6418965 Z M35.8972577,9.10300973 L34.2127457,13.4294182 L34.8005071,13.4294182 L35.2852588,12.1266481 L37.1151962,12.1266481 L37.5878291,13.4294182 L38.2240656,13.4294182 L36.5334943,9.10300973 L35.8972577,9.10300973 Z M40.3509135,13.4294182 L41.89,9.10300973 L41.2901198,9.10300973 L40.0418843,12.8537756 L40.0297655,12.8537756 L38.7936488,9.10300973 L38.1755905,9.10300973 L39.6964988,13.4294182 L40.3509135,13.4294182 Z" id="HOME-/-NAV" fill="#FFFFFF" mask="url(#mask-3)"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.6 KiB

View File

@@ -0,0 +1,29 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="51px" viewBox="0 0 70 51" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
<title>category-title-push</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="category-title-push" transform="translate(0.000000, 0.767750)">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<rect id="Rectangle-502" fill="#3498DB" mask="url(#mask-3)" x="0" y="-2" width="70" height="35"></rect>
<rect id="Rectangle-502" fill="#FFFFFF" mask="url(#mask-3)" x="8" y="19" width="76" height="54"></rect>
<rect id="Rectangle-502" fill="#3498DB" opacity="0.2" mask="url(#mask-3)" x="11" y="22" width="76" height="54"></rect>
<path d="M9,9.10300973 L9,13.4294182 L9.57564258,13.4294182 L9.57564258,11.4479958 L11.8539753,11.4479958 L11.8539753,13.4294182 L12.4296179,13.4294182 L12.4296179,9.10300973 L11.8539753,9.10300973 L11.8539753,10.9632442 L9.57564258,10.9632442 L9.57564258,9.10300973 L9,9.10300973 Z M13.7081504,11.266214 C13.7081504,11.0480746 13.7364273,10.8329682 13.7929819,10.6208883 C13.8495366,10.4088084 13.9384068,10.2179394 14.0595953,10.0482754 C14.1807839,9.87861152 14.3363068,9.74227648 14.5261688,9.63926624 C14.7160308,9.536256 14.942246,9.48475165 15.2048211,9.48475165 C15.4673962,9.48475165 15.6936114,9.536256 15.8834734,9.63926624 C16.0733354,9.74227648 16.2288584,9.87861152 16.3500469,10.0482754 C16.4712354,10.2179394 16.5601057,10.4088084 16.6166603,10.6208883 C16.6732149,10.8329682 16.7014918,11.0480746 16.7014918,11.266214 C16.7014918,11.4843533 16.6732149,11.6994597 16.6166603,11.9115396 C16.5601057,12.1236195 16.4712354,12.3144886 16.3500469,12.4841525 C16.2288584,12.6538164 16.0733354,12.7901514 15.8834734,12.8931617 C15.6936114,12.9961719 15.4673962,13.0476763 15.2048211,13.0476763 C14.942246,13.0476763 14.7160308,12.9961719 14.5261688,12.8931617 C14.3363068,12.7901514 14.1807839,12.6538164 14.0595953,12.4841525 C13.9384068,12.3144886 13.8495366,12.1236195 13.7929819,11.9115396 C13.7364273,11.6994597 13.7081504,11.4843533 13.7081504,11.266214 L13.7081504,11.266214 Z M13.1325078,11.266214 C13.1325078,11.561106 13.175933,11.8448849 13.2627848,12.117559 C13.3496366,12.3902332 13.4799123,12.6315967 13.6536158,12.8416568 C13.8273194,13.0517169 14.0434357,13.2183486 14.3019712,13.341557 C14.5605067,13.4647653 14.8614536,13.5263685 15.2048211,13.5263685 C15.5481886,13.5263685 15.8491356,13.4647653 16.1076711,13.341557 C16.3662066,13.2183486 16.5823229,13.0517169 16.7560264,12.8416568 C16.9297299,12.6315967 17.0600056,12.3902332 17.1468574,12.117559 C17.2337092,11.8448849 17.2771344,11.561106 17.2771344,11.266214 C17.2771344,10.9713219 17.2337092,10.687543 17.1468574,10.4148689 C17.0600056,10.1421947 16.9297299,9.9008312 16.7560264,9.6907711 C16.5823229,9.480711 16.3662066,9.3130694 16.1076711,9.18784126 C15.8491356,9.06261313 15.5481886,9 15.2048211,9 C14.8614536,9 14.5605067,9.06261313 14.3019712,9.18784126 C14.0434357,9.3130694 13.8273194,9.480711 13.6536158,9.6907711 C13.4799123,9.9008312 13.3496366,10.1421947 13.2627848,10.4148689 C13.175933,10.687543 13.1325078,10.9713219 13.1325078,11.266214 L13.1325078,11.266214 Z M17.9921431,9.10300973 L17.9921431,13.4294182 L18.5374887,13.4294182 L18.5374887,9.8301372 L18.5496075,9.8301372 L19.9008527,13.4294182 L20.3916638,13.4294182 L21.742909,9.8301372 L21.7550278,9.8301372 L21.7550278,13.4294182 L22.3003734,13.4294182 L22.3003734,9.10300973 L21.512652,9.10300973 L20.1432286,12.7386471 L18.7798645,9.10300973 L17.9921431,9.10300973 Z M23.2577579,9.10300973 L23.2577579,13.4294182 L26.2632181,13.4294182 L26.2632181,12.9446666 L23.8334005,12.9446666 L23.8334005,11.4479958 L26.0814363,11.4479958 L26.0814363,10.9632442 L23.8334005,10.9632442 L23.8334005,9.58776138 L26.2450399,9.58776138 L26.2450399,9.10300973 L23.2577579,9.10300973 Z M29.8564397,9 L28.068918,13.5263685 L28.5051945,13.5263685 L30.2987756,9 L29.8564397,9 Z M32.3407919,9.10300973 L32.3407919,13.4294182 L32.8861375,13.4294182 L32.8861375,9.95738451 L32.8982563,9.95738451 L35.1584109,13.4294182 L35.7885881,13.4294182 L35.7885881,9.10300973 L35.2432424,9.10300973 L35.2432424,12.6113998 L35.2311237,12.6113998 L32.9527909,9.10300973 L32.3407919,9.10300973 Z M37.4670406,11.6418965 L38.2002275,9.62411775 L38.2123463,9.62411775 L38.9334144,11.6418965 L37.4670406,11.6418965 Z M37.8972577,9.10300973 L36.2127457,13.4294182 L36.8005071,13.4294182 L37.2852588,12.1266481 L39.1151962,12.1266481 L39.5878291,13.4294182 L40.2240656,13.4294182 L38.5334943,9.10300973 L37.8972577,9.10300973 Z M42.3509135,13.4294182 L43.89,9.10300973 L43.2901198,9.10300973 L42.0418843,12.8537756 L42.0297655,12.8537756 L40.7936488,9.10300973 L40.1755905,9.10300973 L41.6964988,13.4294182 L42.3509135,13.4294182 Z" id="HOME-/-NAV" fill="#FFFFFF" mask="url(#mask-3)"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.7 KiB

View File

@@ -0,0 +1,28 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="51px" viewBox="0 0 70 51" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
<title>category-title-title</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="category-title-title" transform="translate(0.000000, 0.767750)">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<path d="M8.505,7.18 L8.505,13 L10.075,13 L10.075,7.18 L12.215,7.18 L12.215,5.86 L6.365,5.86 L6.365,7.18 L8.505,7.18 Z M14.345,7.03 L14.345,5.86 L12.925,5.86 L12.925,7.03 L14.345,7.03 Z M12.925,7.83 L12.925,13 L14.345,13 L14.345,7.83 L12.925,7.83 Z M17.265,7.83 L17.265,6.28 L15.845,6.28 L15.845,7.83 L14.985,7.83 L14.985,8.78 L15.845,8.78 L15.845,11.83 C15.845,12.0900013 15.8883329,12.2999992 15.975,12.46 C16.0616671,12.6200008 16.1799993,12.7433329 16.33,12.83 C16.4800008,12.9166671 16.6533324,12.9749998 16.85,13.005 C17.0466677,13.0350001 17.2549989,13.05 17.475,13.05 C17.6150007,13.05 17.7583326,13.0466667 17.905,13.04 C18.0516674,13.0333333 18.1849994,13.0200001 18.305,13 L18.305,11.9 C18.238333,11.9133334 18.1683337,11.9233333 18.095,11.93 C18.0216663,11.9366667 17.9450004,11.94 17.865,11.94 C17.6249988,11.94 17.4650004,11.9000004 17.385,11.82 C17.3049996,11.7399996 17.265,11.5800012 17.265,11.34 L17.265,8.78 L18.305,8.78 L18.305,7.83 L17.265,7.83 Z M19.025,5.86 L19.025,13 L20.445,13 L20.445,5.86 L19.025,5.86 Z M25.045,9.86 L22.735,9.86 C22.7416667,9.7599995 22.7633332,9.6466673 22.8,9.52 C22.8366669,9.3933327 22.8999996,9.2733339 22.99,9.16 C23.0800005,9.0466661 23.1999993,8.95166705 23.35,8.875 C23.5000008,8.79833295 23.6883322,8.76 23.915,8.76 C24.2616684,8.76 24.5199992,8.8533324 24.69,9.04 C24.8600009,9.2266676 24.978333,9.4999982 25.045,9.86 L25.045,9.86 Z M22.735,10.76 L26.465,10.76 C26.4916668,10.359998 26.4583338,9.9766685 26.365,9.61 C26.2716662,9.2433315 26.1200011,8.9166681 25.91,8.63 C25.699999,8.3433319 25.4316683,8.11500085 25.105,7.945 C24.7783317,7.77499915 24.3950022,7.69 23.955,7.69 C23.5616647,7.69 23.203335,7.7599993 22.88,7.9 C22.5566651,8.0400007 22.2783345,8.23166545 22.045,8.475 C21.8116655,8.71833455 21.6316673,9.006665 21.505,9.34 C21.3783327,9.673335 21.315,10.0333314 21.315,10.42 C21.315,10.820002 21.3766661,11.186665 21.5,11.52 C21.623334,11.853335 21.7983322,12.1399988 22.025,12.38 C22.2516678,12.6200012 22.5283317,12.8049993 22.855,12.935 C23.1816683,13.0650006 23.5483313,13.13 23.955,13.13 C24.5416696,13.13 25.0416646,12.996668 25.455,12.73 C25.8683354,12.463332 26.174999,12.0200031 26.375,11.4 L25.125,11.4 C25.0783331,11.5600008 24.9516677,11.7116659 24.745,11.855 C24.5383323,11.998334 24.2916681,12.07 24.005,12.07 C23.604998,12.07 23.2983344,11.9666677 23.085,11.76 C22.8716656,11.5533323 22.7550001,11.2200023 22.735,10.76 L22.735,10.76 Z" id="Title" fill="#3498DB" mask="url(#mask-3)"></path>
<rect id="Rectangle-502" fill="#3498DB" opacity="0.2" mask="url(#mask-3)" x="6" y="26" width="76" height="54"></rect>
<path d="M7,17.1030097 L7,21.4294182 L7.57564258,21.4294182 L7.57564258,19.4479958 L9.85397534,19.4479958 L9.85397534,21.4294182 L10.4296179,21.4294182 L10.4296179,17.1030097 L9.85397534,17.1030097 L9.85397534,18.9632442 L7.57564258,18.9632442 L7.57564258,17.1030097 L7,17.1030097 Z M11.7081504,19.266214 C11.7081504,19.0480746 11.7364273,18.8329682 11.7929819,18.6208883 C11.8495366,18.4088084 11.9384068,18.2179394 12.0595953,18.0482754 C12.1807839,17.8786115 12.3363068,17.7422765 12.5261688,17.6392662 C12.7160308,17.536256 12.942246,17.4847516 13.2048211,17.4847516 C13.4673962,17.4847516 13.6936114,17.536256 13.8834734,17.6392662 C14.0733354,17.7422765 14.2288584,17.8786115 14.3500469,18.0482754 C14.4712354,18.2179394 14.5601057,18.4088084 14.6166603,18.6208883 C14.6732149,18.8329682 14.7014918,19.0480746 14.7014918,19.266214 C14.7014918,19.4843533 14.6732149,19.6994597 14.6166603,19.9115396 C14.5601057,20.1236195 14.4712354,20.3144886 14.3500469,20.4841525 C14.2288584,20.6538164 14.0733354,20.7901514 13.8834734,20.8931617 C13.6936114,20.9961719 13.4673962,21.0476763 13.2048211,21.0476763 C12.942246,21.0476763 12.7160308,20.9961719 12.5261688,20.8931617 C12.3363068,20.7901514 12.1807839,20.6538164 12.0595953,20.4841525 C11.9384068,20.3144886 11.8495366,20.1236195 11.7929819,19.9115396 C11.7364273,19.6994597 11.7081504,19.4843533 11.7081504,19.266214 L11.7081504,19.266214 Z M11.1325078,19.266214 C11.1325078,19.561106 11.175933,19.8448849 11.2627848,20.117559 C11.3496366,20.3902332 11.4799123,20.6315967 11.6536158,20.8416568 C11.8273194,21.0517169 12.0434357,21.2183486 12.3019712,21.341557 C12.5605067,21.4647653 12.8614536,21.5263685 13.2048211,21.5263685 C13.5481886,21.5263685 13.8491356,21.4647653 14.1076711,21.341557 C14.3662066,21.2183486 14.5823229,21.0517169 14.7560264,20.8416568 C14.9297299,20.6315967 15.0600056,20.3902332 15.1468574,20.117559 C15.2337092,19.8448849 15.2771344,19.561106 15.2771344,19.266214 C15.2771344,18.9713219 15.2337092,18.687543 15.1468574,18.4148689 C15.0600056,18.1421947 14.9297299,17.9008312 14.7560264,17.6907711 C14.5823229,17.480711 14.3662066,17.3130694 14.1076711,17.1878413 C13.8491356,17.0626131 13.5481886,17 13.2048211,17 C12.8614536,17 12.5605067,17.0626131 12.3019712,17.1878413 C12.0434357,17.3130694 11.8273194,17.480711 11.6536158,17.6907711 C11.4799123,17.9008312 11.3496366,18.1421947 11.2627848,18.4148689 C11.175933,18.687543 11.1325078,18.9713219 11.1325078,19.266214 L11.1325078,19.266214 Z M15.9921431,17.1030097 L15.9921431,21.4294182 L16.5374887,21.4294182 L16.5374887,17.8301372 L16.5496075,17.8301372 L17.9008527,21.4294182 L18.3916638,21.4294182 L19.742909,17.8301372 L19.7550278,17.8301372 L19.7550278,21.4294182 L20.3003734,21.4294182 L20.3003734,17.1030097 L19.512652,17.1030097 L18.1432286,20.7386471 L16.7798645,17.1030097 L15.9921431,17.1030097 Z M21.2577579,17.1030097 L21.2577579,21.4294182 L24.2632181,21.4294182 L24.2632181,20.9446666 L21.8334005,20.9446666 L21.8334005,19.4479958 L24.0814363,19.4479958 L24.0814363,18.9632442 L21.8334005,18.9632442 L21.8334005,17.5877614 L24.2450399,17.5877614 L24.2450399,17.1030097 L21.2577579,17.1030097 Z M27.8564397,17 L26.068918,21.5263685 L26.5051945,21.5263685 L28.2987756,17 L27.8564397,17 Z M30.3407919,17.1030097 L30.3407919,21.4294182 L30.8861375,21.4294182 L30.8861375,17.9573845 L30.8982563,17.9573845 L33.1584109,21.4294182 L33.7885881,21.4294182 L33.7885881,17.1030097 L33.2432424,17.1030097 L33.2432424,20.6113998 L33.2311237,20.6113998 L30.9527909,17.1030097 L30.3407919,17.1030097 Z M35.4670406,19.6418965 L36.2002275,17.6241177 L36.2123463,17.6241177 L36.9334144,19.6418965 L35.4670406,19.6418965 Z M35.8972577,17.1030097 L34.2127457,21.4294182 L34.8005071,21.4294182 L35.2852588,20.1266481 L37.1151962,20.1266481 L37.5878291,21.4294182 L38.2240656,21.4294182 L36.5334943,17.1030097 L35.8972577,17.1030097 Z M40.3509135,21.4294182 L41.89,17.1030097 L41.2901198,17.1030097 L40.0418843,20.8537756 L40.0297655,20.8537756 L38.7936488,17.1030097 L38.1755905,17.1030097 L39.6964988,21.4294182 L40.3509135,21.4294182 Z" id="HOME-/-NAV" fill="#3498DB" mask="url(#mask-3)"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 7.9 KiB

View File

@@ -0,0 +1,27 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="51px" viewBox="0 0 70 51" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
<title>category-title</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="category-title" transform="translate(0.000000, 0.855750)">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<rect id="Rectangle-502" fill="#3498DB" opacity="0.2" mask="url(#mask-3)" x="6" y="16" width="76" height="54"></rect>
<path d="M6.11,6.73664119 L6.11,11.0630497 L6.68564258,11.0630497 L6.68564258,9.0816273 L8.96397534,9.0816273 L8.96397534,11.0630497 L9.53961792,11.0630497 L9.53961792,6.73664119 L8.96397534,6.73664119 L8.96397534,8.59687565 L6.68564258,8.59687565 L6.68564258,6.73664119 L6.11,6.73664119 Z M10.8181504,8.89984543 C10.8181504,8.6817061 10.8464273,8.46659971 10.9029819,8.2545198 C10.9595366,8.04243989 11.0484068,7.85157084 11.1695953,7.68190691 C11.2907839,7.51224299 11.4463068,7.37590795 11.6361688,7.27289771 C11.8260308,7.16988747 12.052246,7.11838312 12.3148211,7.11838312 C12.5773962,7.11838312 12.8036114,7.16988747 12.9934734,7.27289771 C13.1833354,7.37590795 13.3388584,7.51224299 13.4600469,7.68190691 C13.5812354,7.85157084 13.6701057,8.04243989 13.7266603,8.2545198 C13.7832149,8.46659971 13.8114918,8.6817061 13.8114918,8.89984543 C13.8114918,9.11798477 13.7832149,9.33309116 13.7266603,9.54517107 C13.6701057,9.75725097 13.5812354,9.94812003 13.4600469,10.117784 C13.3388584,10.2874479 13.1833354,10.4237829 12.9934734,10.5267932 C12.8036114,10.6298034 12.5773962,10.6813077 12.3148211,10.6813077 C12.052246,10.6813077 11.8260308,10.6298034 11.6361688,10.5267932 C11.4463068,10.4237829 11.2907839,10.2874479 11.1695953,10.117784 C11.0484068,9.94812003 10.9595366,9.75725097 10.9029819,9.54517107 C10.8464273,9.33309116 10.8181504,9.11798477 10.8181504,8.89984543 L10.8181504,8.89984543 Z M10.2425078,8.89984543 C10.2425078,9.19473749 10.285933,9.47851635 10.3727848,9.75119052 C10.4596366,10.0238647 10.5899123,10.2652282 10.7636158,10.4752883 C10.9373194,10.6853484 11.1534357,10.8519801 11.4119712,10.9751884 C11.6705067,11.0983968 11.9714536,11.16 12.3148211,11.16 C12.6581886,11.16 12.9591356,11.0983968 13.2176711,10.9751884 C13.4762066,10.8519801 13.6923229,10.6853484 13.8660264,10.4752883 C14.0397299,10.2652282 14.1700056,10.0238647 14.2568574,9.75119052 C14.3437092,9.47851635 14.3871344,9.19473749 14.3871344,8.89984543 C14.3871344,8.60495337 14.3437092,8.32117451 14.2568574,8.04850035 C14.1700056,7.77582618 14.0397299,7.53446267 13.8660264,7.32440257 C13.6923229,7.11434247 13.4762066,6.94670087 13.2176711,6.82147273 C12.9591356,6.6962446 12.6581886,6.63363147 12.3148211,6.63363147 C11.9714536,6.63363147 11.6705067,6.6962446 11.4119712,6.82147273 C11.1534357,6.94670087 10.9373194,7.11434247 10.7636158,7.32440257 C10.5899123,7.53446267 10.4596366,7.77582618 10.3727848,8.04850035 C10.285933,8.32117451 10.2425078,8.60495337 10.2425078,8.89984543 L10.2425078,8.89984543 Z M15.1021431,6.73664119 L15.1021431,11.0630497 L15.6474887,11.0630497 L15.6474887,7.46376867 L15.6596075,7.46376867 L17.0108527,11.0630497 L17.5016638,11.0630497 L18.852909,7.46376867 L18.8650278,7.46376867 L18.8650278,11.0630497 L19.4103734,11.0630497 L19.4103734,6.73664119 L18.622652,6.73664119 L17.2532286,10.3722786 L15.8898645,6.73664119 L15.1021431,6.73664119 Z M20.3677579,6.73664119 L20.3677579,11.0630497 L23.3732181,11.0630497 L23.3732181,10.578298 L20.9434005,10.578298 L20.9434005,9.0816273 L23.1914363,9.0816273 L23.1914363,8.59687565 L20.9434005,8.59687565 L20.9434005,7.22139284 L23.3550399,7.22139284 L23.3550399,6.73664119 L20.3677579,6.73664119 Z M26.9664397,6.63363147 L25.178918,11.16 L25.6151945,11.16 L27.4087756,6.63363147 L26.9664397,6.63363147 Z M29.4507919,6.73664119 L29.4507919,11.0630497 L29.9961375,11.0630497 L29.9961375,7.59101598 L30.0082563,7.59101598 L32.2684109,11.0630497 L32.8985881,11.0630497 L32.8985881,6.73664119 L32.3532424,6.73664119 L32.3532424,10.2450313 L32.3411237,10.2450313 L30.0627909,6.73664119 L29.4507919,6.73664119 Z M34.5770406,9.27552796 L35.3102275,7.25774922 L35.3223463,7.25774922 L36.0434144,9.27552796 L34.5770406,9.27552796 Z M35.0072577,6.73664119 L33.3227457,11.0630497 L33.9105071,11.0630497 L34.3952588,9.76027961 L36.2251962,9.76027961 L36.6978291,11.0630497 L37.3340656,11.0630497 L35.6434943,6.73664119 L35.0072577,6.73664119 Z M39.4609135,11.0630497 L41,6.73664119 L40.4001198,6.73664119 L39.1518843,10.4874071 L39.1397655,10.4874071 L37.9036488,6.73664119 L37.2855905,6.73664119 L38.8064988,11.0630497 L39.4609135,11.0630497 Z" id="HOME-/-NAV" fill="#3498DB" mask="url(#mask-3)"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.5 KiB

View File

@@ -0,0 +1,35 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="72px" height="52px" viewBox="0 0 72 52" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.7.1 (28215) - http://www.bohemiancoding.com/sketch -->
<title>container</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-3" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="-1" y="-1" width="72" height="52">
<rect x="-1" y="-1" width="72" height="52" fill="white"></rect>
<use xlink:href="#path-1" fill="black"></use>
</mask>
<rect id="path-4" x="15" y="0" width="41" height="50"></rect>
<mask id="mask-5" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="-1" y="-1" width="43" height="52">
<rect x="14" y="-1" width="43" height="52" fill="white"></rect>
<use xlink:href="#path-4" fill="black"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="container" transform="translate(1.000000, 1.000000)">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Rectangle-1-Copy-4">
<use fill-opacity="0.01" fill="#00A0D2" fill-rule="evenodd" xlink:href="#path-1"></use>
<use stroke="#3498DB" mask="url(#mask-3)" stroke-width="2" xlink:href="#path-1"></use>
</g>
<g id="Rectangle-5" mask="url(#mask-2)">
<use fill-opacity="0.127858922" fill="#3498DB" fill-rule="evenodd" xlink:href="#path-4"></use>
<use stroke="#3498DB" mask="url(#mask-5)" stroke-width="2" xlink:href="#path-4"></use>
</g>
<polygon id="Triangle-1-Copy-3" fill="#3498DB" mask="url(#mask-2)" points="11 23 11 28 6 25.5"></polygon>
<polygon id="Triangle-1-Copy-2" fill="#3498DB" mask="url(#mask-2)" points="65 23 65 28 60 25.5"></polygon>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@@ -0,0 +1,20 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="71px" height="50px" viewBox="0 0 71 50" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>disabled</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0.656488273" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="disabled" transform="translate(-0.250000, 0.000000)">
<g id="Rectangle-5-Copy-2-+-Shape-Copy" transform="translate(0.000000, 0.000000)">
<use id="Rectangle-5-Copy-2" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2" xlink:href="#path-1"></use>
<path d="M45.8147546,31.8712728 L45.8147546,31.8712728 L39.665353,25.7218712 L45.8147546,19.5724696 L45.8147546,19.5724696 C45.8812654,19.5059588 45.9287732,19.4286795 45.9598116,19.3463328 C46.0440586,19.1208294 45.9959174,18.8579533 45.8147546,18.6767904 L42.9098148,15.7718506 C42.728652,15.5906878 42.4651424,15.54318 42.2402724,15.6267937 C42.1579257,15.6571986 42.0806464,15.7053398 42.0141356,15.7712172 L42.0141356,15.7712172 L35.864734,21.9206187 L29.7153324,15.7712172 L29.7153324,15.7712172 C29.6488216,15.7053398 29.5715424,15.6571986 29.4891956,15.6267937 C29.2636922,15.5425466 29.0008161,15.5906878 28.8196532,15.7718506 L25.9147134,18.6767904 C25.7335506,18.8579533 25.6860429,19.1214628 25.7696565,19.3463328 C25.8006949,19.4286795 25.8482026,19.5059588 25.91408,19.5724696 L25.91408,19.5724696 L32.0634816,25.7218712 L25.91408,31.8712728 L25.91408,31.8712728 C25.8482026,31.9377836 25.8000614,32.0150628 25.769023,32.0974096 C25.684776,32.3222796 25.7329172,32.5857891 25.91408,32.766952 L28.8190198,35.6718918 C29.0001826,35.8530546 29.2636922,35.9005624 29.4885622,35.8169487 C29.5709089,35.7859103 29.6481882,35.7384026 29.714699,35.6718918 L29.714699,35.6718918 L35.8641006,29.5224902 L42.0135021,35.6718918 L42.0135021,35.6718918 C42.080013,35.7384026 42.1572922,35.7859103 42.239639,35.8169487 C42.4651424,35.9011958 42.7280185,35.8530546 42.9091814,35.6718918 L45.8141212,32.766952 C45.995284,32.5857891 46.0434252,32.3222796 45.9591781,32.0974096 C45.9281397,32.0150628 45.880632,31.9377836 45.8141212,31.8712728 L45.8147546,31.8712728 Z" id="Shape-Copy-10" fill="#3498DB"></path>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.7 KiB

View File

@@ -0,0 +1,36 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="72px" height="52px" viewBox="0 0 72 52" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>dropdown-style-1</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-3" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="-1" y="-1" width="72" height="52">
<rect x="-1" y="-1" width="72" height="52" fill="white"></rect>
<use xlink:href="#path-1" fill="black"></use>
</mask>
<rect id="path-4" x="-10" y="-4" width="86" height="62" rx="2"></rect>
<mask id="mask-5" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="86" height="62" fill="white">
<use xlink:href="#path-4"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="dropdown-style-1" transform="translate(1.000000, 1.000000)">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask">
<use fill-opacity="0.1" fill="#9CD6E8" fill-rule="evenodd" xlink:href="#path-1"></use>
<use stroke="#9BD6E8" mask="url(#mask-3)" stroke-width="2" xlink:href="#path-1"></use>
</g>
<g id="Rectangle-486" mask="url(#mask-2)" stroke-width="2" stroke="#9BD6E8" fill="#FFFFFF">
<use mask="url(#mask-5)" xlink:href="#path-4"></use>
</g>
<text id="Link" mask="url(#mask-2)" font-family="Lato-Regular, Lato" font-size="10" font-weight="normal" line-spacing="16" fill="#9BD6E8">
<tspan x="11" y="18">Link</tspan>
<tspan x="11" y="34">Link 2</tspan>
</text>
<path d="M2.5,32.5 L109.485979,32.5 C109.485979,32.5 647.135646,0.016046875 619.236556,0.016046875 C591.337466,0.016046875 868.287572,37.1237005 711.769676,45.3676094" id="Line" stroke-opacity="0.201002038" stroke="#9BD6E8" stroke-width="15" stroke-linecap="square" mask="url(#mask-2)"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@@ -0,0 +1,36 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="72px" height="52px" viewBox="0 0 72 52" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>dropdown-style-2</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-3" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="-1" y="-1" width="72" height="52">
<rect x="-1" y="-1" width="72" height="52" fill="white"></rect>
<use xlink:href="#path-1" fill="black"></use>
</mask>
<rect id="path-4" x="-8" y="-3" width="84" height="60" rx="3"></rect>
<mask id="mask-5" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="84" height="60" fill="white">
<use xlink:href="#path-4"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="dropdown-style-2" transform="translate(1.000000, 1.000000)">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask">
<use fill-opacity="0.1" fill="#9CD6E8" fill-rule="evenodd" xlink:href="#path-1"></use>
<use stroke="#9BD6E8" mask="url(#mask-3)" stroke-width="2" xlink:href="#path-1"></use>
</g>
<g id="Rectangle-486" mask="url(#mask-2)" stroke-width="2" stroke="#9BD6E8" fill="#FFFFFF">
<use mask="url(#mask-5)" xlink:href="#path-4"></use>
</g>
<path d="M14.5,24.5 L55.5,24.5" id="Line" stroke-opacity="0.318953804" stroke="#9BD6E8" stroke-linecap="square" mask="url(#mask-2)"></path>
<text id="Link" mask="url(#mask-2)" font-family="Lato-Regular, Lato" font-size="10" font-weight="normal" line-spacing="16">
<tspan x="14" y="18" fill="#9BD6E8">Link</tspan>
<tspan x="14" y="34" fill="#5BA4BB">Link 2</tspan>
</text>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@@ -0,0 +1,38 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="72px" height="52px" viewBox="0 0 72 52" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>dropdown-style-3</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-3" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="-1" y="-1" width="72" height="52">
<rect x="-1" y="-1" width="72" height="52" fill="white"></rect>
<use xlink:href="#path-1" fill="black"></use>
</mask>
<rect id="path-4" x="-10" y="-4" width="86" height="66" rx="2"></rect>
<mask id="mask-5" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="86" height="66" fill="white">
<use xlink:href="#path-4"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="dropdown-style-3" transform="translate(1.000000, 1.000000)">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask">
<use fill-opacity="0.1" fill="#9CD6E8" fill-rule="evenodd" xlink:href="#path-1"></use>
<use stroke="#9BD6E8" mask="url(#mask-3)" stroke-width="2" xlink:href="#path-1"></use>
</g>
<g id="Rectangle-486" mask="url(#mask-2)" stroke-width="2" stroke="#9BD6E8" fill="#FFFFFF">
<use mask="url(#mask-5)" xlink:href="#path-4"></use>
</g>
<path d="M11,28.9987856 C11,27.3426021 12.3517805,26 14.0004442,26 L53.9995558,26 C55.6566554,26 57,27.3422643 57,28.9987856 L57,36.0012144 C57,37.6573979 55.6482195,39 53.9995558,39 L14.0004442,39 C12.3433446,39 11,37.6577357 11,36.0012144 L11,28.9987856 Z" id="Rectangle-491" fill="#9BD6E8" mask="url(#mask-2)"></path>
<text id="Link" mask="url(#mask-2)" font-family="Lato-Regular, Lato" font-size="10" font-weight="normal" line-spacing="16" fill="#9BD6E8">
<tspan x="15" y="17">Link</tspan>
</text>
<text id="Link" mask="url(#mask-2)" font-family="Lato-Regular, Lato" font-size="10" font-weight="normal" line-spacing="16" fill="#FFFFFF">
<tspan x="16" y="34">Link</tspan>
</text>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="50px" viewBox="0 0 70 50" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>featured-posts-top</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<rect id="path-5" x="8" y="39" width="38" height="25"></rect>
<mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="38" height="25" fill="white">
<use xlink:href="#path-5"></use>
</mask>
<rect id="path-7" x="50" y="39" width="11" height="69"></rect>
<mask id="mask-8" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="11" height="69" fill="white">
<use xlink:href="#path-7"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="featured-posts-top">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<rect id="Rectangle-5-Copy-7" fill="#3498DB" mask="url(#mask-3)" x="8" y="9" width="53" height="27"></rect>
<g id="Rectangle-5-Copy-15" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#00A0D2" fill-opacity="0.01">
<use mask="url(#mask-6)" xlink:href="#path-5"></use>
</g>
<g id="Rectangle-5-Copy-16" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#00A0D2" fill-opacity="0.01">
<use mask="url(#mask-8)" xlink:href="#path-7"></use>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

View File

@@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="50px" viewBox="0 0 70 50" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>featured-posts</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="70" height="50" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<rect id="path-5" x="12" y="39" width="38" height="25"></rect>
<mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="38" height="25" fill="white">
<use xlink:href="#path-5"></use>
</mask>
<rect id="path-7" x="54" y="10" width="24" height="69"></rect>
<mask id="mask-8" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="24" height="69" fill="white">
<use xlink:href="#path-7"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="featured-posts">
<mask id="mask-3" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask" stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.01" fill="#00A0D2">
<use mask="url(#mask-4)" xlink:href="#path-1"></use>
</g>
<rect id="Rectangle-5-Copy-7" fill="#3498DB" mask="url(#mask-3)" x="12" y="10" width="38" height="25"></rect>
<g id="Rectangle-5-Copy-15" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#00A0D2" fill-opacity="0.01">
<use mask="url(#mask-6)" xlink:href="#path-5"></use>
</g>
<g id="Rectangle-5-Copy-16" mask="url(#mask-3)" stroke="#3498DB" stroke-width="2" fill="#00A0D2" fill-opacity="0.01">
<use mask="url(#mask-8)" xlink:href="#path-7"></use>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

View File

@@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="50" y="14" width="43" height="43" fill="#3498DB" fill-opacity="0.12" stroke="#3498DB"/>
<rect x="56" y="24" width="31" height="6" fill="#3498DB" fill-opacity="0.12" stroke="#3498DB"/>
<rect x="56" y="33" width="31" height="6" fill="#3498DB" fill-opacity="0.12" stroke="#3498DB"/>
<rect x="56" y="42" width="14" height="6" fill="#3498DB"/>
<rect x="7" y="14" width="43" height="43" fill="#3498DB" stroke="#3498DB"/>
<rect x="0.5" y="0.5" width="99" height="71" rx="4.5" stroke="#3498DB"/>
<text font-family="Lato-Regular, Lato" font-size="18" font-weight="normal" fill="#9A8F9A">
<tspan x="0" y="93">Left panel</tspan>
</text>
</svg>

After

Width:  |  Height:  |  Size: 838 B

View File

@@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="7" y="14" width="43" height="43" fill="#3498DB" fill-opacity="0.12" stroke="#3498DB"/>
<rect x="13" y="24" width="31" height="6" fill="#3498DB" fill-opacity="0.12" stroke="#3498DB"/>
<rect x="13" y="33" width="31" height="6" fill="#3498DB" fill-opacity="0.12" stroke="#3498DB"/>
<rect x="13" y="42" width="14" height="6" fill="#3498DB"/>
<rect x="50" y="14" width="43" height="43" fill="#3498DB" stroke="#3498DB"/>
<rect x="0.5" y="0.5" width="99" height="71" rx="4.5" stroke="#3498DB"/>
<text font-family="Lato-Regular, Lato" font-size="18" font-weight="normal" fill="#9A8F9A">
<tspan x="0" y="93">Right panel</tspan>
</text>
</svg>

After

Width:  |  Height:  |  Size: 838 B

View File

@@ -0,0 +1,15 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="7" y="14" width="43" height="43" fill="#3498DB" fill-opacity="0.12" stroke="#3498DB"/>
<rect x="13" y="24" width="31" height="6" fill="#3498DB" fill-opacity="0.12" stroke="#3498DB"/>
<rect x="13" y="33" width="31" height="6" fill="#3498DB" fill-opacity="0.12" stroke="#3498DB"/>
<rect x="13" y="42" width="14" height="6" fill="#3498DB"/>
<rect x="56" y="24" width="31" height="6" fill="#3498DB" fill-opacity="0.12" stroke="#3498DB"/>
<rect x="56" y="33" width="31" height="6" fill="#3498DB" fill-opacity="0.12" stroke="#3498DB"/>
<rect x="56" y="42" width="14" height="6" fill="#3498DB"/>
<rect x="50" y="14" width="43" height="43" fill="#3498DB" fill-opacity="0.12" stroke="#3498DB"/>
<rect x="0.5" y="0.5" width="99" height="71" rx="4.5" stroke="#3498DB"/>
<text font-family="Lato-Regular, Lato" font-size="18" font-weight="normal" fill="#9A8F9A">
<tspan x="0" y="93">Form</tspan>
</text>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@@ -0,0 +1,23 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="72px" height="52px" viewBox="0 0 72 52" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.7.1 (28215) - http://www.bohemiancoding.com/sketch -->
<title>full-width</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="70" height="50" rx="4"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="-1" y="-1" width="72" height="52">
<rect x="-1" y="-1" width="72" height="52" fill="white"></rect>
<use xlink:href="#path-1" fill="black"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="full-width" transform="translate(1.000000, 1.000000)">
<g id="Rectangle-5-Copy">
<use fill-opacity="0.127858922" fill="#3498DB" fill-rule="evenodd" xlink:href="#path-1"></use>
<use stroke="#3498DB" mask="url(#mask-2)" stroke-width="2" xlink:href="#path-1"></use>
</g>
<polygon id="Triangle-1" fill="#3498DB" points="12 23 12 28 7 25.5"></polygon>
<polygon id="Triangle-1-Copy" fill="#3498DB" points="63 23 63 28 58 25.5"></polygon>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@@ -0,0 +1,24 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="51px" height="50px" viewBox="0 0 51 50" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3.3 (12072) - http://www.bohemiancoding.com/sketch -->
<title>header-top</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="50" height="50" rx="4"></rect>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="header-top" sketch:type="MSLayerGroup" transform="translate(0.213250, 0.000000)">
<mask id="mask-2" sketch:name="Mask" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<use id="Mask" stroke="#9BD6E8" fill-opacity="0.1" fill="#9CD6E8" sketch:type="MSShapeGroup" xlink:href="#path-1"></use>
<rect id="Rectangle-45-Copy-17" stroke="#9BD6E8" fill-opacity="0.5" fill="#9CD6E8" sketch:type="MSShapeGroup" mask="url(#mask-2)" x="-16" y="-8.28450898" width="85" height="19.2206396"></rect>
<rect id="Rectangle-45-Copy-18" stroke="#9BD6E8" fill-opacity="0" fill="#9CD6E8" sketch:type="MSShapeGroup" mask="url(#mask-2)" x="-25.0909091" y="9.94193694" width="111.090909" height="28.8316171"></rect>
<rect id="Rectangle-45-Copy-16" fill-opacity="0.5" fill="#9CD6E8" sketch:type="MSShapeGroup" mask="url(#mask-2)" x="10.2032705" y="4.86064866" width="6.46358884" height="1.89857985"></rect>
<rect id="Rectangle-45-Copy-20" fill-opacity="0.5" fill="#9CD6E8" sketch:type="MSShapeGroup" mask="url(#mask-2)" x="18.644829" y="4.86064866" width="6.46358884" height="1.89857985"></rect>
<rect id="Rectangle-45-Copy-21" fill-opacity="0.5" fill="#9CD6E8" sketch:type="MSShapeGroup" mask="url(#mask-2)" x="26.2422316" y="4.86064866" width="6.46358884" height="1.89857985"></rect>
<rect id="Rectangle-45-Copy-22" fill-opacity="0.5" fill="#9CD6E8" sketch:type="MSShapeGroup" mask="url(#mask-2)" x="34.68379" y="4.86064866" width="6.46358884" height="1.89857985"></rect>
<rect id="Rectangle-45-Copy-19" stroke-opacity="0.732874774" stroke="#9BD6E8" fill-opacity="0" fill="#9CD6E8" sketch:type="MSShapeGroup" mask="url(#mask-2)" x="-16" y="37.7793604" width="75.0909091" height="19.2206396"></rect>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

Some files were not shown because too many files have changed in this diff Show More