Version Description
- New: Add SlideShare. Thanks @mjiderhamn.
Download this release
Release Info
| Developer | pdclark |
| Plugin |  Menu Social Icons |
| Version | 1.3.10 |
| Comparing to | |
| See all releases | |
Code changes from version 1.3.8 to 1.3.10
- classes/msi-admin.php +72 -72
- classes/msi-bwp-compatibility.php +11 -11
- classes/msi-frontend.php +281 -280
- css/menu-social-icons-admin.css +45 -45
- font-awesome-test.html +266 -266
- js/menu-social-icons-admin.js +194 -194
- plugin.php +4 -4
- readme.txt +19 -14
classes/msi-admin.php
CHANGED
|
@@ -1,73 +1,73 @@
|
|
| 1 |
-
<?php
|
| 2 |
-
|
| 3 |
-
class MSI_Admin {
|
| 4 |
-
/**
|
| 5 |
-
* @var Storm_Menu_Social_Icons Instance of the class.
|
| 6 |
-
*/
|
| 7 |
-
private static $instance = false;
|
| 8 |
-
|
| 9 |
-
/**
|
| 10 |
-
* Don't use this. Use ::get_instance() instead.
|
| 11 |
-
*/
|
| 12 |
-
public function __construct() {
|
| 13 |
-
if ( !self::$instance ) {
|
| 14 |
-
$message = '<code>' . __CLASS__ . '</code> is a singleton.<br/> Please get an instantiate it with <code>' . __CLASS__ . '::get_instance();</code>';
|
| 15 |
-
wp_die( $message );
|
| 16 |
-
}
|
| 17 |
-
}
|
| 18 |
-
|
| 19 |
-
public static function get_instance() {
|
| 20 |
-
if ( !is_a( self::$instance, __CLASS__ ) ) {
|
| 21 |
-
self::$instance = true;
|
| 22 |
-
self::$instance = new self();
|
| 23 |
-
self::$instance->init();
|
| 24 |
-
}
|
| 25 |
-
return self::$instance;
|
| 26 |
-
}
|
| 27 |
-
|
| 28 |
-
/**
|
| 29 |
-
* Initial setup. Called by get_instance.
|
| 30 |
-
*/
|
| 31 |
-
protected function init() {
|
| 32 |
-
|
| 33 |
-
add_action( 'admin_enqueue_scripts', array( $this, 'admin_enqueue_scripts' ) );
|
| 34 |
-
|
| 35 |
-
}
|
| 36 |
-
|
| 37 |
-
public function admin_enqueue_scripts( $page ) {
|
| 38 |
-
|
| 39 |
-
if ( 'nav-menus.php' == $page ) {
|
| 40 |
-
$msi_frontend = MSI_Frontend::get_instance();
|
| 41 |
-
|
| 42 |
-
$msi_frontend->wp_enqueue_scripts();
|
| 43 |
-
|
| 44 |
-
wp_enqueue_script( 'menu-social-icons-admin', plugins_url( 'js/menu-social-icons-admin.js', MSI_PLUGIN_FILE ), array( 'jquery' ), MSI_VERSION, true );
|
| 45 |
-
wp_enqueue_style( 'menu-social-icons-admin', plugins_url( 'css/menu-social-icons-admin.css', MSI_PLUGIN_FILE ), array(), MSI_VERSION );
|
| 46 |
-
|
| 47 |
-
wp_localize_script( 'menu-social-icons-admin', 'MenuSocialIconsNetworks', $this->get_networks() );
|
| 48 |
-
}
|
| 49 |
-
|
| 50 |
-
}
|
| 51 |
-
|
| 52 |
-
/**
|
| 53 |
-
* Get networks array to pass to javascript
|
| 54 |
-
* Set icon-sign values as icon values if icon-sign in use.
|
| 55 |
-
* Strip remaining icon-sign values
|
| 56 |
-
*/
|
| 57 |
-
public function get_networks() {
|
| 58 |
-
$msi_frontend = MSI_Frontend::get_instance();
|
| 59 |
-
|
| 60 |
-
$networks = $msi_frontend->networks;
|
| 61 |
-
|
| 62 |
-
foreach ( $networks as &$network ) {
|
| 63 |
-
if ( 'icon-sign' == $msi_frontend->type ) {
|
| 64 |
-
$network['icon'] = $network['icon-sign'];
|
| 65 |
-
}
|
| 66 |
-
unset( $network['icon-sign'] );
|
| 67 |
-
}
|
| 68 |
-
|
| 69 |
-
return $networks;
|
| 70 |
-
}
|
| 71 |
-
|
| 72 |
-
|
| 73 |
}
|
| 1 |
+
<?php
|
| 2 |
+
|
| 3 |
+
class MSI_Admin {
|
| 4 |
+
/**
|
| 5 |
+
* @var Storm_Menu_Social_Icons Instance of the class.
|
| 6 |
+
*/
|
| 7 |
+
private static $instance = false;
|
| 8 |
+
|
| 9 |
+
/**
|
| 10 |
+
* Don't use this. Use ::get_instance() instead.
|
| 11 |
+
*/
|
| 12 |
+
public function __construct() {
|
| 13 |
+
if ( !self::$instance ) {
|
| 14 |
+
$message = '<code>' . __CLASS__ . '</code> is a singleton.<br/> Please get an instantiate it with <code>' . __CLASS__ . '::get_instance();</code>';
|
| 15 |
+
wp_die( $message );
|
| 16 |
+
}
|
| 17 |
+
}
|
| 18 |
+
|
| 19 |
+
public static function get_instance() {
|
| 20 |
+
if ( !is_a( self::$instance, __CLASS__ ) ) {
|
| 21 |
+
self::$instance = true;
|
| 22 |
+
self::$instance = new self();
|
| 23 |
+
self::$instance->init();
|
| 24 |
+
}
|
| 25 |
+
return self::$instance;
|
| 26 |
+
}
|
| 27 |
+
|
| 28 |
+
/**
|
| 29 |
+
* Initial setup. Called by get_instance.
|
| 30 |
+
*/
|
| 31 |
+
protected function init() {
|
| 32 |
+
|
| 33 |
+
add_action( 'admin_enqueue_scripts', array( $this, 'admin_enqueue_scripts' ) );
|
| 34 |
+
|
| 35 |
+
}
|
| 36 |
+
|
| 37 |
+
public function admin_enqueue_scripts( $page ) {
|
| 38 |
+
|
| 39 |
+
if ( 'nav-menus.php' == $page ) {
|
| 40 |
+
$msi_frontend = MSI_Frontend::get_instance();
|
| 41 |
+
|
| 42 |
+
$msi_frontend->wp_enqueue_scripts();
|
| 43 |
+
|
| 44 |
+
wp_enqueue_script( 'menu-social-icons-admin', plugins_url( 'js/menu-social-icons-admin.js', MSI_PLUGIN_FILE ), array( 'jquery' ), MSI_VERSION, true );
|
| 45 |
+
wp_enqueue_style( 'menu-social-icons-admin', plugins_url( 'css/menu-social-icons-admin.css', MSI_PLUGIN_FILE ), array(), MSI_VERSION );
|
| 46 |
+
|
| 47 |
+
wp_localize_script( 'menu-social-icons-admin', 'MenuSocialIconsNetworks', $this->get_networks() );
|
| 48 |
+
}
|
| 49 |
+
|
| 50 |
+
}
|
| 51 |
+
|
| 52 |
+
/**
|
| 53 |
+
* Get networks array to pass to javascript
|
| 54 |
+
* Set icon-sign values as icon values if icon-sign in use.
|
| 55 |
+
* Strip remaining icon-sign values
|
| 56 |
+
*/
|
| 57 |
+
public function get_networks() {
|
| 58 |
+
$msi_frontend = MSI_Frontend::get_instance();
|
| 59 |
+
|
| 60 |
+
$networks = $msi_frontend->networks;
|
| 61 |
+
|
| 62 |
+
foreach ( $networks as &$network ) {
|
| 63 |
+
if ( 'icon-sign' == $msi_frontend->type ) {
|
| 64 |
+
$network['icon'] = $network['icon-sign'];
|
| 65 |
+
}
|
| 66 |
+
unset( $network['icon-sign'] );
|
| 67 |
+
}
|
| 68 |
+
|
| 69 |
+
return $networks;
|
| 70 |
+
}
|
| 71 |
+
|
| 72 |
+
|
| 73 |
}
|
classes/msi-bwp-compatibility.php
CHANGED
|
@@ -1,12 +1,12 @@
|
|
| 1 |
-
<?php
|
| 2 |
-
/**
|
| 3 |
-
* Better WordPress Minify fails to recognize URLs starting with "//"
|
| 4 |
-
* Force BWP to ignore NetDNA-hosted fontawesome scripts.
|
| 5 |
-
*
|
| 6 |
-
* @see http://wordpress.org/plugins/bwp-minify/
|
| 7 |
-
*/
|
| 8 |
-
function msi_bwp_dont_minify_fontawesome($excluded) {
|
| 9 |
-
$excluded = array('fontawesome', 'fontawesome-ie');
|
| 10 |
-
return $excluded;
|
| 11 |
-
}
|
| 12 |
add_filter('bwp_minify_style_ignore', 'msi_bwp_dont_minify_fontawesome');
|
| 1 |
+
<?php
|
| 2 |
+
/**
|
| 3 |
+
* Better WordPress Minify fails to recognize URLs starting with "//"
|
| 4 |
+
* Force BWP to ignore NetDNA-hosted fontawesome scripts.
|
| 5 |
+
*
|
| 6 |
+
* @see http://wordpress.org/plugins/bwp-minify/
|
| 7 |
+
*/
|
| 8 |
+
function msi_bwp_dont_minify_fontawesome($excluded) {
|
| 9 |
+
$excluded = array('fontawesome', 'fontawesome-ie');
|
| 10 |
+
return $excluded;
|
| 11 |
+
}
|
| 12 |
add_filter('bwp_minify_style_ignore', 'msi_bwp_dont_minify_fontawesome');
|
classes/msi-frontend.php
CHANGED
|
@@ -1,281 +1,282 @@
|
|
| 1 |
-
<?php
|
| 2 |
-
|
| 3 |
-
class MSI_Frontend {
|
| 4 |
-
|
| 5 |
-
/**
|
| 6 |
-
* Should we hide the original menu text, or put the icon before it?
|
| 7 |
-
* Override with storm_social_icons_hide_text filter
|
| 8 |
-
*
|
| 9 |
-
* @var bool
|
| 10 |
-
*/
|
| 11 |
-
var $hide_text = true;
|
| 12 |
-
|
| 13 |
-
/**
|
| 14 |
-
* Contains 3.2.1 FontAwesome icons only. See $networks_latest for additional 4.0 icons.
|
| 15 |
-
* @var array links social site URLs with CSS classes for icons
|
| 16 |
-
*/
|
| 17 |
-
var $networks = array(
|
| 18 |
-
'bitbucket.org' => array( 'name' => 'Bitbucket', 'class' => 'bitbucket', 'icon' => 'icon-bitbucket', 'icon-sign' => 'icon-bitbucket-sign' ),
|
| 19 |
-
'dribbble.com' => array( 'name' => 'Dribbble', 'class' => 'dribbble', 'icon' => 'icon-dribbble', 'icon-sign' => 'icon-dribbble' ),
|
| 20 |
-
'dropbox.com' => array( 'name' => 'Dropbox', 'class' => 'dropbox', 'icon' => 'icon-dropbox', 'icon-sign' => 'icon-dropbox' ),
|
| 21 |
-
'facebook.com' => array( 'name' => 'Facebook', 'class' => 'facebook', 'icon' => 'icon-facebook', 'icon-sign' => 'icon-facebook-sign' ),
|
| 22 |
-
'flickr.com' => array( 'name' => 'Flickr', 'class' => 'flickr', 'icon' => 'icon-flickr', 'icon-sign' => 'icon-flickr' ),
|
| 23 |
-
'foursquare.com' => array( 'name' => 'Foursquare', 'class' => 'foursquare', 'icon' => 'icon-foursquare', 'icon-sign' => 'icon-foursquare' ),
|
| 24 |
-
'github.com' => array( 'name' => 'Github', 'class' => 'github', 'icon' => 'icon-github', 'icon-sign' => 'icon-github-sign' ),
|
| 25 |
-
'gittip.com' => array( 'name' => 'GitTip', 'class' => 'gittip', 'icon' => 'icon-gittip', 'icon-sign' => 'icon-gittip' ),
|
| 26 |
-
'instagr.am' => array( 'name' => 'Instagram', 'class' => 'instagram', 'icon' => 'icon-instagram', 'icon-sign' => 'icon-instagram' ),
|
| 27 |
-
'instagram.com' => array( 'name' => 'Instagram', 'class' => 'instagram', 'icon' => 'icon-instagram', 'icon-sign' => 'icon-instagram' ),
|
| 28 |
-
'linkedin.com' => array( 'name' => 'LinkedIn', 'class' => 'linkedin', 'icon' => 'icon-linkedin', 'icon-sign' => 'icon-linkedin-sign' ),
|
| 29 |
-
'mailto:' => array( 'name' => 'Email', 'class' => 'envelope', 'icon' => 'icon-envelope', 'icon-sign' => 'icon-envelope-alt' ),
|
| 30 |
-
'pinterest.com' => array( 'name' => 'Pinterest', 'class' => 'pinterest', 'icon' => 'icon-pinterest', 'icon-sign' => 'icon-pinterest-sign' ),
|
| 31 |
-
'plus.google.com' => array( 'name' => 'Google+', 'class' => 'google-plus', 'icon' => 'icon-google-plus', 'icon-sign' => 'icon-google-plus-sign' ),
|
| 32 |
-
'renren.com' => array( 'name' => 'RenRen', 'class' => 'renren', 'icon' => 'icon-renren', 'icon-sign' => 'icon-renren' ),
|
| 33 |
-
'stackoverflow.com' => array( 'name' => 'Stack Exchange', 'class' => 'stackexchange', 'icon' => 'icon-stackexchange', 'icon-sign' => 'icon-stackexchange' ),
|
| 34 |
-
'trello.com' => array( 'name' => 'Trello', 'class' => 'trello', 'icon' => 'icon-trello', 'icon-sign' => 'icon-trello' ),
|
| 35 |
-
'tumblr.com' => array( 'name' => 'Tumblr', 'class' => 'tumblr', 'icon' => 'icon-tumblr', 'icon-sign' => 'icon-tumblr' ),
|
| 36 |
-
'twitter.com' => array( 'name' => 'Twitter', 'class' => 'twitter', 'icon' => 'icon-twitter', 'icon-sign' => 'icon-twitter-sign' ),
|
| 37 |
-
'vk.com' => array( 'name' => 'VK', 'class' => 'vk', 'icon' => 'icon-vk', 'icon-sign' => 'icon-vk' ),
|
| 38 |
-
'weibo.com' => array( 'name' => 'Weibo', 'class' => 'weibo', 'icon' => 'icon-weibo', 'icon-sign' => 'icon-weibo' ),
|
| 39 |
-
'xing.com' => array( 'name' => 'Xing', 'class' => 'xing', 'icon' => 'icon-xing', 'icon-sign' => 'icon-xing' ),
|
| 40 |
-
'youtu.be' => array( 'name' => 'YouTube', 'class' => 'youtube', 'icon' => 'icon-youtube', 'icon-sign' => 'icon-youtube-sign' ),
|
| 41 |
-
'youtube.com' => array( 'name' => 'YouTube', 'class' => 'youtube', 'icon' => 'icon-youtube', 'icon-sign' => 'icon-youtube-sign' ),
|
| 42 |
-
);
|
| 43 |
-
|
| 44 |
-
/**
|
| 45 |
-
* Contains 4.0+ FontAwesome icons only.
|
| 46 |
-
* @var array links social site URLs with CSS classes for icons
|
| 47 |
-
*/
|
| 48 |
-
var $networks_latest = array(
|
| 49 |
-
'
|
| 50 |
-
'
|
| 51 |
-
'
|
| 52 |
-
'
|
| 53 |
-
|
| 54 |
-
|
| 55 |
-
|
| 56 |
-
|
| 57 |
-
|
| 58 |
-
|
| 59 |
-
|
| 60 |
-
|
| 61 |
-
|
| 62 |
-
*
|
| 63 |
-
|
| 64 |
-
|
| 65 |
-
|
| 66 |
-
'
|
| 67 |
-
'
|
| 68 |
-
'
|
| 69 |
-
'
|
| 70 |
-
'
|
| 71 |
-
|
| 72 |
-
|
| 73 |
-
|
| 74 |
-
|
| 75 |
-
*
|
| 76 |
-
|
| 77 |
-
|
| 78 |
-
|
| 79 |
-
'
|
| 80 |
-
'
|
| 81 |
-
'
|
| 82 |
-
'
|
| 83 |
-
|
| 84 |
-
|
| 85 |
-
|
| 86 |
-
|
| 87 |
-
*
|
| 88 |
-
*
|
| 89 |
-
*
|
| 90 |
-
|
| 91 |
-
|
| 92 |
-
|
| 93 |
-
|
| 94 |
-
|
| 95 |
-
*
|
| 96 |
-
*
|
| 97 |
-
*
|
| 98 |
-
|
| 99 |
-
|
| 100 |
-
|
| 101 |
-
|
| 102 |
-
|
| 103 |
-
|
| 104 |
-
|
| 105 |
-
|
| 106 |
-
|
| 107 |
-
|
| 108 |
-
|
| 109 |
-
|
| 110 |
-
|
| 111 |
-
|
| 112 |
-
|
| 113 |
-
|
| 114 |
-
|
| 115 |
-
|
| 116 |
-
|
| 117 |
-
|
| 118 |
-
|
| 119 |
-
|
| 120 |
-
|
| 121 |
-
|
| 122 |
-
|
| 123 |
-
|
| 124 |
-
self::$instance =
|
| 125 |
-
self::$instance
|
| 126 |
-
|
| 127 |
-
|
| 128 |
-
|
| 129 |
-
|
| 130 |
-
|
| 131 |
-
|
| 132 |
-
|
| 133 |
-
|
| 134 |
-
|
| 135 |
-
|
| 136 |
-
|
| 137 |
-
|
| 138 |
-
|
| 139 |
-
|
| 140 |
-
|
| 141 |
-
|
| 142 |
-
|
| 143 |
-
$this->
|
| 144 |
-
$this->
|
| 145 |
-
$this->
|
| 146 |
-
|
| 147 |
-
|
| 148 |
-
add_action( '
|
| 149 |
-
|
| 150 |
-
|
| 151 |
-
|
| 152 |
-
|
| 153 |
-
|
| 154 |
-
|
| 155 |
-
|
| 156 |
-
|
| 157 |
-
|
| 158 |
-
|
| 159 |
-
|
| 160 |
-
*
|
| 161 |
-
|
| 162 |
-
|
| 163 |
-
|
| 164 |
-
|
| 165 |
-
|
| 166 |
-
|
| 167 |
-
|
| 168 |
-
|
| 169 |
-
|
| 170 |
-
|
| 171 |
-
|
| 172 |
-
|
| 173 |
-
|
| 174 |
-
wp_enqueue_style( 'fontawesome
|
| 175 |
-
|
| 176 |
-
|
| 177 |
-
|
| 178 |
-
|
| 179 |
-
|
| 180 |
-
|
| 181 |
-
|
| 182 |
-
|
| 183 |
-
|
| 184 |
-
|
| 185 |
-
*
|
| 186 |
-
|
| 187 |
-
|
| 188 |
-
|
| 189 |
-
|
| 190 |
-
|
| 191 |
-
|
| 192 |
-
.
|
| 193 |
-
.fa-
|
| 194 |
-
|
| 195 |
-
|
| 196 |
-
|
| 197 |
-
|
| 198 |
-
|
| 199 |
-
|
| 200 |
-
|
| 201 |
-
|
| 202 |
-
|
| 203 |
-
|
| 204 |
-
|
| 205 |
-
|
| 206 |
-
|
| 207 |
-
$
|
| 208 |
-
$
|
| 209 |
-
|
| 210 |
-
|
| 211 |
-
|
| 212 |
-
|
| 213 |
-
|
| 214 |
-
|
| 215 |
-
|
| 216 |
-
|
| 217 |
-
|
| 218 |
-
|
| 219 |
-
|
| 220 |
-
|
| 221 |
-
|
| 222 |
-
|
| 223 |
-
|
| 224 |
-
|
| 225 |
-
|
| 226 |
-
|
| 227 |
-
|
| 228 |
-
|
| 229 |
-
|
| 230 |
-
|
| 231 |
-
$item->classes[] = $
|
| 232 |
-
|
| 233 |
-
|
| 234 |
-
|
| 235 |
-
$
|
| 236 |
-
|
| 237 |
-
|
| 238 |
-
|
| 239 |
-
|
| 240 |
-
|
| 241 |
-
|
| 242 |
-
|
| 243 |
-
|
| 244 |
-
|
| 245 |
-
|
| 246 |
-
|
| 247 |
-
|
| 248 |
-
|
| 249 |
-
*
|
| 250 |
-
*
|
| 251 |
-
* @
|
| 252 |
-
|
| 253 |
-
|
| 254 |
-
|
| 255 |
-
|
| 256 |
-
|
| 257 |
-
$values['icon
|
| 258 |
-
$values['icon-sign'] = str_replace( '-
|
| 259 |
-
|
| 260 |
-
|
| 261 |
-
|
| 262 |
-
|
| 263 |
-
|
| 264 |
-
|
| 265 |
-
|
| 266 |
-
|
| 267 |
-
|
| 268 |
-
|
| 269 |
-
|
| 270 |
-
|
| 271 |
-
|
| 272 |
-
|
| 273 |
-
|
| 274 |
-
|
| 275 |
-
|
| 276 |
-
|
| 277 |
-
|
| 278 |
-
|
| 279 |
-
|
| 280 |
-
|
|
|
|
| 281 |
}
|
| 1 |
+
<?php
|
| 2 |
+
|
| 3 |
+
class MSI_Frontend {
|
| 4 |
+
|
| 5 |
+
/**
|
| 6 |
+
* Should we hide the original menu text, or put the icon before it?
|
| 7 |
+
* Override with storm_social_icons_hide_text filter
|
| 8 |
+
*
|
| 9 |
+
* @var bool
|
| 10 |
+
*/
|
| 11 |
+
var $hide_text = true;
|
| 12 |
+
|
| 13 |
+
/**
|
| 14 |
+
* Contains 3.2.1 FontAwesome icons only. See $networks_latest for additional 4.0 icons.
|
| 15 |
+
* @var array links social site URLs with CSS classes for icons
|
| 16 |
+
*/
|
| 17 |
+
var $networks = array(
|
| 18 |
+
'bitbucket.org' => array( 'name' => 'Bitbucket', 'class' => 'bitbucket', 'icon' => 'icon-bitbucket', 'icon-sign' => 'icon-bitbucket-sign' ),
|
| 19 |
+
'dribbble.com' => array( 'name' => 'Dribbble', 'class' => 'dribbble', 'icon' => 'icon-dribbble', 'icon-sign' => 'icon-dribbble' ),
|
| 20 |
+
'dropbox.com' => array( 'name' => 'Dropbox', 'class' => 'dropbox', 'icon' => 'icon-dropbox', 'icon-sign' => 'icon-dropbox' ),
|
| 21 |
+
'facebook.com' => array( 'name' => 'Facebook', 'class' => 'facebook', 'icon' => 'icon-facebook', 'icon-sign' => 'icon-facebook-sign' ),
|
| 22 |
+
'flickr.com' => array( 'name' => 'Flickr', 'class' => 'flickr', 'icon' => 'icon-flickr', 'icon-sign' => 'icon-flickr' ),
|
| 23 |
+
'foursquare.com' => array( 'name' => 'Foursquare', 'class' => 'foursquare', 'icon' => 'icon-foursquare', 'icon-sign' => 'icon-foursquare' ),
|
| 24 |
+
'github.com' => array( 'name' => 'Github', 'class' => 'github', 'icon' => 'icon-github', 'icon-sign' => 'icon-github-sign' ),
|
| 25 |
+
'gittip.com' => array( 'name' => 'GitTip', 'class' => 'gittip', 'icon' => 'icon-gittip', 'icon-sign' => 'icon-gittip' ),
|
| 26 |
+
'instagr.am' => array( 'name' => 'Instagram', 'class' => 'instagram', 'icon' => 'icon-instagram', 'icon-sign' => 'icon-instagram' ),
|
| 27 |
+
'instagram.com' => array( 'name' => 'Instagram', 'class' => 'instagram', 'icon' => 'icon-instagram', 'icon-sign' => 'icon-instagram' ),
|
| 28 |
+
'linkedin.com' => array( 'name' => 'LinkedIn', 'class' => 'linkedin', 'icon' => 'icon-linkedin', 'icon-sign' => 'icon-linkedin-sign' ),
|
| 29 |
+
'mailto:' => array( 'name' => 'Email', 'class' => 'envelope', 'icon' => 'icon-envelope', 'icon-sign' => 'icon-envelope-alt' ),
|
| 30 |
+
'pinterest.com' => array( 'name' => 'Pinterest', 'class' => 'pinterest', 'icon' => 'icon-pinterest', 'icon-sign' => 'icon-pinterest-sign' ),
|
| 31 |
+
'plus.google.com' => array( 'name' => 'Google+', 'class' => 'google-plus', 'icon' => 'icon-google-plus', 'icon-sign' => 'icon-google-plus-sign' ),
|
| 32 |
+
'renren.com' => array( 'name' => 'RenRen', 'class' => 'renren', 'icon' => 'icon-renren', 'icon-sign' => 'icon-renren' ),
|
| 33 |
+
'stackoverflow.com' => array( 'name' => 'Stack Exchange', 'class' => 'stackexchange', 'icon' => 'icon-stackexchange', 'icon-sign' => 'icon-stackexchange' ),
|
| 34 |
+
'trello.com' => array( 'name' => 'Trello', 'class' => 'trello', 'icon' => 'icon-trello', 'icon-sign' => 'icon-trello' ),
|
| 35 |
+
'tumblr.com' => array( 'name' => 'Tumblr', 'class' => 'tumblr', 'icon' => 'icon-tumblr', 'icon-sign' => 'icon-tumblr' ),
|
| 36 |
+
'twitter.com' => array( 'name' => 'Twitter', 'class' => 'twitter', 'icon' => 'icon-twitter', 'icon-sign' => 'icon-twitter-sign' ),
|
| 37 |
+
'vk.com' => array( 'name' => 'VK', 'class' => 'vk', 'icon' => 'icon-vk', 'icon-sign' => 'icon-vk' ),
|
| 38 |
+
'weibo.com' => array( 'name' => 'Weibo', 'class' => 'weibo', 'icon' => 'icon-weibo', 'icon-sign' => 'icon-weibo' ),
|
| 39 |
+
'xing.com' => array( 'name' => 'Xing', 'class' => 'xing', 'icon' => 'icon-xing', 'icon-sign' => 'icon-xing' ),
|
| 40 |
+
'youtu.be' => array( 'name' => 'YouTube', 'class' => 'youtube', 'icon' => 'icon-youtube', 'icon-sign' => 'icon-youtube-sign' ),
|
| 41 |
+
'youtube.com' => array( 'name' => 'YouTube', 'class' => 'youtube', 'icon' => 'icon-youtube', 'icon-sign' => 'icon-youtube-sign' ),
|
| 42 |
+
);
|
| 43 |
+
|
| 44 |
+
/**
|
| 45 |
+
* Contains 4.0+ FontAwesome icons only.
|
| 46 |
+
* @var array links social site URLs with CSS classes for icons
|
| 47 |
+
*/
|
| 48 |
+
var $networks_latest = array(
|
| 49 |
+
'slideshare.net' => array( 'name' => 'SlideShare', 'class' => 'slideshare', 'icon' => 'fa fa-slideshare', 'icon-sign' => 'fa fa-slideshare' ),
|
| 50 |
+
'stackoverflow.com' => array( 'name' => 'Stack Overflow', 'class' => 'stack-overflow', 'icon' => 'fa fa-stack-overflow', 'icon-sign' => 'fa fa-stack-overflow' ),
|
| 51 |
+
'stackexchange.com' => array( 'name' => 'Stack Exchange', 'class' => 'stack-exchange', 'icon' => 'fa fa-stack-exchange', 'icon-sign' => 'fa fa-stack-exchange' ),
|
| 52 |
+
'vimeo.com' => array( 'name' => 'Vimeo', 'class' => 'vimeo', 'icon' => 'fa fa-vimeo-square', 'icon-sign' => 'fa fa-vimeo-square' ),
|
| 53 |
+
'mailto:' => array( 'name' => 'Email', 'class' => 'envelope', 'icon' => 'fa fa-envelope', 'icon-sign' => 'fa fa-envelope-o' ),
|
| 54 |
+
);
|
| 55 |
+
|
| 56 |
+
/**
|
| 57 |
+
* Class to apply to the <li> of all social menu items
|
| 58 |
+
*/
|
| 59 |
+
var $li_class = 'social-icon';
|
| 60 |
+
|
| 61 |
+
/**
|
| 62 |
+
* FontAwesome 4.0+ -- Size options available for icon output
|
| 63 |
+
* These are sizes that render as "pixel perfect" according to FontAwesome.
|
| 64 |
+
*/
|
| 65 |
+
var $icon_sizes = array(
|
| 66 |
+
'normal' => '',
|
| 67 |
+
'large' => 'fa-lg',
|
| 68 |
+
'2x' => 'fa-2x',
|
| 69 |
+
'3x' => 'fa-3x',
|
| 70 |
+
'4x' => 'fa-4x',
|
| 71 |
+
'5x' => 'fa-5x',
|
| 72 |
+
);
|
| 73 |
+
|
| 74 |
+
/**
|
| 75 |
+
* FontAwesome 3.2.1 -- Size options available for icon output
|
| 76 |
+
* These are sizes that render as "pixel perfect" according to FontAwesome.
|
| 77 |
+
*/
|
| 78 |
+
var $legacy_icon_sizes = array(
|
| 79 |
+
'normal' => '',
|
| 80 |
+
'large' => 'icon-large',
|
| 81 |
+
'2x' => 'icon-2x',
|
| 82 |
+
'3x' => 'icon-3x',
|
| 83 |
+
'4x' => 'icon-4x',
|
| 84 |
+
);
|
| 85 |
+
|
| 86 |
+
/**
|
| 87 |
+
* Size of the icons to display.
|
| 88 |
+
* Override with storm_social_icons_size filter
|
| 89 |
+
*
|
| 90 |
+
* @var string normal|large|2x|3x|4x
|
| 91 |
+
*/
|
| 92 |
+
var $size = '2x';
|
| 93 |
+
|
| 94 |
+
/**
|
| 95 |
+
* Display normal icons, or icons cut out of a box (sign) shape?
|
| 96 |
+
* Override with storm_social_icons_type filter
|
| 97 |
+
*
|
| 98 |
+
* @var string icon|icon-sign
|
| 99 |
+
*/
|
| 100 |
+
var $type = 'icon';
|
| 101 |
+
|
| 102 |
+
/**
|
| 103 |
+
* @var bool If true, use FontAwesome 4.0+, which drops IE7, but adds Vimeo
|
| 104 |
+
*/
|
| 105 |
+
var $use_latest = false;
|
| 106 |
+
|
| 107 |
+
/**
|
| 108 |
+
* @var Storm_Menu_Social_Icons Instance of the class.
|
| 109 |
+
*/
|
| 110 |
+
private static $instance = false;
|
| 111 |
+
|
| 112 |
+
/**
|
| 113 |
+
* Don't use this. Use ::get_instance() instead.
|
| 114 |
+
*/
|
| 115 |
+
public function __construct() {
|
| 116 |
+
if ( !self::$instance ) {
|
| 117 |
+
$message = '<code>' . __CLASS__ . '</code> is a singleton.<br/> Please get an instantiate it with <code>' . __CLASS__ . '::get_instance();</code>';
|
| 118 |
+
wp_die( $message );
|
| 119 |
+
}
|
| 120 |
+
}
|
| 121 |
+
|
| 122 |
+
public static function get_instance() {
|
| 123 |
+
if ( !is_a( self::$instance, __CLASS__ ) ) {
|
| 124 |
+
self::$instance = true;
|
| 125 |
+
self::$instance = new self();
|
| 126 |
+
self::$instance->init();
|
| 127 |
+
}
|
| 128 |
+
return self::$instance;
|
| 129 |
+
}
|
| 130 |
+
|
| 131 |
+
/**
|
| 132 |
+
* Initial setup. Called by get_instance.
|
| 133 |
+
*/
|
| 134 |
+
protected function init() {
|
| 135 |
+
|
| 136 |
+
// Option to update to FontAwesome 4.0+ format (drops IE7 support)
|
| 137 |
+
$this->use_latest = apply_filters( 'storm_social_icons_use_latest', $this->use_latest );
|
| 138 |
+
|
| 139 |
+
if ( $this->use_latest ) {
|
| 140 |
+
add_filter( 'storm_social_icons_networks', array( $this, 'update_network_classes' ), 1000 );
|
| 141 |
+
}
|
| 142 |
+
|
| 143 |
+
$this->size = apply_filters( 'storm_social_icons_size', $this->size );
|
| 144 |
+
$this->type = apply_filters( 'storm_social_icons_type', $this->type );
|
| 145 |
+
$this->hide_text = apply_filters( 'storm_social_icons_hide_text', $this->hide_text );
|
| 146 |
+
$this->networks = apply_filters( 'storm_social_icons_networks', $this->networks );
|
| 147 |
+
|
| 148 |
+
add_action( 'wp_enqueue_scripts', array( $this, 'wp_enqueue_scripts' ) );
|
| 149 |
+
add_action( 'wp_print_scripts', array( $this, 'wp_print_scripts' ) );
|
| 150 |
+
|
| 151 |
+
add_filter( 'wp_nav_menu_objects', array( $this, 'wp_nav_menu_objects' ), 5, 2 );
|
| 152 |
+
|
| 153 |
+
// Shortcode for testing all fontawesome icons: [fontawesometest]
|
| 154 |
+
add_shortcode( 'fontawesometest', array( $this, 'shortcode_fontawesometest' ) );
|
| 155 |
+
add_action( 'fontawesometest', array( $this, 'fontawesometest' ) );
|
| 156 |
+
|
| 157 |
+
}
|
| 158 |
+
|
| 159 |
+
/**
|
| 160 |
+
* Load FontAwesome from NetDNA's Content Deliver Network (faster, likely to be cached)
|
| 161 |
+
* @see http://www.bootstrapcdn.com/#tab_fontawesome
|
| 162 |
+
*/
|
| 163 |
+
public function wp_enqueue_scripts() {
|
| 164 |
+
|
| 165 |
+
if ( $this->use_latest ) {
|
| 166 |
+
|
| 167 |
+
// FontAwesome latest. Drops IE7 support.
|
| 168 |
+
wp_enqueue_style( 'fontawesome', '//netdna.bootstrapcdn.com/font-awesome/latest/css/font-awesome.css', array(), MSI_VERSION, 'all' );
|
| 169 |
+
|
| 170 |
+
}else {
|
| 171 |
+
|
| 172 |
+
// FontAwesome 3.2.1 -- support IE7, but lacks Vimeo
|
| 173 |
+
global $wp_styles;
|
| 174 |
+
wp_enqueue_style( 'fontawesome', '//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css', array(), MSI_VERSION, 'all' );
|
| 175 |
+
wp_enqueue_style( 'fontawesome-ie', '//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome-ie7.min.css', array( 'fontawesome' ), MSI_VERSION );
|
| 176 |
+
|
| 177 |
+
// Internet Explorer conditional comment
|
| 178 |
+
$wp_styles->add_data( 'fontawesome-ie', 'conditional', 'IE 7' );
|
| 179 |
+
|
| 180 |
+
}
|
| 181 |
+
|
| 182 |
+
}
|
| 183 |
+
|
| 184 |
+
/**
|
| 185 |
+
* Hide text visually, but keep available for screen readers.
|
| 186 |
+
* Just a few lines of stylesheet, so loading inline rather than adding another HTTP request.
|
| 187 |
+
*/
|
| 188 |
+
public function wp_print_scripts() {
|
| 189 |
+
?>
|
| 190 |
+
<style>
|
| 191 |
+
/* Accessible for screen readers but hidden from view */
|
| 192 |
+
.fa-hidden { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
|
| 193 |
+
.rtl .fa-hidden { left:10000px; }
|
| 194 |
+
.fa-showtext { margin-right: 5px; }
|
| 195 |
+
</style>
|
| 196 |
+
<?php
|
| 197 |
+
}
|
| 198 |
+
|
| 199 |
+
/**
|
| 200 |
+
* Get icon HTML with appropriate classes depending on size and icon type
|
| 201 |
+
*/
|
| 202 |
+
public function get_icon( $network ) {
|
| 203 |
+
|
| 204 |
+
// Switch between legacy or current icon size classes
|
| 205 |
+
$icon_sizes = ( $this->use_latest ) ? $this->icon_sizes : $this->legacy_icon_sizes;
|
| 206 |
+
|
| 207 |
+
$size = $icon_sizes[ $this->size ];
|
| 208 |
+
$icon = $network[ $this->type ];
|
| 209 |
+
$show_text = $this->hide_text ? '' : 'fa-showtext';
|
| 210 |
+
|
| 211 |
+
$html = "<i class='$size $icon $show_text'></i>";
|
| 212 |
+
|
| 213 |
+
return apply_filters( 'storm_social_icons_icon_html', $html, $size, $icon, $show_text );
|
| 214 |
+
|
| 215 |
+
}
|
| 216 |
+
|
| 217 |
+
/**
|
| 218 |
+
* Find social links in top-level menu items, add icon HTML
|
| 219 |
+
*/
|
| 220 |
+
public function wp_nav_menu_objects( $sorted_menu_items, $args ){
|
| 221 |
+
|
| 222 |
+
foreach( $sorted_menu_items as &$item ) {
|
| 223 |
+
if ( 0 != $item->menu_item_parent ) {
|
| 224 |
+
// Skip submenu items
|
| 225 |
+
continue;
|
| 226 |
+
}
|
| 227 |
+
|
| 228 |
+
foreach( $this->networks as $url => $network ) {
|
| 229 |
+
if ( false !== strpos( $item->url, $url ) ) {
|
| 230 |
+
|
| 231 |
+
$item->classes[] = $this->li_class;
|
| 232 |
+
$item->classes[] = $network['class'];
|
| 233 |
+
|
| 234 |
+
if ( $this->hide_text ) {
|
| 235 |
+
$html = "<span class='fa-hidden'>{$item->title}</span>";
|
| 236 |
+
$item->title = apply_filters( 'storm_social_icons_title_html', $html, $item->title );
|
| 237 |
+
}
|
| 238 |
+
|
| 239 |
+
$item->title = $this->get_icon( $network ) . $item->title ;
|
| 240 |
+
}
|
| 241 |
+
}
|
| 242 |
+
}
|
| 243 |
+
|
| 244 |
+
return $sorted_menu_items;
|
| 245 |
+
|
| 246 |
+
}
|
| 247 |
+
|
| 248 |
+
/**
|
| 249 |
+
* Change size classes from 3.2.1 format to 4.0+ format.
|
| 250 |
+
*
|
| 251 |
+
* @param array $networks See $this->$networks
|
| 252 |
+
* @return array $networks Filtered to change "icon-" to "fa fa-"
|
| 253 |
+
*/
|
| 254 |
+
public function update_network_classes( $networks ) {
|
| 255 |
+
|
| 256 |
+
foreach ( $networks as $url => &$values ) {
|
| 257 |
+
$values['icon'] = str_replace( 'icon-', 'fa fa-', $values['icon'] );
|
| 258 |
+
$values['icon-sign'] = str_replace( 'icon-', 'fa fa-', $values['icon-sign'] );
|
| 259 |
+
$values['icon-sign'] = str_replace( '-sign', '-square', $values['icon-sign'] );
|
| 260 |
+
}
|
| 261 |
+
|
| 262 |
+
$networks = array_merge( $networks, $this->networks_latest );
|
| 263 |
+
|
| 264 |
+
return $networks;
|
| 265 |
+
}
|
| 266 |
+
|
| 267 |
+
/**
|
| 268 |
+
* Test output of all FontAwesome icons
|
| 269 |
+
*/
|
| 270 |
+
public function fontawesometest( $args ) {
|
| 271 |
+
include dirname( __FILE__ ) . '/font-awesome-test.html';
|
| 272 |
+
}
|
| 273 |
+
|
| 274 |
+
/**
|
| 275 |
+
* Shortcode to test output of all FontAwesome icons
|
| 276 |
+
*/
|
| 277 |
+
public function shortcode_fontawesometest( $args ) {
|
| 278 |
+
ob_start();
|
| 279 |
+
$this->fontawesometest();
|
| 280 |
+
return ob_get_clean();
|
| 281 |
+
}
|
| 282 |
}
|
css/menu-social-icons-admin.css
CHANGED
|
@@ -1,45 +1,45 @@
|
|
| 1 |
-
/* Icon sizes */
|
| 2 |
-
.menu-item-handle i.fa, #msi-shortcuts i.fa {
|
| 3 |
-
font-size: 28px;
|
| 4 |
-
}
|
| 5 |
-
|
| 6 |
-
/* Fixed width for FontAwesome 3.2.1 */
|
| 7 |
-
i.fa-fw {
|
| 8 |
-
width: 1.2857142857142858em;
|
| 9 |
-
text-align: center;
|
| 10 |
-
display:block;
|
| 11 |
-
float:left;
|
| 12 |
-
}
|
| 13 |
-
|
| 14 |
-
#msi-shortcuts i {
|
| 15 |
-
cursor: pointer;
|
| 16 |
-
margin: 0 5px 5px 0;
|
| 17 |
-
color: #333;
|
| 18 |
-
}
|
| 19 |
-
#msi-shortcuts i:hover {
|
| 20 |
-
color: #1A749D;
|
| 21 |
-
}
|
| 22 |
-
#msi-shortcuts h4 {
|
| 23 |
-
font-weight: normal;
|
| 24 |
-
font-style: italic;
|
| 25 |
-
}
|
| 26 |
-
#msi-shortcuts .faq {
|
| 27 |
-
padding-top:16px;
|
| 28 |
-
display:block;
|
| 29 |
-
clear:both;
|
| 30 |
-
}
|
| 31 |
-
|
| 32 |
-
/* Add Link active icon */
|
| 33 |
-
#msi-shortcuts i.active {
|
| 34 |
-
color: #1A749D;
|
| 35 |
-
}
|
| 36 |
-
|
| 37 |
-
/* Menu item handle */
|
| 38 |
-
.menu-item-handle i.fa {
|
| 39 |
-
position: absolute;
|
| 40 |
-
top: 4px;
|
| 41 |
-
left: 4px;
|
| 42 |
-
}
|
| 43 |
-
.menu-item-handle span.has-social-icon {
|
| 44 |
-
padding-left: 33px;
|
| 45 |
-
}
|
| 1 |
+
/* Icon sizes */
|
| 2 |
+
.menu-item-handle i.fa, #msi-shortcuts i.fa {
|
| 3 |
+
font-size: 28px;
|
| 4 |
+
}
|
| 5 |
+
|
| 6 |
+
/* Fixed width for FontAwesome 3.2.1 */
|
| 7 |
+
i.fa-fw {
|
| 8 |
+
width: 1.2857142857142858em;
|
| 9 |
+
text-align: center;
|
| 10 |
+
display:block;
|
| 11 |
+
float:left;
|
| 12 |
+
}
|
| 13 |
+
|
| 14 |
+
#msi-shortcuts i {
|
| 15 |
+
cursor: pointer;
|
| 16 |
+
margin: 0 5px 5px 0;
|
| 17 |
+
color: #333;
|
| 18 |
+
}
|
| 19 |
+
#msi-shortcuts i:hover {
|
| 20 |
+
color: #1A749D;
|
| 21 |
+
}
|
| 22 |
+
#msi-shortcuts h4 {
|
| 23 |
+
font-weight: normal;
|
| 24 |
+
font-style: italic;
|
| 25 |
+
}
|
| 26 |
+
#msi-shortcuts .faq {
|
| 27 |
+
padding-top:16px;
|
| 28 |
+
display:block;
|
| 29 |
+
clear:both;
|
| 30 |
+
}
|
| 31 |
+
|
| 32 |
+
/* Add Link active icon */
|
| 33 |
+
#msi-shortcuts i.active {
|
| 34 |
+
color: #1A749D;
|
| 35 |
+
}
|
| 36 |
+
|
| 37 |
+
/* Menu item handle */
|
| 38 |
+
.menu-item-handle i.fa {
|
| 39 |
+
position: absolute;
|
| 40 |
+
top: 4px;
|
| 41 |
+
left: 4px;
|
| 42 |
+
}
|
| 43 |
+
.menu-item-handle span.has-social-icon {
|
| 44 |
+
padding-left: 33px;
|
| 45 |
+
}
|
font-awesome-test.html
CHANGED
|
@@ -1,267 +1,267 @@
|
|
| 1 |
-
<div class="container">
|
| 2 |
-
<section>
|
| 3 |
-
<div class="row">
|
| 4 |
-
<div class="span4">
|
| 5 |
-
<ul class="unstyled">
|
| 6 |
-
<li><i class="icon-2x"></i> icon-glass <span class="muted">(&#xf000;)</span></li>
|
| 7 |
-
<li><i class="icon-2x"></i> icon-music <span class="muted">(&#xf001;)</span></li>
|
| 8 |
-
<li><i class="icon-2x"></i> icon-search <span class="muted">(&#xf002;)</span></li>
|
| 9 |
-
<li><i class="icon-2x"></i> icon-envelope <span class="muted">(&#xf003;)</span></li>
|
| 10 |
-
<li><i class="icon-2x"></i> icon-heart <span class="muted">(&#xf004;)</span></li>
|
| 11 |
-
<li><i class="icon-2x"></i> icon-star <span class="muted">(&#xf005;)</span></li>
|
| 12 |
-
<li><i class="icon-2x"></i> icon-star-empty <span class="muted">(&#xf006;)</span></li>
|
| 13 |
-
<li><i class="icon-2x"></i> icon-user <span class="muted">(&#xf007;)</span></li>
|
| 14 |
-
<li><i class="icon-2x"></i> icon-film <span class="muted">(&#xf008;)</span></li>
|
| 15 |
-
<li><i class="icon-2x"></i> icon-th-large <span class="muted">(&#xf009;)</span></li>
|
| 16 |
-
<li><i class="icon-2x"></i> icon-th <span class="muted">(&#xf00a;)</span></li>
|
| 17 |
-
<li><i class="icon-2x"></i> icon-th-list <span class="muted">(&#xf00b;)</span></li>
|
| 18 |
-
<li><i class="icon-2x"></i> icon-ok <span class="muted">(&#xf00c;)</span></li>
|
| 19 |
-
<li><i class="icon-2x"></i> icon-remove <span class="muted">(&#xf00d;)</span></li>
|
| 20 |
-
<li><i class="icon-2x"></i> icon-zoom-in <span class="muted">(&#xf00e;)</span></li>
|
| 21 |
-
<li><i class="icon-2x"></i> icon-zoom-out <span class="muted">(&#xf010;)</span></li>
|
| 22 |
-
<li><i class="icon-2x"></i> icon-off <span class="muted">(&#xf011;)</span></li>
|
| 23 |
-
<li><i class="icon-2x"></i> icon-signal <span class="muted">(&#xf012;)</span></li>
|
| 24 |
-
<li><i class="icon-2x"></i> icon-cog <span class="muted">(&#xf013;)</span></li>
|
| 25 |
-
<li><i class="icon-2x"></i> icon-trash <span class="muted">(&#xf014;)</span></li>
|
| 26 |
-
<li><i class="icon-2x"></i> icon-home <span class="muted">(&#xf015;)</span></li>
|
| 27 |
-
<li><i class="icon-2x"></i> icon-file <span class="muted">(&#xf016;)</span></li>
|
| 28 |
-
<li><i class="icon-2x"></i> icon-time <span class="muted">(&#xf017;)</span></li>
|
| 29 |
-
<li><i class="icon-2x"></i> icon-road <span class="muted">(&#xf018;)</span></li>
|
| 30 |
-
<li><i class="icon-2x"></i> icon-download-alt <span class="muted">(&#xf019;)</span></li>
|
| 31 |
-
<li><i class="icon-2x"></i> icon-download <span class="muted">(&#xf01a;)</span></li>
|
| 32 |
-
<li><i class="icon-2x"></i> icon-upload <span class="muted">(&#xf01b;)</span></li>
|
| 33 |
-
<li><i class="icon-2x"></i> icon-inbox <span class="muted">(&#xf01c;)</span></li>
|
| 34 |
-
<li><i class="icon-2x"></i> icon-play-circle <span class="muted">(&#xf01d;)</span></li>
|
| 35 |
-
<li><i class="icon-2x"></i> icon-repeat <span class="muted">(&#xf01e;)</span></li>
|
| 36 |
-
<li><i class="icon-2x"></i> icon-refresh <span class="muted">(&#xf021;)</span></li>
|
| 37 |
-
<li><i class="icon-2x"></i> icon-list-alt <span class="muted">(&#xf022;)</span></li>
|
| 38 |
-
<li><i class="icon-2x"></i> icon-lock <span class="muted">(&#xf023;)</span></li>
|
| 39 |
-
<li><i class="icon-2x"></i> icon-flag <span class="muted">(&#xf024;)</span></li>
|
| 40 |
-
<li><i class="icon-2x"></i> icon-headphones <span class="muted">(&#xf025;)</span></li>
|
| 41 |
-
<li><i class="icon-2x"></i> icon-volume-off <span class="muted">(&#xf026;)</span></li>
|
| 42 |
-
<li><i class="icon-2x"></i> icon-volume-down <span class="muted">(&#xf027;)</span></li>
|
| 43 |
-
<li><i class="icon-2x"></i> icon-volume-up <span class="muted">(&#xf028;)</span></li>
|
| 44 |
-
<li><i class="icon-2x"></i> icon-qrcode <span class="muted">(&#xf029;)</span></li>
|
| 45 |
-
<li><i class="icon-2x"></i> icon-barcode <span class="muted">(&#xf02a;)</span></li>
|
| 46 |
-
<li><i class="icon-2x"></i> icon-tag <span class="muted">(&#xf02b;)</span></li>
|
| 47 |
-
<li><i class="icon-2x"></i> icon-tags <span class="muted">(&#xf02c;)</span></li>
|
| 48 |
-
<li><i class="icon-2x"></i> icon-book <span class="muted">(&#xf02d;)</span></li>
|
| 49 |
-
<li><i class="icon-2x"></i> icon-bookmark <span class="muted">(&#xf02e;)</span></li>
|
| 50 |
-
<li><i class="icon-2x"></i> icon-print <span class="muted">(&#xf02f;)</span></li>
|
| 51 |
-
<li><i class="icon-2x"></i> icon-camera <span class="muted">(&#xf030;)</span></li>
|
| 52 |
-
<li><i class="icon-2x"></i> icon-font <span class="muted">(&#xf031;)</span></li>
|
| 53 |
-
<li><i class="icon-2x"></i> icon-bold <span class="muted">(&#xf032;)</span></li>
|
| 54 |
-
<li><i class="icon-2x"></i> icon-italic <span class="muted">(&#xf033;)</span></li>
|
| 55 |
-
<li><i class="icon-2x"></i> icon-text-height <span class="muted">(&#xf034;)</span></li>
|
| 56 |
-
<li><i class="icon-2x"></i> icon-text-width <span class="muted">(&#xf035;)</span></li>
|
| 57 |
-
<li><i class="icon-2x"></i> icon-align-left <span class="muted">(&#xf036;)</span></li>
|
| 58 |
-
<li><i class="icon-2x"></i> icon-align-center <span class="muted">(&#xf037;)</span></li>
|
| 59 |
-
<li><i class="icon-2x"></i> icon-align-right <span class="muted">(&#xf038;)</span></li>
|
| 60 |
-
<li><i class="icon-2x"></i> icon-align-justify <span class="muted">(&#xf039;)</span></li>
|
| 61 |
-
<li><i class="icon-2x"></i> icon-list <span class="muted">(&#xf03a;)</span></li>
|
| 62 |
-
<li><i class="icon-2x"></i> icon-indent-left <span class="muted">(&#xf03b;)</span></li>
|
| 63 |
-
<li><i class="icon-2x"></i> icon-indent-right <span class="muted">(&#xf03c;)</span></li>
|
| 64 |
-
<li><i class="icon-2x"></i> icon-facetime-video <span class="muted">(&#xf03d;)</span></li>
|
| 65 |
-
<li><i class="icon-2x"></i> icon-picture <span class="muted">(&#xf03e;)</span></li>
|
| 66 |
-
<li><i class="icon-2x"></i> icon-pencil <span class="muted">(&#xf040;)</span></li>
|
| 67 |
-
<li><i class="icon-2x"></i> icon-map-marker <span class="muted">(&#xf041;)</span></li>
|
| 68 |
-
<li><i class="icon-2x"></i> icon-adjust <span class="muted">(&#xf042;)</span></li>
|
| 69 |
-
<li><i class="icon-2x"></i> icon-tint <span class="muted">(&#xf043;)</span></li>
|
| 70 |
-
<li><i class="icon-2x"></i> icon-edit <span class="muted">(&#xf044;)</span></li>
|
| 71 |
-
<li><i class="icon-2x"></i> icon-share <span class="muted">(&#xf045;)</span></li>
|
| 72 |
-
<li><i class="icon-2x"></i> icon-check <span class="muted">(&#xf046;)</span></li>
|
| 73 |
-
<li><i class="icon-2x"></i> icon-move <span class="muted">(&#xf047;)</span></li>
|
| 74 |
-
<li><i class="icon-2x"></i> icon-step-backward <span class="muted">(&#xf048;)</span></li>
|
| 75 |
-
<li><i class="icon-2x"></i> icon-fast-backward <span class="muted">(&#xf049;)</span></li>
|
| 76 |
-
<li><i class="icon-2x"></i> icon-backward <span class="muted">(&#xf04a;)</span></li>
|
| 77 |
-
<li><i class="icon-2x"></i> icon-play <span class="muted">(&#xf04b;)</span></li>
|
| 78 |
-
<li><i class="icon-2x"></i> icon-pause <span class="muted">(&#xf04c;)</span></li>
|
| 79 |
-
<li><i class="icon-2x"></i> icon-stop <span class="muted">(&#xf04d;)</span></li>
|
| 80 |
-
<li><i class="icon-2x"></i> icon-forward <span class="muted">(&#xf04e;)</span></li>
|
| 81 |
-
<li><i class="icon-2x"></i> icon-fast-forward <span class="muted">(&#xf050;)</span></li>
|
| 82 |
-
<li><i class="icon-2x"></i> icon-step-forward <span class="muted">(&#xf051;)</span></li>
|
| 83 |
-
<li><i class="icon-2x"></i> icon-eject <span class="muted">(&#xf052;)</span></li>
|
| 84 |
-
<li><i class="icon-2x"></i> icon-chevron-left <span class="muted">(&#xf053;)</span></li>
|
| 85 |
-
<li><i class="icon-2x"></i> icon-chevron-right <span class="muted">(&#xf054;)</span></li>
|
| 86 |
-
<li><i class="icon-2x"></i> icon-plus-sign <span class="muted">(&#xf055;)</span></li>
|
| 87 |
-
<li><i class="icon-2x"></i> icon-minus-sign <span class="muted">(&#xf056;)</span></li>
|
| 88 |
-
</ul>
|
| 89 |
-
</div>
|
| 90 |
-
<div class="span4">
|
| 91 |
-
<ul class="unstyled">
|
| 92 |
-
<li><i class="icon-2x"></i> icon-remove-sign <span class="muted">(&#xf057;)</span></li>
|
| 93 |
-
<li><i class="icon-2x"></i> icon-ok-sign <span class="muted">(&#xf058;)</span></li>
|
| 94 |
-
<li><i class="icon-2x"></i> icon-question-sign <span class="muted">(&#xf059;)</span></li>
|
| 95 |
-
<li><i class="icon-2x"></i> icon-info-sign <span class="muted">(&#xf05a;)</span></li>
|
| 96 |
-
<li><i class="icon-2x"></i> icon-screenshot <span class="muted">(&#xf05b;)</span></li>
|
| 97 |
-
<li><i class="icon-2x"></i> icon-remove-circle <span class="muted">(&#xf05c;)</span></li>
|
| 98 |
-
<li><i class="icon-2x"></i> icon-ok-circle <span class="muted">(&#xf05d;)</span></li>
|
| 99 |
-
<li><i class="icon-2x"></i> icon-ban-circle <span class="muted">(&#xf05e;)</span></li>
|
| 100 |
-
<li><i class="icon-2x"></i> icon-arrow-left <span class="muted">(&#xf060;)</span></li>
|
| 101 |
-
<li><i class="icon-2x"></i> icon-arrow-right <span class="muted">(&#xf061;)</span></li>
|
| 102 |
-
<li><i class="icon-2x"></i> icon-arrow-up <span class="muted">(&#xf062;)</span></li>
|
| 103 |
-
<li><i class="icon-2x"></i> icon-arrow-down <span class="muted">(&#xf063;)</span></li>
|
| 104 |
-
<li><i class="icon-2x"></i> icon-share-alt <span class="muted">(&#xf064;)</span></li>
|
| 105 |
-
<li><i class="icon-2x"></i> icon-resize-full <span class="muted">(&#xf065;)</span></li>
|
| 106 |
-
<li><i class="icon-2x"></i> icon-resize-small <span class="muted">(&#xf066;)</span></li>
|
| 107 |
-
<li><i class="icon-2x"></i> icon-plus <span class="muted">(&#xf067;)</span></li>
|
| 108 |
-
<li><i class="icon-2x"></i> icon-minus <span class="muted">(&#xf068;)</span></li>
|
| 109 |
-
<li><i class="icon-2x"></i> icon-asterisk <span class="muted">(&#xf069;)</span></li>
|
| 110 |
-
<li><i class="icon-2x"></i> icon-exclamation-sign <span class="muted">(&#xf06a;)</span></li>
|
| 111 |
-
<li><i class="icon-2x"></i> icon-gift <span class="muted">(&#xf06b;)</span></li>
|
| 112 |
-
<li><i class="icon-2x"></i> icon-leaf <span class="muted">(&#xf06c;)</span></li>
|
| 113 |
-
<li><i class="icon-2x"></i> icon-fire <span class="muted">(&#xf06d;)</span></li>
|
| 114 |
-
<li><i class="icon-2x"></i> icon-eye-open <span class="muted">(&#xf06e;)</span></li>
|
| 115 |
-
<li><i class="icon-2x"></i> icon-eye-close <span class="muted">(&#xf070;)</span></li>
|
| 116 |
-
<li><i class="icon-2x"></i> icon-warning-sign <span class="muted">(&#xf071;)</span></li>
|
| 117 |
-
<li><i class="icon-2x"></i> icon-plane <span class="muted">(&#xf072;)</span></li>
|
| 118 |
-
<li><i class="icon-2x"></i> icon-calendar <span class="muted">(&#xf073;)</span></li>
|
| 119 |
-
<li><i class="icon-2x"></i> icon-random <span class="muted">(&#xf074;)</span></li>
|
| 120 |
-
<li><i class="icon-2x"></i> icon-comment <span class="muted">(&#xf075;)</span></li>
|
| 121 |
-
<li><i class="icon-2x"></i> icon-magnet <span class="muted">(&#xf076;)</span></li>
|
| 122 |
-
<li><i class="icon-2x"></i> icon-chevron-up <span class="muted">(&#xf077;)</span></li>
|
| 123 |
-
<li><i class="icon-2x"></i> icon-chevron-down <span class="muted">(&#xf078;)</span></li>
|
| 124 |
-
<li><i class="icon-2x"></i> icon-retweet <span class="muted">(&#xf079;)</span></li>
|
| 125 |
-
<li><i class="icon-2x"></i> icon-shopping-cart <span class="muted">(&#xf07a;)</span></li>
|
| 126 |
-
<li><i class="icon-2x"></i> icon-folder-close <span class="muted">(&#xf07b;)</span></li>
|
| 127 |
-
<li><i class="icon-2x"></i> icon-folder-open <span class="muted">(&#xf07c;)</span></li>
|
| 128 |
-
<li><i class="icon-2x"></i> icon-resize-vertical <span class="muted">(&#xf07d;)</span></li>
|
| 129 |
-
<li><i class="icon-2x"></i> icon-resize-horizontal <span class="muted">(&#xf07e;)</span></li>
|
| 130 |
-
<li><i class="icon-2x"></i> icon-bar-chart <span class="muted">(&#xf080;)</span></li>
|
| 131 |
-
<li><i class="icon-2x"></i> icon-twitter-sign <span class="muted">(&#xf081;)</span></li>
|
| 132 |
-
<li><i class="icon-2x"></i> icon-facebook-sign <span class="muted">(&#xf082;)</span></li>
|
| 133 |
-
<li><i class="icon-2x"></i> icon-camera-retro <span class="muted">(&#xf083;)</span></li>
|
| 134 |
-
<li><i class="icon-2x"></i> icon-key <span class="muted">(&#xf084;)</span></li>
|
| 135 |
-
<li><i class="icon-2x"></i> icon-cogs <span class="muted">(&#xf085;)</span></li>
|
| 136 |
-
<li><i class="icon-2x"></i> icon-comments <span class="muted">(&#xf086;)</span></li>
|
| 137 |
-
<li><i class="icon-2x"></i> icon-thumbs-up <span class="muted">(&#xf087;)</span></li>
|
| 138 |
-
<li><i class="icon-2x"></i> icon-thumbs-down <span class="muted">(&#xf088;)</span></li>
|
| 139 |
-
<li><i class="icon-2x"></i> icon-star-half <span class="muted">(&#xf089;)</span></li>
|
| 140 |
-
<li><i class="icon-2x"></i> icon-heart-empty <span class="muted">(&#xf08a;)</span></li>
|
| 141 |
-
<li><i class="icon-2x"></i> icon-signout <span class="muted">(&#xf08b;)</span></li>
|
| 142 |
-
<li><i class="icon-2x"></i> icon-linkedin-sign <span class="muted">(&#xf08c;)</span></li>
|
| 143 |
-
<li><i class="icon-2x"></i> icon-pushpin <span class="muted">(&#xf08d;)</span></li>
|
| 144 |
-
<li><i class="icon-2x"></i> icon-external-link <span class="muted">(&#xf08e;)</span></li>
|
| 145 |
-
<li><i class="icon-2x"></i> icon-signin <span class="muted">(&#xf090;)</span></li>
|
| 146 |
-
<li><i class="icon-2x"></i> icon-trophy <span class="muted">(&#xf091;)</span></li>
|
| 147 |
-
<li><i class="icon-2x"></i> icon-github-sign <span class="muted">(&#xf092;)</span></li>
|
| 148 |
-
<li><i class="icon-2x"></i> icon-upload-alt <span class="muted">(&#xf093;)</span></li>
|
| 149 |
-
<li><i class="icon-2x"></i> icon-lemon <span class="muted">(&#xf094;)</span></li>
|
| 150 |
-
<li><i class="icon-2x"></i> icon-phone <span class="muted">(&#xf095;)</span></li>
|
| 151 |
-
<li><i class="icon-2x"></i> icon-check-empty <span class="muted">(&#xf096;)</span></li>
|
| 152 |
-
<li><i class="icon-2x"></i> icon-bookmark-empty <span class="muted">(&#xf097;)</span></li>
|
| 153 |
-
<li><i class="icon-2x"></i> icon-phone-sign <span class="muted">(&#xf098;)</span></li>
|
| 154 |
-
<li><i class="icon-2x"></i> icon-twitter <span class="muted">(&#xf099;)</span></li>
|
| 155 |
-
<li><i class="icon-2x"></i> icon-facebook <span class="muted">(&#xf09a;)</span></li>
|
| 156 |
-
<li><i class="icon-2x"></i> icon-github <span class="muted">(&#xf09b;)</span></li>
|
| 157 |
-
<li><i class="icon-2x"></i> icon-unlock <span class="muted">(&#xf09c;)</span></li>
|
| 158 |
-
<li><i class="icon-2x"></i> icon-credit-card <span class="muted">(&#xf09d;)</span></li>
|
| 159 |
-
<li><i class="icon-2x"></i> icon-rss <span class="muted">(&#xf09e;)</span></li>
|
| 160 |
-
<li><i class="icon-2x"></i> icon-hdd <span class="muted">(&#xf0a0;)</span></li>
|
| 161 |
-
<li><i class="icon-2x"></i> icon-bullhorn <span class="muted">(&#xf0a1;)</span></li>
|
| 162 |
-
<li><i class="icon-2x"></i> icon-bell <span class="muted">(&#xf0a2;)</span></li>
|
| 163 |
-
<li><i class="icon-2x"></i> icon-certificate <span class="muted">(&#xf0a3;)</span></li>
|
| 164 |
-
<li><i class="icon-2x"></i> icon-hand-right <span class="muted">(&#xf0a4;)</span></li>
|
| 165 |
-
<li><i class="icon-2x"></i> icon-hand-left <span class="muted">(&#xf0a5;)</span></li>
|
| 166 |
-
<li><i class="icon-2x"></i> icon-hand-up <span class="muted">(&#xf0a6;)</span></li>
|
| 167 |
-
<li><i class="icon-2x"></i> icon-hand-down <span class="muted">(&#xf0a7;)</span></li>
|
| 168 |
-
<li><i class="icon-2x"></i> icon-circle-arrow-left <span class="muted">(&#xf0a8;)</span></li>
|
| 169 |
-
<li><i class="icon-2x"></i> icon-circle-arrow-right <span class="muted">(&#xf0a9;)</span></li>
|
| 170 |
-
<li><i class="icon-2x"></i> icon-circle-arrow-up <span class="muted">(&#xf0aa;)</span></li>
|
| 171 |
-
<li><i class="icon-2x"></i> icon-circle-arrow-down <span class="muted">(&#xf0ab;)</span></li>
|
| 172 |
-
<li><i class="icon-2x"></i> icon-globe <span class="muted">(&#xf0ac;)</span></li>
|
| 173 |
-
<li><i class="icon-2x"></i> icon-wrench <span class="muted">(&#xf0ad;)</span></li>
|
| 174 |
-
</ul>
|
| 175 |
-
</div>
|
| 176 |
-
<div class="span4">
|
| 177 |
-
<ul class="unstyled">
|
| 178 |
-
<li><i class="icon-2x"></i> icon-tasks <span class="muted">(&#xf0ae;)</span></li>
|
| 179 |
-
<li><i class="icon-2x"></i> icon-filter <span class="muted">(&#xf0b0;)</span></li>
|
| 180 |
-
<li><i class="icon-2x"></i> icon-briefcase <span class="muted">(&#xf0b1;)</span></li>
|
| 181 |
-
<li><i class="icon-2x"></i> icon-fullscreen <span class="muted">(&#xf0b2;)</span></li>
|
| 182 |
-
<li><i class="icon-2x"></i> icon-group <span class="muted">(&#xf0c0;)</span></li>
|
| 183 |
-
<li><i class="icon-2x"></i> icon-link <span class="muted">(&#xf0c1;)</span></li>
|
| 184 |
-
<li><i class="icon-2x"></i> icon-cloud <span class="muted">(&#xf0c2;)</span></li>
|
| 185 |
-
<li><i class="icon-2x"></i> icon-beaker <span class="muted">(&#xf0c3;)</span></li>
|
| 186 |
-
<li><i class="icon-2x"></i> icon-cut <span class="muted">(&#xf0c4;)</span></li>
|
| 187 |
-
<li><i class="icon-2x"></i> icon-copy <span class="muted">(&#xf0c5;)</span></li>
|
| 188 |
-
<li><i class="icon-2x"></i> icon-paper-clip <span class="muted">(&#xf0c6;)</span></li>
|
| 189 |
-
<li><i class="icon-2x"></i> icon-save <span class="muted">(&#xf0c7;)</span></li>
|
| 190 |
-
<li><i class="icon-2x"></i> icon-sign-blank <span class="muted">(&#xf0c8;)</span></li>
|
| 191 |
-
<li><i class="icon-2x"></i> icon-reorder <span class="muted">(&#xf0c9;)</span></li>
|
| 192 |
-
<li><i class="icon-2x"></i> icon-list-ul <span class="muted">(&#xf0ca;)</span></li>
|
| 193 |
-
<li><i class="icon-2x"></i> icon-list-ol <span class="muted">(&#xf0cb;)</span></li>
|
| 194 |
-
<li><i class="icon-2x"></i> icon-strikethrough <span class="muted">(&#xf0cc;)</span></li>
|
| 195 |
-
<li><i class="icon-2x"></i> icon-underline <span class="muted">(&#xf0cd;)</span></li>
|
| 196 |
-
<li><i class="icon-2x"></i> icon-table <span class="muted">(&#xf0ce;)</span></li>
|
| 197 |
-
<li><i class="icon-2x"></i> icon-magic <span class="muted">(&#xf0d0;)</span></li>
|
| 198 |
-
<li><i class="icon-2x"></i> icon-truck <span class="muted">(&#xf0d1;)</span></li>
|
| 199 |
-
<li><i class="icon-2x"></i> icon-pinterest <span class="muted">(&#xf0d2;)</span></li>
|
| 200 |
-
<li><i class="icon-2x"></i> icon-pinterest-sign <span class="muted">(&#xf0d3;)</span></li>
|
| 201 |
-
<li><i class="icon-2x"></i> icon-google-plus-sign <span class="muted">(&#xf0d4;)</span></li>
|
| 202 |
-
<li><i class="icon-2x"></i> icon-google-plus <span class="muted">(&#xf0d5;)</span></li>
|
| 203 |
-
<li><i class="icon-2x"></i> icon-money <span class="muted">(&#xf0d6;)</span></li>
|
| 204 |
-
<li><i class="icon-2x"></i> icon-caret-down <span class="muted">(&#xf0d7;)</span></li>
|
| 205 |
-
<li><i class="icon-2x"></i> icon-caret-up <span class="muted">(&#xf0d8;)</span></li>
|
| 206 |
-
<li><i class="icon-2x"></i> icon-caret-left <span class="muted">(&#xf0d9;)</span></li>
|
| 207 |
-
<li><i class="icon-2x"></i> icon-caret-right <span class="muted">(&#xf0da;)</span></li>
|
| 208 |
-
<li><i class="icon-2x"></i> icon-columns <span class="muted">(&#xf0db;)</span></li>
|
| 209 |
-
<li><i class="icon-2x"></i> icon-sort <span class="muted">(&#xf0dc;)</span></li>
|
| 210 |
-
<li><i class="icon-2x"></i> icon-sort-down <span class="muted">(&#xf0dd;)</span></li>
|
| 211 |
-
<li><i class="icon-2x"></i> icon-sort-up <span class="muted">(&#xf0de;)</span></li>
|
| 212 |
-
<li><i class="icon-2x"></i> icon-envelope-alt <span class="muted">(&#xf0e0;)</span></li>
|
| 213 |
-
<li><i class="icon-2x"></i> icon-linkedin <span class="muted">(&#xf0e1;)</span></li>
|
| 214 |
-
<li><i class="icon-2x"></i> icon-undo <span class="muted">(&#xf0e2;)</span></li>
|
| 215 |
-
<li><i class="icon-2x"></i> icon-legal <span class="muted">(&#xf0e3;)</span></li>
|
| 216 |
-
<li><i class="icon-2x"></i> icon-dashboard <span class="muted">(&#xf0e4;)</span></li>
|
| 217 |
-
<li><i class="icon-2x"></i> icon-comment-alt <span class="muted">(&#xf0e5;)</span></li>
|
| 218 |
-
<li><i class="icon-2x"></i> icon-comments-alt <span class="muted">(&#xf0e6;)</span></li>
|
| 219 |
-
<li><i class="icon-2x"></i> icon-bolt <span class="muted">(&#xf0e7;)</span></li>
|
| 220 |
-
<li><i class="icon-2x"></i> icon-sitemap <span class="muted">(&#xf0e8;)</span></li>
|
| 221 |
-
<li><i class="icon-2x"></i> icon-umbrella <span class="muted">(&#xf0e9;)</span></li>
|
| 222 |
-
<li><i class="icon-2x"></i> icon-paste <span class="muted">(&#xf0ea;)</span></li>
|
| 223 |
-
<li><i class="icon-2x"></i> icon-lightbulb <span class="muted">(&#xf0eb;)</span></li>
|
| 224 |
-
<li><i class="icon-2x"></i> icon-exchange <span class="muted">(&#xf0ec;)</span></li>
|
| 225 |
-
<li><i class="icon-2x"></i> icon-cloud-download <span class="muted">(&#xf0ed;)</span></li>
|
| 226 |
-
<li><i class="icon-2x"></i> icon-cloud-upload <span class="muted">(&#xf0ee;)</span></li>
|
| 227 |
-
<li><i class="icon-2x"></i> icon-user-md <span class="muted">(&#xf0f0;)</span></li>
|
| 228 |
-
<li><i class="icon-2x"></i> icon-stethoscope <span class="muted">(&#xf0f1;)</span></li>
|
| 229 |
-
<li><i class="icon-2x"></i> icon-suitcase <span class="muted">(&#xf0f2;)</span></li>
|
| 230 |
-
<li><i class="icon-2x"></i> icon-bell-alt <span class="muted">(&#xf0f3;)</span></li>
|
| 231 |
-
<li><i class="icon-2x"></i> icon-coffee <span class="muted">(&#xf0f4;)</span></li>
|
| 232 |
-
<li><i class="icon-2x"></i> icon-food <span class="muted">(&#xf0f5;)</span></li>
|
| 233 |
-
<li><i class="icon-2x"></i> icon-file-alt <span class="muted">(&#xf0f6;)</span></li>
|
| 234 |
-
<li><i class="icon-2x"></i> icon-building <span class="muted">(&#xf0f7;)</span></li>
|
| 235 |
-
<li><i class="icon-2x"></i> icon-hospital <span class="muted">(&#xf0f8;)</span></li>
|
| 236 |
-
<li><i class="icon-2x"></i> icon-ambulance <span class="muted">(&#xf0f9;)</span></li>
|
| 237 |
-
<li><i class="icon-2x"></i> icon-medkit <span class="muted">(&#xf0fa;)</span></li>
|
| 238 |
-
<li><i class="icon-2x"></i> icon-fighter-jet <span class="muted">(&#xf0fb;)</span></li>
|
| 239 |
-
<li><i class="icon-2x"></i> icon-beer <span class="muted">(&#xf0fc;)</span></li>
|
| 240 |
-
<li><i class="icon-2x"></i> icon-h-sign <span class="muted">(&#xf0fd;)</span></li>
|
| 241 |
-
<li><i class="icon-2x"></i> icon-plus-sign-alt <span class="muted">(&#xf0fe;)</span></li>
|
| 242 |
-
<li><i class="icon-2x"></i> icon-double-angle-left <span class="muted">(&#xf100;)</span></li>
|
| 243 |
-
<li><i class="icon-2x"></i> icon-double-angle-right <span class="muted">(&#xf101;)</span></li>
|
| 244 |
-
<li><i class="icon-2x"></i> icon-double-angle-up <span class="muted">(&#xf102;)</span></li>
|
| 245 |
-
<li><i class="icon-2x"></i> icon-double-angle-down <span class="muted">(&#xf103;)</span></li>
|
| 246 |
-
<li><i class="icon-2x"></i> icon-angle-left <span class="muted">(&#xf104;)</span></li>
|
| 247 |
-
<li><i class="icon-2x"></i> icon-angle-right <span class="muted">(&#xf105;)</span></li>
|
| 248 |
-
<li><i class="icon-2x"></i> icon-angle-up <span class="muted">(&#xf106;)</span></li>
|
| 249 |
-
<li><i class="icon-2x"></i> icon-angle-down <span class="muted">(&#xf107;)</span></li>
|
| 250 |
-
<li><i class="icon-2x"></i> icon-desktop <span class="muted">(&#xf108;)</span></li>
|
| 251 |
-
<li><i class="icon-2x"></i> icon-laptop <span class="muted">(&#xf109;)</span></li>
|
| 252 |
-
<li><i class="icon-2x"></i> icon-tablet <span class="muted">(&#xf10a;)</span></li>
|
| 253 |
-
<li><i class="icon-2x"></i> icon-mobile-phone <span class="muted">(&#xf10b;)</span></li>
|
| 254 |
-
<li><i class="icon-2x"></i> icon-circle-blank <span class="muted">(&#xf10c;)</span></li>
|
| 255 |
-
<li><i class="icon-2x"></i> icon-quote-left <span class="muted">(&#xf10d;)</span></li>
|
| 256 |
-
<li><i class="icon-2x"></i> icon-quote-right <span class="muted">(&#xf10e;)</span></li>
|
| 257 |
-
<li><i class="icon-2x"></i> icon-spinner <span class="muted">(&#xf110;)</span></li>
|
| 258 |
-
<li><i class="icon-2x"></i> icon-circle <span class="muted">(&#xf111;)</span></li>
|
| 259 |
-
<li><i class="icon-2x"></i> icon-reply <span class="muted">(&#xf112;)</span></li>
|
| 260 |
-
</ul>
|
| 261 |
-
</div>
|
| 262 |
-
</div>
|
| 263 |
-
</section>
|
| 264 |
-
|
| 265 |
-
<style>
|
| 266 |
-
.span4{width:300px} ul.unstyled,ol.unstyled{margin-left:0;list-style:none} .row:before,.row:after{display:table;content:"";line-height:0}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:20px} .container{margin-right:auto;margin-left:auto;*zoom:1}.container:before,.container:after{display:table;content:"";line-height:0}.container:after{clear:both}
|
| 267 |
</style>
|
| 1 |
+
<div class="container">
|
| 2 |
+
<section>
|
| 3 |
+
<div class="row">
|
| 4 |
+
<div class="span4">
|
| 5 |
+
<ul class="unstyled">
|
| 6 |
+
<li><i class="icon-2x"></i> icon-glass <span class="muted">(&#xf000;)</span></li>
|
| 7 |
+
<li><i class="icon-2x"></i> icon-music <span class="muted">(&#xf001;)</span></li>
|
| 8 |
+
<li><i class="icon-2x"></i> icon-search <span class="muted">(&#xf002;)</span></li>
|
| 9 |
+
<li><i class="icon-2x"></i> icon-envelope <span class="muted">(&#xf003;)</span></li>
|
| 10 |
+
<li><i class="icon-2x"></i> icon-heart <span class="muted">(&#xf004;)</span></li>
|
| 11 |
+
<li><i class="icon-2x"></i> icon-star <span class="muted">(&#xf005;)</span></li>
|
| 12 |
+
<li><i class="icon-2x"></i> icon-star-empty <span class="muted">(&#xf006;)</span></li>
|
| 13 |
+
<li><i class="icon-2x"></i> icon-user <span class="muted">(&#xf007;)</span></li>
|
| 14 |
+
<li><i class="icon-2x"></i> icon-film <span class="muted">(&#xf008;)</span></li>
|
| 15 |
+
<li><i class="icon-2x"></i> icon-th-large <span class="muted">(&#xf009;)</span></li>
|
| 16 |
+
<li><i class="icon-2x"></i> icon-th <span class="muted">(&#xf00a;)</span></li>
|
| 17 |
+
<li><i class="icon-2x"></i> icon-th-list <span class="muted">(&#xf00b;)</span></li>
|
| 18 |
+
<li><i class="icon-2x"></i> icon-ok <span class="muted">(&#xf00c;)</span></li>
|
| 19 |
+
<li><i class="icon-2x"></i> icon-remove <span class="muted">(&#xf00d;)</span></li>
|
| 20 |
+
<li><i class="icon-2x"></i> icon-zoom-in <span class="muted">(&#xf00e;)</span></li>
|
| 21 |
+
<li><i class="icon-2x"></i> icon-zoom-out <span class="muted">(&#xf010;)</span></li>
|
| 22 |
+
<li><i class="icon-2x"></i> icon-off <span class="muted">(&#xf011;)</span></li>
|
| 23 |
+
<li><i class="icon-2x"></i> icon-signal <span class="muted">(&#xf012;)</span></li>
|
| 24 |
+
<li><i class="icon-2x"></i> icon-cog <span class="muted">(&#xf013;)</span></li>
|
| 25 |
+
<li><i class="icon-2x"></i> icon-trash <span class="muted">(&#xf014;)</span></li>
|
| 26 |
+
<li><i class="icon-2x"></i> icon-home <span class="muted">(&#xf015;)</span></li>
|
| 27 |
+
<li><i class="icon-2x"></i> icon-file <span class="muted">(&#xf016;)</span></li>
|
| 28 |
+
<li><i class="icon-2x"></i> icon-time <span class="muted">(&#xf017;)</span></li>
|
| 29 |
+
<li><i class="icon-2x"></i> icon-road <span class="muted">(&#xf018;)</span></li>
|
| 30 |
+
<li><i class="icon-2x"></i> icon-download-alt <span class="muted">(&#xf019;)</span></li>
|
| 31 |
+
<li><i class="icon-2x"></i> icon-download <span class="muted">(&#xf01a;)</span></li>
|
| 32 |
+
<li><i class="icon-2x"></i> icon-upload <span class="muted">(&#xf01b;)</span></li>
|
| 33 |
+
<li><i class="icon-2x"></i> icon-inbox <span class="muted">(&#xf01c;)</span></li>
|
| 34 |
+
<li><i class="icon-2x"></i> icon-play-circle <span class="muted">(&#xf01d;)</span></li>
|
| 35 |
+
<li><i class="icon-2x"></i> icon-repeat <span class="muted">(&#xf01e;)</span></li>
|
| 36 |
+
<li><i class="icon-2x"></i> icon-refresh <span class="muted">(&#xf021;)</span></li>
|
| 37 |
+
<li><i class="icon-2x"></i> icon-list-alt <span class="muted">(&#xf022;)</span></li>
|
| 38 |
+
<li><i class="icon-2x"></i> icon-lock <span class="muted">(&#xf023;)</span></li>
|
| 39 |
+
<li><i class="icon-2x"></i> icon-flag <span class="muted">(&#xf024;)</span></li>
|
| 40 |
+
<li><i class="icon-2x"></i> icon-headphones <span class="muted">(&#xf025;)</span></li>
|
| 41 |
+
<li><i class="icon-2x"></i> icon-volume-off <span class="muted">(&#xf026;)</span></li>
|
| 42 |
+
<li><i class="icon-2x"></i> icon-volume-down <span class="muted">(&#xf027;)</span></li>
|
| 43 |
+
<li><i class="icon-2x"></i> icon-volume-up <span class="muted">(&#xf028;)</span></li>
|
| 44 |
+
<li><i class="icon-2x"></i> icon-qrcode <span class="muted">(&#xf029;)</span></li>
|
| 45 |
+
<li><i class="icon-2x"></i> icon-barcode <span class="muted">(&#xf02a;)</span></li>
|
| 46 |
+
<li><i class="icon-2x"></i> icon-tag <span class="muted">(&#xf02b;)</span></li>
|
| 47 |
+
<li><i class="icon-2x"></i> icon-tags <span class="muted">(&#xf02c;)</span></li>
|
| 48 |
+
<li><i class="icon-2x"></i> icon-book <span class="muted">(&#xf02d;)</span></li>
|
| 49 |
+
<li><i class="icon-2x"></i> icon-bookmark <span class="muted">(&#xf02e;)</span></li>
|
| 50 |
+
<li><i class="icon-2x"></i> icon-print <span class="muted">(&#xf02f;)</span></li>
|
| 51 |
+
<li><i class="icon-2x"></i> icon-camera <span class="muted">(&#xf030;)</span></li>
|
| 52 |
+
<li><i class="icon-2x"></i> icon-font <span class="muted">(&#xf031;)</span></li>
|
| 53 |
+
<li><i class="icon-2x"></i> icon-bold <span class="muted">(&#xf032;)</span></li>
|
| 54 |
+
<li><i class="icon-2x"></i> icon-italic <span class="muted">(&#xf033;)</span></li>
|
| 55 |
+
<li><i class="icon-2x"></i> icon-text-height <span class="muted">(&#xf034;)</span></li>
|
| 56 |
+
<li><i class="icon-2x"></i> icon-text-width <span class="muted">(&#xf035;)</span></li>
|
| 57 |
+
<li><i class="icon-2x"></i> icon-align-left <span class="muted">(&#xf036;)</span></li>
|
| 58 |
+
<li><i class="icon-2x"></i> icon-align-center <span class="muted">(&#xf037;)</span></li>
|
| 59 |
+
<li><i class="icon-2x"></i> icon-align-right <span class="muted">(&#xf038;)</span></li>
|
| 60 |
+
<li><i class="icon-2x"></i> icon-align-justify <span class="muted">(&#xf039;)</span></li>
|
| 61 |
+
<li><i class="icon-2x"></i> icon-list <span class="muted">(&#xf03a;)</span></li>
|
| 62 |
+
<li><i class="icon-2x"></i> icon-indent-left <span class="muted">(&#xf03b;)</span></li>
|
| 63 |
+
<li><i class="icon-2x"></i> icon-indent-right <span class="muted">(&#xf03c;)</span></li>
|
| 64 |
+
<li><i class="icon-2x"></i> icon-facetime-video <span class="muted">(&#xf03d;)</span></li>
|
| 65 |
+
<li><i class="icon-2x"></i> icon-picture <span class="muted">(&#xf03e;)</span></li>
|
| 66 |
+
<li><i class="icon-2x"></i> icon-pencil <span class="muted">(&#xf040;)</span></li>
|
| 67 |
+
<li><i class="icon-2x"></i> icon-map-marker <span class="muted">(&#xf041;)</span></li>
|
| 68 |
+
<li><i class="icon-2x"></i> icon-adjust <span class="muted">(&#xf042;)</span></li>
|
| 69 |
+
<li><i class="icon-2x"></i> icon-tint <span class="muted">(&#xf043;)</span></li>
|
| 70 |
+
<li><i class="icon-2x"></i> icon-edit <span class="muted">(&#xf044;)</span></li>
|
| 71 |
+
<li><i class="icon-2x"></i> icon-share <span class="muted">(&#xf045;)</span></li>
|
| 72 |
+
<li><i class="icon-2x"></i> icon-check <span class="muted">(&#xf046;)</span></li>
|
| 73 |
+
<li><i class="icon-2x"></i> icon-move <span class="muted">(&#xf047;)</span></li>
|
| 74 |
+
<li><i class="icon-2x"></i> icon-step-backward <span class="muted">(&#xf048;)</span></li>
|
| 75 |
+
<li><i class="icon-2x"></i> icon-fast-backward <span class="muted">(&#xf049;)</span></li>
|
| 76 |
+
<li><i class="icon-2x"></i> icon-backward <span class="muted">(&#xf04a;)</span></li>
|
| 77 |
+
<li><i class="icon-2x"></i> icon-play <span class="muted">(&#xf04b;)</span></li>
|
| 78 |
+
<li><i class="icon-2x"></i> icon-pause <span class="muted">(&#xf04c;)</span></li>
|
| 79 |
+
<li><i class="icon-2x"></i> icon-stop <span class="muted">(&#xf04d;)</span></li>
|
| 80 |
+
<li><i class="icon-2x"></i> icon-forward <span class="muted">(&#xf04e;)</span></li>
|
| 81 |
+
<li><i class="icon-2x"></i> icon-fast-forward <span class="muted">(&#xf050;)</span></li>
|
| 82 |
+
<li><i class="icon-2x"></i> icon-step-forward <span class="muted">(&#xf051;)</span></li>
|
| 83 |
+
<li><i class="icon-2x"></i> icon-eject <span class="muted">(&#xf052;)</span></li>
|
| 84 |
+
<li><i class="icon-2x"></i> icon-chevron-left <span class="muted">(&#xf053;)</span></li>
|
| 85 |
+
<li><i class="icon-2x"></i> icon-chevron-right <span class="muted">(&#xf054;)</span></li>
|
| 86 |
+
<li><i class="icon-2x"></i> icon-plus-sign <span class="muted">(&#xf055;)</span></li>
|
| 87 |
+
<li><i class="icon-2x"></i> icon-minus-sign <span class="muted">(&#xf056;)</span></li>
|
| 88 |
+
</ul>
|
| 89 |
+
</div>
|
| 90 |
+
<div class="span4">
|
| 91 |
+
<ul class="unstyled">
|
| 92 |
+
<li><i class="icon-2x"></i> icon-remove-sign <span class="muted">(&#xf057;)</span></li>
|
| 93 |
+
<li><i class="icon-2x"></i> icon-ok-sign <span class="muted">(&#xf058;)</span></li>
|
| 94 |
+
<li><i class="icon-2x"></i> icon-question-sign <span class="muted">(&#xf059;)</span></li>
|
| 95 |
+
<li><i class="icon-2x"></i> icon-info-sign <span class="muted">(&#xf05a;)</span></li>
|
| 96 |
+
<li><i class="icon-2x"></i> icon-screenshot <span class="muted">(&#xf05b;)</span></li>
|
| 97 |
+
<li><i class="icon-2x"></i> icon-remove-circle <span class="muted">(&#xf05c;)</span></li>
|
| 98 |
+
<li><i class="icon-2x"></i> icon-ok-circle <span class="muted">(&#xf05d;)</span></li>
|
| 99 |
+
<li><i class="icon-2x"></i> icon-ban-circle <span class="muted">(&#xf05e;)</span></li>
|
| 100 |
+
<li><i class="icon-2x"></i> icon-arrow-left <span class="muted">(&#xf060;)</span></li>
|
| 101 |
+
<li><i class="icon-2x"></i> icon-arrow-right <span class="muted">(&#xf061;)</span></li>
|
| 102 |
+
<li><i class="icon-2x"></i> icon-arrow-up <span class="muted">(&#xf062;)</span></li>
|
| 103 |
+
<li><i class="icon-2x"></i> icon-arrow-down <span class="muted">(&#xf063;)</span></li>
|
| 104 |
+
<li><i class="icon-2x"></i> icon-share-alt <span class="muted">(&#xf064;)</span></li>
|
| 105 |
+
<li><i class="icon-2x"></i> icon-resize-full <span class="muted">(&#xf065;)</span></li>
|
| 106 |
+
<li><i class="icon-2x"></i> icon-resize-small <span class="muted">(&#xf066;)</span></li>
|
| 107 |
+
<li><i class="icon-2x"></i> icon-plus <span class="muted">(&#xf067;)</span></li>
|
| 108 |
+
<li><i class="icon-2x"></i> icon-minus <span class="muted">(&#xf068;)</span></li>
|
| 109 |
+
<li><i class="icon-2x"></i> icon-asterisk <span class="muted">(&#xf069;)</span></li>
|
| 110 |
+
<li><i class="icon-2x"></i> icon-exclamation-sign <span class="muted">(&#xf06a;)</span></li>
|
| 111 |
+
<li><i class="icon-2x"></i> icon-gift <span class="muted">(&#xf06b;)</span></li>
|
| 112 |
+
<li><i class="icon-2x"></i> icon-leaf <span class="muted">(&#xf06c;)</span></li>
|
| 113 |
+
<li><i class="icon-2x"></i> icon-fire <span class="muted">(&#xf06d;)</span></li>
|
| 114 |
+
<li><i class="icon-2x"></i> icon-eye-open <span class="muted">(&#xf06e;)</span></li>
|
| 115 |
+
<li><i class="icon-2x"></i> icon-eye-close <span class="muted">(&#xf070;)</span></li>
|
| 116 |
+
<li><i class="icon-2x"></i> icon-warning-sign <span class="muted">(&#xf071;)</span></li>
|
| 117 |
+
<li><i class="icon-2x"></i> icon-plane <span class="muted">(&#xf072;)</span></li>
|
| 118 |
+
<li><i class="icon-2x"></i> icon-calendar <span class="muted">(&#xf073;)</span></li>
|
| 119 |
+
<li><i class="icon-2x"></i> icon-random <span class="muted">(&#xf074;)</span></li>
|
| 120 |
+
<li><i class="icon-2x"></i> icon-comment <span class="muted">(&#xf075;)</span></li>
|
| 121 |
+
<li><i class="icon-2x"></i> icon-magnet <span class="muted">(&#xf076;)</span></li>
|
| 122 |
+
<li><i class="icon-2x"></i> icon-chevron-up <span class="muted">(&#xf077;)</span></li>
|
| 123 |
+
<li><i class="icon-2x"></i> icon-chevron-down <span class="muted">(&#xf078;)</span></li>
|
| 124 |
+
<li><i class="icon-2x"></i> icon-retweet <span class="muted">(&#xf079;)</span></li>
|
| 125 |
+
<li><i class="icon-2x"></i> icon-shopping-cart <span class="muted">(&#xf07a;)</span></li>
|
| 126 |
+
<li><i class="icon-2x"></i> icon-folder-close <span class="muted">(&#xf07b;)</span></li>
|
| 127 |
+
<li><i class="icon-2x"></i> icon-folder-open <span class="muted">(&#xf07c;)</span></li>
|
| 128 |
+
<li><i class="icon-2x"></i> icon-resize-vertical <span class="muted">(&#xf07d;)</span></li>
|
| 129 |
+
<li><i class="icon-2x"></i> icon-resize-horizontal <span class="muted">(&#xf07e;)</span></li>
|
| 130 |
+
<li><i class="icon-2x"></i> icon-bar-chart <span class="muted">(&#xf080;)</span></li>
|
| 131 |
+
<li><i class="icon-2x"></i> icon-twitter-sign <span class="muted">(&#xf081;)</span></li>
|
| 132 |
+
<li><i class="icon-2x"></i> icon-facebook-sign <span class="muted">(&#xf082;)</span></li>
|
| 133 |
+
<li><i class="icon-2x"></i> icon-camera-retro <span class="muted">(&#xf083;)</span></li>
|
| 134 |
+
<li><i class="icon-2x"></i> icon-key <span class="muted">(&#xf084;)</span></li>
|
| 135 |
+
<li><i class="icon-2x"></i> icon-cogs <span class="muted">(&#xf085;)</span></li>
|
| 136 |
+
<li><i class="icon-2x"></i> icon-comments <span class="muted">(&#xf086;)</span></li>
|
| 137 |
+
<li><i class="icon-2x"></i> icon-thumbs-up <span class="muted">(&#xf087;)</span></li>
|
| 138 |
+
<li><i class="icon-2x"></i> icon-thumbs-down <span class="muted">(&#xf088;)</span></li>
|
| 139 |
+
<li><i class="icon-2x"></i> icon-star-half <span class="muted">(&#xf089;)</span></li>
|
| 140 |
+
<li><i class="icon-2x"></i> icon-heart-empty <span class="muted">(&#xf08a;)</span></li>
|
| 141 |
+
<li><i class="icon-2x"></i> icon-signout <span class="muted">(&#xf08b;)</span></li>
|
| 142 |
+
<li><i class="icon-2x"></i> icon-linkedin-sign <span class="muted">(&#xf08c;)</span></li>
|
| 143 |
+
<li><i class="icon-2x"></i> icon-pushpin <span class="muted">(&#xf08d;)</span></li>
|
| 144 |
+
<li><i class="icon-2x"></i> icon-external-link <span class="muted">(&#xf08e;)</span></li>
|
| 145 |
+
<li><i class="icon-2x"></i> icon-signin <span class="muted">(&#xf090;)</span></li>
|
| 146 |
+
<li><i class="icon-2x"></i> icon-trophy <span class="muted">(&#xf091;)</span></li>
|
| 147 |
+
<li><i class="icon-2x"></i> icon-github-sign <span class="muted">(&#xf092;)</span></li>
|
| 148 |
+
<li><i class="icon-2x"></i> icon-upload-alt <span class="muted">(&#xf093;)</span></li>
|
| 149 |
+
<li><i class="icon-2x"></i> icon-lemon <span class="muted">(&#xf094;)</span></li>
|
| 150 |
+
<li><i class="icon-2x"></i> icon-phone <span class="muted">(&#xf095;)</span></li>
|
| 151 |
+
<li><i class="icon-2x"></i> icon-check-empty <span class="muted">(&#xf096;)</span></li>
|
| 152 |
+
<li><i class="icon-2x"></i> icon-bookmark-empty <span class="muted">(&#xf097;)</span></li>
|
| 153 |
+
<li><i class="icon-2x"></i> icon-phone-sign <span class="muted">(&#xf098;)</span></li>
|
| 154 |
+
<li><i class="icon-2x"></i> icon-twitter <span class="muted">(&#xf099;)</span></li>
|
| 155 |
+
<li><i class="icon-2x"></i> icon-facebook <span class="muted">(&#xf09a;)</span></li>
|
| 156 |
+
<li><i class="icon-2x"></i> icon-github <span class="muted">(&#xf09b;)</span></li>
|
| 157 |
+
<li><i class="icon-2x"></i> icon-unlock <span class="muted">(&#xf09c;)</span></li>
|
| 158 |
+
<li><i class="icon-2x"></i> icon-credit-card <span class="muted">(&#xf09d;)</span></li>
|
| 159 |
+
<li><i class="icon-2x"></i> icon-rss <span class="muted">(&#xf09e;)</span></li>
|
| 160 |
+
<li><i class="icon-2x"></i> icon-hdd <span class="muted">(&#xf0a0;)</span></li>
|
| 161 |
+
<li><i class="icon-2x"></i> icon-bullhorn <span class="muted">(&#xf0a1;)</span></li>
|
| 162 |
+
<li><i class="icon-2x"></i> icon-bell <span class="muted">(&#xf0a2;)</span></li>
|
| 163 |
+
<li><i class="icon-2x"></i> icon-certificate <span class="muted">(&#xf0a3;)</span></li>
|
| 164 |
+
<li><i class="icon-2x"></i> icon-hand-right <span class="muted">(&#xf0a4;)</span></li>
|
| 165 |
+
<li><i class="icon-2x"></i> icon-hand-left <span class="muted">(&#xf0a5;)</span></li>
|
| 166 |
+
<li><i class="icon-2x"></i> icon-hand-up <span class="muted">(&#xf0a6;)</span></li>
|
| 167 |
+
<li><i class="icon-2x"></i> icon-hand-down <span class="muted">(&#xf0a7;)</span></li>
|
| 168 |
+
<li><i class="icon-2x"></i> icon-circle-arrow-left <span class="muted">(&#xf0a8;)</span></li>
|
| 169 |
+
<li><i class="icon-2x"></i> icon-circle-arrow-right <span class="muted">(&#xf0a9;)</span></li>
|
| 170 |
+
<li><i class="icon-2x"></i> icon-circle-arrow-up <span class="muted">(&#xf0aa;)</span></li>
|
| 171 |
+
<li><i class="icon-2x"></i> icon-circle-arrow-down <span class="muted">(&#xf0ab;)</span></li>
|
| 172 |
+
<li><i class="icon-2x"></i> icon-globe <span class="muted">(&#xf0ac;)</span></li>
|
| 173 |
+
<li><i class="icon-2x"></i> icon-wrench <span class="muted">(&#xf0ad;)</span></li>
|
| 174 |
+
</ul>
|
| 175 |
+
</div>
|
| 176 |
+
<div class="span4">
|
| 177 |
+
<ul class="unstyled">
|
| 178 |
+
<li><i class="icon-2x"></i> icon-tasks <span class="muted">(&#xf0ae;)</span></li>
|
| 179 |
+
<li><i class="icon-2x"></i> icon-filter <span class="muted">(&#xf0b0;)</span></li>
|
| 180 |
+
<li><i class="icon-2x"></i> icon-briefcase <span class="muted">(&#xf0b1;)</span></li>
|
| 181 |
+
<li><i class="icon-2x"></i> icon-fullscreen <span class="muted">(&#xf0b2;)</span></li>
|
| 182 |
+
<li><i class="icon-2x"></i> icon-group <span class="muted">(&#xf0c0;)</span></li>
|
| 183 |
+
<li><i class="icon-2x"></i> icon-link <span class="muted">(&#xf0c1;)</span></li>
|
| 184 |
+
<li><i class="icon-2x"></i> icon-cloud <span class="muted">(&#xf0c2;)</span></li>
|
| 185 |
+
<li><i class="icon-2x"></i> icon-beaker <span class="muted">(&#xf0c3;)</span></li>
|
| 186 |
+
<li><i class="icon-2x"></i> icon-cut <span class="muted">(&#xf0c4;)</span></li>
|
| 187 |
+
<li><i class="icon-2x"></i> icon-copy <span class="muted">(&#xf0c5;)</span></li>
|
| 188 |
+
<li><i class="icon-2x"></i> icon-paper-clip <span class="muted">(&#xf0c6;)</span></li>
|
| 189 |
+
<li><i class="icon-2x"></i> icon-save <span class="muted">(&#xf0c7;)</span></li>
|
| 190 |
+
<li><i class="icon-2x"></i> icon-sign-blank <span class="muted">(&#xf0c8;)</span></li>
|
| 191 |
+
<li><i class="icon-2x"></i> icon-reorder <span class="muted">(&#xf0c9;)</span></li>
|
| 192 |
+
<li><i class="icon-2x"></i> icon-list-ul <span class="muted">(&#xf0ca;)</span></li>
|
| 193 |
+
<li><i class="icon-2x"></i> icon-list-ol <span class="muted">(&#xf0cb;)</span></li>
|
| 194 |
+
<li><i class="icon-2x"></i> icon-strikethrough <span class="muted">(&#xf0cc;)</span></li>
|
| 195 |
+
<li><i class="icon-2x"></i> icon-underline <span class="muted">(&#xf0cd;)</span></li>
|
| 196 |
+
<li><i class="icon-2x"></i> icon-table <span class="muted">(&#xf0ce;)</span></li>
|
| 197 |
+
<li><i class="icon-2x"></i> icon-magic <span class="muted">(&#xf0d0;)</span></li>
|
| 198 |
+
<li><i class="icon-2x"></i> icon-truck <span class="muted">(&#xf0d1;)</span></li>
|
| 199 |
+
<li><i class="icon-2x"></i> icon-pinterest <span class="muted">(&#xf0d2;)</span></li>
|
| 200 |
+
<li><i class="icon-2x"></i> icon-pinterest-sign <span class="muted">(&#xf0d3;)</span></li>
|
| 201 |
+
<li><i class="icon-2x"></i> icon-google-plus-sign <span class="muted">(&#xf0d4;)</span></li>
|
| 202 |
+
<li><i class="icon-2x"></i> icon-google-plus <span class="muted">(&#xf0d5;)</span></li>
|
| 203 |
+
<li><i class="icon-2x"></i> icon-money <span class="muted">(&#xf0d6;)</span></li>
|
| 204 |
+
<li><i class="icon-2x"></i> icon-caret-down <span class="muted">(&#xf0d7;)</span></li>
|
| 205 |
+
<li><i class="icon-2x"></i> icon-caret-up <span class="muted">(&#xf0d8;)</span></li>
|
| 206 |
+
<li><i class="icon-2x"></i> icon-caret-left <span class="muted">(&#xf0d9;)</span></li>
|
| 207 |
+
<li><i class="icon-2x"></i> icon-caret-right <span class="muted">(&#xf0da;)</span></li>
|
| 208 |
+
<li><i class="icon-2x"></i> icon-columns <span class="muted">(&#xf0db;)</span></li>
|
| 209 |
+
<li><i class="icon-2x"></i> icon-sort <span class="muted">(&#xf0dc;)</span></li>
|
| 210 |
+
<li><i class="icon-2x"></i> icon-sort-down <span class="muted">(&#xf0dd;)</span></li>
|
| 211 |
+
<li><i class="icon-2x"></i> icon-sort-up <span class="muted">(&#xf0de;)</span></li>
|
| 212 |
+
<li><i class="icon-2x"></i> icon-envelope-alt <span class="muted">(&#xf0e0;)</span></li>
|
| 213 |
+
<li><i class="icon-2x"></i> icon-linkedin <span class="muted">(&#xf0e1;)</span></li>
|
| 214 |
+
<li><i class="icon-2x"></i> icon-undo <span class="muted">(&#xf0e2;)</span></li>
|
| 215 |
+
<li><i class="icon-2x"></i> icon-legal <span class="muted">(&#xf0e3;)</span></li>
|
| 216 |
+
<li><i class="icon-2x"></i> icon-dashboard <span class="muted">(&#xf0e4;)</span></li>
|
| 217 |
+
<li><i class="icon-2x"></i> icon-comment-alt <span class="muted">(&#xf0e5;)</span></li>
|
| 218 |
+
<li><i class="icon-2x"></i> icon-comments-alt <span class="muted">(&#xf0e6;)</span></li>
|
| 219 |
+
<li><i class="icon-2x"></i> icon-bolt <span class="muted">(&#xf0e7;)</span></li>
|
| 220 |
+
<li><i class="icon-2x"></i> icon-sitemap <span class="muted">(&#xf0e8;)</span></li>
|
| 221 |
+
<li><i class="icon-2x"></i> icon-umbrella <span class="muted">(&#xf0e9;)</span></li>
|
| 222 |
+
<li><i class="icon-2x"></i> icon-paste <span class="muted">(&#xf0ea;)</span></li>
|
| 223 |
+
<li><i class="icon-2x"></i> icon-lightbulb <span class="muted">(&#xf0eb;)</span></li>
|
| 224 |
+
<li><i class="icon-2x"></i> icon-exchange <span class="muted">(&#xf0ec;)</span></li>
|
| 225 |
+
<li><i class="icon-2x"></i> icon-cloud-download <span class="muted">(&#xf0ed;)</span></li>
|
| 226 |
+
<li><i class="icon-2x"></i> icon-cloud-upload <span class="muted">(&#xf0ee;)</span></li>
|
| 227 |
+
<li><i class="icon-2x"></i> icon-user-md <span class="muted">(&#xf0f0;)</span></li>
|
| 228 |
+
<li><i class="icon-2x"></i> icon-stethoscope <span class="muted">(&#xf0f1;)</span></li>
|
| 229 |
+
<li><i class="icon-2x"></i> icon-suitcase <span class="muted">(&#xf0f2;)</span></li>
|
| 230 |
+
<li><i class="icon-2x"></i> icon-bell-alt <span class="muted">(&#xf0f3;)</span></li>
|
| 231 |
+
<li><i class="icon-2x"></i> icon-coffee <span class="muted">(&#xf0f4;)</span></li>
|
| 232 |
+
<li><i class="icon-2x"></i> icon-food <span class="muted">(&#xf0f5;)</span></li>
|
| 233 |
+
<li><i class="icon-2x"></i> icon-file-alt <span class="muted">(&#xf0f6;)</span></li>
|
| 234 |
+
<li><i class="icon-2x"></i> icon-building <span class="muted">(&#xf0f7;)</span></li>
|
| 235 |
+
<li><i class="icon-2x"></i> icon-hospital <span class="muted">(&#xf0f8;)</span></li>
|
| 236 |
+
<li><i class="icon-2x"></i> icon-ambulance <span class="muted">(&#xf0f9;)</span></li>
|
| 237 |
+
<li><i class="icon-2x"></i> icon-medkit <span class="muted">(&#xf0fa;)</span></li>
|
| 238 |
+
<li><i class="icon-2x"></i> icon-fighter-jet <span class="muted">(&#xf0fb;)</span></li>
|
| 239 |
+
<li><i class="icon-2x"></i> icon-beer <span class="muted">(&#xf0fc;)</span></li>
|
| 240 |
+
<li><i class="icon-2x"></i> icon-h-sign <span class="muted">(&#xf0fd;)</span></li>
|
| 241 |
+
<li><i class="icon-2x"></i> icon-plus-sign-alt <span class="muted">(&#xf0fe;)</span></li>
|
| 242 |
+
<li><i class="icon-2x"></i> icon-double-angle-left <span class="muted">(&#xf100;)</span></li>
|
| 243 |
+
<li><i class="icon-2x"></i> icon-double-angle-right <span class="muted">(&#xf101;)</span></li>
|
| 244 |
+
<li><i class="icon-2x"></i> icon-double-angle-up <span class="muted">(&#xf102;)</span></li>
|
| 245 |
+
<li><i class="icon-2x"></i> icon-double-angle-down <span class="muted">(&#xf103;)</span></li>
|
| 246 |
+
<li><i class="icon-2x"></i> icon-angle-left <span class="muted">(&#xf104;)</span></li>
|
| 247 |
+
<li><i class="icon-2x"></i> icon-angle-right <span class="muted">(&#xf105;)</span></li>
|
| 248 |
+
<li><i class="icon-2x"></i> icon-angle-up <span class="muted">(&#xf106;)</span></li>
|
| 249 |
+
<li><i class="icon-2x"></i> icon-angle-down <span class="muted">(&#xf107;)</span></li>
|
| 250 |
+
<li><i class="icon-2x"></i> icon-desktop <span class="muted">(&#xf108;)</span></li>
|
| 251 |
+
<li><i class="icon-2x"></i> icon-laptop <span class="muted">(&#xf109;)</span></li>
|
| 252 |
+
<li><i class="icon-2x"></i> icon-tablet <span class="muted">(&#xf10a;)</span></li>
|
| 253 |
+
<li><i class="icon-2x"></i> icon-mobile-phone <span class="muted">(&#xf10b;)</span></li>
|
| 254 |
+
<li><i class="icon-2x"></i> icon-circle-blank <span class="muted">(&#xf10c;)</span></li>
|
| 255 |
+
<li><i class="icon-2x"></i> icon-quote-left <span class="muted">(&#xf10d;)</span></li>
|
| 256 |
+
<li><i class="icon-2x"></i> icon-quote-right <span class="muted">(&#xf10e;)</span></li>
|
| 257 |
+
<li><i class="icon-2x"></i> icon-spinner <span class="muted">(&#xf110;)</span></li>
|
| 258 |
+
<li><i class="icon-2x"></i> icon-circle <span class="muted">(&#xf111;)</span></li>
|
| 259 |
+
<li><i class="icon-2x"></i> icon-reply <span class="muted">(&#xf112;)</span></li>
|
| 260 |
+
</ul>
|
| 261 |
+
</div>
|
| 262 |
+
</div>
|
| 263 |
+
</section>
|
| 264 |
+
|
| 265 |
+
<style>
|
| 266 |
+
.span4{width:300px} ul.unstyled,ol.unstyled{margin-left:0;list-style:none} .row:before,.row:after{display:table;content:"";line-height:0}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:20px} .container{margin-right:auto;margin-left:auto;*zoom:1}.container:before,.container:after{display:table;content:"";line-height:0}.container:after{clear:both}
|
| 267 |
</style>
|
js/menu-social-icons-admin.js
CHANGED
|
@@ -1,195 +1,195 @@
|
|
| 1 |
-
(function( $, icons ){
|
| 2 |
-
/**
|
| 3 |
-
* Variable "icons" from MenuSocialIconsNetworks, PHP: MSI_Frontend::$networks)
|
| 4 |
-
*/
|
| 5 |
-
|
| 6 |
-
/**
|
| 7 |
-
* List of URLs to search for
|
| 8 |
-
*/
|
| 9 |
-
var icon_urls = Object.keys( icons );
|
| 10 |
-
|
| 11 |
-
/**
|
| 12 |
-
* Iterate over all menu items, add icon if URL matches
|
| 13 |
-
*/
|
| 14 |
-
var check_menu_item = function(){
|
| 15 |
-
var $input = $(this);
|
| 16 |
-
var url_value = $input.val();
|
| 17 |
-
|
| 18 |
-
var icon_url = get_icon_if_exists_for_url( url_value );
|
| 19 |
-
|
| 20 |
-
if ( icon_url ){
|
| 21 |
-
add_icon( $input, icon_url );
|
| 22 |
-
}else {
|
| 23 |
-
remove_icon( $input );
|
| 24 |
-
}
|
| 25 |
-
};
|
| 26 |
-
|
| 27 |
-
/**
|
| 28 |
-
* Check a URL to see if we have an icon for it
|
| 29 |
-
* @return string|bool valid URL|false
|
| 30 |
-
*/
|
| 31 |
-
var get_icon_if_exists_for_url = function( url_value ) {
|
| 32 |
-
for (var i = 0; i < icon_urls.length; i++) {
|
| 33 |
-
if ( -1 != url_value.indexOf( icon_urls[i] ) ){
|
| 34 |
-
return icon_urls[i];
|
| 35 |
-
}
|
| 36 |
-
}
|
| 37 |
-
|
| 38 |
-
return false;
|
| 39 |
-
};
|
| 40 |
-
|
| 41 |
-
/**
|
| 42 |
-
* Add icon, either from New Link area or menu item title
|
| 43 |
-
*/
|
| 44 |
-
var add_icon = function( $input, icon_url ){
|
| 45 |
-
if ( "custom-menu-item-url" == $input.attr('id') ) {
|
| 46 |
-
add_icon_to_new_link( $input, icon_url );
|
| 47 |
-
}else {
|
| 48 |
-
add_icon_to_title( $input, icon_url );
|
| 49 |
-
}
|
| 50 |
-
};
|
| 51 |
-
|
| 52 |
-
/**
|
| 53 |
-
* Remove icon, either from New Link area or menu item title
|
| 54 |
-
*/
|
| 55 |
-
var remove_icon = function( $input ){
|
| 56 |
-
if ( "custom-menu-item-url" == $input.attr('id') ) {
|
| 57 |
-
remove_icon_from_new_link();
|
| 58 |
-
}else {
|
| 59 |
-
remove_icon_from_title( $input );
|
| 60 |
-
}
|
| 61 |
-
};
|
| 62 |
-
|
| 63 |
-
/**
|
| 64 |
-
* Add icon to New Link area
|
| 65 |
-
*/
|
| 66 |
-
var add_icon_to_new_link = function( $input, icon_url ){
|
| 67 |
-
remove_icon_from_new_link();
|
| 68 |
-
|
| 69 |
-
$('#msi-shortcuts i').each( function(){
|
| 70 |
-
if ( icon_url == $(this).data('url') ) {
|
| 71 |
-
$(this).addClass('active');
|
| 72 |
-
}
|
| 73 |
-
});
|
| 74 |
-
|
| 75 |
-
};
|
| 76 |
-
|
| 77 |
-
/**
|
| 78 |
-
* Add an icon to menu title bar
|
| 79 |
-
*/
|
| 80 |
-
var add_icon_to_title = function( $input, icon_url ){
|
| 81 |
-
// Identify title element and build appropriate icon
|
| 82 |
-
var $title = $input.parents('li.menu-item').find('dt.menu-item-handle');
|
| 83 |
-
|
| 84 |
-
var $icon = get_icon_from_url( icon_url );
|
| 85 |
-
|
| 86 |
-
// Add icon and move title text over
|
| 87 |
-
remove_icon_from_title( $input );
|
| 88 |
-
$title.prepend( $icon );
|
| 89 |
-
$title.find("span.item-title").addClass("has-social-icon");
|
| 90 |
-
};
|
| 91 |
-
|
| 92 |
-
/**
|
| 93 |
-
* Remove icon from title area of menu item
|
| 94 |
-
*/
|
| 95 |
-
var remove_icon_from_title = function( $input ) {
|
| 96 |
-
var $title = $input.parents('li.menu-item').find('dt.menu-item-handle');
|
| 97 |
-
|
| 98 |
-
$title.children('i').remove();
|
| 99 |
-
$title.find("span.item-title").removeClass("has-social-icon");
|
| 100 |
-
};
|
| 101 |
-
|
| 102 |
-
/**
|
| 103 |
-
* Remove icon from New Link area
|
| 104 |
-
*/
|
| 105 |
-
var remove_icon_from_new_link = function(){
|
| 106 |
-
$('#msi-shortcuts i').removeClass('active');
|
| 107 |
-
};
|
| 108 |
-
|
| 109 |
-
/**
|
| 110 |
-
* Take a matched URL and create an icon from info looked up in icons object
|
| 111 |
-
*/
|
| 112 |
-
var get_icon_from_url = function( url ){
|
| 113 |
-
var $icon = $("<i>").addClass( icons[ url ].icon ).addClass('fa').addClass('fa-fw');
|
| 114 |
-
|
| 115 |
-
return $icon;
|
| 116 |
-
};
|
| 117 |
-
|
| 118 |
-
/**
|
| 119 |
-
* Take a matched URL and return the network name
|
| 120 |
-
*/
|
| 121 |
-
var get_name_from_url = function( url ){
|
| 122 |
-
return icons[ url ].name;
|
| 123 |
-
};
|
| 124 |
-
|
| 125 |
-
/**
|
| 126 |
-
* Add shortcuts to all icons in Links menu
|
| 127 |
-
*/
|
| 128 |
-
var display_icon_shortcuts = function(){
|
| 129 |
-
var $icon, name;
|
| 130 |
-
var $wrapper = $('<div>').attr('id', 'msi-shortcuts');
|
| 131 |
-
|
| 132 |
-
$wrapper.append( '<h4>Social Icons</h4>');
|
| 133 |
-
|
| 134 |
-
for (var i = 0; i < icon_urls.length; i++) {
|
| 135 |
-
// Skip short-links (duplicates)
|
| 136 |
-
if ( 'youtu.be' == icon_urls[i] || 'instagr.am' == icon_urls[i] ) {
|
| 137 |
-
continue;
|
| 138 |
-
}
|
| 139 |
-
|
| 140 |
-
$icon = get_icon_from_url( icon_urls[i] );
|
| 141 |
-
name = get_name_from_url( icon_urls[i] );
|
| 142 |
-
|
| 143 |
-
$icon.data( 'url', icon_urls[i] );
|
| 144 |
-
$icon.data( 'name', name );
|
| 145 |
-
|
| 146 |
-
$icon.click( update_link_fields );
|
| 147 |
-
|
| 148 |
-
$wrapper.append( $icon );
|
| 149 |
-
}
|
| 150 |
-
|
| 151 |
-
$faq = $('<ul>').addClass('faq');
|
| 152 |
-
|
| 153 |
-
$faq.append( "<li><a href='http://youtube.com/watch?v=hA2rjDwmvms' target='_blank'>How to edit icon appearance</a></li>" );
|
| 154 |
-
$faq.append( "<li><a href='http://fortawesome.github.io/Font-Awesome/community/#requesting-new-icons' target='_blank'>How to request new icons</a></li>" );
|
| 155 |
-
|
| 156 |
-
$wrapper.append( $faq );
|
| 157 |
-
|
| 158 |
-
$('#customlinkdiv').append( $wrapper );
|
| 159 |
-
};
|
| 160 |
-
|
| 161 |
-
/**
|
| 162 |
-
* Insert icon URL into input field when icon is clicked
|
| 163 |
-
*/
|
| 164 |
-
var update_link_fields = function(){
|
| 165 |
-
var url = $(this).data('url');
|
| 166 |
-
var name = $(this).data('name');
|
| 167 |
-
|
| 168 |
-
remove_icon_from_new_link();
|
| 169 |
-
$(this).addClass('active');
|
| 170 |
-
|
| 171 |
-
$('#custom-menu-item-url').val( 'http://' + url );
|
| 172 |
-
$('#custom-menu-item-name').val( name ).removeClass('input-with-default-title');
|
| 173 |
-
};
|
| 174 |
-
|
| 175 |
-
/**
|
| 176 |
-
* Initial search and change event hook
|
| 177 |
-
*/
|
| 178 |
-
var init = function(){
|
| 179 |
-
$( '#menu-to-edit input.edit-menu-item-url' ).each( check_menu_item );
|
| 180 |
-
$( '#menu-to-edit input.edit-menu-item-url' ).on( 'keyup', check_menu_item );
|
| 181 |
-
$( '#custom-menu-item-url' ).on( 'keyup', check_menu_item );
|
| 182 |
-
|
| 183 |
-
// Closest thing I can find to an event on new link add
|
| 184 |
-
$( '#custom-menu-item-name' ).on( 'blur', function(){
|
| 185 |
-
$( '#menu-to-edit input.edit-menu-item-url' ).each( check_menu_item );
|
| 186 |
-
remove_icon_from_new_link();
|
| 187 |
-
});
|
| 188 |
-
|
| 189 |
-
display_icon_shortcuts();
|
| 190 |
-
};
|
| 191 |
-
|
| 192 |
-
// Fire this plugin
|
| 193 |
-
init();
|
| 194 |
-
|
| 195 |
})( jQuery, MenuSocialIconsNetworks );
|
| 1 |
+
(function( $, icons ){
|
| 2 |
+
/**
|
| 3 |
+
* Variable "icons" from MenuSocialIconsNetworks, PHP: MSI_Frontend::$networks)
|
| 4 |
+
*/
|
| 5 |
+
|
| 6 |
+
/**
|
| 7 |
+
* List of URLs to search for
|
| 8 |
+
*/
|
| 9 |
+
var icon_urls = Object.keys( icons );
|
| 10 |
+
|
| 11 |
+
/**
|
| 12 |
+
* Iterate over all menu items, add icon if URL matches
|
| 13 |
+
*/
|
| 14 |
+
var check_menu_item = function(){
|
| 15 |
+
var $input = $(this);
|
| 16 |
+
var url_value = $input.val();
|
| 17 |
+
|
| 18 |
+
var icon_url = get_icon_if_exists_for_url( url_value );
|
| 19 |
+
|
| 20 |
+
if ( icon_url ){
|
| 21 |
+
add_icon( $input, icon_url );
|
| 22 |
+
}else {
|
| 23 |
+
remove_icon( $input );
|
| 24 |
+
}
|
| 25 |
+
};
|
| 26 |
+
|
| 27 |
+
/**
|
| 28 |
+
* Check a URL to see if we have an icon for it
|
| 29 |
+
* @return string|bool valid URL|false
|
| 30 |
+
*/
|
| 31 |
+
var get_icon_if_exists_for_url = function( url_value ) {
|
| 32 |
+
for (var i = 0; i < icon_urls.length; i++) {
|
| 33 |
+
if ( -1 != url_value.indexOf( icon_urls[i] ) ){
|
| 34 |
+
return icon_urls[i];
|
| 35 |
+
}
|
| 36 |
+
}
|
| 37 |
+
|
| 38 |
+
return false;
|
| 39 |
+
};
|
| 40 |
+
|
| 41 |
+
/**
|
| 42 |
+
* Add icon, either from New Link area or menu item title
|
| 43 |
+
*/
|
| 44 |
+
var add_icon = function( $input, icon_url ){
|
| 45 |
+
if ( "custom-menu-item-url" == $input.attr('id') ) {
|
| 46 |
+
add_icon_to_new_link( $input, icon_url );
|
| 47 |
+
}else {
|
| 48 |
+
add_icon_to_title( $input, icon_url );
|
| 49 |
+
}
|
| 50 |
+
};
|
| 51 |
+
|
| 52 |
+
/**
|
| 53 |
+
* Remove icon, either from New Link area or menu item title
|
| 54 |
+
*/
|
| 55 |
+
var remove_icon = function( $input ){
|
| 56 |
+
if ( "custom-menu-item-url" == $input.attr('id') ) {
|
| 57 |
+
remove_icon_from_new_link();
|
| 58 |
+
}else {
|
| 59 |
+
remove_icon_from_title( $input );
|
| 60 |
+
}
|
| 61 |
+
};
|
| 62 |
+
|
| 63 |
+
/**
|
| 64 |
+
* Add icon to New Link area
|
| 65 |
+
*/
|
| 66 |
+
var add_icon_to_new_link = function( $input, icon_url ){
|
| 67 |
+
remove_icon_from_new_link();
|
| 68 |
+
|
| 69 |
+
$('#msi-shortcuts i').each( function(){
|
| 70 |
+
if ( icon_url == $(this).data('url') ) {
|
| 71 |
+
$(this).addClass('active');
|
| 72 |
+
}
|
| 73 |
+
});
|
| 74 |
+
|
| 75 |
+
};
|
| 76 |
+
|
| 77 |
+
/**
|
| 78 |
+
* Add an icon to menu title bar
|
| 79 |
+
*/
|
| 80 |
+
var add_icon_to_title = function( $input, icon_url ){
|
| 81 |
+
// Identify title element and build appropriate icon
|
| 82 |
+
var $title = $input.parents('li.menu-item').find('dt.menu-item-handle');
|
| 83 |
+
|
| 84 |
+
var $icon = get_icon_from_url( icon_url );
|
| 85 |
+
|
| 86 |
+
// Add icon and move title text over
|
| 87 |
+
remove_icon_from_title( $input );
|
| 88 |
+
$title.prepend( $icon );
|
| 89 |
+
$title.find("span.item-title").addClass("has-social-icon");
|
| 90 |
+
};
|
| 91 |
+
|
| 92 |
+
/**
|
| 93 |
+
* Remove icon from title area of menu item
|
| 94 |
+
*/
|
| 95 |
+
var remove_icon_from_title = function( $input ) {
|
| 96 |
+
var $title = $input.parents('li.menu-item').find('dt.menu-item-handle');
|
| 97 |
+
|
| 98 |
+
$title.children('i').remove();
|
| 99 |
+
$title.find("span.item-title").removeClass("has-social-icon");
|
| 100 |
+
};
|
| 101 |
+
|
| 102 |
+
/**
|
| 103 |
+
* Remove icon from New Link area
|
| 104 |
+
*/
|
| 105 |
+
var remove_icon_from_new_link = function(){
|
| 106 |
+
$('#msi-shortcuts i').removeClass('active');
|
| 107 |
+
};
|
| 108 |
+
|
| 109 |
+
/**
|
| 110 |
+
* Take a matched URL and create an icon from info looked up in icons object
|
| 111 |
+
*/
|
| 112 |
+
var get_icon_from_url = function( url ){
|
| 113 |
+
var $icon = $("<i>").addClass( icons[ url ].icon ).addClass('fa').addClass('fa-fw');
|
| 114 |
+
|
| 115 |
+
return $icon;
|
| 116 |
+
};
|
| 117 |
+
|
| 118 |
+
/**
|
| 119 |
+
* Take a matched URL and return the network name
|
| 120 |
+
*/
|
| 121 |
+
var get_name_from_url = function( url ){
|
| 122 |
+
return icons[ url ].name;
|
| 123 |
+
};
|
| 124 |
+
|
| 125 |
+
/**
|
| 126 |
+
* Add shortcuts to all icons in Links menu
|
| 127 |
+
*/
|
| 128 |
+
var display_icon_shortcuts = function(){
|
| 129 |
+
var $icon, name;
|
| 130 |
+
var $wrapper = $('<div>').attr('id', 'msi-shortcuts');
|
| 131 |
+
|
| 132 |
+
$wrapper.append( '<h4>Social Icons</h4>');
|
| 133 |
+
|
| 134 |
+
for (var i = 0; i < icon_urls.length; i++) {
|
| 135 |
+
// Skip short-links (duplicates)
|
| 136 |
+
if ( 'youtu.be' == icon_urls[i] || 'instagr.am' == icon_urls[i] ) {
|
| 137 |
+
continue;
|
| 138 |
+
}
|
| 139 |
+
|
| 140 |
+
$icon = get_icon_from_url( icon_urls[i] );
|
| 141 |
+
name = get_name_from_url( icon_urls[i] );
|
| 142 |
+
|
| 143 |
+
$icon.data( 'url', icon_urls[i] );
|
| 144 |
+
$icon.data( 'name', name );
|
| 145 |
+
|
| 146 |
+
$icon.click( update_link_fields );
|
| 147 |
+
|
| 148 |
+
$wrapper.append( $icon );
|
| 149 |
+
}
|
| 150 |
+
|
| 151 |
+
$faq = $('<ul>').addClass('faq');
|
| 152 |
+
|
| 153 |
+
$faq.append( "<li><a href='http://youtube.com/watch?v=hA2rjDwmvms' target='_blank'>How to edit icon appearance</a></li>" );
|
| 154 |
+
$faq.append( "<li><a href='http://fortawesome.github.io/Font-Awesome/community/#requesting-new-icons' target='_blank'>How to request new icons</a></li>" );
|
| 155 |
+
|
| 156 |
+
$wrapper.append( $faq );
|
| 157 |
+
|
| 158 |
+
$('#customlinkdiv').append( $wrapper );
|
| 159 |
+
};
|
| 160 |
+
|
| 161 |
+
/**
|
| 162 |
+
* Insert icon URL into input field when icon is clicked
|
| 163 |
+
*/
|
| 164 |
+
var update_link_fields = function(){
|
| 165 |
+
var url = $(this).data('url');
|
| 166 |
+
var name = $(this).data('name');
|
| 167 |
+
|
| 168 |
+
remove_icon_from_new_link();
|
| 169 |
+
$(this).addClass('active');
|
| 170 |
+
|
| 171 |
+
$('#custom-menu-item-url').val( 'http://' + url );
|
| 172 |
+
$('#custom-menu-item-name').val( name ).removeClass('input-with-default-title');
|
| 173 |
+
};
|
| 174 |
+
|
| 175 |
+
/**
|
| 176 |
+
* Initial search and change event hook
|
| 177 |
+
*/
|
| 178 |
+
var init = function(){
|
| 179 |
+
$( '#menu-to-edit input.edit-menu-item-url' ).each( check_menu_item );
|
| 180 |
+
$( '#menu-to-edit input.edit-menu-item-url' ).on( 'keyup', check_menu_item );
|
| 181 |
+
$( '#custom-menu-item-url' ).on( 'keyup', check_menu_item );
|
| 182 |
+
|
| 183 |
+
// Closest thing I can find to an event on new link add
|
| 184 |
+
$( '#custom-menu-item-name' ).on( 'blur', function(){
|
| 185 |
+
$( '#menu-to-edit input.edit-menu-item-url' ).each( check_menu_item );
|
| 186 |
+
remove_icon_from_new_link();
|
| 187 |
+
});
|
| 188 |
+
|
| 189 |
+
display_icon_shortcuts();
|
| 190 |
+
};
|
| 191 |
+
|
| 192 |
+
// Fire this plugin
|
| 193 |
+
init();
|
| 194 |
+
|
| 195 |
})( jQuery, MenuSocialIconsNetworks );
|
plugin.php
CHANGED
|
@@ -1,8 +1,8 @@
|
|
| 1 |
<?php
|
| 2 |
/*
|
| 3 |
Plugin Name: Menu Social Icons
|
| 4 |
-
Description: Change menu links to social sites to icons automatically. Uses <a href="http://fortawesome.github.io/Font-Awesome/" target="_blank">FontAwesome</a> and supports: Bitbucket, Dribbble, Dropbox, Flickr, Foursquare, Gittip, Instagram, RenRen, Stack Overflow, Trello, Tumblr, VK, Weibo, Xing, and YouTube.
|
| 5 |
-
Version: 1.3.
|
| 6 |
Author: Paul Clark
|
| 7 |
Author URI: http://pdclark.com
|
| 8 |
License: GPLv2 or later
|
|
@@ -10,12 +10,12 @@ License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
|
| 10 |
*/
|
| 11 |
|
| 12 |
define( 'MSI_PLUGIN_FILE', __FILE__ );
|
| 13 |
-
define( 'MSI_VERSION', '1.3.
|
| 14 |
|
| 15 |
add_action( 'init', 'storm_menu_social_icons_init' );
|
| 16 |
|
| 17 |
function storm_menu_social_icons_init() {
|
| 18 |
-
|
| 19 |
// PHP Version Check
|
| 20 |
$php_is_outdated = version_compare( PHP_VERSION, '5.2', '<' );
|
| 21 |
|
| 1 |
<?php
|
| 2 |
/*
|
| 3 |
Plugin Name: Menu Social Icons
|
| 4 |
+
Description: Change menu links to social sites to icons automatically. Uses <a href="http://fortawesome.github.io/Font-Awesome/" target="_blank">FontAwesome</a> and supports: Bitbucket, Dribbble, Dropbox, Flickr, Foursquare, Gittip, Instagram, RenRen, SlideShare, Stack Overflow, Trello, Tumblr, VK, Weibo, Xing, and YouTube.
|
| 5 |
+
Version: 1.3.10
|
| 6 |
Author: Paul Clark
|
| 7 |
Author URI: http://pdclark.com
|
| 8 |
License: GPLv2 or later
|
| 10 |
*/
|
| 11 |
|
| 12 |
define( 'MSI_PLUGIN_FILE', __FILE__ );
|
| 13 |
+
define( 'MSI_VERSION', '1.3.9' );
|
| 14 |
|
| 15 |
add_action( 'init', 'storm_menu_social_icons_init' );
|
| 16 |
|
| 17 |
function storm_menu_social_icons_init() {
|
| 18 |
+
|
| 19 |
// PHP Version Check
|
| 20 |
$php_is_outdated = version_compare( PHP_VERSION, '5.2', '<' );
|
| 21 |
|
readme.txt
CHANGED
|
@@ -4,8 +4,8 @@ Plugin URI: https://github.com/pdclark/menu-social-icons
|
|
| 4 |
Author URI: http://pdclark.com
|
| 5 |
Tags: social, icons, menus, FontAwesome, social media, easy
|
| 6 |
Requires at least: 3.4
|
| 7 |
-
Tested up to: 3.
|
| 8 |
-
Stable tag: 1.3.
|
| 9 |
License: GPLv2
|
| 10 |
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
| 11 |
|
|
@@ -26,12 +26,13 @@ bitbucket.org dribbble.com dropbox.com
|
|
| 26 |
facebook.com flickr.com foursquare.com
|
| 27 |
github.com gittip.com instagram.com
|
| 28 |
linkedin.com mailto:(email) pinterest.com
|
| 29 |
-
plus.google.com renren.com
|
| 30 |
-
*stackexchange.com
|
| 31 |
-
twitter.com
|
| 32 |
-
weibo.com
|
|
|
|
| 33 |
|
| 34 |
-
*Requires storm_social_icons_use_latest be turned on. (See below.)
|
| 35 |
`
|
| 36 |
|
| 37 |
**Changing Icon Appearance**
|
|
@@ -42,7 +43,7 @@ http://youtube.com/watch?v=hA2rjDwmvms
|
|
| 42 |
|
| 43 |
**Option: Add Vimeo and Stack Exchange**
|
| 44 |
|
| 45 |
-
To use FontAwesome 4.0
|
| 46 |
`add_filter( 'storm_social_icons_use_latest', '__return_true' );`
|
| 47 |
|
| 48 |
**Option: Show Text**
|
|
@@ -180,6 +181,14 @@ We load FontAwesome onto your site using NetDNA's [Bootstrap CDN](http://www.boo
|
|
| 180 |
|
| 181 |
== Changelog ==
|
| 182 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 183 |
= 1.3.8 =
|
| 184 |
|
| 185 |
* Fix: Title notice.
|
|
@@ -232,10 +241,6 @@ We load FontAwesome onto your site using NetDNA's [Bootstrap CDN](http://www.boo
|
|
| 232 |
|
| 233 |
== Upgrade Notice ==
|
| 234 |
|
| 235 |
-
= 1.3.
|
| 236 |
-
|
| 237 |
-
* Fix: Title notice.
|
| 238 |
-
|
| 239 |
-
= 1.3.7 =
|
| 240 |
|
| 241 |
-
* New:
|
| 4 |
Author URI: http://pdclark.com
|
| 5 |
Tags: social, icons, menus, FontAwesome, social media, easy
|
| 6 |
Requires at least: 3.4
|
| 7 |
+
Tested up to: 3.8.1
|
| 8 |
+
Stable tag: 1.3.10
|
| 9 |
License: GPLv2
|
| 10 |
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
| 11 |
|
| 26 |
facebook.com flickr.com foursquare.com
|
| 27 |
github.com gittip.com instagram.com
|
| 28 |
linkedin.com mailto:(email) pinterest.com
|
| 29 |
+
plus.google.com renren.com *slideshare.net
|
| 30 |
+
stackoverflow.com *stackexchange.com trello.com
|
| 31 |
+
tumblr.com twitter.com *vimeo.com
|
| 32 |
+
vk.com weibo.com xing.com
|
| 33 |
+
youtube.com
|
| 34 |
|
| 35 |
+
* Requires storm_social_icons_use_latest be turned on. (See below.)
|
| 36 |
`
|
| 37 |
|
| 38 |
**Changing Icon Appearance**
|
| 43 |
|
| 44 |
**Option: Add Vimeo and Stack Exchange**
|
| 45 |
|
| 46 |
+
To use FontAwesome 4.0+, which drops support for **IE7**, but adds **vimeo.com** and **stackexchange.com**, add this to your theme's **functions.php** file:
|
| 47 |
`add_filter( 'storm_social_icons_use_latest', '__return_true' );`
|
| 48 |
|
| 49 |
**Option: Show Text**
|
| 181 |
|
| 182 |
== Changelog ==
|
| 183 |
|
| 184 |
+
= 1.3.10 =
|
| 185 |
+
|
| 186 |
+
* New: Add SlideShare. Thanks @mjiderhamn.
|
| 187 |
+
|
| 188 |
+
= 1.3.9 =
|
| 189 |
+
|
| 190 |
+
* Fix: Change `use_latest` filter to request "latest" version of FontAwesome, rather than stopping at `4.0.0`. Current version is `4.0.3`.
|
| 191 |
+
|
| 192 |
= 1.3.8 =
|
| 193 |
|
| 194 |
* Fix: Title notice.
|
| 241 |
|
| 242 |
== Upgrade Notice ==
|
| 243 |
|
| 244 |
+
= 1.3.10 =
|
|
|
|
|
|
|
|
|
|
|
|
|
| 245 |
|
| 246 |
+
* New: Add SlideShare. Thanks @mjiderhamn.
|
