WordPress.org

Plugin Directory


Ignore:
Timestamp:
04/22/13 06:15:29 (12 months ago)
Author:
celloexpressions
Message:

Move Admin CSS to external file

Location:
floating-social-media-links/trunk
Files:
1 added
1 edited

Legend:

Unmodified
Added
Removed
  • floating-social-media-links/trunk/floating-social-media-links.php

    r700670 r701393  
    172172    if( function_exists('wp_enqueue_media') ) { wp_enqueue_media(); } //wrap in function exists to prevent php fatal error for people on wp pre-3.5 
    173173    wp_enqueue_script('fsml-admin', plugins_url('/fsml-admin.js', __FILE__), array('wp-color-picker', 'jquery'), false, false); // won't enqueue pre-3.5, so pretty much can't use 3.4 with plugin anymore 
     174    wp_enqueue_style('fsml-admin', plugins_url('/fsml-admin.css', __FILE__)); 
    174175    if(wp_style_is('wp-color-picker', 'registered')){ 
    175176        wp_enqueue_style( 'wp-color-picker' ); 
     
    341342            }); 
    342343        </script> 
    343         <style type="text/css"> 
    344         /* CSS3 Transitions */ 
    345             a, li { 
    346                 transition: all ease .3s; 
    347                 -webkit-transition: all ease .3s; 
    348                 -ms-transition: all ease .3s; 
    349                 -moz-transition: all ease .3s; 
    350                 -o-transition: all ease .3s; 
    351             } 
    352             img { 
    353                 transition: all ease .5s; 
    354                 -webkit-transition: all ease .5s; 
    355                 -ms-transition: all ease .5s; 
    356                 -moz-transition: all ease .5s; 
    357                 -o-transition: all ease .5s; 
    358             } 
    359             input, textarea, button, label, option, select, .button, .hndle { 
    360                 transition: all ease .4s; 
    361                 -webkit-transition: all ease .4s; 
    362                 -ms-transition: all ease .4s; 
    363                 -moz-transition: all ease .4s; 
    364                 -o-transition: all ease .4s; 
    365             } 
    366             /* transitions mess these up in the WordPress Core */ 
    367             .wp-picker-holder a { 
    368                 transition: none; 
    369                 -webkit-transition: none; 
    370                 -ms-transition: none; 
    371                 -moz-transition: none; 
    372                 -o-transition: none; 
    373             } 
    374      
    375             #jstest { color: #f00; font-weight: bold; } 
    376             #fsmlsubpages { list-style-type: none; height: 32px; border-bottom: 1px solid #ababab; } 
    377             .fsmlnav { float: left; border: 1px solid #ababab;  margin: 0 5px; } 
    378             .fsmlnav h1 { font-size: 20px; padding: 2px 5px; line-height: 0; font-face: Arial, sans-serif; } 
    379             .fsmlnav:hover, .fsmlnav:active { color: #21759b; cursor: pointer; } 
    380             .fsmlcurrent { border-bottom: 1px solid #fff; color: #21759b; border-right: 1px solid #ababab; } 
    381             .fsmlac {width: 500px; padding: 10px; font-size: 20px; font-weight: bold; font-family: Arial, sans-serif; background-color: #ababab; color: #21759b; border: 1px solid #ababab; } 
    382             .fsmlac:hover {cursor: pointer; color: #11556b; border: 1px solid #eeeeee; } 
    383             .fsml_testimg {opacity: .6; filter:alpha(opacity=60); <?php if(fsml_897_getOption('borderradius') != 'none') { echo 'border-radius: 8px; '; }?>width: 50px; } .fsml_testimg:hover {opacity: 1; filter:alpha(opacity=100);} 
    384             .upload_image_button:hover { cursor: pointer; } 
    385             ::selection { background-color: #fff000; color: #000; text-shadow: none; } /*get rid of the ugly default blue, just for fun, and wordpress' text shadow (really???)*/ 
    386             a:hover { cursor: pointer; } 
    387             ul#themes-list { list-style-type: none; margin: 0; padding: 0; } 
    388             #themes-list li { width: 16%; padding: 0; margin: 0 .3%; float: left; max-width: 180px; } 
    389             #themes-list img { max-height: 150px; cursor: pointer; margin-bottom: 7px; } 
    390             .selected-theme { outline: 5px solid rgb(184, 216, 18); box-shadow: 6px 6px 4px #000; } 
    391             #themes-list img:hover { outline: 4px solid #fff000; } 
    392         </style> 
     344         
    393345        <!-- Display Plugin Header, then the subpage navigation tabs --> 
    394346        <h2>Floating Social Media Links Settings</h2><?php // wp messages hook into the page content's first <h2>, so I can't use h1 here, so I do a modified h1 for the nav... ?> 
     
    428380            <table class="form-table" id="fsml_general"> 
    429381                <!-- Activate the output? --> 
    430                 <tr valign="top"> 
     382                <tr> 
    431383                    <th scope="row"><h3><b>When should the frame be shown?</b></h3></th> 
    432384                    <td> 
    433385                        <label><input name="fsml_options[displaymethod]" type="radio" value="auto" <?php checked('auto', $options['displaymethod']); ?> /><b> On Every Page </b><span style="color:#666666;margin-left:9px;">(links will be shown on every page &mdash; make sure you set the links before choosing this option)</span></label><br /> 
    434386                        <label><input name="fsml_options[displaymethod]" type="radio" value="custom" <?php checked('custom', $options['displaymethod']); ?> /><b> On Customized Pages </b><span style="color:#666666;margin-left:9px;">(links will <i>NOT</i> be shown until you put the code in your theme's template files)</span></label> 
    435                         <p>Code to put in templates: <<code>?php floating_social_media_links() ?></code>. More information in the <a href="http://wordpress.org/extend/plugins/floating-social-media-links/faq/" target="_blank">FAQ</a>.</p> 
     387                        <p>Code to put in templates: <code>&lt;?php floating_social_media_links() ?&gt;</code>. More information in the <a href="http://wordpress.org/extend/plugins/floating-social-media-links/faq/" target="_blank">FAQ</a>.</p> 
    436388                        <label><input name="fsml_options[displaymethod]" type="radio" value="widgetbeta" <?php checked('widgetbeta', $options['displaymethod']); ?> /> Using the TEMPORARY FSML Contents with Widgets Plugin <span style="color:#666666;margin-left:9px;"><a href="http://celloexpressions.com/dev/floating-social-media-links/fsml-contents-widgets-temporary-plugin-information/" target="_blank"><i>learn more...</i></a></span></label> 
    437389                    </td> 
    438390                </tr> 
    439391                <!-- Allow Viewers to Hide? --> 
    440                 <tr valign="top" style="border-top:#ddd 1px solid;"> 
     392                <tr style="border-top:#ddd 1px solid;"> 
    441393                    <th scope="row">Allow site visitors to hide the frame?</th> 
    442394                    <td> 
     
    448400                </tr> 
    449401                <!-- Hideshow Animation --> 
    450                 <tr valign="top" id="hsanimation" <?php if($options['closeoption'] == 'no'){ echo 'style="display: none"'; }?>> 
     402                <tr id="hsanimation" <?php if($options['closeoption'] == 'no'){ echo 'style="display: none"'; }?>> 
    451403                    <th scope="row">Animation Showing/Hiding Frame</th> 
    452404                    <td> 
     
    457409                </tr> 
    458410                <!-- Expand Title --> 
    459                 <tr valign="top" id="expandtitle" <?php if($options['closeoption'] == 'no' || $options['closeoption'] == 'yesnoopen'){ echo 'style="display: none"'; }?>> 
     411                <tr id="expandtitle" <?php if($options['closeoption'] == 'no' || $options['closeoption'] == 'yesnoopen'){ echo 'style="display: none"'; }?>> 
    460412                    <th scope="row">"Show Frame" Icon Title</th> 
    461413                    <td><input type="text" size="15" name="fsml_options[expandtitle]" value="<?php echo $options['expandtitle']; ?>" /></td> 
    462414                </tr> 
    463415                <!--NOTICE--> 
    464                 <tr style="border-top:#ddd 1px solid;"><td colspan="2">In order for this plugin to function properly, your theme must include the <<code><?php echo '?php wp_head(); ?</code>> and <<code>?php wp_footer(); ?>'; ?></code> action hooks. If the floating frame is not present or displays incorrectly, please check for these in your theme template files. <a href="http://codex.wordpress.org/Function_Reference/wp_head" target="_blank">Read WordPress' documentation on the wp_head()</a> <a href="http://codex.wordpress.org/Function_Reference/wp_footer" target="_blank">and wp_footer() action hooks here.</a></td></tr> 
     416                <tr style="border-top:#ddd 1px solid;"><td colspan="2">In order for this plugin to function properly, your theme must include the <code>&lt;?php wp_head(); ?&gt;</code> and <code>&lt;?php wp_footer(); ?&gt;</code> action hooks. If the floating frame is not present or displays incorrectly, please check for these in your theme template files. <a href="http://codex.wordpress.org/Function_Reference/wp_head" target="_blank">Read WordPress' documentation on the wp_head()</a> <a href="http://codex.wordpress.org/Function_Reference/wp_footer" target="_blank">and wp_footer() action hooks here.</a></td></tr> 
    465417                <!-- advanced general options --> 
    466418                <tr><td colspan="2"><p id="showgenadvanced"><b><a>Show Advanced Options...</a></b></p></td></tr> 
    467419                <tr><td colspan="2"><p id="hidegenadvanced"><b><a>Hide Advanced Options</a></b></p></td></tr> 
    468                 <tr style="display:none;"><td><input type="hidden" name="fsml_options[genadvanced]" id="genadvanced" value="<?php echo $options['genadvanced']; ?>"/></td></tr> 
     420                <tr style="display:none;"><td colspan="2"><input type="hidden" name="fsml_options[genadvanced]" id="genadvanced" value="<?php echo $options['genadvanced']; ?>"/></td></tr> 
    469421                <!-- IE7 Fix --> 
    470                 <tr valign="top" style="border-top:#ddd 1px solid;" class="genadvanced"> 
     422                <tr style="border-top:#ddd 1px solid;" class="genadvanced"> 
    471423                    <th scope="row">IE7- Compatibility</th> 
    472424                    <td> 
    473425                        <label><input name="fsml_options[ie7fix]" type="checkbox" value="1" <?php if (isset($options['ie7fix'])) { checked('1', $options['ie7fix']); } ?> /> Check this if your site needs to be compatibile with Internet Explorer 7 and below.</label> 
    474                         <br />Please note that rounded corners are not available in IE8 or below. I strongly recommend requiring or at least recommending that your site's visitors use up-to-date browsers, try the <a href="http://wordpress.org/extend/plugins/browser-rejector/" target="_blank">Browser Rejector Wordpress Plugin</a> to do this easily. 
     426                        <br />Please note that effects such as shadows, opacity, and rounded corners are not available in IE8 or below. I strongly recommend requiring or at least recommending that your site's visitors use up-to-date browsers, try the <a href="http://wordpress.org/extend/plugins/browser-rejector/" target="_blank">Browser Rejector Wordpress Plugin</a> to do this easily. 
    475427                    </td> 
    476428                </tr> 
    477429                <!-- Hide for Small Windows/Devices --> 
    478                 <tr valign="top" class="genadvanced"> 
     430                <tr class="genadvanced"> 
    479431                    <th scope="row">Minimum Window/Screen Width</th> 
    480432                    <td> 
     
    483435                    </td> 
    484436                </tr> 
    485                 <tr valign="top" class="genadvanced" id="metaviewport" <?php if(!fsml_897_getOption('hidefromsmall')){ echo 'style="display:none;"'; } ?>> 
     437                <tr class="genadvanced" id="metaviewport" <?php if(!fsml_897_getOption('hidefromsmall')){ echo 'style="display:none;"'; } ?>> 
    486438                    <th scope="row">Enforce Minimum Width with Meta Viewport Tag</th> 
    487439                    <td> 
     
    490442                </tr> 
    491443                <!-- Enable Cookies --> 
    492                 <tr valign="top" class="genadvanced"> 
     444                <tr class="genadvanced"> 
    493445                    <th scope="row">Remember if Visitor Hides Frame?</th> 
    494446                    <td> 
     
    497449                </tr> 
    498450                <!-- Cookie Duration --> 
    499                 <tr valign="top" class="genadvanced" id="cookielength" <?php if(!fsml_897_getOption('usecookies')){ echo 'style="display:none;"'; } ?>> 
     451                <tr class="genadvanced" id="cookielength" <?php if(!fsml_897_getOption('usecookies')){ echo 'style="display:none;"'; } ?>> 
    500452                    <th scope="row">Cookie Length</th> 
    501453                    <td> 
     
    505457                </tr> 
    506458                <!-- reset settings? --> 
    507                 <tr valign="top" style="border-top:#dddddd 1px solid; display:none;"> 
     459                <tr style="border-top:#dddddd 1px solid; display:none;"> 
    508460                    <th scope="row">Advanced Database Options (primarily for debugging)</th> 
    509461                    <td> 
     
    725677                <tr><td colspan="2"><p><small>If you need pintrest, google+, linkedin, or flattr action buttons, link and button reordering, or want to preview coming features, you may want to try the <a href="http://celloexpressions.com/dev/floating-social-media-links/fsml-contents-widgets-temporary-plugin-information/" target="_blank">FSML Contents with Widgets TEMPORARY BETA Plugin</a>.</small></p></td></tr> 
    726678                <!-- Activate Like, etc. Buttons? --> 
    727                 <tr valign="top"> 
     679                <tr> 
    728680                    <th scope="row">Include:</th> 
    729681                    <td> 
     
    741693                    </td> 
    742694                </tr> 
    743                 <tr valign="top" id="fburltolike" <?php if(!fsml_897_getOption('fblike')) { echo 'style="display: none;"'; } ?>> 
     695                <tr id="fburltolike" <?php if(!fsml_897_getOption('fblike')) { echo 'style="display: none;"'; } ?>> 
    744696                    <th scope="row">URL to Like (Facebook)</th> 
    745697                    <td> 
     
    750702                <!-- Resize for Facebook is no longer necessary because of the plugin's custom implementation --> 
    751703                <!-- Facebook SDK is no longer necessary because of the plugin's custom implementation. No more load time pain! --> 
    752                 <tr valign="top"> 
     704                <tr> 
    753705                    <th scope="row">Show buttons:</th> 
    754706                    <td> 
     
    764716            <table class="form-table" id="fsml_appearance"> 
    765717                <!-- On the Left or Right? --> 
    766                 <tr valign="top" > 
     718                <tr > 
    767719                    <th scope="row">Frame Location</th> 
    768720                    <td> 
     
    771723                    </td> 
    772724                </tr> 
    773                 <tr valign="top" id="dynamicsize" <?php if($options['fixeddynamic'] != 'dynamic') { echo 'style="display: none;"'; } ?>> 
     725                <tr id="dynamicsize" <?php if($options['fixeddynamic'] != 'dynamic') { echo 'style="display: none;"'; } ?>> 
    774726                    <th scope="row">Choose Size (dynamic % width):<br /><br /><span style="color: #666666; margin-left: 10px">Note the % width of your site.</span></th> 
    775727                    <td> 
     
    780732                </tr> 
    781733                <!-- Size - only one set of options will be shown, based on fixed/dynamic width --> 
    782                 <tr valign="top" id="fixedsize" <?php if($options['fixeddynamic'] == 'dynamic') { echo 'style="display: none;"'; } ?>> 
     734                <tr id="fixedsize" <?php if($options['fixeddynamic'] == 'dynamic') { echo 'style="display: none;"'; } ?>> 
    783735                    <th scope="row">Choose Size (static width):<br /><br /><span style="color: #666666; margin-left: 10px">WARNING: not all sizes will display properly in all screen/window sizes</span></th> 
    784736                    <td> 
     
    792744                <tr><td colspan="2"><h3 id="showapadvanced"><a>Show More Format Options...</a></h3></td></tr> 
    793745                <tr><td colspan="2"><h3 id="hideapadvanced"><a>Hide Extended Format Options</a></h3></td></tr> 
    794                 <input type="hidden" name="fsml_options[apadvanced]" id="apadvanced" value="<?php echo $options['apadvanced']; ?>"/>  
     746                <tr style="display:none;"><td colspan="2"><input type="hidden" name="fsml_options[apadvanced]" id="apadvanced" value="<?php echo $options['apadvanced']; ?>"/></td></tr> 
    795747                <!-- Vertical Positioning --> 
    796                 <tr valign="top" style="border-top: 1px solid #999;" class="apadvanced"> 
     748                <tr style="border-top: 1px solid #999;" class="apadvanced"> 
    797749                    <th scope="row">Set Top Margin:<br /><span style="color: #666666; margin-left: 10px">(Distance from top of window to top of frame. Default 5% used if not set.)</span></th> 
    798750                    <td> 
     
    807759                </tr> 
    808760                <!-- Fixed or Dynamic Width? --> 
    809                 <tr valign="top" class="apadvanced"> 
     761                <tr class="apadvanced"> 
    810762                    <th scope="row">Static or Dynamic Width?<br /></th> 
    811763                    <td> 
     
    822774                </tr> 
    823775                <!-- Custom Z-index --> 
    824                 <tr valign="top" class="apadvanced"> 
     776                <tr class="apadvanced"> 
    825777                    <th scope="row">Custom Layering (CSS Z-Index)<br /><span style="color: #666666; margin-left: 10px">(determines which components of the page appear in front of or behind the floating frame; default: 9999)</span></th> 
    826778                    <td> 
     
    870822                 
    871823                <!-- ColorScheme --> 
    872                 <tr valign="top" class="dadvanced"> 
     824                <tr class="dadvanced"> 
    873825                    <th scope="row" style="border-top: 1px solid #999;" >Choose a Color Scheme:</th> 
    874826                    <td> 
     
    886838                    }?> 
    887839                    <!-- Background Color --> 
    888                     <tr valign="top" style="border-top: 1px solid #ddd;"> 
     840                    <tr style="border-top: 1px solid #ddd;"> 
    889841                        <th scope="row">Frame Background Color</th> 
    890842                        <td> 
     
    894846                     
    895847                    <!-- Border Color --> 
    896                     <tr valign="top" id="bordercolor" <?php if($options['fixeddynamic'] == 'dynamic' || $options['border'] == 'no') { echo 'style="display: none;"'; } ?>> 
     848                    <tr id="bordercolor" <?php if($options['fixeddynamic'] == 'dynamic' || $options['border'] == 'no') { echo 'style="display: none;"'; } ?>> 
    897849                        <th scope="row">Frame Border Color</th>  
    898850                        <td> 
     
    902854                     
    903855                    <!-- Box Shadow Color --> 
    904                     <tr valign="top" id="shadowcolor" <?php if($options['shadow'] == 'no') { echo 'style="display: none;"'; } ?>> 
     856                    <tr id="shadowcolor" <?php if($options['shadow'] == 'no') { echo 'style="display: none;"'; } ?>> 
    905857                        <th scope="row">Frame Shadow Color</th> 
    906858                        <td> 
     
    911863                     
    912864                    <!-- Show/hide color --> 
    913                     <tr valign="top"> 
     865                    <tr> 
    914866                        <th scope="row">Show/Hide Button Color<br /> 
    915867                            <small>(only shows if visitors have the option to hide, see General Options page)</small> 
     
    921873                    </tr> 
    922874                    <!-- Facebook Like Color Scheme --> 
    923                     <tr valign="top"> 
     875                    <tr> 
    924876                        <th scope="row">Facebook Like Button Color Scheme<br /> 
    925877                            <small>(only shows up if the facebook like button is activated in Buttons)</small> 
     
    934886 
    935887                <!-- Monochrome Icons --> 
    936                 <tr valign="top" class="dadvanced"> 
     888                <tr class="dadvanced"> 
    937889                    <th scope="row">Grayscale Icons</th> 
    938890                    <td> 
     
    941893                </tr> 
    942894                <!-- Frame Hover Effect --> 
    943                 <tr valign="top" style="border-top: 1px solid #ddd;" class="dadvanced"> 
     895                <tr style="border-top: 1px solid #ddd;" class="dadvanced"> 
    944896                    <th scope="row">Frame Hover/Mouseover Effect</th> 
    945897                    <td> 
     
    949901                </tr> 
    950902                <!-- Icon Hover Effect --> 
    951                 <tr valign="top" class="dadvanced"> 
     903                <tr class="dadvanced"> 
    952904                    <th scope="row">Icon Hover/Mouseover Effect</th> 
    953905                    <td> 
     
    958910                </tr> 
    959911                <!-- Border Radius --> 
    960                 <tr valign="top" class="dadvanced" style="border-top: 1px solid #ddd;"> 
     912                <tr class="dadvanced" style="border-top: 1px solid #ddd;"> 
    961913                    <th scope="row">Rounded Corners</th> 
    962914                    <td> 
     
    970922                </tr> 
    971923                <!-- Show Box Shadow? --> 
    972                 <tr valign="top" class="dadvanced"> 
     924                <tr class="dadvanced"> 
    973925                    <th scope="row">Show Frame Shadow?</th> 
    974926                    <td> 
     
    978930                </tr> 
    979931                <!-- Show Border? --> 
    980                 <tr valign="top" id="showborder" <?php if($options['fixeddynamic'] == 'dynamic'){ echo 'style="display: none;"'; } ?> class="dadvanced"> 
     932                <tr id="showborder" <?php if($options['fixeddynamic'] == 'dynamic'){ echo 'style="display: none;"'; } ?> class="dadvanced"> 
    981933                    <th scope="row">Show Border Around Frame?</th> 
    982934                    <td> 
     
    986938                </tr> 
    987939                <!-- Custom CSS --> 
    988                 <tr valign="top" class="dadvanced"> 
     940                <tr class="dadvanced"> 
    989941                    <th scope="row">Custom CSS</th> 
    990942                    <td> 
     
    14341386            <script> 
    14351387                function fsml_openfblike(){ 
    1436                     jQuery('#fsml_fblikeframe').attr('src','<?php echo 'http://www.facebook.com/plugins/like.php?href='.urlencode($thefacebookurltolike).'&layout=standard&width=280&show_faces=true&font=arial&colorscheme='.$fblikecolorcode.'&action=like&appId=123724601135059';?>'); // uses cello expressions app id 
     1388                    jQuery('#fsml_fblikeframe').attr('src','<?php echo 'http://www.facebook.com/plugins/like.php?href='.urlencode($thefacebookurltolike).'&amp;layout=standard&amp;width=280&amp;show_faces=true&amp;font=arial&amp;colorscheme='.$fblikecolorcode.'&amp;action=like&amp;appId=123724601135059';?>'); // uses cello expressions app id 
    14371389                    jQuery('#fsml_fblikeframe').load(function(){ 
    14381390                        jQuery('#fsml_fblikemodal').fadeIn(200); 
     
    14691421            <?php if(fsml_897_getOption('displaymethod') == 'widgetbeta'){ 
    14701422                //display links with the beta/new/temporary method using the wordpress appearance->widgets page to allow reordering, etc. 
    1471                 if ( ! dynamic_sidebar( 'Fsml Contents with Widgets TEMPORARY BETA' ) ) : ?> 
    1472                         Error: the FSML Contents with Widgets TEMPORARY BETA is not installed. 
    1473                     <?php endif; 
     1423                if ( ! dynamic_sidebar( 'Fsml Contents with Widgets TEMPORARY BETA' ) ) :  
     1424                        echo 'Error: the FSML Contents with Widgets TEMPORARY BETA is not installed.'; 
     1425                    endif; 
    14741426            } 
    14751427            else { 
    14761428            //display links with the standard method 
    1477             ?> 
    1478                 <?php //standard links 
     1429                //standard links 
    14791430                if (fsml_897_getOption('enablefacebook') && $thefacebookurl_897) { echo ('<a href="http://facebook.com/' . $thefacebookurl_897 . '" target="_blank" class="fsml_fflink"><img src="' . $fsmlbaseurl_897 . '/img/facebook.png" alt="Facebook Icon" title="' . $thefacebookurltitle_897 . '" class="fsml_fficon" /></a>'); } 
    14801431                if (fsml_897_getOption('likelocs') == 'bylinks') { echo $fblikecode; } 
Note: See TracChangeset for help on using the changeset viewer.