mirror of
https://github.com/KevinMidboe/rohnenedre.git
synced 2026-02-14 21:39:18 +00:00
Initial commit. State 04.2021.
This commit is contained in:
@@ -0,0 +1,94 @@
|
||||
.et_google_font_options { display: none; background: #eee; height: 280px; overflow: auto; }
|
||||
.et_filter_text { position: relative; }
|
||||
.et_filter_text:before { content: ''; width: 0; height: 0; border-color: #ccc transparent; border-style: solid; border-width: 6px 6px 0; position: absolute; top: 18px; right: 8px; z-index: 1; }
|
||||
.et_google_font_options, .et_filter_text { background: #fff; border: 1px solid #dfdfdf; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
|
||||
.et_filter_text, .et_google_font_options li { display: block; padding: 5px 10px; text-indent: -9999px; background-repeat: no-repeat; height: 30px; background-image: url(images/all-fonts.png); margin-bottom: 0; }
|
||||
.et_gf_default_theme_font { background-position: 0 0; }
|
||||
.et_gf_abel { background-position: 0 -40px; }
|
||||
.et_gf_amatic_sc { background-position: 0 -80px; }
|
||||
.et_gf_arimo { background-position: 0 -120px; }
|
||||
.et_gf_arvo { background-position: 0 -160px; }
|
||||
.et_gf_bevan { background-position: 0 -200px; }
|
||||
.et_gf_bitter { background-position: 0 -240px; }
|
||||
.et_gf_black_ops_one { background-position: 0 -280px; }
|
||||
.et_gf_boogaloo { background-position: 0 -320px; }
|
||||
.et_gf_bree_serif { background-position: 0 -360px; }
|
||||
.et_gf_calligraffitti { background-position: 0 -400px; }
|
||||
.et_gf_cantata_one { background-position: 0 -440px; }
|
||||
.et_gf_cardo { background-position: 0 -480px; }
|
||||
.et_gf_changa_one { background-position: 0 -520px; }
|
||||
.et_gf_cherry_cream_soda { background-position: 0 -560px; }
|
||||
.et_gf_chewy { background-position: 0 -600px; }
|
||||
.et_gf_comfortaa { background-position: 0 -640px; }
|
||||
.et_gf_coming_soon { background-position: 0 -680px; }
|
||||
.et_gf_covered_by_your_grace { background-position: 0 -720px; }
|
||||
.et_gf_crafty_girls { background-position: 0 -760px; }
|
||||
.et_gf_crete_round { background-position: 0 -800px; }
|
||||
.et_gf_crimson_text { background-position: 0 -840px; }
|
||||
.et_gf_cuprum { background-position: 0 -880px; }
|
||||
.et_gf_dancing_script { background-position: 0 -920px; }
|
||||
.et_gf_dosis { background-position: 0 -960px; }
|
||||
.et_gf_droid_sans { background-position: 0 -1000px; }
|
||||
.et_gf_droid_serif { background-position: 0 -1040px; }
|
||||
.et_gf_francois_one { background-position: 0 -1080px; }
|
||||
.et_gf_fredoka_one { background-position: 0 -1120px; }
|
||||
.et_gf_the_girl_next_door { background-position: 0 -1160px; }
|
||||
.et_gf_gloria_hallelujah { background-position: 0 -1200px; }
|
||||
.et_gf_happy_monkey { background-position: 0 -1240px; }
|
||||
.et_gf_indie_flower { background-position: 0 -1280px; }
|
||||
.et_gf_josefin_slab { background-position: 0 -1320px; }
|
||||
.et_gf_judson { background-position: 0 -1360px; }
|
||||
.et_gf_kreon { background-position: 0 -1400px; }
|
||||
.et_gf_lato { background-position: 0 -1440px; }
|
||||
.et_gf_lato_light { background-position: 0 -1480px; }
|
||||
.et_gf_leckerli_one { background-position: 0 -1520px; }
|
||||
.et_gf_lobster { background-position: 0 -1560px; }
|
||||
.et_gf_lobster_two { background-position: 0 -1600px; }
|
||||
.et_gf_lora { background-position: 0 -1640px; }
|
||||
.et_gf_luckiest_guy { background-position: 0 -1680px; }
|
||||
.et_gf_merriweather { background-position: 0 -1720px; }
|
||||
.et_gf_metamorphous { background-position: 0 -1760px; }
|
||||
.et_gf_montserrat { background-position: 0 -1800px; }
|
||||
.et_gf_noticia_text { background-position: 0 -1840px; }
|
||||
.et_gf_nova_square { background-position: 0 -1880px; }
|
||||
.et_gf_nunito { background-position: 0 -1920px; }
|
||||
.et_gf_old_standard_tt { background-position: 0 -1960px; }
|
||||
.et_gf_open_sans { background-position: 0 -2000px; }
|
||||
.et_gf_open_sans_condensed { background-position: 0 -2040px; }
|
||||
.et_gf_open_sans_light { background-position: 0 -2080px; }
|
||||
.et_gf_oswald { background-position: 0 -2120px; }
|
||||
.et_gf_pacifico { background-position: 0 -2160px; }
|
||||
.et_gf_passion_one { background-position: 0 -2200px; }
|
||||
.et_gf_patrick_hand { background-position: 0 -2240px; }
|
||||
.et_gf_permanent_marker { background-position: 0 -2280px; }
|
||||
.et_gf_play { background-position: 0 -2320px; }
|
||||
.et_gf_playfair_display { background-position: 0 -2360px; }
|
||||
.et_gf_poiret_one { background-position: 0 -2400px; }
|
||||
.et_gf_pt_sans { background-position: 0 -2440px; }
|
||||
.et_gf_pt_sans_narrow { background-position: 0 -2480px; }
|
||||
.et_gf_pt_serif { background-position: 0 -2520px; }
|
||||
.et_gf_raleway { background-position: 0 -2560px; }
|
||||
.et_gf_raleway_light { background-position: 0 -2600px; }
|
||||
.et_gf_reenie_beanie { background-position: 0 -2640px; }
|
||||
.et_gf_righteous { background-position: 0 -2680px; }
|
||||
.et_gf_roboto { background-position: 0 -2720px; }
|
||||
.et_gf_roboto_condensed { background-position: 0 -2760px; }
|
||||
.et_gf_roboto_light { background-position: 0 -2800px; }
|
||||
.et_gf_rock_salt { background-position: 0 -2840px; }
|
||||
.et_gf_rokkitt { background-position: 0 -2880px; }
|
||||
.et_gf_sanchez { background-position: 0 -2920px; }
|
||||
.et_gf_satisfy { background-position: 0 -2960px; }
|
||||
.et_gf_schoolbell { background-position: 0 -3000px; }
|
||||
.et_gf_shadows_into_light { background-position: 0 -3040px; }
|
||||
.et_gf_source_sans_pro { background-position: 0 -3080px; }
|
||||
.et_gf_source_sans_pro_light { background-position: 0 -3120px; }
|
||||
.et_gf_special_elite { background-position: 0 -3160px; }
|
||||
.et_gf_squada_one { background-position: 0 -3200px; }
|
||||
.et_gf_tangerine { background-position: 0 -3240px; }
|
||||
.et_gf_ubuntu { background-position: 0 -3280px; }
|
||||
.et_gf_unkempt { background-position: 0 -3320px; }
|
||||
.et_gf_vollkorn { background-position: 0 -3360px; }
|
||||
.et_gf_walter_turncoat { background-position: 0 -3400px; }
|
||||
.et_gf_yanone_kaffeesatz { background-position: 0 -3440px; }
|
||||
|
||||
.et_google_font_active, .et_google_font_options li:hover { background-color: #effbff; }
|
||||
191
wp-content/themes/Divi/epanel/google-fonts/et_google_fonts.js
Normal file
191
wp-content/themes/Divi/epanel/google-fonts/et_google_fonts.js
Normal file
@@ -0,0 +1,191 @@
|
||||
(function($){
|
||||
var ET_Google_Fonts = function(element, options){
|
||||
this.element = element;
|
||||
this.custom_select_link = null;
|
||||
this.custom_dropdown = null;
|
||||
this.frontend_customizer = $('body').hasClass( 'et_frontend_customizer' ) ? true : false;
|
||||
|
||||
this.options = jQuery.extend({}, this.defaults, options);
|
||||
|
||||
this.create_dropdown();
|
||||
}
|
||||
|
||||
ET_Google_Fonts.prototype = {
|
||||
defaults: {
|
||||
apply_font_to : 'body',
|
||||
used_for : 'et_body_font'
|
||||
},
|
||||
|
||||
create_dropdown: function(){
|
||||
var $et_google_font_main_select = this.element,
|
||||
et_filter_options_html = '',
|
||||
$selected_option,
|
||||
$dropdown_selected_option,
|
||||
self = this;
|
||||
|
||||
$et_google_font_main_select.hide().addClass( 'et_google_font_main_select' );
|
||||
|
||||
$et_google_font_main_select.change( $.proxy( self.change_font, self ) );
|
||||
|
||||
$et_google_font_main_select.find( 'option' ).each( function() {
|
||||
var $this_option = $(this),
|
||||
selected = $(this).is( ':selected' ) ? ' class="et_google_font_active"' : '',
|
||||
data_parent = typeof $this_option.data( 'parent_font' ) !== 'undefined' && '' !== $this_option.data( 'parent_font' ) ? ' data-parent_font="' + $this_option.data( 'parent_font' ) + '"' : '';
|
||||
|
||||
et_filter_options_html += '<li class="' + self.fontname_to_class( $this_option.text() ) + '" data-value="' + $this_option.attr( 'value' ) + '"' + data_parent + selected +'>' + $this_option.text() + '</li>';
|
||||
} );
|
||||
|
||||
$et_google_font_main_select.after( '<a href="#" class="et_google_font_custom_select">' + '<span class="et_filter_text"></span>' + '</a>' + '<ul class="et_google_font_options">' + et_filter_options_html + '</ul>' );
|
||||
|
||||
this.custom_select_link = $et_google_font_main_select.next( '.et_google_font_custom_select' );
|
||||
|
||||
this.custom_dropdown = this.custom_select_link.next('.et_google_font_options');
|
||||
|
||||
$selected_option = $et_google_font_main_select.find( ':selected' );
|
||||
|
||||
if ( $selected_option.length ) {
|
||||
this.custom_select_link.find('.et_filter_text').text( $selected_option.text() );
|
||||
|
||||
$dropdown_selected_option = ( $selected_option.val() == 'none' ) ? this.custom_dropdown.find('li').eq(0) : this.custom_dropdown.find('li[data-value="' + $selected_option.text() + '"]');
|
||||
|
||||
this.custom_select_link.find('.et_filter_text').addClass( $dropdown_selected_option.attr('class') ).attr( 'data-gf-class', $dropdown_selected_option.attr('class') );
|
||||
|
||||
$dropdown_selected_option.addClass( 'et_google_font_active' );
|
||||
}
|
||||
|
||||
this.custom_select_link.click( $.proxy( self.open_dropdown, self ) );
|
||||
|
||||
this.custom_dropdown.find('li').click( $.proxy( self.select_option, self ) );
|
||||
},
|
||||
|
||||
open_dropdown: function(event) {
|
||||
var self = this,
|
||||
$this_link = $(event.target);
|
||||
|
||||
if ( self.custom_dropdown.hasClass( 'et_google_font_open' ) ) return false;
|
||||
|
||||
self.custom_dropdown.show().addClass( 'et_google_font_open' );
|
||||
|
||||
$this_link.hide();
|
||||
|
||||
return false;
|
||||
},
|
||||
|
||||
select_option: function(event) {
|
||||
var self = this,
|
||||
$this_option = $(event.target),
|
||||
this_option_value = $this_option.text(),
|
||||
$main_text = self.custom_select_link.find( '.et_filter_text' ),
|
||||
$main_select_active_element = self.element.find( 'option[value="' + this_option_value + '"]' ),
|
||||
main_text_gf_class = $main_text.attr( 'data-gf-class' );
|
||||
|
||||
if ( $this_option.hasClass( 'et_google_font_active' ) ) {
|
||||
self.close_dropdown();
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
$this_option.siblings().removeClass( 'et_google_font_active' );
|
||||
|
||||
$main_text.removeClass( main_text_gf_class ).addClass( $this_option.attr( 'class' ) ).attr( 'data-gf-class', $this_option.attr( 'class' ) );
|
||||
|
||||
$this_option.addClass('et_google_font_active');
|
||||
|
||||
self.close_dropdown();
|
||||
|
||||
if ( ! $main_select_active_element.length )
|
||||
self.element.val( 'none' ).trigger( 'change' );
|
||||
else
|
||||
self.element.val( this_option_value ).trigger( 'change' );
|
||||
|
||||
return false;
|
||||
},
|
||||
|
||||
close_dropdown: function() {
|
||||
this.custom_select_link.find( '.et_filter_text' ).show();
|
||||
this.custom_dropdown.hide().removeClass( 'et_google_font_open' );
|
||||
},
|
||||
|
||||
maybe_request_font: function( font_name, font_option ) {
|
||||
if ( font_option.val() === 'none' ) return;
|
||||
var font_styles = typeof font_option.data( 'parent_styles' ) !== 'undefined' && '' !== font_option.data( 'parent_styles' ) ? ':' + font_option.data( 'parent_styles' ) : '',
|
||||
subset = typeof font_option.data( 'parent_subset' ) !== 'undefined' && '' !== font_option.data( 'parent_subset' ) ? '&' + subset : '';
|
||||
|
||||
var $head = this.frontend_customizer ? $('head') : $( "#customize-preview iframe" ).contents().find('head');
|
||||
|
||||
if ( $head.find( 'link#' + this.fontname_to_class( font_name ) ).length ) return;
|
||||
|
||||
$head.append( '<link id="' + this.fontname_to_class( font_name ) + '" href="//fonts.googleapis.com/css?family=' + this.convert_to_google_font_name( font_name ) + font_styles + subset + '" rel="stylesheet" type="text/css" />' );
|
||||
},
|
||||
|
||||
apply_font: function( font_name, font_option ) {
|
||||
var $head = this.frontend_customizer ? $('head') : $( "#customize-preview iframe" ).contents().find('head'),
|
||||
font_weight = '';
|
||||
|
||||
$head.find( 'style.' + this.options.used_for ).remove();
|
||||
|
||||
if ( font_option.val() === 'none' )
|
||||
return;
|
||||
|
||||
font_weight = typeof font_option.data( 'parent_font' ) !== 'undefined' && '' !== font_option.data( 'parent_font' ) ? 'font-weight:' + font_option.data( 'current_styles' ) : '';
|
||||
|
||||
$head.append( '<style class="' + this.options.used_for + '">' + this.options.apply_font_to + ' { font-family: "' + font_name + '", sans-serif; ' + font_weight + ' } </style>' );
|
||||
},
|
||||
|
||||
change_font: function() {
|
||||
var self = this,
|
||||
$active_option = self.element.find('option:selected'),
|
||||
active_option_value = $active_option.val(),
|
||||
active_option_name = typeof $active_option.data( 'parent_font' ) !== 'undefined' && '' !== $active_option.data( 'parent_font' ) ? $active_option.data( 'parent_font' ) : $active_option.val(),
|
||||
$this_option = this.custom_dropdown.find('li[data-value="' + active_option_value + '"]'),
|
||||
$main_text = self.custom_select_link.find( '.et_filter_text' ),
|
||||
main_text_gf_class = $main_text.attr( 'data-gf-class' );
|
||||
|
||||
self.maybe_request_font( active_option_name, $active_option );
|
||||
self.apply_font( active_option_name, $active_option );
|
||||
|
||||
// set correct custom dropdown values on first load
|
||||
if ( this.custom_dropdown.find('li.et_google_font_active').data( 'value' ) !== active_option_value ) {
|
||||
this.custom_dropdown.find('li').removeClass( 'et_google_font_active' );
|
||||
$main_text.removeClass( main_text_gf_class ).addClass( $this_option.attr( 'class' ) ).attr( 'data-gf-class', $this_option.attr( 'class' ) );
|
||||
|
||||
$this_option.addClass('et_google_font_active');
|
||||
}
|
||||
},
|
||||
|
||||
convert_to_google_font_name: function( font_name ) {
|
||||
return font_name.replace(/ /g,'+');
|
||||
},
|
||||
|
||||
fontname_to_class: function( option_value ) {
|
||||
return 'et_gf_' + option_value.replace(/ /g,'_').toLowerCase();
|
||||
}
|
||||
}
|
||||
|
||||
$.fn.et_google_fonts = function(options){
|
||||
new ET_Google_Fonts(this, options)
|
||||
return this;
|
||||
};
|
||||
|
||||
$(document).ready( function() {
|
||||
var et_heading_font_option_name = '[heading_font]',
|
||||
et_body_font_option_name = '[body_font]',
|
||||
et_buttons_font_option_name = '[all_buttons_font]',
|
||||
et_secondary_nav_font_option_name = '[secondary_nav_font]',
|
||||
et_primary_nav_font_option_name = '[primary_nav_font]';
|
||||
|
||||
if ( typeof et_google_fonts !== 'undefined' && et_google_fonts.options_in_one_row == 0 ) {
|
||||
et_heading_font_option_name = '_heading_font';
|
||||
et_body_font_option_name = '_body_font';
|
||||
et_buttons_font_option_name = '_all_buttons_font';
|
||||
et_primary_nav_font_option_name = '_primary_nav_font';
|
||||
et_secondary_nav_font_option_nam = '_secondary_nav_font';
|
||||
}
|
||||
|
||||
$('select[data-customize-setting-link$="' + et_heading_font_option_name + '"]').et_google_fonts({apply_font_to : 'h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a', used_for : 'et_heading_font'});
|
||||
$('select[data-customize-setting-link$="' + et_body_font_option_name + '"]').et_google_fonts({apply_font_to : 'body', used_for : 'et_body_font'});
|
||||
$('select[data-customize-setting-link$="' + et_buttons_font_option_name + '"]').et_google_fonts({apply_font_to : '.et_pb_button', used_for : 'et_all_buttons_font'});
|
||||
$('select[data-customize-setting-link$="' + et_primary_nav_font_option_name + '"]').et_google_fonts({apply_font_to : '#main-header, #et-top-navigation', used_for : 'et_primary_nav_font'});
|
||||
$('select[data-customize-setting-link$="' + et_secondary_nav_font_option_name + '"]').et_google_fonts({apply_font_to : '#top-header .container', used_for : 'et_secondary_nav_font'});
|
||||
} );
|
||||
})(jQuery)
|
||||
BIN
wp-content/themes/Divi/epanel/google-fonts/images/all-fonts.png
Normal file
BIN
wp-content/themes/Divi/epanel/google-fonts/images/all-fonts.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 119 KiB |
Reference in New Issue
Block a user