From 78b6a3080159dcaa25506dc9219a5cf572ab673e Mon Sep 17 00:00:00 2001 From: Dave Gandy Date: Tue, 24 Mar 2015 10:36:15 -0400 Subject: [PATCH] adding black tie banners --- assets/css/site.css | 112 +++++++++++++++++++-------- assets/font-awesome-4.3.0.zip | Bin 472259 -> 472259 bytes assets/js/site.js | 73 +++++++++++++++-- assets/less/site.less | 2 +- assets/less/site/banner-ad.less | 112 +++++++++++++++++++++++++++ assets/less/site/fonticons.less | 62 --------------- cheatsheet/index.html | 8 +- community/index.html | 8 +- examples/index.html | 8 +- get-started/index.html | 8 +- icon/adjust/index.html | 8 +- icon/adn/index.html | 8 +- icon/align-center/index.html | 8 +- icon/align-justify/index.html | 8 +- icon/align-left/index.html | 8 +- icon/align-right/index.html | 8 +- icon/ambulance/index.html | 8 +- icon/anchor/index.html | 8 +- icon/android/index.html | 8 +- icon/angellist/index.html | 8 +- icon/angle-double-down/index.html | 8 +- icon/angle-double-left/index.html | 8 +- icon/angle-double-right/index.html | 8 +- icon/angle-double-up/index.html | 8 +- icon/angle-down/index.html | 8 +- icon/angle-left/index.html | 8 +- icon/angle-right/index.html | 8 +- icon/angle-up/index.html | 8 +- icon/apple/index.html | 8 +- icon/archive/index.html | 8 +- icon/area-chart/index.html | 8 +- icon/arrow-circle-down/index.html | 8 +- icon/arrow-circle-left/index.html | 8 +- icon/arrow-circle-o-down/index.html | 8 +- icon/arrow-circle-o-left/index.html | 8 +- icon/arrow-circle-o-right/index.html | 8 +- icon/arrow-circle-o-up/index.html | 8 +- icon/arrow-circle-right/index.html | 8 +- icon/arrow-circle-up/index.html | 8 +- icon/arrow-down/index.html | 8 +- icon/arrow-left/index.html | 8 +- icon/arrow-right/index.html | 8 +- icon/arrow-up/index.html | 8 +- icon/arrows-alt/index.html | 8 +- icon/arrows-h/index.html | 8 +- icon/arrows-v/index.html | 8 +- icon/arrows/index.html | 8 +- icon/asterisk/index.html | 8 +- icon/at/index.html | 8 +- icon/backward/index.html | 8 +- icon/ban/index.html | 8 +- icon/bar-chart/index.html | 8 +- icon/barcode/index.html | 8 +- icon/bars/index.html | 8 +- icon/bed/index.html | 8 +- icon/beer/index.html | 8 +- icon/behance-square/index.html | 8 +- icon/behance/index.html | 8 +- icon/bell-o/index.html | 8 +- icon/bell-slash-o/index.html | 8 +- icon/bell-slash/index.html | 8 +- icon/bell/index.html | 8 +- icon/bicycle/index.html | 8 +- icon/binoculars/index.html | 8 +- icon/birthday-cake/index.html | 8 +- icon/bitbucket-square/index.html | 8 +- icon/bitbucket/index.html | 8 +- icon/bold/index.html | 8 +- icon/bolt/index.html | 8 +- icon/bomb/index.html | 8 +- icon/book/index.html | 8 +- icon/bookmark-o/index.html | 8 +- icon/bookmark/index.html | 8 +- icon/briefcase/index.html | 8 +- icon/btc/index.html | 8 +- icon/bug/index.html | 8 +- icon/building-o/index.html | 8 +- icon/building/index.html | 8 +- icon/bullhorn/index.html | 8 +- icon/bullseye/index.html | 8 +- icon/bus/index.html | 8 +- icon/buysellads/index.html | 8 +- icon/calculator/index.html | 8 +- icon/calendar-o/index.html | 8 +- icon/calendar/index.html | 8 +- icon/camera-retro/index.html | 8 +- icon/camera/index.html | 8 +- icon/car/index.html | 8 +- icon/caret-down/index.html | 8 +- icon/caret-left/index.html | 8 +- icon/caret-right/index.html | 8 +- icon/caret-square-o-down/index.html | 8 +- icon/caret-square-o-left/index.html | 8 +- icon/caret-square-o-right/index.html | 8 +- icon/caret-square-o-up/index.html | 8 +- icon/caret-up/index.html | 8 +- icon/cart-arrow-down/index.html | 8 +- icon/cart-plus/index.html | 8 +- icon/cc-amex/index.html | 8 +- icon/cc-discover/index.html | 8 +- icon/cc-mastercard/index.html | 8 +- icon/cc-paypal/index.html | 8 +- icon/cc-stripe/index.html | 8 +- icon/cc-visa/index.html | 8 +- icon/cc/index.html | 8 +- icon/certificate/index.html | 8 +- icon/chain-broken/index.html | 8 +- icon/check-circle-o/index.html | 8 +- icon/check-circle/index.html | 8 +- icon/check-square-o/index.html | 8 +- icon/check-square/index.html | 8 +- icon/check/index.html | 8 +- icon/chevron-circle-down/index.html | 8 +- icon/chevron-circle-left/index.html | 8 +- icon/chevron-circle-right/index.html | 8 +- icon/chevron-circle-up/index.html | 8 +- icon/chevron-down/index.html | 8 +- icon/chevron-left/index.html | 8 +- icon/chevron-right/index.html | 8 +- icon/chevron-up/index.html | 8 +- icon/child/index.html | 8 +- icon/circle-o-notch/index.html | 8 +- icon/circle-o/index.html | 8 +- icon/circle-thin/index.html | 8 +- icon/circle/index.html | 8 +- icon/clipboard/index.html | 8 +- icon/clock-o/index.html | 8 +- icon/cloud-download/index.html | 8 +- icon/cloud-upload/index.html | 8 +- icon/cloud/index.html | 8 +- icon/code-fork/index.html | 8 +- icon/code/index.html | 8 +- icon/codepen/index.html | 8 +- icon/coffee/index.html | 8 +- icon/cog/index.html | 8 +- icon/cogs/index.html | 8 +- icon/columns/index.html | 8 +- icon/comment-o/index.html | 8 +- icon/comment/index.html | 8 +- icon/comments-o/index.html | 8 +- icon/comments/index.html | 8 +- icon/compass/index.html | 8 +- icon/compress/index.html | 8 +- icon/connectdevelop/index.html | 8 +- icon/copyright/index.html | 8 +- icon/credit-card/index.html | 8 +- icon/crop/index.html | 8 +- icon/crosshairs/index.html | 8 +- icon/css3/index.html | 8 +- icon/cube/index.html | 8 +- icon/cubes/index.html | 8 +- icon/cutlery/index.html | 8 +- icon/dashcube/index.html | 8 +- icon/database/index.html | 8 +- icon/delicious/index.html | 8 +- icon/desktop/index.html | 8 +- icon/deviantart/index.html | 8 +- icon/diamond/index.html | 8 +- icon/digg/index.html | 8 +- icon/dot-circle-o/index.html | 8 +- icon/download/index.html | 8 +- icon/dribbble/index.html | 8 +- icon/dropbox/index.html | 8 +- icon/drupal/index.html | 8 +- icon/eject/index.html | 8 +- icon/ellipsis-h/index.html | 8 +- icon/ellipsis-v/index.html | 8 +- icon/empire/index.html | 8 +- icon/envelope-o/index.html | 8 +- icon/envelope-square/index.html | 8 +- icon/envelope/index.html | 8 +- icon/eraser/index.html | 8 +- icon/eur/index.html | 8 +- icon/exchange/index.html | 8 +- icon/exclamation-circle/index.html | 8 +- icon/exclamation-triangle/index.html | 8 +- icon/exclamation/index.html | 8 +- icon/expand/index.html | 8 +- icon/external-link-square/index.html | 8 +- icon/external-link/index.html | 8 +- icon/eye-slash/index.html | 8 +- icon/eye/index.html | 8 +- icon/eyedropper/index.html | 8 +- icon/facebook-official/index.html | 8 +- icon/facebook-square/index.html | 8 +- icon/facebook/index.html | 8 +- icon/fast-backward/index.html | 8 +- icon/fast-forward/index.html | 8 +- icon/fax/index.html | 8 +- icon/female/index.html | 8 +- icon/fighter-jet/index.html | 8 +- icon/file-archive-o/index.html | 8 +- icon/file-audio-o/index.html | 8 +- icon/file-code-o/index.html | 8 +- icon/file-excel-o/index.html | 8 +- icon/file-image-o/index.html | 8 +- icon/file-o/index.html | 8 +- icon/file-pdf-o/index.html | 8 +- icon/file-powerpoint-o/index.html | 8 +- icon/file-text-o/index.html | 8 +- icon/file-text/index.html | 8 +- icon/file-video-o/index.html | 8 +- icon/file-word-o/index.html | 8 +- icon/file/index.html | 8 +- icon/files-o/index.html | 8 +- icon/film/index.html | 8 +- icon/filter/index.html | 8 +- icon/fire-extinguisher/index.html | 8 +- icon/fire/index.html | 8 +- icon/flag-checkered/index.html | 8 +- icon/flag-o/index.html | 8 +- icon/flag/index.html | 8 +- icon/flask/index.html | 8 +- icon/flickr/index.html | 8 +- icon/floppy-o/index.html | 8 +- icon/folder-o/index.html | 8 +- icon/folder-open-o/index.html | 8 +- icon/folder-open/index.html | 8 +- icon/folder/index.html | 8 +- icon/font/index.html | 8 +- icon/forumbee/index.html | 8 +- icon/forward/index.html | 8 +- icon/foursquare/index.html | 8 +- icon/frown-o/index.html | 8 +- icon/futbol-o/index.html | 8 +- icon/gamepad/index.html | 8 +- icon/gavel/index.html | 8 +- icon/gbp/index.html | 8 +- icon/gift/index.html | 8 +- icon/git-square/index.html | 8 +- icon/git/index.html | 8 +- icon/github-alt/index.html | 8 +- icon/github-square/index.html | 8 +- icon/github/index.html | 8 +- icon/glass/index.html | 8 +- icon/globe/index.html | 8 +- icon/google-plus-square/index.html | 8 +- icon/google-plus/index.html | 8 +- icon/google-wallet/index.html | 8 +- icon/google/index.html | 8 +- icon/graduation-cap/index.html | 8 +- icon/gratipay/index.html | 8 +- icon/h-square/index.html | 8 +- icon/hacker-news/index.html | 8 +- icon/hand-o-down/index.html | 8 +- icon/hand-o-left/index.html | 8 +- icon/hand-o-right/index.html | 8 +- icon/hand-o-up/index.html | 8 +- icon/hdd-o/index.html | 8 +- icon/header/index.html | 8 +- icon/headphones/index.html | 8 +- icon/heart-o/index.html | 8 +- icon/heart/index.html | 8 +- icon/heartbeat/index.html | 8 +- icon/history/index.html | 8 +- icon/home/index.html | 8 +- icon/hospital-o/index.html | 8 +- icon/html5/index.html | 8 +- icon/ils/index.html | 8 +- icon/inbox/index.html | 8 +- icon/indent/index.html | 8 +- icon/info-circle/index.html | 8 +- icon/info/index.html | 8 +- icon/inr/index.html | 8 +- icon/instagram/index.html | 8 +- icon/ioxhost/index.html | 8 +- icon/italic/index.html | 8 +- icon/joomla/index.html | 8 +- icon/jpy/index.html | 8 +- icon/jsfiddle/index.html | 8 +- icon/key/index.html | 8 +- icon/keyboard-o/index.html | 8 +- icon/krw/index.html | 8 +- icon/language/index.html | 8 +- icon/laptop/index.html | 8 +- icon/lastfm-square/index.html | 8 +- icon/lastfm/index.html | 8 +- icon/leaf/index.html | 8 +- icon/leanpub/index.html | 8 +- icon/lemon-o/index.html | 8 +- icon/level-down/index.html | 8 +- icon/level-up/index.html | 8 +- icon/life-ring/index.html | 8 +- icon/lightbulb-o/index.html | 8 +- icon/line-chart/index.html | 8 +- icon/link/index.html | 8 +- icon/linkedin-square/index.html | 8 +- icon/linkedin/index.html | 8 +- icon/linux/index.html | 8 +- icon/list-alt/index.html | 8 +- icon/list-ol/index.html | 8 +- icon/list-ul/index.html | 8 +- icon/list/index.html | 8 +- icon/location-arrow/index.html | 8 +- icon/lock/index.html | 8 +- icon/long-arrow-down/index.html | 8 +- icon/long-arrow-left/index.html | 8 +- icon/long-arrow-right/index.html | 8 +- icon/long-arrow-up/index.html | 8 +- icon/magic/index.html | 8 +- icon/magnet/index.html | 8 +- icon/male/index.html | 8 +- icon/map-marker/index.html | 8 +- icon/mars-double/index.html | 8 +- icon/mars-stroke-h/index.html | 8 +- icon/mars-stroke-v/index.html | 8 +- icon/mars-stroke/index.html | 8 +- icon/mars/index.html | 8 +- icon/maxcdn/index.html | 8 +- icon/meanpath/index.html | 8 +- icon/medium/index.html | 8 +- icon/medkit/index.html | 8 +- icon/meh-o/index.html | 8 +- icon/mercury/index.html | 8 +- icon/microphone-slash/index.html | 8 +- icon/microphone/index.html | 8 +- icon/minus-circle/index.html | 8 +- icon/minus-square-o/index.html | 8 +- icon/minus-square/index.html | 8 +- icon/minus/index.html | 8 +- icon/mobile/index.html | 8 +- icon/money/index.html | 8 +- icon/moon-o/index.html | 8 +- icon/motorcycle/index.html | 8 +- icon/music/index.html | 8 +- icon/neuter/index.html | 8 +- icon/newspaper-o/index.html | 8 +- icon/openid/index.html | 8 +- icon/outdent/index.html | 8 +- icon/pagelines/index.html | 8 +- icon/paint-brush/index.html | 8 +- icon/paper-plane-o/index.html | 8 +- icon/paper-plane/index.html | 8 +- icon/paperclip/index.html | 8 +- icon/paragraph/index.html | 8 +- icon/pause/index.html | 8 +- icon/paw/index.html | 8 +- icon/paypal/index.html | 8 +- icon/pencil-square-o/index.html | 8 +- icon/pencil-square/index.html | 8 +- icon/pencil/index.html | 8 +- icon/phone-square/index.html | 8 +- icon/phone/index.html | 8 +- icon/picture-o/index.html | 8 +- icon/pie-chart/index.html | 8 +- icon/pied-piper-alt/index.html | 8 +- icon/pied-piper/index.html | 8 +- icon/pinterest-p/index.html | 8 +- icon/pinterest-square/index.html | 8 +- icon/pinterest/index.html | 8 +- icon/plane/index.html | 8 +- icon/play-circle-o/index.html | 8 +- icon/play-circle/index.html | 8 +- icon/play/index.html | 8 +- icon/plug/index.html | 8 +- icon/plus-circle/index.html | 8 +- icon/plus-square-o/index.html | 8 +- icon/plus-square/index.html | 8 +- icon/plus/index.html | 8 +- icon/power-off/index.html | 8 +- icon/print/index.html | 8 +- icon/puzzle-piece/index.html | 8 +- icon/qq/index.html | 8 +- icon/qrcode/index.html | 8 +- icon/question-circle/index.html | 8 +- icon/question/index.html | 8 +- icon/quote-left/index.html | 8 +- icon/quote-right/index.html | 8 +- icon/random/index.html | 8 +- icon/rebel/index.html | 8 +- icon/recycle/index.html | 8 +- icon/reddit-square/index.html | 8 +- icon/reddit/index.html | 8 +- icon/refresh/index.html | 8 +- icon/renren/index.html | 8 +- icon/repeat/index.html | 8 +- icon/reply-all/index.html | 8 +- icon/reply/index.html | 8 +- icon/retweet/index.html | 8 +- icon/road/index.html | 8 +- icon/rocket/index.html | 8 +- icon/rss-square/index.html | 8 +- icon/rss/index.html | 8 +- icon/rub/index.html | 8 +- icon/scissors/index.html | 8 +- icon/search-minus/index.html | 8 +- icon/search-plus/index.html | 8 +- icon/search/index.html | 8 +- icon/sellsy/index.html | 8 +- icon/server/index.html | 8 +- icon/share-alt-square/index.html | 8 +- icon/share-alt/index.html | 8 +- icon/share-square-o/index.html | 8 +- icon/share-square/index.html | 8 +- icon/share/index.html | 8 +- icon/shield/index.html | 8 +- icon/ship/index.html | 8 +- icon/shirtsinbulk/index.html | 8 +- icon/shopping-cart/index.html | 8 +- icon/sign-in/index.html | 8 +- icon/sign-out/index.html | 8 +- icon/signal/index.html | 8 +- icon/simplybuilt/index.html | 8 +- icon/sitemap/index.html | 8 +- icon/skyatlas/index.html | 8 +- icon/skype/index.html | 8 +- icon/slack/index.html | 8 +- icon/sliders/index.html | 8 +- icon/slideshare/index.html | 8 +- icon/smile-o/index.html | 8 +- icon/sort-alpha-asc/index.html | 8 +- icon/sort-alpha-desc/index.html | 8 +- icon/sort-amount-asc/index.html | 8 +- icon/sort-amount-desc/index.html | 8 +- icon/sort-asc/index.html | 8 +- icon/sort-desc/index.html | 8 +- icon/sort-numeric-asc/index.html | 8 +- icon/sort-numeric-desc/index.html | 8 +- icon/sort/index.html | 8 +- icon/soundcloud/index.html | 8 +- icon/space-shuttle/index.html | 8 +- icon/spinner/index.html | 8 +- icon/spoon/index.html | 8 +- icon/spotify/index.html | 8 +- icon/square-o/index.html | 8 +- icon/square/index.html | 8 +- icon/stack-exchange/index.html | 8 +- icon/stack-overflow/index.html | 8 +- icon/star-half-o/index.html | 8 +- icon/star-half/index.html | 8 +- icon/star-o/index.html | 8 +- icon/star/index.html | 8 +- icon/steam-square/index.html | 8 +- icon/steam/index.html | 8 +- icon/step-backward/index.html | 8 +- icon/step-forward/index.html | 8 +- icon/stethoscope/index.html | 8 +- icon/stop/index.html | 8 +- icon/street-view/index.html | 8 +- icon/strikethrough/index.html | 8 +- icon/stumbleupon-circle/index.html | 8 +- icon/stumbleupon/index.html | 8 +- icon/subscript/index.html | 8 +- icon/subway/index.html | 8 +- icon/suitcase/index.html | 8 +- icon/sun-o/index.html | 8 +- icon/superscript/index.html | 8 +- icon/table/index.html | 8 +- icon/tablet/index.html | 8 +- icon/tachometer/index.html | 8 +- icon/tag/index.html | 8 +- icon/tags/index.html | 8 +- icon/tasks/index.html | 8 +- icon/taxi/index.html | 8 +- icon/tencent-weibo/index.html | 8 +- icon/terminal/index.html | 8 +- icon/text-height/index.html | 8 +- icon/text-width/index.html | 8 +- icon/th-large/index.html | 8 +- icon/th-list/index.html | 8 +- icon/th/index.html | 8 +- icon/thumb-tack/index.html | 8 +- icon/thumbs-down/index.html | 8 +- icon/thumbs-o-down/index.html | 8 +- icon/thumbs-o-up/index.html | 8 +- icon/thumbs-up/index.html | 8 +- icon/ticket/index.html | 8 +- icon/times-circle-o/index.html | 8 +- icon/times-circle/index.html | 8 +- icon/times/index.html | 8 +- icon/tint/index.html | 8 +- icon/toggle-off/index.html | 8 +- icon/toggle-on/index.html | 8 +- icon/train/index.html | 8 +- icon/transgender-alt/index.html | 8 +- icon/transgender/index.html | 8 +- icon/trash-o/index.html | 8 +- icon/trash/index.html | 8 +- icon/tree/index.html | 8 +- icon/trello/index.html | 8 +- icon/trophy/index.html | 8 +- icon/truck/index.html | 8 +- icon/try/index.html | 8 +- icon/tty/index.html | 8 +- icon/tumblr-square/index.html | 8 +- icon/tumblr/index.html | 8 +- icon/twitch/index.html | 8 +- icon/twitter-square/index.html | 8 +- icon/twitter/index.html | 8 +- icon/umbrella/index.html | 8 +- icon/underline/index.html | 8 +- icon/undo/index.html | 8 +- icon/university/index.html | 8 +- icon/unlock-alt/index.html | 8 +- icon/unlock/index.html | 8 +- icon/upload/index.html | 8 +- icon/usd/index.html | 8 +- icon/user-md/index.html | 8 +- icon/user-plus/index.html | 8 +- icon/user-secret/index.html | 8 +- icon/user-times/index.html | 8 +- icon/user/index.html | 8 +- icon/users/index.html | 8 +- icon/venus-double/index.html | 8 +- icon/venus-mars/index.html | 8 +- icon/venus/index.html | 8 +- icon/viacoin/index.html | 8 +- icon/video-camera/index.html | 8 +- icon/vimeo-square/index.html | 8 +- icon/vine/index.html | 8 +- icon/vk/index.html | 8 +- icon/volume-down/index.html | 8 +- icon/volume-off/index.html | 8 +- icon/volume-up/index.html | 8 +- icon/weibo/index.html | 8 +- icon/weixin/index.html | 8 +- icon/whatsapp/index.html | 8 +- icon/wheelchair/index.html | 8 +- icon/wifi/index.html | 8 +- icon/windows/index.html | 8 +- icon/wordpress/index.html | 8 +- icon/wrench/index.html | 8 +- icon/xing-square/index.html | 8 +- icon/xing/index.html | 8 +- icon/yahoo/index.html | 8 +- icon/yelp/index.html | 8 +- icon/youtube-play/index.html | 8 +- icon/youtube-square/index.html | 8 +- icon/youtube/index.html | 8 +- icons/index.html | 10 +-- index.html | 8 +- license/index.html | 8 +- test/index.html | 8 +- whats-new/index.html | 8 +- 534 files changed, 2373 insertions(+), 2214 deletions(-) create mode 100644 assets/less/site/banner-ad.less delete mode 100644 assets/less/site/fonticons.less diff --git a/assets/css/site.css b/assets/css/site.css index 843d7b040..bc34dd22c 100644 --- a/assets/css/site.css +++ b/assets/css/site.css @@ -6738,28 +6738,76 @@ body { .jumbotron-icon:after { opacity: .1; } -.fonticons { - background-color: #fa8144; +#banner { color: #fff; - padding: 10px 0; - border-bottom: solid 1px #d97240; } -.fonticons .message-container { +#banner .message-container { display: table; width: auto; margin: 0 auto; + padding: 15px 0; } -.fonticons .tagline, -.fonticons .action { +#banner .tagline, +#banner .action { display: table-cell; vertical-align: middle; } -.fonticons .tagline { +#banner .tagline { font-weight: 200; font-size: 16px; padding-right: 20px; } -.fonticons .btn-primary { +#banner.black-tie { + background-color: #222222; + border-bottom: solid 1px #2d2d2d; +} +#banner.black-tie .btn-primary { + font-weight: bold; + color: #222222; + background-color: #e9e9e9; + border-color: #a7a7a7; + border-bottom-width: 2px; + text-shadow: none; + border-radius: 4px; +} +#banner.black-tie .btn-primary:hover, +#banner.black-tie .btn-primary:focus, +#banner.black-tie .btn-primary:active, +#banner.black-tie .btn-primary.active, +.open > #banner.black-tie .btn-primary.dropdown-toggle { + color: #fff; + background-color: #9f9f9f; + border-color: #888888; + border-bottom-color: #797979; +} +#banner.black-tie .btn-primary:active, +#banner.black-tie .btn-primary.active, +.open > #banner.black-tie .btn-primary.dropdown-toggle { + background-image: none; +} +#banner.black-tie .btn-primary.disabled, +#banner.black-tie .btn-primary[disabled], +fieldset[disabled] #banner.black-tie .btn-primary, +#banner.black-tie .btn-primary.disabled:hover, +#banner.black-tie .btn-primary[disabled]:hover, +fieldset[disabled] #banner.black-tie .btn-primary:hover, +#banner.black-tie .btn-primary.disabled:focus, +#banner.black-tie .btn-primary[disabled]:focus, +fieldset[disabled] #banner.black-tie .btn-primary:focus, +#banner.black-tie .btn-primary.disabled:active, +#banner.black-tie .btn-primary[disabled]:active, +fieldset[disabled] #banner.black-tie .btn-primary:active, +#banner.black-tie .btn-primary.disabled.active, +#banner.black-tie .btn-primary[disabled].active, +fieldset[disabled] #banner.black-tie .btn-primary.active { + background-color: #e9e9e9; + border-color: #a7a7a7; +} +#banner.fonticons { + background-color: #fa8144; + border-bottom: solid 1px #d97240; +} +#banner.fonticons .btn-primary { font-weight: bold; color: #ffffff; background-color: #33343e; @@ -6768,36 +6816,36 @@ body { text-shadow: none; border-radius: 4px; } -.fonticons .btn-primary:hover, -.fonticons .btn-primary:focus, -.fonticons .btn-primary:active, -.fonticons .btn-primary.active, -.open > .fonticons .btn-primary.dropdown-toggle { +#banner.fonticons .btn-primary:hover, +#banner.fonticons .btn-primary:focus, +#banner.fonticons .btn-primary:active, +#banner.fonticons .btn-primary.active, +.open > #banner.fonticons .btn-primary.dropdown-toggle { color: #fff; background-color: #161720; border-color: #030305; border-bottom-color: #000000; } -.fonticons .btn-primary:active, -.fonticons .btn-primary.active, -.open > .fonticons .btn-primary.dropdown-toggle { +#banner.fonticons .btn-primary:active, +#banner.fonticons .btn-primary.active, +.open > #banner.fonticons .btn-primary.dropdown-toggle { background-image: none; } -.fonticons .btn-primary.disabled, -.fonticons .btn-primary[disabled], -fieldset[disabled] .fonticons .btn-primary, -.fonticons .btn-primary.disabled:hover, -.fonticons .btn-primary[disabled]:hover, -fieldset[disabled] .fonticons .btn-primary:hover, -.fonticons .btn-primary.disabled:focus, -.fonticons .btn-primary[disabled]:focus, -fieldset[disabled] .fonticons .btn-primary:focus, -.fonticons .btn-primary.disabled:active, -.fonticons .btn-primary[disabled]:active, -fieldset[disabled] .fonticons .btn-primary:active, -.fonticons .btn-primary.disabled.active, -.fonticons .btn-primary[disabled].active, -fieldset[disabled] .fonticons .btn-primary.active { +#banner.fonticons .btn-primary.disabled, +#banner.fonticons .btn-primary[disabled], +fieldset[disabled] #banner.fonticons .btn-primary, +#banner.fonticons .btn-primary.disabled:hover, +#banner.fonticons .btn-primary[disabled]:hover, +fieldset[disabled] #banner.fonticons .btn-primary:hover, +#banner.fonticons .btn-primary.disabled:focus, +#banner.fonticons .btn-primary[disabled]:focus, +fieldset[disabled] #banner.fonticons .btn-primary:focus, +#banner.fonticons .btn-primary.disabled:active, +#banner.fonticons .btn-primary[disabled]:active, +fieldset[disabled] #banner.fonticons .btn-primary:active, +#banner.fonticons .btn-primary.disabled.active, +#banner.fonticons .btn-primary[disabled].active, +fieldset[disabled] #banner.fonticons .btn-primary.active { background-color: #33343e; border-color: #1c1e29; } diff --git a/assets/font-awesome-4.3.0.zip b/assets/font-awesome-4.3.0.zip index 23e2f59f46312db4503b4bf07e6d27860d7e4bc2..f947ffd9d89f2cb769921d447f30e7f5c439ea2b 100644 GIT binary patch delta 1726 zcmZXTTS!z<6oz%q%vz3jht$+TGskqCs~58JMn!5~P#MiA$OxY_(ih2I3&zJ76gK%F zKJ*YtQJ5W!q;wQCyFEl`rj8(?fizx2dZ;=3# zZFq?EeQ}8wK|y8BWL%vTgw?69<|nPNJ^ql4h`a-=HyVZIaxE&PGd&5hKseiHDa4vSWTp{ zh5@01mFpQC5X8X&?PWRkXGB}cVq*16?dL_BliH^%WxS`gPbaqa!AT2^`8UBt{?36e zs;N;QA}}}P=E<)&P{dM6-dp%Wv-IO|E{I*@@Q&hR6Hv&o*fIgtp_D)ILa+f+vj7CN1-H8O{VR^)JIV#Xo#d%&?fV0^V541D@I$53E6S z;D?tx`>);|3#{F&hHUyEiPSq0$jvPf?A7h@ z76$CSL#s^h@x$wX!-j0(z8<-0io)?dm4`=Q&~Z`~fj)|Dk(^rWh{Q43Dn~RY7dxUc zP3E2$qGb13j;$-PXh(@GCkk-d|NC7e`xo~{$vs6aDnRFHr6o2&9P#~6k;=DIt$9fbei#^0xg)aUV&>twQCo zV7UVATd+cbZdg_2XRIn!o=v5CU{kdkVaG~E`7S$FF?86IV#ehW${d_jMnev4P^eO! zs;S&g)$F@Y)d<&eRn1N3s%km&RI2_wl}eMZ>Z>bX^)r3>hn7{^z}kX?RtE|&^B=LX B2Jip? delta 1726 zcmZXTOGs2<6vuTQ=QO?>Qd0-bbkfmz`9LdQRHWuOsHhnQ8R1Gp-AJ@87?(9DeB?r0 zw1}iA%q~SzzCbgmMTBPR2of5IqmG8OsG0A}?|$7oFq_}`pL74`f6txVFimclqU&8+ zT|`*u_n@=L8*MqVRXN_|5B|O7N!k#)YLn4@hK9>Hdg0%T56Sx06V7osl9#x4jMC#) z2d7@v-Pd8Q!=;vF%|r*SnLHYy*6z_r?H=t~BCRzHYODCT z-l0LQG&HEY!fL-qb=ABkxnAi$FVUXVetkLTy>0z^sjVN1a%s)K4VmQ6Jm{mFn+#!E zo(3~dw%$PrZzcKf;S23DjKg^uH;%&xicd^HF~?Ht1h~Q}e>w@W0aCjUR+2UawY1hb z1r@x9j81`{;>Xi)nqz5w8vI7e7w6#&=ft!Ca}@tv5S~md-(Zd6xJ5xNH7vqgW+-k+ zkV|z-kji-XvbfiqW!R=;o~^)H`Jw(5*roV~4@xV-nK1d?`C5$KrL znOMSk3PlNKbScn1GuCk=bO+2>#yRV5JcUgPG^<7xSt`|N7B(vyt=V{4fgWXJEk}Zr zRXe5-n+4N(k=g0C;3WlGv|zmgxpVNM0=>);9>ivy%tg0C<;}%P1v<#ZDh0Y}RgIsu zs#N(lmFl5QWi`@{)r#>wcC6v(|4d3bXDd`V1Svzq4s1}UQk|-;JWkc_drs8~*Yi~7 kX7W_CocSu%K)y<)DNy<9DNwykUxDga-Gzr%2Mf{s7y7l2MF0Q* diff --git a/assets/js/site.js b/assets/js/site.js index 04776b425..ca5bd52f6 100644 --- a/assets/js/site.js +++ b/assets/js/site.js @@ -1,10 +1,68 @@ $(function() { var ads = [ - { quote: "Take your icon game to the next level.", content: "ad_1_next_level"}, - { quote: "Subset your icons, add your own, and serve up from a CDN.", content: "ad_2_all_value_add"}, - { quote: "Make your icons load 10x faster!", content: "ad_3_faster_loading"}, - { quote: "Looking for other great icon sets?", content: "ad_4_more_icons"}, - { quote: "Need a custom icon in Font Awesome?", content: "ad_5_custom_icons"} + { + quote: "Take your icon game to the next level. Check out Fonticons, from the maker of Font Awesome.", + class: "fonticons", + url: "https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_4.3_update", + btn_text: "Gimme Some!" + }, + { + quote: "Subset your icons, add your own, and serve up from a CDN. Check out Fonticons, from the maker of Font Awesome.", + class: "fonticons", + url: "https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_2_all_value_add&utm_campaign=promo_4.3_update", + btn_text: "Gimme Some!" + }, + { + quote: "Make your icons load 10x faster! Check out Fonticons, from the maker of Font Awesome.", + class: "fonticons", + url: "https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_3_faster_loading&utm_campaign=promo_4.3_update", + btn_text: "Gimme Some!" + }, + { + quote: "Looking for other great icon sets? Check out Fonticons, from the maker of Font Awesome.", + class: "fonticons", + url: "https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_4_more_icons&utm_campaign=promo_4.3_update", + btn_text: "Gimme Some!" + }, + { + quote: "Need a custom icon in Font Awesome? Check out Fonticons, from the maker of Font Awesome.", + class: "fonticons", + url: "https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_5_custom_icons&utm_campaign=promo_4.3_update", + btn_text: "Gimme Some!" + }, + + + + { + quote: "So hot right now: Black Tie, the new multi-weight icon font from the maker of Font Awesome.", + class: "black-tie", + url: "https://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_1_so_hot&utm_campaign=promo_4.3_update", + btn_text: "Buy it Now!" + }, + { + quote: "Black Tie, from the creator of Font Awesome. On sale at the Kickstarter price for a limited time.", + class: "black-tie", + url: "https://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_2_kickstarter&utm_campaign=promo_4.3_update", + btn_text: "Buy it Now!" + }, + { + quote: "Get more Awesome: Black Tie, the new multi-weight icon font from the maker of Font Awesome.", + class: "black-tie", + url: "https://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_3_more_awesome&utm_campaign=promo_4.3_update", + btn_text: "Buy it Now!" + }, + { + quote: "The new hotness from the maker of Font Awesome: Black Tie, the multi-weight icon font.", + class: "black-tie", + url: "https://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_4_new_hotness&utm_campaign=promo_4.3_update", + btn_text: "Buy it Now!" + }, + { + quote: "Want clean, minimalist icons? Check out Black Tie, the new multi-weight icon font from the maker of Font Awesome.", + class: "black-tie", + url: "https://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_5_clean_minimalist&utm_campaign=promo_4.3_update", + btn_text: "Buy it Now!" + } ]; selectFonticonsAd(); @@ -96,7 +154,10 @@ $(function() { random_number = Math.floor( Math.random() * ads.length ); random_ad = ads[random_number]; + $('#banner').addClass(random_ad.class); $('#rotating-message').html(random_ad.quote); - $('#rotating-url').attr("href", "https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=" + random_ad.content + "&utm_campaign=promo_4.3_update"); + $('#rotating-url').attr("href", random_ad.url); + $('#rotating-url').html(random_ad.btn_text); + $('#banner').collapse('show'); } }); diff --git a/assets/less/site.less b/assets/less/site.less index d9431553e..3c1c799a4 100644 --- a/assets/less/site.less +++ b/assets/less/site.less @@ -18,7 +18,7 @@ @import "site/footer"; @import "site/lazy"; @import "site/textured-bg"; -@import "site/fonticons"; +@import "site/banner-ad"; @import "site/fusion-ad"; @import "site/bsap-ad"; diff --git a/assets/less/site/banner-ad.less b/assets/less/site/banner-ad.less new file mode 100644 index 000000000..df478c049 --- /dev/null +++ b/assets/less/site/banner-ad.less @@ -0,0 +1,112 @@ +#banner { + color: #fff; + .message-container { + display: table; + width: auto; + margin: 0 auto; + padding: 15px 0; + } + .tagline, .action { + display: table-cell; + vertical-align: middle; + } + .tagline { + font-weight: 200; + font-size: 16px; + padding-right: 20px; + } + + &.black-tie { + @black-tie-bg: #222222; + background-color: @black-tie-bg; + border-bottom: solid 1px mix(@black-tie-bg, #fff, 95%); + + .btn-primary { + @color: @black-tie-bg; + @background: mix(#fff,@black-tie-bg,90%); + @border: mix(#fff,@black-tie-bg,60%); + font-weight: bold; + color: @color; + background-color: @background; + border-color: @border; + border-bottom-width: 2px; + text-shadow: none; + border-radius: 4px; + + &:hover, + &:focus, + &:active, + &.active, + .open > &.dropdown-toggle { + color: #fff; + background-color: darken(@border, 3%); + border-color: darken(@border, 12%); + border-bottom-color: darken(@border, 18%); + } + &:active, + &.active, + .open > &.dropdown-toggle { + background-image: none; + } + &.disabled, + &[disabled], + fieldset[disabled] & { + &, + &:hover, + &:focus, + &:active, + &.active { + background-color: @background; + border-color: @border; + } + } + } + } + + &.fonticons { + @fonticons-bg: #1c1e29; + @fonticons-orange: desaturate(#ff7f3f, 5%); + background-color: @fonticons-orange; + border-bottom: solid 1px mix(@fonticons-bg, @fonticons-orange, 15%); + .btn-primary { + @color: #fff; + @background: mix(#fff,@fonticons-bg,10%); + @border: @fonticons-bg; + font-weight: bold; + color: @color; + background-color: @background; + border-color: @border; + border-bottom-width: 2px; + text-shadow: none; + border-radius: 4px; + + &:hover, + &:focus, + &:active, + &.active, + .open > &.dropdown-toggle { + color: #fff; + background-color: darken(@border, 3%); + border-color: darken(@border, 12%); + border-bottom-color: darken(@border, 18%); + } + &:active, + &.active, + .open > &.dropdown-toggle { + background-image: none; + } + &.disabled, + &[disabled], + fieldset[disabled] & { + &, + &:hover, + &:focus, + &:active, + &.active { + background-color: @background; + border-color: @border; + } + } + } + } +} diff --git a/assets/less/site/fonticons.less b/assets/less/site/fonticons.less deleted file mode 100644 index 2caada1c3..000000000 --- a/assets/less/site/fonticons.less +++ /dev/null @@ -1,62 +0,0 @@ -.fonticons { - @fonticons-bg: #1c1e29; - @fonticons-orange: desaturate(#ff7f3f, 5%); - background-color: @fonticons-orange; - color: #fff; - padding: 10px 0; - border-bottom: solid 1px mix(@fonticons-bg, @fonticons-orange, 15%); - .message-container { - display: table; - width: auto; - margin: 0 auto; - } - .tagline, .action { - display: table-cell; - vertical-align: middle; - } - .tagline { - font-weight: 200; - font-size: 16px; - padding-right: 20px; - } - .btn-primary { - @color: #fff; - @background: mix(#fff,@fonticons-bg,10%); - @border: @fonticons-bg; - font-weight: bold; - color: @color; - background-color: @background; - border-color: @border; - border-bottom-width: 2px; - text-shadow: none; - border-radius: 4px; - - &:hover, - &:focus, - &:active, - &.active, - .open > &.dropdown-toggle { - color: #fff; - background-color: darken(@border, 3%); - border-color: darken(@border, 12%); - border-bottom-color: darken(@border, 18%); - } - &:active, - &.active, - .open > &.dropdown-toggle { - background-image: none; - } - &.disabled, - &[disabled], - fieldset[disabled] & { - &, - &:hover, - &:focus, - &:active, - &.active { - background-color: @background; - border-color: @border; - } - } - } -} diff --git a/cheatsheet/index.html b/cheatsheet/index.html index 4889aead7..4a5e3b6a0 100644 --- a/cheatsheet/index.html +++ b/cheatsheet/index.html @@ -49,20 +49,20 @@ })();
-
+ +