Simple Author Box - Version 2.0.5

Version Description

  • Fixed Profile Image of Admin Covers All User's Avatars : https://github.com/MachoThemes/simple-author-box/issues/58
Download this release

Release Info

Developer machothemes
Plugin Icon 128x128 Simple Author Box
Version 2.0.5
Comparing to
See all releases

Code changes from version 2.0.4 to 2.0.5

Files changed (13) hide show
  1. assets/css/jquery-ui.min.css +6 -6
  2. assets/css/sabox-admin-style.css +445 -445
  3. assets/css/sabox.css +6 -6
  4. assets/css/simple-author-box.css +1659 -1659
  5. assets/js/sabox-admin.js +123 -129
  6. assets/js/sabox-editor.js +105 -105
  7. inc/class-simple-author-box-admin-page.php +675 -675
  8. inc/class-simple-author-box-helper.php +933 -933
  9. inc/class-simple-author-box-user-profile.php +159 -159
  10. inc/class-simple-author-box.php +313 -286
  11. readme.txt +30 -2
  12. simple-author-box.php +41 -41
  13. template/template-sab.php +120 -120
assets/css/jquery-ui.min.css CHANGED
@@ -1,7 +1,7 @@
1
- /*! jQuery UI - v1.11.0 - 2014-06-26
2
- * http://jqueryui.com
3
- * Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
4
- * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
5
- * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
6
-
7
  .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("images/animated-overlay.gif");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#eee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #e78f08;background:#f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ccc;background:#f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#1c94c4}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#1c94c4;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #fbcb09;background:#fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#c77405}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#c77405;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #fbd850;background:#fff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#eb8f00}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#eb8f00;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:#ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-default .ui-icon{background-image:url("images/ui-icons_ef8c08_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("images/ui-icons_ef8c08_256x240.png")}.ui-state-active .ui-icon{background-image:url("images/ui-icons_ef8c08_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("images/ui-icons_228ef1_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_ffd27a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50)}.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px}
1
+ /*! jQuery UI - v1.11.0 - 2014-06-26
2
+ * http://jqueryui.com
3
+ * Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
4
+ * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
5
+ * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
6
+
7
  .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("images/animated-overlay.gif");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#eee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #e78f08;background:#f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ccc;background:#f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#1c94c4}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#1c94c4;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #fbcb09;background:#fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#c77405}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#c77405;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #fbd850;background:#fff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#eb8f00}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#eb8f00;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:#ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-default .ui-icon{background-image:url("images/ui-icons_ef8c08_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("images/ui-icons_ef8c08_256x240.png")}.ui-state-active .ui-icon{background-image:url("images/ui-icons_ef8c08_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("images/ui-icons_228ef1_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_ffd27a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50)}.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px}
assets/css/sabox-admin-style.css CHANGED
@@ -1,446 +1,446 @@
1
- /* ADMIN PLUGIN STYLE
2
- -------------------------------------------------------------- */
3
- .sabox-table.form-table th {
4
- width: 400px;
5
- padding: 10px 15px;
6
- vertical-align: middle;
7
- }
8
-
9
- .sabox-table.form-table {
10
- margin-bottom: 30px;
11
- }
12
-
13
- .sabox-table .epfw-tooltip {
14
- color: #b8cad7;
15
- margin-right: 10px;
16
- }
17
-
18
- .sabox-table .wp-picker-container {text-align: right;}
19
-
20
- .sabox-table .wp-picker-holder {position: absolute; }
21
-
22
- .sabox-table select {float: right;}
23
-
24
- .sabox-table.form-table tr {
25
- background-color: #fff;
26
- border-bottom: 1px solid #eee;
27
- vertical-align: middle !important;
28
- }
29
-
30
- .sabox-table tbody {border: 1px solid #ddd;}
31
-
32
- .sabox-table.form-table tr:last-of-type {border-bottom: 0;}
33
-
34
- .sabox-wrap {
35
- max-width: 860px;
36
- padding-left: 20px;
37
- margin: 0 auto;
38
- }
39
-
40
- .hide {
41
- display: none;
42
- }
43
-
44
- /*.sabox-slider-container .saboxfield {
45
- display: none;
46
- }*/
47
- .sabox-slider-container {
48
- max-width: 390px;
49
- padding-bottom: 5px;
50
- box-sizing: border-box;
51
- }
52
-
53
- .sabox-slider-container .ui-slider .ui-slider-handle {
54
- width: auto;
55
- text-align: center;
56
- min-width: 1.2em;
57
- }
58
-
59
- .sabox-table p.description {
60
- font-weight: normal;
61
- }
62
-
63
- .wp-admin .checkbox_switch {
64
- display: inline-block;
65
- width: 100%;
66
- text-align: right;
67
- }
68
-
69
- .customize-control-title.onoffswitch_label {
70
- width: 71%;
71
- }
72
-
73
- .sabox-table .onoffswitch_label {
74
- display: inline-block;
75
- vertical-align: top;
76
- margin-right: 21px;
77
- margin-top: -1px;
78
- }
79
-
80
- .sabox-table .onoffswitch {
81
- position: relative;
82
- width: 52px;
83
- display: inline-block;
84
- -webkit-user-select: none;
85
- -moz-user-select: none;
86
- -ms-user-select: none;
87
- }
88
-
89
- .sabox-table .onoffswitch-checkbox {
90
- display: none !important;
91
- }
92
-
93
- .sabox-table .onoffswitch-label {
94
- display: block;
95
- overflow: hidden;
96
- cursor: pointer;
97
- height: 22px;
98
- padding: 0;
99
- line-height: 19px;
100
- transition: background-color 0.2s ease-in;
101
- -webkit-border-radius: 11px;
102
- -moz-border-radius: 11px;
103
- border-radius: 30px;
104
- background-color: #c4c4c4;
105
- -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.11);
106
- -moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.11);
107
- box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.11);
108
- }
109
-
110
- .sabox-table .onoffswitch-label:before {
111
- content: "";
112
- display: block;
113
- width: 18px;
114
- height: 18px;
115
- margin: 0;
116
- position: absolute;
117
- top: 2px;
118
- bottom: 0;
119
- right: 32px;
120
- background-color: #fff;
121
- -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
122
- -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
123
- box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
124
- -webkit-border-radius: 10px;
125
- -moz-border-radius: 10px;
126
- border-radius: 10px;
127
- transition: all 0.2s ease-in 0s;
128
- }
129
-
130
- .sabox-table .onoffswitch-label:after {
131
- content: "OFF";
132
- display: block;
133
- color: #fff;
134
- position: absolute;
135
- top: 2px;
136
- bottom: 2px;
137
- right: 6px;
138
- font-size: 11px;
139
- font-family: 'Arial';
140
- }
141
-
142
- .sabox-table .onoffswitch-checkbox:checked + .onoffswitch-label {
143
- background-color: #3caf0e;
144
- }
145
-
146
- .sabox-table .onoffswitch-checkbox:checked + .onoffswitch-label,
147
- .sabox-table .onoffswitch-checkbox:checked + .onoffswitch-label:before {
148
- border-color: #3caf0e;
149
- }
150
-
151
- .sabox-table .onoffswitch-checkbox:checked + .onoffswitch-label:before {
152
- right: 2px;
153
- }
154
-
155
- .sabox-table .onoffswitch-checkbox:checked + .onoffswitch-label:after {
156
- content: "ON";
157
- display: block;
158
- color: #fff;
159
- position: absolute;
160
- top: 2px;
161
- bottom: 2px;
162
- right: 27px;
163
- font-size: 11px;
164
- font-family: 'Arial';
165
- }
166
-
167
- .sabox-table .slider-container {
168
- position: relative;
169
- padding-left: 50px;
170
- }
171
-
172
- .sabox-table .slider-container input[type="text"] {
173
- border: none;
174
- text-align: center;
175
- padding: 2px;
176
- margin: 0;
177
- font-size: 12px;
178
- color: #333;
179
- border-radius: 10px;
180
- background-color: #f8f8f8;
181
- -webkit-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
182
- -moz-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
183
- box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
184
- width: 42px;
185
- height: 22px;
186
- position: absolute;
187
- left: 0;
188
- top: 2px;
189
- }
190
-
191
- .sabox-table .slider-container .ui-slider {
192
- position: relative;
193
- text-align: left;
194
- height: 2px;
195
- border-radius: 3px;
196
- border: none;
197
- margin-top: 10px;
198
- margin-left: 22px;
199
- display: inline-block;
200
- width: 97%;
201
- background: #d6d6d6;
202
- }
203
-
204
- .sabox-table .slider-container .ui-slider .ui-slider-handle {
205
- position: absolute;
206
- z-index: 2;
207
- top: -10px;
208
- cursor: default;
209
- -ms-touch-action: none;
210
- touch-action: none;
211
- width: 18px;
212
- height: 18px;
213
- -webkit-border-radius: 9px;
214
- -moz-border-radius: 9px;
215
- border-radius: 9px;
216
- background-color: #fff;
217
- -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
218
- -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
219
- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
220
- border: solid 1px #d7d7d7;
221
- transform: translateX(-50%);
222
- }
223
-
224
- .sabox-table .slider-container .ui-slider .ui-slider-range {
225
- position: absolute;
226
- z-index: 1;
227
- font-size: 0.7em;
228
- display: block;
229
- border: 0;
230
- background-position: 0 0;
231
- background: #e04d43;
232
- top: 0;
233
- bottom: 0;
234
- }
235
-
236
- /* Social Links */
237
- .sabox-add-social-link {
238
- text-align: center;
239
- padding: 10px 0;
240
- max-width: 570px;
241
- }
242
-
243
- .sabox-add-social-link:hover {
244
- border-color: #000;
245
- }
246
-
247
- #sabox-social-table .dashicons-trash {
248
- vertical-align: middle;
249
- cursor: pointer;
250
- color: #a00;
251
- }
252
-
253
- #sabox-social-table .dashicons-trash:hover {
254
- color: #dc3232;
255
- }
256
-
257
- /* Simple Author Box Badge */
258
- #sab-current-image img {
259
- max-width: 130px;
260
- height: auto;
261
- }
262
-
263
- .checkbox-label {
264
- text-transform: capitalize;
265
- }
266
-
267
- /* EPFW Styles
268
- *
269
- * @since 2.0.4
270
- *
271
- -------------------------------------------------------------- */
272
-
273
- /* tab styling */
274
- .epfw-tab-wrapper.nav-tab-wrapper {
275
- background: #fff;
276
- padding: 0;
277
- border: 1px solid #ddd;
278
- text-align: center;
279
- margin-bottom: 40px;
280
- }
281
-
282
- .epfw-tab.nav-tab {
283
- background: #fff;
284
- border: 0;
285
- display: inline-block;
286
- margin-right: 20px;
287
- margin-left: 0;
288
- padding: 10px;
289
- border-bottom: 2px solid transparent;
290
- color: #0073aa;
291
- font-weight: 400;
292
- }
293
-
294
- .epfw-tab.nav-tab.nav-tab-active {
295
- border-bottom: 2px solid #2e4453;
296
- color: #2e4453;
297
- }
298
-
299
- /* admin options page styling */
300
- .masthead {
301
- background-color: #fff;
302
- text-align: center;
303
- box-shadow: 0 1px 0 rgba(200, 215, 225, 0.5), 0 1px 2px #ddd;
304
- margin-bottom: 40px;
305
- padding: 20px;
306
- }
307
-
308
- .masthead h1 {
309
- margin: 0;
310
- padding: 0;
311
- display: inline-block;
312
- font-size: 20px;
313
- color: #000;
314
- font-weight: 500;
315
- }
316
-
317
- .masthead a {
318
- display: inline-block;
319
- margin: 0 10px;
320
- text-decoration: none;
321
- }
322
-
323
- .sabox-version {
324
- margin: 20px auto;
325
- padding: 20px 0;
326
- display: block;
327
- text-align: center;
328
- border-bottom: 1px solid #ddd;
329
- border-top: 1px solid #ddd;
330
- }
331
-
332
- body.toplevel_page_simple-author-box-options {
333
- background-color: #f3f6f8;
334
- }
335
-
336
- body.toplevel_page_simple-author-box-options #wpcontent {
337
- padding-left: 0;
338
- }
339
-
340
- .sabox-masthead-left,
341
- .sabox-masthead-right {
342
- display: inline-block;
343
- }
344
-
345
- .sabox-masthead-left {float: left;}
346
-
347
- .sabox-masthead-right {float: right;}
348
-
349
- /* tooltips styling */
350
- .epfw-tooltip {
351
- position: relative;
352
- display: inline;
353
- margin-right: 10px;
354
- }
355
-
356
- .epfw-tooltip:after {
357
- font-weight: 400;
358
- display: block;
359
- visibility: hidden;
360
- position: absolute;
361
- bottom: 0;
362
- left: 20%;
363
- opacity: 0;
364
- content: attr(data-tooltip); /* might also use attr(title) */
365
- height: auto;
366
- min-width: 300px;
367
- z-index: 999;
368
- text-decoration: none;
369
- text-align: center;
370
- border: 1px solid #c8d7e1;
371
- border-radius: 4px;
372
- box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 56px rgba(0, 0, 0, 0.075);
373
- background: #fff;
374
- color: #4f748e;
375
- font-size: 13px;
376
- padding: 16px;
377
- }
378
-
379
- .epfw-tooltip:before {
380
- position: absolute;
381
- visibility: hidden;
382
- width: 0;
383
- height: 0;
384
- left: 50%;
385
- bottom: 0px;
386
- opacity: 0;
387
- content: "";
388
- border-style: solid;
389
- border-width: 6px 6px 0 6px;
390
- border-color: rgba(255, 255, 255, 0.85) transparent transparent transparent;
391
- }
392
-
393
- .epfw-tooltip:hover:after { visibility: visible; opacity: 1; bottom: 20px; }
394
-
395
- .epfw-tooltip:hover:before { visibility: visible; opacity: 1; bottom: 14px; }
396
-
397
- /* radio group styling */
398
- .sabox-table input[type="radio"] {
399
- display: none;
400
- margin: 10px;
401
- }
402
-
403
- .sabox-table input[type="radio"] + label {
404
- margin: .25em 0 .5em !important;
405
- min-width: 100px;
406
- display: inline-block;
407
- padding: 4px 12px;
408
- font-size: 14px;
409
- line-height: 20px;
410
- color: #333;
411
- text-align: center;
412
- text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
413
- vertical-align: middle;
414
- cursor: pointer;
415
- background-color: #f5f5f5;
416
- background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
417
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
418
- background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
419
- background-image: -o-linear-gradient(top, #fff, #e6e6e6);
420
- background-image: linear-gradient(to bottom, #fff, #e6e6e6);
421
- background-repeat: repeat-x;
422
- border: 1px solid #ccc;
423
- border-color: #e6e6e6 #e6e6e6 #bfbfbf;
424
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
425
- border-bottom-color: #b3b3b3;
426
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
427
- filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
428
- -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
429
- -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
430
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
431
- }
432
-
433
- .sabox-table input[type="radio"]:checked + label {
434
- background-image: none;
435
- outline: 0;
436
- -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
437
- -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
438
- box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
439
- background-color: #e0e0e0;
440
- }
441
-
442
- .sabox-radio-group {text-align: right;}
443
-
444
- .sabox-multicheckbox {text-align: right;}
445
-
446
  .sabox-multicheckbox > div {display: inline-block; margin-left: 10px;}
1
+ /* ADMIN PLUGIN STYLE
2
+ -------------------------------------------------------------- */
3
+ .sabox-table.form-table th {
4
+ width: 400px;
5
+ padding: 10px 15px;
6
+ vertical-align: middle;
7
+ }
8
+
9
+ .sabox-table.form-table {
10
+ margin-bottom: 30px;
11
+ }
12
+
13
+ .sabox-table .epfw-tooltip {
14
+ color: #b8cad7;
15
+ margin-right: 10px;
16
+ }
17
+
18
+ .sabox-table .wp-picker-container {text-align: right;}
19
+
20
+ .sabox-table .wp-picker-holder {position: absolute; }
21
+
22
+ .sabox-table select {float: right;}
23
+
24
+ .sabox-table.form-table tr {
25
+ background-color: #fff;
26
+ border-bottom: 1px solid #eee;
27
+ vertical-align: middle !important;
28
+ }
29
+
30
+ .sabox-table tbody {border: 1px solid #ddd;}
31
+
32
+ .sabox-table.form-table tr:last-of-type {border-bottom: 0;}
33
+
34
+ .sabox-wrap {
35
+ max-width: 860px;
36
+ padding-left: 20px;
37
+ margin: 0 auto;
38
+ }
39
+
40
+ .hide {
41
+ display: none;
42
+ }
43
+
44
+ /*.sabox-slider-container .saboxfield {
45
+ display: none;
46
+ }*/
47
+ .sabox-slider-container {
48
+ max-width: 390px;
49
+ padding-bottom: 5px;
50
+ box-sizing: border-box;
51
+ }
52
+
53
+ .sabox-slider-container .ui-slider .ui-slider-handle {
54
+ width: auto;
55
+ text-align: center;
56
+ min-width: 1.2em;
57
+ }
58
+
59
+ .sabox-table p.description {
60
+ font-weight: normal;
61
+ }
62
+
63
+ .wp-admin .checkbox_switch {
64
+ display: inline-block;
65
+ width: 100%;
66
+ text-align: right;
67
+ }
68
+
69
+ .customize-control-title.onoffswitch_label {
70
+ width: 71%;
71
+ }
72
+
73
+ .sabox-table .onoffswitch_label {
74
+ display: inline-block;
75
+ vertical-align: top;
76
+ margin-right: 21px;
77
+ margin-top: -1px;
78
+ }
79
+
80
+ .sabox-table .onoffswitch {
81
+ position: relative;
82
+ width: 52px;
83
+ display: inline-block;
84
+ -webkit-user-select: none;
85
+ -moz-user-select: none;
86
+ -ms-user-select: none;
87
+ }
88
+
89
+ .sabox-table .onoffswitch-checkbox {
90
+ display: none !important;
91
+ }
92
+
93
+ .sabox-table .onoffswitch-label {
94
+ display: block;
95
+ overflow: hidden;
96
+ cursor: pointer;
97
+ height: 22px;
98
+ padding: 0;
99
+ line-height: 19px;
100
+ transition: background-color 0.2s ease-in;
101
+ -webkit-border-radius: 11px;
102
+ -moz-border-radius: 11px;
103
+ border-radius: 30px;
104
+ background-color: #c4c4c4;
105
+ -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.11);
106
+ -moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.11);
107
+ box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.11);
108
+ }
109
+
110
+ .sabox-table .onoffswitch-label:before {
111
+ content: "";
112
+ display: block;
113
+ width: 18px;
114
+ height: 18px;
115
+ margin: 0;
116
+ position: absolute;
117
+ top: 2px;
118
+ bottom: 0;
119
+ right: 32px;
120
+ background-color: #fff;
121
+ -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
122
+ -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
123
+ box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
124
+ -webkit-border-radius: 10px;
125
+ -moz-border-radius: 10px;
126
+ border-radius: 10px;
127
+ transition: all 0.2s ease-in 0s;
128
+ }
129
+
130
+ .sabox-table .onoffswitch-label:after {
131
+ content: "OFF";
132
+ display: block;
133
+ color: #fff;
134
+ position: absolute;
135
+ top: 2px;
136
+ bottom: 2px;
137
+ right: 6px;
138
+ font-size: 11px;
139
+ font-family: 'Arial';
140
+ }
141
+
142
+ .sabox-table .onoffswitch-checkbox:checked + .onoffswitch-label {
143
+ background-color: #3caf0e;
144
+ }
145
+
146
+ .sabox-table .onoffswitch-checkbox:checked + .onoffswitch-label,
147
+ .sabox-table .onoffswitch-checkbox:checked + .onoffswitch-label:before {
148
+ border-color: #3caf0e;
149
+ }
150
+
151
+ .sabox-table .onoffswitch-checkbox:checked + .onoffswitch-label:before {
152
+ right: 2px;
153
+ }
154
+
155
+ .sabox-table .onoffswitch-checkbox:checked + .onoffswitch-label:after {
156
+ content: "ON";
157
+ display: block;
158
+ color: #fff;
159
+ position: absolute;
160
+ top: 2px;
161
+ bottom: 2px;
162
+ right: 27px;
163
+ font-size: 11px;
164
+ font-family: 'Arial';
165
+ }
166
+
167
+ .sabox-table .slider-container {
168
+ position: relative;
169
+ padding-left: 50px;
170
+ }
171
+
172
+ .sabox-table .slider-container input[type="text"] {
173
+ border: none;
174
+ text-align: center;
175
+ padding: 2px;
176
+ margin: 0;
177
+ font-size: 12px;
178
+ color: #333;
179
+ border-radius: 10px;
180
+ background-color: #f8f8f8;
181
+ -webkit-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
182
+ -moz-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
183
+ box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
184
+ width: 42px;
185
+ height: 22px;
186
+ position: absolute;
187
+ left: 0;
188
+ top: 2px;
189
+ }
190
+
191
+ .sabox-table .slider-container .ui-slider {
192
+ position: relative;
193
+ text-align: left;
194
+ height: 2px;
195
+ border-radius: 3px;
196
+ border: none;
197
+ margin-top: 10px;
198
+ margin-left: 22px;
199
+ display: inline-block;
200
+ width: 97%;
201
+ background: #d6d6d6;
202
+ }
203
+
204
+ .sabox-table .slider-container .ui-slider .ui-slider-handle {
205
+ position: absolute;
206
+ z-index: 2;
207
+ top: -10px;
208
+ cursor: default;
209
+ -ms-touch-action: none;
210
+ touch-action: none;
211
+ width: 18px;
212
+ height: 18px;
213
+ -webkit-border-radius: 9px;
214
+ -moz-border-radius: 9px;
215
+ border-radius: 9px;
216
+ background-color: #fff;
217
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
218
+ -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
219
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
220
+ border: solid 1px #d7d7d7;
221
+ transform: translateX(-50%);
222
+ }
223
+
224
+ .sabox-table .slider-container .ui-slider .ui-slider-range {
225
+ position: absolute;
226
+ z-index: 1;
227
+ font-size: 0.7em;
228
+ display: block;
229
+ border: 0;
230
+ background-position: 0 0;
231
+ background: #e04d43;
232
+ top: 0;
233
+ bottom: 0;
234
+ }
235
+
236
+ /* Social Links */
237
+ .sabox-add-social-link {
238
+ text-align: center;
239
+ padding: 10px 0;
240
+ max-width: 570px;
241
+ }
242
+
243
+ .sabox-add-social-link:hover {
244
+ border-color: #000;
245
+ }
246
+
247
+ #sabox-social-table .dashicons-trash {
248
+ vertical-align: middle;
249
+ cursor: pointer;
250
+ color: #a00;
251
+ }
252
+
253
+ #sabox-social-table .dashicons-trash:hover {
254
+ color: #dc3232;
255
+ }
256
+
257
+ /* Simple Author Box Badge */
258
+ #sab-current-image img {
259
+ max-width: 130px;
260
+ height: auto;
261
+ }
262
+
263
+ .checkbox-label {
264
+ text-transform: capitalize;
265
+ }
266
+
267
+ /* EPFW Styles
268
+ *
269
+ * @since 2.0.4
270
+ *
271
+ -------------------------------------------------------------- */
272
+
273
+ /* tab styling */
274
+ .epfw-tab-wrapper.nav-tab-wrapper {
275
+ background: #fff;
276
+ padding: 0;
277
+ border: 1px solid #ddd;
278
+ text-align: center;
279
+ margin-bottom: 40px;
280
+ }
281
+
282
+ .epfw-tab.nav-tab {
283
+ background: #fff;
284
+ border: 0;
285
+ display: inline-block;
286
+ margin-right: 20px;
287
+ margin-left: 0;
288
+ padding: 10px;
289
+ border-bottom: 2px solid transparent;
290
+ color: #0073aa;
291
+ font-weight: 400;
292
+ }
293
+
294
+ .epfw-tab.nav-tab.nav-tab-active {
295
+ border-bottom: 2px solid #2e4453;
296
+ color: #2e4453;
297
+ }
298
+
299
+ /* admin options page styling */
300
+ .masthead {
301
+ background-color: #fff;
302
+ text-align: center;
303
+ box-shadow: 0 1px 0 rgba(200, 215, 225, 0.5), 0 1px 2px #ddd;
304
+ margin-bottom: 40px;
305
+ padding: 20px;
306
+ }
307
+
308
+ .masthead h1 {
309
+ margin: 0;
310
+ padding: 0;
311
+ display: inline-block;
312
+ font-size: 20px;
313
+ color: #000;
314
+ font-weight: 500;
315
+ }
316
+
317
+ .masthead a {
318
+ display: inline-block;
319
+ margin: 0 10px;
320
+ text-decoration: none;
321
+ }
322
+
323
+ .sabox-version {
324
+ margin: 20px auto;
325
+ padding: 20px 0;
326
+ display: block;
327
+ text-align: center;
328
+ border-bottom: 1px solid #ddd;
329
+ border-top: 1px solid #ddd;
330
+ }
331
+
332
+ body.toplevel_page_simple-author-box-options {
333
+ background-color: #f3f6f8;
334
+ }
335
+
336
+ body.toplevel_page_simple-author-box-options #wpcontent {
337
+ padding-left: 0;
338
+ }
339
+
340
+ .sabox-masthead-left,
341
+ .sabox-masthead-right {
342
+ display: inline-block;
343
+ }
344
+
345
+ .sabox-masthead-left {float: left;}
346
+
347
+ .sabox-masthead-right {float: right;}
348
+
349
+ /* tooltips styling */
350
+ .epfw-tooltip {
351
+ position: relative;
352
+ display: inline;
353
+ margin-right: 10px;
354
+ }
355
+
356
+ .epfw-tooltip:after {
357
+ font-weight: 400;
358
+ display: block;
359
+ visibility: hidden;
360
+ position: absolute;
361
+ bottom: 0;
362
+ left: 20%;
363
+ opacity: 0;
364
+ content: attr(data-tooltip); /* might also use attr(title) */
365
+ height: auto;
366
+ min-width: 300px;
367
+ z-index: 999;
368
+ text-decoration: none;
369
+ text-align: center;
370
+ border: 1px solid #c8d7e1;
371
+ border-radius: 4px;
372
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 56px rgba(0, 0, 0, 0.075);
373
+ background: #fff;
374
+ color: #4f748e;
375
+ font-size: 13px;
376
+ padding: 16px;
377
+ }
378
+
379
+ .epfw-tooltip:before {
380
+ position: absolute;
381
+ visibility: hidden;
382
+ width: 0;
383
+ height: 0;
384
+ left: 50%;
385
+ bottom: 0px;
386
+ opacity: 0;
387
+ content: "";
388
+ border-style: solid;
389
+ border-width: 6px 6px 0 6px;
390
+ border-color: rgba(255, 255, 255, 0.85) transparent transparent transparent;
391
+ }
392
+
393
+ .epfw-tooltip:hover:after { visibility: visible; opacity: 1; bottom: 20px; }
394
+
395
+ .epfw-tooltip:hover:before { visibility: visible; opacity: 1; bottom: 14px; }
396
+
397
+ /* radio group styling */
398
+ .sabox-table input[type="radio"] {
399
+ display: none;
400
+ margin: 10px;
401
+ }
402
+
403
+ .sabox-table input[type="radio"] + label {
404
+ margin: .25em 0 .5em !important;
405
+ min-width: 100px;
406
+ display: inline-block;
407
+ padding: 4px 12px;
408
+ font-size: 14px;
409
+ line-height: 20px;
410
+ color: #333;
411
+ text-align: center;
412
+ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
413
+ vertical-align: middle;
414
+ cursor: pointer;
415
+ background-color: #f5f5f5;
416
+ background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
417
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
418
+ background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
419
+ background-image: -o-linear-gradient(top, #fff, #e6e6e6);
420
+ background-image: linear-gradient(to bottom, #fff, #e6e6e6);
421
+ background-repeat: repeat-x;
422
+ border: 1px solid #ccc;
423
+ border-color: #e6e6e6 #e6e6e6 #bfbfbf;
424
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
425
+ border-bottom-color: #b3b3b3;
426
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
427
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
428
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
429
+ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
430
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
431
+ }
432
+
433
+ .sabox-table input[type="radio"]:checked + label {
434
+ background-image: none;
435
+ outline: 0;
436
+ -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
437
+ -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
438
+ box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
439
+ background-color: #e0e0e0;
440
+ }
441
+
442
+ .sabox-radio-group {text-align: right;}
443
+
444
+ .sabox-multicheckbox {text-align: right;}
445
+
446
  .sabox-multicheckbox > div {display: inline-block; margin-left: 10px;}
assets/css/sabox.css CHANGED
@@ -1,7 +1,7 @@
1
- #adminmenu #toplevel_page_simple-author-box-options .wp-menu-image img {
2
- height: 18px;
3
- padding-top: 8px;
4
- }
5
- #adminmenu #toplevel_page_simple-author-box-options.current .wp-menu-image img {
6
- opacity: 1;
7
  }
1
+ #adminmenu #toplevel_page_simple-author-box-options .wp-menu-image img {
2
+ height: 18px;
3
+ padding-top: 8px;
4
+ }
5
+ #adminmenu #toplevel_page_simple-author-box-options.current .wp-menu-image img {
6
+ opacity: 1;
7
  }
assets/css/simple-author-box.css CHANGED
@@ -1,1659 +1,1659 @@
1
- .saboxplugin-wrap {
2
- -webkit-box-sizing: border-box;
3
- -moz-box-sizing: border-box;
4
- -ms-box-sizing: border-box;
5
- box-sizing: border-box;
6
- border: 1px solid;
7
- border-color: #eee;
8
- width: 100%;
9
- clear: both;
10
- display: block;
11
- overflow: hidden;
12
- word-wrap: break-word;
13
- position: relative;
14
- }
15
-
16
- .saboxplugin-wrap .saboxplugin-gravatar {
17
- float: left;
18
- padding: 20px;
19
- }
20
-
21
- .saboxplugin-wrap .saboxplugin-gravatar img {
22
- max-width: 100px;
23
- height: auto;
24
- }
25
-
26
- .saboxplugin-wrap .saboxplugin-gravatar img:hover {
27
- }
28
-
29
- .saboxplugin-wrap .saboxplugin-authorname {
30
- font-size: 18px;
31
- line-height: 1;
32
- margin: 20px 0 0 20px;
33
- display: block;
34
- }
35
-
36
- .saboxplugin-wrap .saboxplugin-authorname a {
37
- text-decoration: none;
38
- }
39
-
40
- .saboxplugin-wrap .saboxplugin-authorname a:focus {
41
- outline: none;
42
- }
43
-
44
- .saboxplugin-wrap .saboxplugin-desc {
45
- display: block;
46
- margin: 5px 20px;
47
- }
48
-
49
- .saboxplugin-wrap .saboxplugin-desc a {
50
- text-decoration: none;
51
- }
52
-
53
- .saboxplugin-wrap .saboxplugin-desc p {
54
- margin: 5px 0 12px 0;
55
- }
56
-
57
- .saboxplugin-wrap .saboxplugin-web {
58
- margin: 0 20px 15px;
59
- text-align: left;
60
- }
61
-
62
- .saboxplugin-wrap .sab-web-position {
63
- text-align: right;
64
- }
65
-
66
- .saboxplugin-wrap .saboxplugin-web a {
67
- color: #ccc;
68
- text-decoration: none;
69
- }
70
-
71
- .saboxplugin-wrap .saboxplugin-socials {
72
- position: relative;
73
- display: block;
74
- background: #fcfcfc;
75
- padding: 0 15px;
76
- -webkit-box-shadow: 0 1px 0 0 #eee inset;
77
- -moz-box-shadow: 0 1px 0 0 #eee inset;
78
- box-shadow: 0 1px 0 0 #eee inset;
79
- }
80
-
81
- .saboxplugin-wrap .saboxplugin-socials a {
82
- text-decoration: none;
83
- box-shadow: none; /* twentyseventeen adds a box shadow under all links inside content */
84
- padding: 0;
85
- margin: 0;
86
- border: 0;
87
- -webkit-transition: opacity 0.4s;
88
- -moz-transition: opacity 0.4s;
89
- -o-transition: opacity 0.4s;
90
- transition: opacity 0.4s;
91
- }
92
-
93
- .saboxplugin-wrap .saboxplugin-socials a:hover {
94
- opacity: 0.8;
95
- -webkit-transition: opacity 0.4s;
96
- -moz-transition: opacity 0.4s;
97
- -o-transition: opacity 0.4s;
98
- transition: opacity 0.4s;
99
- box-shadow: none !important;
100
- -webkit-box-shadow: none !important;
101
- }
102
-
103
- .saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color:before {
104
- display: block;
105
- width: 30px;
106
- height: 30px;
107
- line-height: 33px;
108
- text-align: center;
109
- speak: none;
110
- }
111
-
112
- .saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color {
113
- font-family: 'FontAwesome';
114
- font-style: normal;
115
- font-weight: normal;
116
- text-decoration: inherit;
117
- font-size: 14px;
118
- position: relative;
119
- display: -moz-inline-stack;
120
- display: inline-block;
121
- vertical-align: middle;
122
- *vertical-align: auto;
123
- zoom: 1;
124
- *display: inline;
125
- margin: 10px 5px;
126
- background-clip: content-box;
127
- -moz-background-clip: content-box;
128
- -webkit-background-clip: content-box;
129
- -webkit-border-radius: 0;
130
- -moz-border-radius: 0;
131
- -ms-border-radius: 0;
132
- -o-border-radius: 0;
133
- border-radius: 0;
134
- overflow: hidden;
135
- }
136
-
137
- .saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey:before {
138
- display: block;
139
- text-align: center;
140
- speak: none;
141
- line-height: 1;
142
- }
143
-
144
- .saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey {
145
- font-family: 'FontAwesome';
146
- font-style: normal;
147
- font-weight: normal;
148
- text-decoration: inherit;
149
- font-size: 20px;
150
- position: relative;
151
- display: -moz-inline-stack;
152
- display: inline-block;
153
- vertical-align: middle;
154
- *vertical-align: auto;
155
- zoom: 1;
156
- *display: inline;
157
- margin: 10px 5px;
158
- color: #444;
159
- }
160
-
161
- .saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color,
162
- .saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey {
163
- }
164
-
165
- .saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color:hover,
166
- .saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey:hover {
167
- }
168
-
169
- .clearfix:after,
170
- .clearfix:before {
171
- content: ' ';
172
- display: table;
173
- line-height: 0;
174
- clear: both;
175
- }
176
-
177
- .ie7 .clearfix {
178
- zoom: 1;
179
- }
180
-
181
- .saboxplugin-wrap .saboxplugin-socials.sabox-colored .saboxplugin-icon-color {
182
- color: #fff;
183
- }
184
-
185
- /* FONT AWESOME FOR BOTH COLORED AND GRAY SOCIAL ICONS
186
- -------------------------------------------------------------- */
187
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-user_email:before,
188
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-user_email:before {
189
- content: '\f0e0';
190
- }
191
-
192
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-addthis:before,
193
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-addthis:before {
194
- content: '\f067';
195
- }
196
-
197
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-behance:before,
198
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-behance:before {
199
- content: '\f1b4';
200
- }
201
-
202
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-delicious:before,
203
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-delicious:before {
204
- content: '\f1a5';
205
- }
206
-
207
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-deviantart:before,
208
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-deviantart:before {
209
- content: '\f1bd';
210
- }
211
-
212
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-digg:before,
213
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-digg:before {
214
- content: '\f1a6';
215
- }
216
-
217
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-dribbble:before,
218
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-dribbble:before {
219
- content: '\f17d';
220
- }
221
-
222
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-facebook:before,
223
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-facebook:before {
224
- content: '\f09a';
225
- }
226
-
227
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-flickr:before,
228
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-flickr:before {
229
- content: '\f16e';
230
- }
231
-
232
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-github:before,
233
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-github:before {
234
- content: '\f09b';
235
- }
236
-
237
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-google:before,
238
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-google:before {
239
- content: '\f1a0';
240
- }
241
-
242
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-googleplus:before,
243
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-googleplus:before {
244
- content: '\f0d5';
245
- }
246
-
247
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-html5:before,
248
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-html5:before {
249
- content: '\f13b';
250
- }
251
-
252
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-instagram:before,
253
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-instagram:before {
254
- content: '\f16d';
255
- }
256
-
257
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-linkedin:before,
258
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-linkedin:before {
259
- content: '\f0e1';
260
- }
261
-
262
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-pinterest:before,
263
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-pinterest:before {
264
- content: '\f0d2';
265
- }
266
-
267
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-reddit:before,
268
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-reddit:before {
269
- content: '\f1a1';
270
- }
271
-
272
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-rss:before,
273
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-rss:before {
274
- content: '\f09e';
275
- }
276
-
277
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-sharethis:before,
278
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-sharethis:before {
279
- content: '\f1e0';
280
- }
281
-
282
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-skype:before,
283
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-skype:before {
284
- content: '\f17e';
285
- }
286
-
287
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-soundcloud:before,
288
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-soundcloud:before {
289
- content: '\f1be';
290
- }
291
-
292
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-spotify:before,
293
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-spotify:before {
294
- content: '\f1bc';
295
- }
296
-
297
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-stackoverflow:before,
298
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-stackoverflow:before {
299
- content: '\f16c';
300
- }
301
-
302
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-steam:before,
303
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-steam:before {
304
- content: '\f1b6';
305
- }
306
-
307
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-stumbleUpon:before,
308
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-stumbleUpon:before {
309
- content: '\f1a4';
310
- }
311
-
312
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-tumblr:before,
313
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-tumblr:before {
314
- content: '\f173';
315
- }
316
-
317
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-twitter:before,
318
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-twitter:before {
319
- content: '\f099';
320
- }
321
-
322
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-vimeo:before,
323
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-vimeo:before {
324
- content: '\f194';
325
- }
326
-
327
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-windows:before,
328
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-windows:before {
329
- content: '\f17a';
330
- }
331
-
332
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-wordpress:before,
333
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-wordpress:before {
334
- content: '\f19a';
335
- }
336
-
337
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-yahoo:before,
338
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-yahoo:before {
339
- content: '\f19e';
340
- }
341
-
342
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-youtube:before,
343
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-youtube:before {
344
- content: '\f167';
345
- }
346
-
347
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-xing:before,
348
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-xing:before {
349
- content: '\f168';
350
- }
351
-
352
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-mixcloud:before,
353
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-mixcloud:before {
354
- content: '\f289';
355
- }
356
-
357
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-goodreads:before,
358
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-goodreads:before {
359
- content: '\f2a6';
360
- }
361
-
362
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-twitch:before,
363
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-twitch:before {
364
- content: '\f1e8';
365
- }
366
-
367
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-vk:before,
368
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-vk:before {
369
- content: '\f189';
370
- }
371
-
372
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-medium:before,
373
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-medium:before {
374
- content: '\f23a';
375
- }
376
-
377
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-quora:before,
378
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-quora:before {
379
- content: '\f2c4';
380
- }
381
-
382
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-meetup:before,
383
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-meetup:before {
384
- content: '\f2e0';
385
- }
386
-
387
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-snapchat:before,
388
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-snapchat:before {
389
- content: '\f2ab';
390
- }
391
-
392
- .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-500px:before,
393
- .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-500px:before {
394
- content: '\f26e';
395
- }
396
-
397
- /* COLORED BACKGROUND AND LONG SHADOW EFFECT FOR SOCIAL ICONS
398
- -------------------------------------------------------------- */
399
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-twitch {
400
- background-color: #6441a5;
401
- }
402
-
403
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-addthis {
404
- background: #ff8662;
405
- border: 1px solid #d5644b;
406
- text-shadow: rgb(213, 100, 75) 1px 1px,
407
- rgb(213, 100, 75) 2px 2px,
408
- rgb(213, 100, 75) 3px 3px,
409
- rgb(213, 100, 75) 4px 4px,
410
- rgb(213, 100, 75) 5px 5px,
411
- rgb(213, 100, 75) 6px 6px,
412
- rgb(213, 100, 75) 7px 7px,
413
- rgb(213, 100, 75) 8px 8px,
414
- rgb(213, 100, 75) 9px 9px,
415
- rgb(213, 100, 75) 10px 10px,
416
- rgb(213, 100, 75) 11px 11px,
417
- rgb(213, 100, 75) 12px 12px,
418
- rgb(213, 100, 75) 13px 13px,
419
- rgb(213, 100, 75) 14px 14px,
420
- rgb(213, 100, 75) 15px 15px,
421
- rgb(213, 100, 75) 16px 16px,
422
- rgb(213, 100, 75) 17px 17px,
423
- rgb(213, 100, 75) 18px 18px,
424
- rgb(213, 100, 75) 19px 19px,
425
- rgb(213, 100, 75) 20px 20px,
426
- rgb(213, 100, 75) 21px 21px,
427
- rgb(213, 100, 75) 22px 22px,
428
- rgb(213, 100, 75) 23px 23px,
429
- rgb(213, 100, 75) 24px 24px,
430
- rgb(213, 100, 75) 25px 25px,
431
- rgb(213, 100, 75) 26px 26px,
432
- rgb(213, 100, 75) 27px 27px,
433
- rgb(213, 100, 75) 28px 28px,
434
- rgb(213, 100, 75) 29px 29px,
435
- rgb(213, 100, 75) 30px 30px;
436
- }
437
-
438
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-behance {
439
- background: #0294ff;
440
- border: 1px solid #0083d4;
441
- text-shadow: rgb(0, 131, 212) 1px 1px,
442
- rgb(0, 131, 212) 2px 2px,
443
- rgb(0, 131, 212) 3px 3px,
444
- rgb(0, 131, 212) 4px 4px,
445
- rgb(0, 131, 212) 5px 5px,
446
- rgb(0, 131, 212) 6px 6px,
447
- rgb(0, 131, 212) 7px 7px,
448
- rgb(0, 131, 212) 8px 8px,
449
- rgb(0, 131, 212) 9px 9px,
450
- rgb(0, 131, 212) 10px 10px,
451
- rgb(0, 131, 212) 11px 11px,
452
- rgb(0, 131, 212) 12px 12px,
453
- rgb(0, 131, 212) 13px 13px,
454
- rgb(0, 131, 212) 14px 14px,
455
- rgb(0, 131, 212) 15px 15px,
456
- rgb(0, 131, 212) 16px 16px,
457
- rgb(0, 131, 212) 17px 17px,
458
- rgb(0, 131, 212) 18px 18px,
459
- rgb(0, 131, 212) 19px 19px,
460
- rgb(0, 131, 212) 20px 20px,
461
- rgb(0, 131, 212) 21px 21px,
462
- rgb(0, 131, 212) 22px 22px,
463
- rgb(0, 131, 212) 23px 23px,
464
- rgb(0, 131, 212) 24px 24px,
465
- rgb(0, 131, 212) 25px 25px,
466
- rgb(0, 131, 212) 26px 26px,
467
- rgb(0, 131, 212) 27px 27px,
468
- rgb(0, 131, 212) 28px 28px,
469
- rgb(0, 131, 212) 29px 29px,
470
- rgb(0, 131, 212) 30px 30px;
471
- }
472
-
473
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-delicious {
474
- background: #0294ff;
475
- border: 1px solid #007ecd;
476
- text-shadow: rgb(0, 126, 205) 1px 1px,
477
- rgb(0, 126, 205) 2px 2px,
478
- rgb(0, 126, 205) 3px 3px,
479
- rgb(0, 126, 205) 4px 4px,
480
- rgb(0, 126, 205) 5px 5px,
481
- rgb(0, 126, 205) 6px 6px,
482
- rgb(0, 126, 205) 7px 7px,
483
- rgb(0, 126, 205) 8px 8px,
484
- rgb(0, 126, 205) 9px 9px,
485
- rgb(0, 126, 205) 10px 10px,
486
- rgb(0, 126, 205) 11px 11px,
487
- rgb(0, 126, 205) 12px 12px,
488
- rgb(0, 126, 205) 13px 13px,
489
- rgb(0, 126, 205) 14px 14px,
490
- rgb(0, 126, 205) 15px 15px,
491
- rgb(0, 126, 205) 16px 16px,
492
- rgb(0, 126, 205) 17px 17px,
493
- rgb(0, 126, 205) 18px 18px,
494
- rgb(0, 126, 205) 19px 19px,
495
- rgb(0, 126, 205) 20px 20px,
496
- rgb(0, 126, 205) 21px 21px,
497
- rgb(0, 126, 205) 22px 22px,
498
- rgb(0, 126, 205) 23px 23px,
499
- rgb(0, 126, 205) 24px 24px,
500
- rgb(0, 126, 205) 25px 25px,
501
- rgb(0, 126, 205) 26px 26px,
502
- rgb(0, 126, 205) 27px 27px,
503
- rgb(0, 126, 205) 28px 28px,
504
- rgb(0, 126, 205) 29px 29px,
505
- rgb(0, 126, 205) 30px 30px;
506
- }
507
-
508
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-deviantart {
509
- background: #dce22b;
510
- border: 1px solid #b2b423;
511
- text-shadow: rgb(178, 180, 35) 1px 1px,
512
- rgb(178, 180, 35) 2px 2px,
513
- rgb(178, 180, 35) 3px 3px,
514
- rgb(178, 180, 35) 4px 4px,
515
- rgb(178, 180, 35) 5px 5px,
516
- rgb(178, 180, 35) 6px 6px,
517
- rgb(178, 180, 35) 7px 7px,
518
- rgb(178, 180, 35) 8px 8px,
519
- rgb(178, 180, 35) 9px 9px,
520
- rgb(178, 180, 35) 10px 10px,
521
- rgb(178, 180, 35) 11px 11px,
522
- rgb(178, 180, 35) 12px 12px,
523
- rgb(178, 180, 35) 13px 13px,
524
- rgb(178, 180, 35) 14px 14px,
525
- rgb(178, 180, 35) 15px 15px,
526
- rgb(178, 180, 35) 16px 16px,
527
- rgb(178, 180, 35) 17px 17px,
528
- rgb(178, 180, 35) 18px 18px,
529
- rgb(178, 180, 35) 19px 19px,
530
- rgb(178, 180, 35) 20px 20px,
531
- rgb(178, 180, 35) 21px 21px,
532
- rgb(178, 180, 35) 22px 22px,
533
- rgb(178, 180, 35) 23px 23px,
534
- rgb(178, 180, 35) 24px 24px,
535
- rgb(178, 180, 35) 25px 25px,
536
- rgb(178, 180, 35) 26px 26px,
537
- rgb(178, 180, 35) 27px 27px,
538
- rgb(178, 180, 35) 28px 28px,
539
- rgb(178, 180, 35) 29px 29px,
540
- rgb(178, 180, 35) 30px 30px;
541
- }
542
-
543
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-digg {
544
- background: #1b8ec4;
545
- border: 1px solid #126c92;
546
- text-shadow: rgb(18, 108, 146) 1px 1px,
547
- rgb(18, 108, 146) 2px 2px,
548
- rgb(18, 108, 146) 3px 3px,
549
- rgb(18, 108, 146) 4px 4px,
550
- rgb(18, 108, 146) 5px 5px,
551
- rgb(18, 108, 146) 6px 6px,
552
- rgb(18, 108, 146) 7px 7px,
553
- rgb(18, 108, 146) 8px 8px,
554
- rgb(18, 108, 146) 9px 9px,
555
- rgb(18, 108, 146) 10px 10px,
556
- rgb(18, 108, 146) 11px 11px,
557
- rgb(18, 108, 146) 12px 12px,
558
- rgb(18, 108, 146) 13px 13px,
559
- rgb(18, 108, 146) 14px 14px,
560
- rgb(18, 108, 146) 15px 15px,
561
- rgb(18, 108, 146) 16px 16px,
562
- rgb(18, 108, 146) 17px 17px,
563
- rgb(18, 108, 146) 18px 18px,
564
- rgb(18, 108, 146) 19px 19px,
565
- rgb(18, 108, 146) 20px 20px,
566
- rgb(18, 108, 146) 21px 21px,
567
- rgb(18, 108, 146) 22px 22px,
568
- rgb(18, 108, 146) 23px 23px,
569
- rgb(18, 108, 146) 24px 24px,
570
- rgb(18, 108, 146) 25px 25px,
571
- rgb(18, 108, 146) 26px 26px,
572
- rgb(18, 108, 146) 27px 27px,
573
- rgb(18, 108, 146) 28px 28px,
574
- rgb(18, 108, 146) 29px 29px,
575
- rgb(18, 108, 146) 30px 30px;
576
- }
577
-
578
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-dribbble {
579
- background: #ef76a4;
580
- border: 1px solid #c05c84;
581
- text-shadow: rgb(192, 92, 132) 1px 1px,
582
- rgb(192, 92, 132) 2px 2px,
583
- rgb(192, 92, 132) 3px 3px,
584
- rgb(192, 92, 132) 4px 4px,
585
- rgb(192, 92, 132) 5px 5px,
586
- rgb(192, 92, 132) 6px 6px,
587
- rgb(192, 92, 132) 7px 7px,
588
- rgb(192, 92, 132) 8px 8px,
589
- rgb(192, 92, 132) 9px 9px,
590
- rgb(192, 92, 132) 10px 10px,
591
- rgb(192, 92, 132) 11px 11px,
592
- rgb(192, 92, 132) 12px 12px,
593
- rgb(192, 92, 132) 13px 13px,
594
- rgb(192, 92, 132) 14px 14px,
595
- rgb(192, 92, 132) 15px 15px,
596
- rgb(192, 92, 132) 16px 16px,
597
- rgb(192, 92, 132) 17px 17px,
598
- rgb(192, 92, 132) 18px 18px,
599
- rgb(192, 92, 132) 19px 19px,
600
- rgb(192, 92, 132) 20px 20px,
601
- rgb(192, 92, 132) 21px 21px,
602
- rgb(192, 92, 132) 22px 22px,
603
- rgb(192, 92, 132) 23px 23px,
604
- rgb(192, 92, 132) 24px 24px,
605
- rgb(192, 92, 132) 25px 25px,
606
- rgb(192, 92, 132) 26px 26px,
607
- rgb(192, 92, 132) 27px 27px,
608
- rgb(192, 92, 132) 28px 28px,
609
- rgb(192, 92, 132) 29px 29px,
610
- rgb(192, 92, 132) 30px 30px;
611
- }
612
-
613
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-facebook {
614
- background: #3b5998;
615
- border: 1px solid #1e3d7a;
616
- text-shadow: rgb(30, 61, 122) 1px 1px,
617
- rgb(30, 61, 122) 2px 2px,
618
- rgb(30, 61, 122) 3px 3px,
619
- rgb(30, 61, 122) 4px 4px,
620
- rgb(30, 61, 122) 5px 5px,
621
- rgb(30, 61, 122) 6px 6px,
622
- rgb(30, 61, 122) 7px 7px,
623
- rgb(30, 61, 122) 8px 8px,
624
- rgb(30, 61, 122) 9px 9px,
625
- rgb(30, 61, 122) 10px 10px,
626
- rgb(30, 61, 122) 11px 11px,
627
- rgb(30, 61, 122) 12px 12px,
628
- rgb(30, 61, 122) 13px 13px,
629
- rgb(30, 61, 122) 14px 14px,
630
- rgb(30, 61, 122) 15px 15px,
631
- rgb(30, 61, 122) 16px 16px,
632
- rgb(30, 61, 122) 17px 17px,
633
- rgb(30, 61, 122) 18px 18px,
634
- rgb(30, 61, 122) 19px 19px,
635
- rgb(30, 61, 122) 20px 20px,
636
- rgb(30, 61, 122) 21px 21px,
637
- rgb(30, 61, 122) 22px 22px,
638
- rgb(30, 61, 122) 23px 23px,
639
- rgb(30, 61, 122) 24px 24px,
640
- rgb(30, 61, 122) 25px 25px,
641
- rgb(30, 61, 122) 26px 26px,
642
- rgb(30, 61, 122) 27px 27px,
643
- rgb(30, 61, 122) 28px 28px,
644
- rgb(30, 61, 122) 29px 29px,
645
- rgb(30, 61, 122) 30px 30px;
646
- }
647
-
648
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-flickr {
649
- background: #ff0586;
650
- border: 1px solid #d0006f;
651
- text-shadow: rgb(208, 0, 111) 1px 1px,
652
- rgb(208, 0, 111) 2px 2px,
653
- rgb(208, 0, 111) 3px 3px,
654
- rgb(208, 0, 111) 4px 4px,
655
- rgb(208, 0, 111) 5px 5px,
656
- rgb(208, 0, 111) 6px 6px,
657
- rgb(208, 0, 111) 7px 7px,
658
- rgb(208, 0, 111) 8px 8px,
659
- rgb(208, 0, 111) 9px 9px,
660
- rgb(208, 0, 111) 10px 10px,
661
- rgb(208, 0, 111) 11px 11px,
662
- rgb(208, 0, 111) 12px 12px,
663
- rgb(208, 0, 111) 13px 13px,
664
- rgb(208, 0, 111) 14px 14px,
665
- rgb(208, 0, 111) 15px 15px,
666
- rgb(208, 0, 111) 16px 16px,
667
- rgb(208, 0, 111) 17px 17px,
668
- rgb(208, 0, 111) 18px 18px,
669
- rgb(208, 0, 111) 19px 19px,
670
- rgb(208, 0, 111) 20px 20px,
671
- rgb(208, 0, 111) 21px 21px,
672
- rgb(208, 0, 111) 22px 22px,
673
- rgb(208, 0, 111) 23px 23px,
674
- rgb(208, 0, 111) 24px 24px,
675
- rgb(208, 0, 111) 25px 25px,
676
- rgb(208, 0, 111) 26px 26px,
677
- rgb(208, 0, 111) 27px 27px,
678
- rgb(208, 0, 111) 28px 28px,
679
- rgb(208, 0, 111) 29px 29px,
680
- rgb(208, 0, 111) 30px 30px;
681
- }
682
-
683
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-github {
684
- background: #829aa8;
685
- border: 1px solid #4f7385;
686
- text-shadow: rgb(79, 115, 133) 1px 1px,
687
- rgb(79, 115, 133) 2px 2px,
688
- rgb(79, 115, 133) 3px 3px,
689
- rgb(79, 115, 133) 4px 4px,
690
- rgb(79, 115, 133) 5px 5px,
691
- rgb(79, 115, 133) 6px 6px,
692
- rgb(79, 115, 133) 7px 7px,
693
- rgb(79, 115, 133) 8px 8px,
694
- rgb(79, 115, 133) 9px 9px,
695
- rgb(79, 115, 133) 10px 10px,
696
- rgb(79, 115, 133) 11px 11px,
697
- rgb(79, 115, 133) 12px 12px,
698
- rgb(79, 115, 133) 13px 13px,
699
- rgb(79, 115, 133) 14px 14px,
700
- rgb(79, 115, 133) 15px 15px,
701
- rgb(79, 115, 133) 16px 16px,
702
- rgb(79, 115, 133) 17px 17px,
703
- rgb(79, 115, 133) 18px 18px,
704
- rgb(79, 115, 133) 19px 19px,
705
- rgb(79, 115, 133) 20px 20px,
706
- rgb(79, 115, 133) 21px 21px,
707
- rgb(79, 115, 133) 22px 22px,
708
- rgb(79, 115, 133) 23px 23px,
709
- rgb(79, 115, 133) 24px 24px,
710
- rgb(79, 115, 133) 25px 25px,
711
- rgb(79, 115, 133) 26px 26px,
712
- rgb(79, 115, 133) 27px 27px,
713
- rgb(79, 115, 133) 28px 28px,
714
- rgb(79, 115, 133) 29px 29px,
715
- rgb(79, 115, 133) 30px 30px;
716
- }
717
-
718
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-google {
719
- background: #e8262f;
720
- border: 1px solid #c20c18;
721
- text-shadow: rgb(194, 12, 24) 1px 1px,
722
- rgb(194, 12, 24) 2px 2px,
723
- rgb(194, 12, 24) 3px 3px,
724
- rgb(194, 12, 24) 4px 4px,
725
- rgb(194, 12, 24) 5px 5px,
726
- rgb(194, 12, 24) 6px 6px,
727
- rgb(194, 12, 24) 7px 7px,
728
- rgb(194, 12, 24) 8px 8px,
729
- rgb(194, 12, 24) 9px 9px,
730
- rgb(194, 12, 24) 10px 10px,
731
- rgb(194, 12, 24) 11px 11px,
732
- rgb(194, 12, 24) 12px 12px,
733
- rgb(194, 12, 24) 13px 13px,
734
- rgb(194, 12, 24) 14px 14px,
735
- rgb(194, 12, 24) 15px 15px,
736
- rgb(194, 12, 24) 16px 16px,
737
- rgb(194, 12, 24) 17px 17px,
738
- rgb(194, 12, 24) 18px 18px,
739
- rgb(194, 12, 24) 19px 19px,
740
- rgb(194, 12, 24) 20px 20px,
741
- rgb(194, 12, 24) 21px 21px,
742
- rgb(194, 12, 24) 22px 22px,
743
- rgb(194, 12, 24) 23px 23px,
744
- rgb(194, 12, 24) 24px 24px,
745
- rgb(194, 12, 24) 25px 25px,
746
- rgb(194, 12, 24) 26px 26px,
747
- rgb(194, 12, 24) 27px 27px,
748
- rgb(194, 12, 24) 28px 28px,
749
- rgb(194, 12, 24) 29px 29px,
750
- rgb(194, 12, 24) 30px 30px;
751
- }
752
-
753
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-googleplus {
754
- background: #dd4b39;
755
- border: 1px solid #b32414;
756
- text-shadow: rgb(179, 36, 20) 1px 1px,
757
- rgb(179, 36, 20) 2px 2px,
758
- rgb(179, 36, 20) 3px 3px,
759
- rgb(179, 36, 20) 4px 4px,
760
- rgb(179, 36, 20) 5px 5px,
761
- rgb(179, 36, 20) 6px 6px,
762
- rgb(179, 36, 20) 7px 7px,
763
- rgb(179, 36, 20) 8px 8px,
764
- rgb(179, 36, 20) 9px 9px,
765
- rgb(179, 36, 20) 10px 10px,
766
- rgb(179, 36, 20) 11px 11px,
767
- rgb(179, 36, 20) 12px 12px,
768
- rgb(179, 36, 20) 13px 13px,
769
- rgb(179, 36, 20) 14px 14px,
770
- rgb(179, 36, 20) 15px 15px,
771
- rgb(179, 36, 20) 16px 16px,
772
- rgb(179, 36, 20) 17px 17px,
773
- rgb(179, 36, 20) 18px 18px,
774
- rgb(179, 36, 20) 19px 19px,
775
- rgb(179, 36, 20) 20px 20px,
776
- rgb(179, 36, 20) 21px 21px,
777
- rgb(179, 36, 20) 22px 22px,
778
- rgb(179, 36, 20) 23px 23px,
779
- rgb(179, 36, 20) 24px 24px,
780
- rgb(179, 36, 20) 25px 25px,
781
- rgb(179, 36, 20) 26px 26px,
782
- rgb(179, 36, 20) 27px 27px,
783
- rgb(179, 36, 20) 28px 28px,
784
- rgb(179, 36, 20) 29px 29px,
785
- rgb(179, 36, 20) 30px 30px;
786
- }
787
-
788
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-html5 {
789
- background: #f16528;
790
- border: 1px solid #c23d08;
791
- text-shadow: rgb(194, 61, 8) 1px 1px,
792
- rgb(194, 61, 8) 2px 2px,
793
- rgb(194, 61, 8) 3px 3px,
794
- rgb(194, 61, 8) 4px 4px,
795
- rgb(194, 61, 8) 5px 5px,
796
- rgb(194, 61, 8) 6px 6px,
797
- rgb(194, 61, 8) 7px 7px,
798
- rgb(194, 61, 8) 8px 8px,
799
- rgb(194, 61, 8) 9px 9px,
800
- rgb(194, 61, 8) 10px 10px,
801
- rgb(194, 61, 8) 11px 11px,
802
- rgb(194, 61, 8) 12px 12px,
803
- rgb(194, 61, 8) 13px 13px,
804
- rgb(194, 61, 8) 14px 14px,
805
- rgb(194, 61, 8) 15px 15px,
806
- rgb(194, 61, 8) 16px 16px,
807
- rgb(194, 61, 8) 17px 17px,
808
- rgb(194, 61, 8) 18px 18px,
809
- rgb(194, 61, 8) 19px 19px,
810
- rgb(194, 61, 8) 20px 20px,
811
- rgb(194, 61, 8) 21px 21px,
812
- rgb(194, 61, 8) 22px 22px,
813
- rgb(194, 61, 8) 23px 23px,
814
- rgb(194, 61, 8) 24px 24px,
815
- rgb(194, 61, 8) 25px 25px,
816
- rgb(194, 61, 8) 26px 26px,
817
- rgb(194, 61, 8) 27px 27px,
818
- rgb(194, 61, 8) 28px 28px,
819
- rgb(194, 61, 8) 29px 29px,
820
- rgb(194, 61, 8) 30px 30px;
821
- }
822
-
823
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-instagram {
824
- background: #417096;
825
- border: 1px solid #244f70;
826
- text-shadow: rgb(36, 79, 112) 1px 1px,
827
- rgb(36, 79, 112) 2px 2px,
828
- rgb(36, 79, 112) 3px 3px,
829
- rgb(36, 79, 112) 4px 4px,
830
- rgb(36, 79, 112) 5px 5px,
831
- rgb(36, 79, 112) 6px 6px,
832
- rgb(36, 79, 112) 7px 7px,
833
- rgb(36, 79, 112) 8px 8px,
834
- rgb(36, 79, 112) 9px 9px,
835
- rgb(36, 79, 112) 10px 10px,
836
- rgb(36, 79, 112) 11px 11px,
837
- rgb(36, 79, 112) 12px 12px,
838
- rgb(36, 79, 112) 13px 13px,
839
- rgb(36, 79, 112) 14px 14px,
840
- rgb(36, 79, 112) 15px 15px,
841
- rgb(36, 79, 112) 16px 16px,
842
- rgb(36, 79, 112) 17px 17px,
843
- rgb(36, 79, 112) 18px 18px,
844
- rgb(36, 79, 112) 19px 19px,
845
- rgb(36, 79, 112) 20px 20px,
846
- rgb(36, 79, 112) 21px 21px,
847
- rgb(36, 79, 112) 22px 22px,
848
- rgb(36, 79, 112) 23px 23px,
849
- rgb(36, 79, 112) 24px 24px,
850
- rgb(36, 79, 112) 25px 25px,
851
- rgb(36, 79, 112) 26px 26px,
852
- rgb(36, 79, 112) 27px 27px,
853
- rgb(36, 79, 112) 28px 28px,
854
- rgb(36, 79, 112) 29px 29px,
855
- rgb(36, 79, 112) 30px 30px;
856
- }
857
-
858
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-linkedin {
859
- background: #1583bb;
860
- border: 1px solid #036390;
861
- text-shadow: rgb(3, 99, 144) 1px 1px,
862
- rgb(3, 99, 144) 2px 2px,
863
- rgb(3, 99, 144) 3px 3px,
864
- rgb(3, 99, 144) 4px 4px,
865
- rgb(3, 99, 144) 5px 5px,
866
- rgb(3, 99, 144) 6px 6px,
867
- rgb(3, 99, 144) 7px 7px,
868
- rgb(3, 99, 144) 8px 8px,
869
- rgb(3, 99, 144) 9px 9px,
870
- rgb(3, 99, 144) 10px 10px,
871
- rgb(3, 99, 144) 11px 11px,
872
- rgb(3, 99, 144) 12px 12px,
873
- rgb(3, 99, 144) 13px 13px,
874
- rgb(3, 99, 144) 14px 14px,
875
- rgb(3, 99, 144) 15px 15px,
876
- rgb(3, 99, 144) 16px 16px,
877
- rgb(3, 99, 144) 17px 17px,
878
- rgb(3, 99, 144) 18px 18px,
879
- rgb(3, 99, 144) 19px 19px,
880
- rgb(3, 99, 144) 20px 20px,
881
- rgb(3, 99, 144) 21px 21px,
882
- rgb(3, 99, 144) 22px 22px,
883
- rgb(3, 99, 144) 23px 23px,
884
- rgb(3, 99, 144) 24px 24px,
885
- rgb(3, 99, 144) 25px 25px,
886
- rgb(3, 99, 144) 26px 26px,
887
- rgb(3, 99, 144) 27px 27px,
888
- rgb(3, 99, 144) 28px 28px,
889
- rgb(3, 99, 144) 29px 29px,
890
- rgb(3, 99, 144) 30px 30px;
891
- }
892
-
893
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-pinterest {
894
- background: #cb2027;
895
- border: 1px solid #9d060e;
896
- text-shadow: rgb(157, 6, 62) 1px 1px,
897
- rgb(157, 6, 62) 2px 2px,
898
- rgb(157, 6, 62) 3px 3px,
899
- rgb(157, 6, 62) 4px 4px,
900
- rgb(157, 6, 62) 5px 5px,
901
- rgb(157, 6, 62) 6px 6px,
902
- rgb(157, 6, 62) 7px 7px,
903
- rgb(157, 6, 62) 8px 8px,
904
- rgb(157, 6, 62) 9px 9px,
905
- rgb(157, 6, 62) 10px 10px,
906
- rgb(157, 6, 62) 11px 11px,
907
- rgb(157, 6, 62) 12px 12px,
908
- rgb(157, 6, 62) 13px 13px,
909
- rgb(157, 6, 62) 14px 14px,
910
- rgb(157, 6, 62) 15px 15px,
911
- rgb(157, 6, 62) 16px 16px,
912
- rgb(157, 6, 62) 17px 17px,
913
- rgb(157, 6, 62) 18px 18px,
914
- rgb(157, 6, 62) 19px 19px,
915
- rgb(157, 6, 62) 20px 20px,
916
- rgb(157, 6, 62) 21px 21px,
917
- rgb(157, 6, 62) 22px 22px,
918
- rgb(157, 6, 62) 23px 23px,
919
- rgb(157, 6, 62) 24px 24px,
920
- rgb(157, 6, 62) 25px 25px,
921
- rgb(157, 6, 62) 26px 26px,
922
- rgb(157, 6, 62) 27px 27px,
923
- rgb(157, 6, 62) 28px 28px,
924
- rgb(157, 6, 62) 29px 29px,
925
- rgb(157, 6, 62) 30px 30px;
926
- }
927
-
928
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-reddit {
929
- background: #ff4107;
930
- border: 1px solid #c62d02;
931
- text-shadow: rgb(198, 45, 2) 1px 1px,
932
- rgb(198, 45, 2) 2px 2px,
933
- rgb(198, 45, 2) 3px 3px,
934
- rgb(198, 45, 2) 4px 4px,
935
- rgb(198, 45, 2) 5px 5px,
936
- rgb(198, 45, 2) 6px 6px,
937
- rgb(198, 45, 2) 7px 7px,
938
- rgb(198, 45, 2) 8px 8px,
939
- rgb(198, 45, 2) 9px 9px,
940
- rgb(198, 45, 2) 10px 10px,
941
- rgb(198, 45, 2) 11px 11px,
942
- rgb(198, 45, 2) 12px 12px,
943
- rgb(198, 45, 2) 13px 13px,
944
- rgb(198, 45, 2) 14px 14px,
945
- rgb(198, 45, 2) 15px 15px,
946
- rgb(198, 45, 2) 16px 16px,
947
- rgb(198, 45, 2) 17px 17px,
948
- rgb(198, 45, 2) 18px 18px,
949
- rgb(198, 45, 2) 19px 19px,
950
- rgb(198, 45, 2) 20px 20px,
951
- rgb(198, 45, 2) 21px 21px,
952
- rgb(198, 45, 2) 22px 22px,
953
- rgb(198, 45, 2) 23px 23px,
954
- rgb(198, 45, 2) 24px 24px,
955
- rgb(198, 45, 2) 25px 25px,
956
- rgb(198, 45, 2) 26px 26px,
957
- rgb(198, 45, 2) 27px 27px,
958
- rgb(198, 45, 2) 28px 28px,
959
- rgb(198, 45, 2) 29px 29px,
960
- rgb(198, 45, 2) 30px 30px;
961
- }
962
-
963
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-rss {
964
- background: #ff7a21;
965
- border: 1px solid #c24b02;
966
- text-shadow: rgb(194, 75, 2) 1px 1px,
967
- rgb(194, 75, 2) 2px 2px,
968
- rgb(194, 75, 2) 3px 3px,
969
- rgb(194, 75, 2) 4px 4px,
970
- rgb(194, 75, 2) 5px 5px,
971
- rgb(194, 75, 2) 6px 6px,
972
- rgb(194, 75, 2) 7px 7px,
973
- rgb(194, 75, 2) 8px 8px,
974
- rgb(194, 75, 2) 9px 9px,
975
- rgb(194, 75, 2) 10px 10px,
976
- rgb(194, 75, 2) 11px 11px,
977
- rgb(194, 75, 2) 12px 12px,
978
- rgb(194, 75, 2) 13px 13px,
979
- rgb(194, 75, 2) 14px 14px,
980
- rgb(194, 75, 2) 15px 15px,
981
- rgb(194, 75, 2) 16px 16px,
982
- rgb(194, 75, 2) 17px 17px,
983
- rgb(194, 75, 2) 18px 18px,
984
- rgb(194, 75, 2) 19px 19px,
985
- rgb(194, 75, 2) 20px 20px,
986
- rgb(194, 75, 2) 21px 21px,
987
- rgb(194, 75, 2) 22px 22px,
988
- rgb(194, 75, 2) 23px 23px,
989
- rgb(194, 75, 2) 24px 24px,
990
- rgb(194, 75, 2) 25px 25px,
991
- rgb(194, 75, 2) 26px 26px,
992
- rgb(194, 75, 2) 27px 27px,
993
- rgb(194, 75, 2) 28px 28px,
994
- rgb(194, 75, 2) 29px 29px,
995
- rgb(194, 75, 2) 30px 30px;
996
- }
997
-
998
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-sharethis {
999
- background: #1d9565;
1000
- border: 1px solid #076840;
1001
- text-shadow: rgb(7, 104, 64) 1px 1px,
1002
- rgb(7, 104, 64) 2px 2px,
1003
- rgb(7, 104, 64) 3px 3px,
1004
- rgb(7, 104, 64) 4px 4px,
1005
- rgb(7, 104, 64) 5px 5px,
1006
- rgb(7, 104, 64) 6px 6px,
1007
- rgb(7, 104, 64) 7px 7px,
1008
- rgb(7, 104, 64) 8px 8px,
1009
- rgb(7, 104, 64) 9px 9px,
1010
- rgb(7, 104, 64) 10px 10px,
1011
- rgb(7, 104, 64) 11px 11px,
1012
- rgb(7, 104, 64) 12px 12px,
1013
- rgb(7, 104, 64) 13px 13px,
1014
- rgb(7, 104, 64) 14px 14px,
1015
- rgb(7, 104, 64) 15px 15px,
1016
- rgb(7, 104, 64) 16px 16px,
1017
- rgb(7, 104, 64) 17px 17px,
1018
- rgb(7, 104, 64) 18px 18px,
1019
- rgb(7, 104, 64) 19px 19px,
1020
- rgb(7, 104, 64) 20px 20px,
1021
- rgb(7, 104, 64) 21px 21px,
1022
- rgb(7, 104, 64) 22px 22px,
1023
- rgb(7, 104, 64) 23px 23px,
1024
- rgb(7, 104, 64) 24px 24px,
1025
- rgb(7, 104, 64) 25px 25px,
1026
- rgb(7, 104, 64) 26px 26px,
1027
- rgb(7, 104, 64) 27px 27px,
1028
- rgb(7, 104, 64) 28px 28px,
1029
- rgb(7, 104, 64) 29px 29px,
1030
- rgb(7, 104, 64) 30px 30px;
1031
- }
1032
-
1033
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-skype {
1034
- background: #3fc1f4;
1035
- border: 1px solid #1b95c2;
1036
- text-shadow: rgb(27, 149, 194) 1px 1px,
1037
- rgb(27, 149, 194) 2px 2px,
1038
- rgb(27, 149, 194) 3px 3px,
1039
- rgb(27, 149, 194) 4px 4px,
1040
- rgb(27, 149, 194) 5px 5px,
1041
- rgb(27, 149, 194) 6px 6px,
1042
- rgb(27, 149, 194) 7px 7px,
1043
- rgb(27, 149, 194) 8px 8px,
1044
- rgb(27, 149, 194) 9px 9px,
1045
- rgb(27, 149, 194) 10px 10px,
1046
- rgb(27, 149, 194) 11px 11px,
1047
- rgb(27, 149, 194) 12px 12px,
1048
- rgb(27, 149, 194) 13px 13px,
1049
- rgb(27, 149, 194) 14px 14px,
1050
- rgb(27, 149, 194) 15px 15px,
1051
- rgb(27, 149, 194) 16px 16px,
1052
- rgb(27, 149, 194) 17px 17px,
1053
- rgb(27, 149, 194) 18px 18px,
1054
- rgb(27, 149, 194) 19px 19px,
1055
- rgb(27, 149, 194) 20px 20px,
1056
- rgb(27, 149, 194) 21px 21px,
1057
- rgb(27, 149, 194) 22px 22px,
1058
- rgb(27, 149, 194) 23px 23px,
1059
- rgb(27, 149, 194) 24px 24px,
1060
- rgb(27, 149, 194) 25px 25px,
1061
- rgb(27, 149, 194) 26px 26px,
1062
- rgb(27, 149, 194) 27px 27px,
1063
- rgb(27, 149, 194) 28px 28px,
1064
- rgb(27, 149, 194) 29px 29px,
1065
- rgb(27, 149, 194) 30px 30px;
1066
- }
1067
-
1068
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-soundcloud {
1069
- background: #ff5419;
1070
- border: 1px solid #c73002;
1071
- text-shadow: rgb(199, 48, 2) 1px 1px,
1072
- rgb(199, 48, 2) 2px 2px,
1073
- rgb(199, 48, 2) 3px 3px,
1074
- rgb(199, 48, 2) 4px 4px,
1075
- rgb(199, 48, 2) 5px 5px,
1076
- rgb(199, 48, 2) 6px 6px,
1077
- rgb(199, 48, 2) 7px 7px,
1078
- rgb(199, 48, 2) 8px 8px,
1079
- rgb(199, 48, 2) 9px 9px,
1080
- rgb(199, 48, 2) 10px 10px,
1081
- rgb(199, 48, 2) 11px 11px,
1082
- rgb(199, 48, 2) 12px 12px,
1083
- rgb(199, 48, 2) 13px 13px,
1084
- rgb(199, 48, 2) 14px 14px,
1085
- rgb(199, 48, 2) 15px 15px,
1086
- rgb(199, 48, 2) 16px 16px,
1087
- rgb(199, 48, 2) 17px 17px,
1088
- rgb(199, 48, 2) 18px 18px,
1089
- rgb(199, 48, 2) 19px 19px,
1090
- rgb(199, 48, 2) 20px 20px,
1091
- rgb(199, 48, 2) 21px 21px,
1092
- rgb(199, 48, 2) 22px 22px,
1093
- rgb(199, 48, 2) 23px 23px,
1094
- rgb(199, 48, 2) 24px 24px,
1095
- rgb(199, 48, 2) 25px 25px,
1096
- rgb(199, 48, 2) 26px 26px,
1097
- rgb(199, 48, 2) 27px 27px,
1098
- rgb(199, 48, 2) 28px 28px,
1099
- rgb(199, 48, 2) 29px 29px,
1100
- rgb(199, 48, 2) 30px 30px;
1101
- }
1102
-
1103
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-spotify {
1104
- background: #aecf02;
1105
- border: 1px solid #829900;
1106
- text-shadow: rgb(130, 153, 0) 1px 1px,
1107
- rgb(130, 153, 0) 2px 2px,
1108
- rgb(130, 153, 0) 3px 3px,
1109
- rgb(130, 153, 0) 4px 4px,
1110
- rgb(130, 153, 0) 5px 5px,
1111
- rgb(130, 153, 0) 6px 6px,
1112
- rgb(130, 153, 0) 7px 7px,
1113
- rgb(130, 153, 0) 8px 8px,
1114
- rgb(130, 153, 0) 9px 9px,
1115
- rgb(130, 153, 0) 10px 10px,
1116
- rgb(130, 153, 0) 11px 11px,
1117
- rgb(130, 153, 0) 12px 12px,
1118
- rgb(130, 153, 0) 13px 13px,
1119
- rgb(130, 153, 0) 14px 14px,
1120
- rgb(130, 153, 0) 15px 15px,
1121
- rgb(130, 153, 0) 16px 16px,
1122
- rgb(130, 153, 0) 17px 17px,
1123
- rgb(130, 153, 0) 18px 18px,
1124
- rgb(130, 153, 0) 19px 19px,
1125
- rgb(130, 153, 0) 20px 20px,
1126
- rgb(130, 153, 0) 21px 21px,
1127
- rgb(130, 153, 0) 22px 22px,
1128
- rgb(130, 153, 0) 23px 23px,
1129
- rgb(130, 153, 0) 24px 24px,
1130
- rgb(130, 153, 0) 25px 25px,
1131
- rgb(130, 153, 0) 26px 26px,
1132
- rgb(130, 153, 0) 27px 27px,
1133
- rgb(130, 153, 0) 28px 28px,
1134
- rgb(130, 153, 0) 29px 29px,
1135
- rgb(130, 153, 0) 30px 30px;
1136
- }
1137
-
1138
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-stackoverflow {
1139
- background: #ff661e;
1140
- border: 1px solid #ce3a00;
1141
- text-shadow: rgb(206, 58, 0) 1px 1px,
1142
- rgb(206, 58, 0) 2px 2px,
1143
- rgb(206, 58, 0) 3px 3px,
1144
- rgb(206, 58, 0) 4px 4px,
1145
- rgb(206, 58, 0) 5px 5px,
1146
- rgb(206, 58, 0) 6px 6px,
1147
- rgb(206, 58, 0) 7px 7px,
1148
- rgb(206, 58, 0) 8px 8px,
1149
- rgb(206, 58, 0) 9px 9px,
1150
- rgb(206, 58, 0) 10px 10px,
1151
- rgb(206, 58, 0) 11px 11px,
1152
- rgb(206, 58, 0) 12px 12px,
1153
- rgb(206, 58, 0) 13px 13px,
1154
- rgb(206, 58, 0) 14px 14px,
1155
- rgb(206, 58, 0) 15px 15px,
1156
- rgb(206, 58, 0) 16px 16px,
1157
- rgb(206, 58, 0) 17px 17px,
1158
- rgb(206, 58, 0) 18px 18px,
1159
- rgb(206, 58, 0) 19px 19px,
1160
- rgb(206, 58, 0) 20px 20px,
1161
- rgb(206, 58, 0) 21px 21px,
1162
- rgb(206, 58, 0) 22px 22px,
1163
- rgb(206, 58, 0) 23px 23px,
1164
- rgb(206, 58, 0) 24px 24px,
1165
- rgb(206, 58, 0) 25px 25px,
1166
- rgb(206, 58, 0) 26px 26px,
1167
- rgb(206, 58, 0) 27px 27px,
1168
- rgb(206, 58, 0) 28px 28px,
1169
- rgb(206, 58, 0) 29px 29px,
1170
- rgb(206, 58, 0) 30px 30px;
1171
- }
1172
-
1173
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-steam,
1174
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-user_email {
1175
- background: #484848;
1176
- border: 1px solid #302b2b;
1177
- text-shadow: rgb(48, 43, 43) 1px 1px,
1178
- rgb(48, 43, 43) 2px 2px,
1179
- rgb(48, 43, 43) 3px 3px,
1180
- rgb(48, 43, 43) 4px 4px,
1181
- rgb(48, 43, 43) 5px 5px,
1182
- rgb(48, 43, 43) 6px 6px,
1183
- rgb(48, 43, 43) 7px 7px,
1184
- rgb(48, 43, 43) 8px 8px,
1185
- rgb(48, 43, 43) 9px 9px,
1186
- rgb(48, 43, 43) 10px 10px,
1187
- rgb(48, 43, 43) 11px 11px,
1188
- rgb(48, 43, 43) 12px 12px,
1189
- rgb(48, 43, 43) 13px 13px,
1190
- rgb(48, 43, 43) 14px 14px,
1191
- rgb(48, 43, 43) 15px 15px,
1192
- rgb(48, 43, 43) 16px 16px,
1193
- rgb(48, 43, 43) 17px 17px,
1194
- rgb(48, 43, 43) 18px 18px,
1195
- rgb(48, 43, 43) 19px 19px,
1196
- rgb(48, 43, 43) 20px 20px,
1197
- rgb(48, 43, 43) 21px 21px,
1198
- rgb(48, 43, 43) 22px 22px,
1199
- rgb(48, 43, 43) 23px 23px,
1200
- rgb(48, 43, 43) 24px 24px,
1201
- rgb(48, 43, 43) 25px 25px,
1202
- rgb(48, 43, 43) 26px 26px,
1203
- rgb(48, 43, 43) 27px 27px,
1204
- rgb(48, 43, 43) 28px 28px,
1205
- rgb(48, 43, 43) 29px 29px,
1206
- rgb(48, 43, 43) 30px 30px;
1207
- }
1208
-
1209
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-stumbleUpon {
1210
- background: #eb4923;
1211
- border: 1px solid #be2507;
1212
- text-shadow: rgb(190, 37, 7) 1px 1px,
1213
- rgb(190, 37, 7) 2px 2px,
1214
- rgb(190, 37, 7) 3px 3px,
1215
- rgb(190, 37, 7) 4px 4px,
1216
- rgb(190, 37, 7) 5px 5px,
1217
- rgb(190, 37, 7) 6px 6px,
1218
- rgb(190, 37, 7) 7px 7px,
1219
- rgb(190, 37, 7) 8px 8px,
1220
- rgb(190, 37, 7) 9px 9px,
1221
- rgb(190, 37, 7) 10px 10px,
1222
- rgb(190, 37, 7) 11px 11px,
1223
- rgb(190, 37, 7) 12px 12px,
1224
- rgb(190, 37, 7) 13px 13px,
1225
- rgb(190, 37, 7) 14px 14px,
1226
- rgb(190, 37, 7) 15px 15px,
1227
- rgb(190, 37, 7) 16px 16px,
1228
- rgb(190, 37, 7) 17px 17px,
1229
- rgb(190, 37, 7) 18px 18px,
1230
- rgb(190, 37, 7) 19px 19px,
1231
- rgb(190, 37, 7) 20px 20px,
1232
- rgb(190, 37, 7) 21px 21px,
1233
- rgb(190, 37, 7) 22px 22px,
1234
- rgb(190, 37, 7) 23px 23px,
1235
- rgb(190, 37, 7) 24px 24px,
1236
- rgb(190, 37, 7) 25px 25px,
1237
- rgb(190, 37, 7) 26px 26px,
1238
- rgb(190, 37, 7) 27px 27px,
1239
- rgb(190, 37, 7) 28px 28px,
1240
- rgb(190, 37, 7) 29px 29px,
1241
- rgb(190, 37, 7) 30px 30px;
1242
- }
1243
-
1244
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-tumblr {
1245
- background: #3c576c;
1246
- border: 1px solid #1e3546;
1247
- text-shadow: rgb(30, 53, 70) 1px 1px,
1248
- rgb(30, 53, 70) 2px 2px,
1249
- rgb(30, 53, 70) 3px 3px,
1250
- rgb(30, 53, 70) 4px 4px,
1251
- rgb(30, 53, 70) 5px 5px,
1252
- rgb(30, 53, 70) 6px 6px,
1253
- rgb(30, 53, 70) 7px 7px,
1254
- rgb(30, 53, 70) 8px 8px,
1255
- rgb(30, 53, 70) 9px 9px,
1256
- rgb(30, 53, 70) 10px 10px,
1257
- rgb(30, 53, 70) 11px 11px,
1258
- rgb(30, 53, 70) 12px 12px,
1259
- rgb(30, 53, 70) 13px 13px,
1260
- rgb(30, 53, 70) 14px 14px,
1261
- rgb(30, 53, 70) 15px 15px,
1262
- rgb(30, 53, 70) 16px 16px,
1263
- rgb(30, 53, 70) 17px 17px,
1264
- rgb(30, 53, 70) 18px 18px,
1265
- rgb(30, 53, 70) 19px 19px,
1266
- rgb(30, 53, 70) 20px 20px,
1267
- rgb(30, 53, 70) 21px 21px,
1268
- rgb(30, 53, 70) 22px 22px,
1269
- rgb(30, 53, 70) 23px 23px,
1270
- rgb(30, 53, 70) 24px 24px,
1271
- rgb(30, 53, 70) 25px 25px,
1272
- rgb(30, 53, 70) 26px 26px,
1273
- rgb(30, 53, 70) 27px 27px,
1274
- rgb(30, 53, 70) 28px 28px,
1275
- rgb(30, 53, 70) 29px 29px,
1276
- rgb(30, 53, 70) 30px 30px;
1277
- }
1278
-
1279
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-twitter {
1280
- background: #00aced;
1281
- border: 1px solid #008ab8;
1282
- text-shadow: rgb(0, 138, 184) 1px 1px,
1283
- rgb(0, 138, 184) 2px 2px,
1284
- rgb(0, 138, 184) 3px 3px,
1285
- rgb(0, 138, 184) 4px 4px,
1286
- rgb(0, 138, 184) 5px 5px,
1287
- rgb(0, 138, 184) 6px 6px,
1288
- rgb(0, 138, 184) 7px 7px,
1289
- rgb(0, 138, 184) 8px 8px,
1290
- rgb(0, 138, 184) 9px 9px,
1291
- rgb(0, 138, 184) 10px 10px,
1292
- rgb(0, 138, 184) 11px 11px,
1293
- rgb(0, 138, 184) 12px 12px,
1294
- rgb(0, 138, 184) 13px 13px,
1295
- rgb(0, 138, 184) 14px 14px,
1296
- rgb(0, 138, 184) 15px 15px,
1297
- rgb(0, 138, 184) 16px 16px,
1298
- rgb(0, 138, 184) 17px 17px,
1299
- rgb(0, 138, 184) 18px 18px,
1300
- rgb(0, 138, 184) 19px 19px,
1301
- rgb(0, 138, 184) 20px 20px,
1302
- rgb(0, 138, 184) 21px 21px,
1303
- rgb(0, 138, 184) 22px 22px,
1304
- rgb(0, 138, 184) 23px 23px,
1305
- rgb(0, 138, 184) 24px 24px,
1306
- rgb(0, 138, 184) 25px 25px,
1307
- rgb(0, 138, 184) 26px 26px,
1308
- rgb(0, 138, 184) 27px 27px,
1309
- rgb(0, 138, 184) 28px 28px,
1310
- rgb(0, 138, 184) 29px 29px,
1311
- rgb(0, 138, 184) 30px 30px;
1312
- }
1313
-
1314
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-vimeo {
1315
- background: #006599;
1316
- border: 1px solid #00496a;
1317
- text-shadow: rgb(0, 73, 106) 1px 1px,
1318
- rgb(0, 73, 106) 2px 2px,
1319
- rgb(0, 73, 106) 3px 3px,
1320
- rgb(0, 73, 106) 4px 4px,
1321
- rgb(0, 73, 106) 5px 5px,
1322
- rgb(0, 73, 106) 6px 6px,
1323
- rgb(0, 73, 106) 7px 7px,
1324
- rgb(0, 73, 106) 8px 8px,
1325
- rgb(0, 73, 106) 9px 9px,
1326
- rgb(0, 73, 106) 10px 10px,
1327
- rgb(0, 73, 106) 11px 11px,
1328
- rgb(0, 73, 106) 12px 12px,
1329
- rgb(0, 73, 106) 13px 13px,
1330
- rgb(0, 73, 106) 14px 14px,
1331
- rgb(0, 73, 106) 15px 15px,
1332
- rgb(0, 73, 106) 16px 16px,
1333
- rgb(0, 73, 106) 17px 17px,
1334
- rgb(0, 73, 106) 18px 18px,
1335
- rgb(0, 73, 106) 19px 19px,
1336
- rgb(0, 73, 106) 20px 20px,
1337
- rgb(0, 73, 106) 21px 21px,
1338
- rgb(0, 73, 106) 22px 22px,
1339
- rgb(0, 73, 106) 23px 23px,
1340
- rgb(0, 73, 106) 24px 24px,
1341
- rgb(0, 73, 106) 25px 25px,
1342
- rgb(0, 73, 106) 26px 26px,
1343
- rgb(0, 73, 106) 27px 27px,
1344
- rgb(0, 73, 106) 28px 28px,
1345
- rgb(0, 73, 106) 29px 29px,
1346
- rgb(0, 73, 106) 30px 30px;
1347
- }
1348
-
1349
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-windows {
1350
- background: #00adef;
1351
- border: 1px solid #038bbc;
1352
- text-shadow: rgb(3, 139, 188) 1px 1px,
1353
- rgb(3, 139, 188) 2px 2px,
1354
- rgb(3, 139, 188) 3px 3px,
1355
- rgb(3, 139, 188) 4px 4px,
1356
- rgb(3, 139, 188) 5px 5px,
1357
- rgb(3, 139, 188) 6px 6px,
1358
- rgb(3, 139, 188) 7px 7px,
1359
- rgb(3, 139, 188) 8px 8px,
1360
- rgb(3, 139, 188) 9px 9px,
1361
- rgb(3, 139, 188) 10px 10px,
1362
- rgb(3, 139, 188) 11px 11px,
1363
- rgb(3, 139, 188) 12px 12px,
1364
- rgb(3, 139, 188) 13px 13px,
1365
- rgb(3, 139, 188) 14px 14px,
1366
- rgb(3, 139, 188) 15px 15px,
1367
- rgb(3, 139, 188) 16px 16px,
1368
- rgb(3, 139, 188) 17px 17px,
1369
- rgb(3, 139, 188) 18px 18px,
1370
- rgb(3, 139, 188) 19px 19px,
1371
- rgb(3, 139, 188) 20px 20px,
1372
- rgb(3, 139, 188) 21px 21px,
1373
- rgb(3, 139, 188) 22px 22px,
1374
- rgb(3, 139, 188) 23px 23px,
1375
- rgb(3, 139, 188) 24px 24px,
1376
- rgb(3, 139, 188) 25px 25px,
1377
- rgb(3, 139, 188) 26px 26px,
1378
- rgb(3, 139, 188) 27px 27px,
1379
- rgb(3, 139, 188) 28px 28px,
1380
- rgb(3, 139, 188) 29px 29px,
1381
- rgb(3, 139, 188) 30px 30px;
1382
- }
1383
-
1384
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-wordpress {
1385
- background: #21759a;
1386
- border: 1px solid #0f607e;
1387
- text-shadow: rgb(15, 96, 126) 1px 1px,
1388
- rgb(15, 96, 126) 2px 2px,
1389
- rgb(15, 96, 126) 3px 3px,
1390
- rgb(15, 96, 126) 4px 4px,
1391
- rgb(15, 96, 126) 5px 5px,
1392
- rgb(15, 96, 126) 6px 6px,
1393
- rgb(15, 96, 126) 7px 7px,
1394
- rgb(15, 96, 126) 8px 8px,
1395
- rgb(15, 96, 126) 9px 9px,
1396
- rgb(15, 96, 126) 10px 10px,
1397
- rgb(15, 96, 126) 11px 11px,
1398
- rgb(15, 96, 126) 12px 12px,
1399
- rgb(15, 96, 126) 13px 13px,
1400
- rgb(15, 96, 126) 14px 14px,
1401
- rgb(15, 96, 126) 15px 15px,
1402
- rgb(15, 96, 126) 16px 16px,
1403
- rgb(15, 96, 126) 17px 17px,
1404
- rgb(15, 96, 126) 18px 18px,
1405
- rgb(15, 96, 126) 19px 19px,
1406
- rgb(15, 96, 126) 20px 20px,
1407
- rgb(15, 96, 126) 21px 21px,
1408
- rgb(15, 96, 126) 22px 22px,
1409
- rgb(15, 96, 126) 23px 23px,
1410
- rgb(15, 96, 126) 24px 24px,
1411
- rgb(15, 96, 126) 25px 25px,
1412
- rgb(15, 96, 126) 26px 26px,
1413
- rgb(15, 96, 126) 27px 27px,
1414
- rgb(15, 96, 126) 28px 28px,
1415
- rgb(15, 96, 126) 29px 29px,
1416
- rgb(15, 96, 126) 30px 30px;
1417
- }
1418
-
1419
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-yahoo {
1420
- background: #4101af;
1421
- border: 1px solid #290074;
1422
- text-shadow: rgb(41, 0, 116) 1px 1px,
1423
- rgb(41, 0, 116) 2px 2px,
1424
- rgb(41, 0, 116) 3px 3px,
1425
- rgb(41, 0, 116) 4px 4px,
1426
- rgb(41, 0, 116) 5px 5px,
1427
- rgb(41, 0, 116) 6px 6px,
1428
- rgb(41, 0, 116) 7px 7px,
1429
- rgb(41, 0, 116) 8px 8px,
1430
- rgb(41, 0, 116) 9px 9px,
1431
- rgb(41, 0, 116) 10px 10px,
1432
- rgb(41, 0, 116) 11px 11px,
1433
- rgb(41, 0, 116) 12px 12px,
1434
- rgb(41, 0, 116) 13px 13px,
1435
- rgb(41, 0, 116) 14px 14px,
1436
- rgb(41, 0, 116) 15px 15px,
1437
- rgb(41, 0, 116) 16px 16px,
1438
- rgb(41, 0, 116) 17px 17px,
1439
- rgb(41, 0, 116) 18px 18px,
1440
- rgb(41, 0, 116) 19px 19px,
1441
- rgb(41, 0, 116) 20px 20px,
1442
- rgb(41, 0, 116) 21px 21px,
1443
- rgb(41, 0, 116) 22px 22px,
1444
- rgb(41, 0, 116) 23px 23px,
1445
- rgb(41, 0, 116) 24px 24px,
1446
- rgb(41, 0, 116) 25px 25px,
1447
- rgb(41, 0, 116) 26px 26px,
1448
- rgb(41, 0, 116) 27px 27px,
1449
- rgb(41, 0, 116) 28px 28px,
1450
- rgb(41, 0, 116) 29px 29px,
1451
- rgb(41, 0, 116) 30px 30px;
1452
- }
1453
-
1454
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-youtube {
1455
- background: #e52c27;
1456
- border: 1px solid #be0707;
1457
- text-shadow: rgb(190, 7, 7) 1px 1px,
1458
- rgb(190, 7, 7) 2px 2px,
1459
- rgb(190, 7, 7) 3px 3px,
1460
- rgb(190, 7, 7) 4px 4px,
1461
- rgb(190, 7, 7) 5px 5px,
1462
- rgb(190, 7, 7) 6px 6px,
1463
- rgb(190, 7, 7) 7px 7px,
1464
- rgb(190, 7, 7) 8px 8px,
1465
- rgb(190, 7, 7) 9px 9px,
1466
- rgb(190, 7, 7) 10px 10px,
1467
- rgb(190, 7, 7) 11px 11px,
1468
- rgb(190, 7, 7) 12px 12px,
1469
- rgb(190, 7, 7) 13px 13px,
1470
- rgb(190, 7, 7) 14px 14px,
1471
- rgb(190, 7, 7) 15px 15px,
1472
- rgb(190, 7, 7) 16px 16px,
1473
- rgb(190, 7, 7) 17px 17px,
1474
- rgb(190, 7, 7) 18px 18px,
1475
- rgb(190, 7, 7) 19px 19px,
1476
- rgb(190, 7, 7) 20px 20px,
1477
- rgb(190, 7, 7) 21px 21px,
1478
- rgb(190, 7, 7) 22px 22px,
1479
- rgb(190, 7, 7) 23px 23px,
1480
- rgb(190, 7, 7) 24px 24px,
1481
- rgb(190, 7, 7) 25px 25px,
1482
- rgb(190, 7, 7) 26px 26px,
1483
- rgb(190, 7, 7) 27px 27px,
1484
- rgb(190, 7, 7) 28px 28px,
1485
- rgb(190, 7, 7) 29px 29px,
1486
- rgb(190, 7, 7) 30px 30px;
1487
- }
1488
-
1489
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-xing {
1490
- background: #026466;
1491
- border: 1px solid #004746;
1492
- text-shadow: rgb(0, 71, 70) 1px 1px,
1493
- rgb(0, 71, 70) 2px 2px,
1494
- rgb(0, 71, 70) 3px 3px,
1495
- rgb(0, 71, 70) 4px 4px,
1496
- rgb(0, 71, 70) 5px 5px,
1497
- rgb(0, 71, 70) 6px 6px,
1498
- rgb(0, 71, 70) 7px 7px,
1499
- rgb(0, 71, 70) 8px 8px,
1500
- rgb(0, 71, 70) 9px 9px,
1501
- rgb(0, 71, 70) 10px 10px,
1502
- rgb(0, 71, 70) 11px 11px,
1503
- rgb(0, 71, 70) 12px 12px,
1504
- rgb(0, 71, 70) 13px 13px,
1505
- rgb(0, 71, 70) 14px 14px,
1506
- rgb(0, 71, 70) 15px 15px,
1507
- rgb(0, 71, 70) 16px 16px,
1508
- rgb(0, 71, 70) 17px 17px,
1509
- rgb(0, 71, 70) 18px 18px,
1510
- rgb(0, 71, 70) 19px 19px,
1511
- rgb(0, 71, 70) 20px 20px,
1512
- rgb(0, 71, 70) 21px 21px,
1513
- rgb(0, 71, 70) 22px 22px,
1514
- rgb(0, 71, 70) 23px 23px,
1515
- rgb(0, 71, 70) 24px 24px,
1516
- rgb(0, 71, 70) 25px 25px,
1517
- rgb(0, 71, 70) 26px 26px,
1518
- rgb(0, 71, 70) 27px 27px,
1519
- rgb(0, 71, 70) 28px 28px,
1520
- rgb(0, 71, 70) 29px 29px,
1521
- rgb(0, 71, 70) 30px 30px;
1522
- }
1523
-
1524
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-mixcloud {
1525
- background: #52aad8;
1526
- border: 1px solid #1b95c2;
1527
- text-shadow: rgb(27, 149, 194) 1px 1px,
1528
- rgb(27, 149, 194) 2px 2px,
1529
- rgb(27, 149, 194) 3px 3px,
1530
- rgb(27, 149, 194) 4px 4px,
1531
- rgb(27, 149, 194) 5px 5px,
1532
- rgb(27, 149, 194) 6px 6px,
1533
- rgb(27, 149, 194) 7px 7px,
1534
- rgb(27, 149, 194) 8px 8px,
1535
- rgb(27, 149, 194) 9px 9px,
1536
- rgb(27, 149, 194) 10px 10px,
1537
- rgb(27, 149, 194) 11px 11px,
1538
- rgb(27, 149, 194) 12px 12px,
1539
- rgb(27, 149, 194) 13px 13px,
1540
- rgb(27, 149, 194) 14px 14px,
1541
- rgb(27, 149, 194) 15px 15px,
1542
- rgb(27, 149, 194) 16px 16px,
1543
- rgb(27, 149, 194) 17px 17px,
1544
- rgb(27, 149, 194) 18px 18px,
1545
- rgb(27, 149, 194) 19px 19px,
1546
- rgb(27, 149, 194) 20px 20px,
1547
- rgb(27, 149, 194) 21px 21px,
1548
- rgb(27, 149, 194) 22px 22px,
1549
- rgb(27, 149, 194) 23px 23px,
1550
- rgb(27, 149, 194) 24px 24px,
1551
- rgb(27, 149, 194) 25px 25px,
1552
- rgb(27, 149, 194) 26px 26px,
1553
- rgb(27, 149, 194) 27px 27px,
1554
- rgb(27, 149, 194) 28px 28px,
1555
- rgb(27, 149, 194) 29px 29px,
1556
- rgb(27, 149, 194) 30px 30px;
1557
- }
1558
-
1559
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-vk {
1560
- background-color: #45668e;
1561
- }
1562
-
1563
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-medium {
1564
- background-color: #00ab6c;
1565
- }
1566
-
1567
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-quora {
1568
- background-color: #a82400;
1569
- }
1570
-
1571
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-meetup {
1572
- background-color: #e0393e;
1573
- }
1574
-
1575
- .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-goodreads {
1576
- background: #553b08;
1577
- border: 1px solid #1b95c2;
1578
- }
1579
-
1580
- .sabox-plus-item {
1581
- margin-bottom: 20px;
1582
- }
1583
-
1584
- /* - GLOBAL MEDIA QUERIES
1585
- -------------------------------------------------------------- */
1586
- @media screen and (max-width: 480px) {
1587
-
1588
- .saboxplugin-wrap {
1589
- text-align: center;
1590
- }
1591
-
1592
- .saboxplugin-wrap .saboxplugin-gravatar {
1593
- float: none;
1594
- padding: 20px 0;
1595
- text-align: center;
1596
- margin: 0 auto;
1597
- display: block;
1598
- }
1599
-
1600
- .saboxplugin-wrap .saboxplugin-gravatar img {
1601
- float: none;
1602
- display: inline-block;
1603
- display: -moz-inline-stack;
1604
- vertical-align: middle;
1605
- *vertical-align: auto;
1606
- zoom: 1;
1607
- *display: inline;
1608
- }
1609
-
1610
- .saboxplugin-wrap .saboxplugin-desc {
1611
- margin: 0 10px 20px;
1612
- text-align: center;
1613
- }
1614
-
1615
- .saboxplugin-wrap .saboxplugin-authorname {
1616
- text-align: center;
1617
- margin: 10px 0 20px;
1618
- }
1619
-
1620
- }
1621
-
1622
- /* @Since 2.0.4
1623
- -------------------------------------------------------------- */
1624
- body .saboxplugin-authorname a,
1625
- body .saboxplugin-authorname a:hover {
1626
- box-shadow: none;
1627
- -webkit-box-shadow: none;
1628
- }
1629
-
1630
- a.sab-profile-edit {
1631
- font-size: 16px !important;
1632
- line-height: 1 !important;
1633
- }
1634
-
1635
- a.sab-profile-edit,
1636
- .sab-edit-settings a{
1637
- color: #0073aa !important; /* default WP link color */
1638
- box-shadow: none !important;
1639
- -webkit-box-shadow: none !important;
1640
- }
1641
-
1642
- .sab-edit-settings {
1643
- margin-right: 15px;
1644
- position: absolute;
1645
- right: 0;
1646
- z-index: 2;
1647
- bottom: 10px;
1648
- line-height: 20px;
1649
- }
1650
-
1651
- .sab-edit-settings i {
1652
- margin-left: 5px;
1653
- }
1654
-
1655
- .saboxplugin-socials {
1656
- line-height: 1 !important;
1657
- }
1658
-
1659
-
1
+ .saboxplugin-wrap {
2
+ -webkit-box-sizing: border-box;
3
+ -moz-box-sizing: border-box;
4
+ -ms-box-sizing: border-box;
5
+ box-sizing: border-box;
6
+ border: 1px solid;
7
+ border-color: #eee;
8
+ width: 100%;
9
+ clear: both;
10
+ display: block;
11
+ overflow: hidden;
12
+ word-wrap: break-word;
13
+ position: relative;
14
+ }
15
+
16
+ .saboxplugin-wrap .saboxplugin-gravatar {
17
+ float: left;
18
+ padding: 20px;
19
+ }
20
+
21
+ .saboxplugin-wrap .saboxplugin-gravatar img {
22
+ max-width: 100px;
23
+ height: auto;
24
+ }
25
+
26
+ .saboxplugin-wrap .saboxplugin-gravatar img:hover {
27
+ }
28
+
29
+ .saboxplugin-wrap .saboxplugin-authorname {
30
+ font-size: 18px;
31
+ line-height: 1;
32
+ margin: 20px 0 0 20px;
33
+ display: block;
34
+ }
35
+
36
+ .saboxplugin-wrap .saboxplugin-authorname a {
37
+ text-decoration: none;
38
+ }
39
+
40
+ .saboxplugin-wrap .saboxplugin-authorname a:focus {
41
+ outline: none;
42
+ }
43
+
44
+ .saboxplugin-wrap .saboxplugin-desc {
45
+ display: block;
46
+ margin: 5px 20px;
47
+ }
48
+
49
+ .saboxplugin-wrap .saboxplugin-desc a {
50
+ text-decoration: none;
51
+ }
52
+
53
+ .saboxplugin-wrap .saboxplugin-desc p {
54
+ margin: 5px 0 12px 0;
55
+ }
56
+
57
+ .saboxplugin-wrap .saboxplugin-web {
58
+ margin: 0 20px 15px;
59
+ text-align: left;
60
+ }
61
+
62
+ .saboxplugin-wrap .sab-web-position {
63
+ text-align: right;
64
+ }
65
+
66
+ .saboxplugin-wrap .saboxplugin-web a {
67
+ color: #ccc;
68
+ text-decoration: none;
69
+ }
70
+
71
+ .saboxplugin-wrap .saboxplugin-socials {
72
+ position: relative;
73
+ display: block;
74
+ background: #fcfcfc;
75
+ padding: 0 15px;
76
+ -webkit-box-shadow: 0 1px 0 0 #eee inset;
77
+ -moz-box-shadow: 0 1px 0 0 #eee inset;
78
+ box-shadow: 0 1px 0 0 #eee inset;
79
+ }
80
+
81
+ .saboxplugin-wrap .saboxplugin-socials a {
82
+ text-decoration: none;
83
+ box-shadow: none; /* twentyseventeen adds a box shadow under all links inside content */
84
+ padding: 0;
85
+ margin: 0;
86
+ border: 0;
87
+ -webkit-transition: opacity 0.4s;
88
+ -moz-transition: opacity 0.4s;
89
+ -o-transition: opacity 0.4s;
90
+ transition: opacity 0.4s;
91
+ }
92
+
93
+ .saboxplugin-wrap .saboxplugin-socials a:hover {
94
+ opacity: 0.8;
95
+ -webkit-transition: opacity 0.4s;
96
+ -moz-transition: opacity 0.4s;
97
+ -o-transition: opacity 0.4s;
98
+ transition: opacity 0.4s;
99
+ box-shadow: none !important;
100
+ -webkit-box-shadow: none !important;
101
+ }
102
+
103
+ .saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color:before {
104
+ display: block;
105
+ width: 30px;
106
+ height: 30px;
107
+ line-height: 33px;
108
+ text-align: center;
109
+ speak: none;
110
+ }
111
+
112
+ .saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color {
113
+ font-family: 'FontAwesome';
114
+ font-style: normal;
115
+ font-weight: normal;
116
+ text-decoration: inherit;
117
+ font-size: 14px;
118
+ position: relative;
119
+ display: -moz-inline-stack;
120
+ display: inline-block;
121
+ vertical-align: middle;
122
+ *vertical-align: auto;
123
+ zoom: 1;
124
+ *display: inline;
125
+ margin: 10px 5px;
126
+ background-clip: content-box;
127
+ -moz-background-clip: content-box;
128
+ -webkit-background-clip: content-box;
129
+ -webkit-border-radius: 0;
130
+ -moz-border-radius: 0;
131
+ -ms-border-radius: 0;
132
+ -o-border-radius: 0;
133
+ border-radius: 0;
134
+ overflow: hidden;
135
+ }
136
+
137
+ .saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey:before {
138
+ display: block;
139
+ text-align: center;
140
+ speak: none;
141
+ line-height: 1;
142
+ }
143
+
144
+ .saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey {
145
+ font-family: 'FontAwesome';
146
+ font-style: normal;
147
+ font-weight: normal;
148
+ text-decoration: inherit;
149
+ font-size: 20px;
150
+ position: relative;
151
+ display: -moz-inline-stack;
152
+ display: inline-block;
153
+ vertical-align: middle;
154
+ *vertical-align: auto;
155
+ zoom: 1;
156
+ *display: inline;
157
+ margin: 10px 5px;
158
+ color: #444;
159
+ }
160
+
161
+ .saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color,
162
+ .saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey {
163
+ }
164
+
165
+ .saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color:hover,
166
+ .saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey:hover {
167
+ }
168
+
169
+ .clearfix:after,
170
+ .clearfix:before {
171
+ content: ' ';
172
+ display: table;
173
+ line-height: 0;
174
+ clear: both;
175
+ }
176
+
177
+ .ie7 .clearfix {
178
+ zoom: 1;
179
+ }
180
+
181
+ .saboxplugin-wrap .saboxplugin-socials.sabox-colored .saboxplugin-icon-color {
182
+ color: #fff;
183
+ }
184
+
185
+ /* FONT AWESOME FOR BOTH COLORED AND GRAY SOCIAL ICONS
186
+ -------------------------------------------------------------- */
187
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-user_email:before,
188
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-user_email:before {
189
+ content: '\f0e0';
190
+ }
191
+
192
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-addthis:before,
193
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-addthis:before {
194
+ content: '\f067';
195
+ }
196
+
197
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-behance:before,
198
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-behance:before {
199
+ content: '\f1b4';
200
+ }
201
+
202
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-delicious:before,
203
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-delicious:before {
204
+ content: '\f1a5';
205
+ }
206
+
207
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-deviantart:before,
208
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-deviantart:before {
209
+ content: '\f1bd';
210
+ }
211
+
212
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-digg:before,
213
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-digg:before {
214
+ content: '\f1a6';
215
+ }
216
+
217
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-dribbble:before,
218
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-dribbble:before {
219
+ content: '\f17d';
220
+ }
221
+
222
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-facebook:before,
223
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-facebook:before {
224
+ content: '\f09a';
225
+ }
226
+
227
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-flickr:before,
228
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-flickr:before {
229
+ content: '\f16e';
230
+ }
231
+
232
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-github:before,
233
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-github:before {
234
+ content: '\f09b';
235
+ }
236
+
237
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-google:before,
238
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-google:before {
239
+ content: '\f1a0';
240
+ }
241
+
242
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-googleplus:before,
243
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-googleplus:before {
244
+ content: '\f0d5';
245
+ }
246
+
247
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-html5:before,
248
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-html5:before {
249
+ content: '\f13b';
250
+ }
251
+
252
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-instagram:before,
253
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-instagram:before {
254
+ content: '\f16d';
255
+ }
256
+
257
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-linkedin:before,
258
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-linkedin:before {
259
+ content: '\f0e1';
260
+ }
261
+
262
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-pinterest:before,
263
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-pinterest:before {
264
+ content: '\f0d2';
265
+ }
266
+
267
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-reddit:before,
268
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-reddit:before {
269
+ content: '\f1a1';
270
+ }
271
+
272
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-rss:before,
273
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-rss:before {
274
+ content: '\f09e';
275
+ }
276
+
277
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-sharethis:before,
278
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-sharethis:before {
279
+ content: '\f1e0';
280
+ }
281
+
282
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-skype:before,
283
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-skype:before {
284
+ content: '\f17e';
285
+ }
286
+
287
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-soundcloud:before,
288
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-soundcloud:before {
289
+ content: '\f1be';
290
+ }
291
+
292
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-spotify:before,
293
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-spotify:before {
294
+ content: '\f1bc';
295
+ }
296
+
297
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-stackoverflow:before,
298
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-stackoverflow:before {
299
+ content: '\f16c';
300
+ }
301
+
302
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-steam:before,
303
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-steam:before {
304
+ content: '\f1b6';
305
+ }
306
+
307
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-stumbleUpon:before,
308
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-stumbleUpon:before {
309
+ content: '\f1a4';
310
+ }
311
+
312
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-tumblr:before,
313
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-tumblr:before {
314
+ content: '\f173';
315
+ }
316
+
317
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-twitter:before,
318
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-twitter:before {
319
+ content: '\f099';
320
+ }
321
+
322
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-vimeo:before,
323
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-vimeo:before {
324
+ content: '\f194';
325
+ }
326
+
327
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-windows:before,
328
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-windows:before {
329
+ content: '\f17a';
330
+ }
331
+
332
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-wordpress:before,
333
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-wordpress:before {
334
+ content: '\f19a';
335
+ }
336
+
337
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-yahoo:before,
338
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-yahoo:before {
339
+ content: '\f19e';
340
+ }
341
+
342
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-youtube:before,
343
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-youtube:before {
344
+ content: '\f167';
345
+ }
346
+
347
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-xing:before,
348
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-xing:before {
349
+ content: '\f168';
350
+ }
351
+
352
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-mixcloud:before,
353
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-mixcloud:before {
354
+ content: '\f289';
355
+ }
356
+
357
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-goodreads:before,
358
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-goodreads:before {
359
+ content: '\f2a6';
360
+ }
361
+
362
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-twitch:before,
363
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-twitch:before {
364
+ content: '\f1e8';
365
+ }
366
+
367
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-vk:before,
368
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-vk:before {
369
+ content: '\f189';
370
+ }
371
+
372
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-medium:before,
373
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-medium:before {
374
+ content: '\f23a';
375
+ }
376
+
377
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-quora:before,
378
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-quora:before {
379
+ content: '\f2c4';
380
+ }
381
+
382
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-meetup:before,
383
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-meetup:before {
384
+ content: '\f2e0';
385
+ }
386
+
387
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-snapchat:before,
388
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-snapchat:before {
389
+ content: '\f2ab';
390
+ }
391
+
392
+ .saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-500px:before,
393
+ .saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-500px:before {
394
+ content: '\f26e';
395
+ }
396
+
397
+ /* COLORED BACKGROUND AND LONG SHADOW EFFECT FOR SOCIAL ICONS
398
+ -------------------------------------------------------------- */
399
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-twitch {
400
+ background-color: #6441a5;
401
+ }
402
+
403
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-addthis {
404
+ background: #ff8662;
405
+ border: 1px solid #d5644b;
406
+ text-shadow: rgb(213, 100, 75) 1px 1px,
407
+ rgb(213, 100, 75) 2px 2px,
408
+ rgb(213, 100, 75) 3px 3px,
409
+ rgb(213, 100, 75) 4px 4px,
410
+ rgb(213, 100, 75) 5px 5px,
411
+ rgb(213, 100, 75) 6px 6px,
412
+ rgb(213, 100, 75) 7px 7px,
413
+ rgb(213, 100, 75) 8px 8px,
414
+ rgb(213, 100, 75) 9px 9px,
415
+ rgb(213, 100, 75) 10px 10px,
416
+ rgb(213, 100, 75) 11px 11px,
417
+ rgb(213, 100, 75) 12px 12px,
418
+ rgb(213, 100, 75) 13px 13px,
419
+ rgb(213, 100, 75) 14px 14px,
420
+ rgb(213, 100, 75) 15px 15px,
421
+ rgb(213, 100, 75) 16px 16px,
422
+ rgb(213, 100, 75) 17px 17px,
423
+ rgb(213, 100, 75) 18px 18px,
424
+ rgb(213, 100, 75) 19px 19px,
425
+ rgb(213, 100, 75) 20px 20px,
426
+ rgb(213, 100, 75) 21px 21px,
427
+ rgb(213, 100, 75) 22px 22px,
428
+ rgb(213, 100, 75) 23px 23px,
429
+ rgb(213, 100, 75) 24px 24px,
430
+ rgb(213, 100, 75) 25px 25px,
431
+ rgb(213, 100, 75) 26px 26px,
432
+ rgb(213, 100, 75) 27px 27px,
433
+ rgb(213, 100, 75) 28px 28px,
434
+ rgb(213, 100, 75) 29px 29px,
435
+ rgb(213, 100, 75) 30px 30px;
436
+ }
437
+
438
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-behance {
439
+ background: #0294ff;
440
+ border: 1px solid #0083d4;
441
+ text-shadow: rgb(0, 131, 212) 1px 1px,
442
+ rgb(0, 131, 212) 2px 2px,
443
+ rgb(0, 131, 212) 3px 3px,
444
+ rgb(0, 131, 212) 4px 4px,
445
+ rgb(0, 131, 212) 5px 5px,
446
+ rgb(0, 131, 212) 6px 6px,
447
+ rgb(0, 131, 212) 7px 7px,
448
+ rgb(0, 131, 212) 8px 8px,
449
+ rgb(0, 131, 212) 9px 9px,
450
+ rgb(0, 131, 212) 10px 10px,
451
+ rgb(0, 131, 212) 11px 11px,
452
+ rgb(0, 131, 212) 12px 12px,
453
+ rgb(0, 131, 212) 13px 13px,
454
+ rgb(0, 131, 212) 14px 14px,
455
+ rgb(0, 131, 212) 15px 15px,
456
+ rgb(0, 131, 212) 16px 16px,
457
+ rgb(0, 131, 212) 17px 17px,
458
+ rgb(0, 131, 212) 18px 18px,
459
+ rgb(0, 131, 212) 19px 19px,
460
+ rgb(0, 131, 212) 20px 20px,
461
+ rgb(0, 131, 212) 21px 21px,
462
+ rgb(0, 131, 212) 22px 22px,
463
+ rgb(0, 131, 212) 23px 23px,
464
+ rgb(0, 131, 212) 24px 24px,
465
+ rgb(0, 131, 212) 25px 25px,
466
+ rgb(0, 131, 212) 26px 26px,
467
+ rgb(0, 131, 212) 27px 27px,
468
+ rgb(0, 131, 212) 28px 28px,
469
+ rgb(0, 131, 212) 29px 29px,
470
+ rgb(0, 131, 212) 30px 30px;
471
+ }
472
+
473
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-delicious {
474
+ background: #0294ff;
475
+ border: 1px solid #007ecd;
476
+ text-shadow: rgb(0, 126, 205) 1px 1px,
477
+ rgb(0, 126, 205) 2px 2px,
478
+ rgb(0, 126, 205) 3px 3px,
479
+ rgb(0, 126, 205) 4px 4px,
480
+ rgb(0, 126, 205) 5px 5px,
481
+ rgb(0, 126, 205) 6px 6px,
482
+ rgb(0, 126, 205) 7px 7px,
483
+ rgb(0, 126, 205) 8px 8px,
484
+ rgb(0, 126, 205) 9px 9px,
485
+ rgb(0, 126, 205) 10px 10px,
486
+ rgb(0, 126, 205) 11px 11px,
487
+ rgb(0, 126, 205) 12px 12px,
488
+ rgb(0, 126, 205) 13px 13px,
489
+ rgb(0, 126, 205) 14px 14px,
490
+ rgb(0, 126, 205) 15px 15px,
491
+ rgb(0, 126, 205) 16px 16px,
492
+ rgb(0, 126, 205) 17px 17px,
493
+ rgb(0, 126, 205) 18px 18px,
494
+ rgb(0, 126, 205) 19px 19px,
495
+ rgb(0, 126, 205) 20px 20px,
496
+ rgb(0, 126, 205) 21px 21px,
497
+ rgb(0, 126, 205) 22px 22px,
498
+ rgb(0, 126, 205) 23px 23px,
499
+ rgb(0, 126, 205) 24px 24px,
500
+ rgb(0, 126, 205) 25px 25px,
501
+ rgb(0, 126, 205) 26px 26px,
502
+ rgb(0, 126, 205) 27px 27px,
503
+ rgb(0, 126, 205) 28px 28px,
504
+ rgb(0, 126, 205) 29px 29px,
505
+ rgb(0, 126, 205) 30px 30px;
506
+ }
507
+
508
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-deviantart {
509
+ background: #dce22b;
510
+ border: 1px solid #b2b423;
511
+ text-shadow: rgb(178, 180, 35) 1px 1px,
512
+ rgb(178, 180, 35) 2px 2px,
513
+ rgb(178, 180, 35) 3px 3px,
514
+ rgb(178, 180, 35) 4px 4px,
515
+ rgb(178, 180, 35) 5px 5px,
516
+ rgb(178, 180, 35) 6px 6px,
517
+ rgb(178, 180, 35) 7px 7px,
518
+ rgb(178, 180, 35) 8px 8px,
519
+ rgb(178, 180, 35) 9px 9px,
520
+ rgb(178, 180, 35) 10px 10px,
521
+ rgb(178, 180, 35) 11px 11px,
522
+ rgb(178, 180, 35) 12px 12px,
523
+ rgb(178, 180, 35) 13px 13px,
524
+ rgb(178, 180, 35) 14px 14px,
525
+ rgb(178, 180, 35) 15px 15px,
526
+ rgb(178, 180, 35) 16px 16px,
527
+ rgb(178, 180, 35) 17px 17px,
528
+ rgb(178, 180, 35) 18px 18px,
529
+ rgb(178, 180, 35) 19px 19px,
530
+ rgb(178, 180, 35) 20px 20px,
531
+ rgb(178, 180, 35) 21px 21px,
532
+ rgb(178, 180, 35) 22px 22px,
533
+ rgb(178, 180, 35) 23px 23px,
534
+ rgb(178, 180, 35) 24px 24px,
535
+ rgb(178, 180, 35) 25px 25px,
536
+ rgb(178, 180, 35) 26px 26px,
537
+ rgb(178, 180, 35) 27px 27px,
538
+ rgb(178, 180, 35) 28px 28px,
539
+ rgb(178, 180, 35) 29px 29px,
540
+ rgb(178, 180, 35) 30px 30px;
541
+ }
542
+
543
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-digg {
544
+ background: #1b8ec4;
545
+ border: 1px solid #126c92;
546
+ text-shadow: rgb(18, 108, 146) 1px 1px,
547
+ rgb(18, 108, 146) 2px 2px,
548
+ rgb(18, 108, 146) 3px 3px,
549
+ rgb(18, 108, 146) 4px 4px,
550
+ rgb(18, 108, 146) 5px 5px,
551
+ rgb(18, 108, 146) 6px 6px,
552
+ rgb(18, 108, 146) 7px 7px,
553
+ rgb(18, 108, 146) 8px 8px,
554
+ rgb(18, 108, 146) 9px 9px,
555
+ rgb(18, 108, 146) 10px 10px,
556
+ rgb(18, 108, 146) 11px 11px,
557
+ rgb(18, 108, 146) 12px 12px,
558
+ rgb(18, 108, 146) 13px 13px,
559
+ rgb(18, 108, 146) 14px 14px,
560
+ rgb(18, 108, 146) 15px 15px,
561
+ rgb(18, 108, 146) 16px 16px,
562
+ rgb(18, 108, 146) 17px 17px,
563
+ rgb(18, 108, 146) 18px 18px,
564
+ rgb(18, 108, 146) 19px 19px,
565
+ rgb(18, 108, 146) 20px 20px,
566
+ rgb(18, 108, 146) 21px 21px,
567
+ rgb(18, 108, 146) 22px 22px,
568
+ rgb(18, 108, 146) 23px 23px,
569
+ rgb(18, 108, 146) 24px 24px,
570
+ rgb(18, 108, 146) 25px 25px,
571
+ rgb(18, 108, 146) 26px 26px,
572
+ rgb(18, 108, 146) 27px 27px,
573
+ rgb(18, 108, 146) 28px 28px,
574
+ rgb(18, 108, 146) 29px 29px,
575
+ rgb(18, 108, 146) 30px 30px;
576
+ }
577
+
578
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-dribbble {
579
+ background: #ef76a4;
580
+ border: 1px solid #c05c84;
581
+ text-shadow: rgb(192, 92, 132) 1px 1px,
582
+ rgb(192, 92, 132) 2px 2px,
583
+ rgb(192, 92, 132) 3px 3px,
584
+ rgb(192, 92, 132) 4px 4px,
585
+ rgb(192, 92, 132) 5px 5px,
586
+ rgb(192, 92, 132) 6px 6px,
587
+ rgb(192, 92, 132) 7px 7px,
588
+ rgb(192, 92, 132) 8px 8px,
589
+ rgb(192, 92, 132) 9px 9px,
590
+ rgb(192, 92, 132) 10px 10px,
591
+ rgb(192, 92, 132) 11px 11px,
592
+ rgb(192, 92, 132) 12px 12px,
593
+ rgb(192, 92, 132) 13px 13px,
594
+ rgb(192, 92, 132) 14px 14px,
595
+ rgb(192, 92, 132) 15px 15px,
596
+ rgb(192, 92, 132) 16px 16px,
597
+ rgb(192, 92, 132) 17px 17px,
598
+ rgb(192, 92, 132) 18px 18px,
599
+ rgb(192, 92, 132) 19px 19px,
600
+ rgb(192, 92, 132) 20px 20px,
601
+ rgb(192, 92, 132) 21px 21px,
602
+ rgb(192, 92, 132) 22px 22px,
603
+ rgb(192, 92, 132) 23px 23px,
604
+ rgb(192, 92, 132) 24px 24px,
605
+ rgb(192, 92, 132) 25px 25px,
606
+ rgb(192, 92, 132) 26px 26px,
607
+ rgb(192, 92, 132) 27px 27px,
608
+ rgb(192, 92, 132) 28px 28px,
609
+ rgb(192, 92, 132) 29px 29px,
610
+ rgb(192, 92, 132) 30px 30px;
611
+ }
612
+
613
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-facebook {
614
+ background: #3b5998;
615
+ border: 1px solid #1e3d7a;
616
+ text-shadow: rgb(30, 61, 122) 1px 1px,
617
+ rgb(30, 61, 122) 2px 2px,
618
+ rgb(30, 61, 122) 3px 3px,
619
+ rgb(30, 61, 122) 4px 4px,
620
+ rgb(30, 61, 122) 5px 5px,
621
+ rgb(30, 61, 122) 6px 6px,
622
+ rgb(30, 61, 122) 7px 7px,
623
+ rgb(30, 61, 122) 8px 8px,
624
+ rgb(30, 61, 122) 9px 9px,
625
+ rgb(30, 61, 122) 10px 10px,
626
+ rgb(30, 61, 122) 11px 11px,
627
+ rgb(30, 61, 122) 12px 12px,
628
+ rgb(30, 61, 122) 13px 13px,
629
+ rgb(30, 61, 122) 14px 14px,
630
+ rgb(30, 61, 122) 15px 15px,
631
+ rgb(30, 61, 122) 16px 16px,
632
+ rgb(30, 61, 122) 17px 17px,
633
+ rgb(30, 61, 122) 18px 18px,
634
+ rgb(30, 61, 122) 19px 19px,
635
+ rgb(30, 61, 122) 20px 20px,
636
+ rgb(30, 61, 122) 21px 21px,
637
+ rgb(30, 61, 122) 22px 22px,
638
+ rgb(30, 61, 122) 23px 23px,
639
+ rgb(30, 61, 122) 24px 24px,
640
+ rgb(30, 61, 122) 25px 25px,
641
+ rgb(30, 61, 122) 26px 26px,
642
+ rgb(30, 61, 122) 27px 27px,
643
+ rgb(30, 61, 122) 28px 28px,
644
+ rgb(30, 61, 122) 29px 29px,
645
+ rgb(30, 61, 122) 30px 30px;
646
+ }
647
+
648
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-flickr {
649
+ background: #ff0586;
650
+ border: 1px solid #d0006f;
651
+ text-shadow: rgb(208, 0, 111) 1px 1px,
652
+ rgb(208, 0, 111) 2px 2px,
653
+ rgb(208, 0, 111) 3px 3px,
654
+ rgb(208, 0, 111) 4px 4px,
655
+ rgb(208, 0, 111) 5px 5px,
656
+ rgb(208, 0, 111) 6px 6px,
657
+ rgb(208, 0, 111) 7px 7px,
658
+ rgb(208, 0, 111) 8px 8px,
659
+ rgb(208, 0, 111) 9px 9px,
660
+ rgb(208, 0, 111) 10px 10px,
661
+ rgb(208, 0, 111) 11px 11px,
662
+ rgb(208, 0, 111) 12px 12px,
663
+ rgb(208, 0, 111) 13px 13px,
664
+ rgb(208, 0, 111) 14px 14px,
665
+ rgb(208, 0, 111) 15px 15px,
666
+ rgb(208, 0, 111) 16px 16px,
667
+ rgb(208, 0, 111) 17px 17px,
668
+ rgb(208, 0, 111) 18px 18px,
669
+ rgb(208, 0, 111) 19px 19px,
670
+ rgb(208, 0, 111) 20px 20px,
671
+ rgb(208, 0, 111) 21px 21px,
672
+ rgb(208, 0, 111) 22px 22px,
673
+ rgb(208, 0, 111) 23px 23px,
674
+ rgb(208, 0, 111) 24px 24px,
675
+ rgb(208, 0, 111) 25px 25px,
676
+ rgb(208, 0, 111) 26px 26px,
677
+ rgb(208, 0, 111) 27px 27px,
678
+ rgb(208, 0, 111) 28px 28px,
679
+ rgb(208, 0, 111) 29px 29px,
680
+ rgb(208, 0, 111) 30px 30px;
681
+ }
682
+
683
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-github {
684
+ background: #829aa8;
685
+ border: 1px solid #4f7385;
686
+ text-shadow: rgb(79, 115, 133) 1px 1px,
687
+ rgb(79, 115, 133) 2px 2px,
688
+ rgb(79, 115, 133) 3px 3px,
689
+ rgb(79, 115, 133) 4px 4px,
690
+ rgb(79, 115, 133) 5px 5px,
691
+ rgb(79, 115, 133) 6px 6px,
692
+ rgb(79, 115, 133) 7px 7px,
693
+ rgb(79, 115, 133) 8px 8px,
694
+ rgb(79, 115, 133) 9px 9px,
695
+ rgb(79, 115, 133) 10px 10px,
696
+ rgb(79, 115, 133) 11px 11px,
697
+ rgb(79, 115, 133) 12px 12px,
698
+ rgb(79, 115, 133) 13px 13px,
699
+ rgb(79, 115, 133) 14px 14px,
700
+ rgb(79, 115, 133) 15px 15px,
701
+ rgb(79, 115, 133) 16px 16px,
702
+ rgb(79, 115, 133) 17px 17px,
703
+ rgb(79, 115, 133) 18px 18px,
704
+ rgb(79, 115, 133) 19px 19px,
705
+ rgb(79, 115, 133) 20px 20px,
706
+ rgb(79, 115, 133) 21px 21px,
707
+ rgb(79, 115, 133) 22px 22px,
708
+ rgb(79, 115, 133) 23px 23px,
709
+ rgb(79, 115, 133) 24px 24px,
710
+ rgb(79, 115, 133) 25px 25px,
711
+ rgb(79, 115, 133) 26px 26px,
712
+ rgb(79, 115, 133) 27px 27px,
713
+ rgb(79, 115, 133) 28px 28px,
714
+ rgb(79, 115, 133) 29px 29px,
715
+ rgb(79, 115, 133) 30px 30px;
716
+ }
717
+
718
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-google {
719
+ background: #e8262f;
720
+ border: 1px solid #c20c18;
721
+ text-shadow: rgb(194, 12, 24) 1px 1px,
722
+ rgb(194, 12, 24) 2px 2px,
723
+ rgb(194, 12, 24) 3px 3px,
724
+ rgb(194, 12, 24) 4px 4px,
725
+ rgb(194, 12, 24) 5px 5px,
726
+ rgb(194, 12, 24) 6px 6px,
727
+ rgb(194, 12, 24) 7px 7px,
728
+ rgb(194, 12, 24) 8px 8px,
729
+ rgb(194, 12, 24) 9px 9px,
730
+ rgb(194, 12, 24) 10px 10px,
731
+ rgb(194, 12, 24) 11px 11px,
732
+ rgb(194, 12, 24) 12px 12px,
733
+ rgb(194, 12, 24) 13px 13px,
734
+ rgb(194, 12, 24) 14px 14px,
735
+ rgb(194, 12, 24) 15px 15px,
736
+ rgb(194, 12, 24) 16px 16px,
737
+ rgb(194, 12, 24) 17px 17px,
738
+ rgb(194, 12, 24) 18px 18px,
739
+ rgb(194, 12, 24) 19px 19px,
740
+ rgb(194, 12, 24) 20px 20px,
741
+ rgb(194, 12, 24) 21px 21px,
742
+ rgb(194, 12, 24) 22px 22px,
743
+ rgb(194, 12, 24) 23px 23px,
744
+ rgb(194, 12, 24) 24px 24px,
745
+ rgb(194, 12, 24) 25px 25px,
746
+ rgb(194, 12, 24) 26px 26px,
747
+ rgb(194, 12, 24) 27px 27px,
748
+ rgb(194, 12, 24) 28px 28px,
749
+ rgb(194, 12, 24) 29px 29px,
750
+ rgb(194, 12, 24) 30px 30px;
751
+ }
752
+
753
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-googleplus {
754
+ background: #dd4b39;
755
+ border: 1px solid #b32414;
756
+ text-shadow: rgb(179, 36, 20) 1px 1px,
757
+ rgb(179, 36, 20) 2px 2px,
758
+ rgb(179, 36, 20) 3px 3px,
759
+ rgb(179, 36, 20) 4px 4px,
760
+ rgb(179, 36, 20) 5px 5px,
761
+ rgb(179, 36, 20) 6px 6px,
762
+ rgb(179, 36, 20) 7px 7px,
763
+ rgb(179, 36, 20) 8px 8px,
764
+ rgb(179, 36, 20) 9px 9px,
765
+ rgb(179, 36, 20) 10px 10px,
766
+ rgb(179, 36, 20) 11px 11px,
767
+ rgb(179, 36, 20) 12px 12px,
768
+ rgb(179, 36, 20) 13px 13px,
769
+ rgb(179, 36, 20) 14px 14px,
770
+ rgb(179, 36, 20) 15px 15px,
771
+ rgb(179, 36, 20) 16px 16px,
772
+ rgb(179, 36, 20) 17px 17px,
773
+ rgb(179, 36, 20) 18px 18px,
774
+ rgb(179, 36, 20) 19px 19px,
775
+ rgb(179, 36, 20) 20px 20px,
776
+ rgb(179, 36, 20) 21px 21px,
777
+ rgb(179, 36, 20) 22px 22px,
778
+ rgb(179, 36, 20) 23px 23px,
779
+ rgb(179, 36, 20) 24px 24px,
780
+ rgb(179, 36, 20) 25px 25px,
781
+ rgb(179, 36, 20) 26px 26px,
782
+ rgb(179, 36, 20) 27px 27px,
783
+ rgb(179, 36, 20) 28px 28px,
784
+ rgb(179, 36, 20) 29px 29px,
785
+ rgb(179, 36, 20) 30px 30px;
786
+ }
787
+
788
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-html5 {
789
+ background: #f16528;
790
+ border: 1px solid #c23d08;
791
+ text-shadow: rgb(194, 61, 8) 1px 1px,
792
+ rgb(194, 61, 8) 2px 2px,
793
+ rgb(194, 61, 8) 3px 3px,
794
+ rgb(194, 61, 8) 4px 4px,
795
+ rgb(194, 61, 8) 5px 5px,
796
+ rgb(194, 61, 8) 6px 6px,
797
+ rgb(194, 61, 8) 7px 7px,
798
+ rgb(194, 61, 8) 8px 8px,
799
+ rgb(194, 61, 8) 9px 9px,
800
+ rgb(194, 61, 8) 10px 10px,
801
+ rgb(194, 61, 8) 11px 11px,
802
+ rgb(194, 61, 8) 12px 12px,
803
+ rgb(194, 61, 8) 13px 13px,
804
+ rgb(194, 61, 8) 14px 14px,
805
+ rgb(194, 61, 8) 15px 15px,
806
+ rgb(194, 61, 8) 16px 16px,
807
+ rgb(194, 61, 8) 17px 17px,
808
+ rgb(194, 61, 8) 18px 18px,
809
+ rgb(194, 61, 8) 19px 19px,
810
+ rgb(194, 61, 8) 20px 20px,
811
+ rgb(194, 61, 8) 21px 21px,
812
+ rgb(194, 61, 8) 22px 22px,
813
+ rgb(194, 61, 8) 23px 23px,
814
+ rgb(194, 61, 8) 24px 24px,
815
+ rgb(194, 61, 8) 25px 25px,
816
+ rgb(194, 61, 8) 26px 26px,
817
+ rgb(194, 61, 8) 27px 27px,
818
+ rgb(194, 61, 8) 28px 28px,
819
+ rgb(194, 61, 8) 29px 29px,
820
+ rgb(194, 61, 8) 30px 30px;
821
+ }
822
+
823
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-instagram {
824
+ background: #417096;
825
+ border: 1px solid #244f70;
826
+ text-shadow: rgb(36, 79, 112) 1px 1px,
827
+ rgb(36, 79, 112) 2px 2px,
828
+ rgb(36, 79, 112) 3px 3px,
829
+ rgb(36, 79, 112) 4px 4px,
830
+ rgb(36, 79, 112) 5px 5px,
831
+ rgb(36, 79, 112) 6px 6px,
832
+ rgb(36, 79, 112) 7px 7px,
833
+ rgb(36, 79, 112) 8px 8px,
834
+ rgb(36, 79, 112) 9px 9px,
835
+ rgb(36, 79, 112) 10px 10px,
836
+ rgb(36, 79, 112) 11px 11px,
837
+ rgb(36, 79, 112) 12px 12px,
838
+ rgb(36, 79, 112) 13px 13px,
839
+ rgb(36, 79, 112) 14px 14px,
840
+ rgb(36, 79, 112) 15px 15px,
841
+ rgb(36, 79, 112) 16px 16px,
842
+ rgb(36, 79, 112) 17px 17px,
843
+ rgb(36, 79, 112) 18px 18px,
844
+ rgb(36, 79, 112) 19px 19px,
845
+ rgb(36, 79, 112) 20px 20px,
846
+ rgb(36, 79, 112) 21px 21px,
847
+ rgb(36, 79, 112) 22px 22px,
848
+ rgb(36, 79, 112) 23px 23px,
849
+ rgb(36, 79, 112) 24px 24px,
850
+ rgb(36, 79, 112) 25px 25px,
851
+ rgb(36, 79, 112) 26px 26px,
852
+ rgb(36, 79, 112) 27px 27px,
853
+ rgb(36, 79, 112) 28px 28px,
854
+ rgb(36, 79, 112) 29px 29px,
855
+ rgb(36, 79, 112) 30px 30px;
856
+ }
857
+
858
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-linkedin {
859
+ background: #1583bb;
860
+ border: 1px solid #036390;
861
+ text-shadow: rgb(3, 99, 144) 1px 1px,
862
+ rgb(3, 99, 144) 2px 2px,
863
+ rgb(3, 99, 144) 3px 3px,
864
+ rgb(3, 99, 144) 4px 4px,
865
+ rgb(3, 99, 144) 5px 5px,
866
+ rgb(3, 99, 144) 6px 6px,
867
+ rgb(3, 99, 144) 7px 7px,
868
+ rgb(3, 99, 144) 8px 8px,
869
+ rgb(3, 99, 144) 9px 9px,
870
+ rgb(3, 99, 144) 10px 10px,
871
+ rgb(3, 99, 144) 11px 11px,
872
+ rgb(3, 99, 144) 12px 12px,
873
+ rgb(3, 99, 144) 13px 13px,
874
+ rgb(3, 99, 144) 14px 14px,
875
+ rgb(3, 99, 144) 15px 15px,
876
+ rgb(3, 99, 144) 16px 16px,
877
+ rgb(3, 99, 144) 17px 17px,
878
+ rgb(3, 99, 144) 18px 18px,
879
+ rgb(3, 99, 144) 19px 19px,
880
+ rgb(3, 99, 144) 20px 20px,
881
+ rgb(3, 99, 144) 21px 21px,
882
+ rgb(3, 99, 144) 22px 22px,
883
+ rgb(3, 99, 144) 23px 23px,
884
+ rgb(3, 99, 144) 24px 24px,
885
+ rgb(3, 99, 144) 25px 25px,
886
+ rgb(3, 99, 144) 26px 26px,
887
+ rgb(3, 99, 144) 27px 27px,
888
+ rgb(3, 99, 144) 28px 28px,
889
+ rgb(3, 99, 144) 29px 29px,
890
+ rgb(3, 99, 144) 30px 30px;
891
+ }
892
+
893
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-pinterest {
894
+ background: #cb2027;
895
+ border: 1px solid #9d060e;
896
+ text-shadow: rgb(157, 6, 62) 1px 1px,
897
+ rgb(157, 6, 62) 2px 2px,
898
+ rgb(157, 6, 62) 3px 3px,
899
+ rgb(157, 6, 62) 4px 4px,
900
+ rgb(157, 6, 62) 5px 5px,
901
+ rgb(157, 6, 62) 6px 6px,
902
+ rgb(157, 6, 62) 7px 7px,
903
+ rgb(157, 6, 62) 8px 8px,
904
+ rgb(157, 6, 62) 9px 9px,
905
+ rgb(157, 6, 62) 10px 10px,
906
+ rgb(157, 6, 62) 11px 11px,
907
+ rgb(157, 6, 62) 12px 12px,
908
+ rgb(157, 6, 62) 13px 13px,
909
+ rgb(157, 6, 62) 14px 14px,
910
+ rgb(157, 6, 62) 15px 15px,
911
+ rgb(157, 6, 62) 16px 16px,
912
+ rgb(157, 6, 62) 17px 17px,
913
+ rgb(157, 6, 62) 18px 18px,
914
+ rgb(157, 6, 62) 19px 19px,
915
+ rgb(157, 6, 62) 20px 20px,
916
+ rgb(157, 6, 62) 21px 21px,
917
+ rgb(157, 6, 62) 22px 22px,
918
+ rgb(157, 6, 62) 23px 23px,
919
+ rgb(157, 6, 62) 24px 24px,
920
+ rgb(157, 6, 62) 25px 25px,
921
+ rgb(157, 6, 62) 26px 26px,
922
+ rgb(157, 6, 62) 27px 27px,
923
+ rgb(157, 6, 62) 28px 28px,
924
+ rgb(157, 6, 62) 29px 29px,
925
+ rgb(157, 6, 62) 30px 30px;
926
+ }
927
+
928
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-reddit {
929
+ background: #ff4107;
930
+ border: 1px solid #c62d02;
931
+ text-shadow: rgb(198, 45, 2) 1px 1px,
932
+ rgb(198, 45, 2) 2px 2px,
933
+ rgb(198, 45, 2) 3px 3px,
934
+ rgb(198, 45, 2) 4px 4px,
935
+ rgb(198, 45, 2) 5px 5px,
936
+ rgb(198, 45, 2) 6px 6px,
937
+ rgb(198, 45, 2) 7px 7px,
938
+ rgb(198, 45, 2) 8px 8px,
939
+ rgb(198, 45, 2) 9px 9px,
940
+ rgb(198, 45, 2) 10px 10px,
941
+ rgb(198, 45, 2) 11px 11px,
942
+ rgb(198, 45, 2) 12px 12px,
943
+ rgb(198, 45, 2) 13px 13px,
944
+ rgb(198, 45, 2) 14px 14px,
945
+ rgb(198, 45, 2) 15px 15px,
946
+ rgb(198, 45, 2) 16px 16px,
947
+ rgb(198, 45, 2) 17px 17px,
948
+ rgb(198, 45, 2) 18px 18px,
949
+ rgb(198, 45, 2) 19px 19px,
950
+ rgb(198, 45, 2) 20px 20px,
951
+ rgb(198, 45, 2) 21px 21px,
952
+ rgb(198, 45, 2) 22px 22px,
953
+ rgb(198, 45, 2) 23px 23px,
954
+ rgb(198, 45, 2) 24px 24px,
955
+ rgb(198, 45, 2) 25px 25px,
956
+ rgb(198, 45, 2) 26px 26px,
957
+ rgb(198, 45, 2) 27px 27px,
958
+ rgb(198, 45, 2) 28px 28px,
959
+ rgb(198, 45, 2) 29px 29px,
960
+ rgb(198, 45, 2) 30px 30px;
961
+ }
962
+
963
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-rss {
964
+ background: #ff7a21;
965
+ border: 1px solid #c24b02;
966
+ text-shadow: rgb(194, 75, 2) 1px 1px,
967
+ rgb(194, 75, 2) 2px 2px,
968
+ rgb(194, 75, 2) 3px 3px,
969
+ rgb(194, 75, 2) 4px 4px,
970
+ rgb(194, 75, 2) 5px 5px,
971
+ rgb(194, 75, 2) 6px 6px,
972
+ rgb(194, 75, 2) 7px 7px,
973
+ rgb(194, 75, 2) 8px 8px,
974
+ rgb(194, 75, 2) 9px 9px,
975
+ rgb(194, 75, 2) 10px 10px,
976
+ rgb(194, 75, 2) 11px 11px,
977
+ rgb(194, 75, 2) 12px 12px,
978
+ rgb(194, 75, 2) 13px 13px,
979
+ rgb(194, 75, 2) 14px 14px,
980
+ rgb(194, 75, 2) 15px 15px,
981
+ rgb(194, 75, 2) 16px 16px,
982
+ rgb(194, 75, 2) 17px 17px,
983
+ rgb(194, 75, 2) 18px 18px,
984
+ rgb(194, 75, 2) 19px 19px,
985
+ rgb(194, 75, 2) 20px 20px,
986
+ rgb(194, 75, 2) 21px 21px,
987
+ rgb(194, 75, 2) 22px 22px,
988
+ rgb(194, 75, 2) 23px 23px,
989
+ rgb(194, 75, 2) 24px 24px,
990
+ rgb(194, 75, 2) 25px 25px,
991
+ rgb(194, 75, 2) 26px 26px,
992
+ rgb(194, 75, 2) 27px 27px,
993
+ rgb(194, 75, 2) 28px 28px,
994
+ rgb(194, 75, 2) 29px 29px,
995
+ rgb(194, 75, 2) 30px 30px;
996
+ }
997
+
998
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-sharethis {
999
+ background: #1d9565;
1000
+ border: 1px solid #076840;
1001
+ text-shadow: rgb(7, 104, 64) 1px 1px,
1002
+ rgb(7, 104, 64) 2px 2px,
1003
+ rgb(7, 104, 64) 3px 3px,
1004
+ rgb(7, 104, 64) 4px 4px,
1005
+ rgb(7, 104, 64) 5px 5px,
1006
+ rgb(7, 104, 64) 6px 6px,
1007
+ rgb(7, 104, 64) 7px 7px,
1008
+ rgb(7, 104, 64) 8px 8px,
1009
+ rgb(7, 104, 64) 9px 9px,
1010
+ rgb(7, 104, 64) 10px 10px,
1011
+ rgb(7, 104, 64) 11px 11px,
1012
+ rgb(7, 104, 64) 12px 12px,
1013
+ rgb(7, 104, 64) 13px 13px,
1014
+ rgb(7, 104, 64) 14px 14px,
1015
+ rgb(7, 104, 64) 15px 15px,
1016
+ rgb(7, 104, 64) 16px 16px,
1017
+ rgb(7, 104, 64) 17px 17px,
1018
+ rgb(7, 104, 64) 18px 18px,
1019
+ rgb(7, 104, 64) 19px 19px,
1020
+ rgb(7, 104, 64) 20px 20px,
1021
+ rgb(7, 104, 64) 21px 21px,
1022
+ rgb(7, 104, 64) 22px 22px,
1023
+ rgb(7, 104, 64) 23px 23px,
1024
+ rgb(7, 104, 64) 24px 24px,
1025
+ rgb(7, 104, 64) 25px 25px,
1026
+ rgb(7, 104, 64) 26px 26px,
1027
+ rgb(7, 104, 64) 27px 27px,
1028
+ rgb(7, 104, 64) 28px 28px,
1029
+ rgb(7, 104, 64) 29px 29px,
1030
+ rgb(7, 104, 64) 30px 30px;
1031
+ }
1032
+
1033
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-skype {
1034
+ background: #3fc1f4;
1035
+ border: 1px solid #1b95c2;
1036
+ text-shadow: rgb(27, 149, 194) 1px 1px,
1037
+ rgb(27, 149, 194) 2px 2px,
1038
+ rgb(27, 149, 194) 3px 3px,
1039
+ rgb(27, 149, 194) 4px 4px,
1040
+ rgb(27, 149, 194) 5px 5px,
1041
+ rgb(27, 149, 194) 6px 6px,
1042
+ rgb(27, 149, 194) 7px 7px,
1043
+ rgb(27, 149, 194) 8px 8px,
1044
+ rgb(27, 149, 194) 9px 9px,
1045
+ rgb(27, 149, 194) 10px 10px,
1046
+ rgb(27, 149, 194) 11px 11px,
1047
+ rgb(27, 149, 194) 12px 12px,
1048
+ rgb(27, 149, 194) 13px 13px,
1049
+ rgb(27, 149, 194) 14px 14px,
1050
+ rgb(27, 149, 194) 15px 15px,
1051
+ rgb(27, 149, 194) 16px 16px,
1052
+ rgb(27, 149, 194) 17px 17px,
1053
+ rgb(27, 149, 194) 18px 18px,
1054
+ rgb(27, 149, 194) 19px 19px,
1055
+ rgb(27, 149, 194) 20px 20px,
1056
+ rgb(27, 149, 194) 21px 21px,
1057
+ rgb(27, 149, 194) 22px 22px,
1058
+ rgb(27, 149, 194) 23px 23px,
1059
+ rgb(27, 149, 194) 24px 24px,
1060
+ rgb(27, 149, 194) 25px 25px,
1061
+ rgb(27, 149, 194) 26px 26px,
1062
+ rgb(27, 149, 194) 27px 27px,
1063
+ rgb(27, 149, 194) 28px 28px,
1064
+ rgb(27, 149, 194) 29px 29px,
1065
+ rgb(27, 149, 194) 30px 30px;
1066
+ }
1067
+
1068
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-soundcloud {
1069
+ background: #ff5419;
1070
+ border: 1px solid #c73002;
1071
+ text-shadow: rgb(199, 48, 2) 1px 1px,
1072
+ rgb(199, 48, 2) 2px 2px,
1073
+ rgb(199, 48, 2) 3px 3px,
1074
+ rgb(199, 48, 2) 4px 4px,
1075
+ rgb(199, 48, 2) 5px 5px,
1076
+ rgb(199, 48, 2) 6px 6px,
1077
+ rgb(199, 48, 2) 7px 7px,
1078
+ rgb(199, 48, 2) 8px 8px,
1079
+ rgb(199, 48, 2) 9px 9px,
1080
+ rgb(199, 48, 2) 10px 10px,
1081
+ rgb(199, 48, 2) 11px 11px,
1082
+ rgb(199, 48, 2) 12px 12px,
1083
+ rgb(199, 48, 2) 13px 13px,
1084
+ rgb(199, 48, 2) 14px 14px,
1085
+ rgb(199, 48, 2) 15px 15px,
1086
+ rgb(199, 48, 2) 16px 16px,
1087
+ rgb(199, 48, 2) 17px 17px,
1088
+ rgb(199, 48, 2) 18px 18px,
1089
+ rgb(199, 48, 2) 19px 19px,
1090
+ rgb(199, 48, 2) 20px 20px,
1091
+ rgb(199, 48, 2) 21px 21px,
1092
+ rgb(199, 48, 2) 22px 22px,
1093
+ rgb(199, 48, 2) 23px 23px,
1094
+ rgb(199, 48, 2) 24px 24px,
1095
+ rgb(199, 48, 2) 25px 25px,
1096
+ rgb(199, 48, 2) 26px 26px,
1097
+ rgb(199, 48, 2) 27px 27px,
1098
+ rgb(199, 48, 2) 28px 28px,
1099
+ rgb(199, 48, 2) 29px 29px,
1100
+ rgb(199, 48, 2) 30px 30px;
1101
+ }
1102
+
1103
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-spotify {
1104
+ background: #aecf02;
1105
+ border: 1px solid #829900;
1106
+ text-shadow: rgb(130, 153, 0) 1px 1px,
1107
+ rgb(130, 153, 0) 2px 2px,
1108
+ rgb(130, 153, 0) 3px 3px,
1109
+ rgb(130, 153, 0) 4px 4px,
1110
+ rgb(130, 153, 0) 5px 5px,
1111
+ rgb(130, 153, 0) 6px 6px,
1112
+ rgb(130, 153, 0) 7px 7px,
1113
+ rgb(130, 153, 0) 8px 8px,
1114
+ rgb(130, 153, 0) 9px 9px,
1115
+ rgb(130, 153, 0) 10px 10px,
1116
+ rgb(130, 153, 0) 11px 11px,
1117
+ rgb(130, 153, 0) 12px 12px,
1118
+ rgb(130, 153, 0) 13px 13px,
1119
+ rgb(130, 153, 0) 14px 14px,
1120
+ rgb(130, 153, 0) 15px 15px,
1121
+ rgb(130, 153, 0) 16px 16px,
1122
+ rgb(130, 153, 0) 17px 17px,
1123
+ rgb(130, 153, 0) 18px 18px,
1124
+ rgb(130, 153, 0) 19px 19px,
1125
+ rgb(130, 153, 0) 20px 20px,
1126
+ rgb(130, 153, 0) 21px 21px,
1127
+ rgb(130, 153, 0) 22px 22px,
1128
+ rgb(130, 153, 0) 23px 23px,
1129
+ rgb(130, 153, 0) 24px 24px,
1130
+ rgb(130, 153, 0) 25px 25px,
1131
+ rgb(130, 153, 0) 26px 26px,
1132
+ rgb(130, 153, 0) 27px 27px,
1133
+ rgb(130, 153, 0) 28px 28px,
1134
+ rgb(130, 153, 0) 29px 29px,
1135
+ rgb(130, 153, 0) 30px 30px;
1136
+ }
1137
+
1138
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-stackoverflow {
1139
+ background: #ff661e;
1140
+ border: 1px solid #ce3a00;
1141
+ text-shadow: rgb(206, 58, 0) 1px 1px,
1142
+ rgb(206, 58, 0) 2px 2px,
1143
+ rgb(206, 58, 0) 3px 3px,
1144
+ rgb(206, 58, 0) 4px 4px,
1145
+ rgb(206, 58, 0) 5px 5px,
1146
+ rgb(206, 58, 0) 6px 6px,
1147
+ rgb(206, 58, 0) 7px 7px,
1148
+ rgb(206, 58, 0) 8px 8px,
1149
+ rgb(206, 58, 0) 9px 9px,
1150
+ rgb(206, 58, 0) 10px 10px,
1151
+ rgb(206, 58, 0) 11px 11px,
1152
+ rgb(206, 58, 0) 12px 12px,
1153
+ rgb(206, 58, 0) 13px 13px,
1154
+ rgb(206, 58, 0) 14px 14px,
1155
+ rgb(206, 58, 0) 15px 15px,
1156
+ rgb(206, 58, 0) 16px 16px,
1157
+ rgb(206, 58, 0) 17px 17px,
1158
+ rgb(206, 58, 0) 18px 18px,
1159
+ rgb(206, 58, 0) 19px 19px,
1160
+ rgb(206, 58, 0) 20px 20px,
1161
+ rgb(206, 58, 0) 21px 21px,
1162
+ rgb(206, 58, 0) 22px 22px,
1163
+ rgb(206, 58, 0) 23px 23px,
1164
+ rgb(206, 58, 0) 24px 24px,
1165
+ rgb(206, 58, 0) 25px 25px,
1166
+ rgb(206, 58, 0) 26px 26px,
1167
+ rgb(206, 58, 0) 27px 27px,
1168
+ rgb(206, 58, 0) 28px 28px,
1169
+ rgb(206, 58, 0) 29px 29px,
1170
+ rgb(206, 58, 0) 30px 30px;
1171
+ }
1172
+
1173
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-steam,
1174
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-user_email {
1175
+ background: #484848;
1176
+ border: 1px solid #302b2b;
1177
+ text-shadow: rgb(48, 43, 43) 1px 1px,
1178
+ rgb(48, 43, 43) 2px 2px,
1179
+ rgb(48, 43, 43) 3px 3px,
1180
+ rgb(48, 43, 43) 4px 4px,
1181
+ rgb(48, 43, 43) 5px 5px,
1182
+ rgb(48, 43, 43) 6px 6px,
1183
+ rgb(48, 43, 43) 7px 7px,
1184
+ rgb(48, 43, 43) 8px 8px,
1185
+ rgb(48, 43, 43) 9px 9px,
1186
+ rgb(48, 43, 43) 10px 10px,
1187
+ rgb(48, 43, 43) 11px 11px,
1188
+ rgb(48, 43, 43) 12px 12px,
1189
+ rgb(48, 43, 43) 13px 13px,
1190
+ rgb(48, 43, 43) 14px 14px,
1191
+ rgb(48, 43, 43) 15px 15px,
1192
+ rgb(48, 43, 43) 16px 16px,
1193
+ rgb(48, 43, 43) 17px 17px,
1194
+ rgb(48, 43, 43) 18px 18px,
1195
+ rgb(48, 43, 43) 19px 19px,
1196
+ rgb(48, 43, 43) 20px 20px,
1197
+ rgb(48, 43, 43) 21px 21px,
1198
+ rgb(48, 43, 43) 22px 22px,
1199
+ rgb(48, 43, 43) 23px 23px,
1200
+ rgb(48, 43, 43) 24px 24px,
1201
+ rgb(48, 43, 43) 25px 25px,
1202
+ rgb(48, 43, 43) 26px 26px,
1203
+ rgb(48, 43, 43) 27px 27px,
1204
+ rgb(48, 43, 43) 28px 28px,
1205
+ rgb(48, 43, 43) 29px 29px,
1206
+ rgb(48, 43, 43) 30px 30px;
1207
+ }
1208
+
1209
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-stumbleUpon {
1210
+ background: #eb4923;
1211
+ border: 1px solid #be2507;
1212
+ text-shadow: rgb(190, 37, 7) 1px 1px,
1213
+ rgb(190, 37, 7) 2px 2px,
1214
+ rgb(190, 37, 7) 3px 3px,
1215
+ rgb(190, 37, 7) 4px 4px,
1216
+ rgb(190, 37, 7) 5px 5px,
1217
+ rgb(190, 37, 7) 6px 6px,
1218
+ rgb(190, 37, 7) 7px 7px,
1219
+ rgb(190, 37, 7) 8px 8px,
1220
+ rgb(190, 37, 7) 9px 9px,
1221
+ rgb(190, 37, 7) 10px 10px,
1222
+ rgb(190, 37, 7) 11px 11px,
1223
+ rgb(190, 37, 7) 12px 12px,
1224
+ rgb(190, 37, 7) 13px 13px,
1225
+ rgb(190, 37, 7) 14px 14px,
1226
+ rgb(190, 37, 7) 15px 15px,
1227
+ rgb(190, 37, 7) 16px 16px,
1228
+ rgb(190, 37, 7) 17px 17px,
1229
+ rgb(190, 37, 7) 18px 18px,
1230
+ rgb(190, 37, 7) 19px 19px,
1231
+ rgb(190, 37, 7) 20px 20px,
1232
+ rgb(190, 37, 7) 21px 21px,
1233
+ rgb(190, 37, 7) 22px 22px,
1234
+ rgb(190, 37, 7) 23px 23px,
1235
+ rgb(190, 37, 7) 24px 24px,
1236
+ rgb(190, 37, 7) 25px 25px,
1237
+ rgb(190, 37, 7) 26px 26px,
1238
+ rgb(190, 37, 7) 27px 27px,
1239
+ rgb(190, 37, 7) 28px 28px,
1240
+ rgb(190, 37, 7) 29px 29px,
1241
+ rgb(190, 37, 7) 30px 30px;
1242
+ }
1243
+
1244
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-tumblr {
1245
+ background: #3c576c;
1246
+ border: 1px solid #1e3546;
1247
+ text-shadow: rgb(30, 53, 70) 1px 1px,
1248
+ rgb(30, 53, 70) 2px 2px,
1249
+ rgb(30, 53, 70) 3px 3px,
1250
+ rgb(30, 53, 70) 4px 4px,
1251
+ rgb(30, 53, 70) 5px 5px,
1252
+ rgb(30, 53, 70) 6px 6px,
1253
+ rgb(30, 53, 70) 7px 7px,
1254
+ rgb(30, 53, 70) 8px 8px,
1255
+ rgb(30, 53, 70) 9px 9px,
1256
+ rgb(30, 53, 70) 10px 10px,
1257
+ rgb(30, 53, 70) 11px 11px,
1258
+ rgb(30, 53, 70) 12px 12px,
1259
+ rgb(30, 53, 70) 13px 13px,
1260
+ rgb(30, 53, 70) 14px 14px,
1261
+ rgb(30, 53, 70) 15px 15px,
1262
+ rgb(30, 53, 70) 16px 16px,
1263
+ rgb(30, 53, 70) 17px 17px,
1264
+ rgb(30, 53, 70) 18px 18px,
1265
+ rgb(30, 53, 70) 19px 19px,
1266
+ rgb(30, 53, 70) 20px 20px,
1267
+ rgb(30, 53, 70) 21px 21px,
1268
+ rgb(30, 53, 70) 22px 22px,
1269
+ rgb(30, 53, 70) 23px 23px,
1270
+ rgb(30, 53, 70) 24px 24px,
1271
+ rgb(30, 53, 70) 25px 25px,
1272
+ rgb(30, 53, 70) 26px 26px,
1273
+ rgb(30, 53, 70) 27px 27px,
1274
+ rgb(30, 53, 70) 28px 28px,
1275
+ rgb(30, 53, 70) 29px 29px,
1276
+ rgb(30, 53, 70) 30px 30px;
1277
+ }
1278
+
1279
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-twitter {
1280
+ background: #00aced;
1281
+ border: 1px solid #008ab8;
1282
+ text-shadow: rgb(0, 138, 184) 1px 1px,
1283
+ rgb(0, 138, 184) 2px 2px,
1284
+ rgb(0, 138, 184) 3px 3px,
1285
+ rgb(0, 138, 184) 4px 4px,
1286
+ rgb(0, 138, 184) 5px 5px,
1287
+ rgb(0, 138, 184) 6px 6px,
1288
+ rgb(0, 138, 184) 7px 7px,
1289
+ rgb(0, 138, 184) 8px 8px,
1290
+ rgb(0, 138, 184) 9px 9px,
1291
+ rgb(0, 138, 184) 10px 10px,
1292
+ rgb(0, 138, 184) 11px 11px,
1293
+ rgb(0, 138, 184) 12px 12px,
1294
+ rgb(0, 138, 184) 13px 13px,
1295
+ rgb(0, 138, 184) 14px 14px,
1296
+ rgb(0, 138, 184) 15px 15px,
1297
+ rgb(0, 138, 184) 16px 16px,
1298
+ rgb(0, 138, 184) 17px 17px,
1299
+ rgb(0, 138, 184) 18px 18px,
1300
+ rgb(0, 138, 184) 19px 19px,
1301
+ rgb(0, 138, 184) 20px 20px,
1302
+ rgb(0, 138, 184) 21px 21px,
1303
+ rgb(0, 138, 184) 22px 22px,
1304
+ rgb(0, 138, 184) 23px 23px,
1305
+ rgb(0, 138, 184) 24px 24px,
1306
+ rgb(0, 138, 184) 25px 25px,
1307
+ rgb(0, 138, 184) 26px 26px,
1308
+ rgb(0, 138, 184) 27px 27px,
1309
+ rgb(0, 138, 184) 28px 28px,
1310
+ rgb(0, 138, 184) 29px 29px,
1311
+ rgb(0, 138, 184) 30px 30px;
1312
+ }
1313
+
1314
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-vimeo {
1315
+ background: #006599;
1316
+ border: 1px solid #00496a;
1317
+ text-shadow: rgb(0, 73, 106) 1px 1px,
1318
+ rgb(0, 73, 106) 2px 2px,
1319
+ rgb(0, 73, 106) 3px 3px,
1320
+ rgb(0, 73, 106) 4px 4px,
1321
+ rgb(0, 73, 106) 5px 5px,
1322
+ rgb(0, 73, 106) 6px 6px,
1323
+ rgb(0, 73, 106) 7px 7px,
1324
+ rgb(0, 73, 106) 8px 8px,
1325
+ rgb(0, 73, 106) 9px 9px,
1326
+ rgb(0, 73, 106) 10px 10px,
1327
+ rgb(0, 73, 106) 11px 11px,
1328
+ rgb(0, 73, 106) 12px 12px,
1329
+ rgb(0, 73, 106) 13px 13px,
1330
+ rgb(0, 73, 106) 14px 14px,
1331
+ rgb(0, 73, 106) 15px 15px,
1332
+ rgb(0, 73, 106) 16px 16px,
1333
+ rgb(0, 73, 106) 17px 17px,
1334
+ rgb(0, 73, 106) 18px 18px,
1335
+ rgb(0, 73, 106) 19px 19px,
1336
+ rgb(0, 73, 106) 20px 20px,
1337
+ rgb(0, 73, 106) 21px 21px,
1338
+ rgb(0, 73, 106) 22px 22px,
1339
+ rgb(0, 73, 106) 23px 23px,
1340
+ rgb(0, 73, 106) 24px 24px,
1341
+ rgb(0, 73, 106) 25px 25px,
1342
+ rgb(0, 73, 106) 26px 26px,
1343
+ rgb(0, 73, 106) 27px 27px,
1344
+ rgb(0, 73, 106) 28px 28px,
1345
+ rgb(0, 73, 106) 29px 29px,
1346
+ rgb(0, 73, 106) 30px 30px;
1347
+ }
1348
+
1349
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-windows {
1350
+ background: #00adef;
1351
+ border: 1px solid #038bbc;
1352
+ text-shadow: rgb(3, 139, 188) 1px 1px,
1353
+ rgb(3, 139, 188) 2px 2px,
1354
+ rgb(3, 139, 188) 3px 3px,
1355
+ rgb(3, 139, 188) 4px 4px,
1356
+ rgb(3, 139, 188) 5px 5px,
1357
+ rgb(3, 139, 188) 6px 6px,
1358
+ rgb(3, 139, 188) 7px 7px,
1359
+ rgb(3, 139, 188) 8px 8px,
1360
+ rgb(3, 139, 188) 9px 9px,
1361
+ rgb(3, 139, 188) 10px 10px,
1362
+ rgb(3, 139, 188) 11px 11px,
1363
+ rgb(3, 139, 188) 12px 12px,
1364
+ rgb(3, 139, 188) 13px 13px,
1365
+ rgb(3, 139, 188) 14px 14px,
1366
+ rgb(3, 139, 188) 15px 15px,
1367
+ rgb(3, 139, 188) 16px 16px,
1368
+ rgb(3, 139, 188) 17px 17px,
1369
+ rgb(3, 139, 188) 18px 18px,
1370
+ rgb(3, 139, 188) 19px 19px,
1371
+ rgb(3, 139, 188) 20px 20px,
1372
+ rgb(3, 139, 188) 21px 21px,
1373
+ rgb(3, 139, 188) 22px 22px,
1374
+ rgb(3, 139, 188) 23px 23px,
1375
+ rgb(3, 139, 188) 24px 24px,
1376
+ rgb(3, 139, 188) 25px 25px,
1377
+ rgb(3, 139, 188) 26px 26px,
1378
+ rgb(3, 139, 188) 27px 27px,
1379
+ rgb(3, 139, 188) 28px 28px,
1380
+ rgb(3, 139, 188) 29px 29px,
1381
+ rgb(3, 139, 188) 30px 30px;
1382
+ }
1383
+
1384
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-wordpress {
1385
+ background: #21759a;
1386
+ border: 1px solid #0f607e;
1387
+ text-shadow: rgb(15, 96, 126) 1px 1px,
1388
+ rgb(15, 96, 126) 2px 2px,
1389
+ rgb(15, 96, 126) 3px 3px,
1390
+ rgb(15, 96, 126) 4px 4px,
1391
+ rgb(15, 96, 126) 5px 5px,
1392
+ rgb(15, 96, 126) 6px 6px,
1393
+ rgb(15, 96, 126) 7px 7px,
1394
+ rgb(15, 96, 126) 8px 8px,
1395
+ rgb(15, 96, 126) 9px 9px,
1396
+ rgb(15, 96, 126) 10px 10px,
1397
+ rgb(15, 96, 126) 11px 11px,
1398
+ rgb(15, 96, 126) 12px 12px,
1399
+ rgb(15, 96, 126) 13px 13px,
1400
+ rgb(15, 96, 126) 14px 14px,
1401
+ rgb(15, 96, 126) 15px 15px,
1402
+ rgb(15, 96, 126) 16px 16px,
1403
+ rgb(15, 96, 126) 17px 17px,
1404
+ rgb(15, 96, 126) 18px 18px,
1405
+ rgb(15, 96, 126) 19px 19px,
1406
+ rgb(15, 96, 126) 20px 20px,
1407
+ rgb(15, 96, 126) 21px 21px,
1408
+ rgb(15, 96, 126) 22px 22px,
1409
+ rgb(15, 96, 126) 23px 23px,
1410
+ rgb(15, 96, 126) 24px 24px,
1411
+ rgb(15, 96, 126) 25px 25px,
1412
+ rgb(15, 96, 126) 26px 26px,
1413
+ rgb(15, 96, 126) 27px 27px,
1414
+ rgb(15, 96, 126) 28px 28px,
1415
+ rgb(15, 96, 126) 29px 29px,
1416
+ rgb(15, 96, 126) 30px 30px;
1417
+ }
1418
+
1419
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-yahoo {
1420
+ background: #4101af;
1421
+ border: 1px solid #290074;
1422
+ text-shadow: rgb(41, 0, 116) 1px 1px,
1423
+ rgb(41, 0, 116) 2px 2px,
1424
+ rgb(41, 0, 116) 3px 3px,
1425
+ rgb(41, 0, 116) 4px 4px,
1426
+ rgb(41, 0, 116) 5px 5px,
1427
+ rgb(41, 0, 116) 6px 6px,
1428
+ rgb(41, 0, 116) 7px 7px,
1429
+ rgb(41, 0, 116) 8px 8px,
1430
+ rgb(41, 0, 116) 9px 9px,
1431
+ rgb(41, 0, 116) 10px 10px,
1432
+ rgb(41, 0, 116) 11px 11px,
1433
+ rgb(41, 0, 116) 12px 12px,
1434
+ rgb(41, 0, 116) 13px 13px,
1435
+ rgb(41, 0, 116) 14px 14px,
1436
+ rgb(41, 0, 116) 15px 15px,
1437
+ rgb(41, 0, 116) 16px 16px,
1438
+ rgb(41, 0, 116) 17px 17px,
1439
+ rgb(41, 0, 116) 18px 18px,
1440
+ rgb(41, 0, 116) 19px 19px,
1441
+ rgb(41, 0, 116) 20px 20px,
1442
+ rgb(41, 0, 116) 21px 21px,
1443
+ rgb(41, 0, 116) 22px 22px,
1444
+ rgb(41, 0, 116) 23px 23px,
1445
+ rgb(41, 0, 116) 24px 24px,
1446
+ rgb(41, 0, 116) 25px 25px,
1447
+ rgb(41, 0, 116) 26px 26px,
1448
+ rgb(41, 0, 116) 27px 27px,
1449
+ rgb(41, 0, 116) 28px 28px,
1450
+ rgb(41, 0, 116) 29px 29px,
1451
+ rgb(41, 0, 116) 30px 30px;
1452
+ }
1453
+
1454
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-youtube {
1455
+ background: #e52c27;
1456
+ border: 1px solid #be0707;
1457
+ text-shadow: rgb(190, 7, 7) 1px 1px,
1458
+ rgb(190, 7, 7) 2px 2px,
1459
+ rgb(190, 7, 7) 3px 3px,
1460
+ rgb(190, 7, 7) 4px 4px,
1461
+ rgb(190, 7, 7) 5px 5px,
1462
+ rgb(190, 7, 7) 6px 6px,
1463
+ rgb(190, 7, 7) 7px 7px,
1464
+ rgb(190, 7, 7) 8px 8px,
1465
+ rgb(190, 7, 7) 9px 9px,
1466
+ rgb(190, 7, 7) 10px 10px,
1467
+ rgb(190, 7, 7) 11px 11px,
1468
+ rgb(190, 7, 7) 12px 12px,
1469
+ rgb(190, 7, 7) 13px 13px,
1470
+ rgb(190, 7, 7) 14px 14px,
1471
+ rgb(190, 7, 7) 15px 15px,
1472
+ rgb(190, 7, 7) 16px 16px,
1473
+ rgb(190, 7, 7) 17px 17px,
1474
+ rgb(190, 7, 7) 18px 18px,
1475
+ rgb(190, 7, 7) 19px 19px,
1476
+ rgb(190, 7, 7) 20px 20px,
1477
+ rgb(190, 7, 7) 21px 21px,
1478
+ rgb(190, 7, 7) 22px 22px,
1479
+ rgb(190, 7, 7) 23px 23px,
1480
+ rgb(190, 7, 7) 24px 24px,
1481
+ rgb(190, 7, 7) 25px 25px,
1482
+ rgb(190, 7, 7) 26px 26px,
1483
+ rgb(190, 7, 7) 27px 27px,
1484
+ rgb(190, 7, 7) 28px 28px,
1485
+ rgb(190, 7, 7) 29px 29px,
1486
+ rgb(190, 7, 7) 30px 30px;
1487
+ }
1488
+
1489
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-xing {
1490
+ background: #026466;
1491
+ border: 1px solid #004746;
1492
+ text-shadow: rgb(0, 71, 70) 1px 1px,
1493
+ rgb(0, 71, 70) 2px 2px,
1494
+ rgb(0, 71, 70) 3px 3px,
1495
+ rgb(0, 71, 70) 4px 4px,
1496
+ rgb(0, 71, 70) 5px 5px,
1497
+ rgb(0, 71, 70) 6px 6px,
1498
+ rgb(0, 71, 70) 7px 7px,
1499
+ rgb(0, 71, 70) 8px 8px,
1500
+ rgb(0, 71, 70) 9px 9px,
1501
+ rgb(0, 71, 70) 10px 10px,
1502
+ rgb(0, 71, 70) 11px 11px,
1503
+ rgb(0, 71, 70) 12px 12px,
1504
+ rgb(0, 71, 70) 13px 13px,
1505
+ rgb(0, 71, 70) 14px 14px,
1506
+ rgb(0, 71, 70) 15px 15px,
1507
+ rgb(0, 71, 70) 16px 16px,
1508
+ rgb(0, 71, 70) 17px 17px,
1509
+ rgb(0, 71, 70) 18px 18px,
1510
+ rgb(0, 71, 70) 19px 19px,
1511
+ rgb(0, 71, 70) 20px 20px,
1512
+ rgb(0, 71, 70) 21px 21px,
1513
+ rgb(0, 71, 70) 22px 22px,
1514
+ rgb(0, 71, 70) 23px 23px,
1515
+ rgb(0, 71, 70) 24px 24px,
1516
+ rgb(0, 71, 70) 25px 25px,
1517
+ rgb(0, 71, 70) 26px 26px,
1518
+ rgb(0, 71, 70) 27px 27px,
1519
+ rgb(0, 71, 70) 28px 28px,
1520
+ rgb(0, 71, 70) 29px 29px,
1521
+ rgb(0, 71, 70) 30px 30px;
1522
+ }
1523
+
1524
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-mixcloud {
1525
+ background: #52aad8;
1526
+ border: 1px solid #1b95c2;
1527
+ text-shadow: rgb(27, 149, 194) 1px 1px,
1528
+ rgb(27, 149, 194) 2px 2px,
1529
+ rgb(27, 149, 194) 3px 3px,
1530
+ rgb(27, 149, 194) 4px 4px,
1531
+ rgb(27, 149, 194) 5px 5px,
1532
+ rgb(27, 149, 194) 6px 6px,
1533
+ rgb(27, 149, 194) 7px 7px,
1534
+ rgb(27, 149, 194) 8px 8px,
1535
+ rgb(27, 149, 194) 9px 9px,
1536
+ rgb(27, 149, 194) 10px 10px,
1537
+ rgb(27, 149, 194) 11px 11px,
1538
+ rgb(27, 149, 194) 12px 12px,
1539
+ rgb(27, 149, 194) 13px 13px,
1540
+ rgb(27, 149, 194) 14px 14px,
1541
+ rgb(27, 149, 194) 15px 15px,
1542
+ rgb(27, 149, 194) 16px 16px,
1543
+ rgb(27, 149, 194) 17px 17px,
1544
+ rgb(27, 149, 194) 18px 18px,
1545
+ rgb(27, 149, 194) 19px 19px,
1546
+ rgb(27, 149, 194) 20px 20px,
1547
+ rgb(27, 149, 194) 21px 21px,
1548
+ rgb(27, 149, 194) 22px 22px,
1549
+ rgb(27, 149, 194) 23px 23px,
1550
+ rgb(27, 149, 194) 24px 24px,
1551
+ rgb(27, 149, 194) 25px 25px,
1552
+ rgb(27, 149, 194) 26px 26px,
1553
+ rgb(27, 149, 194) 27px 27px,
1554
+ rgb(27, 149, 194) 28px 28px,
1555
+ rgb(27, 149, 194) 29px 29px,
1556
+ rgb(27, 149, 194) 30px 30px;
1557
+ }
1558
+
1559
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-vk {
1560
+ background-color: #45668e;
1561
+ }
1562
+
1563
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-medium {
1564
+ background-color: #00ab6c;
1565
+ }
1566
+
1567
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-quora {
1568
+ background-color: #a82400;
1569
+ }
1570
+
1571
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-meetup {
1572
+ background-color: #e0393e;
1573
+ }
1574
+
1575
+ .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.saboxplugin-icon-goodreads {
1576
+ background: #553b08;
1577
+ border: 1px solid #1b95c2;
1578
+ }
1579
+
1580
+ .sabox-plus-item {
1581
+ margin-bottom: 20px;
1582
+ }
1583
+
1584
+ /* - GLOBAL MEDIA QUERIES
1585
+ -------------------------------------------------------------- */
1586
+ @media screen and (max-width: 480px) {
1587
+
1588
+ .saboxplugin-wrap {
1589
+ text-align: center;
1590
+ }
1591
+
1592
+ .saboxplugin-wrap .saboxplugin-gravatar {
1593
+ float: none;
1594
+ padding: 20px 0;
1595
+ text-align: center;
1596
+ margin: 0 auto;
1597
+ display: block;
1598
+ }
1599
+
1600
+ .saboxplugin-wrap .saboxplugin-gravatar img {
1601
+ float: none;
1602
+ display: inline-block;
1603
+ display: -moz-inline-stack;
1604
+ vertical-align: middle;
1605
+ *vertical-align: auto;
1606
+ zoom: 1;
1607
+ *display: inline;
1608
+ }
1609
+
1610
+ .saboxplugin-wrap .saboxplugin-desc {
1611
+ margin: 0 10px 20px;
1612
+ text-align: center;
1613
+ }
1614
+
1615
+ .saboxplugin-wrap .saboxplugin-authorname {
1616
+ text-align: center;
1617
+ margin: 10px 0 20px;
1618
+ }
1619
+
1620
+ }
1621
+
1622
+ /* @Since 2.0.4
1623
+ -------------------------------------------------------------- */
1624
+ body .saboxplugin-authorname a,
1625
+ body .saboxplugin-authorname a:hover {
1626
+ box-shadow: none;
1627
+ -webkit-box-shadow: none;
1628
+ }
1629
+
1630
+ a.sab-profile-edit {
1631
+ font-size: 16px !important;
1632
+ line-height: 1 !important;
1633
+ }
1634
+
1635
+ a.sab-profile-edit,
1636
+ .sab-edit-settings a{
1637
+ color: #0073aa !important; /* default WP link color */
1638
+ box-shadow: none !important;
1639
+ -webkit-box-shadow: none !important;
1640
+ }
1641
+
1642
+ .sab-edit-settings {
1643
+ margin-right: 15px;
1644
+ position: absolute;
1645
+ right: 0;
1646
+ z-index: 2;
1647
+ bottom: 10px;
1648
+ line-height: 20px;
1649
+ }
1650
+
1651
+ .sab-edit-settings i {
1652
+ margin-left: 5px;
1653
+ }
1654
+
1655
+ .saboxplugin-socials {
1656
+ line-height: 1 !important;
1657
+ }
1658
+
1659
+
assets/js/sabox-admin.js CHANGED
@@ -1,131 +1,125 @@
1
  (function( $ ) {
2
 
3
-
4
- 'use strict';
5
- var context = $( '#sabox-container' );
6
- context.find( '.saboxfield' ).on( 'change', function() {
7
-
8
- var value = getElementValue( $( this ) );
9
-
10
- var elements = context.find( '.show_if_' + $( this ).attr( 'id' ) );
11
-
12
- if ( value && '0' !== value ) {
13
- elements.show(300);
14
- } else {
15
- elements.hide(250);
16
- }
17
- } );
18
-
19
- function getElementValue( $element ) {
20
- var type = $element.attr( 'type' );
21
- var name = $element.attr( 'name' );
22
-
23
- if ( 'checkbox' === type ) {
24
- if ( $element.is( ':checked' ) ) {
25
- return 1;
26
- } else {
27
- return 0;
28
- }
29
- } else {
30
- return $element.val();
31
- }
32
- }
33
-
34
- /**
35
- * Handle UI tab switching via jQuery instead of relying on CSS only
36
- */
37
- function admin_tab_switching() {
38
-
39
- var nav_tab_selector = '.nav-tab-wrapper a';
40
-
41
- /**
42
- * Default tab handling
43
- */
44
-
45
- // make the first tab active by default
46
- $( nav_tab_selector + ':first' ).addClass( 'nav-tab-active' );
47
-
48
- // get the first tab href
49
- var initial_tab_href = $( nav_tab_selector + ':first' ).attr( 'href' );
50
-
51
- // make all the tabs, except the first one hidden
52
- $( '.epfw-turn-into-tab' ).each( function( index, value ) {
53
- if ( '#' + $( this ).attr( 'id' ) !== initial_tab_href ) {
54
- $( this ).hide();
55
- }
56
- } );
57
-
58
- /**
59
- * Listen for click events on nav-tab links
60
- */
61
- $( nav_tab_selector ).click( function( event ) {
62
-
63
- $( nav_tab_selector ).removeClass( 'nav-tab-active' ); // remove class from previous selector
64
- $( this ).addClass( 'nav-tab-active' ).blur(); // add class to currently clicked selector
65
-
66
- var clicked_tab = $( this ).attr( 'href' );
67
-
68
- $( '.epfw-turn-into-tab' ).each( function( index, value ) {
69
- if ( '#' + $( this ).attr( 'id' ) !== clicked_tab ) {
70
- $( this ).hide();
71
- }
72
-
73
- $( clicked_tab ).fadeIn();
74
-
75
- } );
76
-
77
- // prevent default behavior
78
- event.preventDefault();
79
-
80
- } );
81
- }
82
-
83
- $( document ).ready( function() {
84
- var elements = context.find( '.saboxfield' ),
85
- sliders = context.find( '.sabox-slider' ),
86
- colorpickers = context.find( '.sabox-color' );
87
-
88
- elements.each( function( $index, $element ) {
89
- var element = $( $element ),
90
- value = getElementValue( element ),
91
- elements = context.find( '.show_if_' + element.attr( 'id' ) );
92
- if ( value && '0' !== value ) {
93
- elements.removeClass( 'hide' );
94
- } else {
95
- elements.addClass( 'hide' );
96
- }
97
- } );
98
- if ( sliders.length > 0 ) {
99
- sliders.each( function( $index, $slider ) {
100
- var input = $( $slider ).parent().find( '.saboxfield' ),
101
- max = input.data( 'max' ),
102
- min = input.data( 'min' ),
103
- step = input.data( 'step' ),
104
- value = parseInt( input.val(), 10 );
105
-
106
- $( $slider ).slider( {
107
- value: value,
108
- min: min,
109
- max: max,
110
- step: step,
111
- slide: function( event, ui ) {
112
- input.val( ui.value + 'px' ).trigger( 'change' );
113
- }
114
- } );
115
- } );
116
- }
117
- if ( colorpickers.length > 0 ) {
118
- colorpickers.each( function( $index, $colorpicker ) {
119
- $( $colorpicker ).wpColorPicker();
120
- } );
121
- }
122
-
123
- admin_tab_switching();
124
-
125
- } );
126
-
127
- $( document ).change( function() {
128
-
129
- } );
130
-
131
- })( jQuery );
1
  (function( $ ) {
2
 
3
+ 'use strict';
4
+ var context = $( '#sabox-container' );
5
+ context.find( '.saboxfield' ).on( 'change', function() {
6
+
7
+ var value = getElementValue( $( this ) );
8
+
9
+ var elements = context.find( '.show_if_' + $( this ).attr( 'id' ) );
10
+
11
+ if ( value && '0' !== value ) {
12
+ elements.show( 300 );
13
+ } else {
14
+ elements.hide( 250 );
15
+ }
16
+ } );
17
+
18
+ function getElementValue( $element ) {
19
+ var type = $element.attr( 'type' );
20
+ var name = $element.attr( 'name' );
21
+
22
+ if ( 'checkbox' === type ) {
23
+ if ( $element.is( ':checked' ) ) {
24
+ return 1;
25
+ } else {
26
+ return 0;
27
+ }
28
+ } else {
29
+ return $element.val();
30
+ }
31
+ }
32
+
33
+ /**
34
+ * Handle UI tab switching via jQuery instead of relying on CSS only
35
+ */
36
+ function adminTabSwitching() {
37
+
38
+ var navTabSelector = '.nav-tab-wrapper a';
39
+
40
+ // Get the first tab href
41
+ var initialTabHref = $( navTabSelector + ':first' ).attr( 'href' );
42
+
43
+ /**
44
+ * Default tab handling
45
+ */
46
+
47
+ // Make the first tab active by default
48
+ $( navTabSelector + ':first' ).addClass( 'nav-tab-active' );
49
+
50
+ // Make all the tabs, except the first one hidden
51
+ $( '.epfw-turn-into-tab' ).each( function( index, value ) {
52
+ if ( '#' + $( this ).attr( 'id' ) !== initialTabHref ) {
53
+ $( this ).hide();
54
+ }
55
+ } );
56
+
57
+ /**
58
+ * Listen for click events on nav-tab links
59
+ */
60
+ $( navTabSelector ).click( function( event ) {
61
+
62
+ var clickedTab = $( this ).attr( 'href' );
63
+ $( navTabSelector ).removeClass( 'nav-tab-active' ); // Remove class from previous selector
64
+ $( this ).addClass( 'nav-tab-active' ).blur(); // Add class to currently clicked selector
65
+
66
+ $( '.epfw-turn-into-tab' ).each( function( index, value ) {
67
+ if ( '#' + $( this ).attr( 'id' ) !== clickedTab ) {
68
+ $( this ).hide();
69
+ }
70
+
71
+ $( clickedTab ).fadeIn();
72
+
73
+ } );
74
+
75
+ // Prevent default behavior
76
+ event.preventDefault();
77
+
78
+ } );
79
+ }
80
+
81
+ $( document ).ready( function() {
82
+ var elements = context.find( '.saboxfield' ),
83
+ sliders = context.find( '.sabox-slider' ),
84
+ colorpickers = context.find( '.sabox-color' );
85
+
86
+ elements.each( function( $index, $element ) {
87
+ var element = $( $element ),
88
+ value = getElementValue( element ),
89
+ elements = context.find( '.show_if_' + element.attr( 'id' ) );
90
+ if ( value && '0' !== value ) {
91
+ elements.removeClass( 'hide' );
92
+ } else {
93
+ elements.addClass( 'hide' );
94
+ }
95
+ } );
96
+ if ( sliders.length > 0 ) {
97
+ sliders.each( function( $index, $slider ) {
98
+ var input = $( $slider ).parent().find( '.saboxfield' ),
99
+ max = input.data( 'max' ),
100
+ min = input.data( 'min' ),
101
+ step = input.data( 'step' ),
102
+ value = parseInt( input.val(), 10 );
103
+
104
+ $( $slider ).slider( {
105
+ value: value,
106
+ min: min,
107
+ max: max,
108
+ step: step,
109
+ slide: function( event, ui ) {
110
+ input.val( ui.value + 'px' ).trigger( 'change' );
111
+ }
112
+ } );
113
+ } );
114
+ }
115
+ if ( colorpickers.length > 0 ) {
116
+ colorpickers.each( function( $index, $colorpicker ) {
117
+ $( $colorpicker ).wpColorPicker();
118
+ } );
119
+ }
120
+
121
+ adminTabSwitching();
122
+
123
+ } );
124
+
125
+ })( jQuery );
 
 
 
 
 
 
assets/js/sabox-editor.js CHANGED
@@ -1,105 +1,105 @@
1
- (function( $ ) {
2
-
3
- 'use strict';
4
- var SABox = {};
5
-
6
- var mediaControl = {
7
-
8
- // Initializes a new media manager or returns an existing frame.
9
- // @see wp.media.featuredImage.frame()
10
- selector: null,
11
- size: null,
12
- container: null,
13
- frame: function() {
14
- if ( this._frame ) {
15
- return this._frame;
16
-
17
- }
18
-
19
- this._frame = wp.media( {
20
- title: 'Media',
21
- button: {
22
- text: 'Update'
23
- },
24
- multiple: false
25
- } );
26
-
27
- this._frame.on( 'open', this.updateFrame ).state( 'library' ).on( 'select', this.select );
28
-
29
- return this._frame;
30
-
31
- },
32
-
33
- select: function() {
34
- var context = $( '#sabox-custom-profile-image' ),
35
- input = context.find( '#sabox-custom-image' ),
36
- image = context.find( 'img' ),
37
- attachment = mediaControl.frame().state().get( 'selection' ).first().toJSON();
38
-
39
- image.attr( 'src', attachment.url );
40
- input.val( attachment.url );
41
-
42
- },
43
-
44
- init: function() {
45
- var context = $( '#sabox-custom-profile-image' );
46
- context.on( 'click', '#sabox-add-image', function( e ) {
47
- e.preventDefault();
48
- mediaControl.frame().open();
49
- } );
50
-
51
- context.on( 'click', '#sabox-remove-image', function( e ) {
52
- var context = $( '#sabox-custom-profile-image' ),
53
- input = context.find( '#sabox-custom-image' ),
54
- image = context.find( 'img' );
55
-
56
- e.preventDefault();
57
-
58
- input.val( '' );
59
- image.attr( 'src', image.data( 'default' ) );
60
- } );
61
-
62
- }
63
-
64
- };
65
-
66
- $( document ).ready( function() {
67
- if ( $( '#description' ).length > 0 ) {
68
- wp.editor.initialize( 'description', {
69
- tinymce: {
70
- wpautop: true
71
- },
72
- quicktags: true
73
- } );
74
- }
75
-
76
- // Add Social Links
77
- $( '.sabox-add-social-link a' ).click( function( e ) {
78
-
79
- e.preventDefault();
80
-
81
- if ( undefined === SABox.html ) {
82
- SABox.html = '<tr> <th><span class="sabox-drag"></span><select name="sabox-social-icons[]">';
83
- $.each( SABHerlper.socialIcons, function( key, name ) {
84
- SABox.html = SABox.html + '<option value="' + key + '">' + name + '</option>';
85
- } );
86
- SABox.html = SABox.html + '</select></th><td><input name="sabox-social-links[]" type="text" class="regular-text"><span class="dashicons dashicons-trash"></span><td></tr>';
87
- }
88
-
89
- $( '#sabox-social-table' ).append( SABox.html );
90
-
91
- } );
92
-
93
- // Remove Social Link
94
- $( '#sabox-social-table' ).on( 'click', '.dashicons-trash', function() {
95
- var row = $( this ).parents( 'tr' );
96
- row.fadeOut( 'slow', function() {
97
- row.remove();
98
- } );
99
- } );
100
-
101
- mediaControl.init();
102
-
103
- } );
104
-
105
- })( jQuery );
1
+ (function( $ ) {
2
+
3
+ 'use strict';
4
+ var SABox = {};
5
+
6
+ var mediaControl = {
7
+
8
+ // Initializes a new media manager or returns an existing frame.
9
+ // @see wp.media.featuredImage.frame()
10
+ selector: null,
11
+ size: null,
12
+ container: null,
13
+ frame: function() {
14
+ if ( this._frame ) {
15
+ return this._frame;
16
+
17
+ }
18
+
19
+ this._frame = wp.media( {
20
+ title: 'Media',
21
+ button: {
22
+ text: 'Update'
23
+ },
24
+ multiple: false
25
+ } );
26
+
27
+ this._frame.on( 'open', this.updateFrame ).state( 'library' ).on( 'select', this.select );
28
+
29
+ return this._frame;
30
+
31
+ },
32
+
33
+ select: function() {
34
+ var context = $( '#sabox-custom-profile-image' ),
35
+ input = context.find( '#sabox-custom-image' ),
36
+ image = context.find( 'img' ),
37
+ attachment = mediaControl.frame().state().get( 'selection' ).first().toJSON();
38
+
39
+ image.attr( 'src', attachment.url );
40
+ input.val( attachment.url );
41
+
42
+ },
43
+
44
+ init: function() {
45
+ var context = $( '#sabox-custom-profile-image' );
46
+ context.on( 'click', '#sabox-add-image', function( e ) {
47
+ e.preventDefault();
48
+ mediaControl.frame().open();
49
+ } );
50
+
51
+ context.on( 'click', '#sabox-remove-image', function( e ) {
52
+ var context = $( '#sabox-custom-profile-image' ),
53
+ input = context.find( '#sabox-custom-image' ),
54
+ image = context.find( 'img' );
55
+
56
+ e.preventDefault();
57
+
58
+ input.val( '' );
59
+ image.attr( 'src', image.data( 'default' ) );
60
+ } );
61
+
62
+ }
63
+
64
+ };
65
+
66
+ $( document ).ready( function() {
67
+ if ( $( '#description' ).length > 0 ) {
68
+ wp.editor.initialize( 'description', {
69
+ tinymce: {
70
+ wpautop: true
71
+ },
72
+ quicktags: true
73
+ } );
74
+ }
75
+
76
+ // Add Social Links
77
+ $( '.sabox-add-social-link a' ).click( function( e ) {
78
+
79
+ e.preventDefault();
80
+
81
+ if ( undefined === SABox.html ) {
82
+ SABox.html = '<tr> <th><span class="sabox-drag"></span><select name="sabox-social-icons[]">';
83
+ $.each( SABHerlper.socialIcons, function( key, name ) {
84
+ SABox.html = SABox.html + '<option value="' + key + '">' + name + '</option>';
85
+ } );
86
+ SABox.html = SABox.html + '</select></th><td><input name="sabox-social-links[]" type="text" class="regular-text"><span class="dashicons dashicons-trash"></span><td></tr>';
87
+ }
88
+
89
+ $( '#sabox-social-table' ).append( SABox.html );
90
+
91
+ } );
92
+
93
+ // Remove Social Link
94
+ $( '#sabox-social-table' ).on( 'click', '.dashicons-trash', function() {
95
+ var row = $( this ).parents( 'tr' );
96
+ row.fadeOut( 'slow', function() {
97
+ row.remove();
98
+ } );
99
+ } );
100
+
101
+ mediaControl.init();
102
+
103
+ } );
104
+
105
+ })( jQuery );
inc/class-simple-author-box-admin-page.php CHANGED
@@ -1,675 +1,675 @@
1
- <?php
2
-
3
- class Simple_Author_Box_Admin_Page {
4
-
5
- private $tab;
6
- private $options;
7
- private $sections;
8
- private $views_path;
9
-
10
- function __construct() {
11
- $this->views_path = SIMPLE_AUTHOR_BOX_PATH . 'inc/admin/';
12
-
13
- $default_sections = array(
14
- 'general-options' => array(
15
- 'label' => __( 'Settings', 'saboxplugin' ),
16
- ),
17
- 'appearance-options' => array(
18
- 'label' => __( 'Appearance', 'saboxplugin' ),
19
- ),
20
- 'color-options' => array(
21
- 'label' => __( 'Colors', 'saboxplugin' ),
22
- ),
23
- 'typography-options' => array(
24
- 'label' => __( 'Typography', 'saboxplugin' ),
25
- ),
26
- 'miscellaneous-options' => array(
27
- 'label' => __( 'Misc', 'saboxplugin' ),
28
- ),
29
- );
30
-
31
- $settings = array(
32
- 'general-options' => array(
33
- 'sab_autoinsert' => array(
34
- 'label' => __( 'Manually insert the Simple Author Box', 'saboxplugin' ),
35
- 'description' => __( 'When turned ON, the author box will no longer be automatically added to your post. You\'ll need to manually add it using shortcodes or a PHP function.', 'saboxplugin' ),
36
- 'type' => 'toggle',
37
- 'group' => 'saboxplugin_options',
38
- ),
39
- 'plugin_code' => array(
40
- 'label' => __( 'If you want to manually insert the Simple Author Box in your template file (single post view), you can use the following code snippet', 'saboxplugin' ),
41
- 'type' => 'readonly',
42
- 'value' => '&lt;?php if ( function_exists( \'wpsabox_author_box\' ) ) echo wpsabox_author_box(); ?&gt;',
43
- 'condition' => 'sab_autoinsert',
44
- ),
45
- 'plugin_shortcode' => array(
46
- 'label' => __( 'If you want to manually insert the Simple Author Box in your post content, you can use the following shortcode', 'saboxplugin' ),
47
- 'type' => 'readonly',
48
- 'value' => '[simple-author-box]',
49
- 'condition' => 'sab_autoinsert',
50
- ),
51
- 'sab_no_description' => array(
52
- 'label' => __( 'Hide the author box if author description is empty', 'saboxplugin' ),
53
- 'description' => __( 'When turned ON, the author box will not appear for users without a description', 'saboxplugin' ),
54
- 'type' => 'toggle',
55
- 'group' => 'saboxplugin_options',
56
- ),
57
-
58
- 'sab_email' => array(
59
- 'label' => __( 'Show author email', 'saboxplugin' ),
60
- 'description' => __( 'When turned ON, the plugin will add an email option next to the social icons.', 'saboxplugin' ),
61
- 'type' => 'toggle',
62
- 'group' => 'saboxplugin_options',
63
- ),
64
- 'sab_link_target' => array(
65
- 'label' => __( 'Open social icon links in a new tab', 'saboxplugin' ),
66
- 'description' => __( 'When turned ON, the author’s social links will open in a new tab.', 'saboxplugin' ),
67
- 'type' => 'toggle',
68
- 'group' => 'saboxplugin_options',
69
- ),
70
- 'sab_hide_socials' => array(
71
- 'label' => __( 'Hide the social icons on author box', 'saboxplugin' ),
72
- 'description' => __( 'When turned ON, the author’s social icons will be hidden.', 'saboxplugin' ),
73
- 'type' => 'toggle',
74
- 'group' => 'saboxplugin_options',
75
- ),
76
- ),
77
- 'appearance-options' => array(
78
- 'sab_box_margin_top' => array(
79
- 'label' => __( 'Top margin of author box', 'saboxplugin' ),
80
- 'description' => __( 'Choose how much space to add above the author box', 'saboxplugin' ),
81
- 'type' => 'slider',
82
- 'choices' => array(
83
- 'min' => 0,
84
- 'max' => 100,
85
- 'increment' => 1,
86
- ),
87
- 'default' => '0',
88
- ),
89
- 'sab_box_margin_bottom' => array(
90
- 'label' => __( 'Bottom margin of author box', 'saboxplugin' ),
91
- 'description' => __( 'Choose how much space to add below the author box', 'saboxplugin' ),
92
- 'type' => 'slider',
93
- 'choices' => array(
94
- 'min' => 0,
95
- 'max' => 100,
96
- 'increment' => 1,
97
- ),
98
- 'default' => '0',
99
- ),
100
- 'sab_box_padding_top_bottom' => array(
101
- 'label' => __( 'Padding top and bottom of author box', 'saboxplugin' ),
102
- 'description' => __( 'This controls the padding top & bottom of the author box', 'saboxplugin' ),
103
- 'type' => 'slider',
104
- 'choices' => array(
105
- 'min' => 0,
106
- 'max' => 100,
107
- 'increment' => 1,
108
- ),
109
- 'default' => '0',
110
- ),
111
- 'sab_box_padding_left_right' => array(
112
- 'label' => __( 'Padding left and right of author box', 'saboxplugin' ),
113
- 'description' => __( 'This controls the padding left & right of the author box', 'saboxplugin' ),
114
- 'type' => 'slider',
115
- 'choices' => array(
116
- 'min' => 0,
117
- 'max' => 100,
118
- 'increment' => 1,
119
- ),
120
- 'default' => '0',
121
- ),
122
- 'sab_avatar_style' => array(
123
- 'label' => __( 'Author avatar image style', 'saboxplugin' ),
124
- 'description' => __( 'Change the shape of the author’s avatar image', 'saboxplugin' ),
125
- 'type' => 'select',
126
- 'choices' => array(
127
- 0 => __( 'Square', 'saboxplugin' ),
128
- 1 => __( 'Circle', 'saboxplugin' ),
129
- ),
130
- 'default' => '0',
131
- 'group' => 'saboxplugin_options',
132
- ),
133
- 'sab_avatar_hover' => array(
134
- 'label' => __( 'Rotate effect on author avatar hover', 'saboxplugin' ),
135
- 'description' => __( 'When turned ON, this adds a rotate effect when hovering over the author\'s avatar', 'saboxplugin' ),
136
- 'type' => 'toggle',
137
- 'group' => 'saboxplugin_options',
138
- 'condition' => 'sab_avatar_style',
139
- ),
140
- 'sab_web' => array(
141
- 'label' => __( 'Show author website', 'saboxplugin' ),
142
- 'description' => __( 'When turned ON, the box will include the author\'s website', 'saboxplugin' ),
143
- 'type' => 'toggle',
144
- 'group' => 'saboxplugin_options',
145
- ),
146
-
147
- 'sab_web_target' => array(
148
- 'label' => __( 'Open author website link in a new tab', 'saboxplugin' ),
149
- 'description' => __( 'If you check this the author\'s link will open in a new tab', 'saboxplugin' ),
150
- 'type' => 'toggle',
151
- 'condition' => 'sab_web',
152
- 'group' => 'saboxplugin_options',
153
- ),
154
- 'sab_web_rel' => array(
155
- 'label' => __( 'Add "nofollow" attribute on author website link', 'saboxplugin' ),
156
- 'description' => __( 'Toggling this to ON will make the author website have the no-follow parameter added.', 'saboxplugin' ),
157
- 'type' => 'toggle',
158
- 'condition' => 'sab_web',
159
- 'group' => 'saboxplugin_options',
160
- ),
161
-
162
-
163
- 'sab_web_position' => array(
164
- 'label' => __( 'Author website position', 'saboxplugin' ),
165
- 'description' => __( 'Select where you want to show the website ( left or right )', 'saboxplugin' ),
166
- 'type' => 'select',
167
- 'choices' => array(
168
- 0 => __( 'Left', 'saboxplugin' ),
169
- 1 => __( 'Right', 'saboxplugin' ),
170
- ),
171
- 'default' => '0',
172
- 'condition' => 'sab_web',
173
- 'group' => 'saboxplugin_options',
174
- ),
175
- 'sab_colored' => array(
176
- 'label' => __( 'Social icons type', 'saboxplugin' ),
177
- 'description' => __( 'Colored background adds a background behind the social icon symbol', 'saboxplugin' ),
178
- 'type' => 'select',
179
- 'choices' => array(
180
- 0 => __( 'Symbols', 'saboxplugin' ),
181
- 1 => __( 'Colored', 'saboxplugin' ),
182
- ),
183
- 'default' => '0',
184
- 'group' => 'saboxplugin_options',
185
- ),
186
- 'sab_icons_style' => array(
187
- 'label' => __( 'Social icons style', 'saboxplugin' ),
188
- 'description' => __( 'Select the shape of social icons\' container', 'saboxplugin' ),
189
- 'type' => 'select',
190
- 'choices' => array(
191
- 0 => __( 'Squares', 'saboxplugin' ),
192
- 1 => __( 'Circle', 'saboxplugin' ),
193
- ),
194
- 'default' => '0',
195
- 'condition' => 'sab_colored',
196
- 'group' => 'saboxplugin_options',
197
- ),
198
- 'sab_social_hover' => array(
199
- 'label' => __( 'Rotate effect on social icons hover (works only for circle icons)', 'saboxplugin' ),
200
- 'description' => __( 'Add a rotate effect when you hover on social icons hover', 'saboxplugin' ),
201
- 'type' => 'toggle',
202
- 'condition' => 'sab_colored',
203
- 'group' => 'saboxplugin_options',
204
- ),
205
- 'sab_box_long_shadow' => array(
206
- 'label' => __( 'Use flat long shadow effect', 'saboxplugin' ),
207
- 'description' => __( 'Check this if you want a flat shodow for social icons', 'saboxplugin' ),
208
- 'type' => 'toggle',
209
- 'condition' => 'sab_colored',
210
- 'group' => 'saboxplugin_options',
211
- ),
212
- 'sab_box_thin_border' => array(
213
- 'label' => __( 'Show a thin border on colored social icons', 'saboxplugin' ),
214
- 'description' => __( 'Add a border to social icons container.', 'saboxplugin' ),
215
- 'type' => 'toggle',
216
- 'condition' => 'sab_colored',
217
- 'group' => 'saboxplugin_options',
218
- ),
219
- ),
220
- 'color-options' => array(
221
- 'sab_box_author_color' => array(
222
- 'label' => __( 'Author name color', 'saboxplugin' ),
223
- 'description' => __( 'Select the color for author\'s name text', 'saboxplugin' ),
224
- 'type' => 'color',
225
- 'group' => 'saboxplugin_options',
226
- ),
227
- 'sab_box_web_color' => array(
228
- 'label' => __( 'Author website link color', 'saboxplugin' ),
229
- 'description' => __( 'Select the color for author\'s website link', 'saboxplugin' ),
230
- 'type' => 'color',
231
- 'group' => 'saboxplugin_options',
232
- 'condition' => 'sab_web',
233
- ),
234
- 'sab_box_border' => array(
235
- 'label' => __( 'Border color', 'saboxplugin' ),
236
- 'description' => __( 'Select the color for author box border', 'saboxplugin' ),
237
- 'type' => 'color',
238
- 'group' => 'saboxplugin_options',
239
- ),
240
- 'sab_box_icons_back' => array(
241
- 'label' => __( 'Background color of social icons bar', 'saboxplugin' ),
242
- 'description' => __( 'Select the color for the social icons bar background', 'saboxplugin' ),
243
- 'type' => 'color',
244
- 'group' => 'saboxplugin_options',
245
- ),
246
- 'sab_box_icons_color' => array(
247
- 'label' => __( 'Social icons color (for symbols only)', 'saboxplugin' ),
248
- 'description' => __( 'Select the color for social icons when using the symbols only social icon type', 'saboxplugin' ),
249
- 'type' => 'color',
250
- 'group' => 'saboxplugin_options',
251
- 'condition' => 'sab_colored',
252
- ),
253
- ),
254
- 'typography-options' => array(
255
- 'sab_box_subset' => array(
256
- 'label' => __( 'Google font characters subset', 'saboxplugin' ),
257
- 'description' => __( 'Note - Some Google Fonts do not support particular subsets', 'saboxplugin' ),
258
- 'type' => 'select',
259
- 'choices' => Simple_Author_Box_Helper::get_google_font_subsets(),
260
- 'default' => 'none',
261
- ),
262
- 'sab_box_name_font' => array(
263
- 'label' => __( 'Author name font family', 'saboxplugin' ),
264
- 'description' => __( 'Select the font family for the author\'s name', 'saboxplugin' ),
265
- 'type' => 'select',
266
- 'choices' => Simple_Author_Box_Helper::get_google_fonts(),
267
- 'default' => 'None',
268
- ),
269
- 'sab_box_web_font' => array(
270
- 'label' => __( 'Author website font family', 'saboxplugin' ),
271
- 'description' => __( 'Select the font family for the author\'s website', 'saboxplugin' ),
272
- 'type' => 'select',
273
- 'choices' => Simple_Author_Box_Helper::get_google_fonts(),
274
- 'default' => 'None',
275
- 'condition' => 'sab_web',
276
- ),
277
- 'sab_box_desc_font' => array(
278
- 'label' => __( 'Author description font family', 'saboxplugin' ),
279
- 'description' => __( 'Select the font family for the author\'s description', 'saboxplugin' ),
280
- 'type' => 'select',
281
- 'choices' => Simple_Author_Box_Helper::get_google_fonts(),
282
- 'default' => 'None',
283
- ),
284
- 'sab_box_name_size' => array(
285
- 'label' => __( 'Author name font size', 'saboxplugin' ),
286
- 'description' => __( 'Default font size for author name is 18px.', 'saboxplugin' ),
287
- 'type' => 'slider',
288
- 'choices' => array(
289
- 'min' => 10,
290
- 'max' => 50,
291
- 'increment' => 1,
292
- ),
293
- 'default' => '18',
294
- ),
295
- 'sab_box_web_size' => array(
296
- 'label' => __( 'Author website font size', 'saboxplugin' ),
297
- 'description' => __( 'Default font size for author website is 14px.', 'saboxplugin' ),
298
- 'type' => 'slider',
299
- 'choices' => array(
300
- 'min' => 10,
301
- 'max' => 50,
302
- 'increment' => 1,
303
- ),
304
- 'default' => '14',
305
- 'condition' => 'sab_web',
306
- ),
307
- 'sab_box_desc_size' => array(
308
- 'label' => __( 'Author description font size', 'saboxplugin' ),
309
- 'description' => __( 'Default font size for author description is 14px.', 'saboxplugin' ),
310
- 'type' => 'slider',
311
- 'choices' => array(
312
- 'min' => 10,
313
- 'max' => 50,
314
- 'increment' => 1,
315
- ),
316
- 'default' => '14',
317
- ),
318
- 'sab_box_icon_size' => array(
319
- 'label' => __( 'Size of social icons', 'saboxplugin' ),
320
- 'description' => __( 'Default font size for social icons is 18px.', 'saboxplugin' ),
321
- 'type' => 'slider',
322
- 'choices' => array(
323
- 'min' => 10,
324
- 'max' => 50,
325
- 'increment' => 1,
326
- ),
327
- 'default' => '18',
328
- ),
329
- 'sab_desc_style' => array(
330
- 'label' => __( 'Author description font style', 'saboxplugin' ),
331
- 'description' => __( 'Select the font style for the author\'s description', 'saboxplugin' ),
332
- 'type' => 'select',
333
- 'choices' => array(
334
- 0 => __( 'Normal', 'saboxplugin' ),
335
- 1 => __( 'Italic', 'saboxplugin' ),
336
- ),
337
- 'default' => '0',
338
- 'group' => 'saboxplugin_options',
339
- ),
340
- ),
341
- 'miscellaneous-options' => array(
342
- 'sab_load_fa' => array(
343
- 'label' => __( 'Disable Font Awesome stylesheet', 'saboxplugin' ),
344
- 'description' => __( 'Turn ON to prevent Font Awesome from loading its stylesheet. ONLY do this if your theme or another plugin already loads the Font Awesome stylesheet.', 'saboxplugin' ),
345
- 'type' => 'toggle',
346
- 'group' => 'saboxplugin_options',
347
- ),
348
- 'sab_footer_inline_style' => array(
349
- 'label' => __( 'Load generated inline style to footer', 'saboxplugin' ),
350
- 'description' => __( 'This option is useful ONLY if you run a plugin that optimizes your CSS delivery or moves your stylesheets to the footer, to get a higher score on speed testing services. However, the plugin style is loaded only on single post and single page.', 'saboxplugin' ),
351
- 'type' => 'toggle',
352
- 'group' => 'saboxplugin_options',
353
- ),
354
- ),
355
- );
356
-
357
- $this->settings = apply_filters( 'sabox_admin_settings', $settings );
358
- $this->sections = apply_filters( 'sabox_admin_sections', $default_sections );
359
-
360
- $this->get_all_options();
361
-
362
- add_action( 'admin_menu', array( $this, 'menu_page' ) );
363
- add_action( 'admin_init', array( $this, 'save_settings' ) );
364
- }
365
-
366
- private function get_all_options() {
367
-
368
- $this->options = get_option( 'saboxplugin_options', array() );
369
-
370
- $sab_box_margin_top = get_option( 'sab_box_margin_top' );
371
- if ( $sab_box_margin_top ) {
372
- $this->options['sab_box_margin_top'] = $sab_box_margin_top;
373
- }
374
-
375
- $sab_box_margin_bottom = get_option( 'sab_box_margin_bottom' );
376
- if ( $sab_box_margin_bottom ) {
377
- $this->options['sab_box_margin_bottom'] = $sab_box_margin_bottom;
378
- }
379
-
380
- $sab_box_icon_size = get_option( 'sab_box_icon_size' );
381
- if ( $sab_box_icon_size ) {
382
- $this->options['sab_box_icon_size'] = $sab_box_icon_size;
383
- }
384
-
385
- $sab_box_author_font_size = get_option( 'sab_box_name_size' );
386
- if ( $sab_box_author_font_size ) {
387
- $this->options['sab_box_name_size'] = $sab_box_author_font_size;
388
- }
389
-
390
- $sab_box_web_size = get_option( 'sab_box_web_size' );
391
- if ( $sab_box_web_size ) {
392
- $this->options['sab_box_web_size'] = $sab_box_web_size;
393
- }
394
-
395
- $sab_box_name_font = get_option( 'sab_box_name_font' );
396
- if ( $sab_box_name_font ) {
397
- $this->options['sab_box_name_font'] = $sab_box_name_font;
398
- }
399
-
400
- $sab_box_subset = get_option( 'sab_box_subset' );
401
- if ( $sab_box_subset ) {
402
- $this->options['sab_box_subset'] = $sab_box_subset;
403
- }
404
-
405
- $sab_box_desc_font = get_option( 'sab_box_desc_font' );
406
- if ( $sab_box_desc_font ) {
407
- $this->options['sab_box_desc_font'] = $sab_box_desc_font;
408
- }
409
-
410
- $sab_box_web_font = get_option( 'sab_box_web_font' );
411
- if ( $sab_box_web_font ) {
412
- $this->options['sab_box_web_font'] = $sab_box_web_font;
413
- }
414
-
415
- $sab_box_desc_size = get_option( 'sab_box_desc_size' );
416
- if ( $sab_box_desc_size ) {
417
- $this->options['sab_box_desc_size'] = $sab_box_desc_size;
418
- }
419
-
420
- $this->options['sab_box_padding_top_bottom'] = get_option( 'sab_box_padding_top_bottom', 0 );
421
- $this->options['sab_box_padding_left_right'] = get_option( 'sab_box_padding_left_right', 0 );
422
-
423
- }
424
-
425
- public function menu_page() {
426
- add_menu_page( __( 'Simple Author Box', 'saboxplugin' ), __( 'Simple Author', 'saboxplugin' ), 'manage_options', 'simple-author-box-options', array(
427
- $this,
428
- 'setting_page',
429
- ), SIMPLE_AUTHOR_BOX_ASSETS . 'img/sab-icon.png' );
430
- }
431
-
432
- public function setting_page() {
433
- ?>
434
-
435
- <div class="masthead">
436
- <div class="wrap sabox-wrap">
437
- <div class="sabox-masthead-left">
438
- <h1 class="wp-heading-inline">
439
- <?php
440
- /* Translators: Welcome Screen Title. */
441
- echo esc_html__( 'Simple Author Box', 'saboxplugin' );
442
- ?>
443
- <a target="_blank" href="<?php echo get_edit_user_link(); ?>" class="page-title-action"><?php _e( 'Edit user profile', 'saboxplugin' ); ?></a>
444
- </h1>
445
-
446
- </div>
447
-
448
- <div class="sabox-masthead-right">
449
- <a target="_blank" href="https://www.machothemes.com/support/?utm_source=sab&utm_medium=about-page&utm_campaign=support-button"><?php _e( 'Support', 'saboxplugin' ); ?>&nbsp; &nbsp;<i class="dashicons dashicons-sos"></i></a>
450
- </div>
451
- <div class="wp-clearfix"></div>
452
- </div>
453
- </div><!--/.masthead-->
454
-
455
- <div class="sabox-wrap">
456
-
457
- <h2 class="epfw-tab-wrapper nav-tab-wrapper wp-clearfix">
458
- <?php foreach ( $this->sections as $id => $section ) { ?>
459
- <a class="epfw-tab nav-tab" href="#<?php echo esc_attr( $id ); ?>"><?php echo wp_kses_post( $section['label'] ); ?></a>
460
- <?php } ?>
461
- </h2>
462
- <form method="post" id="sabox-container">
463
- <?php
464
-
465
- wp_nonce_field( 'sabox-plugin-settings', 'sabox_plugin_settings_page' );
466
-
467
-
468
- foreach ( $this->settings as $tab_name => $fields ) {
469
- echo '<div class="epfw-turn-into-tab" id="' . esc_attr( $tab_name ) . '">';
470
- echo '<table class="form-table sabox-table">';
471
- foreach ( $fields as $field_name => $field ) {
472
- $this->generate_setting_field( $field_name, $field );
473
- }
474
- echo '</table>';
475
- echo '</div>';
476
- }
477
-
478
- echo '<div class="textright">';
479
- submit_button( esc_html__( 'Save Settings', 'saboxplugin' ), 'button button-primary button-hero', '', false );
480
- echo '</div>';
481
-
482
-
483
- ?>
484
- </form>
485
-
486
- </div>
487
-
488
- <span class="sabox-version">
489
- <?php echo _e( 'Version: ', 'saboxplugin' ) . esc_html( SIMPLE_AUTHOR_BOX_VERSION ); ?>&nbsp; &middot; &nbsp;
490
- <?php echo '<a target="_blank" href="https://github.com/MachoThemes/simple-author-box/blob/master/readme.txt">' . __( 'Changelog', 'saboxplugin' ) . '</a>'; ?>
491
- </span>
492
-
493
- <?php
494
- }
495
-
496
- public function save_settings() {
497
-
498
- if ( isset( $_POST['sabox_plugin_settings_page'] ) && wp_verify_nonce( $_POST['sabox_plugin_settings_page'], 'sabox-plugin-settings' ) ) {
499
- $settings = isset( $_POST['sabox-settings'] ) ? $_POST['sabox-settings'] : array();
500
- $groups = array();
501
-
502
- foreach ( $this->settings as $tab => $setting_fields ) {
503
- foreach ( $setting_fields as $key => $setting ) {
504
- if ( isset( $setting['group'] ) ) {
505
-
506
- if ( ! isset( $groups[ $setting['group'] ] ) ) {
507
- $groups[ $setting['group'] ] = get_option( $setting['group'], array() );
508
- }
509
-
510
- if ( ! isset( $settings[ $setting['group'] ][ $key ] ) && isset( $groups[ $setting['group'] ][ $key ] ) ) {
511
- unset( $groups[ $setting['group'] ][ $key ] );
512
- }
513
-
514
- if ( isset( $settings[ $setting['group'] ][ $key ] ) ) {
515
- $groups[ $setting['group'] ][ $key ] = $this->sanitize_fields( $setting, $settings[ $setting['group'] ][ $key ] );
516
- }
517
- } else {
518
-
519
- $current_value = get_option( $key );
520
- if ( isset( $settings[ $key ] ) ) {
521
- $value = $this->sanitize_fields( $setting, $settings[ $key ] );
522
- if ( $current_value != $value ) {
523
- update_option( $key, $value );
524
- }
525
- }
526
- }
527
- }
528
- }
529
-
530
- foreach ( $groups as $key => $values ) {
531
- update_option( $key, $values );
532
- }
533
-
534
- do_action( 'sabox_save_settings' );
535
-
536
- $this->get_all_options();
537
-
538
- }
539
-
540
- }
541
-
542
- private function sanitize_fields( $setting, $value ) {
543
- $default_sanitizers = array(
544
- 'toggle' => 'absint',
545
- 'slider' => 'absint',
546
- 'color' => 'sanitize_hex_color',
547
- );
548
-
549
- if ( isset( $setting['sanitize'] ) && function_exists( $setting['sanitize'] ) ) {
550
- $value = call_user_func( $setting['sanitize'], $value );
551
- } elseif ( isset( $default_sanitizers[ $setting['type'] ] ) && function_exists( $default_sanitizers[ $setting['type'] ] ) ) {
552
- $value = call_user_func( $default_sanitizers[ $setting['type'] ], $value );
553
- } elseif ( 'select' == $setting['type'] ) {
554
- if ( isset( $setting['choices'][ $value ] ) ) {
555
- $value = $value;
556
- } else {
557
- $value = $setting['default'];
558
- }
559
- } elseif ( 'multiplecheckbox' == $setting['type'] ) {
560
- foreach ( $value as $key ) {
561
- if ( ! isset( $setting['choices'][ $key ] ) ) {
562
- unset( $value[ $key ] );
563
- }
564
- }
565
- } else {
566
- $value = sanitize_text_field( $value );
567
- }
568
-
569
- return $value;
570
-
571
- }
572
-
573
- private function generate_admin_url( $id ) {
574
- $url = 'admin.php?page=simple-author-box-options&tab=%1$s';
575
-
576
- return admin_url( sprintf( $url, $id ) );
577
- }
578
-
579
- private function generate_admin_path( $id ) {
580
- return $this->views_path . $id . '.php';
581
- }
582
-
583
- private function generate_setting_field( $field_name, $field ) {
584
- $class = '';
585
- $name = 'sabox-settings[';
586
- if ( isset( $field['group'] ) ) {
587
- $name .= $field['group'] . '][' . esc_attr( $field_name ) . ']';
588
- } else {
589
- $name .= esc_attr( $field_name ) . ']';
590
- }
591
- if ( isset( $field['condition'] ) ) {
592
- $class = 'show_if_' . $field['condition'] . ' hide';
593
- }
594
- echo '<tr valign="top" class="' . esc_attr( $class ) . '">';
595
- echo '<th scope="row">';
596
- if ( isset( $field['description'] ) ) {
597
- echo '<span class="epfw-tooltip tooltip-right" data-tooltip="' . esc_html( $field['description'] ) . '"><i class="dashicons dashicons-info"></i></span>';
598
- }
599
- echo esc_html( $field['label'] );
600
- echo '</th>';
601
- echo '<td>';
602
- switch ( $field['type'] ) {
603
- case 'toggle':
604
- echo '<div class="checkbox_switch">';
605
- echo '<div class="onoffswitch">';
606
- echo '<input type="checkbox" id="' . esc_attr( $field_name ) . '" name="' . esc_attr( $name ) . '" class="onoffswitch-checkbox saboxfield" ' . checked( 1, isset( $this->options[ $field_name ] ), false ) . ' value="1">';
607
- echo '<label class="onoffswitch-label" for="' . esc_attr( $field_name ) . '"></label>';
608
- echo '</div>';
609
- echo '</div>';
610
- break;
611
- case 'select':
612
- $value = isset( $this->options[ $field_name ] ) ? $this->options[ $field_name ] : $field['default'];
613
- echo '<select id="' . esc_attr( $field_name ) . '" name="' . esc_attr( $name ) . '" class="saboxfield">';
614
- foreach ( $field['choices'] as $key => $choice ) {
615
- echo '<option value="' . esc_attr( $key ) . '" ' . selected( $key, $value, false ) . '>' . esc_html( $choice ) . '</option>';
616
- }
617
- echo '</select>';
618
- break;
619
- case 'readonly':
620
- echo '<textarea clas="regular-text" rows="3" cols="50" onclick="this.focus();this.select();" readonly="readonly">' . esc_attr( $field['value'] ) . '</textarea>';
621
- break;
622
- case 'slider':
623
- $value = isset( $this->options[ $field_name ] ) ? $this->options[ $field_name ] : $field['default'];
624
- echo '<div class="sabox-slider-container slider-container">';
625
- echo '<input type="text" id="' . esc_attr( $field_name ) . '" class="saboxfield" name="' . esc_attr( $name ) . '" data-min="' . absint( $field['choices']['min'] ) . '" data-max="' . absint( $field['choices']['max'] ) . '" data-step="' . absint( $field['choices']['increment'] ) . '" value="' . esc_attr( $value ) . 'px">';
626
- echo '<div class="sabox-slider"></div>';
627
- echo '</div>';
628
- break;
629
- case 'color':
630
- $value = isset( $this->options[ $field_name ] ) ? $this->options[ $field_name ] : '';
631
- echo '<div class="sadbox-colorpicker">';
632
- echo '<input id="' . esc_attr( $field_name ) . '" class="saboxfield sabox-color" name="' . esc_attr( $name ) . '" value="' . esc_attr( $value ) . '">';
633
- echo '</div>';
634
- break;
635
- case 'multiplecheckbox':
636
- echo '<div class="sabox-multicheckbox">';
637
- if ( ! isset( $field['choices'] ) && isset( $field['handle'] ) && is_array( $field['handle'] ) ) {
638
- if ( class_exists( $field['handle'][0] ) ) {
639
- $class = $field['handle'][0];
640
- $method = $field['handle'][1];
641
- $field['choices'] = $class::$method();
642
- }
643
- }
644
-
645
- $field['default'] = array_keys( $field['choices'] );
646
-
647
- $values = isset( $this->options[ $field_name ] ) ? $this->options[ $field_name ] : $field['default'];
648
- foreach ( $field['choices'] as $key => $choice ) {
649
- echo '<div>';
650
- echo '<input id="' . $key . '-' . $field_name . '" type="checkbox" value="' . $key . '" ' . checked( 1, in_array( $key, $values ), false ) . ' name="' . esc_attr( $name ) . '[]"><label for="' . $key . '-' . $field_name . '" class="checkbox-label">' . $choice . '</label>';
651
- echo '</div>';
652
- }
653
- echo '</div>';
654
- break;
655
- case 'radio-group':
656
- echo '<div class="sabox-radio-group">';
657
- echo '<fieldset>';
658
- foreach ( $field['choices'] as $key => $choice ) {
659
- echo '<input type="radio" id="' . esc_attr( $field_name . '_' . $key ) . '" name="' . esc_attr( $name ) . '" class="saboxfield" ' . checked( $key, $this->options[ $field_name ], false ) . ' value="' . esc_attr( $key ) . '">';
660
- echo '<label for="' . esc_attr( $field_name . '_' . $key ) . '">' . esc_attr( $choice ) . '</label>';
661
- }
662
- echo '</fieldset>';
663
- echo '</div>';
664
- break;
665
- default:
666
- do_action( "sabox_field_{$field['type']}_output", $field_name, $field );
667
- break;
668
- }
669
- echo '</td>';
670
- echo '</tr>';
671
- }
672
-
673
- }
674
-
675
- new Simple_Author_Box_Admin_Page();
1
+ <?php
2
+
3
+ class Simple_Author_Box_Admin_Page {
4
+
5
+ private $tab;
6
+ private $options;
7
+ private $sections;
8
+ private $views_path;
9
+
10
+ function __construct() {
11
+ $this->views_path = SIMPLE_AUTHOR_BOX_PATH . 'inc/admin/';
12
+
13
+ $default_sections = array(
14
+ 'general-options' => array(
15
+ 'label' => __( 'Settings', 'saboxplugin' ),
16
+ ),
17
+ 'appearance-options' => array(
18
+ 'label' => __( 'Appearance', 'saboxplugin' ),
19
+ ),
20
+ 'color-options' => array(
21
+ 'label' => __( 'Colors', 'saboxplugin' ),
22
+ ),
23
+ 'typography-options' => array(
24
+ 'label' => __( 'Typography', 'saboxplugin' ),
25
+ ),
26
+ 'miscellaneous-options' => array(
27
+ 'label' => __( 'Misc', 'saboxplugin' ),
28
+ ),
29
+ );
30
+
31
+ $settings = array(
32
+ 'general-options' => array(
33
+ 'sab_autoinsert' => array(
34
+ 'label' => __( 'Manually insert the Simple Author Box', 'saboxplugin' ),
35
+ 'description' => __( 'When turned ON, the author box will no longer be automatically added to your post. You\'ll need to manually add it using shortcodes or a PHP function.', 'saboxplugin' ),
36
+ 'type' => 'toggle',
37
+ 'group' => 'saboxplugin_options',
38
+ ),
39
+ 'plugin_code' => array(
40
+ 'label' => __( 'If you want to manually insert the Simple Author Box in your template file (single post view), you can use the following code snippet', 'saboxplugin' ),
41
+ 'type' => 'readonly',
42
+ 'value' => '&lt;?php if ( function_exists( \'wpsabox_author_box\' ) ) echo wpsabox_author_box(); ?&gt;',
43
+ 'condition' => 'sab_autoinsert',
44
+ ),
45
+ 'plugin_shortcode' => array(
46
+ 'label' => __( 'If you want to manually insert the Simple Author Box in your post content, you can use the following shortcode', 'saboxplugin' ),
47
+ 'type' => 'readonly',
48
+ 'value' => '[simple-author-box]',
49
+ 'condition' => 'sab_autoinsert',
50
+ ),
51
+ 'sab_no_description' => array(
52
+ 'label' => __( 'Hide the author box if author description is empty', 'saboxplugin' ),
53
+ 'description' => __( 'When turned ON, the author box will not appear for users without a description', 'saboxplugin' ),
54
+ 'type' => 'toggle',
55
+ 'group' => 'saboxplugin_options',
56
+ ),
57
+
58
+ 'sab_email' => array(
59
+ 'label' => __( 'Show author email', 'saboxplugin' ),
60
+ 'description' => __( 'When turned ON, the plugin will add an email option next to the social icons.', 'saboxplugin' ),
61
+ 'type' => 'toggle',
62
+ 'group' => 'saboxplugin_options',
63
+ ),
64
+ 'sab_link_target' => array(
65
+ 'label' => __( 'Open social icon links in a new tab', 'saboxplugin' ),
66
+ 'description' => __( 'When turned ON, the author’s social links will open in a new tab.', 'saboxplugin' ),
67
+ 'type' => 'toggle',
68
+ 'group' => 'saboxplugin_options',
69
+ ),
70
+ 'sab_hide_socials' => array(
71
+ 'label' => __( 'Hide the social icons on author box', 'saboxplugin' ),
72
+ 'description' => __( 'When turned ON, the author’s social icons will be hidden.', 'saboxplugin' ),
73
+ 'type' => 'toggle',
74
+ 'group' => 'saboxplugin_options',
75
+ ),
76
+ ),
77
+ 'appearance-options' => array(
78
+ 'sab_box_margin_top' => array(
79
+ 'label' => __( 'Top margin of author box', 'saboxplugin' ),
80
+ 'description' => __( 'Choose how much space to add above the author box', 'saboxplugin' ),
81
+ 'type' => 'slider',
82
+ 'choices' => array(
83
+ 'min' => 0,
84
+ 'max' => 100,
85
+ 'increment' => 1,
86
+ ),
87
+ 'default' => '0',
88
+ ),
89
+ 'sab_box_margin_bottom' => array(
90
+ 'label' => __( 'Bottom margin of author box', 'saboxplugin' ),
91
+ 'description' => __( 'Choose how much space to add below the author box', 'saboxplugin' ),
92
+ 'type' => 'slider',
93
+ 'choices' => array(
94
+ 'min' => 0,
95
+ 'max' => 100,
96
+ 'increment' => 1,
97
+ ),
98
+ 'default' => '0',
99
+ ),
100
+ 'sab_box_padding_top_bottom' => array(
101
+ 'label' => __( 'Padding top and bottom of author box', 'saboxplugin' ),
102
+ 'description' => __( 'This controls the padding top & bottom of the author box', 'saboxplugin' ),
103
+ 'type' => 'slider',
104
+ 'choices' => array(
105
+ 'min' => 0,
106
+ 'max' => 100,
107
+ 'increment' => 1,
108
+ ),
109
+ 'default' => '0',
110
+ ),
111
+ 'sab_box_padding_left_right' => array(
112
+ 'label' => __( 'Padding left and right of author box', 'saboxplugin' ),
113
+ 'description' => __( 'This controls the padding left & right of the author box', 'saboxplugin' ),
114
+ 'type' => 'slider',
115
+ 'choices' => array(
116
+ 'min' => 0,
117
+ 'max' => 100,
118
+ 'increment' => 1,
119
+ ),
120
+ 'default' => '0',
121
+ ),
122
+ 'sab_avatar_style' => array(
123
+ 'label' => __( 'Author avatar image style', 'saboxplugin' ),
124
+ 'description' => __( 'Change the shape of the author’s avatar image', 'saboxplugin' ),
125
+ 'type' => 'select',
126
+ 'choices' => array(
127
+ 0 => __( 'Square', 'saboxplugin' ),
128
+ 1 => __( 'Circle', 'saboxplugin' ),
129
+ ),
130
+ 'default' => '0',
131
+ 'group' => 'saboxplugin_options',
132
+ ),
133
+ 'sab_avatar_hover' => array(
134
+ 'label' => __( 'Rotate effect on author avatar hover', 'saboxplugin' ),
135
+ 'description' => __( 'When turned ON, this adds a rotate effect when hovering over the author\'s avatar', 'saboxplugin' ),
136
+ 'type' => 'toggle',
137
+ 'group' => 'saboxplugin_options',
138
+ 'condition' => 'sab_avatar_style',
139
+ ),
140
+ 'sab_web' => array(
141
+ 'label' => __( 'Show author website', 'saboxplugin' ),
142
+ 'description' => __( 'When turned ON, the box will include the author\'s website', 'saboxplugin' ),
143
+ 'type' => 'toggle',
144
+ 'group' => 'saboxplugin_options',
145
+ ),
146
+
147
+ 'sab_web_target' => array(
148
+ 'label' => __( 'Open author website link in a new tab', 'saboxplugin' ),
149
+ 'description' => __( 'If you check this the author\'s link will open in a new tab', 'saboxplugin' ),
150
+ 'type' => 'toggle',
151
+ 'condition' => 'sab_web',
152
+ 'group' => 'saboxplugin_options',
153
+ ),
154
+ 'sab_web_rel' => array(
155
+ 'label' => __( 'Add "nofollow" attribute on author website link', 'saboxplugin' ),
156
+ 'description' => __( 'Toggling this to ON will make the author website have the no-follow parameter added.', 'saboxplugin' ),
157
+ 'type' => 'toggle',
158
+ 'condition' => 'sab_web',
159
+ 'group' => 'saboxplugin_options',
160
+ ),
161
+
162
+
163
+ 'sab_web_position' => array(
164
+ 'label' => __( 'Author website position', 'saboxplugin' ),
165
+ 'description' => __( 'Select where you want to show the website ( left or right )', 'saboxplugin' ),
166
+ 'type' => 'select',
167
+ 'choices' => array(
168
+ 0 => __( 'Left', 'saboxplugin' ),
169
+ 1 => __( 'Right', 'saboxplugin' ),
170
+ ),
171
+ 'default' => '0',
172
+ 'condition' => 'sab_web',
173
+ 'group' => 'saboxplugin_options',
174
+ ),
175
+ 'sab_colored' => array(
176
+ 'label' => __( 'Social icons type', 'saboxplugin' ),
177
+ 'description' => __( 'Colored background adds a background behind the social icon symbol', 'saboxplugin' ),
178
+ 'type' => 'select',
179
+ 'choices' => array(
180
+ 0 => __( 'Symbols', 'saboxplugin' ),
181
+ 1 => __( 'Colored', 'saboxplugin' ),
182
+ ),
183
+ 'default' => '0',
184
+ 'group' => 'saboxplugin_options',
185
+ ),
186
+ 'sab_icons_style' => array(
187
+ 'label' => __( 'Social icons style', 'saboxplugin' ),
188
+ 'description' => __( 'Select the shape of social icons\' container', 'saboxplugin' ),
189
+ 'type' => 'select',
190
+ 'choices' => array(
191
+ 0 => __( 'Squares', 'saboxplugin' ),
192
+ 1 => __( 'Circle', 'saboxplugin' ),
193
+ ),
194
+ 'default' => '0',
195
+ 'condition' => 'sab_colored',
196
+ 'group' => 'saboxplugin_options',
197
+ ),
198
+ 'sab_social_hover' => array(
199
+ 'label' => __( 'Rotate effect on social icons hover (works only for circle icons)', 'saboxplugin' ),
200
+ 'description' => __( 'Add a rotate effect when you hover on social icons hover', 'saboxplugin' ),
201
+ 'type' => 'toggle',
202
+ 'condition' => 'sab_colored',
203
+ 'group' => 'saboxplugin_options',
204
+ ),
205
+ 'sab_box_long_shadow' => array(
206
+ 'label' => __( 'Use flat long shadow effect', 'saboxplugin' ),
207
+ 'description' => __( 'Check this if you want a flat shodow for social icons', 'saboxplugin' ),
208
+ 'type' => 'toggle',
209
+ 'condition' => 'sab_colored',
210
+ 'group' => 'saboxplugin_options',
211
+ ),
212
+ 'sab_box_thin_border' => array(
213
+ 'label' => __( 'Show a thin border on colored social icons', 'saboxplugin' ),
214
+ 'description' => __( 'Add a border to social icons container.', 'saboxplugin' ),
215
+ 'type' => 'toggle',
216
+ 'condition' => 'sab_colored',
217
+ 'group' => 'saboxplugin_options',
218
+ ),
219
+ ),
220
+ 'color-options' => array(
221
+ 'sab_box_author_color' => array(
222
+ 'label' => __( 'Author name color', 'saboxplugin' ),
223
+ 'description' => __( 'Select the color for author\'s name text', 'saboxplugin' ),
224
+ 'type' => 'color',
225
+ 'group' => 'saboxplugin_options',
226
+ ),
227
+ 'sab_box_web_color' => array(
228
+ 'label' => __( 'Author website link color', 'saboxplugin' ),
229
+ 'description' => __( 'Select the color for author\'s website link', 'saboxplugin' ),
230
+ 'type' => 'color',
231
+ 'group' => 'saboxplugin_options',
232
+ 'condition' => 'sab_web',
233
+ ),
234
+ 'sab_box_border' => array(
235
+ 'label' => __( 'Border color', 'saboxplugin' ),
236
+ 'description' => __( 'Select the color for author box border', 'saboxplugin' ),
237
+ 'type' => 'color',
238
+ 'group' => 'saboxplugin_options',
239
+ ),
240
+ 'sab_box_icons_back' => array(
241
+ 'label' => __( 'Background color of social icons bar', 'saboxplugin' ),
242
+ 'description' => __( 'Select the color for the social icons bar background', 'saboxplugin' ),
243
+ 'type' => 'color',
244
+ 'group' => 'saboxplugin_options',
245
+ ),
246
+ 'sab_box_icons_color' => array(
247
+ 'label' => __( 'Social icons color (for symbols only)', 'saboxplugin' ),
248
+ 'description' => __( 'Select the color for social icons when using the symbols only social icon type', 'saboxplugin' ),
249
+ 'type' => 'color',
250
+ 'group' => 'saboxplugin_options',
251
+ 'condition' => 'sab_colored',
252
+ ),
253
+ ),
254
+ 'typography-options' => array(
255
+ 'sab_box_subset' => array(
256
+ 'label' => __( 'Google font characters subset', 'saboxplugin' ),
257
+ 'description' => __( 'Note - Some Google Fonts do not support particular subsets', 'saboxplugin' ),
258
+ 'type' => 'select',
259
+ 'choices' => Simple_Author_Box_Helper::get_google_font_subsets(),
260
+ 'default' => 'none',
261
+ ),
262
+ 'sab_box_name_font' => array(
263
+ 'label' => __( 'Author name font family', 'saboxplugin' ),
264
+ 'description' => __( 'Select the font family for the author\'s name', 'saboxplugin' ),
265
+ 'type' => 'select',
266
+ 'choices' => Simple_Author_Box_Helper::get_google_fonts(),
267
+ 'default' => 'None',
268
+ ),
269
+ 'sab_box_web_font' => array(
270
+ 'label' => __( 'Author website font family', 'saboxplugin' ),
271
+ 'description' => __( 'Select the font family for the author\'s website', 'saboxplugin' ),
272
+ 'type' => 'select',
273
+ 'choices' => Simple_Author_Box_Helper::get_google_fonts(),
274
+ 'default' => 'None',
275
+ 'condition' => 'sab_web',
276
+ ),
277
+ 'sab_box_desc_font' => array(
278
+ 'label' => __( 'Author description font family', 'saboxplugin' ),
279
+ 'description' => __( 'Select the font family for the author\'s description', 'saboxplugin' ),
280
+ 'type' => 'select',
281
+ 'choices' => Simple_Author_Box_Helper::get_google_fonts(),
282
+ 'default' => 'None',
283
+ ),
284
+ 'sab_box_name_size' => array(
285
+ 'label' => __( 'Author name font size', 'saboxplugin' ),
286
+ 'description' => __( 'Default font size for author name is 18px.', 'saboxplugin' ),
287
+ 'type' => 'slider',
288
+ 'choices' => array(
289
+ 'min' => 10,
290
+ 'max' => 50,
291
+ 'increment' => 1,
292
+ ),
293
+ 'default' => '18',
294
+ ),
295
+ 'sab_box_web_size' => array(
296
+ 'label' => __( 'Author website font size', 'saboxplugin' ),
297
+ 'description' => __( 'Default font size for author website is 14px.', 'saboxplugin' ),
298
+ 'type' => 'slider',
299
+ 'choices' => array(
300
+ 'min' => 10,
301
+ 'max' => 50,
302
+ 'increment' => 1,
303
+ ),
304
+ 'default' => '14',
305
+ 'condition' => 'sab_web',
306
+ ),
307
+ 'sab_box_desc_size' => array(
308
+ 'label' => __( 'Author description font size', 'saboxplugin' ),
309
+ 'description' => __( 'Default font size for author description is 14px.', 'saboxplugin' ),
310
+ 'type' => 'slider',
311
+ 'choices' => array(
312
+ 'min' => 10,
313
+ 'max' => 50,
314
+ 'increment' => 1,
315
+ ),
316
+ 'default' => '14',
317
+ ),
318
+ 'sab_box_icon_size' => array(
319
+ 'label' => __( 'Size of social icons', 'saboxplugin' ),
320
+ 'description' => __( 'Default font size for social icons is 18px.', 'saboxplugin' ),
321
+ 'type' => 'slider',
322
+ 'choices' => array(
323
+ 'min' => 10,
324
+ 'max' => 50,
325
+ 'increment' => 1,
326
+ ),
327
+ 'default' => '18',
328
+ ),
329
+ 'sab_desc_style' => array(
330
+ 'label' => __( 'Author description font style', 'saboxplugin' ),
331
+ 'description' => __( 'Select the font style for the author\'s description', 'saboxplugin' ),
332
+ 'type' => 'select',
333
+ 'choices' => array(
334
+ 0 => __( 'Normal', 'saboxplugin' ),
335
+ 1 => __( 'Italic', 'saboxplugin' ),
336
+ ),
337
+ 'default' => '0',
338
+ 'group' => 'saboxplugin_options',
339
+ ),
340
+ ),
341
+ 'miscellaneous-options' => array(
342
+ 'sab_load_fa' => array(
343
+ 'label' => __( 'Disable Font Awesome stylesheet', 'saboxplugin' ),
344
+ 'description' => __( 'Turn ON to prevent Font Awesome from loading its stylesheet. ONLY do this if your theme or another plugin already loads the Font Awesome stylesheet.', 'saboxplugin' ),
345
+ 'type' => 'toggle',
346
+ 'group' => 'saboxplugin_options',
347
+ ),
348
+ 'sab_footer_inline_style' => array(
349
+ 'label' => __( 'Load generated inline style to footer', 'saboxplugin' ),
350
+ 'description' => __( 'This option is useful ONLY if you run a plugin that optimizes your CSS delivery or moves your stylesheets to the footer, to get a higher score on speed testing services. However, the plugin style is loaded only on single post and single page.', 'saboxplugin' ),
351
+ 'type' => 'toggle',
352
+ 'group' => 'saboxplugin_options',
353
+ ),
354
+ ),
355
+ );
356
+
357
+ $this->settings = apply_filters( 'sabox_admin_settings', $settings );
358
+ $this->sections = apply_filters( 'sabox_admin_sections', $default_sections );
359
+
360
+ $this->get_all_options();
361
+
362
+ add_action( 'admin_menu', array( $this, 'menu_page' ) );
363
+ add_action( 'admin_init', array( $this, 'save_settings' ) );
364
+ }
365
+
366
+ private function get_all_options() {
367
+
368
+ $this->options = get_option( 'saboxplugin_options', array() );
369
+
370
+ $sab_box_margin_top = get_option( 'sab_box_margin_top' );
371
+ if ( $sab_box_margin_top ) {
372
+ $this->options['sab_box_margin_top'] = $sab_box_margin_top;
373
+ }
374
+
375
+ $sab_box_margin_bottom = get_option( 'sab_box_margin_bottom' );
376
+ if ( $sab_box_margin_bottom ) {
377
+ $this->options['sab_box_margin_bottom'] = $sab_box_margin_bottom;
378
+ }
379
+
380
+ $sab_box_icon_size = get_option( 'sab_box_icon_size' );
381
+ if ( $sab_box_icon_size ) {
382
+ $this->options['sab_box_icon_size'] = $sab_box_icon_size;
383
+ }
384
+
385
+ $sab_box_author_font_size = get_option( 'sab_box_name_size' );
386
+ if ( $sab_box_author_font_size ) {
387
+ $this->options['sab_box_name_size'] = $sab_box_author_font_size;
388
+ }
389
+
390
+ $sab_box_web_size = get_option( 'sab_box_web_size' );
391
+ if ( $sab_box_web_size ) {
392
+ $this->options['sab_box_web_size'] = $sab_box_web_size;
393
+ }
394
+
395
+ $sab_box_name_font = get_option( 'sab_box_name_font' );
396
+ if ( $sab_box_name_font ) {
397
+ $this->options['sab_box_name_font'] = $sab_box_name_font;
398
+ }
399
+
400
+ $sab_box_subset = get_option( 'sab_box_subset' );
401
+ if ( $sab_box_subset ) {
402
+ $this->options['sab_box_subset'] = $sab_box_subset;
403
+ }
404
+
405
+ $sab_box_desc_font = get_option( 'sab_box_desc_font' );
406
+ if ( $sab_box_desc_font ) {
407
+ $this->options['sab_box_desc_font'] = $sab_box_desc_font;
408
+ }
409
+
410
+ $sab_box_web_font = get_option( 'sab_box_web_font' );
411
+ if ( $sab_box_web_font ) {
412
+ $this->options['sab_box_web_font'] = $sab_box_web_font;
413
+ }
414
+
415
+ $sab_box_desc_size = get_option( 'sab_box_desc_size' );
416
+ if ( $sab_box_desc_size ) {
417
+ $this->options['sab_box_desc_size'] = $sab_box_desc_size;
418
+ }
419
+
420
+ $this->options['sab_box_padding_top_bottom'] = get_option( 'sab_box_padding_top_bottom', 0 );
421
+ $this->options['sab_box_padding_left_right'] = get_option( 'sab_box_padding_left_right', 0 );
422
+
423
+ }
424
+
425
+ public function menu_page() {
426
+ add_menu_page( __( 'Simple Author Box', 'saboxplugin' ), __( 'Simple Author', 'saboxplugin' ), 'manage_options', 'simple-author-box-options', array(
427
+ $this,
428
+ 'setting_page',
429
+ ), SIMPLE_AUTHOR_BOX_ASSETS . 'img/sab-icon.png' );
430
+ }
431
+
432
+ public function setting_page() {
433
+ ?>
434
+
435
+ <div class="masthead">
436
+ <div class="wrap sabox-wrap">
437
+ <div class="sabox-masthead-left">
438
+ <h1 class="wp-heading-inline">
439
+ <?php
440
+ /* Translators: Welcome Screen Title. */
441
+ echo esc_html__( 'Simple Author Box', 'saboxplugin' );
442
+ ?>
443
+ <a target="_blank" href="<?php echo get_edit_user_link(); ?>" class="page-title-action"><?php _e( 'Edit user profile', 'saboxplugin' ); ?></a>
444
+ </h1>
445
+
446
+ </div>
447
+
448
+ <div class="sabox-masthead-right">
449
+ <a target="_blank" href="https://www.machothemes.com/support/?utm_source=sab&utm_medium=about-page&utm_campaign=support-button"><?php _e( 'Support', 'saboxplugin' ); ?>&nbsp; &nbsp;<i class="dashicons dashicons-sos"></i></a>
450
+ </div>
451
+ <div class="wp-clearfix"></div>
452
+ </div>
453
+ </div><!--/.masthead-->
454
+
455
+ <div class="sabox-wrap">
456
+
457
+ <h2 class="epfw-tab-wrapper nav-tab-wrapper wp-clearfix">
458
+ <?php foreach ( $this->sections as $id => $section ) { ?>
459
+ <a class="epfw-tab nav-tab" href="#<?php echo esc_attr( $id ); ?>"><?php echo wp_kses_post( $section['label'] ); ?></a>
460
+ <?php } ?>
461
+ </h2>
462
+ <form method="post" id="sabox-container">
463
+ <?php
464
+
465
+ wp_nonce_field( 'sabox-plugin-settings', 'sabox_plugin_settings_page' );
466
+
467
+
468
+ foreach ( $this->settings as $tab_name => $fields ) {
469
+ echo '<div class="epfw-turn-into-tab" id="' . esc_attr( $tab_name ) . '">';
470
+ echo '<table class="form-table sabox-table">';
471
+ foreach ( $fields as $field_name => $field ) {
472
+ $this->generate_setting_field( $field_name, $field );
473
+ }
474
+ echo '</table>';
475
+ echo '</div>';
476
+ }
477
+
478
+ echo '<div class="textright">';
479
+ submit_button( esc_html__( 'Save Settings', 'saboxplugin' ), 'button button-primary button-hero', '', false );
480
+ echo '</div>';
481
+
482
+
483
+ ?>
484
+ </form>
485
+
486
+ </div>
487
+
488
+ <span class="sabox-version">
489
+ <?php echo _e( 'Version: ', 'saboxplugin' ) . esc_html( SIMPLE_AUTHOR_BOX_VERSION ); ?>&nbsp; &middot; &nbsp;
490
+ <?php echo '<a target="_blank" href="https://github.com/MachoThemes/simple-author-box/blob/master/readme.txt">' . __( 'Changelog', 'saboxplugin' ) . '</a>'; ?>
491
+ </span>
492
+
493
+ <?php
494
+ }
495
+
496
+ public function save_settings() {
497
+
498
+ if ( isset( $_POST['sabox_plugin_settings_page'] ) && wp_verify_nonce( $_POST['sabox_plugin_settings_page'], 'sabox-plugin-settings' ) ) {
499
+ $settings = isset( $_POST['sabox-settings'] ) ? $_POST['sabox-settings'] : array();
500
+ $groups = array();
501
+
502
+ foreach ( $this->settings as $tab => $setting_fields ) {
503
+ foreach ( $setting_fields as $key => $setting ) {
504
+ if ( isset( $setting['group'] ) ) {
505
+
506
+ if ( ! isset( $groups[ $setting['group'] ] ) ) {
507
+ $groups[ $setting['group'] ] = get_option( $setting['group'], array() );
508
+ }
509
+
510
+ if ( ! isset( $settings[ $setting['group'] ][ $key ] ) && isset( $groups[ $setting['group'] ][ $key ] ) ) {
511
+ unset( $groups[ $setting['group'] ][ $key ] );
512
+ }
513
+
514
+ if ( isset( $settings[ $setting['group'] ][ $key ] ) ) {
515
+ $groups[ $setting['group'] ][ $key ] = $this->sanitize_fields( $setting, $settings[ $setting['group'] ][ $key ] );
516
+ }
517
+ } else {
518
+
519
+ $current_value = get_option( $key );
520
+ if ( isset( $settings[ $key ] ) ) {
521
+ $value = $this->sanitize_fields( $setting, $settings[ $key ] );
522
+ if ( $current_value != $value ) {
523
+ update_option( $key, $value );
524
+ }
525
+ }
526
+ }
527
+ }
528
+ }
529
+
530
+ foreach ( $groups as $key => $values ) {
531
+ update_option( $key, $values );
532
+ }
533
+
534
+ do_action( 'sabox_save_settings' );
535
+
536
+ $this->get_all_options();
537
+
538
+ }
539
+
540
+ }
541
+
542
+ private function sanitize_fields( $setting, $value ) {
543
+ $default_sanitizers = array(
544
+ 'toggle' => 'absint',
545
+ 'slider' => 'absint',
546
+ 'color' => 'sanitize_hex_color',
547
+ );
548
+
549
+ if ( isset( $setting['sanitize'] ) && function_exists( $setting['sanitize'] ) ) {
550
+ $value = call_user_func( $setting['sanitize'], $value );
551
+ } elseif ( isset( $default_sanitizers[ $setting['type'] ] ) && function_exists( $default_sanitizers[ $setting['type'] ] ) ) {
552
+ $value = call_user_func( $default_sanitizers[ $setting['type'] ], $value );
553
+ } elseif ( 'select' == $setting['type'] ) {
554
+ if ( isset( $setting['choices'][ $value ] ) ) {
555
+ $value = $value;
556
+ } else {
557
+ $value = $setting['default'];
558
+ }
559
+ } elseif ( 'multiplecheckbox' == $setting['type'] ) {
560
+ foreach ( $value as $key ) {
561
+ if ( ! isset( $setting['choices'][ $key ] ) ) {
562
+ unset( $value[ $key ] );
563
+ }
564
+ }
565
+ } else {
566
+ $value = sanitize_text_field( $value );
567
+ }
568
+
569
+ return $value;
570
+
571
+ }
572
+
573
+ private function generate_admin_url( $id ) {
574
+ $url = 'admin.php?page=simple-author-box-options&tab=%1$s';
575
+
576
+ return admin_url( sprintf( $url, $id ) );
577
+ }
578
+
579
+ private function generate_admin_path( $id ) {
580
+ return $this->views_path . $id . '.php';
581
+ }
582
+
583
+ private function generate_setting_field( $field_name, $field ) {
584
+ $class = '';
585
+ $name = 'sabox-settings[';
586
+ if ( isset( $field['group'] ) ) {
587
+ $name .= $field['group'] . '][' . esc_attr( $field_name ) . ']';
588
+ } else {
589
+ $name .= esc_attr( $field_name ) . ']';
590
+ }
591
+ if ( isset( $field['condition'] ) ) {
592
+ $class = 'show_if_' . $field['condition'] . ' hide';
593
+ }
594
+ echo '<tr valign="top" class="' . esc_attr( $class ) . '">';
595
+ echo '<th scope="row">';
596
+ if ( isset( $field['description'] ) ) {
597
+ echo '<span class="epfw-tooltip tooltip-right" data-tooltip="' . esc_html( $field['description'] ) . '"><i class="dashicons dashicons-info"></i></span>';
598
+ }
599
+ echo esc_html( $field['label'] );
600
+ echo '</th>';
601
+ echo '<td>';
602
+ switch ( $field['type'] ) {
603
+ case 'toggle':
604
+ echo '<div class="checkbox_switch">';
605
+ echo '<div class="onoffswitch">';
606
+ echo '<input type="checkbox" id="' . esc_attr( $field_name ) . '" name="' . esc_attr( $name ) . '" class="onoffswitch-checkbox saboxfield" ' . checked( 1, isset( $this->options[ $field_name ] ), false ) . ' value="1">';
607
+ echo '<label class="onoffswitch-label" for="' . esc_attr( $field_name ) . '"></label>';
608
+ echo '</div>';
609
+ echo '</div>';
610
+ break;
611
+ case 'select':
612
+ $value = isset( $this->options[ $field_name ] ) ? $this->options[ $field_name ] : $field['default'];
613
+ echo '<select id="' . esc_attr( $field_name ) . '" name="' . esc_attr( $name ) . '" class="saboxfield">';
614
+ foreach ( $field['choices'] as $key => $choice ) {
615
+ echo '<option value="' . esc_attr( $key ) . '" ' . selected( $key, $value, false ) . '>' . esc_html( $choice ) . '</option>';
616
+ }
617
+ echo '</select>';
618
+ break;
619
+ case 'readonly':
620
+ echo '<textarea clas="regular-text" rows="3" cols="50" onclick="this.focus();this.select();" readonly="readonly">' . esc_attr( $field['value'] ) . '</textarea>';
621
+ break;
622
+ case 'slider':
623
+ $value = isset( $this->options[ $field_name ] ) ? $this->options[ $field_name ] : $field['default'];
624
+ echo '<div class="sabox-slider-container slider-container">';
625
+ echo '<input type="text" id="' . esc_attr( $field_name ) . '" class="saboxfield" name="' . esc_attr( $name ) . '" data-min="' . absint( $field['choices']['min'] ) . '" data-max="' . absint( $field['choices']['max'] ) . '" data-step="' . absint( $field['choices']['increment'] ) . '" value="' . esc_attr( $value ) . 'px">';
626
+ echo '<div class="sabox-slider"></div>';
627
+ echo '</div>';
628
+ break;
629
+ case 'color':
630
+ $value = isset( $this->options[ $field_name ] ) ? $this->options[ $field_name ] : '';
631
+ echo '<div class="sadbox-colorpicker">';
632
+ echo '<input id="' . esc_attr( $field_name ) . '" class="saboxfield sabox-color" name="' . esc_attr( $name ) . '" value="' . esc_attr( $value ) . '">';
633
+ echo '</div>';
634
+ break;
635
+ case 'multiplecheckbox':
636
+ echo '<div class="sabox-multicheckbox">';
637
+ if ( ! isset( $field['choices'] ) && isset( $field['handle'] ) && is_array( $field['handle'] ) ) {
638
+ if ( class_exists( $field['handle'][0] ) ) {
639
+ $class = $field['handle'][0];
640
+ $method = $field['handle'][1];
641
+ $field['choices'] = $class::$method();
642
+ }
643
+ }
644
+
645
+ $field['default'] = array_keys( $field['choices'] );
646
+
647
+ $values = isset( $this->options[ $field_name ] ) ? $this->options[ $field_name ] : $field['default'];
648
+ foreach ( $field['choices'] as $key => $choice ) {
649
+ echo '<div>';
650
+ echo '<input id="' . $key . '-' . $field_name . '" type="checkbox" value="' . $key . '" ' . checked( 1, in_array( $key, $values ), false ) . ' name="' . esc_attr( $name ) . '[]"><label for="' . $key . '-' . $field_name . '" class="checkbox-label">' . $choice . '</label>';
651
+ echo '</div>';
652
+ }
653
+ echo '</div>';
654
+ break;
655
+ case 'radio-group':
656
+ echo '<div class="sabox-radio-group">';
657
+ echo '<fieldset>';
658
+ foreach ( $field['choices'] as $key => $choice ) {
659
+ echo '<input type="radio" id="' . esc_attr( $field_name . '_' . $key ) . '" name="' . esc_attr( $name ) . '" class="saboxfield" ' . checked( $key, $this->options[ $field_name ], false ) . ' value="' . esc_attr( $key ) . '">';
660
+ echo '<label for="' . esc_attr( $field_name . '_' . $key ) . '">' . esc_attr( $choice ) . '</label>';
661
+ }
662
+ echo '</fieldset>';
663
+ echo '</div>';
664
+ break;
665
+ default:
666
+ do_action( "sabox_field_{$field['type']}_output", $field_name, $field );
667
+ break;
668
+ }
669
+ echo '</td>';
670
+ echo '</tr>';
671
+ }
672
+
673
+ }
674
+
675
+ new Simple_Author_Box_Admin_Page();
inc/class-simple-author-box-helper.php CHANGED
@@ -1,933 +1,933 @@
1
- <?php
2
-
3
- /**
4
- *
5
- */
6
- class Simple_Author_Box_Helper {
7
-
8
- public static $fonts = array();
9
-
10
- static $social_icons = array(
11
- 'addthis' => 'Add This',
12
- 'behance' => 'Behance',
13
- 'delicious' => 'Delicious',
14
- 'deviantart' => 'Deviantart',
15
- 'digg' => 'Digg',
16
- 'dribbble' => 'Dribbble',
17
- 'facebook' => 'Facebook',
18
- 'flickr' => 'Flickr',
19
- 'github' => 'Github',
20
- 'google' => 'Google',
21
- 'googleplus' => 'Google Plus',
22
- 'html5' => 'Html5',
23
- 'instagram' => 'Instagram',
24
- 'linkedin' => 'Linkedin',
25
- 'pinterest' => 'Pinterest',
26
- 'reddit' => 'Reddit',
27
- 'rss' => 'Rss',
28
- 'sharethis' => 'Sharethis',
29
- 'skype' => 'Skype',
30
- 'soundcloud' => 'Soundcloud',
31
- 'spotify' => 'Spotify',
32
- 'stackoverflow' => 'Stackoverflow',
33
- 'steam' => 'Steam',
34
- 'stumbleUpon' => 'StumbleUpon',
35
- 'tumblr' => 'Tumblr',
36
- 'twitter' => 'Twitter',
37
- 'vimeo' => 'Vimeo',
38
- 'windows' => 'Windows',
39
- 'wordpress' => 'Wordpress',
40
- 'yahoo' => 'Yahoo',
41
- 'youtube' => 'Youtube',
42
- 'xing' => 'Xing',
43
- 'mixcloud' => 'MixCloud',
44
- 'goodreads' => 'Goodreads',
45
- 'twitch' => 'Twitch',
46
- 'vk' => 'VK',
47
- 'medium' => 'Medium',
48
- 'quora' => 'Quora',
49
- 'meetup' => 'Meetup',
50
- 'user_email' => 'Email',
51
- 'snapchat' => 'Snapchat',
52
- '500px' => '500px',
53
- );
54
-
55
- public static function get_sabox_social_icon( $url, $icon_name ) {
56
-
57
- $options = get_option( 'saboxplugin_options' );
58
-
59
- if ( isset( $options['sab_link_target'] ) && '0' != $options['sab_link_target'] ) {
60
- $sabox_blank = '_blank';
61
- } else {
62
- $sabox_blank = '_self';
63
- }
64
-
65
- if ( isset( $options['sab_colored'] ) && '0' != $options['sab_colored'] ) {
66
- $sab_color = 'saboxplugin-icon-color';
67
- } else {
68
- $sab_color = 'saboxplugin-icon-grey';
69
- }
70
-
71
- return '<a target="' . esc_attr( $sabox_blank ) . '" href="' . esc_url( $url ) . '" rel="nofollow"><span class="' . esc_attr( $sab_color ) . ' saboxplugin-icon-' . esc_attr( $icon_name ) . '"></span></a>';
72
-
73
- }
74
-
75
- public static function get_user_social_links( $userd_id, $show_email = false ) {
76
-
77
- $social_icons = apply_filters( 'sabox_social_icons', Simple_Author_Box_Helper::$social_icons );
78
- $social_links = get_user_meta( $userd_id, 'sabox_social_links', true );
79
-
80
- if ( ! is_array( $social_links ) ) {
81
- $social_links = array();
82
- }
83
-
84
- if ( $show_email ) {
85
- $social_links['user_email'] = get_the_author_meta( 'user_email', $userd_id );
86
- }
87
-
88
- return $social_links;
89
-
90
- }
91
-
92
- public static function get_google_font_subsets() {
93
- return array(
94
- 'none' => 'None',
95
- 'latin' => 'Latin',
96
- 'latin-ext' => 'Latin Extended',
97
- 'cyrillic' => 'Cyrillic',
98
- 'cyrillic-ext' => 'Cyrillic Extended',
99
- 'devanagari' => 'Devanagari',
100
- 'greek' => 'Greek',
101
- 'greek-ext' => 'Greek Extended',
102
- 'vietnamese' => 'Vietnamese',
103
- 'khmer' => 'Khmer',
104
- );
105
- }
106
-
107
- public static function get_google_fonts() {
108
- $fonts = array(
109
- 'None',
110
- 'ABeeZee',
111
- 'Abel',
112
- 'Abril Fatface',
113
- 'Aclonica',
114
- 'Acme',
115
- 'Actor',
116
- 'Adamina',
117
- 'Advent Pro',
118
- 'Aguafina Script',
119
- 'Akronim',
120
- 'Aladin',
121
- 'Aldrich',
122
- 'Alef',
123
- 'Alegreya',
124
- 'Alegreya SC',
125
- 'Alegreya Sans',
126
- 'Alegreya Sans SC',
127
- 'Alex Brush',
128
- 'Alfa Slab One',
129
- 'Alice',
130
- 'Alike',
131
- 'Alike Angular',
132
- 'Allan',
133
- 'Allerta',
134
- 'Allerta Stencil',
135
- 'Allura',
136
- 'Almendra',
137
- 'Almendra Display',
138
- 'Almendra SC',
139
- 'Amarante',
140
- 'Amaranth',
141
- 'Amatic SC',
142
- 'Amethysta',
143
- 'Anaheim',
144
- 'Andada',
145
- 'Andika',
146
- 'Angkor',
147
- 'Annie Use Your Telescope',
148
- 'Anonymous Pro',
149
- 'Antic',
150
- 'Antic Didone',
151
- 'Antic Slab',
152
- 'Anton',
153
- 'Arapey',
154
- 'Arbutus',
155
- 'Arbutus Slab',
156
- 'Architects Daughter',
157
- 'Archivo Black',
158
- 'Archivo Narrow',
159
- 'Arimo',
160
- 'Arizonia',
161
- 'Armata',
162
- 'Artifika',
163
- 'Arvo',
164
- 'Asap',
165
- 'Asset',
166
- 'Astloch',
167
- 'Asul',
168
- 'Atomic Age',
169
- 'Aubrey',
170
- 'Audiowide',
171
- 'Autour One',
172
- 'Average',
173
- 'Average Sans',
174
- 'Averia Gruesa Libre',
175
- 'Averia Libre',
176
- 'Averia Sans Libre',
177
- 'Averia Serif Libre',
178
- 'Bad Script',
179
- 'Balthazar',
180
- 'Bangers',
181
- 'Basic',
182
- 'Battambang',
183
- 'Baumans',
184
- 'Bayon',
185
- 'Belgrano',
186
- 'Belleza',
187
- 'BenchNine',
188
- 'Bentham',
189
- 'Berkshire Swash',
190
- 'Bevan',
191
- 'Bigelow Rules',
192
- 'Bigshot One',
193
- 'Bilbo',
194
- 'Bilbo Swash Caps',
195
- 'Bitter',
196
- 'Black Ops One',
197
- 'Bokor',
198
- 'Bonbon',
199
- 'Boogaloo',
200
- 'Bowlby One',
201
- 'Bowlby One SC',
202
- 'Brawler',
203
- 'Bree Serif',
204
- 'Bubblegum Sans',
205
- 'Bubbler One',
206
- 'Buda',
207
- 'Buenard',
208
- 'Butcherman',
209
- 'Butterfly Kids',
210
- 'Cabin',
211
- 'Cabin Condensed',
212
- 'Cabin Sketch',
213
- 'Caesar Dressing',
214
- 'Cagliostro',
215
- 'Calligraffitti',
216
- 'Cambo',
217
- 'Candal',
218
- 'Cantarell',
219
- 'Cantata One',
220
- 'Cantora One',
221
- 'Capriola',
222
- 'Cardo',
223
- 'Carme',
224
- 'Carrois Gothic',
225
- 'Carrois Gothic SC',
226
- 'Carter One',
227
- 'Caudex',
228
- 'Cedarville Cursive',
229
- 'Ceviche One',
230
- 'Changa One',
231
- 'Chango',
232
- 'Chau Philomene One',
233
- 'Chela One',
234
- 'Chelsea Market',
235
- 'Chenla',
236
- 'Cherry Cream Soda',
237
- 'Cherry Swash',
238
- 'Chewy',
239
- 'Chicle',
240
- 'Chivo',
241
- 'Cinzel',
242
- 'Cinzel Decorative',
243
- 'Clicker Script',
244
- 'Coda',
245
- 'Coda Caption',
246
- 'Codystar',
247
- 'Combo',
248
- 'Comfortaa',
249
- 'Coming Soon',
250
- 'Concert One',
251
- 'Condiment',
252
- 'Content',
253
- 'Contrail One',
254
- 'Convergence',
255
- 'Cookie',
256
- 'Copse',
257
- 'Corben',
258
- 'Courgette',
259
- 'Cousine',
260
- 'Coustard',
261
- 'Covered By Your Grace',
262
- 'Crafty Girls',
263
- 'Creepster',
264
- 'Crete Round',
265
- 'Crimson Text',
266
- 'Croissant One',
267
- 'Crushed',
268
- 'Cuprum',
269
- 'Cutive',
270
- 'Cutive Mono',
271
- 'Damion',
272
- 'Dancing Script',
273
- 'Dangrek',
274
- 'Dawning of a New Day',
275
- 'Days One',
276
- 'Delius',
277
- 'Delius Swash Caps',
278
- 'Delius Unicase',
279
- 'Della Respira',
280
- 'Denk One',
281
- 'Devonshire',
282
- 'Didact Gothic',
283
- 'Diplomata',
284
- 'Diplomata SC',
285
- 'Domine',
286
- 'Donegal One',
287
- 'Doppio One',
288
- 'Dorsa',
289
- 'Dosis',
290
- 'Dr Sugiyama',
291
- 'Droid Sans',
292
- 'Droid Sans Mono',
293
- 'Droid Serif',
294
- 'Duru Sans',
295
- 'Dynalight',
296
- 'EB Garamond',
297
- 'Eagle Lake',
298
- 'Eater',
299
- 'Economica',
300
- 'Ek Mukta',
301
- 'Electrolize',
302
- 'Elsie',
303
- 'Elsie Swash Caps',
304
- 'Emblema One',
305
- 'Emilys Candy',
306
- 'Engagement',
307
- 'Englebert',
308
- 'Enriqueta',
309
- 'Erica One',
310
- 'Esteban',
311
- 'Euphoria Script',
312
- 'Ewert',
313
- 'Exo',
314
- 'Exo 2',
315
- 'Expletus Sans',
316
- 'Fanwood Text',
317
- 'Fascinate',
318
- 'Fascinate Inline',
319
- 'Faster One',
320
- 'Fasthand',
321
- 'Fauna One',
322
- 'Federant',
323
- 'Federo',
324
- 'Felipa',
325
- 'Fenix',
326
- 'Finger Paint',
327
- 'Fira Mono',
328
- 'Fira Sans',
329
- 'Fjalla One',
330
- 'Fjord One',
331
- 'Flamenco',
332
- 'Flavors',
333
- 'Fondamento',
334
- 'Fontdiner Swanky',
335
- 'Forum',
336
- 'Francois One',
337
- 'Freckle Face',
338
- 'Fredericka the Great',
339
- 'Fredoka One',
340
- 'Freehand',
341
- 'Fresca',
342
- 'Frijole',
343
- 'Fruktur',
344
- 'Fugaz One',
345
- 'GFS Didot',
346
- 'GFS Neohellenic',
347
- 'Gabriela',
348
- 'Gafata',
349
- 'Galdeano',
350
- 'Galindo',
351
- 'Gentium Basic',
352
- 'Gentium Book Basic',
353
- 'Geo',
354
- 'Geostar',
355
- 'Geostar Fill',
356
- 'Germania One',
357
- 'Gilda Display',
358
- 'Give You Glory',
359
- 'Glass Antiqua',
360
- 'Glegoo',
361
- 'Gloria Hallelujah',
362
- 'Goblin One',
363
- 'Gochi Hand',
364
- 'Gorditas',
365
- 'Goudy Bookletter 1911',
366
- 'Graduate',
367
- 'Grand Hotel',
368
- 'Gravitas One',
369
- 'Great Vibes',
370
- 'Griffy',
371
- 'Gruppo',
372
- 'Gudea',
373
- 'Habibi',
374
- 'Hammersmith One',
375
- 'Hanalei',
376
- 'Hanalei Fill',
377
- 'Handlee',
378
- 'Hanuman',
379
- 'Happy Monkey',
380
- 'Headland One',
381
- 'Henny Penny',
382
- 'Herr Von Muellerhoff',
383
- 'Hind',
384
- 'Holtwood One SC',
385
- 'Homemade Apple',
386
- 'Homenaje',
387
- 'IM Fell DW Pica',
388
- 'IM Fell DW Pica SC',
389
- 'IM Fell Double Pica',
390
- 'IM Fell Double Pica SC',
391
- 'IM Fell English',
392
- 'IM Fell English SC',
393
- 'IM Fell French Canon',
394
- 'IM Fell French Canon SC',
395
- 'IM Fell Great Primer',
396
- 'IM Fell Great Primer SC',
397
- 'Iceberg',
398
- 'Iceland',
399
- 'Imprima',
400
- 'Inconsolata',
401
- 'Inder',
402
- 'Indie Flower',
403
- 'Inika',
404
- 'Irish Grover',
405
- 'Istok Web',
406
- 'Italiana',
407
- 'Italianno',
408
- 'Jacques Francois',
409
- 'Jacques Francois Shadow',
410
- 'Jim Nightshade',
411
- 'Jockey One',
412
- 'Jolly Lodger',
413
- 'Josefin Sans',
414
- 'Josefin Slab',
415
- 'Joti One',
416
- 'Judson',
417
- 'Julee',
418
- 'Julius Sans One',
419
- 'Junge',
420
- 'Jura',
421
- 'Just Another Hand',
422
- 'Just Me Again Down Here',
423
- 'Kalam',
424
- 'Kameron',
425
- 'Kantumruy',
426
- 'Karla',
427
- 'Karma',
428
- 'Kaushan Script',
429
- 'Kavoon',
430
- 'Kdam Thmor',
431
- 'Keania One',
432
- 'Kelly Slab',
433
- 'Kenia',
434
- 'Khmer',
435
- 'Kite One',
436
- 'Knewave',
437
- 'Kotta One',
438
- 'Koulen',
439
- 'Kranky',
440
- 'Kreon',
441
- 'Kristi',
442
- 'Krona One',
443
- 'La Belle Aurore',
444
- 'Lancelot',
445
- 'Lato',
446
- 'League Script',
447
- 'Leckerli One',
448
- 'Ledger',
449
- 'Lekton',
450
- 'Lemon',
451
- 'Libre Baskerville',
452
- 'Life Savers',
453
- 'Lilita One',
454
- 'Lily Script One',
455
- 'Limelight',
456
- 'Linden Hill',
457
- 'Lobster',
458
- 'Lobster Two',
459
- 'Londrina Outline',
460
- 'Londrina Shadow',
461
- 'Londrina Sketch',
462
- 'Londrina Solid',
463
- 'Lora',
464
- 'Love Ya Like A Sister',
465
- 'Loved by the King',
466
- 'Lovers Quarrel',
467
- 'Luckiest Guy',
468
- 'Lusitana',
469
- 'Lustria',
470
- 'Macondo',
471
- 'Macondo Swash Caps',
472
- 'Magra',
473
- 'Maiden Orange',
474
- 'Mako',
475
- 'Marcellus',
476
- 'Marcellus SC',
477
- 'Marck Script',
478
- 'Margarine',
479
- 'Marko One',
480
- 'Marmelad',
481
- 'Marvel',
482
- 'Mate',
483
- 'Mate SC',
484
- 'Maven Pro',
485
- 'McLaren',
486
- 'Meddon',
487
- 'MedievalSharp',
488
- 'Medula One',
489
- 'Megrim',
490
- 'Meie Script',
491
- 'Merienda',
492
- 'Merienda One',
493
- 'Merriweather',
494
- 'Merriweather Sans',
495
- 'Metal',
496
- 'Metal Mania',
497
- 'Metamorphous',
498
- 'Metrophobic',
499
- 'Michroma',
500
- 'Milonga',
501
- 'Miltonian',
502
- 'Miltonian Tattoo',
503
- 'Miniver',
504
- 'Miss Fajardose',
505
- 'Modern Antiqua',
506
- 'Molengo',
507
- 'Molle',
508
- 'Monda',
509
- 'Monofett',
510
- 'Monoton',
511
- 'Monsieur La Doulaise',
512
- 'Montaga',
513
- 'Montez',
514
- 'Montserrat',
515
- 'Montserrat Alternates',
516
- 'Montserrat Subrayada',
517
- 'Moul',
518
- 'Moulpali',
519
- 'Mountains of Christmas',
520
- 'Mouse Memoirs',
521
- 'Mr Bedfort',
522
- 'Mr Dafoe',
523
- 'Mr De Haviland',
524
- 'Mrs Saint Delafield',
525
- 'Mrs Sheppards',
526
- 'Muli',
527
- 'Mystery Quest',
528
- 'Neucha',
529
- 'Neuton',
530
- 'New Rocker',
531
- 'News Cycle',
532
- 'Niconne',
533
- 'Nixie One',
534
- 'Nobile',
535
- 'Nokora',
536
- 'Norican',
537
- 'Nosifer',
538
- 'Nothing You Could Do',
539
- 'Noticia Text',
540
- 'Noto Sans',
541
- 'Noto Serif',
542
- 'Nova Cut',
543
- 'Nova Flat',
544
- 'Nova Mono',
545
- 'Nova Oval',
546
- 'Nova Round',
547
- 'Nova Script',
548
- 'Nova Slim',
549
- 'Nova Square',
550
- 'Numans',
551
- 'Nunito',
552
- 'Odor Mean Chey',
553
- 'Offside',
554
- 'Old Standard TT',
555
- 'Oldenburg',
556
- 'Oleo Script',
557
- 'Oleo Script Swash Caps',
558
- 'Open Sans',
559
- 'Open Sans Condensed',
560
- 'Oranienbaum',
561
- 'Orbitron',
562
- 'Oregano',
563
- 'Orienta',
564
- 'Original Surfer',
565
- 'Oswald',
566
- 'Over the Rainbow',
567
- 'Overlock',
568
- 'Overlock SC',
569
- 'Ovo',
570
- 'Oxygen',
571
- 'Oxygen Mono',
572
- 'PT Mono',
573
- 'PT Sans',
574
- 'PT Sans Caption',
575
- 'PT Sans Narrow',
576
- 'PT Serif',
577
- 'PT Serif Caption',
578
- 'Pacifico',
579
- 'Paprika',
580
- 'Parisienne',
581
- 'Passero One',
582
- 'Passion One',
583
- 'Pathway Gothic One',
584
- 'Patrick Hand',
585
- 'Patrick Hand SC',
586
- 'Patua One',
587
- 'Paytone One',
588
- 'Peralta',
589
- 'Permanent Marker',
590
- 'Petit Formal Script',
591
- 'Petrona',
592
- 'Philosopher',
593
- 'Piedra',
594
- 'Pinyon Script',
595
- 'Pirata One',
596
- 'Plaster',
597
- 'Play',
598
- 'Playball',
599
- 'Playfair Display',
600
- 'Playfair Display SC',
601
- 'Podkova',
602
- 'Poiret One',
603
- 'Poller One',
604
- 'Poly',
605
- 'Pompiere',
606
- 'Pontano Sans',
607
- 'Port Lligat Sans',
608
- 'Port Lligat Slab',
609
- 'Prata',
610
- 'Preahvihear',
611
- 'Press Start 2P',
612
- 'Princess Sofia',
613
- 'Prociono',
614
- 'Prosto One',
615
- 'Puritan',
616
- 'Purple Purse',
617
- 'Quando',
618
- 'Quantico',
619
- 'Quattrocento',
620
- 'Quattrocento Sans',
621
- 'Questrial',
622
- 'Quicksand',
623
- 'Quintessential',
624
- 'Qwigley',
625
- 'Racing Sans One',
626
- 'Radley',
627
- 'Rajdhani',
628
- 'Raleway',
629
- 'Raleway Dots',
630
- 'Rambla',
631
- 'Rammetto One',
632
- 'Ranchers',
633
- 'Rancho',
634
- 'Rationale',
635
- 'Redressed',
636
- 'Reenie Beanie',
637
- 'Revalia',
638
- 'Ribeye',
639
- 'Ribeye Marrow',
640
- 'Righteous',
641
- 'Risque',
642
- 'Roboto',
643
- 'Roboto Condensed',
644
- 'Roboto Slab',
645
- 'Rochester',
646
- 'Rock Salt',
647
- 'Rokkitt',
648
- 'Romanesco',
649
- 'Ropa Sans',
650
- 'Rosario',
651
- 'Rosarivo',
652
- 'Rouge Script',
653
- 'Rubik Mono One',
654
- 'Rubik One',
655
- 'Ruda',
656
- 'Rufina',
657
- 'Ruge Boogie',
658
- 'Ruluko',
659
- 'Rum Raisin',
660
- 'Ruslan Display',
661
- 'Russo One',
662
- 'Ruthie',
663
- 'Rye',
664
- 'Sacramento',
665
- 'Sail',
666
- 'Salsa',
667
- 'Sanchez',
668
- 'Sancreek',
669
- 'Sansita One',
670
- 'Sarina',
671
- 'Satisfy',
672
- 'Scada',
673
- 'Schoolbell',
674
- 'Seaweed Script',
675
- 'Sevillana',
676
- 'Seymour One',
677
- 'Shadows Into Light',
678
- 'Shadows Into Light Two',
679
- 'Shanti',
680
- 'Share',
681
- 'Share Tech',
682
- 'Share Tech Mono',
683
- 'Shojumaru',
684
- 'Short Stack',
685
- 'Siemreap',
686
- 'Sigmar One',
687
- 'Signika',
688
- 'Signika Negative',
689
- 'Simonetta',
690
- 'Sintony',
691
- 'Sirin Stencil',
692
- 'Six Caps',
693
- 'Skranji',
694
- 'Slabo 13px',
695
- 'Slabo 27px',
696
- 'Slackey',
697
- 'Smokum',
698
- 'Smythe',
699
- 'Sniglet',
700
- 'Snippet',
701
- 'Snowburst One',
702
- 'Sofadi One',
703
- 'Sofia',
704
- 'Sonsie One',
705
- 'Sorts Mill Goudy',
706
- 'Source Code Pro',
707
- 'Source Sans Pro',
708
- 'Source Serif Pro',
709
- 'Special Elite',
710
- 'Spicy Rice',
711
- 'Spinnaker',
712
- 'Spirax',
713
- 'Squada One',
714
- 'Stalemate',
715
- 'Stalinist One',
716
- 'Stardos Stencil',
717
- 'Stint Ultra Condensed',
718
- 'Stint Ultra Expanded',
719
- 'Stoke',
720
- 'Strait',
721
- 'Sue Ellen Francisco',
722
- 'Sunshiney',
723
- 'Supermercado One',
724
- 'Suwannaphum',
725
- 'Swanky and Moo Moo',
726
- 'Syncopate',
727
- 'Tangerine',
728
- 'Taprom',
729
- 'Tauri',
730
- 'Teko',
731
- 'Telex',
732
- 'Tenor Sans',
733
- 'Text Me One',
734
- 'The Girl Next Door',
735
- 'Tienne',
736
- 'Tinos',
737
- 'Titan One',
738
- 'Titillium Web',
739
- 'Trade Winds',
740
- 'Trocchi',
741
- 'Trochut',
742
- 'Trykker',
743
- 'Tulpen One',
744
- 'Ubuntu',
745
- 'Ubuntu Condensed',
746
- 'Ubuntu Mono',
747
- 'Ultra',
748
- 'Uncial Antiqua',
749
- 'Underdog',
750
- 'Unica One',
751
- 'UnifrakturCook',
752
- 'UnifrakturMaguntia',
753
- 'Unkempt',
754
- 'Unlock',
755
- 'Unna',
756
- 'VT323',
757
- 'Vampiro One',
758
- 'Varela',
759
- 'Varela Round',
760
- 'Vast Shadow',
761
- 'Vibur',
762
- 'Vidaloka',
763
- 'Viga',
764
- 'Voces',
765
- 'Volkhov',
766
- 'Vollkorn',
767
- 'Voltaire',
768
- 'Waiting for the Sunrise',
769
- 'Wallpoet',
770
- 'Walter Turncoat',
771
- 'Warnes',
772
- 'Wellfleet',
773
- 'Wendy One',
774
- 'Wire One',
775
- 'Yanone Kaffeesatz',
776
- 'Yellowtail',
777
- 'Yeseva One',
778
- 'Yesteryear',
779
- 'Zeyada',
780
- );
781
-
782
- if ( empty( Simple_Author_Box_Helper::$fonts ) ) {
783
- foreach ( $fonts as $font ) {
784
- Simple_Author_Box_Helper::$fonts[ $font ] = $font;
785
- }
786
- }
787
-
788
- return Simple_Author_Box_Helper::$fonts;
789
-
790
- }
791
-
792
- public static function get_custom_post_type() {
793
- $post_types = get_post_types( array(
794
- 'publicly_queryable' => true,
795
- '_builtin' => false,
796
- ) );
797
-
798
- $post_types['post'] = __( 'Post', 'saboxplugin' );
799
- $post_types['page'] = __( 'Page', 'saboxplugin' );
800
-
801
- return $post_types;
802
- }
803
-
804
- public static function get_template( $template_name = 'template-sab.php' ) {
805
-
806
- $template = '';
807
-
808
- if ( ! $template ) {
809
- $template = locate_template( array( 'sab/' . $template_name ) );
810
- }
811
-
812
- if ( ! $template && file_exists( SIMPLE_AUTHOR_BOX_PATH . 'template/' . $template_name ) ) {
813
- $template = SIMPLE_AUTHOR_BOX_PATH . 'template/' . $template_name;
814
- }
815
-
816
- if ( ! $template ) {
817
- $template = SIMPLE_AUTHOR_BOX_PATH . 'template/template-sab.php';
818
- }
819
-
820
- // Allow 3rd party plugins to filter template file from their plugin.
821
- $template = apply_filters( 'sabox_get_template_part', $template, $template_name );
822
- if ( $template ) {
823
- return $template;
824
- }
825
-
826
- }
827
-
828
- public static function generate_inline_css() {
829
-
830
- $padding_top_bottom = get_option( 'sab_box_padding_top_bottom', 0 );
831
- $padding_left_right = get_option( 'sab_box_padding_left_right', 0 );
832
- $sabox_top_margin = get_option( 'sab_box_margin_top', 0 );
833
- $sabox_bottom_margin = get_option( 'sab_box_margin_bottom', 0 );
834
- $sabox_name_size = get_option( 'sab_box_name_size', 18 );
835
- $sabox_desc_size = get_option( 'sab_box_desc_size', 14 );
836
- $sabox_icon_size = get_option( 'sab_box_icon_size', 14 );
837
- $sabox_options = get_option( 'saboxplugin_options', array() );
838
-
839
- if ( isset( $sabox_options['sab_web'] ) and get_option( 'sab_box_web_size' ) ) {
840
- $sabox_web_size = get_option( 'sab_box_web_size' );
841
- } else {
842
- $sabox_web_size = 14;
843
- }
844
-
845
- $style = '';
846
-
847
- // Border color of Simple Author Box
848
- if ( isset( $sabox_options['sab_box_border'] ) && ! empty( $sabox_options['sab_box_border'] ) ) {
849
- $style .= '.saboxplugin-wrap {border-color:' . esc_html( $sabox_options['sab_box_border'] ) . ';}';
850
- $style .= '.saboxplugin-wrap .saboxplugin-socials {-webkit-box-shadow: 0 0.05em 0 0 ' . esc_html( $sabox_options['sab_box_border'] ) . ' inset; -moz-box-shadow:0 0.05em 0 0 ' . esc_html( $sabox_options['sab_box_border'] ) . ' inset;box-shadow:0 0.05em 0 0 ' . esc_html( $sabox_options['sab_box_border'] ) . ' inset;}';
851
- }
852
- // Avatar image style
853
- if ( isset( $sabox_options['sab_avatar_style'] ) && '0' != $sabox_options['sab_avatar_style'] ) {
854
- $style .= '.saboxplugin-wrap .saboxplugin-gravatar img {-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}';
855
- }
856
- // Social icons style
857
- if ( isset( $sabox_options['sab_colored'] ) && '0' != $sabox_options['sab_colored'] && isset( $sabox_options['sab_icons_style'] ) && '0' != $sabox_options['sab_icons_style'] ) {
858
- $style .= '.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color {-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}';
859
- }
860
- // Long Shadow
861
- if ( isset( $sabox_options['sab_colored'] ) && '0' != $sabox_options['sab_colored'] && ! isset( $sabox_options['sab_box_long_shadow'] ) ) {
862
- $style .= '.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color:before {text-shadow: none;}';
863
- }
864
- // Avatar hover effect
865
- if ( isset( $sabox_options['sab_avatar_style'] ) && '0' != $sabox_options['sab_avatar_style'] && isset( $sabox_options['sab_avatar_hover'] ) ) {
866
- $style .= '.saboxplugin-wrap .saboxplugin-gravatar img {-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}';
867
- $style .= '.saboxplugin-wrap .saboxplugin-gravatar img:hover {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}';
868
- }
869
- // Social icons hover effect
870
- if ( isset( $sabox_options['sab_icons_style'] ) && '0' != $sabox_options['sab_icons_style'] && isset( $sabox_options['sab_social_hover'] ) ) {
871
- $style .= '.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color, .saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color:hover,.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey:hover {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}';
872
- }
873
- // Thin border
874
- if ( isset( $sabox_options['sab_colored'] ) && '0' != $sabox_options['sab_colored'] && ! isset( $sabox_options['sab_box_thin_border'] ) ) {
875
- $style .= '.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color {border: medium none !important;}';
876
- }
877
- // Background color of social icons bar
878
- if ( isset( $sabox_options['sab_box_icons_back'] ) && ! empty( $sabox_options['sab_box_icons_back'] ) ) {
879
- $style .= '.saboxplugin-wrap .saboxplugin-socials{background-color:' . esc_html( $sabox_options['sab_box_icons_back'] ) . ';}';
880
- }
881
- // Color of social icons (for symbols only):
882
- if ( isset( $sabox_options['sab_box_icons_color'] ) && ! empty( $sabox_options['sab_box_icons_color'] ) ) {
883
- $style .= '.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey {color:' . esc_html( $sabox_options['sab_box_icons_color'] ) . ';}';
884
- }
885
- // Author name color
886
- if ( isset( $sabox_options['sab_box_author_color'] ) && ! empty( $sabox_options['sab_box_author_color'] ) ) {
887
- $style .= '.saboxplugin-wrap .saboxplugin-authorname a {color:' . esc_html( $sabox_options['sab_box_author_color'] ) . ';}';
888
- }
889
-
890
- // Author web color
891
- if ( isset( $sabox_options['sab_web'] ) && isset( $sabox_options['sab_box_web_color'] ) && ! empty( $sabox_options['sab_box_web_color'] ) ) {
892
- $style .= '.saboxplugin-wrap .saboxplugin-web a {color:' . esc_html( $sabox_options['sab_box_web_color'] ) . ';}';
893
- }
894
-
895
- // Author name font family
896
- if ( get_option( 'sab_box_name_font', 'None' ) != 'None' ) {
897
- $author_name_font = get_option( 'sab_box_name_font' );
898
- $style .= '.saboxplugin-wrap .saboxplugin-authorname {font-family:"' . esc_html( $author_name_font ) . '";}';
899
- }
900
-
901
- // Author description font family
902
- if ( get_option( 'sab_box_desc_font', 'None' ) != 'None' ) {
903
- $author_desc_font = get_option( 'sab_box_desc_font' );
904
- $style .= '.saboxplugin-wrap .saboxplugin-desc {font-family:' . esc_html( $author_desc_font ) . ';}';
905
- }
906
-
907
- // Author web font family
908
- if ( isset( $sabox_options['sab_web'] ) && get_option( 'sab_box_web_font', 'None' ) != 'None' ) {
909
- $author_web_font = get_option( 'sab_box_web_font' );
910
- $style .= '.saboxplugin-wrap .saboxplugin-web {font-family:"' . esc_html( $author_web_font ) . '";}';
911
- }
912
-
913
- // Author description font style
914
- if ( isset( $sabox_options['sab_desc_style'] ) && '0' != $sabox_options['sab_desc_style'] ) {
915
- $style .= '.saboxplugin-wrap .saboxplugin-desc {font-style:italic;}';
916
- }
917
- // Margin top & bottom, Padding
918
- $style .= '.saboxplugin-wrap {margin-top:' . absint( $sabox_top_margin ) . 'px; margin-bottom:' . absint( $sabox_bottom_margin ) . 'px; padding: ' . absint( $padding_top_bottom ) . 'px ' . absint( $padding_left_right ) . 'px }';
919
- // Author name text size
920
- $style .= '.saboxplugin-wrap .saboxplugin-authorname {font-size:' . absint( $sabox_name_size ) . 'px; line-height:' . absint( $sabox_name_size + 7 ) . 'px;}';
921
- // Author description font size
922
- $style .= '.saboxplugin-wrap .saboxplugin-desc {font-size:' . absint( $sabox_desc_size ) . 'px; line-height:' . absint( $sabox_desc_size + 7 ) . 'px;}';
923
- // Author website text size
924
- $style .= '.saboxplugin-wrap .saboxplugin-web {font-size:' . absint( $sabox_web_size ) . 'px;}';
925
- // Icons size
926
- $style .= '.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color {font-size:' . absint( $sabox_icon_size + 3 ) . 'px;}';
927
- $style .= '.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color:before {width:' . absint( $sabox_icon_size + $sabox_icon_size ) . 'px; height:' . absint( $sabox_icon_size + $sabox_icon_size ) . 'px; line-height:' . absint( $sabox_icon_size + $sabox_icon_size + 1 ) . 'px; }';
928
- $style .= '.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey {font-size:' . absint( $sabox_icon_size ) . 'px;}';
929
-
930
- return apply_filters( 'sabox_inline_css', $style );
931
- }
932
-
933
- }
1
+ <?php
2
+
3
+ /**
4
+ *
5
+ */
6
+ class Simple_Author_Box_Helper {
7
+
8
+ public static $fonts = array();
9
+
10
+ static $social_icons = array(
11
+ 'addthis' => 'Add This',
12
+ 'behance' => 'Behance',
13
+ 'delicious' => 'Delicious',
14
+ 'deviantart' => 'Deviantart',
15
+ 'digg' => 'Digg',
16
+ 'dribbble' => 'Dribbble',
17
+ 'facebook' => 'Facebook',
18
+ 'flickr' => 'Flickr',
19
+ 'github' => 'Github',
20
+ 'google' => 'Google',
21
+ 'googleplus' => 'Google Plus',
22
+ 'html5' => 'Html5',
23
+ 'instagram' => 'Instagram',
24
+ 'linkedin' => 'Linkedin',
25
+ 'pinterest' => 'Pinterest',
26
+ 'reddit' => 'Reddit',
27
+ 'rss' => 'Rss',
28
+ 'sharethis' => 'Sharethis',
29
+ 'skype' => 'Skype',
30
+ 'soundcloud' => 'Soundcloud',
31
+ 'spotify' => 'Spotify',
32
+ 'stackoverflow' => 'Stackoverflow',
33
+ 'steam' => 'Steam',
34
+ 'stumbleUpon' => 'StumbleUpon',
35
+ 'tumblr' => 'Tumblr',
36
+ 'twitter' => 'Twitter',
37
+ 'vimeo' => 'Vimeo',
38
+ 'windows' => 'Windows',
39
+ 'wordpress' => 'Wordpress',
40
+ 'yahoo' => 'Yahoo',
41
+ 'youtube' => 'Youtube',
42
+ 'xing' => 'Xing',
43
+ 'mixcloud' => 'MixCloud',
44
+ 'goodreads' => 'Goodreads',
45
+ 'twitch' => 'Twitch',
46
+ 'vk' => 'VK',
47
+ 'medium' => 'Medium',
48
+ 'quora' => 'Quora',
49
+ 'meetup' => 'Meetup',
50
+ 'user_email' => 'Email',
51
+ 'snapchat' => 'Snapchat',
52
+ '500px' => '500px',
53
+ );
54
+
55
+ public static function get_sabox_social_icon( $url, $icon_name ) {
56
+
57
+ $options = get_option( 'saboxplugin_options' );
58
+
59
+ if ( isset( $options['sab_link_target'] ) && '0' != $options['sab_link_target'] ) {
60
+ $sabox_blank = '_blank';
61
+ } else {
62
+ $sabox_blank = '_self';
63
+ }
64
+
65
+ if ( isset( $options['sab_colored'] ) && '0' != $options['sab_colored'] ) {
66
+ $sab_color = 'saboxplugin-icon-color';
67
+ } else {
68
+ $sab_color = 'saboxplugin-icon-grey';
69
+ }
70
+
71
+ return '<a target="' . esc_attr( $sabox_blank ) . '" href="' . esc_url( $url ) . '" rel="nofollow"><span class="' . esc_attr( $sab_color ) . ' saboxplugin-icon-' . esc_attr( $icon_name ) . '"></span></a>';
72
+
73
+ }
74
+
75
+ public static function get_user_social_links( $userd_id, $show_email = false ) {
76
+
77
+ $social_icons = apply_filters( 'sabox_social_icons', Simple_Author_Box_Helper::$social_icons );
78
+ $social_links = get_user_meta( $userd_id, 'sabox_social_links', true );
79
+
80
+ if ( ! is_array( $social_links ) ) {
81
+ $social_links = array();
82
+ }
83
+
84
+ if ( $show_email ) {
85
+ $social_links['user_email'] = get_the_author_meta( 'user_email', $userd_id );
86
+ }
87
+
88
+ return $social_links;
89
+
90
+ }
91
+
92
+ public static function get_google_font_subsets() {
93
+ return array(
94
+ 'none' => 'None',
95
+ 'latin' => 'Latin',
96
+ 'latin-ext' => 'Latin Extended',
97
+ 'cyrillic' => 'Cyrillic',
98
+ 'cyrillic-ext' => 'Cyrillic Extended',
99
+ 'devanagari' => 'Devanagari',
100
+ 'greek' => 'Greek',
101
+ 'greek-ext' => 'Greek Extended',
102
+ 'vietnamese' => 'Vietnamese',
103
+ 'khmer' => 'Khmer',
104
+ );
105
+ }
106
+
107
+ public static function get_google_fonts() {
108
+ $fonts = array(
109
+ 'None',
110
+ 'ABeeZee',
111
+ 'Abel',
112
+ 'Abril Fatface',
113
+ 'Aclonica',
114
+ 'Acme',
115
+ 'Actor',
116
+ 'Adamina',
117
+ 'Advent Pro',
118
+ 'Aguafina Script',
119
+ 'Akronim',
120
+ 'Aladin',
121
+ 'Aldrich',
122
+ 'Alef',
123
+ 'Alegreya',
124
+ 'Alegreya SC',
125
+ 'Alegreya Sans',
126
+ 'Alegreya Sans SC',
127
+ 'Alex Brush',
128
+ 'Alfa Slab One',
129
+ 'Alice',
130
+ 'Alike',
131
+ 'Alike Angular',
132
+ 'Allan',
133
+ 'Allerta',
134
+ 'Allerta Stencil',
135
+ 'Allura',
136
+ 'Almendra',
137
+ 'Almendra Display',
138
+ 'Almendra SC',
139
+ 'Amarante',
140
+ 'Amaranth',
141
+ 'Amatic SC',
142
+ 'Amethysta',
143
+ 'Anaheim',
144
+ 'Andada',
145
+ 'Andika',
146
+ 'Angkor',
147
+ 'Annie Use Your Telescope',
148
+ 'Anonymous Pro',
149
+ 'Antic',
150
+ 'Antic Didone',
151
+ 'Antic Slab',
152
+ 'Anton',
153
+ 'Arapey',
154
+ 'Arbutus',
155
+ 'Arbutus Slab',
156
+ 'Architects Daughter',
157
+ 'Archivo Black',
158
+ 'Archivo Narrow',
159
+ 'Arimo',
160
+ 'Arizonia',
161
+ 'Armata',
162
+ 'Artifika',
163
+ 'Arvo',
164
+ 'Asap',
165
+ 'Asset',
166
+ 'Astloch',
167
+ 'Asul',
168
+ 'Atomic Age',
169
+ 'Aubrey',
170
+ 'Audiowide',
171
+ 'Autour One',
172
+ 'Average',
173
+ 'Average Sans',
174
+ 'Averia Gruesa Libre',
175
+ 'Averia Libre',
176
+ 'Averia Sans Libre',
177
+ 'Averia Serif Libre',
178
+ 'Bad Script',
179
+ 'Balthazar',
180
+ 'Bangers',
181
+ 'Basic',
182
+ 'Battambang',
183
+ 'Baumans',
184
+ 'Bayon',
185
+ 'Belgrano',
186
+ 'Belleza',
187
+ 'BenchNine',
188
+ 'Bentham',
189
+ 'Berkshire Swash',
190
+ 'Bevan',
191
+ 'Bigelow Rules',
192
+ 'Bigshot One',
193
+ 'Bilbo',
194
+ 'Bilbo Swash Caps',
195
+ 'Bitter',
196
+ 'Black Ops One',
197
+ 'Bokor',
198
+ 'Bonbon',
199
+ 'Boogaloo',
200
+ 'Bowlby One',
201
+ 'Bowlby One SC',
202
+ 'Brawler',
203
+ 'Bree Serif',
204
+ 'Bubblegum Sans',
205
+ 'Bubbler One',
206
+ 'Buda',
207
+ 'Buenard',
208
+ 'Butcherman',
209
+ 'Butterfly Kids',
210
+ 'Cabin',
211
+ 'Cabin Condensed',
212
+ 'Cabin Sketch',
213
+ 'Caesar Dressing',
214
+ 'Cagliostro',
215
+ 'Calligraffitti',
216
+ 'Cambo',
217
+ 'Candal',
218
+ 'Cantarell',
219
+ 'Cantata One',
220
+ 'Cantora One',
221
+ 'Capriola',
222
+ 'Cardo',
223
+ 'Carme',
224
+ 'Carrois Gothic',
225
+ 'Carrois Gothic SC',
226
+ 'Carter One',
227
+ 'Caudex',
228
+ 'Cedarville Cursive',
229
+ 'Ceviche One',
230
+ 'Changa One',
231
+ 'Chango',
232
+ 'Chau Philomene One',
233
+ 'Chela One',
234
+ 'Chelsea Market',
235
+ 'Chenla',
236
+ 'Cherry Cream Soda',
237
+ 'Cherry Swash',
238
+ 'Chewy',
239
+ 'Chicle',
240
+ 'Chivo',
241
+ 'Cinzel',
242
+ 'Cinzel Decorative',
243
+ 'Clicker Script',
244
+ 'Coda',
245
+ 'Coda Caption',
246
+ 'Codystar',
247
+ 'Combo',
248
+ 'Comfortaa',
249
+ 'Coming Soon',
250
+ 'Concert One',
251
+ 'Condiment',
252
+ 'Content',
253
+ 'Contrail One',
254
+ 'Convergence',
255
+ 'Cookie',
256
+ 'Copse',
257
+ 'Corben',
258
+ 'Courgette',
259
+ 'Cousine',
260
+ 'Coustard',
261
+ 'Covered By Your Grace',
262
+ 'Crafty Girls',
263
+ 'Creepster',
264
+ 'Crete Round',
265
+ 'Crimson Text',
266
+ 'Croissant One',
267
+ 'Crushed',
268
+ 'Cuprum',
269
+ 'Cutive',
270
+ 'Cutive Mono',
271
+ 'Damion',
272
+ 'Dancing Script',
273
+ 'Dangrek',
274
+ 'Dawning of a New Day',
275
+ 'Days One',
276
+ 'Delius',
277
+ 'Delius Swash Caps',
278
+ 'Delius Unicase',
279
+ 'Della Respira',
280
+ 'Denk One',
281
+ 'Devonshire',
282
+ 'Didact Gothic',
283
+ 'Diplomata',
284
+ 'Diplomata SC',
285
+ 'Domine',
286
+ 'Donegal One',
287
+ 'Doppio One',
288
+ 'Dorsa',
289
+ 'Dosis',
290
+ 'Dr Sugiyama',
291
+ 'Droid Sans',
292
+ 'Droid Sans Mono',
293
+ 'Droid Serif',
294
+ 'Duru Sans',
295
+ 'Dynalight',
296
+ 'EB Garamond',
297
+ 'Eagle Lake',
298
+ 'Eater',
299
+ 'Economica',
300
+ 'Ek Mukta',
301
+ 'Electrolize',
302
+ 'Elsie',
303
+ 'Elsie Swash Caps',
304
+ 'Emblema One',
305
+ 'Emilys Candy',
306
+ 'Engagement',
307
+ 'Englebert',
308
+ 'Enriqueta',
309
+ 'Erica One',
310
+ 'Esteban',
311
+ 'Euphoria Script',
312
+ 'Ewert',
313
+ 'Exo',
314
+ 'Exo 2',
315
+ 'Expletus Sans',
316
+ 'Fanwood Text',
317
+ 'Fascinate',
318
+ 'Fascinate Inline',
319
+ 'Faster One',
320
+ 'Fasthand',
321
+ 'Fauna One',
322
+ 'Federant',
323
+ 'Federo',
324
+ 'Felipa',
325
+ 'Fenix',
326
+ 'Finger Paint',
327
+ 'Fira Mono',
328
+ 'Fira Sans',
329
+ 'Fjalla One',
330
+ 'Fjord One',
331
+ 'Flamenco',
332
+ 'Flavors',
333
+ 'Fondamento',
334
+ 'Fontdiner Swanky',
335
+ 'Forum',
336
+ 'Francois One',
337
+ 'Freckle Face',
338
+ 'Fredericka the Great',
339
+ 'Fredoka One',
340
+ 'Freehand',
341
+ 'Fresca',
342
+ 'Frijole',
343
+ 'Fruktur',
344
+ 'Fugaz One',
345
+ 'GFS Didot',
346
+ 'GFS Neohellenic',
347
+ 'Gabriela',
348
+ 'Gafata',
349
+ 'Galdeano',
350
+ 'Galindo',
351
+ 'Gentium Basic',
352
+ 'Gentium Book Basic',
353
+ 'Geo',
354
+ 'Geostar',
355
+ 'Geostar Fill',
356
+ 'Germania One',
357
+ 'Gilda Display',
358
+ 'Give You Glory',
359
+ 'Glass Antiqua',
360
+ 'Glegoo',
361
+ 'Gloria Hallelujah',
362
+ 'Goblin One',
363
+ 'Gochi Hand',
364
+ 'Gorditas',
365
+ 'Goudy Bookletter 1911',
366
+ 'Graduate',
367
+ 'Grand Hotel',
368
+ 'Gravitas One',
369
+ 'Great Vibes',
370
+ 'Griffy',
371
+ 'Gruppo',
372
+ 'Gudea',
373
+ 'Habibi',
374
+ 'Hammersmith One',
375
+ 'Hanalei',
376
+ 'Hanalei Fill',
377
+ 'Handlee',
378
+ 'Hanuman',
379
+ 'Happy Monkey',
380
+ 'Headland One',
381
+ 'Henny Penny',
382
+ 'Herr Von Muellerhoff',
383
+ 'Hind',
384
+ 'Holtwood One SC',
385
+ 'Homemade Apple',
386
+ 'Homenaje',
387
+ 'IM Fell DW Pica',
388
+ 'IM Fell DW Pica SC',
389
+ 'IM Fell Double Pica',
390
+ 'IM Fell Double Pica SC',
391
+ 'IM Fell English',
392
+ 'IM Fell English SC',
393
+ 'IM Fell French Canon',
394
+ 'IM Fell French Canon SC',
395
+ 'IM Fell Great Primer',
396
+ 'IM Fell Great Primer SC',
397
+ 'Iceberg',
398
+ 'Iceland',
399
+ 'Imprima',
400
+ 'Inconsolata',
401
+ 'Inder',
402
+ 'Indie Flower',
403
+ 'Inika',
404
+ 'Irish Grover',
405
+ 'Istok Web',
406
+ 'Italiana',
407
+ 'Italianno',
408
+ 'Jacques Francois',
409
+ 'Jacques Francois Shadow',
410
+ 'Jim Nightshade',
411
+ 'Jockey One',
412
+ 'Jolly Lodger',
413
+ 'Josefin Sans',
414
+ 'Josefin Slab',
415
+ 'Joti One',
416
+ 'Judson',
417
+ 'Julee',
418
+ 'Julius Sans One',
419
+ 'Junge',
420
+ 'Jura',
421
+ 'Just Another Hand',
422
+ 'Just Me Again Down Here',
423
+ 'Kalam',
424
+ 'Kameron',
425
+ 'Kantumruy',
426
+ 'Karla',
427
+ 'Karma',
428
+ 'Kaushan Script',
429
+ 'Kavoon',
430
+ 'Kdam Thmor',
431
+ 'Keania One',
432
+ 'Kelly Slab',
433
+ 'Kenia',
434
+ 'Khmer',
435
+ 'Kite One',
436
+ 'Knewave',
437
+ 'Kotta One',
438
+ 'Koulen',
439
+ 'Kranky',
440
+ 'Kreon',
441
+ 'Kristi',
442
+ 'Krona One',
443
+ 'La Belle Aurore',
444
+ 'Lancelot',
445
+ 'Lato',
446
+ 'League Script',
447
+ 'Leckerli One',
448
+ 'Ledger',
449
+ 'Lekton',
450
+ 'Lemon',
451
+ 'Libre Baskerville',
452
+ 'Life Savers',
453
+ 'Lilita One',
454
+ 'Lily Script One',
455
+ 'Limelight',
456
+ 'Linden Hill',
457
+ 'Lobster',
458
+ 'Lobster Two',
459
+ 'Londrina Outline',
460
+ 'Londrina Shadow',
461
+ 'Londrina Sketch',
462
+ 'Londrina Solid',
463
+ 'Lora',
464
+ 'Love Ya Like A Sister',
465
+ 'Loved by the King',
466
+ 'Lovers Quarrel',
467
+ 'Luckiest Guy',
468
+ 'Lusitana',
469
+ 'Lustria',
470
+ 'Macondo',
471
+ 'Macondo Swash Caps',
472
+ 'Magra',
473
+ 'Maiden Orange',
474
+ 'Mako',
475
+ 'Marcellus',
476
+ 'Marcellus SC',
477
+ 'Marck Script',
478
+ 'Margarine',
479
+ 'Marko One',
480
+ 'Marmelad',
481
+ 'Marvel',
482
+ 'Mate',
483
+ 'Mate SC',
484
+ 'Maven Pro',
485
+ 'McLaren',
486
+ 'Meddon',
487
+ 'MedievalSharp',
488
+ 'Medula One',
489
+ 'Megrim',
490
+ 'Meie Script',
491
+ 'Merienda',
492
+ 'Merienda One',
493
+ 'Merriweather',
494
+ 'Merriweather Sans',
495
+ 'Metal',
496
+ 'Metal Mania',
497
+ 'Metamorphous',
498
+ 'Metrophobic',
499
+ 'Michroma',
500
+ 'Milonga',
501
+ 'Miltonian',
502
+ 'Miltonian Tattoo',
503
+ 'Miniver',
504
+ 'Miss Fajardose',
505
+ 'Modern Antiqua',
506
+ 'Molengo',
507
+ 'Molle',
508
+ 'Monda',
509
+ 'Monofett',
510
+ 'Monoton',
511
+ 'Monsieur La Doulaise',
512
+ 'Montaga',
513
+ 'Montez',
514
+ 'Montserrat',
515
+ 'Montserrat Alternates',
516
+ 'Montserrat Subrayada',
517
+ 'Moul',
518
+ 'Moulpali',
519
+ 'Mountains of Christmas',
520
+ 'Mouse Memoirs',
521
+ 'Mr Bedfort',
522
+ 'Mr Dafoe',
523
+ 'Mr De Haviland',
524
+ 'Mrs Saint Delafield',
525
+ 'Mrs Sheppards',
526
+ 'Muli',
527
+ 'Mystery Quest',
528
+ 'Neucha',
529
+ 'Neuton',
530
+ 'New Rocker',
531
+ 'News Cycle',
532
+ 'Niconne',
533
+ 'Nixie One',
534
+ 'Nobile',
535
+ 'Nokora',
536
+ 'Norican',
537
+ 'Nosifer',
538
+ 'Nothing You Could Do',
539
+ 'Noticia Text',
540
+ 'Noto Sans',
541
+ 'Noto Serif',
542
+ 'Nova Cut',
543
+ 'Nova Flat',
544
+ 'Nova Mono',
545
+ 'Nova Oval',
546
+ 'Nova Round',
547
+ 'Nova Script',
548
+ 'Nova Slim',
549
+ 'Nova Square',
550
+ 'Numans',
551
+ 'Nunito',
552
+ 'Odor Mean Chey',
553
+ 'Offside',
554
+ 'Old Standard TT',
555
+ 'Oldenburg',
556
+ 'Oleo Script',
557
+ 'Oleo Script Swash Caps',
558
+ 'Open Sans',
559
+ 'Open Sans Condensed',
560
+ 'Oranienbaum',
561
+ 'Orbitron',
562
+ 'Oregano',
563
+ 'Orienta',
564
+ 'Original Surfer',
565
+ 'Oswald',
566
+ 'Over the Rainbow',
567
+ 'Overlock',
568
+ 'Overlock SC',
569
+ 'Ovo',
570
+ 'Oxygen',
571
+ 'Oxygen Mono',
572
+ 'PT Mono',
573
+ 'PT Sans',
574
+ 'PT Sans Caption',
575
+ 'PT Sans Narrow',
576
+ 'PT Serif',
577
+ 'PT Serif Caption',
578
+ 'Pacifico',
579
+ 'Paprika',
580
+ 'Parisienne',
581
+ 'Passero One',
582
+ 'Passion One',
583
+ 'Pathway Gothic One',
584
+ 'Patrick Hand',
585
+ 'Patrick Hand SC',
586
+ 'Patua One',
587
+ 'Paytone One',
588
+ 'Peralta',
589
+ 'Permanent Marker',
590
+ 'Petit Formal Script',
591
+ 'Petrona',
592
+ 'Philosopher',
593
+ 'Piedra',
594
+ 'Pinyon Script',
595
+ 'Pirata One',
596
+ 'Plaster',
597
+ 'Play',
598
+ 'Playball',
599
+ 'Playfair Display',
600
+ 'Playfair Display SC',
601
+ 'Podkova',
602
+ 'Poiret One',
603
+ 'Poller One',
604
+ 'Poly',
605
+ 'Pompiere',
606
+ 'Pontano Sans',
607
+ 'Port Lligat Sans',
608
+ 'Port Lligat Slab',
609
+ 'Prata',
610
+ 'Preahvihear',
611
+ 'Press Start 2P',
612
+ 'Princess Sofia',
613
+ 'Prociono',
614
+ 'Prosto One',
615
+ 'Puritan',
616
+ 'Purple Purse',
617
+ 'Quando',
618
+ 'Quantico',
619
+ 'Quattrocento',
620
+ 'Quattrocento Sans',
621
+ 'Questrial',
622
+ 'Quicksand',
623
+ 'Quintessential',
624
+ 'Qwigley',
625
+ 'Racing Sans One',
626
+ 'Radley',
627
+ 'Rajdhani',
628
+ 'Raleway',
629
+ 'Raleway Dots',
630
+ 'Rambla',
631
+ 'Rammetto One',
632
+ 'Ranchers',
633
+ 'Rancho',
634
+ 'Rationale',
635
+ 'Redressed',
636
+ 'Reenie Beanie',
637
+ 'Revalia',
638
+ 'Ribeye',
639
+ 'Ribeye Marrow',
640
+ 'Righteous',
641
+ 'Risque',
642
+ 'Roboto',
643
+ 'Roboto Condensed',
644
+ 'Roboto Slab',
645
+ 'Rochester',
646
+ 'Rock Salt',
647
+ 'Rokkitt',
648
+ 'Romanesco',
649
+ 'Ropa Sans',
650
+ 'Rosario',
651
+ 'Rosarivo',
652
+ 'Rouge Script',
653
+ 'Rubik Mono One',
654
+ 'Rubik One',
655
+ 'Ruda',
656
+ 'Rufina',
657
+ 'Ruge Boogie',
658
+ 'Ruluko',
659
+ 'Rum Raisin',
660
+ 'Ruslan Display',
661
+ 'Russo One',
662
+ 'Ruthie',
663
+ 'Rye',
664
+ 'Sacramento',
665
+ 'Sail',
666
+ 'Salsa',
667
+ 'Sanchez',
668
+ 'Sancreek',
669
+ 'Sansita One',
670
+ 'Sarina',
671
+ 'Satisfy',
672
+ 'Scada',
673
+ 'Schoolbell',
674
+ 'Seaweed Script',
675
+ 'Sevillana',
676
+ 'Seymour One',
677
+ 'Shadows Into Light',
678
+ 'Shadows Into Light Two',
679
+ 'Shanti',
680
+ 'Share',
681
+ 'Share Tech',
682
+ 'Share Tech Mono',
683
+ 'Shojumaru',
684
+ 'Short Stack',
685
+ 'Siemreap',
686
+ 'Sigmar One',
687
+ 'Signika',
688
+ 'Signika Negative',
689
+ 'Simonetta',
690
+ 'Sintony',
691
+ 'Sirin Stencil',
692
+ 'Six Caps',
693
+ 'Skranji',
694
+ 'Slabo 13px',
695
+ 'Slabo 27px',
696
+ 'Slackey',
697
+ 'Smokum',
698
+ 'Smythe',
699
+ 'Sniglet',
700
+ 'Snippet',
701
+ 'Snowburst One',
702
+ 'Sofadi One',
703
+ 'Sofia',
704
+ 'Sonsie One',
705
+ 'Sorts Mill Goudy',
706
+ 'Source Code Pro',
707
+ 'Source Sans Pro',
708
+ 'Source Serif Pro',
709
+ 'Special Elite',
710
+ 'Spicy Rice',
711
+ 'Spinnaker',
712
+ 'Spirax',
713
+ 'Squada One',
714
+ 'Stalemate',
715
+ 'Stalinist One',
716
+ 'Stardos Stencil',
717
+ 'Stint Ultra Condensed',
718
+ 'Stint Ultra Expanded',
719
+ 'Stoke',
720
+ 'Strait',
721
+ 'Sue Ellen Francisco',
722
+ 'Sunshiney',
723
+ 'Supermercado One',
724
+ 'Suwannaphum',
725
+ 'Swanky and Moo Moo',
726
+ 'Syncopate',
727
+ 'Tangerine',
728
+ 'Taprom',
729
+ 'Tauri',
730
+ 'Teko',
731
+ 'Telex',
732
+ 'Tenor Sans',
733
+ 'Text Me One',
734
+ 'The Girl Next Door',
735
+ 'Tienne',
736
+ 'Tinos',
737
+ 'Titan One',
738
+ 'Titillium Web',
739
+ 'Trade Winds',
740
+ 'Trocchi',
741
+ 'Trochut',
742
+ 'Trykker',
743
+ 'Tulpen One',
744
+ 'Ubuntu',
745
+ 'Ubuntu Condensed',
746
+ 'Ubuntu Mono',
747
+ 'Ultra',
748
+ 'Uncial Antiqua',
749
+ 'Underdog',
750
+ 'Unica One',
751
+ 'UnifrakturCook',
752
+ 'UnifrakturMaguntia',
753
+ 'Unkempt',
754
+ 'Unlock',
755
+ 'Unna',
756
+ 'VT323',
757
+ 'Vampiro One',
758
+ 'Varela',
759
+ 'Varela Round',
760
+ 'Vast Shadow',
761
+ 'Vibur',
762
+ 'Vidaloka',
763
+ 'Viga',
764
+ 'Voces',
765
+ 'Volkhov',
766
+ 'Vollkorn',
767
+ 'Voltaire',
768
+ 'Waiting for the Sunrise',
769
+ 'Wallpoet',
770
+ 'Walter Turncoat',
771
+ 'Warnes',
772
+ 'Wellfleet',
773
+ 'Wendy One',
774
+ 'Wire One',
775
+ 'Yanone Kaffeesatz',
776
+ 'Yellowtail',
777
+ 'Yeseva One',
778
+ 'Yesteryear',
779
+ 'Zeyada',
780
+ );
781
+
782
+ if ( empty( Simple_Author_Box_Helper::$fonts ) ) {
783
+ foreach ( $fonts as $font ) {
784
+ Simple_Author_Box_Helper::$fonts[ $font ] = $font;
785
+ }
786
+ }
787
+
788
+ return Simple_Author_Box_Helper::$fonts;
789
+
790
+ }
791
+
792
+ public static function get_custom_post_type() {
793
+ $post_types = get_post_types( array(
794
+ 'publicly_queryable' => true,
795
+ '_builtin' => false,
796
+ ) );
797
+
798
+ $post_types['post'] = __( 'Post', 'saboxplugin' );
799
+ $post_types['page'] = __( 'Page', 'saboxplugin' );
800
+
801
+ return $post_types;
802
+ }
803
+
804
+ public static function get_template( $template_name = 'template-sab.php' ) {
805
+
806
+ $template = '';
807
+
808
+ if ( ! $template ) {
809
+ $template = locate_template( array( 'sab/' . $template_name ) );
810
+ }
811
+
812
+ if ( ! $template && file_exists( SIMPLE_AUTHOR_BOX_PATH . 'template/' . $template_name ) ) {
813
+ $template = SIMPLE_AUTHOR_BOX_PATH . 'template/' . $template_name;
814
+ }
815
+
816
+ if ( ! $template ) {
817
+ $template = SIMPLE_AUTHOR_BOX_PATH . 'template/template-sab.php';
818
+ }
819
+
820
+ // Allow 3rd party plugins to filter template file from their plugin.
821
+ $template = apply_filters( 'sabox_get_template_part', $template, $template_name );
822
+ if ( $template ) {
823
+ return $template;
824
+ }
825
+
826
+ }
827
+
828
+ public static function generate_inline_css() {
829
+
830
+ $padding_top_bottom = get_option( 'sab_box_padding_top_bottom', 0 );
831
+ $padding_left_right = get_option( 'sab_box_padding_left_right', 0 );
832
+ $sabox_top_margin = get_option( 'sab_box_margin_top', 0 );
833
+ $sabox_bottom_margin = get_option( 'sab_box_margin_bottom', 0 );
834
+ $sabox_name_size = get_option( 'sab_box_name_size', 18 );
835
+ $sabox_desc_size = get_option( 'sab_box_desc_size', 14 );
836
+ $sabox_icon_size = get_option( 'sab_box_icon_size', 14 );
837
+ $sabox_options = get_option( 'saboxplugin_options', array() );
838
+
839
+ if ( isset( $sabox_options['sab_web'] ) and get_option( 'sab_box_web_size' ) ) {
840
+ $sabox_web_size = get_option( 'sab_box_web_size' );
841
+ } else {
842
+ $sabox_web_size = 14;
843
+ }
844
+
845
+ $style = '';
846
+
847
+ // Border color of Simple Author Box
848
+ if ( isset( $sabox_options['sab_box_border'] ) && ! empty( $sabox_options['sab_box_border'] ) ) {
849
+ $style .= '.saboxplugin-wrap {border-color:' . esc_html( $sabox_options['sab_box_border'] ) . ';}';
850
+ $style .= '.saboxplugin-wrap .saboxplugin-socials {-webkit-box-shadow: 0 0.05em 0 0 ' . esc_html( $sabox_options['sab_box_border'] ) . ' inset; -moz-box-shadow:0 0.05em 0 0 ' . esc_html( $sabox_options['sab_box_border'] ) . ' inset;box-shadow:0 0.05em 0 0 ' . esc_html( $sabox_options['sab_box_border'] ) . ' inset;}';
851
+ }
852
+ // Avatar image style
853
+ if ( isset( $sabox_options['sab_avatar_style'] ) && '0' != $sabox_options['sab_avatar_style'] ) {
854
+ $style .= '.saboxplugin-wrap .saboxplugin-gravatar img {-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}';
855
+ }
856
+ // Social icons style
857
+ if ( isset( $sabox_options['sab_colored'] ) && '0' != $sabox_options['sab_colored'] && isset( $sabox_options['sab_icons_style'] ) && '0' != $sabox_options['sab_icons_style'] ) {
858
+ $style .= '.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color {-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}';
859
+ }
860
+ // Long Shadow
861
+ if ( isset( $sabox_options['sab_colored'] ) && '0' != $sabox_options['sab_colored'] && ! isset( $sabox_options['sab_box_long_shadow'] ) ) {
862
+ $style .= '.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color:before {text-shadow: none;}';
863
+ }
864
+ // Avatar hover effect
865
+ if ( isset( $sabox_options['sab_avatar_style'] ) && '0' != $sabox_options['sab_avatar_style'] && isset( $sabox_options['sab_avatar_hover'] ) ) {
866
+ $style .= '.saboxplugin-wrap .saboxplugin-gravatar img {-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}';
867
+ $style .= '.saboxplugin-wrap .saboxplugin-gravatar img:hover {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}';
868
+ }
869
+ // Social icons hover effect
870
+ if ( isset( $sabox_options['sab_icons_style'] ) && '0' != $sabox_options['sab_icons_style'] && isset( $sabox_options['sab_social_hover'] ) ) {
871
+ $style .= '.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color, .saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color:hover,.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey:hover {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}';
872
+ }
873
+ // Thin border
874
+ if ( isset( $sabox_options['sab_colored'] ) && '0' != $sabox_options['sab_colored'] && ! isset( $sabox_options['sab_box_thin_border'] ) ) {
875
+ $style .= '.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color {border: medium none !important;}';
876
+ }
877
+ // Background color of social icons bar
878
+ if ( isset( $sabox_options['sab_box_icons_back'] ) && ! empty( $sabox_options['sab_box_icons_back'] ) ) {
879
+ $style .= '.saboxplugin-wrap .saboxplugin-socials{background-color:' . esc_html( $sabox_options['sab_box_icons_back'] ) . ';}';
880
+ }
881
+ // Color of social icons (for symbols only):
882
+ if ( isset( $sabox_options['sab_box_icons_color'] ) && ! empty( $sabox_options['sab_box_icons_color'] ) ) {
883
+ $style .= '.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey {color:' . esc_html( $sabox_options['sab_box_icons_color'] ) . ';}';
884
+ }
885
+ // Author name color
886
+ if ( isset( $sabox_options['sab_box_author_color'] ) && ! empty( $sabox_options['sab_box_author_color'] ) ) {
887
+ $style .= '.saboxplugin-wrap .saboxplugin-authorname a {color:' . esc_html( $sabox_options['sab_box_author_color'] ) . ';}';
888
+ }
889
+
890
+ // Author web color
891
+ if ( isset( $sabox_options['sab_web'] ) && isset( $sabox_options['sab_box_web_color'] ) && ! empty( $sabox_options['sab_box_web_color'] ) ) {
892
+ $style .= '.saboxplugin-wrap .saboxplugin-web a {color:' . esc_html( $sabox_options['sab_box_web_color'] ) . ';}';
893
+ }
894
+
895
+ // Author name font family
896
+ if ( get_option( 'sab_box_name_font', 'None' ) != 'None' ) {
897
+ $author_name_font = get_option( 'sab_box_name_font' );
898
+ $style .= '.saboxplugin-wrap .saboxplugin-authorname {font-family:"' . esc_html( $author_name_font ) . '";}';
899
+ }
900
+
901
+ // Author description font family
902
+ if ( get_option( 'sab_box_desc_font', 'None' ) != 'None' ) {
903
+ $author_desc_font = get_option( 'sab_box_desc_font' );
904
+ $style .= '.saboxplugin-wrap .saboxplugin-desc {font-family:' . esc_html( $author_desc_font ) . ';}';
905
+ }
906
+
907
+ // Author web font family
908
+ if ( isset( $sabox_options['sab_web'] ) && get_option( 'sab_box_web_font', 'None' ) != 'None' ) {
909
+ $author_web_font = get_option( 'sab_box_web_font' );
910
+ $style .= '.saboxplugin-wrap .saboxplugin-web {font-family:"' . esc_html( $author_web_font ) . '";}';
911
+ }
912
+
913
+ // Author description font style
914
+ if ( isset( $sabox_options['sab_desc_style'] ) && '0' != $sabox_options['sab_desc_style'] ) {
915
+ $style .= '.saboxplugin-wrap .saboxplugin-desc {font-style:italic;}';
916
+ }
917
+ // Margin top & bottom, Padding
918
+ $style .= '.saboxplugin-wrap {margin-top:' . absint( $sabox_top_margin ) . 'px; margin-bottom:' . absint( $sabox_bottom_margin ) . 'px; padding: ' . absint( $padding_top_bottom ) . 'px ' . absint( $padding_left_right ) . 'px }';
919
+ // Author name text size
920
+ $style .= '.saboxplugin-wrap .saboxplugin-authorname {font-size:' . absint( $sabox_name_size ) . 'px; line-height:' . absint( $sabox_name_size + 7 ) . 'px;}';
921
+ // Author description font size
922
+ $style .= '.saboxplugin-wrap .saboxplugin-desc {font-size:' . absint( $sabox_desc_size ) . 'px; line-height:' . absint( $sabox_desc_size + 7 ) . 'px;}';
923
+ // Author website text size
924
+ $style .= '.saboxplugin-wrap .saboxplugin-web {font-size:' . absint( $sabox_web_size ) . 'px;}';
925
+ // Icons size
926
+ $style .= '.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color {font-size:' . absint( $sabox_icon_size + 3 ) . 'px;}';
927
+ $style .= '.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color:before {width:' . absint( $sabox_icon_size + $sabox_icon_size ) . 'px; height:' . absint( $sabox_icon_size + $sabox_icon_size ) . 'px; line-height:' . absint( $sabox_icon_size + $sabox_icon_size + 1 ) . 'px; }';
928
+ $style .= '.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey {font-size:' . absint( $sabox_icon_size ) . 'px;}';
929
+
930
+ return apply_filters( 'sabox_inline_css', $style );
931
+ }
932
+
933
+ }
inc/class-simple-author-box-user-profile.php CHANGED
@@ -1,159 +1,159 @@
1
- <?php
2
-
3
- class Simple_Author_Box_User_Profile {
4
-
5
- function __construct() {
6
-
7
- // Social Links
8
- add_action( 'show_user_profile', array( $this, 'add_social_area' ) );
9
- add_action( 'edit_user_profile', array( $this, 'add_social_area' ) );
10
-
11
- // Custom Profile Image
12
- add_action( 'show_user_profile', array( $this, 'add_profile_image' ), 9, 1 );
13
- add_action( 'edit_user_profile', array( $this, 'add_profile_image' ), 9, 1 );
14
-
15
- add_action( 'personal_options_update', array( $this, 'save_user_profile' ) );
16
- add_action( 'edit_user_profile_update', array( $this, 'save_user_profile' ) );
17
-
18
- // Allow HTML in user description.
19
- remove_filter( 'pre_user_description', 'wp_filter_kses' );
20
- add_filter( 'pre_user_description', 'wp_kses_post' );
21
-
22
- }
23
-
24
- public function add_social_area( $profileuser ) {
25
- $user_id = $profileuser->data->ID;
26
-
27
- $social_links = Simple_Author_Box_Helper::get_user_social_links( $user_id );
28
- $social_icons = apply_filters( 'sabox_social_icons', Simple_Author_Box_Helper::$social_icons );
29
- unset( $social_icons['user_email'] );
30
-
31
- ?>
32
- <div class="sab-user-profile-wrapper">
33
- <h2><?php _e( 'Social Media Links (Simple Author Box)', 'saboxplugin' ); ?></h2>
34
- <table class="form-table" id="sabox-social-table">
35
- <?php
36
-
37
- if ( ! empty( $social_links ) ) {
38
- foreach ( $social_links as $social_platform => $social_link ) {
39
- ?>
40
- <tr>
41
- <th>
42
- <span class="sabox-drag"></span>
43
- <select name="sabox-social-icons[]">
44
- <?php foreach ( $social_icons as $sabox_social_id => $sabox_social_name ) { ?>
45
- <option value="<?php echo $sabox_social_id; ?>" <?php selected( $sabox_social_id, $social_platform ); ?>><?php echo $sabox_social_name; ?></option>
46
- <?php } ?>
47
- </select>
48
- </th>
49
- <td>
50
- <input name="sabox-social-links[]" type="text" class="regular-text" value="<?php echo esc_url( $social_link ); ?>">
51
- <span class="dashicons dashicons-trash"></span>
52
- <td>
53
- </tr>
54
- <?php
55
- }
56
- } else {
57
- ?>
58
- <tr>
59
- <th>
60
- <select name="sabox-social-icons[]">
61
- <?php foreach ( $social_icons as $sabox_social_id => $sabox_social_name ) { ?>
62
- <option value="<?php echo $sabox_social_id; ?>"><?php echo $sabox_social_name; ?></option>
63
- <?php } ?>
64
- </select>
65
- </th>
66
- <td>
67
- <input name="sabox-social-links[]" type="text" class="regular-text" value="">
68
- <span class="dashicons dashicons-trash"></span>
69
- <td>
70
- </tr>
71
- <?php
72
- }
73
-
74
- ?>
75
-
76
- </table>
77
-
78
- <div class="sabox-add-social-link">
79
- <a href="#" class="button button-primary button-hero"></span><?php esc_html_e( '+ Add new social platform', 'saboxplugin' ); ?></a>
80
- </div>
81
- </div>
82
-
83
- <?php
84
- }
85
-
86
- public function add_profile_image( $user ) {
87
-
88
- if ( ! current_user_can( 'upload_files' ) ) {
89
- return;
90
- }
91
-
92
- $default_url = SIMPLE_AUTHOR_BOX_ASSETS . 'img/default.png';
93
- $image_url = get_user_meta( $user->ID, 'sabox-profile-image', true );
94
-
95
- ?>
96
-
97
- <div id="sabox-custom-profile-image">
98
- <h3><?php _e( 'Custom User Profile Image (Simple Author Box)', 'saboxplugin' ); ?></h3>
99
- <table class="form-table">
100
- <tr>
101
- <th><label for="cupp_meta"><?php _e( 'Profile Image', 'saboxplugin' ); ?></label></th>
102
- <td>
103
- <div id="sab-current-image">
104
- <?php wp_nonce_field( 'sabox-profile-image', 'sabox-profile-nonce' ); ?>
105
- <input type="hidden" name="sabox-custom-image" id="sabox-custom-image" value="<?php echo esc_attr( $image_url ); ?>">
106
- <img data-default="<?php echo esc_url_raw( $default_url ); ?>" src="<?php echo '' != $image_url ? esc_url_raw( $image_url ) : esc_url_raw( $default_url ); ?>">
107
- </div>
108
- <div class="actions">
109
- <a href="#" class="button-secondary" id="sabox-remove-image"><?php _e( 'Remove Image', 'saboxplugin' ); ?></a>
110
- <a href="#" class="button-primary" id="sabox-add-image"><?php _e( 'Upload Image', 'saboxplugin' ); ?></a>
111
- </div>
112
- </td>
113
- </tr>
114
- </table>
115
- </div>
116
-
117
- <?php
118
- }
119
-
120
- public function save_user_profile( $user_id ) {
121
-
122
- if ( isset( $_POST['sabox-social-icons'] ) && isset( $_POST['sabox-social-links'] ) ) {
123
-
124
- $social_platforms = apply_filters( 'sabox_social_icons', Simple_Author_Box_Helper::$social_icons );
125
- $social_links = array();
126
- foreach ( $_POST['sabox-social-links'] as $index => $social_link ) {
127
- if ( $social_link ) {
128
- $social_platform = isset( $_POST['sabox-social-icons'][ $index ] ) ? $_POST['sabox-social-icons'][ $index ] : false;
129
- if ( $social_platform && isset( $social_platforms[ $social_platform ] ) ) {
130
- $social_links[ $social_platform ] = esc_url_raw( $social_link );
131
- }
132
- }
133
- }
134
-
135
- update_user_meta( $user_id, 'sabox_social_links', $social_links );
136
-
137
- }else{
138
- delete_user_meta( $user_id, 'sabox_social_links' );
139
- }
140
-
141
- if ( ! isset( $_POST['sabox-profile-nonce'] ) || ! wp_verify_nonce( $_POST['sabox-profile-nonce'], 'sabox-profile-image' ) ) {
142
- return;
143
- }
144
-
145
- if ( ! current_user_can( 'upload_files', $user_id ) ) {
146
- return;
147
- }
148
-
149
- if ( isset( $_POST['sabox-custom-image'] ) && '' != $_POST['sabox-custom-image'] ) {
150
- update_user_meta( $user_id, 'sabox-profile-image', esc_url_raw( $_POST['sabox-custom-image'] ) );
151
- } else {
152
- delete_user_meta( $user_id, 'sabox-profile-image' );
153
- }
154
-
155
- }
156
-
157
- }
158
-
159
- new Simple_Author_Box_User_Profile();
1
+ <?php
2
+
3
+ class Simple_Author_Box_User_Profile {
4
+
5
+ function __construct() {
6
+
7
+ // Social Links
8
+ add_action( 'show_user_profile', array( $this, 'add_social_area' ) );
9
+ add_action( 'edit_user_profile', array( $this, 'add_social_area' ) );
10
+
11
+ // Custom Profile Image
12
+ add_action( 'show_user_profile', array( $this, 'add_profile_image' ), 9, 1 );
13
+ add_action( 'edit_user_profile', array( $this, 'add_profile_image' ), 9, 1 );
14
+
15
+ add_action( 'personal_options_update', array( $this, 'save_user_profile' ) );
16
+ add_action( 'edit_user_profile_update', array( $this, 'save_user_profile' ) );
17
+
18
+ // Allow HTML in user description.
19
+ remove_filter( 'pre_user_description', 'wp_filter_kses' );
20
+ add_filter( 'pre_user_description', 'wp_kses_post' );
21
+
22
+ }
23
+
24
+ public function add_social_area( $profileuser ) {
25
+ $user_id = $profileuser->data->ID;
26
+
27
+ $social_links = Simple_Author_Box_Helper::get_user_social_links( $user_id );
28
+ $social_icons = apply_filters( 'sabox_social_icons', Simple_Author_Box_Helper::$social_icons );
29
+ unset( $social_icons['user_email'] );
30
+
31
+ ?>
32
+ <div class="sab-user-profile-wrapper">
33
+ <h2><?php _e( 'Social Media Links (Simple Author Box)', 'saboxplugin' ); ?></h2>
34
+ <table class="form-table" id="sabox-social-table">
35
+ <?php
36
+
37
+ if ( ! empty( $social_links ) ) {
38
+ foreach ( $social_links as $social_platform => $social_link ) {
39
+ ?>
40
+ <tr>
41
+ <th>
42
+ <span class="sabox-drag"></span>
43
+ <select name="sabox-social-icons[]">
44
+ <?php foreach ( $social_icons as $sabox_social_id => $sabox_social_name ) { ?>
45
+ <option value="<?php echo $sabox_social_id; ?>" <?php selected( $sabox_social_id, $social_platform ); ?>><?php echo $sabox_social_name; ?></option>
46
+ <?php } ?>
47
+ </select>
48
+ </th>
49
+ <td>
50
+ <input name="sabox-social-links[]" type="text" class="regular-text" value="<?php echo esc_url( $social_link ); ?>">
51
+ <span class="dashicons dashicons-trash"></span>
52
+ <td>
53
+ </tr>
54
+ <?php
55
+ }
56
+ } else {
57
+ ?>
58
+ <tr>
59
+ <th>
60
+ <select name="sabox-social-icons[]">
61
+ <?php foreach ( $social_icons as $sabox_social_id => $sabox_social_name ) { ?>
62
+ <option value="<?php echo $sabox_social_id; ?>"><?php echo $sabox_social_name; ?></option>
63
+ <?php } ?>
64
+ </select>
65
+ </th>
66
+ <td>
67
+ <input name="sabox-social-links[]" type="text" class="regular-text" value="">
68
+ <span class="dashicons dashicons-trash"></span>
69
+ <td>
70
+ </tr>
71
+ <?php
72
+ }
73
+
74
+ ?>
75
+
76
+ </table>
77
+
78
+ <div class="sabox-add-social-link">
79
+ <a href="#" class="button button-primary button-hero"></span><?php esc_html_e( '+ Add new social platform', 'saboxplugin' ); ?></a>
80
+ </div>
81
+ </div>
82
+
83
+ <?php
84
+ }
85
+
86
+ public function add_profile_image( $user ) {
87
+
88
+ if ( ! current_user_can( 'upload_files' ) ) {
89
+ return;
90
+ }
91
+
92
+ $default_url = SIMPLE_AUTHOR_BOX_ASSETS . 'img/default.png';
93
+ $image_url = get_user_meta( $user->ID, 'sabox-profile-image', true );
94
+
95
+ ?>
96
+
97
+ <div id="sabox-custom-profile-image">
98
+ <h3><?php _e( 'Custom User Profile Image (Simple Author Box)', 'saboxplugin' ); ?></h3>
99
+ <table class="form-table">
100
+ <tr>
101
+ <th><label for="cupp_meta"><?php _e( 'Profile Image', 'saboxplugin' ); ?></label></th>
102
+ <td>
103
+ <div id="sab-current-image">
104
+ <?php wp_nonce_field( 'sabox-profile-image', 'sabox-profile-nonce' ); ?>
105
+ <input type="hidden" name="sabox-custom-image" id="sabox-custom-image" value="<?php echo esc_attr( $image_url ); ?>">
106
+ <img data-default="<?php echo esc_url_raw( $default_url ); ?>" src="<?php echo '' != $image_url ? esc_url_raw( $image_url ) : esc_url_raw( $default_url ); ?>">
107
+ </div>
108
+ <div class="actions">
109
+ <a href="#" class="button-secondary" id="sabox-remove-image"><?php _e( 'Remove Image', 'saboxplugin' ); ?></a>
110
+ <a href="#" class="button-primary" id="sabox-add-image"><?php _e( 'Upload Image', 'saboxplugin' ); ?></a>
111
+ </div>
112
+ </td>
113
+ </tr>
114
+ </table>
115
+ </div>
116
+
117
+ <?php
118
+ }
119
+
120
+ public function save_user_profile( $user_id ) {
121
+
122
+ if ( isset( $_POST['sabox-social-icons'] ) && isset( $_POST['sabox-social-links'] ) ) {
123
+
124
+ $social_platforms = apply_filters( 'sabox_social_icons', Simple_Author_Box_Helper::$social_icons );
125
+ $social_links = array();
126
+ foreach ( $_POST['sabox-social-links'] as $index => $social_link ) {
127
+ if ( $social_link ) {
128
+ $social_platform = isset( $_POST['sabox-social-icons'][ $index ] ) ? $_POST['sabox-social-icons'][ $index ] : false;
129
+ if ( $social_platform && isset( $social_platforms[ $social_platform ] ) ) {
130
+ $social_links[ $social_platform ] = esc_url_raw( $social_link );
131
+ }
132
+ }
133
+ }
134
+
135
+ update_user_meta( $user_id, 'sabox_social_links', $social_links );
136
+
137
+ }else{
138
+ delete_user_meta( $user_id, 'sabox_social_links' );
139
+ }
140
+
141
+ if ( ! isset( $_POST['sabox-profile-nonce'] ) || ! wp_verify_nonce( $_POST['sabox-profile-nonce'], 'sabox-profile-image' ) ) {
142
+ return;
143
+ }
144
+
145
+ if ( ! current_user_can( 'upload_files', $user_id ) ) {
146
+ return;
147
+ }
148
+
149
+ if ( isset( $_POST['sabox-custom-image'] ) && '' != $_POST['sabox-custom-image'] ) {
150
+ update_user_meta( $user_id, 'sabox-profile-image', esc_url_raw( $_POST['sabox-custom-image'] ) );
151
+ } else {
152
+ delete_user_meta( $user_id, 'sabox-profile-image' );
153
+ }
154
+
155
+ }
156
+
157
+ }
158
+
159
+ new Simple_Author_Box_User_Profile();
inc/class-simple-author-box.php CHANGED
@@ -1,286 +1,313 @@
1
- <?php
2
-
3
- /**
4
- *
5
- */
6
- class Simple_Author_Box {
7
-
8
- private static $instance = null;
9
- private $options;
10
-
11
- function __construct() {
12
-
13
- $this->options = get_option( 'saboxplugin_options', array() );
14
-
15
- $this->load_dependencies();
16
- $this->define_admin_hooks();
17
- $this->define_public_hooks();
18
-
19
- }
20
-
21
- public static function get_instance() {
22
- if ( is_null( self::$instance ) ) {
23
- self::$instance = new self();
24
- }
25
-
26
- return self::$instance;
27
- }
28
-
29
- private function load_dependencies() {
30
-
31
- require_once SIMPLE_AUTHOR_BOX_PATH . 'inc/class-simple-author-box-helper.php';
32
- require_once SIMPLE_AUTHOR_BOX_PATH . 'inc/functions.php';
33
-
34
- if ( is_admin() ) {
35
- require_once SIMPLE_AUTHOR_BOX_PATH . 'inc/class-simple-author-box-admin-page.php';
36
- require_once SIMPLE_AUTHOR_BOX_PATH . 'inc/class-simple-author-box-user-profile.php';
37
- }
38
- }
39
-
40
-
41
- private function define_admin_hooks() {
42
-
43
- if ( ! is_admin() ) {
44
- return;
45
- }
46
-
47
- add_action( 'admin_enqueue_scripts', array( $this, 'admin_style_and_scripts' ) );
48
- add_filter( 'user_contactmethods', array( $this, 'add_extra_fields' ) );
49
- add_filter( 'plugin_action_links_' . SIMPLE_AUTHOR_BOX_SLUG, array( $this, 'settings_link' ) );
50
- add_filter( 'get_avatar', array( $this, 'replace_gravatar_image' ), 10, 6 );
51
- }
52
-
53
-
54
- public function replace_gravatar_image( $avatar, $id_or_email, $size, $default, $alt, $args ) {
55
-
56
-
57
- $custom_profile_image = get_the_author_meta( 'sabox-profile-image', get_current_user_id() );
58
- $alt = get_the_author();
59
- $class = array( 'avatar', 'avatar-' . (int) $args['size'], 'photo' );
60
-
61
- if ( ! $args['found_avatar'] || $args['force_default'] ) {
62
- $class[] = 'avatar-default';
63
- }
64
-
65
- if ( $args['class'] ) {
66
- if ( is_array( $args['class'] ) ) {
67
- $class = array_merge( $class, $args['class'] );
68
- } else {
69
- $class[] = $args['class'];
70
- }
71
- }
72
-
73
- if ( $custom_profile_image !== '' && $args['force_default'] !== true ) {
74
-
75
- $avatar = sprintf(
76
- "<img alt='%s' src='%s' srcset='%s' class='%s' height='%d' width='%d' %s/>",
77
- esc_attr( $alt ),
78
- esc_url( $custom_profile_image ),
79
- esc_url( $custom_profile_image ) . ' 2x',
80
- esc_attr( join( ' ', $class ) ),
81
- (int) $args['height'],
82
- (int) $args['width'],
83
- $args['extra_attr']
84
- );
85
- }
86
-
87
- return $avatar;
88
- }
89
-
90
- private function define_public_hooks() {
91
-
92
- if ( ! isset( $this->options['sab_autoinsert'] ) ) {
93
- add_filter( 'the_content', 'wpsabox_author_box' );
94
- }
95
-
96
- add_action( 'wp_enqueue_scripts', array( $this, 'saboxplugin_author_box_style' ), 10 );
97
-
98
- if ( isset( $this->options['sab_footer_inline_style'] ) ) {
99
- add_action( 'wp_footer', array(
100
- $this,
101
- 'inline_style',
102
- ), 13 );
103
- } else {
104
- add_action( 'wp_head', array( $this, 'inline_style' ), 15 );
105
- }
106
-
107
- add_shortcode( 'simple-author-box', array( $this, 'shortcode' ) );
108
- add_filter( 'sabox_hide_social_icons', array( $this, 'show_social_media_icons' ), 10, 2 );
109
-
110
- }
111
-
112
- public function settings_link( $links ) {
113
- $settings_link = '<a href="' . admin_url( 'admin.php?page=simple-author-box-options' ) . '">' . __( 'Settings', 'saboxplugin' ) . '</a>';
114
- array_unshift( $links, $settings_link );
115
-
116
- return $links;
117
- }
118
-
119
- public function admin_style_and_scripts( $hook ) {
120
-
121
- $suffix = '.min';
122
- if ( SIMPLE_AUTHOR_SCRIPT_DEBUG ) {
123
- $suffix = '';
124
- }
125
-
126
- wp_enqueue_style( 'sabox-css', SIMPLE_AUTHOR_BOX_ASSETS . 'css/sabox.css' );
127
-
128
- if ( 'toplevel_page_simple-author-box-options' == $hook ) {
129
-
130
- // Styles
131
- wp_enqueue_style( 'wp-color-picker' );
132
- wp_enqueue_style( 'jquery-ui', SIMPLE_AUTHOR_BOX_ASSETS . 'css/jquery-ui.min.css' );
133
- wp_enqueue_style( 'saboxplugin-admin-style', SIMPLE_AUTHOR_BOX_ASSETS . 'css/sabox-admin-style' . $suffix . '.css' );
134
-
135
- // Scripts
136
- wp_enqueue_script( 'sabox-admin-js', SIMPLE_AUTHOR_BOX_ASSETS . 'js/sabox-admin.js', array(
137
- 'jquery-ui-slider',
138
- 'wp-color-picker',
139
- ), false, true );
140
- wp_enqueue_script( 'sabox-plugin-install', SIMPLE_AUTHOR_BOX_ASSETS . 'js/plugin-install.js', array(
141
- 'jquery',
142
- 'updates',
143
- ), '1.0.0', 'all' );
144
-
145
- } elseif ( 'profile.php' == $hook || 'user-edit.php' == $hook ) {
146
-
147
- wp_enqueue_style( 'saboxplugin-admin-style', SIMPLE_AUTHOR_BOX_ASSETS . 'css/sabox-admin-style' . $suffix . '.css' );
148
-
149
- wp_enqueue_media();
150
- wp_enqueue_editor();
151
- wp_enqueue_script( 'sabox-admin-editor-js', SIMPLE_AUTHOR_BOX_ASSETS . 'js/sabox-editor.js', array(), false, true );
152
- $sabox_js_helper = array();
153
- $social_icons = apply_filters( 'sabox_social_icons', Simple_Author_Box_Helper::$social_icons );
154
- unset( $social_icons['user_email'] );
155
- $sabox_js_helper['socialIcons'] = $social_icons;
156
-
157
- wp_localize_script( 'sabox-admin-editor-js', 'SABHerlper', $sabox_js_helper );
158
-
159
- }
160
-
161
- }
162
-
163
- public function add_extra_fields( $extra_fields ) {
164
-
165
- unset( $extra_fields['aim'] );
166
- unset( $extra_fields['jabber'] );
167
- unset( $extra_fields['yim'] );
168
-
169
- return $extra_fields;
170
-
171
- }
172
-
173
- /*----------------------------------------------------------------------------------------------------------
174
- Adding the author box main CSS
175
- -----------------------------------------------------------------------------------------------------------*/
176
- public function saboxplugin_author_box_style() {
177
-
178
- $suffix = '.min';
179
- if ( SIMPLE_AUTHOR_SCRIPT_DEBUG ) {
180
- $suffix = '';
181
- }
182
-
183
- $sab_protocol = is_ssl() ? 'https' : 'http';
184
- $sab_box_subset = get_option( 'sab_box_subset' );
185
-
186
-
187
- /**
188
- * Check for duplicate font families, remove duplicates & re-work the font enqueue procedure
189
- *
190
- * @since 2.0.4
191
- */
192
- if ( 'none' != strtolower( $sab_box_subset ) ) {
193
- $sab_subset = '&amp;subset=' . strtolower( $sab_box_subset );
194
- } else {
195
- $sab_subset = '&amp;subset=latin';
196
- }
197
-
198
- $sab_author_font = get_option( 'sab_box_name_font', 'None' );
199
- $sab_desc_font = get_option( 'sab_box_desc_font', 'None' );
200
- $sab_web_font = get_option( 'sab_box_web_font', 'None' );
201
-
202
- $google_fonts = array();
203
-
204
- if ( $sab_author_font && 'none' != strtolower( $sab_author_font ) ) {
205
- $google_fonts[] = str_replace( ' ', '+', esc_attr( $sab_author_font ) );
206
- }
207
-
208
- if ( $sab_desc_font && 'none' != strtolower( $sab_desc_font ) ) {
209
- $google_fonts[] = str_replace( ' ', '+', esc_attr( $sab_desc_font ) );
210
- }
211
-
212
- if ( isset( $this->options['sab_web'] ) && $sab_web_font && 'none' != strtolower( $sab_web_font ) ) {
213
- $google_fonts[] = str_replace( ' ', '+', esc_attr( $sab_web_font ) );
214
- }
215
-
216
- $google_fonts = apply_filters( 'sabox_google_fonts', $google_fonts );
217
-
218
- $google_fonts = array_unique( $google_fonts );
219
-
220
-
221
- if ( ! empty( $google_fonts ) ) { // let's check the array's not empty before actually loading; we want to avoid loading 'none' font-familes
222
- $final_google_fonts = array();
223
-
224
- foreach ( $google_fonts as $v ) {
225
- $final_google_fonts[] = $v . ':400,700,400italic,700italic';
226
- }
227
-
228
- wp_register_style( 'sab-font', $sab_protocol . '://fonts.googleapis.com/css?family=' . implode( '|', $final_google_fonts ) . $sab_subset, array(), null );
229
-
230
- }
231
- /**
232
- * end changes introduced in 2.0.4
233
- */
234
-
235
-
236
- if ( ! isset( $this->options['sab_load_fa'] ) ) {
237
- wp_register_style( 'font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' );
238
- }
239
-
240
- wp_register_style( 'sab-plugin', SIMPLE_AUTHOR_BOX_ASSETS . 'css/simple-author-box' . $suffix . '.css', false, SIMPLE_AUTHOR_BOX_VERSION );
241
-
242
- if ( ! is_single() and ! is_page() and ! is_author() and ! is_archive() ) {
243
- return;
244
- }
245
-
246
- if ( ! empty( $google_fonts ) ) {
247
- wp_enqueue_style( 'sab-font' );
248
- }
249
-
250
- if ( ! isset( $this->options['sab_load_fa'] ) ) {
251
- wp_enqueue_style( 'font-awesome' );
252
- }
253
-
254
- wp_enqueue_style( 'sab-plugin' );
255
-
256
- }
257
-
258
- public function inline_style() {
259
-
260
- if ( ! is_single() and ! is_page() and ! is_author() and ! is_archive() ) {
261
- return;
262
- }
263
-
264
- $style = '<style type="text/css">';
265
- $style .= Simple_Author_Box_Helper::generate_inline_css();
266
- $style .= '</style>';
267
-
268
- echo $style;
269
- }
270
-
271
- public function shortcode( $atts ) {
272
- $html = wpsabox_author_box();
273
-
274
- return $html;
275
- }
276
-
277
-
278
- public function show_social_media_icons( $return, $user ) {
279
- if ( in_array( 'sab-guest-author', (array) $user->roles ) ) {
280
- return false;
281
- }
282
-
283
- return true;
284
- }
285
-
286
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ /**
4
+ *
5
+ */
6
+ class Simple_Author_Box {
7
+
8
+ private static $instance = null;
9
+ private $options;
10
+
11
+ function __construct() {
12
+
13
+ $this->options = get_option( 'saboxplugin_options', array() );
14
+
15
+ $this->load_dependencies();
16
+ $this->define_admin_hooks();
17
+ $this->define_public_hooks();
18
+
19
+ }
20
+
21
+ public static function get_instance() {
22
+ if ( is_null( self::$instance ) ) {
23
+ self::$instance = new self();
24
+ }
25
+
26
+ return self::$instance;
27
+ }
28
+
29
+ private function load_dependencies() {
30
+
31
+ require_once SIMPLE_AUTHOR_BOX_PATH . 'inc/class-simple-author-box-helper.php';
32
+ require_once SIMPLE_AUTHOR_BOX_PATH . 'inc/functions.php';
33
+
34
+ if ( is_admin() ) {
35
+ require_once SIMPLE_AUTHOR_BOX_PATH . 'inc/class-simple-author-box-admin-page.php';
36
+ require_once SIMPLE_AUTHOR_BOX_PATH . 'inc/class-simple-author-box-user-profile.php';
37
+ }
38
+ }
39
+
40
+
41
+ private function define_admin_hooks() {
42
+
43
+ add_filter( 'get_avatar', array( $this, 'replace_gravatar_image' ), 10, 6 );
44
+
45
+ if ( ! is_admin() ) {
46
+ return;
47
+ }
48
+
49
+ add_action( 'admin_enqueue_scripts', array( $this, 'admin_style_and_scripts' ) );
50
+ add_filter( 'user_contactmethods', array( $this, 'add_extra_fields' ) );
51
+ add_filter( 'plugin_action_links_' . SIMPLE_AUTHOR_BOX_SLUG, array( $this, 'settings_link' ) );
52
+
53
+ }
54
+
55
+
56
+ public function replace_gravatar_image( $avatar, $id_or_email, $size, $default, $alt, $args ) {
57
+
58
+ // Process the user identifier.
59
+ $user = false;
60
+ if ( is_numeric( $id_or_email ) ) {
61
+ $user = get_user_by( 'id', absint( $id_or_email ) );
62
+ } elseif ( is_string( $id_or_email ) ) {
63
+
64
+ $user = get_user_by( 'email', $id_or_email );
65
+
66
+ } elseif ( $id_or_email instanceof WP_User ) {
67
+ // User Object
68
+ $user = $id_or_email;
69
+ } elseif ( $id_or_email instanceof WP_Post ) {
70
+ // Post Object
71
+ $user = get_user_by( 'id', (int) $id_or_email->post_author );
72
+ } elseif ( $id_or_email instanceof WP_Comment ) {
73
+
74
+ if ( ! empty( $id_or_email->user_id ) ) {
75
+ $user = get_user_by( 'id', (int) $id_or_email->user_id );
76
+ }
77
+
78
+ }
79
+
80
+ if ( ! $user || is_wp_error( $user ) ) {
81
+ return $avatar;
82
+ }
83
+
84
+
85
+ $custom_profile_image = get_user_meta( $user->ID, 'sabox-profile-image', true );
86
+ $class = array( 'avatar', 'avatar-' . (int) $args['size'], 'photo' );
87
+
88
+ if ( ! $args['found_avatar'] || $args['force_default'] ) {
89
+ $class[] = 'avatar-default';
90
+ }
91
+
92
+ if ( $args['class'] ) {
93
+ if ( is_array( $args['class'] ) ) {
94
+ $class = array_merge( $class, $args['class'] );
95
+ } else {
96
+ $class[] = $args['class'];
97
+ }
98
+ }
99
+
100
+ if ( $custom_profile_image !== '' && $args['force_default'] !== true ) {
101
+
102
+ $avatar = sprintf(
103
+ "<img alt='%s' src='%s' srcset='%s' class='%s' height='%d' width='%d' %s/>",
104
+ esc_attr( $args['alt'] ),
105
+ esc_url( $custom_profile_image ),
106
+ esc_url( $custom_profile_image ) . ' 2x',
107
+ esc_attr( join( ' ', $class ) ),
108
+ (int) $args['height'],
109
+ (int) $args['width'],
110
+ $args['extra_attr']
111
+ );
112
+ }
113
+
114
+ return $avatar;
115
+ }
116
+
117
+ private function define_public_hooks() {
118
+
119
+ if ( ! isset( $this->options['sab_autoinsert'] ) ) {
120
+ add_filter( 'the_content', 'wpsabox_author_box' );
121
+ }
122
+
123
+ add_action( 'wp_enqueue_scripts', array( $this, 'saboxplugin_author_box_style' ), 10 );
124
+
125
+ if ( isset( $this->options['sab_footer_inline_style'] ) ) {
126
+ add_action( 'wp_footer', array(
127
+ $this,
128
+ 'inline_style',
129
+ ), 13 );
130
+ } else {
131
+ add_action( 'wp_head', array( $this, 'inline_style' ), 15 );
132
+ }
133
+
134
+ add_shortcode( 'simple-author-box', array( $this, 'shortcode' ) );
135
+ add_filter( 'sabox_hide_social_icons', array( $this, 'show_social_media_icons' ), 10, 2 );
136
+
137
+ }
138
+
139
+ public function settings_link( $links ) {
140
+ $settings_link = '<a href="' . admin_url( 'admin.php?page=simple-author-box-options' ) . '">' . __( 'Settings', 'saboxplugin' ) . '</a>';
141
+ array_unshift( $links, $settings_link );
142
+
143
+ return $links;
144
+ }
145
+
146
+ public function admin_style_and_scripts( $hook ) {
147
+
148
+ $suffix = '.min';
149
+ if ( SIMPLE_AUTHOR_SCRIPT_DEBUG ) {
150
+ $suffix = '';
151
+ }
152
+
153
+ wp_enqueue_style( 'sabox-css', SIMPLE_AUTHOR_BOX_ASSETS . 'css/sabox.css' );
154
+
155
+ if ( 'toplevel_page_simple-author-box-options' == $hook ) {
156
+
157
+ // Styles
158
+ wp_enqueue_style( 'wp-color-picker' );
159
+ wp_enqueue_style( 'jquery-ui', SIMPLE_AUTHOR_BOX_ASSETS . 'css/jquery-ui.min.css' );
160
+ wp_enqueue_style( 'saboxplugin-admin-style', SIMPLE_AUTHOR_BOX_ASSETS . 'css/sabox-admin-style' . $suffix . '.css' );
161
+
162
+ // Scripts
163
+ wp_enqueue_script( 'sabox-admin-js', SIMPLE_AUTHOR_BOX_ASSETS . 'js/sabox-admin.js', array(
164
+ 'jquery-ui-slider',
165
+ 'wp-color-picker',
166
+ ), false, true );
167
+ wp_enqueue_script( 'sabox-plugin-install', SIMPLE_AUTHOR_BOX_ASSETS . 'js/plugin-install.js', array(
168
+ 'jquery',
169
+ 'updates',
170
+ ), '1.0.0', 'all' );
171
+
172
+ } elseif ( 'profile.php' == $hook || 'user-edit.php' == $hook ) {
173
+
174
+ wp_enqueue_style( 'saboxplugin-admin-style', SIMPLE_AUTHOR_BOX_ASSETS . 'css/sabox-admin-style' . $suffix . '.css' );
175
+
176
+ wp_enqueue_media();
177
+ wp_enqueue_editor();
178
+ wp_enqueue_script( 'sabox-admin-editor-js', SIMPLE_AUTHOR_BOX_ASSETS . 'js/sabox-editor.js', array(), false, true );
179
+ $sabox_js_helper = array();
180
+ $social_icons = apply_filters( 'sabox_social_icons', Simple_Author_Box_Helper::$social_icons );
181
+ unset( $social_icons['user_email'] );
182
+ $sabox_js_helper['socialIcons'] = $social_icons;
183
+
184
+ wp_localize_script( 'sabox-admin-editor-js', 'SABHerlper', $sabox_js_helper );
185
+
186
+ }
187
+
188
+ }
189
+
190
+ public function add_extra_fields( $extra_fields ) {
191
+
192
+ unset( $extra_fields['aim'] );
193
+ unset( $extra_fields['jabber'] );
194
+ unset( $extra_fields['yim'] );
195
+
196
+ return $extra_fields;
197
+
198
+ }
199
+
200
+ /*----------------------------------------------------------------------------------------------------------
201
+ Adding the author box main CSS
202
+ -----------------------------------------------------------------------------------------------------------*/
203
+ public function saboxplugin_author_box_style() {
204
+
205
+ $suffix = '.min';
206
+ if ( SIMPLE_AUTHOR_SCRIPT_DEBUG ) {
207
+ $suffix = '';
208
+ }
209
+
210
+ $sab_protocol = is_ssl() ? 'https' : 'http';
211
+ $sab_box_subset = get_option( 'sab_box_subset' );
212
+
213
+
214
+ /**
215
+ * Check for duplicate font families, remove duplicates & re-work the font enqueue procedure
216
+ *
217
+ * @since 2.0.4
218
+ */
219
+ if ( 'none' != strtolower( $sab_box_subset ) ) {
220
+ $sab_subset = '&amp;subset=' . strtolower( $sab_box_subset );
221
+ } else {
222
+ $sab_subset = '&amp;subset=latin';
223
+ }
224
+
225
+ $sab_author_font = get_option( 'sab_box_name_font', 'None' );
226
+ $sab_desc_font = get_option( 'sab_box_desc_font', 'None' );
227
+ $sab_web_font = get_option( 'sab_box_web_font', 'None' );
228
+
229
+ $google_fonts = array();
230
+
231
+ if ( $sab_author_font && 'none' != strtolower( $sab_author_font ) ) {
232
+ $google_fonts[] = str_replace( ' ', '+', esc_attr( $sab_author_font ) );
233
+ }
234
+
235
+ if ( $sab_desc_font && 'none' != strtolower( $sab_desc_font ) ) {
236
+ $google_fonts[] = str_replace( ' ', '+', esc_attr( $sab_desc_font ) );
237
+ }
238
+
239
+ if ( isset( $this->options['sab_web'] ) && $sab_web_font && 'none' != strtolower( $sab_web_font ) ) {
240
+ $google_fonts[] = str_replace( ' ', '+', esc_attr( $sab_web_font ) );
241
+ }
242
+
243
+ $google_fonts = apply_filters( 'sabox_google_fonts', $google_fonts );
244
+
245
+ $google_fonts = array_unique( $google_fonts );
246
+
247
+
248
+ if ( ! empty( $google_fonts ) ) { // let's check the array's not empty before actually loading; we want to avoid loading 'none' font-familes
249
+ $final_google_fonts = array();
250
+
251
+ foreach ( $google_fonts as $v ) {
252
+ $final_google_fonts[] = $v . ':400,700,400italic,700italic';
253
+ }
254
+
255
+ wp_register_style( 'sab-font', $sab_protocol . '://fonts.googleapis.com/css?family=' . implode( '|', $final_google_fonts ) . $sab_subset, array(), null );
256
+
257
+ }
258
+ /**
259
+ * end changes introduced in 2.0.4
260
+ */
261
+
262
+
263
+ if ( ! isset( $this->options['sab_load_fa'] ) ) {
264
+ wp_register_style( 'font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' );
265
+ }
266
+
267
+ wp_register_style( 'sab-plugin', SIMPLE_AUTHOR_BOX_ASSETS . 'css/simple-author-box' . $suffix . '.css', false, SIMPLE_AUTHOR_BOX_VERSION );
268
+
269
+ if ( ! is_single() and ! is_page() and ! is_author() and ! is_archive() ) {
270
+ return;
271
+ }
272
+
273
+ if ( ! empty( $google_fonts ) ) {
274
+ wp_enqueue_style( 'sab-font' );
275
+ }
276
+
277
+ if ( ! isset( $this->options['sab_load_fa'] ) ) {
278
+ wp_enqueue_style( 'font-awesome' );
279
+ }
280
+
281
+ wp_enqueue_style( 'sab-plugin' );
282
+
283
+ }
284
+
285
+ public function inline_style() {
286
+
287
+ if ( ! is_single() and ! is_page() and ! is_author() and ! is_archive() ) {
288
+ return;
289
+ }
290
+
291
+ $style = '<style type="text/css">';
292
+ $style .= Simple_Author_Box_Helper::generate_inline_css();
293
+ $style .= '</style>';
294
+
295
+ echo $style;
296
+ }
297
+
298
+ public function shortcode( $atts ) {
299
+ $html = wpsabox_author_box();
300
+
301
+ return $html;
302
+ }
303
+
304
+
305
+ public function show_social_media_icons( $return, $user ) {
306
+ if ( in_array( 'sab-guest-author', (array) $user->roles ) ) {
307
+ return false;
308
+ }
309
+
310
+ return true;
311
+ }
312
+
313
+ }
readme.txt CHANGED
@@ -3,7 +3,7 @@ Contributors: machothemes, silkalns
3
  Tags: author box, responsive author box, author profile fields, author social icons, profile fields, author bio, author description, author profile, user profile, post author, rtl author box
4
  Requires at least: 4.6
5
  Tested up to: 4.9
6
- Stable tag: 2.0.4
7
  License: GPLv3 or later
8
  License URI: http://www.gnu.org/licenses/gpl-3.0.html
9
 
@@ -33,6 +33,31 @@ We are a young team of WordPress aficionados who love building WordPress plugins
33
  4. Activate the plugin through the 'Plugins' menu in WordPress.
34
  5. A new sub menu item `Simple Author Box` will appear in your main Settings menu.
35
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
36
  == Screenshots ==
37
 
38
  1. Simple Author Box - Colored icons - squares
@@ -52,6 +77,9 @@ We are a young team of WordPress aficionados who love building WordPress plugins
52
 
53
  == Changelog ==
54
 
 
 
 
55
  = 2.0.4 =
56
  * Added Snapchat icon: https://github.com/MachoThemes/simple-author-box/issues/35
57
  * Fixed Shortcode issue: https://github.com/MachoThemes/simple-author-box/issues/33
@@ -65,7 +93,7 @@ We are a young team of WordPress aficionados who love building WordPress plugins
65
  * Fixes incompatibility with SiteOrigin PageBuilder (fixed in: 406f569dd1eaee54801e1b5359bf101a9e6fd1ea); thanks @AlexGStapleton)
66
  * There was a bug that prevented the following options: "Open author website link in a new tab" && "Add "nofollow" attribute on author website link" when the "show author website" option was toggled to ON. Now it's fixed - yay.
67
  * Fixes #50 (Replace all gravatar instances in wp-admin with SAB custom image)
68
- * Introduces new, simplified UI
69
  * Updated plugin GPL requirements
70
 
71
 
3
  Tags: author box, responsive author box, author profile fields, author social icons, profile fields, author bio, author description, author profile, user profile, post author, rtl author box
4
  Requires at least: 4.6
5
  Tested up to: 4.9
6
+ Stable tag: 2.0.5
7
  License: GPLv3 or later
8
  License URI: http://www.gnu.org/licenses/gpl-3.0.html
9
 
33
  4. Activate the plugin through the 'Plugins' menu in WordPress.
34
  5. A new sub menu item `Simple Author Box` will appear in your main Settings menu.
35
 
36
+ == Frequently Asked Questions ==
37
+
38
+ = Why does the author box not display on a page? =
39
+
40
+ The Simple Author Box plugin was designed to display the author information on posts, categories, tags, etc. The plugin does not work on pages – it was not designed for this, unfortunately. Adding the shortcode on a blog page will also not work because the plugin won’t have author information to display/will not know which author information to display. Adding the shortcode in a widget that is on a page is another instance when the SAB will not be displayed due to the same reasons. You can add it in a widget, but that widget has to be on a single post.
41
+
42
+ = Can I remove the SAB from WooCommerce/Category/Tags pages? Can I have only on posts? =
43
+
44
+ We are working on a feature for this.
45
+
46
+ = I have two author boxes. How can I hide one? =
47
+
48
+ The second author box might be a theme feature and you will need to turn it off from your theme’s options, or hide it with custom CSS.
49
+
50
+ = How can I get support? =
51
+
52
+ You can get free support either here on the support forums: <a href="https://wordpress.org/support/plugin/simple-author-box">https://wordpress.org/support/plugin/simple-author-box</a>
53
+ Or if you send us an email at <a href="mailto:support@machothemes.com">support@machothemes.com</a>
54
+
55
+ = How can I say thanks? =
56
+
57
+ You can say thank you by leaving us a review here: <a href="https://wordpress.org/support/plugin/simple-author-box/reviews/#new-post">https://wordpress.org/support/plugin/simple-author-box/reviews/#new-post</a>
58
+ Or you can give back by recommending this amazing plugin to your friends!
59
+
60
+
61
  == Screenshots ==
62
 
63
  1. Simple Author Box - Colored icons - squares
77
 
78
  == Changelog ==
79
 
80
+ = 2.0.5 =
81
+ * Fixed Profile Image of Admin Covers All User's Avatars : https://github.com/MachoThemes/simple-author-box/issues/58
82
+
83
  = 2.0.4 =
84
  * Added Snapchat icon: https://github.com/MachoThemes/simple-author-box/issues/35
85
  * Fixed Shortcode issue: https://github.com/MachoThemes/simple-author-box/issues/33
93
  * Fixes incompatibility with SiteOrigin PageBuilder (fixed in: 406f569dd1eaee54801e1b5359bf101a9e6fd1ea); thanks @AlexGStapleton)
94
  * There was a bug that prevented the following options: "Open author website link in a new tab" && "Add "nofollow" attribute on author website link" when the "show author website" option was toggled to ON. Now it's fixed - yay.
95
  * Fixes #50 (Replace all gravatar instances in wp-admin with SAB custom image)
96
+ * Introduces new, simplified UI
97
  * Updated plugin GPL requirements
98
 
99
 
simple-author-box.php CHANGED
@@ -1,42 +1,42 @@
1
- <?php
2
- /**
3
- * Plugin Name: Simple Author Box
4
- * Plugin URI: http://wordpress.org/plugins/simple-author-box/
5
- * Description: Adds a responsive author box with social icons on your posts.
6
- * Version: 2.0.4
7
- * Author: Macho Themes
8
- * Author URI: https://www.machothemes.com/
9
- * License: GPLv3
10
- */
11
-
12
- /* Copyright 2017 Machothemes (email : office [at] machothemes [dot] com)
13
-
14
- THIS PROGRAM IS FREE SOFTWARE; YOU CAN REDISTRIBUTE IT AND/OR MODIFY
15
- IT UNDER THE TERMS OF THE GNU GENERAL PUBLIC LICENSE AS PUBLISHED BY
16
- THE FREE SOFTWARE FOUNDATION; EITHER VERSION 2 OF THE LICENSE, OR
17
- (AT YOUR OPTION) ANY LATER VERSION.
18
-
19
- THIS PROGRAM IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
20
- BUT WITHOUT ANY WARRANTY; WITHOUT EVEN THE IMPLIED WARRANTY OF
21
- MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE. SEE THE
22
- GNU GENERAL PUBLIC LICENSE FOR MORE DETAILS.
23
-
24
- YOU SHOULD HAVE RECEIVED A COPY OF THE GNU GENERAL PUBLIC LICENSE
25
- ALONG WITH THIS PROGRAM; IF NOT, WRITE TO THE FREE SOFTWARE
26
- FOUNDATION, INC., 51 FRANKLIN ST, FIFTH FLOOR, BOSTON, MA 02110-1301 USA
27
-
28
- */
29
-
30
- define( 'SIMPLE_AUTHOR_BOX_PATH', plugin_dir_path( __FILE__ ) );
31
- define( 'SIMPLE_AUTHOR_BOX_ASSETS', plugins_url( '/assets/', __FILE__ ) );
32
- define( 'SIMPLE_AUTHOR_BOX_SLUG', plugin_basename( __FILE__ ) );
33
- define( 'SIMPLE_AUTHOR_BOX_VERSION', '2.0.4' );
34
- define( 'SIMPLE_AUTHOR_SCRIPT_DEBUG', false );
35
-
36
-
37
- require_once SIMPLE_AUTHOR_BOX_PATH . 'inc/class-simple-author-box.php';
38
- Simple_Author_Box::get_instance();
39
-
40
- // load the uninstall feedback class
41
- require_once 'inc/feedback/class-epsilon-feedback-sab.php';
42
  new Epsilon_Feedback_SAB( __FILE__ );
1
+ <?php
2
+ /**
3
+ * Plugin Name: Simple Author Box
4
+ * Plugin URI: http://wordpress.org/plugins/simple-author-box/
5
+ * Description: Adds a responsive author box with social icons on your posts.
6
+ * Version: 2.0.5
7
+ * Author: Macho Themes
8
+ * Author URI: https://www.machothemes.com/
9
+ * License: GPLv3
10
+ */
11
+
12
+ /* Copyright 2017 Machothemes (email : office [at] machothemes [dot] com)
13
+
14
+ THIS PROGRAM IS FREE SOFTWARE; YOU CAN REDISTRIBUTE IT AND/OR MODIFY
15
+ IT UNDER THE TERMS OF THE GNU GENERAL PUBLIC LICENSE AS PUBLISHED BY
16
+ THE FREE SOFTWARE FOUNDATION; EITHER VERSION 2 OF THE LICENSE, OR
17
+ (AT YOUR OPTION) ANY LATER VERSION.
18
+
19
+ THIS PROGRAM IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
20
+ BUT WITHOUT ANY WARRANTY; WITHOUT EVEN THE IMPLIED WARRANTY OF
21
+ MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE. SEE THE
22
+ GNU GENERAL PUBLIC LICENSE FOR MORE DETAILS.
23
+
24
+ YOU SHOULD HAVE RECEIVED A COPY OF THE GNU GENERAL PUBLIC LICENSE
25
+ ALONG WITH THIS PROGRAM; IF NOT, WRITE TO THE FREE SOFTWARE
26
+ FOUNDATION, INC., 51 FRANKLIN ST, FIFTH FLOOR, BOSTON, MA 02110-1301 USA
27
+
28
+ */
29
+
30
+ define( 'SIMPLE_AUTHOR_BOX_PATH', plugin_dir_path( __FILE__ ) );
31
+ define( 'SIMPLE_AUTHOR_BOX_ASSETS', plugins_url( '/assets/', __FILE__ ) );
32
+ define( 'SIMPLE_AUTHOR_BOX_SLUG', plugin_basename( __FILE__ ) );
33
+ define( 'SIMPLE_AUTHOR_BOX_VERSION', '2.0.5' );
34
+ define( 'SIMPLE_AUTHOR_SCRIPT_DEBUG', false );
35
+
36
+
37
+ require_once SIMPLE_AUTHOR_BOX_PATH . 'inc/class-simple-author-box.php';
38
+ Simple_Author_Box::get_instance();
39
+
40
+ // load the uninstall feedback class
41
+ require_once 'inc/feedback/class-epsilon-feedback-sab.php';
42
  new Epsilon_Feedback_SAB( __FILE__ );
template/template-sab.php CHANGED
@@ -1,120 +1,120 @@
1
- <?php
2
- if ( isset( $sabox_options['sab_colored'] ) ) {
3
- $sabox_color = 'sabox-colored';
4
- } else {
5
- $sabox_color = '';
6
- }
7
-
8
- if ( isset( $sabox_options['sab_web_position'] ) && '0' != $sabox_options['sab_web_position'] ) {
9
- $sab_web_align = 'sab-web-position';
10
- } else {
11
- $sab_web_align = '';
12
- }
13
-
14
- if ( isset( $sabox_options['sab_web_target'] ) ) {
15
- $sab_web_target = '_blank';
16
- } else {
17
- $sab_web_target = '_self';
18
- }
19
-
20
- if ( isset( $sabox_options['sab_web_rel'] ) ) {
21
- $sab_web_rel = 'rel="nofollow"';
22
- } else {
23
- $sab_web_rel = '';
24
- }
25
-
26
- $sab_author_link = sprintf( '<a href="%s">%s</a>', esc_url( get_author_posts_url( $sabox_author_id ) ), esc_html( get_the_author_meta( 'display_name', $sabox_author_id ) ) );
27
-
28
- if ( get_the_author_meta( 'description' ) != '' || ! isset( $sabox_options['sab_no_description'] ) ) { // hide the author box if no description is provided
29
-
30
-
31
- echo '<div class="saboxplugin-wrap">'; // start saboxplugin-wrap div
32
-
33
- // author box gravatar
34
- echo '<div class="saboxplugin-gravatar">';
35
- $custom_profile_image = get_the_author_meta( 'sabox-profile-image', $sabox_author_id );
36
- if ( '' != $custom_profile_image ) {
37
- echo '<img src="' . esc_url( $custom_profile_image ) . '">';
38
- } else {
39
- echo get_avatar( get_the_author_meta( 'user_email', $sabox_author_id ), '100' );
40
- }
41
-
42
- echo '</div>';
43
-
44
- // author box name
45
- echo '<div class="saboxplugin-authorname">';
46
- echo apply_filters( 'sabox_author_html', $sab_author_link, $sabox_options, $sabox_author_id );
47
- if ( is_user_logged_in() ) {
48
- echo '<a class="sab-profile-edit" target="_blank" href="' . get_edit_user_link() . '"> ' . __( 'Edit profile', 'saboxplugin' ) . '</a>';
49
- }
50
- echo '</div>';
51
-
52
-
53
- // author box description
54
- echo '<div class="saboxplugin-desc">';
55
- echo '<div class="vcard author"><div class="fn">';
56
- $description = get_the_author_meta( 'description', $sabox_author_id );
57
- $description = wptexturize( $description );
58
- $description = wpautop( $description );
59
- echo wp_kses_post( $description );
60
- echo '</div></div>';
61
- echo '</div>';
62
-
63
- if ( is_single() ) {
64
- if ( get_the_author_meta( 'user_url' ) != '' and isset( $sabox_options['sab_web'] ) ) { // author website on single
65
- echo '<div class="saboxplugin-web ' . esc_attr( $sab_web_align ) . '">';
66
- echo '<a href="' . esc_url( get_the_author_meta( 'user_url', $sabox_author_id ) ) . '" target="' . esc_attr( $sab_web_target ) . '" ' . esc_attr( $sab_web_rel ) . '>' . esc_html( get_the_author_meta( 'user_url', $sabox_author_id ) ) . '</a>';
67
- echo '</div>';
68
- }
69
- }
70
-
71
-
72
- if ( is_author() or is_archive() ) {
73
- if ( get_the_author_meta( 'user_url' ) != '' ) { // force show author website on author.php or archive.php
74
- echo '<div class="saboxplugin-web ' . esc_attr( $sab_web_align ) . '">';
75
- echo '<a href="' . esc_url( get_the_author_meta( 'user_url', $sabox_author_id ) ) . '" target="' . esc_attr( $sab_web_target ) . '" ' . esc_attr( $sab_web_rel ) . '>' . esc_html( get_the_author_meta( 'user_url', $sabox_author_id ) ) . '</a>';
76
- echo '</div>';
77
- }
78
- }
79
-
80
- // author box clearfix
81
- echo '<div class="clearfix"></div>';
82
-
83
- // author box social icons
84
- $author = get_userdata( $sabox_author_id );
85
- $show_social_icons = apply_filters( 'sabox_hide_social_icons', true, $author );
86
-
87
-
88
-
89
- if ( is_user_logged_in() ) {
90
- echo '<div class="sab-edit-settings">';
91
- echo '<a target="_blank" href="'.admin_url().'admin.php?page=simple-author-box-options">' . __( 'Settings', 'saboxplugin' ) . '<i class="dashicons dashicons-admin-settings"></i></a>';
92
- echo '</div>';
93
- }
94
-
95
-
96
- if ( ! isset( $sabox_options['sab_hide_socials'] ) && $show_social_icons ) { // hide social icons div option
97
- echo '<div class="saboxplugin-socials ' . esc_attr( $sabox_color ) . '">';
98
-
99
-
100
- $social_links = Simple_Author_Box_Helper::get_user_social_links( $sabox_author_id, true );
101
- foreach ( $social_links as $social_platform => $social_link ) {
102
-
103
- if ( 'user_email' == $social_platform ) {
104
- if ( ! isset( $sabox_options['sab_email'] ) ) {
105
- continue;
106
- } else {
107
- $social_link = 'mailto:' . antispambot( $social_link );
108
- }
109
- }
110
-
111
- if ( ! empty( $social_link ) ) {
112
- echo Simple_Author_Box_Helper::get_sabox_social_icon( $social_link, $social_platform );
113
- }
114
- }
115
-
116
-
117
- echo '</div>';
118
- } // end of social icons
119
- echo '</div>'; // end of saboxplugin-wrap div
120
- }
1
+ <?php
2
+ if ( isset( $sabox_options['sab_colored'] ) ) {
3
+ $sabox_color = 'sabox-colored';
4
+ } else {
5
+ $sabox_color = '';
6
+ }
7
+
8
+ if ( isset( $sabox_options['sab_web_position'] ) && '0' != $sabox_options['sab_web_position'] ) {
9
+ $sab_web_align = 'sab-web-position';
10
+ } else {
11
+ $sab_web_align = '';
12
+ }
13
+
14
+ if ( isset( $sabox_options['sab_web_target'] ) ) {
15
+ $sab_web_target = '_blank';
16
+ } else {
17
+ $sab_web_target = '_self';
18
+ }
19
+
20
+ if ( isset( $sabox_options['sab_web_rel'] ) ) {
21
+ $sab_web_rel = 'rel="nofollow"';
22
+ } else {
23
+ $sab_web_rel = '';
24
+ }
25
+
26
+ $sab_author_link = sprintf( '<a href="%s">%s</a>', esc_url( get_author_posts_url( $sabox_author_id ) ), esc_html( get_the_author_meta( 'display_name', $sabox_author_id ) ) );
27
+
28
+ if ( get_the_author_meta( 'description' ) != '' || ! isset( $sabox_options['sab_no_description'] ) ) { // hide the author box if no description is provided
29
+
30
+
31
+ echo '<div class="saboxplugin-wrap">'; // start saboxplugin-wrap div
32
+
33
+ // author box gravatar
34
+ echo '<div class="saboxplugin-gravatar">';
35
+ $custom_profile_image = get_the_author_meta( 'sabox-profile-image', $sabox_author_id );
36
+ if ( '' != $custom_profile_image ) {
37
+ echo '<img src="' . esc_url( $custom_profile_image ) . '">';
38
+ } else {
39
+ echo get_avatar( get_the_author_meta( 'user_email', $sabox_author_id ), '100' );
40
+ }
41
+
42
+ echo '</div>';
43
+
44
+ // author box name
45
+ echo '<div class="saboxplugin-authorname">';
46
+ echo apply_filters( 'sabox_author_html', $sab_author_link, $sabox_options, $sabox_author_id );
47
+ if ( is_user_logged_in() && $sabox_author_id == get_current_user_id() ) {
48
+ echo '<a class="sab-profile-edit" target="_blank" href="' . get_edit_user_link() . '"> ' . __( 'Edit profile', 'saboxplugin' ) . '</a>';
49
+ }
50
+ echo '</div>';
51
+
52
+
53
+ // author box description
54
+ echo '<div class="saboxplugin-desc">';
55
+ echo '<div class="vcard author"><div class="fn">';
56
+ $description = get_the_author_meta( 'description', $sabox_author_id );
57
+ $description = wptexturize( $description );
58
+ $description = wpautop( $description );
59
+ echo wp_kses_post( $description );
60
+ echo '</div></div>';
61
+ echo '</div>';
62
+
63
+ if ( is_single() ) {
64
+ if ( get_the_author_meta( 'user_url' ) != '' and isset( $sabox_options['sab_web'] ) ) { // author website on single
65
+ echo '<div class="saboxplugin-web ' . esc_attr( $sab_web_align ) . '">';
66
+ echo '<a href="' . esc_url( get_the_author_meta( 'user_url', $sabox_author_id ) ) . '" target="' . esc_attr( $sab_web_target ) . '" ' . esc_attr( $sab_web_rel ) . '>' . esc_html( get_the_author_meta( 'user_url', $sabox_author_id ) ) . '</a>';
67
+ echo '</div>';
68
+ }
69
+ }
70
+
71
+
72
+ if ( is_author() or is_archive() ) {
73
+ if ( get_the_author_meta( 'user_url' ) != '' ) { // force show author website on author.php or archive.php
74
+ echo '<div class="saboxplugin-web ' . esc_attr( $sab_web_align ) . '">';
75
+ echo '<a href="' . esc_url( get_the_author_meta( 'user_url', $sabox_author_id ) ) . '" target="' . esc_attr( $sab_web_target ) . '" ' . esc_attr( $sab_web_rel ) . '>' . esc_html( get_the_author_meta( 'user_url', $sabox_author_id ) ) . '</a>';
76
+ echo '</div>';
77
+ }
78
+ }
79
+
80
+ // author box clearfix
81
+ echo '<div class="clearfix"></div>';
82
+
83
+ // author box social icons
84
+ $author = get_userdata( $sabox_author_id );
85
+ $show_social_icons = apply_filters( 'sabox_hide_social_icons', true, $author );
86
+
87
+
88
+
89
+ if ( is_user_logged_in() && current_user_can( 'manage_options' ) ) {
90
+ echo '<div class="sab-edit-settings">';
91
+ echo '<a target="_blank" href="'.admin_url().'admin.php?page=simple-author-box-options">' . __( 'Settings', 'saboxplugin' ) . '<i class="dashicons dashicons-admin-settings"></i></a>';
92
+ echo '</div>';
93
+ }
94
+
95
+
96
+ if ( ! isset( $sabox_options['sab_hide_socials'] ) && $show_social_icons ) { // hide social icons div option
97
+ echo '<div class="saboxplugin-socials ' . esc_attr( $sabox_color ) . '">';
98
+
99
+
100
+ $social_links = Simple_Author_Box_Helper::get_user_social_links( $sabox_author_id, true );
101
+ foreach ( $social_links as $social_platform => $social_link ) {
102
+
103
+ if ( 'user_email' == $social_platform ) {
104
+ if ( ! isset( $sabox_options['sab_email'] ) ) {
105
+ continue;
106
+ } else {
107
+ $social_link = 'mailto:' . antispambot( $social_link );
108
+ }
109
+ }
110
+
111
+ if ( ! empty( $social_link ) ) {
112
+ echo Simple_Author_Box_Helper::get_sabox_social_icon( $social_link, $social_platform );
113
+ }
114
+ }
115
+
116
+
117
+ echo '</div>';
118
+ } // end of social icons
119
+ echo '</div>'; // end of saboxplugin-wrap div
120
+ }