From 2f7bb03626ea3b927e81d7840bc08f96589be5f9 Mon Sep 17 00:00:00 2001 From: Argo-Lenovo Date: Tue, 25 Oct 2016 01:20:58 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0FontAwesome=E4=B8=8EGlyphicon?= =?UTF-8?q?=E4=B8=A4=E7=A7=8D=E5=9B=BE=E6=A0=87=E9=80=89=E6=8B=A9=E8=A7=86?= =?UTF-8?q?=E5=9B=BE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Bootstrap.Admin/Bootstrap.Admin.csproj | 2 + Bootstrap.Admin/Content/css/fa.css | 49 +- Bootstrap.Admin/Content/js/_references.js | Bin 1816 -> 1912 bytes Bootstrap.Admin/Scripts/icon.js | 12 + Bootstrap.Admin/Views/Admin/FAIcon.cshtml | 20 +- .../Views/Shared/AwesomeIcon.cshtml | 2021 ++++++++--------- .../Views/Shared/Glyphicons.cshtml | 1009 ++++++++ 7 files changed, 2099 insertions(+), 1014 deletions(-) create mode 100644 Bootstrap.Admin/Scripts/icon.js create mode 100644 Bootstrap.Admin/Views/Shared/Glyphicons.cshtml diff --git a/Bootstrap.Admin/Bootstrap.Admin.csproj b/Bootstrap.Admin/Bootstrap.Admin.csproj index 18e23779..aac95394 100644 --- a/Bootstrap.Admin/Bootstrap.Admin.csproj +++ b/Bootstrap.Admin/Bootstrap.Admin.csproj @@ -153,6 +153,7 @@ + @@ -219,6 +220,7 @@ + Web.config diff --git a/Bootstrap.Admin/Content/css/fa.css b/Bootstrap.Admin/Content/css/fa.css index b91b535e..b6620eb3 100644 --- a/Bootstrap.Admin/Content/css/fa.css +++ b/Bootstrap.Admin/Content/css/fa.css @@ -1,4 +1,8 @@ -.fontawesome-icon-list .fa-hover a { +body { + padding-top: 16px; +} + +.fontawesome-icon-list .fa-hover a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; @@ -28,3 +32,46 @@ font-size: 28px; vertical-align: -6px; } + +.fontawesome-icon-list ul { + display: block; + margin-left: -28px; +} + + .fontawesome-icon-list ul li { + overflow: hidden; + list-style: none; + float: left; + padding-left: 10px; + padding-right: 15px; + padding-top: 2px; + padding-bottom: 4px; + text-overflow: ellipsis; + line-height: 32px; + height: 32px; + white-space: nowrap; + vertical-align: middle; + } + + .fontawesome-icon-list ul li:hover { + background-color: #1d9d74; + color: #fff; + text-decoration: none; + border-radius: 4px; + cursor: pointer; + } + + .fontawesome-icon-list ul li:hover span:nth-child(1) { + font-size: 28px; + vertical-align: middle; + } + + .fontawesome-icon-list ul li span:nth-child(1) { + margin-right: 10px; + } + +@media (max-width: 768px) { + .col-sm-6 { + width: 50%; + } +} diff --git a/Bootstrap.Admin/Content/js/_references.js b/Bootstrap.Admin/Content/js/_references.js index 4f98db8a3f7689c8f2d02b6bd4b34c7c13b6cce3..1921e1f98d371a461e700a2b92eef74625827ddd 100644 GIT binary patch delta 21 ccmbQi_k(YP1siK7Lo!4DWP7&g$rfx607`NOzW@LL delta 11 ScmeytH-m431>58qY!3h&MFgw> diff --git a/Bootstrap.Admin/Scripts/icon.js b/Bootstrap.Admin/Scripts/icon.js new file mode 100644 index 00000000..8eec4615 --- /dev/null +++ b/Bootstrap.Admin/Scripts/icon.js @@ -0,0 +1,12 @@ +$(function () { + $('.fontawesome-icon-list a').click(function () { + window.console.log($(this).children('i').attr('class')); + return false; + }); + + $('.fontawesome-icon-list ul li').click(function () { + window.console.log($(this).children('span:first').attr('class')); + }); + + $('.fontawesome-icon-list ul li').addClass('col-md-3 col-sm-4'); +}); \ No newline at end of file diff --git a/Bootstrap.Admin/Views/Admin/FAIcon.cshtml b/Bootstrap.Admin/Views/Admin/FAIcon.cshtml index 0318aea1..393cf00e 100644 --- a/Bootstrap.Admin/Views/Admin/FAIcon.cshtml +++ b/Bootstrap.Admin/Views/Admin/FAIcon.cshtml @@ -6,4 +6,22 @@ } -@Html.Partial("AwesomeIcon") +@section javascript { + +} +
+
+
+
+ +
+
@Html.Partial("AwesomeIcon")
+
@Html.Partial("Glyphicons")
+
+
+
+
+
diff --git a/Bootstrap.Admin/Views/Shared/AwesomeIcon.cshtml b/Bootstrap.Admin/Views/Shared/AwesomeIcon.cshtml index 54c660b9..b6853f1c 100644 --- a/Bootstrap.Admin/Views/Shared/AwesomeIcon.cshtml +++ b/Bootstrap.Admin/Views/Shared/AwesomeIcon.cshtml @@ -1,2018 +1,2015 @@ 
-
-
- +
+ -
+
- + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + -
+
-
+
-
- +
+ -
+
- + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + -
+
-
+
-
- +
+ - -
+
-
- +
+ - -
+
-
- +
+ - -
+
-
- +
+ - -
+
-
- +
+ - -
+
-
- +
+ -
- -
+
+ +
-
+
+ -
- +
+ -
+
+ -
- +
+ - -
+
-
- +
+ - -
+
-
- +
+ - -
+
-
- +
+ -
+
- + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + -
+
-
+
-
- +
+ -
+
- + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + -
+
-
+
-
- +
+ - -
+
-
- +
+ -
-

Warning!

- Apparently, Adblock Plus can remove Font Awesome brand icons with their "Remove Social - Media Buttons" setting. We will not use hacks to force them to display. Please - report an issue with Adblock Plus if you believe this to be - an error. To work around this, you'll need to modify the social icon class names. +
+

Warning!

+ Apparently, Adblock Plus can remove Font Awesome brand icons with their "Remove Social + Media Buttons" setting. We will not use hacks to force them to display. Please + report an issue with Adblock Plus if you believe this to be + an error. To work around this, you'll need to modify the social icon class names. -
+
-
+
- + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + -
+
-
-
    -
  • All brand icons are trademarks of their respective owners.
  • -
  • The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa.
  • -
  • Brand icons should only be used to represent the company or product to which they refer.
  • -
+
+
    +
  • All brand icons are trademarks of their respective owners.
  • +
  • The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa.
  • +
  • Brand icons should only be used to represent the company or product to which they refer.
  • +
-
-
+ +
-
- +
+ - -
- - +
\ No newline at end of file diff --git a/Bootstrap.Admin/Views/Shared/Glyphicons.cshtml b/Bootstrap.Admin/Views/Shared/Glyphicons.cshtml new file mode 100644 index 00000000..4ef657d6 --- /dev/null +++ b/Bootstrap.Admin/Views/Shared/Glyphicons.cshtml @@ -0,0 +1,1009 @@ +
+
+ + +
    + +
  • + + glyphicon glyphicon-asterisk +
  • + +
  • + + glyphicon glyphicon-plus +
  • + +
  • + + glyphicon glyphicon-euro +
  • + +
  • + + glyphicon glyphicon-minus +
  • + +
  • + + glyphicon glyphicon-cloud +
  • + +
  • + + glyphicon glyphicon-envelope +
  • + +
  • + + glyphicon glyphicon-pencil +
  • + +
  • + + glyphicon glyphicon-glass +
  • + +
  • + + glyphicon glyphicon-music +
  • + +
  • + + glyphicon glyphicon-search +
  • + +
  • + + glyphicon glyphicon-heart +
  • + +
  • + + glyphicon glyphicon-star +
  • + +
  • + + glyphicon glyphicon-star-empty +
  • + +
  • + + glyphicon glyphicon-user +
  • + +
  • + + glyphicon glyphicon-film +
  • + +
  • + + glyphicon glyphicon-th-large +
  • + +
  • + + glyphicon glyphicon-th +
  • + +
  • + + glyphicon glyphicon-th-list +
  • + +
  • + + glyphicon glyphicon-ok +
  • + +
  • + + glyphicon glyphicon-remove +
  • + +
  • + + glyphicon glyphicon-zoom-in +
  • + +
  • + + glyphicon glyphicon-zoom-out +
  • + +
  • + + glyphicon glyphicon-off +
  • + +
  • + + glyphicon glyphicon-signal +
  • + +
  • + + glyphicon glyphicon-cog +
  • + +
  • + + glyphicon glyphicon-trash +
  • + +
  • + + glyphicon glyphicon-home +
  • + +
  • + + glyphicon glyphicon-file +
  • + +
  • + + glyphicon glyphicon-time +
  • + +
  • + + glyphicon glyphicon-road +
  • + +
  • + + glyphicon glyphicon-download-alt +
  • + +
  • + + glyphicon glyphicon-download +
  • + +
  • + + glyphicon glyphicon-upload +
  • + +
  • + + glyphicon glyphicon-inbox +
  • + +
  • + + glyphicon glyphicon-play-circle +
  • + +
  • + + glyphicon glyphicon-repeat +
  • + +
  • + + glyphicon glyphicon-refresh +
  • + +
  • + + glyphicon glyphicon-list-alt +
  • + +
  • + + glyphicon glyphicon-lock +
  • + +
  • + + glyphicon glyphicon-flag +
  • + +
  • + + glyphicon glyphicon-headphones +
  • + +
  • + + glyphicon glyphicon-volume-off +
  • + +
  • + + glyphicon glyphicon-volume-down +
  • + +
  • + + glyphicon glyphicon-volume-up +
  • + +
  • + + glyphicon glyphicon-qrcode +
  • + +
  • + + glyphicon glyphicon-barcode +
  • + +
  • + + glyphicon glyphicon-tag +
  • + +
  • + + glyphicon glyphicon-tags +
  • + +
  • + + glyphicon glyphicon-book +
  • + +
  • + + glyphicon glyphicon-bookmark +
  • + +
  • + + glyphicon glyphicon-print +
  • + +
  • + + glyphicon glyphicon-camera +
  • + +
  • + + glyphicon glyphicon-font +
  • + +
  • + + glyphicon glyphicon-bold +
  • + +
  • + + glyphicon glyphicon-italic +
  • + +
  • + + glyphicon glyphicon-text-height +
  • + +
  • + + glyphicon glyphicon-text-width +
  • + +
  • + + glyphicon glyphicon-align-left +
  • + +
  • + + glyphicon glyphicon-align-center +
  • + +
  • + + glyphicon glyphicon-align-right +
  • + +
  • + + glyphicon glyphicon-align-justify +
  • + +
  • + + glyphicon glyphicon-list +
  • + +
  • + + glyphicon glyphicon-indent-left +
  • + +
  • + + glyphicon glyphicon-indent-right +
  • + +
  • + + glyphicon glyphicon-facetime-video +
  • + +
  • + + glyphicon glyphicon-picture +
  • + +
  • + + glyphicon glyphicon-map-marker +
  • + +
  • + + glyphicon glyphicon-adjust +
  • + +
  • + + glyphicon glyphicon-tint +
  • + +
  • + + glyphicon glyphicon-edit +
  • + +
  • + + glyphicon glyphicon-share +
  • + +
  • + + glyphicon glyphicon-check +
  • + +
  • + + glyphicon glyphicon-move +
  • + +
  • + + glyphicon glyphicon-step-backward +
  • + +
  • + + glyphicon glyphicon-fast-backward +
  • + +
  • + + glyphicon glyphicon-backward +
  • + +
  • + + glyphicon glyphicon-play +
  • + +
  • + + glyphicon glyphicon-pause +
  • + +
  • + + glyphicon glyphicon-stop +
  • + +
  • + + glyphicon glyphicon-forward +
  • + +
  • + + glyphicon glyphicon-fast-forward +
  • + +
  • + + glyphicon glyphicon-step-forward +
  • + +
  • + + glyphicon glyphicon-eject +
  • + +
  • + + glyphicon glyphicon-chevron-left +
  • + +
  • + + glyphicon glyphicon-chevron-right +
  • + +
  • + + glyphicon glyphicon-plus-sign +
  • + +
  • + + glyphicon glyphicon-minus-sign +
  • + +
  • + + glyphicon glyphicon-remove-sign +
  • + +
  • + + glyphicon glyphicon-ok-sign +
  • + +
  • + + glyphicon glyphicon-question-sign +
  • + +
  • + + glyphicon glyphicon-info-sign +
  • + +
  • + + glyphicon glyphicon-screenshot +
  • + +
  • + + glyphicon glyphicon-remove-circle +
  • + +
  • + + glyphicon glyphicon-ok-circle +
  • + +
  • + + glyphicon glyphicon-ban-circle +
  • + +
  • + + glyphicon glyphicon-arrow-left +
  • + +
  • + + glyphicon glyphicon-arrow-right +
  • + +
  • + + glyphicon glyphicon-arrow-up +
  • + +
  • + + glyphicon glyphicon-arrow-down +
  • + +
  • + + glyphicon glyphicon-share-alt +
  • + +
  • + + glyphicon glyphicon-resize-full +
  • + +
  • + + glyphicon glyphicon-resize-small +
  • + +
  • + + glyphicon glyphicon-exclamation-sign +
  • + +
  • + + glyphicon glyphicon-gift +
  • + +
  • + + glyphicon glyphicon-leaf +
  • + +
  • + + glyphicon glyphicon-fire +
  • + +
  • + + glyphicon glyphicon-eye-open +
  • + +
  • + + glyphicon glyphicon-eye-close +
  • + +
  • + + glyphicon glyphicon-warning-sign +
  • + +
  • + + glyphicon glyphicon-plane +
  • + +
  • + + glyphicon glyphicon-calendar +
  • + +
  • + + glyphicon glyphicon-random +
  • + +
  • + + glyphicon glyphicon-comment +
  • + +
  • + + glyphicon glyphicon-magnet +
  • + +
  • + + glyphicon glyphicon-chevron-up +
  • + +
  • + + glyphicon glyphicon-chevron-down +
  • + +
  • + + glyphicon glyphicon-retweet +
  • + +
  • + + glyphicon glyphicon-shopping-cart +
  • + +
  • + + glyphicon glyphicon-folder-close +
  • + +
  • + + glyphicon glyphicon-folder-open +
  • + +
  • + + glyphicon glyphicon-resize-vertical +
  • + +
  • + + glyphicon glyphicon-resize-horizontal +
  • + +
  • + + glyphicon glyphicon-hdd +
  • + +
  • + + glyphicon glyphicon-bullhorn +
  • + +
  • + + glyphicon glyphicon-bell +
  • + +
  • + + glyphicon glyphicon-certificate +
  • + +
  • + + glyphicon glyphicon-thumbs-up +
  • + +
  • + + glyphicon glyphicon-thumbs-down +
  • + +
  • + + glyphicon glyphicon-hand-right +
  • + +
  • + + glyphicon glyphicon-hand-left +
  • + +
  • + + glyphicon glyphicon-hand-up +
  • + +
  • + + glyphicon glyphicon-hand-down +
  • + +
  • + + glyphicon glyphicon-circle-arrow-right +
  • + +
  • + + glyphicon glyphicon-circle-arrow-left +
  • + +
  • + + glyphicon glyphicon-circle-arrow-up +
  • + +
  • + + glyphicon glyphicon-circle-arrow-down +
  • + +
  • + + glyphicon glyphicon-globe +
  • + +
  • + + glyphicon glyphicon-wrench +
  • + +
  • + + glyphicon glyphicon-tasks +
  • + +
  • + + glyphicon glyphicon-filter +
  • + +
  • + + glyphicon glyphicon-briefcase +
  • + +
  • + + glyphicon glyphicon-fullscreen +
  • + +
  • + + glyphicon glyphicon-dashboard +
  • + +
  • + + glyphicon glyphicon-paperclip +
  • + +
  • + + glyphicon glyphicon-heart-empty +
  • + +
  • + + glyphicon glyphicon-link +
  • + +
  • + + glyphicon glyphicon-phone +
  • + +
  • + + glyphicon glyphicon-pushpin +
  • + +
  • + + glyphicon glyphicon-usd +
  • + +
  • + + glyphicon glyphicon-gbp +
  • + +
  • + + glyphicon glyphicon-sort +
  • + +
  • + + glyphicon glyphicon-sort-by-alphabet +
  • + +
  • + + glyphicon glyphicon-sort-by-alphabet-alt +
  • + +
  • + + glyphicon glyphicon-sort-by-order +
  • + +
  • + + glyphicon glyphicon-sort-by-order-alt +
  • + +
  • + + glyphicon glyphicon-sort-by-attributes +
  • + +
  • + + glyphicon glyphicon-sort-by-attributes-alt +
  • + +
  • + + glyphicon glyphicon-unchecked +
  • + +
  • + + glyphicon glyphicon-expand +
  • + +
  • + + glyphicon glyphicon-collapse-down +
  • + +
  • + + glyphicon glyphicon-collapse-up +
  • + +
  • + + glyphicon glyphicon-log-in +
  • + +
  • + + glyphicon glyphicon-flash +
  • + +
  • + + glyphicon glyphicon-log-out +
  • + +
  • + + glyphicon glyphicon-new-window +
  • + +
  • + + glyphicon glyphicon-record +
  • + +
  • + + glyphicon glyphicon-save +
  • + +
  • + + glyphicon glyphicon-open +
  • + +
  • + + glyphicon glyphicon-saved +
  • + +
  • + + glyphicon glyphicon-import +
  • + +
  • + + glyphicon glyphicon-export +
  • + +
  • + + glyphicon glyphicon-send +
  • + +
  • + + glyphicon glyphicon-floppy-disk +
  • + +
  • + + glyphicon glyphicon-floppy-saved +
  • + +
  • + + glyphicon glyphicon-floppy-remove +
  • + +
  • + + glyphicon glyphicon-floppy-save +
  • + +
  • + + glyphicon glyphicon-floppy-open +
  • + +
  • + + glyphicon glyphicon-credit-card +
  • + +
  • + + glyphicon glyphicon-transfer +
  • + +
  • + + glyphicon glyphicon-cutlery +
  • + +
  • + + glyphicon glyphicon-header +
  • + +
  • + + glyphicon glyphicon-compressed +
  • + +
  • + + glyphicon glyphicon-earphone +
  • + +
  • + + glyphicon glyphicon-phone-alt +
  • + +
  • + + glyphicon glyphicon-tower +
  • + +
  • + + glyphicon glyphicon-stats +
  • + +
  • + + glyphicon glyphicon-sd-video +
  • + +
  • + + glyphicon glyphicon-hd-video +
  • + +
  • + + glyphicon glyphicon-subtitles +
  • + +
  • + + glyphicon glyphicon-sound-stereo +
  • + +
  • + + glyphicon glyphicon-sound-dolby +
  • + +
  • + + glyphicon glyphicon-sound-5-1 +
  • + +
  • + + glyphicon glyphicon-sound-6-1 +
  • + +
  • + + glyphicon glyphicon-sound-7-1 +
  • + +
  • + + glyphicon glyphicon-copyright-mark +
  • + +
  • + + glyphicon glyphicon-registration-mark +
  • + +
  • + + glyphicon glyphicon-cloud-download +
  • + +
  • + + glyphicon glyphicon-cloud-upload +
  • + +
  • + + glyphicon glyphicon-tree-conifer +
  • + +
  • + + glyphicon glyphicon-tree-deciduous +
  • + +
+
+
\ No newline at end of file