├── .gitignore ├── README.md ├── bootstrap ├── css │ ├── bootstrap-theme.css │ ├── bootstrap-theme.css.map │ ├── bootstrap-theme.min.css │ ├── bootstrap.css │ ├── bootstrap.css.map │ └── bootstrap.min.css ├── fonts │ ├── glyphicons-halflings-regular.eot │ ├── glyphicons-halflings-regular.svg │ ├── glyphicons-halflings-regular.ttf │ └── glyphicons-halflings-regular.woff ├── img │ ├── glyphicons-halflings-white.png │ └── glyphicons-halflings.png └── js │ ├── bootstrap.js │ ├── bootstrap.min.js │ └── npm.js ├── embed-cache.class.php ├── embed-cache.php ├── error_log ├── favicon.ico ├── font-awesome.min.css ├── fontawesome ├── README.md ├── css │ ├── font-awesome-ie7.min.css │ └── font-awesome.css ├── docs │ ├── assets │ │ ├── css │ │ │ ├── font-awesome-ie7.min.css │ │ │ ├── font-awesome.css │ │ │ ├── font-awesome.min.css │ │ │ ├── prettify.css │ │ │ └── site.css │ │ ├── font │ │ │ ├── FontAwesome.otf │ │ │ ├── fontawesome-webfont.eot │ │ │ ├── fontawesome-webfont.svg │ │ │ ├── fontawesome-webfont.ttf │ │ │ ├── fontawesome-webfont.woff │ │ │ ├── museo_slab_300-webfont.eot │ │ │ ├── museo_slab_300-webfont.ttf │ │ │ ├── museo_slab_500-webfont.eot │ │ │ ├── museo_slab_500-webfont.ttf │ │ │ ├── proximanova-sbold-webfont.eot │ │ │ ├── proximanova-sbold-webfont.ttf │ │ │ ├── proximanova-webfont.eot │ │ │ └── proximanova-webfont.ttf │ │ ├── ico │ │ │ └── favicon.ico │ │ ├── img │ │ │ ├── contribution-sample.png │ │ │ ├── fort_awesome.jpg │ │ │ ├── glyphicons-halflings-white.png │ │ │ ├── glyphicons-halflings.png │ │ │ └── icon-flag.pdf │ │ ├── js │ │ │ ├── backbone.min.js │ │ │ ├── bootstrap-222.min.js │ │ │ ├── index │ │ │ │ └── index.js │ │ │ ├── jquery-1.7.1.min.js │ │ │ ├── prettify.min.js │ │ │ └── underscore.min.js │ │ └── less │ │ │ ├── font-awesome-ie7.less │ │ │ ├── font-awesome.less │ │ │ ├── font-site.less │ │ │ ├── mixins.less │ │ │ ├── site.less │ │ │ ├── twbs-222 │ │ │ ├── accordion.less │ │ │ ├── alerts.less │ │ │ ├── bootstrap.less │ │ │ ├── breadcrumbs.less │ │ │ ├── button-groups.less │ │ │ ├── buttons.less │ │ │ ├── carousel.less │ │ │ ├── close.less │ │ │ ├── code.less │ │ │ ├── component-animations.less │ │ │ ├── dropdowns.less │ │ │ ├── forms.less │ │ │ ├── grid.less │ │ │ ├── hero-unit.less │ │ │ ├── labels-badges.less │ │ │ ├── layouts.less │ │ │ ├── media.less │ │ │ ├── mixins.less │ │ │ ├── modals.less │ │ │ ├── navbar.less │ │ │ ├── navs.less │ │ │ ├── pager.less │ │ │ ├── pagination.less │ │ │ ├── popovers.less │ │ │ ├── progress-bars.less │ │ │ ├── reset.less │ │ │ ├── responsive-1200px-min.less │ │ │ ├── responsive-767px-max.less │ │ │ ├── responsive-768px-979px.less │ │ │ ├── responsive-navbar.less │ │ │ ├── responsive-utilities.less │ │ │ ├── responsive.less │ │ │ ├── scaffolding.less │ │ │ ├── sprites.less │ │ │ ├── tables.less │ │ │ ├── tests │ │ │ │ ├── buttons.html │ │ │ │ ├── css-tests.css │ │ │ │ ├── css-tests.html │ │ │ │ ├── forms-responsive.html │ │ │ │ ├── forms.html │ │ │ │ ├── navbar-fixed-top.html │ │ │ │ ├── navbar-static-top.html │ │ │ │ └── navbar.html │ │ │ ├── thumbnails.less │ │ │ ├── tooltip.less │ │ │ ├── type.less │ │ │ ├── utilities.less │ │ │ ├── variables.less │ │ │ └── wells.less │ │ │ └── variables.less │ ├── design.html │ ├── index.html │ └── test.html ├── font │ ├── FontAwesome.otf │ ├── fontawesome-webfont.eot │ ├── fontawesome-webfont.svg │ ├── fontawesome-webfont.ttf │ └── fontawesome-webfont.woff ├── less │ ├── font-awesome-ie7.less │ └── font-awesome.less └── sass │ ├── font-awesome.sass │ └── font-awesome.scss ├── img └── demo.png ├── index.html ├── jPanelMenu-1.1.0.min.js ├── jpanelmenu.js ├── s └── reddit │ ├── index.html │ └── script.js ├── script.js ├── style.css └── touch-icons ├── apple-touch-icon-114x114.png ├── apple-touch-icon-144x144.png ├── apple-touch-icon-72x72.png └── apple-touch-icon.png /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | embed-cache/**/* 3 | blog/**/* 4 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Instacurate 2 | =========== 3 | 4 | Turn your Twitter timeline into a personalised news site, in an instant. Fetches links from tweets (by username, hashtag or timeline) and displays them in a discovery friendly design. 5 | 6 | Live at www.instacurate.com 7 | 8 | Work in progress. Please [check the Issues tab to see open tasks](https://github.com/davidbauer/instacurate/issues) 9 | 10 | I'm a journalist, not a programmer. If you add some magic to the code (and I encourage you to do so), please comment more extensively that you usually would. I need to learn and understand. This project is not so much about the final product, but about getting there. [Here's why](http://www.davidbauer.ch/2013/01/25/how-i-learnt-to-code-in-one-year/). 11 | 12 | ![Instacurate Demo](http://instacurate.com/img/demo.png) 13 | 14 | Latest release notes 15 | -------------------- 16 | 17 | API (working): 18 | 19 | * `new TimeLine()` - will figure out if a Twitter user is logged in and show its timeline, if no user is logged in nothing happens 20 | * `new TimeLine('@username')` - will show the timeline of another Twitter user 21 | 22 | API (not working): 23 | 24 | * `new TimeLine('query')` - should create a Timeline given a query 25 | * `new TimeLine('list:...')` - should create a Timeline taking links of a twitter list of the logged in user 26 | 27 | Tweaking the TimeLine: 28 | 29 | ```js 30 | var tl = new TimeLine(); 31 | tl.tweetsToFetch = 200; // nr of tweets it should load in the buffer 32 | tl.minNrOfLinks = 12; // nr of links it should present in one cycle (initial load, scroll, auto-refresh) 33 | tl.twitterMaxSearchApiRequests = 10; // rate limit of nr of twitter api requests for this timeline 34 | tl.autoRefresh = true; // autoRefresh 35 | tl.autoRefreshInterval = 60000; // refresh interval in milis 36 | ``` 37 | 38 | open TODOs: 39 | [check the Issues tab to see all open tasks](https://github.com/davidbauer/instacurate/issues) 40 | 41 | auto refreshing is currently wrongly implemented. it is just taking more items from the buffer, which is wrong, it should check the Twitter API for new tweets including new links. Moreover it won't give the user any feedback that it is refreshing (which the current master does) 42 | implement the API (not working) todos, may need some changes on the app server 43 | reimplement search 44 | reimplement url-hash 45 | reimplement warning-messages 46 | the rendering-logic for the links can/should be further encapsulated. 47 | further improve OOP, this is just a first attempt 48 | -------------------------------------------------------------------------------- /bootstrap/fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/bootstrap/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /bootstrap/fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/bootstrap/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /bootstrap/fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/bootstrap/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /bootstrap/img/glyphicons-halflings-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/bootstrap/img/glyphicons-halflings-white.png -------------------------------------------------------------------------------- /bootstrap/img/glyphicons-halflings.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/bootstrap/img/glyphicons-halflings.png -------------------------------------------------------------------------------- /bootstrap/js/npm.js: -------------------------------------------------------------------------------- 1 | // This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment. 2 | require('../../js/transition.js') 3 | require('../../js/alert.js') 4 | require('../../js/button.js') 5 | require('../../js/carousel.js') 6 | require('../../js/collapse.js') 7 | require('../../js/dropdown.js') 8 | require('../../js/modal.js') 9 | require('../../js/tooltip.js') 10 | require('../../js/popover.js') 11 | require('../../js/scrollspy.js') 12 | require('../../js/tab.js') 13 | require('../../js/affix.js') -------------------------------------------------------------------------------- /embed-cache.php: -------------------------------------------------------------------------------- 1 | $v) { 7 | if($k == 'url') { 8 | $url = $v; 9 | } else { 10 | $params[$k] = $v; 11 | } 12 | } 13 | $embedcache = new embedcache(); 14 | header('Content-type: application/json'); 15 | if(($output = $embedcache->getEmbed($url, $params))) { 16 | echo $output; 17 | } else { 18 | echo '{ "error": "' . $embed->error .'" }'; 19 | } 20 | } else { 21 | $embedcache = new embedcache(); 22 | $embedcache->cleanUp(); 23 | } 24 | 25 | ?> -------------------------------------------------------------------------------- /favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/favicon.ico -------------------------------------------------------------------------------- /fontawesome/README.md: -------------------------------------------------------------------------------- 1 | #Font Awesome 3.0.1 2 | ##the iconic font designed for use with Twitter Bootstrap 3 | 4 | The full suite of pictographic icons, examples, and documentation can be found at: 5 | http://fortawesome.github.com/Font-Awesome/ 6 | 7 | 8 | ##License 9 | - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL 10 | - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - http://opensource.org/licenses/mit-license.html 11 | - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/ 12 | - Attribution is no longer required in Font Awesome 3.0, but much appreciated: "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome" 13 | 14 | ##Contact 15 | - Email: dave@davegandy.com 16 | - Twitter: http://twitter.com/fortaweso_me 17 | - Work: Lead Product Designer @ http://kyru.us 18 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/css/prettify.css: -------------------------------------------------------------------------------- 1 | .com { color: #93a1a1; } 2 | .lit { color: #195f91; } 3 | .pun, .opn, .clo { color: #93a1a1; } 4 | .fun { color: #dc322f; } 5 | .str, .atv { color: #D14; } 6 | .kwd, .linenums .tag { color: #1e347b; } 7 | .typ, .atn, .dec, .var { color: teal; } 8 | .pln { color: #48484c; } 9 | 10 | .prettyprint { 11 | padding: 8px; 12 | background-color: #f7f7f9; 13 | border: 1px solid #e1e1e8; 14 | } 15 | .prettyprint.linenums { 16 | -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; 17 | -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; 18 | box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; 19 | } 20 | 21 | /* Specify class=linenums on a pre to get line numbering */ 22 | ol.linenums { 23 | margin: 0 0 0 33px; /* IE indents via margin-left */ 24 | } 25 | ol.linenums li { 26 | padding-left: 12px; 27 | color: #bebec5; 28 | line-height: 18px; 29 | text-shadow: 0 1px 0 #fff; 30 | } -------------------------------------------------------------------------------- /fontawesome/docs/assets/font/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/fontawesome/docs/assets/font/FontAwesome.otf -------------------------------------------------------------------------------- /fontawesome/docs/assets/font/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/fontawesome/docs/assets/font/fontawesome-webfont.eot -------------------------------------------------------------------------------- /fontawesome/docs/assets/font/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/fontawesome/docs/assets/font/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /fontawesome/docs/assets/font/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/fontawesome/docs/assets/font/fontawesome-webfont.woff -------------------------------------------------------------------------------- /fontawesome/docs/assets/font/museo_slab_300-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/fontawesome/docs/assets/font/museo_slab_300-webfont.eot -------------------------------------------------------------------------------- /fontawesome/docs/assets/font/museo_slab_300-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/fontawesome/docs/assets/font/museo_slab_300-webfont.ttf -------------------------------------------------------------------------------- /fontawesome/docs/assets/font/museo_slab_500-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/fontawesome/docs/assets/font/museo_slab_500-webfont.eot -------------------------------------------------------------------------------- /fontawesome/docs/assets/font/museo_slab_500-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/fontawesome/docs/assets/font/museo_slab_500-webfont.ttf -------------------------------------------------------------------------------- /fontawesome/docs/assets/font/proximanova-sbold-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/fontawesome/docs/assets/font/proximanova-sbold-webfont.eot -------------------------------------------------------------------------------- /fontawesome/docs/assets/font/proximanova-sbold-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/fontawesome/docs/assets/font/proximanova-sbold-webfont.ttf -------------------------------------------------------------------------------- /fontawesome/docs/assets/font/proximanova-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/fontawesome/docs/assets/font/proximanova-webfont.eot -------------------------------------------------------------------------------- /fontawesome/docs/assets/font/proximanova-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/fontawesome/docs/assets/font/proximanova-webfont.ttf -------------------------------------------------------------------------------- /fontawesome/docs/assets/ico/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/fontawesome/docs/assets/ico/favicon.ico -------------------------------------------------------------------------------- /fontawesome/docs/assets/img/contribution-sample.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/fontawesome/docs/assets/img/contribution-sample.png -------------------------------------------------------------------------------- /fontawesome/docs/assets/img/fort_awesome.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/fontawesome/docs/assets/img/fort_awesome.jpg -------------------------------------------------------------------------------- /fontawesome/docs/assets/img/glyphicons-halflings-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/fontawesome/docs/assets/img/glyphicons-halflings-white.png -------------------------------------------------------------------------------- /fontawesome/docs/assets/img/glyphicons-halflings.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/fontawesome/docs/assets/img/glyphicons-halflings.png -------------------------------------------------------------------------------- /fontawesome/docs/assets/img/icon-flag.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/fontawesome/docs/assets/img/icon-flag.pdf -------------------------------------------------------------------------------- /fontawesome/docs/assets/js/index/index.js: -------------------------------------------------------------------------------- 1 | $(function() { 2 | // start the icon carousel 3 | $('#iconCarousel').carousel({ 4 | interval: 5000 5 | }); 6 | 7 | // make code pretty 8 | window.prettyPrint && prettyPrint(); 9 | 10 | // inject twitter & github counts 11 | $.ajax({ 12 | url: 'http://api.twitter.com/1/users/show.json', 13 | data: {screen_name: 'fortaweso_me'}, 14 | dataType: 'jsonp', 15 | success: function(data) { 16 | $('#followers').html(data.followers_count); 17 | } 18 | }); 19 | $.ajax({ 20 | url: 'https://api.github.com/repos/fortawesome/Font-Awesome', 21 | dataType: 'jsonp', 22 | success: function(data) { 23 | $('#watchers').html(data.data.watchers); 24 | $('#forks').html(data.data.forks); 25 | } 26 | }); 27 | 28 | 29 | 30 | 31 | 32 | var firstInHistory = true; 33 | 34 | var MainView = Backbone.View.extend({ 35 | el: $("div.container"), 36 | 37 | modalTemplate: _.template($("#modal-template").html()), 38 | 39 | events:{ 40 | "click ul.the-icons > li": "iconClicked" 41 | }, 42 | 43 | iconClicked: function(event) { 44 | event.preventDefault(); 45 | 46 | var $item = $(event.currentTarget); 47 | var $iconName = $item.find("i").attr("class"); 48 | _gaq.push(['_trackEvent', 'iconClick', $iconName]); 49 | 50 | mainRouter.navigate("icon/" + $iconName, {trigger: true}); 51 | firstInHistory = false; 52 | } 53 | }); 54 | 55 | 56 | var MainRouter = Backbone.Router.extend({ 57 | routes: { 58 | "": "checkModal", 59 | "icon/:iconName": "showIcon" 60 | }, 61 | 62 | checkModal: function() { 63 | var $modal = $("div.modal"); 64 | 65 | if ($modal.length > 0) { 66 | $modal.modal("hide"); 67 | } 68 | }, 69 | 70 | showIcon: function(iconName) { 71 | var $modal = $(mainView.modalTemplate({"iconName": iconName})); 72 | 73 | $modal.modal("show"); 74 | $modal.on('hidden', function () { 75 | $modal.remove(); 76 | if (firstInHistory) { 77 | mainRouter.navigate("/", {trigger: false}); 78 | firstInHistory = false; 79 | } else { 80 | window.history.back(); 81 | } 82 | }) 83 | } 84 | }); 85 | 86 | var mainView = new MainView(); 87 | var mainRouter = new MainRouter(); 88 | Backbone.history.start({pushState : false}); 89 | }); 90 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/font-site.less: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'museo-slab'; 3 | src: url('../font/museo_slab_300-webfont.eot'); 4 | src: url('../font/museo_slab_300-webfont.eot?#iefix') format('embedded-opentype'), 5 | url('../font/museo_slab_300-webfont.ttf') format('truetype'); 6 | font-weight: normal; 7 | font-style: normal; 8 | } 9 | 10 | @font-face { 11 | font-family: 'museo-slab'; 12 | src: url('../font/museo_slab_500-webfont.eot'); 13 | src: url('../font/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'), 14 | url('../font/museo_slab_500-webfont.ttf') format('truetype'); 15 | font-weight: bold; 16 | font-style: normal; 17 | } 18 | 19 | @font-face { 20 | font-family: 'proxima-nova'; 21 | src: url('../font/proximanova-webfont.eot'); 22 | src: url('../font/proximanova-webfont.eot?#iefix') format('embedded-opentype'), 23 | url('../font/proximanova-webfont.ttf') format('truetype'); 24 | font-weight: normal; 25 | font-style: normal; 26 | } 27 | 28 | @font-face { 29 | font-family: 'proxima-nova'; 30 | src: url('../font/proximanova-sbold-webfont.eot'); 31 | src: url('../font/proximanova-sbold-webfont.eot?#iefix') format('embedded-opentype'), 32 | url('../font/proximanova-sbold-webfont.ttf') format('truetype'); 33 | font-weight: bold; 34 | font-style: normal; 35 | } 36 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/mixins.less: -------------------------------------------------------------------------------- 1 | .gradient-text (@color: #808080, @color1: #999, @color2: #B3B3B3, @color3: #B3B3B3, @color4: #666) { 2 | // fallback for browsers that don't support this 3 | // color: @color; 4 | 5 | // makes simple gradient text in webkit browsers 6 | // background: -webkit-gradient(linear, left top, left bottom, from(@colorTop), to(@colorBottom)); 7 | 8 | // makes a more complex background, allowing iPhone-like text gradients 9 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @color1), color-stop(55%, @color2), color-stop(55%, @color3), color-stop(100%, @color4)); // Safari 4+, Chrome 2+ 10 | background-image: -webkit-linear-gradient(top, @color1 0%, @color2 55%, @color3 55%, @color4 100%); // Safari 5.1+, Chrome 10+ 11 | 12 | -webkit-background-clip: text; 13 | -webkit-text-fill-color: transparent; 14 | } 15 | 16 | // Mixin for generating button backgrounds 17 | // --------------------------------------- 18 | .buttonBackgroundThreeColors(@startColor, @midColor, @colorStop, @endColor) { 19 | // gradientBar will set the background to a pleasing blend of these, to support IE<=9 20 | #gradient > .vertical-three-colors(@startColor, @midColor, @colorStop, @endColor); 21 | border-color: @startColor @startColor darken(@endColor, 15%); 22 | border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%); 23 | 24 | .reset-filter(); 25 | 26 | // in these cases the gradient won't cover the background, so we override 27 | &:hover, &:active, &.active, &.disabled, &[disabled] { 28 | background-color: @endColor; 29 | } 30 | 31 | // IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves 32 | &:active, 33 | &.active { 34 | background-color: darken(@endColor, 10%) e("\9"); 35 | } 36 | } 37 | 38 | .icon-size (@size: 14px, @width-multiplier: .9, @height-multiplier: 1) { 39 | i { font-size: @size; } 40 | line-height: @size * 1.1; 41 | height: @size * @height-multiplier * 1.05; 42 | text-align: center; 43 | } -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/site.less: -------------------------------------------------------------------------------- 1 | @import "twbs-222/bootstrap.less"; 2 | 3 | @import "mixins.less"; 4 | @import "variables.less"; 5 | @import "font-site.less"; 6 | 7 | .text-align-right { text-align: right; } 8 | .text-align-center { text-align: center; } 9 | 10 | .navbar .brand { 11 | // padding: 11px 20px 9px; 12 | color: @white; 13 | font-family: @serifFontFamily; 14 | .icon-flag { padding-right: 3px; } 15 | } 16 | 17 | .navbar .nav > li > a { padding: 12px 10px 9px; } 18 | 19 | h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; } 20 | 21 | #iconCarousel { 22 | a { color: @white; } 23 | // border: solid 1px @white; 24 | @size: 280px; 25 | font-size: @size; 26 | text-align: center; 27 | line-height: @size + 5; 28 | text-shadow: 2px 2px 3px @grayDarker; 29 | .carousel-control { 30 | top: @size + 33px; 31 | .square(23px); 32 | border-width: 3px; 33 | font-size: 17px; 34 | line-height: 25px; 35 | left: @size / 2 - 23; 36 | &.right { 37 | left: auto; 38 | right: @size / 2 - 23; 39 | } 40 | } 41 | } 42 | 43 | //a[href^='http://'] { 44 | // &:after { 45 | // font-family: FontAwesome; 46 | // content: "\0020 \f08e"; 47 | // &:hover { 48 | // text-decoration: none; 49 | // } 50 | // } 51 | //} 52 | 53 | .jumbotron { 54 | background: @red; 55 | border-bottom: 1px solid @redDark; 56 | padding: 90px 0 48px; 57 | // #gradient > .radial( lighten(@red, 10%), @red); 58 | // background-color: @red; 59 | &, h1 { color: @white; } 60 | 61 | // &:after { 62 | // content:''; 63 | // display:block; 64 | // position:absolute; 65 | // top:0; 66 | // right:0; 67 | // bottom:0; 68 | // left:0; 69 | // background:url(../img/grain-tm400.png); 70 | // opacity:.5; 71 | // } 72 | 73 | h1 { 74 | font-size: 80px; 75 | letter-spacing: -2px; 76 | line-height: 1; 77 | } 78 | p { 79 | margin-top: 15px; 80 | margin-bottom: 30px; 81 | font-size: 30px; 82 | line-height: 1.3; 83 | } 84 | text-shadow: 2px 2px 2px @grayDark; 85 | ul { 86 | margin-left: 50px; 87 | li { 88 | &.icon-large:before { 89 | text-indent: -2em; 90 | vertical-align: baseline; 91 | } 92 | font-size: 15px; 93 | line-height: 30px; 94 | text-shadow: 1px 1px 1px @grayDark; 95 | } 96 | } 97 | // a { color: #fffeb8; } 98 | .btn-large { 99 | //// .buttonBackground(@white, #bbb); 100 | font-family: @serifFontFamily; 101 | //// color: @grayDark; 102 | // margin-top: 15px; 103 | font-weight: bold; 104 | font-size: 18px; 105 | padding: 13px 23px 13px 22px; 106 | // padding-left: 24px + 40; 107 | margin-right: 10px; 108 | // .border-radius(8px); 109 | // position: relative; 110 | text-align: left; 111 | // i { 112 | // position: absolute; 113 | // top: 8px; 114 | // left: 15px; 115 | // font-size: 46px; 116 | // } 117 | } 118 | .hero-content { 119 | // width: 620px; 120 | text-align: center; 121 | } 122 | .shameless-self-promotion { 123 | font-size: 12px; 124 | margin-top: 15px; 125 | color: mix(@white, @red, 50%); 126 | text-shadow: none; 127 | } 128 | } 129 | 130 | .btn-github { 131 | .buttonBackground(@white, mix(@grayLighter, @grayLight, 50%)); 132 | } 133 | 134 | .btn-primary, .btn-github { 135 | color: @grayDark; 136 | text-shadow: 0 -1px 0 rgba(255,255,255,.25); 137 | &:hover { 138 | text-shadow: 0 -1px 0 rgba(255,255,255,.25); 139 | color: @grayDark; 140 | } 141 | } 142 | 143 | section { 144 | padding-top: 40px; 145 | } 146 | 147 | #social-buttons { 148 | padding: 22px 0; 149 | text-align: center; 150 | background-color: #f5f5f5; 151 | border-top: 1px solid #fff; 152 | border-bottom: 1px solid #ddd; 153 | .btn { 154 | // font-family: @serifFontFamily; 155 | font-weight: bold; 156 | // font-size: @baseFontSize; 157 | padding: 0px 5px; 158 | line-height: @baseLineHeight - 3; 159 | } 160 | .count.btn { 161 | background: @white; 162 | font-weight: normal; 163 | } 164 | .watch, .fork { 165 | margin-right: 30px; 166 | } 167 | } 168 | 169 | .the-icons { 170 | list-style-type: none; 171 | margin: 0; 172 | li { 173 | cursor: pointer; 174 | line-height: 32px; 175 | height: 32px; 176 | padding-left: 12px; 177 | .border-radius(6px); 178 | // vertical-align: middle; 179 | 180 | [class^="icon-"], 181 | [class*=" icon-"] { 182 | width: 32px; 183 | font-size: 14px; 184 | } 185 | &:hover { 186 | background-color: lighten(@errorBackground, 6%); 187 | [class^="icon-"], [class*=" icon-"] { 188 | *font-size: 28px; 189 | *vertical-align: middle; 190 | } 191 | 192 | [class^="icon-"]:before, 193 | [class*=" icon-"]:before { 194 | font-size: 28px; 195 | vertical-align: -5px; 196 | } 197 | } 198 | } 199 | } 200 | 201 | 202 | #why, #whats-new { 203 | .row { 204 | margin-bottom: 20px; 205 | } 206 | h4 { 207 | // line-height: 28px; 208 | [class^="icon-"], 209 | [class*=" icon-"] { 210 | vertical-align: -10%; 211 | font-size: 28px; 212 | // width: 30px; 213 | // height: 30px; 214 | margin-right: 5px; 215 | } 216 | } 217 | } 218 | 219 | #examples { 220 | .btn-toolbar { 221 | margin-top: 0; 222 | margin-bottom: 20px; 223 | } 224 | } 225 | 226 | #integration { 227 | .row { margin-bottom: 40px; } 228 | } 229 | 230 | #examples, #code { 231 | form { 232 | margin-bottom: 25px; 233 | input { 234 | line-height: 1; // fixes a safari placeholder alignment issue 235 | } 236 | } 237 | 238 | .rating { 239 | unicode-bidi: bidi-override; 240 | direction: rtl; 241 | 242 | font-size: 30px; 243 | span.star { 244 | font-family: FontAwesome; 245 | font-weight: normal; 246 | font-style: normal; 247 | display: inline-block; 248 | &:hover { 249 | cursor: pointer; 250 | } 251 | } 252 | span.star:before { 253 | content: "\f006"; // empty star 254 | padding-right: 5px; 255 | color: @grayLight; 256 | } 257 | 258 | span.star:hover:before, span.star:hover ~ span.star:before { 259 | content: "\f005"; // solid star 260 | color: #e3cf7a; 261 | } 262 | } 263 | } 264 | 265 | #kyruus { 266 | color: @gray; 267 | font-size: 18px; 268 | &, li { line-height: 25px; } 269 | p { 270 | margin-bottom: 22px; 271 | strong { color: @grayDarker; } 272 | } 273 | ul { 274 | margin-top: 5px; 275 | margin-bottom: 22px; 276 | li { margin-top: 10px; } 277 | i { 278 | margin-top: 5px; 279 | // margin-right: .4em; 280 | // color: mix(@grayLight, @grayLighter, 50%); 281 | color: mix(@blue, @blueDark, 50%); 282 | } 283 | } 284 | .border { 285 | .icon-medkit { font-size: 224px; } 286 | border: solid 10px @grayLighter; 287 | padding: 1em 1.5em; 288 | margin-left: .2em; 289 | .border-radius(10px); 290 | a:hover .icon-medkit { text-decoration: none; } 291 | // a:hover i { text-decoration: underline; } 292 | } 293 | a { 294 | font-weight: bold; 295 | color: mix(@blue, @blueDark, 50%); 296 | &:hover { 297 | color: @blueDark; 298 | } 299 | } 300 | } 301 | 302 | .modal { 303 | width: 560px; 304 | max-height: 610px; 305 | .modal-body { 306 | *overflow: hidden; // ie7 fix 307 | max-height: none; 308 | padding-bottom: 0; 309 | .row { margin-bottom: 15px; } 310 | div.thumbnail { 311 | text-align: center; 312 | div { margin: 8px; } 313 | } 314 | .icon6 { 315 | width: 330px; 316 | > div.thumbnail > div { .icon-size(280px); } 317 | } 318 | .icon5 { 319 | width: 180px; 320 | > div.thumbnail > div { .icon-size(140px); } 321 | } 322 | .icon4 { 323 | width: 215px; 324 | > div.thumbnail > div { .icon-size(112px); } 325 | } 326 | .icon3 { 327 | width: 120px; 328 | > div.thumbnail > div { .icon-size(56px); } 329 | } 330 | .icon2 { 331 | width: 75px; 332 | > div.thumbnail > div { .icon-size(28px); } 333 | } 334 | .icon1 { 335 | width: 60px; 336 | > div.thumbnail > div { .icon-size(14px); } 337 | } 338 | } 339 | } 340 | 341 | .label, 342 | .badge { 343 | background-color: @grayLighter; 344 | } 345 | 346 | .well.well-transparent { 347 | background-color: transparent; 348 | } 349 | 350 | footer { 351 | // #gradient > .vertical(@navbarInverseBackgroundHighlight, @navbarInverseBackground); 352 | background-color: @red; 353 | border-top: 1px solid mix(@red, @redDark, 50%); 354 | a { 355 | color: @white; 356 | text-shadow: 0 -1px 0 rgba(0,0,0,.25); 357 | &:hover { 358 | color: @white; 359 | } 360 | 361 | } 362 | 363 | color: mix(@red, @white, 35%); 364 | text-shadow: 0 -1px 0 rgba(0,0,0,.25); 365 | margin-top: 60px; 366 | padding-top: 45px; 367 | padding-bottom: 60px; 368 | *zoom: 1; // ie7 hack 369 | ul { 370 | // margin-left: 30px; 371 | line-height: 25px; 372 | } 373 | } 374 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/accordion.less: -------------------------------------------------------------------------------- 1 | // 2 | // Accordion 3 | // -------------------------------------------------- 4 | 5 | 6 | // Parent container 7 | .accordion { 8 | margin-bottom: @baseLineHeight; 9 | } 10 | 11 | // Group == heading + body 12 | .accordion-group { 13 | margin-bottom: 2px; 14 | border: 1px solid #e5e5e5; 15 | .border-radius(@baseBorderRadius); 16 | } 17 | .accordion-heading { 18 | border-bottom: 0; 19 | } 20 | .accordion-heading .accordion-toggle { 21 | display: block; 22 | padding: 8px 15px; 23 | } 24 | 25 | // General toggle styles 26 | .accordion-toggle { 27 | cursor: pointer; 28 | } 29 | 30 | // Inner needs the styles because you can't animate properly with any styles on the element 31 | .accordion-inner { 32 | padding: 9px 15px; 33 | border-top: 1px solid #e5e5e5; 34 | } 35 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/alerts.less: -------------------------------------------------------------------------------- 1 | // 2 | // Alerts 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base styles 7 | // ------------------------- 8 | 9 | .alert { 10 | padding: 8px 35px 8px 14px; 11 | margin-bottom: @baseLineHeight; 12 | text-shadow: 0 1px 0 rgba(255,255,255,.5); 13 | background-color: @warningBackground; 14 | border: 1px solid @warningBorder; 15 | .border-radius(@baseBorderRadius); 16 | } 17 | .alert, 18 | .alert h4 { 19 | // Specified for the h4 to prevent conflicts of changing @headingsColor 20 | color: @warningText; 21 | } 22 | .alert h4 { 23 | margin: 0; 24 | } 25 | 26 | // Adjust close link position 27 | .alert .close { 28 | position: relative; 29 | top: -2px; 30 | right: -21px; 31 | line-height: @baseLineHeight; 32 | } 33 | 34 | 35 | // Alternate styles 36 | // ------------------------- 37 | 38 | .alert-success { 39 | background-color: @successBackground; 40 | border-color: @successBorder; 41 | color: @successText; 42 | } 43 | .alert-success h4 { 44 | color: @successText; 45 | } 46 | .alert-danger, 47 | .alert-error { 48 | background-color: @errorBackground; 49 | border-color: @errorBorder; 50 | color: @errorText; 51 | } 52 | .alert-danger h4, 53 | .alert-error h4 { 54 | color: @errorText; 55 | } 56 | .alert-info { 57 | background-color: @infoBackground; 58 | border-color: @infoBorder; 59 | color: @infoText; 60 | } 61 | .alert-info h4 { 62 | color: @infoText; 63 | } 64 | 65 | 66 | // Block alerts 67 | // ------------------------- 68 | 69 | .alert-block { 70 | padding-top: 14px; 71 | padding-bottom: 14px; 72 | } 73 | .alert-block > p, 74 | .alert-block > ul { 75 | margin-bottom: 0; 76 | } 77 | .alert-block p + p { 78 | margin-top: 5px; 79 | } 80 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/bootstrap.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v2.2.2 3 | * 4 | * Copyright 2012 Twitter, Inc 5 | * Licensed under the Apache License v2.0 6 | * http://www.apache.org/licenses/LICENSE-2.0 7 | * 8 | * Designed and built with all the love in the world @twitter by @mdo and @fat. 9 | */ 10 | 11 | // CSS Reset 12 | @import "reset.less"; 13 | 14 | // Core variables and mixins 15 | @import "variables.less"; // Modify this for custom colors, font-sizes, etc 16 | @import "mixins.less"; 17 | 18 | // Grid system and page structure 19 | @import "scaffolding.less"; 20 | @import "grid.less"; 21 | @import "layouts.less"; 22 | 23 | // Base CSS 24 | @import "type.less"; 25 | @import "code.less"; 26 | @import "forms.less"; 27 | @import "tables.less"; 28 | 29 | // Components: common 30 | @import "sprites.less"; 31 | @import "dropdowns.less"; 32 | @import "wells.less"; 33 | @import "component-animations.less"; 34 | @import "close.less"; 35 | 36 | // Components: Buttons & Alerts 37 | @import "buttons.less"; 38 | @import "button-groups.less"; 39 | @import "alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less 40 | 41 | // Components: Nav 42 | @import "navs.less"; 43 | @import "navbar.less"; 44 | @import "breadcrumbs.less"; 45 | @import "pagination.less"; 46 | @import "pager.less"; 47 | 48 | // Components: Popovers 49 | @import "modals.less"; 50 | @import "tooltip.less"; 51 | @import "popovers.less"; 52 | 53 | // Components: Misc 54 | @import "thumbnails.less"; 55 | @import "media.less"; 56 | @import "labels-badges.less"; 57 | @import "progress-bars.less"; 58 | @import "accordion.less"; 59 | @import "carousel.less"; 60 | @import "hero-unit.less"; 61 | 62 | // Utility classes 63 | @import "utilities.less"; // Has to be last to override when necessary 64 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/breadcrumbs.less: -------------------------------------------------------------------------------- 1 | // 2 | // Breadcrumbs 3 | // -------------------------------------------------- 4 | 5 | 6 | .breadcrumb { 7 | padding: 8px 15px; 8 | margin: 0 0 @baseLineHeight; 9 | list-style: none; 10 | background-color: #f5f5f5; 11 | .border-radius(@baseBorderRadius); 12 | > li { 13 | display: inline-block; 14 | .ie7-inline-block(); 15 | text-shadow: 0 1px 0 @white; 16 | > .divider { 17 | padding: 0 5px; 18 | color: #ccc; 19 | } 20 | } 21 | > .active { 22 | color: @grayLight; 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/button-groups.less: -------------------------------------------------------------------------------- 1 | // 2 | // Button groups 3 | // -------------------------------------------------- 4 | 5 | 6 | // Make the div behave like a button 7 | .btn-group { 8 | position: relative; 9 | display: inline-block; 10 | .ie7-inline-block(); 11 | font-size: 0; // remove as part 1 of font-size inline-block hack 12 | vertical-align: middle; // match .btn alignment given font-size hack above 13 | white-space: nowrap; // prevent buttons from wrapping when in tight spaces (e.g., the table on the tests page) 14 | .ie7-restore-left-whitespace(); 15 | } 16 | 17 | // Space out series of button groups 18 | .btn-group + .btn-group { 19 | margin-left: 5px; 20 | } 21 | 22 | // Optional: Group multiple button groups together for a toolbar 23 | .btn-toolbar { 24 | font-size: 0; // Hack to remove whitespace that results from using inline-block 25 | margin-top: @baseLineHeight / 2; 26 | margin-bottom: @baseLineHeight / 2; 27 | > .btn + .btn, 28 | > .btn-group + .btn, 29 | > .btn + .btn-group { 30 | margin-left: 5px; 31 | } 32 | } 33 | 34 | // Float them, remove border radius, then re-add to first and last elements 35 | .btn-group > .btn { 36 | position: relative; 37 | .border-radius(0); 38 | } 39 | .btn-group > .btn + .btn { 40 | margin-left: -1px; 41 | } 42 | .btn-group > .btn, 43 | .btn-group > .dropdown-menu, 44 | .btn-group > .popover { 45 | font-size: @baseFontSize; // redeclare as part 2 of font-size inline-block hack 46 | } 47 | 48 | // Reset fonts for other sizes 49 | .btn-group > .btn-mini { 50 | font-size: @fontSizeMini; 51 | } 52 | .btn-group > .btn-small { 53 | font-size: @fontSizeSmall; 54 | } 55 | .btn-group > .btn-large { 56 | font-size: @fontSizeLarge; 57 | } 58 | 59 | // Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match 60 | .btn-group > .btn:first-child { 61 | margin-left: 0; 62 | .border-top-left-radius(@baseBorderRadius); 63 | .border-bottom-left-radius(@baseBorderRadius); 64 | } 65 | // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it 66 | .btn-group > .btn:last-child, 67 | .btn-group > .dropdown-toggle { 68 | .border-top-right-radius(@baseBorderRadius); 69 | .border-bottom-right-radius(@baseBorderRadius); 70 | } 71 | // Reset corners for large buttons 72 | .btn-group > .btn.large:first-child { 73 | margin-left: 0; 74 | .border-top-left-radius(@borderRadiusLarge); 75 | .border-bottom-left-radius(@borderRadiusLarge); 76 | } 77 | .btn-group > .btn.large:last-child, 78 | .btn-group > .large.dropdown-toggle { 79 | .border-top-right-radius(@borderRadiusLarge); 80 | .border-bottom-right-radius(@borderRadiusLarge); 81 | } 82 | 83 | // On hover/focus/active, bring the proper btn to front 84 | .btn-group > .btn:hover, 85 | .btn-group > .btn:focus, 86 | .btn-group > .btn:active, 87 | .btn-group > .btn.active { 88 | z-index: 2; 89 | } 90 | 91 | // On active and open, don't show outline 92 | .btn-group .dropdown-toggle:active, 93 | .btn-group.open .dropdown-toggle { 94 | outline: 0; 95 | } 96 | 97 | 98 | 99 | // Split button dropdowns 100 | // ---------------------- 101 | 102 | // Give the line between buttons some depth 103 | .btn-group > .btn + .dropdown-toggle { 104 | padding-left: 8px; 105 | padding-right: 8px; 106 | .box-shadow(~"inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)"); 107 | *padding-top: 5px; 108 | *padding-bottom: 5px; 109 | } 110 | .btn-group > .btn-mini + .dropdown-toggle { 111 | padding-left: 5px; 112 | padding-right: 5px; 113 | *padding-top: 2px; 114 | *padding-bottom: 2px; 115 | } 116 | .btn-group > .btn-small + .dropdown-toggle { 117 | *padding-top: 5px; 118 | *padding-bottom: 4px; 119 | } 120 | .btn-group > .btn-large + .dropdown-toggle { 121 | padding-left: 12px; 122 | padding-right: 12px; 123 | *padding-top: 7px; 124 | *padding-bottom: 7px; 125 | } 126 | 127 | .btn-group.open { 128 | 129 | // The clickable button for toggling the menu 130 | // Remove the gradient and set the same inset shadow as the :active state 131 | .dropdown-toggle { 132 | background-image: none; 133 | .box-shadow(~"inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)"); 134 | } 135 | 136 | // Keep the hover's background when dropdown is open 137 | .btn.dropdown-toggle { 138 | background-color: @btnBackgroundHighlight; 139 | } 140 | .btn-primary.dropdown-toggle { 141 | background-color: @btnPrimaryBackgroundHighlight; 142 | } 143 | .btn-warning.dropdown-toggle { 144 | background-color: @btnWarningBackgroundHighlight; 145 | } 146 | .btn-danger.dropdown-toggle { 147 | background-color: @btnDangerBackgroundHighlight; 148 | } 149 | .btn-success.dropdown-toggle { 150 | background-color: @btnSuccessBackgroundHighlight; 151 | } 152 | .btn-info.dropdown-toggle { 153 | background-color: @btnInfoBackgroundHighlight; 154 | } 155 | .btn-inverse.dropdown-toggle { 156 | background-color: @btnInverseBackgroundHighlight; 157 | } 158 | } 159 | 160 | 161 | // Reposition the caret 162 | .btn .caret { 163 | margin-top: 8px; 164 | margin-left: 0; 165 | } 166 | // Carets in other button sizes 167 | .btn-mini .caret, 168 | .btn-small .caret, 169 | .btn-large .caret { 170 | margin-top: 6px; 171 | } 172 | .btn-large .caret { 173 | border-left-width: 5px; 174 | border-right-width: 5px; 175 | border-top-width: 5px; 176 | } 177 | // Upside down carets for .dropup 178 | .dropup .btn-large .caret { 179 | border-bottom-width: 5px; 180 | } 181 | 182 | 183 | 184 | // Account for other colors 185 | .btn-primary, 186 | .btn-warning, 187 | .btn-danger, 188 | .btn-info, 189 | .btn-success, 190 | .btn-inverse { 191 | .caret { 192 | border-top-color: @white; 193 | border-bottom-color: @white; 194 | } 195 | } 196 | 197 | 198 | 199 | // Vertical button groups 200 | // ---------------------- 201 | 202 | .btn-group-vertical { 203 | display: inline-block; // makes buttons only take up the width they need 204 | .ie7-inline-block(); 205 | } 206 | .btn-group-vertical > .btn { 207 | display: block; 208 | float: none; 209 | max-width: 100%; 210 | .border-radius(0); 211 | } 212 | .btn-group-vertical > .btn + .btn { 213 | margin-left: 0; 214 | margin-top: -1px; 215 | } 216 | .btn-group-vertical > .btn:first-child { 217 | .border-radius(@baseBorderRadius @baseBorderRadius 0 0); 218 | } 219 | .btn-group-vertical > .btn:last-child { 220 | .border-radius(0 0 @baseBorderRadius @baseBorderRadius); 221 | } 222 | .btn-group-vertical > .btn-large:first-child { 223 | .border-radius(@borderRadiusLarge @borderRadiusLarge 0 0); 224 | } 225 | .btn-group-vertical > .btn-large:last-child { 226 | .border-radius(0 0 @borderRadiusLarge @borderRadiusLarge); 227 | } 228 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/buttons.less: -------------------------------------------------------------------------------- 1 | // 2 | // Buttons 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base styles 7 | // -------------------------------------------------- 8 | 9 | // Core 10 | .btn { 11 | display: inline-block; 12 | .ie7-inline-block(); 13 | padding: 4px 12px; 14 | margin-bottom: 0; // For input.btn 15 | font-size: @baseFontSize; 16 | line-height: @baseLineHeight; 17 | text-align: center; 18 | vertical-align: middle; 19 | cursor: pointer; 20 | .buttonBackground(@btnBackground, @btnBackgroundHighlight, @grayDark, 0 1px 1px rgba(255,255,255,.75)); 21 | border: 1px solid @btnBorder; 22 | *border: 0; // Remove the border to prevent IE7's black border on input:focus 23 | border-bottom-color: darken(@btnBorder, 10%); 24 | .border-radius(@baseBorderRadius); 25 | .ie7-restore-left-whitespace(); // Give IE7 some love 26 | .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)"); 27 | 28 | // Hover state 29 | &:hover { 30 | color: @grayDark; 31 | text-decoration: none; 32 | background-position: 0 -15px; 33 | 34 | // transition is only when going to hover, otherwise the background 35 | // behind the gradient (there for IE<=9 fallback) gets mismatched 36 | .transition(background-position .1s linear); 37 | } 38 | 39 | // Focus state for keyboard and accessibility 40 | &:focus { 41 | .tab-focus(); 42 | } 43 | 44 | // Active state 45 | &.active, 46 | &:active { 47 | background-image: none; 48 | outline: 0; 49 | .box-shadow(~"inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)"); 50 | } 51 | 52 | // Disabled state 53 | &.disabled, 54 | &[disabled] { 55 | cursor: default; 56 | background-image: none; 57 | .opacity(65); 58 | .box-shadow(none); 59 | } 60 | 61 | } 62 | 63 | 64 | 65 | // Button Sizes 66 | // -------------------------------------------------- 67 | 68 | // Large 69 | .btn-large { 70 | padding: @paddingLarge; 71 | font-size: @fontSizeLarge; 72 | .border-radius(@borderRadiusLarge); 73 | } 74 | .btn-large [class^="icon-"], 75 | .btn-large [class*=" icon-"] { 76 | margin-top: 4px; 77 | } 78 | 79 | // Small 80 | .btn-small { 81 | padding: @paddingSmall; 82 | font-size: @fontSizeSmall; 83 | .border-radius(@borderRadiusSmall); 84 | } 85 | .btn-small [class^="icon-"], 86 | .btn-small [class*=" icon-"] { 87 | margin-top: 0; 88 | } 89 | .btn-mini [class^="icon-"], 90 | .btn-mini [class*=" icon-"] { 91 | margin-top: -1px; 92 | } 93 | 94 | // Mini 95 | .btn-mini { 96 | padding: @paddingMini; 97 | font-size: @fontSizeMini; 98 | .border-radius(@borderRadiusSmall); 99 | } 100 | 101 | 102 | // Block button 103 | // ------------------------- 104 | 105 | .btn-block { 106 | display: block; 107 | width: 100%; 108 | padding-left: 0; 109 | padding-right: 0; 110 | .box-sizing(border-box); 111 | } 112 | 113 | // Vertically space out multiple block buttons 114 | .btn-block + .btn-block { 115 | margin-top: 5px; 116 | } 117 | 118 | // Specificity overrides 119 | input[type="submit"], 120 | input[type="reset"], 121 | input[type="button"] { 122 | &.btn-block { 123 | width: 100%; 124 | } 125 | } 126 | 127 | 128 | 129 | // Alternate buttons 130 | // -------------------------------------------------- 131 | 132 | // Provide *some* extra contrast for those who can get it 133 | .btn-primary.active, 134 | .btn-warning.active, 135 | .btn-danger.active, 136 | .btn-success.active, 137 | .btn-info.active, 138 | .btn-inverse.active { 139 | color: rgba(255,255,255,.75); 140 | } 141 | 142 | // Set the backgrounds 143 | // ------------------------- 144 | .btn { 145 | // reset here as of 2.0.3 due to Recess property order 146 | border-color: #c5c5c5; 147 | border-color: rgba(0,0,0,.15) rgba(0,0,0,.15) rgba(0,0,0,.25); 148 | } 149 | .btn-primary { 150 | .buttonBackground(@btnPrimaryBackground, @btnPrimaryBackgroundHighlight); 151 | } 152 | // Warning appears are orange 153 | .btn-warning { 154 | .buttonBackground(@btnWarningBackground, @btnWarningBackgroundHighlight); 155 | } 156 | // Danger and error appear as red 157 | .btn-danger { 158 | .buttonBackground(@btnDangerBackground, @btnDangerBackgroundHighlight); 159 | } 160 | // Success appears as green 161 | .btn-success { 162 | .buttonBackground(@btnSuccessBackground, @btnSuccessBackgroundHighlight); 163 | } 164 | // Info appears as a neutral blue 165 | .btn-info { 166 | .buttonBackground(@btnInfoBackground, @btnInfoBackgroundHighlight); 167 | } 168 | // Inverse appears as dark gray 169 | .btn-inverse { 170 | .buttonBackground(@btnInverseBackground, @btnInverseBackgroundHighlight); 171 | } 172 | 173 | 174 | // Cross-browser Jank 175 | // -------------------------------------------------- 176 | 177 | button.btn, 178 | input[type="submit"].btn { 179 | 180 | // Firefox 3.6 only I believe 181 | &::-moz-focus-inner { 182 | padding: 0; 183 | border: 0; 184 | } 185 | 186 | // IE7 has some default padding on button controls 187 | *padding-top: 3px; 188 | *padding-bottom: 3px; 189 | 190 | &.btn-large { 191 | *padding-top: 7px; 192 | *padding-bottom: 7px; 193 | } 194 | &.btn-small { 195 | *padding-top: 3px; 196 | *padding-bottom: 3px; 197 | } 198 | &.btn-mini { 199 | *padding-top: 1px; 200 | *padding-bottom: 1px; 201 | } 202 | } 203 | 204 | 205 | // Link buttons 206 | // -------------------------------------------------- 207 | 208 | // Make a button look and behave like a link 209 | .btn-link, 210 | .btn-link:active, 211 | .btn-link[disabled] { 212 | background-color: transparent; 213 | background-image: none; 214 | .box-shadow(none); 215 | } 216 | .btn-link { 217 | border-color: transparent; 218 | cursor: pointer; 219 | color: @linkColor; 220 | .border-radius(0); 221 | } 222 | .btn-link:hover { 223 | color: @linkColorHover; 224 | text-decoration: underline; 225 | background-color: transparent; 226 | } 227 | .btn-link[disabled]:hover { 228 | color: @grayDark; 229 | text-decoration: none; 230 | } 231 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/carousel.less: -------------------------------------------------------------------------------- 1 | // 2 | // Carousel 3 | // -------------------------------------------------- 4 | 5 | 6 | .carousel { 7 | position: relative; 8 | margin-bottom: @baseLineHeight; 9 | line-height: 1; 10 | } 11 | 12 | .carousel-inner { 13 | overflow: hidden; 14 | width: 100%; 15 | position: relative; 16 | } 17 | 18 | .carousel-inner { 19 | 20 | > .item { 21 | display: none; 22 | position: relative; 23 | .transition(.6s ease-in-out left); 24 | } 25 | 26 | // Account for jankitude on images 27 | > .item > img { 28 | display: block; 29 | line-height: 1; 30 | } 31 | 32 | > .active, 33 | > .next, 34 | > .prev { display: block; } 35 | 36 | > .active { 37 | left: 0; 38 | } 39 | 40 | > .next, 41 | > .prev { 42 | position: absolute; 43 | top: 0; 44 | width: 100%; 45 | } 46 | 47 | > .next { 48 | left: 100%; 49 | } 50 | > .prev { 51 | left: -100%; 52 | } 53 | > .next.left, 54 | > .prev.right { 55 | left: 0; 56 | } 57 | 58 | > .active.left { 59 | left: -100%; 60 | } 61 | > .active.right { 62 | left: 100%; 63 | } 64 | 65 | } 66 | 67 | // Left/right controls for nav 68 | // --------------------------- 69 | 70 | .carousel-control { 71 | position: absolute; 72 | top: 40%; 73 | left: 15px; 74 | width: 40px; 75 | height: 40px; 76 | margin-top: -20px; 77 | font-size: 60px; 78 | font-weight: 100; 79 | line-height: 30px; 80 | color: @white; 81 | text-align: center; 82 | background: @grayDarker; 83 | border: 3px solid @white; 84 | .border-radius(23px); 85 | .opacity(50); 86 | 87 | // we can't have this transition here 88 | // because webkit cancels the carousel 89 | // animation if you trip this while 90 | // in the middle of another animation 91 | // ;_; 92 | // .transition(opacity .2s linear); 93 | 94 | // Reposition the right one 95 | &.right { 96 | left: auto; 97 | right: 15px; 98 | } 99 | 100 | // Hover state 101 | &:hover { 102 | color: @white; 103 | text-decoration: none; 104 | .opacity(90); 105 | } 106 | } 107 | 108 | 109 | // Caption for text below images 110 | // ----------------------------- 111 | 112 | .carousel-caption { 113 | position: absolute; 114 | left: 0; 115 | right: 0; 116 | bottom: 0; 117 | padding: 15px; 118 | background: @grayDark; 119 | background: rgba(0,0,0,.75); 120 | } 121 | .carousel-caption h4, 122 | .carousel-caption p { 123 | color: @white; 124 | line-height: @baseLineHeight; 125 | } 126 | .carousel-caption h4 { 127 | margin: 0 0 5px; 128 | } 129 | .carousel-caption p { 130 | margin-bottom: 0; 131 | } 132 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/close.less: -------------------------------------------------------------------------------- 1 | // 2 | // Close icons 3 | // -------------------------------------------------- 4 | 5 | 6 | .close { 7 | float: right; 8 | font-size: 20px; 9 | font-weight: bold; 10 | line-height: @baseLineHeight; 11 | color: @black; 12 | text-shadow: 0 1px 0 rgba(255,255,255,1); 13 | .opacity(20); 14 | &:hover { 15 | color: @black; 16 | text-decoration: none; 17 | cursor: pointer; 18 | .opacity(40); 19 | } 20 | } 21 | 22 | // Additional properties for button version 23 | // iOS requires the button element instead of an anchor tag. 24 | // If you want the anchor version, it requires `href="#"`. 25 | button.close { 26 | padding: 0; 27 | cursor: pointer; 28 | background: transparent; 29 | border: 0; 30 | -webkit-appearance: none; 31 | } -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/code.less: -------------------------------------------------------------------------------- 1 | // 2 | // Code (inline and blocK) 3 | // -------------------------------------------------- 4 | 5 | 6 | // Inline and block code styles 7 | code, 8 | pre { 9 | padding: 0 3px 2px; 10 | #font > #family > .monospace; 11 | font-size: @baseFontSize - 2; 12 | color: @grayDark; 13 | .border-radius(3px); 14 | } 15 | 16 | // Inline code 17 | code { 18 | padding: 2px 4px; 19 | color: #d14; 20 | background-color: #f7f7f9; 21 | border: 1px solid #e1e1e8; 22 | white-space: nowrap; 23 | } 24 | 25 | // Blocks of code 26 | pre { 27 | display: block; 28 | padding: (@baseLineHeight - 1) / 2; 29 | margin: 0 0 @baseLineHeight / 2; 30 | font-size: @baseFontSize - 1; // 14px to 13px 31 | line-height: @baseLineHeight; 32 | word-break: break-all; 33 | word-wrap: break-word; 34 | white-space: pre; 35 | white-space: pre-wrap; 36 | background-color: #f5f5f5; 37 | border: 1px solid #ccc; // fallback for IE7-8 38 | border: 1px solid rgba(0,0,0,.15); 39 | .border-radius(@baseBorderRadius); 40 | 41 | // Make prettyprint styles more spaced out for readability 42 | &.prettyprint { 43 | margin-bottom: @baseLineHeight; 44 | } 45 | 46 | // Account for some code outputs that place code tags in pre tags 47 | code { 48 | padding: 0; 49 | color: inherit; 50 | white-space: pre; 51 | white-space: pre-wrap; 52 | background-color: transparent; 53 | border: 0; 54 | } 55 | } 56 | 57 | // Enable scrollable blocks of code 58 | .pre-scrollable { 59 | max-height: 340px; 60 | overflow-y: scroll; 61 | } -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/component-animations.less: -------------------------------------------------------------------------------- 1 | // 2 | // Component animations 3 | // -------------------------------------------------- 4 | 5 | 6 | .fade { 7 | opacity: 0; 8 | .transition(opacity .15s linear); 9 | &.in { 10 | opacity: 1; 11 | } 12 | } 13 | 14 | .collapse { 15 | position: relative; 16 | height: 0; 17 | overflow: hidden; 18 | .transition(height .35s ease); 19 | &.in { 20 | height: auto; 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/dropdowns.less: -------------------------------------------------------------------------------- 1 | // 2 | // Dropdown menus 3 | // -------------------------------------------------- 4 | 5 | 6 | // Use the .menu class on any
  • element within the topbar or ul.tabs and you'll get some superfancy dropdowns 7 | .dropup, 8 | .dropdown { 9 | position: relative; 10 | } 11 | .dropdown-toggle { 12 | // The caret makes the toggle a bit too tall in IE7 13 | *margin-bottom: -3px; 14 | } 15 | .dropdown-toggle:active, 16 | .open .dropdown-toggle { 17 | outline: 0; 18 | } 19 | 20 | // Dropdown arrow/caret 21 | // -------------------- 22 | .caret { 23 | display: inline-block; 24 | width: 0; 25 | height: 0; 26 | vertical-align: top; 27 | border-top: 4px solid @black; 28 | border-right: 4px solid transparent; 29 | border-left: 4px solid transparent; 30 | content: ""; 31 | } 32 | 33 | // Place the caret 34 | .dropdown .caret { 35 | margin-top: 8px; 36 | margin-left: 2px; 37 | } 38 | 39 | // The dropdown menu (ul) 40 | // ---------------------- 41 | .dropdown-menu { 42 | position: absolute; 43 | top: 100%; 44 | left: 0; 45 | z-index: @zindexDropdown; 46 | display: none; // none by default, but block on "open" of the menu 47 | float: left; 48 | min-width: 160px; 49 | padding: 5px 0; 50 | margin: 2px 0 0; // override default ul 51 | list-style: none; 52 | background-color: @dropdownBackground; 53 | border: 1px solid #ccc; // Fallback for IE7-8 54 | border: 1px solid @dropdownBorder; 55 | *border-right-width: 2px; 56 | *border-bottom-width: 2px; 57 | .border-radius(6px); 58 | .box-shadow(0 5px 10px rgba(0,0,0,.2)); 59 | -webkit-background-clip: padding-box; 60 | -moz-background-clip: padding; 61 | background-clip: padding-box; 62 | 63 | // Aligns the dropdown menu to right 64 | &.pull-right { 65 | right: 0; 66 | left: auto; 67 | } 68 | 69 | // Dividers (basically an hr) within the dropdown 70 | .divider { 71 | .nav-divider(@dropdownDividerTop, @dropdownDividerBottom); 72 | } 73 | 74 | // Links within the dropdown menu 75 | li > a { 76 | display: block; 77 | padding: 3px 20px; 78 | clear: both; 79 | font-weight: normal; 80 | line-height: @baseLineHeight; 81 | color: @dropdownLinkColor; 82 | white-space: nowrap; 83 | } 84 | } 85 | 86 | // Hover state 87 | // ----------- 88 | .dropdown-menu li > a:hover, 89 | .dropdown-menu li > a:focus, 90 | .dropdown-submenu:hover > a { 91 | text-decoration: none; 92 | color: @dropdownLinkColorHover; 93 | #gradient > .vertical(@dropdownLinkBackgroundHover, darken(@dropdownLinkBackgroundHover, 5%)); 94 | } 95 | 96 | // Active state 97 | // ------------ 98 | .dropdown-menu .active > a, 99 | .dropdown-menu .active > a:hover { 100 | color: @dropdownLinkColorActive; 101 | text-decoration: none; 102 | outline: 0; 103 | #gradient > .vertical(@dropdownLinkBackgroundActive, darken(@dropdownLinkBackgroundActive, 5%)); 104 | } 105 | 106 | // Disabled state 107 | // -------------- 108 | // Gray out text and ensure the hover state remains gray 109 | .dropdown-menu .disabled > a, 110 | .dropdown-menu .disabled > a:hover { 111 | color: @grayLight; 112 | } 113 | // Nuke hover effects 114 | .dropdown-menu .disabled > a:hover { 115 | text-decoration: none; 116 | background-color: transparent; 117 | background-image: none; // Remove CSS gradient 118 | .reset-filter(); 119 | cursor: default; 120 | } 121 | 122 | // Open state for the dropdown 123 | // --------------------------- 124 | .open { 125 | // IE7's z-index only goes to the nearest positioned ancestor, which would 126 | // make the menu appear below buttons that appeared later on the page 127 | *z-index: @zindexDropdown; 128 | 129 | & > .dropdown-menu { 130 | display: block; 131 | } 132 | } 133 | 134 | // Right aligned dropdowns 135 | // --------------------------- 136 | .pull-right > .dropdown-menu { 137 | right: 0; 138 | left: auto; 139 | } 140 | 141 | // Allow for dropdowns to go bottom up (aka, dropup-menu) 142 | // ------------------------------------------------------ 143 | // Just add .dropup after the standard .dropdown class and you're set, bro. 144 | // TODO: abstract this so that the navbar fixed styles are not placed here? 145 | .dropup, 146 | .navbar-fixed-bottom .dropdown { 147 | // Reverse the caret 148 | .caret { 149 | border-top: 0; 150 | border-bottom: 4px solid @black; 151 | content: ""; 152 | } 153 | // Different positioning for bottom up menu 154 | .dropdown-menu { 155 | top: auto; 156 | bottom: 100%; 157 | margin-bottom: 1px; 158 | } 159 | } 160 | 161 | // Sub menus 162 | // --------------------------- 163 | .dropdown-submenu { 164 | position: relative; 165 | } 166 | // Default dropdowns 167 | .dropdown-submenu > .dropdown-menu { 168 | top: 0; 169 | left: 100%; 170 | margin-top: -6px; 171 | margin-left: -1px; 172 | .border-radius(0 6px 6px 6px); 173 | } 174 | .dropdown-submenu:hover > .dropdown-menu { 175 | display: block; 176 | } 177 | 178 | // Dropups 179 | .dropup .dropdown-submenu > .dropdown-menu { 180 | top: auto; 181 | bottom: 0; 182 | margin-top: 0; 183 | margin-bottom: -2px; 184 | .border-radius(5px 5px 5px 0); 185 | } 186 | 187 | // Caret to indicate there is a submenu 188 | .dropdown-submenu > a:after { 189 | display: block; 190 | content: " "; 191 | float: right; 192 | width: 0; 193 | height: 0; 194 | border-color: transparent; 195 | border-style: solid; 196 | border-width: 5px 0 5px 5px; 197 | border-left-color: darken(@dropdownBackground, 20%); 198 | margin-top: 5px; 199 | margin-right: -10px; 200 | } 201 | .dropdown-submenu:hover > a:after { 202 | border-left-color: @dropdownLinkColorHover; 203 | } 204 | 205 | // Left aligned submenus 206 | .dropdown-submenu.pull-left { 207 | // Undo the float 208 | // Yes, this is awkward since .pull-left adds a float, but it sticks to our conventions elsewhere. 209 | float: none; 210 | 211 | // Positioning the submenu 212 | > .dropdown-menu { 213 | left: -100%; 214 | margin-left: 10px; 215 | .border-radius(6px 0 6px 6px); 216 | } 217 | } 218 | 219 | // Tweak nav headers 220 | // ----------------- 221 | // Increase padding from 15px to 20px on sides 222 | .dropdown .dropdown-menu .nav-header { 223 | padding-left: 20px; 224 | padding-right: 20px; 225 | } 226 | 227 | // Typeahead 228 | // --------- 229 | .typeahead { 230 | z-index: 1051; 231 | margin-top: 2px; // give it some space to breathe 232 | .border-radius(@baseBorderRadius); 233 | } 234 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/grid.less: -------------------------------------------------------------------------------- 1 | // 2 | // Grid system 3 | // -------------------------------------------------- 4 | 5 | 6 | // Fixed (940px) 7 | #grid > .core(@gridColumnWidth, @gridGutterWidth); 8 | 9 | // Fluid (940px) 10 | #grid > .fluid(@fluidGridColumnWidth, @fluidGridGutterWidth); 11 | 12 | // Reset utility classes due to specificity 13 | [class*="span"].hide, 14 | .row-fluid [class*="span"].hide { 15 | display: none; 16 | } 17 | 18 | [class*="span"].pull-right, 19 | .row-fluid [class*="span"].pull-right { 20 | float: right; 21 | } 22 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/hero-unit.less: -------------------------------------------------------------------------------- 1 | // 2 | // Hero unit 3 | // -------------------------------------------------- 4 | 5 | 6 | .hero-unit { 7 | padding: 60px; 8 | margin-bottom: 30px; 9 | font-size: 18px; 10 | font-weight: 200; 11 | line-height: @baseLineHeight * 1.5; 12 | color: @heroUnitLeadColor; 13 | background-color: @heroUnitBackground; 14 | .border-radius(6px); 15 | h1 { 16 | margin-bottom: 0; 17 | font-size: 60px; 18 | line-height: 1; 19 | color: @heroUnitHeadingColor; 20 | letter-spacing: -1px; 21 | } 22 | li { 23 | line-height: @baseLineHeight * 1.5; // Reset since we specify in type.less 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/labels-badges.less: -------------------------------------------------------------------------------- 1 | // 2 | // Labels and badges 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base classes 7 | .label, 8 | .badge { 9 | display: inline-block; 10 | padding: 2px 4px; 11 | font-size: @baseFontSize * .846; 12 | font-weight: bold; 13 | line-height: 14px; // ensure proper line-height if floated 14 | color: @white; 15 | vertical-align: baseline; 16 | white-space: nowrap; 17 | text-shadow: 0 -1px 0 rgba(0,0,0,.25); 18 | background-color: @grayLight; 19 | } 20 | // Set unique padding and border-radii 21 | .label { 22 | .border-radius(3px); 23 | } 24 | .badge { 25 | padding-left: 9px; 26 | padding-right: 9px; 27 | .border-radius(9px); 28 | } 29 | 30 | // Empty labels/badges collapse 31 | .label, 32 | .badge { 33 | &:empty { 34 | display: none; 35 | } 36 | } 37 | 38 | // Hover state, but only for links 39 | a { 40 | &.label:hover, 41 | &.badge:hover { 42 | color: @white; 43 | text-decoration: none; 44 | cursor: pointer; 45 | } 46 | } 47 | 48 | // Colors 49 | // Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute) 50 | .label, 51 | .badge { 52 | // Important (red) 53 | &-important { background-color: @errorText; } 54 | &-important[href] { background-color: darken(@errorText, 10%); } 55 | // Warnings (orange) 56 | &-warning { background-color: @orange; } 57 | &-warning[href] { background-color: darken(@orange, 10%); } 58 | // Success (green) 59 | &-success { background-color: @successText; } 60 | &-success[href] { background-color: darken(@successText, 10%); } 61 | // Info (turquoise) 62 | &-info { background-color: @infoText; } 63 | &-info[href] { background-color: darken(@infoText, 10%); } 64 | // Inverse (black) 65 | &-inverse { background-color: @grayDark; } 66 | &-inverse[href] { background-color: darken(@grayDark, 10%); } 67 | } 68 | 69 | // Quick fix for labels/badges in buttons 70 | .btn { 71 | .label, 72 | .badge { 73 | position: relative; 74 | top: -1px; 75 | } 76 | } 77 | .btn-mini { 78 | .label, 79 | .badge { 80 | top: 0; 81 | } 82 | } 83 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/layouts.less: -------------------------------------------------------------------------------- 1 | // 2 | // Layouts 3 | // -------------------------------------------------- 4 | 5 | 6 | // Container (centered, fixed-width layouts) 7 | .container { 8 | .container-fixed(); 9 | } 10 | 11 | // Fluid layouts (left aligned, with sidebar, min- & max-width content) 12 | .container-fluid { 13 | padding-right: @gridGutterWidth; 14 | padding-left: @gridGutterWidth; 15 | .clearfix(); 16 | } -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/media.less: -------------------------------------------------------------------------------- 1 | // Media objects 2 | // Source: http://stubbornella.org/content/?p=497 3 | // -------------------------------------------------- 4 | 5 | 6 | // Common styles 7 | // ------------------------- 8 | 9 | // Clear the floats 10 | .media, 11 | .media-body { 12 | overflow: hidden; 13 | *overflow: visible; 14 | zoom: 1; 15 | } 16 | 17 | // Proper spacing between instances of .media 18 | .media, 19 | .media .media { 20 | margin-top: 15px; 21 | } 22 | .media:first-child { 23 | margin-top: 0; 24 | } 25 | 26 | // For images and videos, set to block 27 | .media-object { 28 | display: block; 29 | } 30 | 31 | // Reset margins on headings for tighter default spacing 32 | .media-heading { 33 | margin: 0 0 5px; 34 | } 35 | 36 | 37 | // Media image alignment 38 | // ------------------------- 39 | 40 | .media .pull-left { 41 | margin-right: 10px; 42 | } 43 | .media .pull-right { 44 | margin-left: 10px; 45 | } 46 | 47 | 48 | // Media list variation 49 | // ------------------------- 50 | 51 | // Undo default ul/ol styles 52 | .media-list { 53 | margin-left: 0; 54 | list-style: none; 55 | } 56 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/modals.less: -------------------------------------------------------------------------------- 1 | // 2 | // Modals 3 | // -------------------------------------------------- 4 | 5 | // Background 6 | .modal-backdrop { 7 | position: fixed; 8 | top: 0; 9 | right: 0; 10 | bottom: 0; 11 | left: 0; 12 | z-index: @zindexModalBackdrop; 13 | background-color: @black; 14 | // Fade for backdrop 15 | &.fade { opacity: 0; } 16 | } 17 | 18 | .modal-backdrop, 19 | .modal-backdrop.fade.in { 20 | .opacity(80); 21 | } 22 | 23 | // Base modal 24 | .modal { 25 | position: fixed; 26 | top: 10%; 27 | left: 50%; 28 | z-index: @zindexModal; 29 | width: 560px; 30 | margin-left: -280px; 31 | background-color: @white; 32 | border: 1px solid #999; 33 | border: 1px solid rgba(0,0,0,.3); 34 | *border: 1px solid #999; /* IE6-7 */ 35 | .border-radius(6px); 36 | .box-shadow(0 3px 7px rgba(0,0,0,0.3)); 37 | .background-clip(padding-box); 38 | // Remove focus outline from opened modal 39 | outline: none; 40 | 41 | &.fade { 42 | .transition(e('opacity .3s linear, top .3s ease-out')); 43 | top: -25%; 44 | } 45 | &.fade.in { top: 10%; } 46 | } 47 | .modal-header { 48 | padding: 9px 15px; 49 | border-bottom: 1px solid #eee; 50 | // Close icon 51 | .close { margin-top: 2px; } 52 | // Heading 53 | h3 { 54 | margin: 0; 55 | line-height: 30px; 56 | } 57 | } 58 | 59 | // Body (where all modal content resides) 60 | .modal-body { 61 | position: relative; 62 | overflow-y: auto; 63 | max-height: 400px; 64 | padding: 15px; 65 | } 66 | // Remove bottom margin if need be 67 | .modal-form { 68 | margin-bottom: 0; 69 | } 70 | 71 | // Footer (for actions) 72 | .modal-footer { 73 | padding: 14px 15px 15px; 74 | margin-bottom: 0; 75 | text-align: right; // right align buttons 76 | background-color: #f5f5f5; 77 | border-top: 1px solid #ddd; 78 | .border-radius(0 0 6px 6px); 79 | .box-shadow(inset 0 1px 0 @white); 80 | .clearfix(); // clear it in case folks use .pull-* classes on buttons 81 | 82 | // Properly space out buttons 83 | .btn + .btn { 84 | margin-left: 5px; 85 | margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs 86 | } 87 | // but override that for button groups 88 | .btn-group .btn + .btn { 89 | margin-left: -1px; 90 | } 91 | // and override it for block buttons as well 92 | .btn-block + .btn-block { 93 | margin-left: 0; 94 | } 95 | } 96 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/navs.less: -------------------------------------------------------------------------------- 1 | // 2 | // Navs 3 | // -------------------------------------------------- 4 | 5 | 6 | // BASE CLASS 7 | // ---------- 8 | 9 | .nav { 10 | margin-left: 0; 11 | margin-bottom: @baseLineHeight; 12 | list-style: none; 13 | } 14 | 15 | // Make links block level 16 | .nav > li > a { 17 | display: block; 18 | } 19 | .nav > li > a:hover { 20 | text-decoration: none; 21 | background-color: @grayLighter; 22 | } 23 | 24 | // Prevent IE8 from misplacing imgs 25 | // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 26 | .nav > li > a > img { 27 | max-width: none; 28 | } 29 | 30 | // Redeclare pull classes because of specifity 31 | .nav > .pull-right { 32 | float: right; 33 | } 34 | 35 | // Nav headers (for dropdowns and lists) 36 | .nav-header { 37 | display: block; 38 | padding: 3px 15px; 39 | font-size: 11px; 40 | font-weight: bold; 41 | line-height: @baseLineHeight; 42 | color: @grayLight; 43 | text-shadow: 0 1px 0 rgba(255,255,255,.5); 44 | text-transform: uppercase; 45 | } 46 | // Space them out when they follow another list item (link) 47 | .nav li + .nav-header { 48 | margin-top: 9px; 49 | } 50 | 51 | 52 | 53 | // NAV LIST 54 | // -------- 55 | 56 | .nav-list { 57 | padding-left: 15px; 58 | padding-right: 15px; 59 | margin-bottom: 0; 60 | } 61 | .nav-list > li > a, 62 | .nav-list .nav-header { 63 | margin-left: -15px; 64 | margin-right: -15px; 65 | text-shadow: 0 1px 0 rgba(255,255,255,.5); 66 | } 67 | .nav-list > li > a { 68 | padding: 3px 15px; 69 | } 70 | .nav-list > .active > a, 71 | .nav-list > .active > a:hover { 72 | color: @white; 73 | text-shadow: 0 -1px 0 rgba(0,0,0,.2); 74 | background-color: @linkColor; 75 | } 76 | .nav-list [class^="icon-"], 77 | .nav-list [class*=" icon-"] { 78 | margin-right: 2px; 79 | } 80 | // Dividers (basically an hr) within the dropdown 81 | .nav-list .divider { 82 | .nav-divider(); 83 | } 84 | 85 | 86 | 87 | // TABS AND PILLS 88 | // ------------- 89 | 90 | // Common styles 91 | .nav-tabs, 92 | .nav-pills { 93 | .clearfix(); 94 | } 95 | .nav-tabs > li, 96 | .nav-pills > li { 97 | float: left; 98 | } 99 | .nav-tabs > li > a, 100 | .nav-pills > li > a { 101 | padding-right: 12px; 102 | padding-left: 12px; 103 | margin-right: 2px; 104 | line-height: 14px; // keeps the overall height an even number 105 | } 106 | 107 | // TABS 108 | // ---- 109 | 110 | // Give the tabs something to sit on 111 | .nav-tabs { 112 | border-bottom: 1px solid #ddd; 113 | } 114 | // Make the list-items overlay the bottom border 115 | .nav-tabs > li { 116 | margin-bottom: -1px; 117 | } 118 | // Actual tabs (as links) 119 | .nav-tabs > li > a { 120 | padding-top: 8px; 121 | padding-bottom: 8px; 122 | line-height: @baseLineHeight; 123 | border: 1px solid transparent; 124 | .border-radius(4px 4px 0 0); 125 | &:hover { 126 | border-color: @grayLighter @grayLighter #ddd; 127 | } 128 | } 129 | // Active state, and it's :hover to override normal :hover 130 | .nav-tabs > .active > a, 131 | .nav-tabs > .active > a:hover { 132 | color: @gray; 133 | background-color: @bodyBackground; 134 | border: 1px solid #ddd; 135 | border-bottom-color: transparent; 136 | cursor: default; 137 | } 138 | 139 | 140 | // PILLS 141 | // ----- 142 | 143 | // Links rendered as pills 144 | .nav-pills > li > a { 145 | padding-top: 8px; 146 | padding-bottom: 8px; 147 | margin-top: 2px; 148 | margin-bottom: 2px; 149 | .border-radius(5px); 150 | } 151 | 152 | // Active state 153 | .nav-pills > .active > a, 154 | .nav-pills > .active > a:hover { 155 | color: @white; 156 | background-color: @linkColor; 157 | } 158 | 159 | 160 | 161 | // STACKED NAV 162 | // ----------- 163 | 164 | // Stacked tabs and pills 165 | .nav-stacked > li { 166 | float: none; 167 | } 168 | .nav-stacked > li > a { 169 | margin-right: 0; // no need for the gap between nav items 170 | } 171 | 172 | // Tabs 173 | .nav-tabs.nav-stacked { 174 | border-bottom: 0; 175 | } 176 | .nav-tabs.nav-stacked > li > a { 177 | border: 1px solid #ddd; 178 | .border-radius(0); 179 | } 180 | .nav-tabs.nav-stacked > li:first-child > a { 181 | .border-top-radius(4px); 182 | } 183 | .nav-tabs.nav-stacked > li:last-child > a { 184 | .border-bottom-radius(4px); 185 | } 186 | .nav-tabs.nav-stacked > li > a:hover { 187 | border-color: #ddd; 188 | z-index: 2; 189 | } 190 | 191 | // Pills 192 | .nav-pills.nav-stacked > li > a { 193 | margin-bottom: 3px; 194 | } 195 | .nav-pills.nav-stacked > li:last-child > a { 196 | margin-bottom: 1px; // decrease margin to match sizing of stacked tabs 197 | } 198 | 199 | 200 | 201 | // DROPDOWNS 202 | // --------- 203 | 204 | .nav-tabs .dropdown-menu { 205 | .border-radius(0 0 6px 6px); // remove the top rounded corners here since there is a hard edge above the menu 206 | } 207 | .nav-pills .dropdown-menu { 208 | .border-radius(6px); // make rounded corners match the pills 209 | } 210 | 211 | // Default dropdown links 212 | // ------------------------- 213 | // Make carets use linkColor to start 214 | .nav .dropdown-toggle .caret { 215 | border-top-color: @linkColor; 216 | border-bottom-color: @linkColor; 217 | margin-top: 6px; 218 | } 219 | .nav .dropdown-toggle:hover .caret { 220 | border-top-color: @linkColorHover; 221 | border-bottom-color: @linkColorHover; 222 | } 223 | /* move down carets for tabs */ 224 | .nav-tabs .dropdown-toggle .caret { 225 | margin-top: 8px; 226 | } 227 | 228 | // Active dropdown links 229 | // ------------------------- 230 | .nav .active .dropdown-toggle .caret { 231 | border-top-color: #fff; 232 | border-bottom-color: #fff; 233 | } 234 | .nav-tabs .active .dropdown-toggle .caret { 235 | border-top-color: @gray; 236 | border-bottom-color: @gray; 237 | } 238 | 239 | // Active:hover dropdown links 240 | // ------------------------- 241 | .nav > .dropdown.active > a:hover { 242 | cursor: pointer; 243 | } 244 | 245 | // Open dropdowns 246 | // ------------------------- 247 | .nav-tabs .open .dropdown-toggle, 248 | .nav-pills .open .dropdown-toggle, 249 | .nav > li.dropdown.open.active > a:hover { 250 | color: @white; 251 | background-color: @grayLight; 252 | border-color: @grayLight; 253 | } 254 | .nav li.dropdown.open .caret, 255 | .nav li.dropdown.open.active .caret, 256 | .nav li.dropdown.open a:hover .caret { 257 | border-top-color: @white; 258 | border-bottom-color: @white; 259 | .opacity(100); 260 | } 261 | 262 | // Dropdowns in stacked tabs 263 | .tabs-stacked .open > a:hover { 264 | border-color: @grayLight; 265 | } 266 | 267 | 268 | 269 | // TABBABLE 270 | // -------- 271 | 272 | 273 | // COMMON STYLES 274 | // ------------- 275 | 276 | // Clear any floats 277 | .tabbable { 278 | .clearfix(); 279 | } 280 | .tab-content { 281 | overflow: auto; // prevent content from running below tabs 282 | } 283 | 284 | // Remove border on bottom, left, right 285 | .tabs-below > .nav-tabs, 286 | .tabs-right > .nav-tabs, 287 | .tabs-left > .nav-tabs { 288 | border-bottom: 0; 289 | } 290 | 291 | // Show/hide tabbable areas 292 | .tab-content > .tab-pane, 293 | .pill-content > .pill-pane { 294 | display: none; 295 | } 296 | .tab-content > .active, 297 | .pill-content > .active { 298 | display: block; 299 | } 300 | 301 | 302 | // BOTTOM 303 | // ------ 304 | 305 | .tabs-below > .nav-tabs { 306 | border-top: 1px solid #ddd; 307 | } 308 | .tabs-below > .nav-tabs > li { 309 | margin-top: -1px; 310 | margin-bottom: 0; 311 | } 312 | .tabs-below > .nav-tabs > li > a { 313 | .border-radius(0 0 4px 4px); 314 | &:hover { 315 | border-bottom-color: transparent; 316 | border-top-color: #ddd; 317 | } 318 | } 319 | .tabs-below > .nav-tabs > .active > a, 320 | .tabs-below > .nav-tabs > .active > a:hover { 321 | border-color: transparent #ddd #ddd #ddd; 322 | } 323 | 324 | // LEFT & RIGHT 325 | // ------------ 326 | 327 | // Common styles 328 | .tabs-left > .nav-tabs > li, 329 | .tabs-right > .nav-tabs > li { 330 | float: none; 331 | } 332 | .tabs-left > .nav-tabs > li > a, 333 | .tabs-right > .nav-tabs > li > a { 334 | min-width: 74px; 335 | margin-right: 0; 336 | margin-bottom: 3px; 337 | } 338 | 339 | // Tabs on the left 340 | .tabs-left > .nav-tabs { 341 | float: left; 342 | margin-right: 19px; 343 | border-right: 1px solid #ddd; 344 | } 345 | .tabs-left > .nav-tabs > li > a { 346 | margin-right: -1px; 347 | .border-radius(4px 0 0 4px); 348 | } 349 | .tabs-left > .nav-tabs > li > a:hover { 350 | border-color: @grayLighter #ddd @grayLighter @grayLighter; 351 | } 352 | .tabs-left > .nav-tabs .active > a, 353 | .tabs-left > .nav-tabs .active > a:hover { 354 | border-color: #ddd transparent #ddd #ddd; 355 | *border-right-color: @white; 356 | } 357 | 358 | // Tabs on the right 359 | .tabs-right > .nav-tabs { 360 | float: right; 361 | margin-left: 19px; 362 | border-left: 1px solid #ddd; 363 | } 364 | .tabs-right > .nav-tabs > li > a { 365 | margin-left: -1px; 366 | .border-radius(0 4px 4px 0); 367 | } 368 | .tabs-right > .nav-tabs > li > a:hover { 369 | border-color: @grayLighter @grayLighter @grayLighter #ddd; 370 | } 371 | .tabs-right > .nav-tabs .active > a, 372 | .tabs-right > .nav-tabs .active > a:hover { 373 | border-color: #ddd #ddd #ddd transparent; 374 | *border-left-color: @white; 375 | } 376 | 377 | 378 | 379 | // DISABLED STATES 380 | // --------------- 381 | 382 | // Gray out text 383 | .nav > .disabled > a { 384 | color: @grayLight; 385 | } 386 | // Nuke hover effects 387 | .nav > .disabled > a:hover { 388 | text-decoration: none; 389 | background-color: transparent; 390 | cursor: default; 391 | } 392 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/pager.less: -------------------------------------------------------------------------------- 1 | // 2 | // Pager pagination 3 | // -------------------------------------------------- 4 | 5 | 6 | .pager { 7 | margin: @baseLineHeight 0; 8 | list-style: none; 9 | text-align: center; 10 | .clearfix(); 11 | } 12 | .pager li { 13 | display: inline; 14 | } 15 | .pager li > a, 16 | .pager li > span { 17 | display: inline-block; 18 | padding: 5px 14px; 19 | background-color: #fff; 20 | border: 1px solid #ddd; 21 | .border-radius(15px); 22 | } 23 | .pager li > a:hover { 24 | text-decoration: none; 25 | background-color: #f5f5f5; 26 | } 27 | .pager .next > a, 28 | .pager .next > span { 29 | float: right; 30 | } 31 | .pager .previous > a, 32 | .pager .previous > span { 33 | float: left; 34 | } 35 | .pager .disabled > a, 36 | .pager .disabled > a:hover, 37 | .pager .disabled > span { 38 | color: @grayLight; 39 | background-color: #fff; 40 | cursor: default; 41 | } -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/pagination.less: -------------------------------------------------------------------------------- 1 | // 2 | // Pagination (multiple pages) 3 | // -------------------------------------------------- 4 | 5 | // Space out pagination from surrounding content 6 | .pagination { 7 | margin: @baseLineHeight 0; 8 | } 9 | 10 | .pagination ul { 11 | // Allow for text-based alignment 12 | display: inline-block; 13 | .ie7-inline-block(); 14 | // Reset default ul styles 15 | margin-left: 0; 16 | margin-bottom: 0; 17 | // Visuals 18 | .border-radius(@baseBorderRadius); 19 | .box-shadow(0 1px 2px rgba(0,0,0,.05)); 20 | } 21 | .pagination ul > li { 22 | display: inline; // Remove list-style and block-level defaults 23 | } 24 | .pagination ul > li > a, 25 | .pagination ul > li > span { 26 | float: left; // Collapse white-space 27 | padding: 4px 12px; 28 | line-height: @baseLineHeight; 29 | text-decoration: none; 30 | background-color: @paginationBackground; 31 | border: 1px solid @paginationBorder; 32 | border-left-width: 0; 33 | } 34 | .pagination ul > li > a:hover, 35 | .pagination ul > .active > a, 36 | .pagination ul > .active > span { 37 | background-color: @paginationActiveBackground; 38 | } 39 | .pagination ul > .active > a, 40 | .pagination ul > .active > span { 41 | color: @grayLight; 42 | cursor: default; 43 | } 44 | .pagination ul > .disabled > span, 45 | .pagination ul > .disabled > a, 46 | .pagination ul > .disabled > a:hover { 47 | color: @grayLight; 48 | background-color: transparent; 49 | cursor: default; 50 | } 51 | .pagination ul > li:first-child > a, 52 | .pagination ul > li:first-child > span { 53 | border-left-width: 1px; 54 | .border-left-radius(@baseBorderRadius); 55 | } 56 | .pagination ul > li:last-child > a, 57 | .pagination ul > li:last-child > span { 58 | .border-right-radius(@baseBorderRadius); 59 | } 60 | 61 | 62 | // Alignment 63 | // -------------------------------------------------- 64 | 65 | .pagination-centered { 66 | text-align: center; 67 | } 68 | .pagination-right { 69 | text-align: right; 70 | } 71 | 72 | 73 | // Sizing 74 | // -------------------------------------------------- 75 | 76 | // Large 77 | .pagination-large { 78 | ul > li > a, 79 | ul > li > span { 80 | padding: @paddingLarge; 81 | font-size: @fontSizeLarge; 82 | } 83 | ul > li:first-child > a, 84 | ul > li:first-child > span { 85 | .border-left-radius(@borderRadiusLarge); 86 | } 87 | ul > li:last-child > a, 88 | ul > li:last-child > span { 89 | .border-right-radius(@borderRadiusLarge); 90 | } 91 | } 92 | 93 | // Small and mini 94 | .pagination-mini, 95 | .pagination-small { 96 | ul > li:first-child > a, 97 | ul > li:first-child > span { 98 | .border-left-radius(@borderRadiusSmall); 99 | } 100 | ul > li:last-child > a, 101 | ul > li:last-child > span { 102 | .border-right-radius(@borderRadiusSmall); 103 | } 104 | } 105 | 106 | // Small 107 | .pagination-small { 108 | ul > li > a, 109 | ul > li > span { 110 | padding: @paddingSmall; 111 | font-size: @fontSizeSmall; 112 | } 113 | } 114 | // Mini 115 | .pagination-mini { 116 | ul > li > a, 117 | ul > li > span { 118 | padding: @paddingMini; 119 | font-size: @fontSizeMini; 120 | } 121 | } 122 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/popovers.less: -------------------------------------------------------------------------------- 1 | // 2 | // Popovers 3 | // -------------------------------------------------- 4 | 5 | 6 | .popover { 7 | position: absolute; 8 | top: 0; 9 | left: 0; 10 | z-index: @zindexPopover; 11 | display: none; 12 | width: 236px; 13 | padding: 1px; 14 | text-align: left; // Reset given new insertion method 15 | background-color: @popoverBackground; 16 | -webkit-background-clip: padding-box; 17 | -moz-background-clip: padding; 18 | background-clip: padding-box; 19 | border: 1px solid #ccc; 20 | border: 1px solid rgba(0,0,0,.2); 21 | .border-radius(6px); 22 | .box-shadow(0 5px 10px rgba(0,0,0,.2)); 23 | 24 | // Overrides for proper insertion 25 | white-space: normal; 26 | 27 | // Offset the popover to account for the popover arrow 28 | &.top { margin-top: -10px; } 29 | &.right { margin-left: 10px; } 30 | &.bottom { margin-top: 10px; } 31 | &.left { margin-left: -10px; } 32 | } 33 | 34 | .popover-title { 35 | margin: 0; // reset heading margin 36 | padding: 8px 14px; 37 | font-size: 14px; 38 | font-weight: normal; 39 | line-height: 18px; 40 | background-color: @popoverTitleBackground; 41 | border-bottom: 1px solid darken(@popoverTitleBackground, 5%); 42 | .border-radius(5px 5px 0 0); 43 | } 44 | 45 | .popover-content { 46 | padding: 9px 14px; 47 | } 48 | 49 | // Arrows 50 | // 51 | // .arrow is outer, .arrow:after is inner 52 | 53 | .popover .arrow, 54 | .popover .arrow:after { 55 | position: absolute; 56 | display: block; 57 | width: 0; 58 | height: 0; 59 | border-color: transparent; 60 | border-style: solid; 61 | } 62 | .popover .arrow { 63 | border-width: @popoverArrowOuterWidth; 64 | } 65 | .popover .arrow:after { 66 | border-width: @popoverArrowWidth; 67 | content: ""; 68 | } 69 | 70 | .popover { 71 | &.top .arrow { 72 | left: 50%; 73 | margin-left: -@popoverArrowOuterWidth; 74 | border-bottom-width: 0; 75 | border-top-color: #999; // IE8 fallback 76 | border-top-color: @popoverArrowOuterColor; 77 | bottom: -@popoverArrowOuterWidth; 78 | &:after { 79 | bottom: 1px; 80 | margin-left: -@popoverArrowWidth; 81 | border-bottom-width: 0; 82 | border-top-color: @popoverArrowColor; 83 | } 84 | } 85 | &.right .arrow { 86 | top: 50%; 87 | left: -@popoverArrowOuterWidth; 88 | margin-top: -@popoverArrowOuterWidth; 89 | border-left-width: 0; 90 | border-right-color: #999; // IE8 fallback 91 | border-right-color: @popoverArrowOuterColor; 92 | &:after { 93 | left: 1px; 94 | bottom: -@popoverArrowWidth; 95 | border-left-width: 0; 96 | border-right-color: @popoverArrowColor; 97 | } 98 | } 99 | &.bottom .arrow { 100 | left: 50%; 101 | margin-left: -@popoverArrowOuterWidth; 102 | border-top-width: 0; 103 | border-bottom-color: #999; // IE8 fallback 104 | border-bottom-color: @popoverArrowOuterColor; 105 | top: -@popoverArrowOuterWidth; 106 | &:after { 107 | top: 1px; 108 | margin-left: -@popoverArrowWidth; 109 | border-top-width: 0; 110 | border-bottom-color: @popoverArrowColor; 111 | } 112 | } 113 | 114 | &.left .arrow { 115 | top: 50%; 116 | right: -@popoverArrowOuterWidth; 117 | margin-top: -@popoverArrowOuterWidth; 118 | border-right-width: 0; 119 | border-left-color: #999; // IE8 fallback 120 | border-left-color: @popoverArrowOuterColor; 121 | &:after { 122 | right: 1px; 123 | border-right-width: 0; 124 | border-left-color: @popoverArrowColor; 125 | bottom: -@popoverArrowWidth; 126 | } 127 | } 128 | 129 | } 130 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/progress-bars.less: -------------------------------------------------------------------------------- 1 | // 2 | // Progress bars 3 | // -------------------------------------------------- 4 | 5 | 6 | // ANIMATIONS 7 | // ---------- 8 | 9 | // Webkit 10 | @-webkit-keyframes progress-bar-stripes { 11 | from { background-position: 40px 0; } 12 | to { background-position: 0 0; } 13 | } 14 | 15 | // Firefox 16 | @-moz-keyframes progress-bar-stripes { 17 | from { background-position: 40px 0; } 18 | to { background-position: 0 0; } 19 | } 20 | 21 | // IE9 22 | @-ms-keyframes progress-bar-stripes { 23 | from { background-position: 40px 0; } 24 | to { background-position: 0 0; } 25 | } 26 | 27 | // Opera 28 | @-o-keyframes progress-bar-stripes { 29 | from { background-position: 0 0; } 30 | to { background-position: 40px 0; } 31 | } 32 | 33 | // Spec 34 | @keyframes progress-bar-stripes { 35 | from { background-position: 40px 0; } 36 | to { background-position: 0 0; } 37 | } 38 | 39 | 40 | 41 | // THE BARS 42 | // -------- 43 | 44 | // Outer container 45 | .progress { 46 | overflow: hidden; 47 | height: @baseLineHeight; 48 | margin-bottom: @baseLineHeight; 49 | #gradient > .vertical(#f5f5f5, #f9f9f9); 50 | .box-shadow(inset 0 1px 2px rgba(0,0,0,.1)); 51 | .border-radius(@baseBorderRadius); 52 | } 53 | 54 | // Bar of progress 55 | .progress .bar { 56 | width: 0%; 57 | height: 100%; 58 | color: @white; 59 | float: left; 60 | font-size: 12px; 61 | text-align: center; 62 | text-shadow: 0 -1px 0 rgba(0,0,0,.25); 63 | #gradient > .vertical(#149bdf, #0480be); 64 | .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15)); 65 | .box-sizing(border-box); 66 | .transition(width .6s ease); 67 | } 68 | .progress .bar + .bar { 69 | .box-shadow(~"inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15)"); 70 | } 71 | 72 | // Striped bars 73 | .progress-striped .bar { 74 | #gradient > .striped(#149bdf); 75 | .background-size(40px 40px); 76 | } 77 | 78 | // Call animation for the active one 79 | .progress.active .bar { 80 | -webkit-animation: progress-bar-stripes 2s linear infinite; 81 | -moz-animation: progress-bar-stripes 2s linear infinite; 82 | -ms-animation: progress-bar-stripes 2s linear infinite; 83 | -o-animation: progress-bar-stripes 2s linear infinite; 84 | animation: progress-bar-stripes 2s linear infinite; 85 | } 86 | 87 | 88 | 89 | // COLORS 90 | // ------ 91 | 92 | // Danger (red) 93 | .progress-danger .bar, .progress .bar-danger { 94 | #gradient > .vertical(#ee5f5b, #c43c35); 95 | } 96 | .progress-danger.progress-striped .bar, .progress-striped .bar-danger { 97 | #gradient > .striped(#ee5f5b); 98 | } 99 | 100 | // Success (green) 101 | .progress-success .bar, .progress .bar-success { 102 | #gradient > .vertical(#62c462, #57a957); 103 | } 104 | .progress-success.progress-striped .bar, .progress-striped .bar-success { 105 | #gradient > .striped(#62c462); 106 | } 107 | 108 | // Info (teal) 109 | .progress-info .bar, .progress .bar-info { 110 | #gradient > .vertical(#5bc0de, #339bb9); 111 | } 112 | .progress-info.progress-striped .bar, .progress-striped .bar-info { 113 | #gradient > .striped(#5bc0de); 114 | } 115 | 116 | // Warning (orange) 117 | .progress-warning .bar, .progress .bar-warning { 118 | #gradient > .vertical(lighten(@orange, 15%), @orange); 119 | } 120 | .progress-warning.progress-striped .bar, .progress-striped .bar-warning { 121 | #gradient > .striped(lighten(@orange, 15%)); 122 | } 123 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/reset.less: -------------------------------------------------------------------------------- 1 | // 2 | // Reset CSS 3 | // Adapted from http://github.com/necolas/normalize.css 4 | // -------------------------------------------------- 5 | 6 | 7 | // Display in IE6-9 and FF3 8 | // ------------------------- 9 | 10 | article, 11 | aside, 12 | details, 13 | figcaption, 14 | figure, 15 | footer, 16 | header, 17 | hgroup, 18 | nav, 19 | section { 20 | display: block; 21 | } 22 | 23 | // Display block in IE6-9 and FF3 24 | // ------------------------- 25 | 26 | audio, 27 | canvas, 28 | video { 29 | display: inline-block; 30 | *display: inline; 31 | *zoom: 1; 32 | } 33 | 34 | // Prevents modern browsers from displaying 'audio' without controls 35 | // ------------------------- 36 | 37 | audio:not([controls]) { 38 | display: none; 39 | } 40 | 41 | // Base settings 42 | // ------------------------- 43 | 44 | html { 45 | font-size: 100%; 46 | -webkit-text-size-adjust: 100%; 47 | -ms-text-size-adjust: 100%; 48 | } 49 | // Focus states 50 | a:focus { 51 | .tab-focus(); 52 | } 53 | // Hover & Active 54 | a:hover, 55 | a:active { 56 | outline: 0; 57 | } 58 | 59 | // Prevents sub and sup affecting line-height in all browsers 60 | // ------------------------- 61 | 62 | sub, 63 | sup { 64 | position: relative; 65 | font-size: 75%; 66 | line-height: 0; 67 | vertical-align: baseline; 68 | } 69 | sup { 70 | top: -0.5em; 71 | } 72 | sub { 73 | bottom: -0.25em; 74 | } 75 | 76 | // Img border in a's and image quality 77 | // ------------------------- 78 | 79 | img { 80 | /* Responsive images (ensure images don't scale beyond their parents) */ 81 | max-width: 100%; /* Part 1: Set a maxium relative to the parent */ 82 | width: auto\9; /* IE7-8 need help adjusting responsive images */ 83 | height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */ 84 | 85 | vertical-align: middle; 86 | border: 0; 87 | -ms-interpolation-mode: bicubic; 88 | } 89 | 90 | // Prevent max-width from affecting Google Maps 91 | #map_canvas img, 92 | .google-maps img { 93 | max-width: none; 94 | } 95 | 96 | // Forms 97 | // ------------------------- 98 | 99 | // Font size in all browsers, margin changes, misc consistency 100 | button, 101 | input, 102 | select, 103 | textarea { 104 | margin: 0; 105 | font-size: 100%; 106 | vertical-align: middle; 107 | } 108 | button, 109 | input { 110 | *overflow: visible; // Inner spacing ie IE6/7 111 | line-height: normal; // FF3/4 have !important on line-height in UA stylesheet 112 | } 113 | button::-moz-focus-inner, 114 | input::-moz-focus-inner { // Inner padding and border oddities in FF3/4 115 | padding: 0; 116 | border: 0; 117 | } 118 | button, 119 | html input[type="button"], // Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 120 | input[type="reset"], 121 | input[type="submit"] { 122 | -webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS. 123 | cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others. 124 | } 125 | label, 126 | select, 127 | button, 128 | input[type="button"], 129 | input[type="reset"], 130 | input[type="submit"], 131 | input[type="radio"], 132 | input[type="checkbox"] { 133 | cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others. 134 | } 135 | input[type="search"] { // Appearance in Safari/Chrome 136 | .box-sizing(content-box); 137 | -webkit-appearance: textfield; 138 | } 139 | input[type="search"]::-webkit-search-decoration, 140 | input[type="search"]::-webkit-search-cancel-button { 141 | -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5 142 | } 143 | textarea { 144 | overflow: auto; // Remove vertical scrollbar in IE6-9 145 | vertical-align: top; // Readability and alignment cross-browser 146 | } 147 | 148 | 149 | // Printing 150 | // ------------------------- 151 | // Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css 152 | 153 | @media print { 154 | 155 | * { 156 | text-shadow: none !important; 157 | color: #000 !important; // Black prints faster: h5bp.com/s 158 | background: transparent !important; 159 | box-shadow: none !important; 160 | } 161 | 162 | a, 163 | a:visited { 164 | text-decoration: underline; 165 | } 166 | 167 | a[href]:after { 168 | content: " (" attr(href) ")"; 169 | } 170 | 171 | abbr[title]:after { 172 | content: " (" attr(title) ")"; 173 | } 174 | 175 | // Don't show links for images, or javascript/internal links 176 | .ir a:after, 177 | a[href^="javascript:"]:after, 178 | a[href^="#"]:after { 179 | content: ""; 180 | } 181 | 182 | pre, 183 | blockquote { 184 | border: 1px solid #999; 185 | page-break-inside: avoid; 186 | } 187 | 188 | thead { 189 | display: table-header-group; // h5bp.com/t 190 | } 191 | 192 | tr, 193 | img { 194 | page-break-inside: avoid; 195 | } 196 | 197 | img { 198 | max-width: 100% !important; 199 | } 200 | 201 | @page { 202 | margin: 0.5cm; 203 | } 204 | 205 | p, 206 | h2, 207 | h3 { 208 | orphans: 3; 209 | widows: 3; 210 | } 211 | 212 | h2, 213 | h3 { 214 | page-break-after: avoid; 215 | } 216 | } 217 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/responsive-1200px-min.less: -------------------------------------------------------------------------------- 1 | // 2 | // Responsive: Large desktop and up 3 | // -------------------------------------------------- 4 | 5 | 6 | @media (min-width: 1200px) { 7 | 8 | // Fixed grid 9 | #grid > .core(@gridColumnWidth1200, @gridGutterWidth1200); 10 | 11 | // Fluid grid 12 | #grid > .fluid(@fluidGridColumnWidth1200, @fluidGridGutterWidth1200); 13 | 14 | // Input grid 15 | #grid > .input(@gridColumnWidth1200, @gridGutterWidth1200); 16 | 17 | // Thumbnails 18 | .thumbnails { 19 | margin-left: -@gridGutterWidth1200; 20 | } 21 | .thumbnails > li { 22 | margin-left: @gridGutterWidth1200; 23 | } 24 | .row-fluid .thumbnails { 25 | margin-left: 0; 26 | } 27 | 28 | } 29 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/responsive-767px-max.less: -------------------------------------------------------------------------------- 1 | // 2 | // Responsive: Landscape phone to desktop/tablet 3 | // -------------------------------------------------- 4 | 5 | 6 | @media (max-width: 767px) { 7 | 8 | // Padding to set content in a bit 9 | body { 10 | padding-left: 20px; 11 | padding-right: 20px; 12 | } 13 | // Negative indent the now static "fixed" navbar 14 | .navbar-fixed-top, 15 | .navbar-fixed-bottom, 16 | .navbar-static-top { 17 | margin-left: -20px; 18 | margin-right: -20px; 19 | } 20 | // Remove padding on container given explicit padding set on body 21 | .container-fluid { 22 | padding: 0; 23 | } 24 | 25 | // TYPOGRAPHY 26 | // ---------- 27 | // Reset horizontal dl 28 | .dl-horizontal { 29 | dt { 30 | float: none; 31 | clear: none; 32 | width: auto; 33 | text-align: left; 34 | } 35 | dd { 36 | margin-left: 0; 37 | } 38 | } 39 | 40 | // GRID & CONTAINERS 41 | // ----------------- 42 | // Remove width from containers 43 | .container { 44 | width: auto; 45 | } 46 | // Fluid rows 47 | .row-fluid { 48 | width: 100%; 49 | } 50 | // Undo negative margin on rows and thumbnails 51 | .row, 52 | .thumbnails { 53 | margin-left: 0; 54 | } 55 | .thumbnails > li { 56 | float: none; 57 | margin-left: 0; // Reset the default margin for all li elements when no .span* classes are present 58 | } 59 | // Make all grid-sized elements block level again 60 | [class*="span"], 61 | .uneditable-input[class*="span"], // Makes uneditable inputs full-width when using grid sizing 62 | .row-fluid [class*="span"] { 63 | float: none; 64 | display: block; 65 | width: 100%; 66 | margin-left: 0; 67 | .box-sizing(border-box); 68 | } 69 | .span12, 70 | .row-fluid .span12 { 71 | width: 100%; 72 | .box-sizing(border-box); 73 | } 74 | .row-fluid [class*="offset"]:first-child { 75 | margin-left: 0; 76 | } 77 | 78 | // FORM FIELDS 79 | // ----------- 80 | // Make span* classes full width 81 | .input-large, 82 | .input-xlarge, 83 | .input-xxlarge, 84 | input[class*="span"], 85 | select[class*="span"], 86 | textarea[class*="span"], 87 | .uneditable-input { 88 | .input-block-level(); 89 | } 90 | // But don't let it screw up prepend/append inputs 91 | .input-prepend input, 92 | .input-append input, 93 | .input-prepend input[class*="span"], 94 | .input-append input[class*="span"] { 95 | display: inline-block; // redeclare so they don't wrap to new lines 96 | width: auto; 97 | } 98 | .controls-row [class*="span"] + [class*="span"] { 99 | margin-left: 0; 100 | } 101 | 102 | // Modals 103 | .modal { 104 | position: fixed; 105 | top: 20px; 106 | left: 20px; 107 | right: 20px; 108 | width: auto; 109 | margin: 0; 110 | &.fade { top: -100px; } 111 | &.fade.in { top: 20px; } 112 | } 113 | 114 | } 115 | 116 | 117 | 118 | // UP TO LANDSCAPE PHONE 119 | // --------------------- 120 | 121 | @media (max-width: 480px) { 122 | 123 | // Smooth out the collapsing/expanding nav 124 | .nav-collapse { 125 | -webkit-transform: translate3d(0, 0, 0); // activate the GPU 126 | } 127 | 128 | // Block level the page header small tag for readability 129 | .page-header h1 small { 130 | display: block; 131 | line-height: @baseLineHeight; 132 | } 133 | 134 | // Update checkboxes for iOS 135 | input[type="checkbox"], 136 | input[type="radio"] { 137 | border: 1px solid #ccc; 138 | } 139 | 140 | // Remove the horizontal form styles 141 | .form-horizontal { 142 | .control-label { 143 | float: none; 144 | width: auto; 145 | padding-top: 0; 146 | text-align: left; 147 | } 148 | // Move over all input controls and content 149 | .controls { 150 | margin-left: 0; 151 | } 152 | // Move the options list down to align with labels 153 | .control-list { 154 | padding-top: 0; // has to be padding because margin collaspes 155 | } 156 | // Move over buttons in .form-actions to align with .controls 157 | .form-actions { 158 | padding-left: 10px; 159 | padding-right: 10px; 160 | } 161 | } 162 | 163 | // Medias 164 | // Reset float and spacing to stack 165 | .media .pull-left, 166 | .media .pull-right { 167 | float: none; 168 | display: block; 169 | margin-bottom: 10px; 170 | } 171 | // Remove side margins since we stack instead of indent 172 | .media-object { 173 | margin-right: 0; 174 | margin-left: 0; 175 | } 176 | 177 | // Modals 178 | .modal { 179 | top: 10px; 180 | left: 10px; 181 | right: 10px; 182 | } 183 | .modal-header .close { 184 | padding: 10px; 185 | margin: -10px; 186 | } 187 | 188 | // Carousel 189 | .carousel-caption { 190 | position: static; 191 | } 192 | 193 | } 194 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/responsive-768px-979px.less: -------------------------------------------------------------------------------- 1 | // 2 | // Responsive: Tablet to desktop 3 | // -------------------------------------------------- 4 | 5 | 6 | @media (min-width: 768px) and (max-width: 979px) { 7 | 8 | // Fixed grid 9 | #grid > .core(@gridColumnWidth768, @gridGutterWidth768); 10 | 11 | // Fluid grid 12 | #grid > .fluid(@fluidGridColumnWidth768, @fluidGridGutterWidth768); 13 | 14 | // Input grid 15 | #grid > .input(@gridColumnWidth768, @gridGutterWidth768); 16 | 17 | // No need to reset .thumbnails here since it's the same @gridGutterWidth 18 | 19 | } 20 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/responsive-navbar.less: -------------------------------------------------------------------------------- 1 | // 2 | // Responsive: Navbar 3 | // -------------------------------------------------- 4 | 5 | 6 | // TABLETS AND BELOW 7 | // ----------------- 8 | @media (max-width: @navbarCollapseWidth) { 9 | 10 | // UNFIX THE TOPBAR 11 | // ---------------- 12 | // Remove any padding from the body 13 | body { 14 | padding-top: 0; 15 | } 16 | // Unfix the navbars 17 | .navbar-fixed-top, 18 | .navbar-fixed-bottom { 19 | position: static; 20 | } 21 | .navbar-fixed-top { 22 | margin-bottom: @baseLineHeight; 23 | } 24 | .navbar-fixed-bottom { 25 | margin-top: @baseLineHeight; 26 | } 27 | .navbar-fixed-top .navbar-inner, 28 | .navbar-fixed-bottom .navbar-inner { 29 | padding: 5px; 30 | } 31 | .navbar .container { 32 | width: auto; 33 | padding: 0; 34 | } 35 | // Account for brand name 36 | .navbar .brand { 37 | padding-left: 10px; 38 | padding-right: 10px; 39 | margin: 0 0 0 -5px; 40 | } 41 | 42 | // COLLAPSIBLE NAVBAR 43 | // ------------------ 44 | // Nav collapse clears brand 45 | .nav-collapse { 46 | clear: both; 47 | } 48 | // Block-level the nav 49 | .nav-collapse .nav { 50 | float: none; 51 | margin: 0 0 (@baseLineHeight / 2); 52 | } 53 | .nav-collapse .nav > li { 54 | float: none; 55 | } 56 | .nav-collapse .nav > li > a { 57 | margin-bottom: 2px; 58 | } 59 | .nav-collapse .nav > .divider-vertical { 60 | display: none; 61 | } 62 | .nav-collapse .nav .nav-header { 63 | color: @navbarText; 64 | text-shadow: none; 65 | } 66 | // Nav and dropdown links in navbar 67 | .nav-collapse .nav > li > a, 68 | .nav-collapse .dropdown-menu a { 69 | padding: 9px 15px; 70 | font-weight: bold; 71 | color: @navbarLinkColor; 72 | .border-radius(3px); 73 | } 74 | // Buttons 75 | .nav-collapse .btn { 76 | padding: 4px 10px 4px; 77 | font-weight: normal; 78 | .border-radius(@baseBorderRadius); 79 | } 80 | .nav-collapse .dropdown-menu li + li a { 81 | margin-bottom: 2px; 82 | } 83 | .nav-collapse .nav > li > a:hover, 84 | .nav-collapse .dropdown-menu a:hover { 85 | background-color: @navbarBackground; 86 | } 87 | .navbar-inverse .nav-collapse .nav > li > a, 88 | .navbar-inverse .nav-collapse .dropdown-menu a { 89 | color: @navbarInverseLinkColor; 90 | } 91 | .navbar-inverse .nav-collapse .nav > li > a:hover, 92 | .navbar-inverse .nav-collapse .dropdown-menu a:hover { 93 | background-color: @navbarInverseBackground; 94 | } 95 | // Buttons in the navbar 96 | .nav-collapse.in .btn-group { 97 | margin-top: 5px; 98 | padding: 0; 99 | } 100 | // Dropdowns in the navbar 101 | .nav-collapse .dropdown-menu { 102 | position: static; 103 | top: auto; 104 | left: auto; 105 | float: none; 106 | display: none; 107 | max-width: none; 108 | margin: 0 15px; 109 | padding: 0; 110 | background-color: transparent; 111 | border: none; 112 | .border-radius(0); 113 | .box-shadow(none); 114 | } 115 | .nav-collapse .open > .dropdown-menu { 116 | display: block; 117 | } 118 | 119 | .nav-collapse .dropdown-menu:before, 120 | .nav-collapse .dropdown-menu:after { 121 | display: none; 122 | } 123 | .nav-collapse .dropdown-menu .divider { 124 | display: none; 125 | } 126 | .nav-collapse .nav > li > .dropdown-menu { 127 | &:before, 128 | &:after { 129 | display: none; 130 | } 131 | } 132 | // Forms in navbar 133 | .nav-collapse .navbar-form, 134 | .nav-collapse .navbar-search { 135 | float: none; 136 | padding: (@baseLineHeight / 2) 15px; 137 | margin: (@baseLineHeight / 2) 0; 138 | border-top: 1px solid @navbarBackground; 139 | border-bottom: 1px solid @navbarBackground; 140 | .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1)"); 141 | } 142 | .navbar-inverse .nav-collapse .navbar-form, 143 | .navbar-inverse .nav-collapse .navbar-search { 144 | border-top-color: @navbarInverseBackground; 145 | border-bottom-color: @navbarInverseBackground; 146 | } 147 | // Pull right (secondary) nav content 148 | .navbar .nav-collapse .nav.pull-right { 149 | float: none; 150 | margin-left: 0; 151 | } 152 | // Hide everything in the navbar save .brand and toggle button */ 153 | .nav-collapse, 154 | .nav-collapse.collapse { 155 | overflow: hidden; 156 | height: 0; 157 | } 158 | // Navbar button 159 | .navbar .btn-navbar { 160 | display: block; 161 | } 162 | 163 | // STATIC NAVBAR 164 | // ------------- 165 | .navbar-static .navbar-inner { 166 | padding-left: 10px; 167 | padding-right: 10px; 168 | } 169 | 170 | 171 | } 172 | 173 | 174 | // DEFAULT DESKTOP 175 | // --------------- 176 | 177 | @media (min-width: @navbarCollapseDesktopWidth) { 178 | 179 | // Required to make the collapsing navbar work on regular desktops 180 | .nav-collapse.collapse { 181 | height: auto !important; 182 | overflow: visible !important; 183 | } 184 | 185 | } 186 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/responsive-utilities.less: -------------------------------------------------------------------------------- 1 | // 2 | // Responsive: Utility classes 3 | // -------------------------------------------------- 4 | 5 | 6 | // Hide from screenreaders and browsers 7 | // Credit: HTML5 Boilerplate 8 | .hidden { 9 | display: none; 10 | visibility: hidden; 11 | } 12 | 13 | // Visibility utilities 14 | 15 | // For desktops 16 | .visible-phone { display: none !important; } 17 | .visible-tablet { display: none !important; } 18 | .hidden-phone { } 19 | .hidden-tablet { } 20 | .hidden-desktop { display: none !important; } 21 | .visible-desktop { display: inherit !important; } 22 | 23 | // Tablets & small desktops only 24 | @media (min-width: 768px) and (max-width: 979px) { 25 | // Hide everything else 26 | .hidden-desktop { display: inherit !important; } 27 | .visible-desktop { display: none !important ; } 28 | // Show 29 | .visible-tablet { display: inherit !important; } 30 | // Hide 31 | .hidden-tablet { display: none !important; } 32 | } 33 | 34 | // Phones only 35 | @media (max-width: 767px) { 36 | // Hide everything else 37 | .hidden-desktop { display: inherit !important; } 38 | .visible-desktop { display: none !important; } 39 | // Show 40 | .visible-phone { display: inherit !important; } // Use inherit to restore previous behavior 41 | // Hide 42 | .hidden-phone { display: none !important; } 43 | } 44 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/responsive.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Responsive v2.2.2 3 | * 4 | * Copyright 2012 Twitter, Inc 5 | * Licensed under the Apache License v2.0 6 | * http://www.apache.org/licenses/LICENSE-2.0 7 | * 8 | * Designed and built with all the love in the world @twitter by @mdo and @fat. 9 | */ 10 | 11 | 12 | // Responsive.less 13 | // For phone and tablet devices 14 | // ------------------------------------------------------------- 15 | 16 | 17 | // IE10 Metro responsive 18 | // Required for Windows 8 Metro split-screen snapping with IE10 19 | // Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ 20 | 21 | @-ms-viewport{ 22 | width: device-width; 23 | } 24 | 25 | 26 | // REPEAT VARIABLES & MIXINS 27 | // ------------------------- 28 | // Required since we compile the responsive stuff separately 29 | 30 | @import "variables.less"; // Modify this for custom colors, font-sizes, etc 31 | @import "mixins.less"; 32 | 33 | 34 | // RESPONSIVE CLASSES 35 | // ------------------ 36 | 37 | @import "responsive-utilities.less"; 38 | 39 | 40 | // MEDIA QUERIES 41 | // ------------------ 42 | 43 | // Large desktops 44 | @import "responsive-1200px-min.less"; 45 | 46 | // Tablets to regular desktops 47 | @import "responsive-768px-979px.less"; 48 | 49 | // Phones to portrait tablets and narrow desktops 50 | @import "responsive-767px-max.less"; 51 | 52 | 53 | // RESPONSIVE NAVBAR 54 | // ------------------ 55 | 56 | // From 979px and below, show a button to toggle navbar contents 57 | @import "responsive-navbar.less"; 58 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/scaffolding.less: -------------------------------------------------------------------------------- 1 | // 2 | // Scaffolding 3 | // -------------------------------------------------- 4 | 5 | 6 | // Body reset 7 | // ------------------------- 8 | 9 | body { 10 | margin: 0; 11 | font-family: @baseFontFamily; 12 | font-size: @baseFontSize; 13 | line-height: @baseLineHeight; 14 | color: @textColor; 15 | background-color: @bodyBackground; 16 | } 17 | 18 | 19 | // Links 20 | // ------------------------- 21 | 22 | a { 23 | color: @linkColor; 24 | text-decoration: none; 25 | } 26 | a:hover { 27 | color: @linkColorHover; 28 | text-decoration: underline; 29 | } 30 | 31 | 32 | // Images 33 | // ------------------------- 34 | 35 | // Rounded corners 36 | .img-rounded { 37 | .border-radius(6px); 38 | } 39 | 40 | // Add polaroid-esque trim 41 | .img-polaroid { 42 | padding: 4px; 43 | background-color: #fff; 44 | border: 1px solid #ccc; 45 | border: 1px solid rgba(0,0,0,.2); 46 | .box-shadow(0 1px 3px rgba(0,0,0,.1)); 47 | } 48 | 49 | // Perfect circle 50 | .img-circle { 51 | .border-radius(500px); // crank the border-radius so it works with most reasonably sized images 52 | } 53 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/sprites.less: -------------------------------------------------------------------------------- 1 | // 2 | // Sprites 3 | // -------------------------------------------------- 4 | 5 | 6 | // ICONS 7 | // ----- 8 | 9 | // All icons receive the styles of the tag with a base class 10 | // of .i and are then given a unique class to add width, height, 11 | // and background-position. Your resulting HTML will look like 12 | // . 13 | 14 | // For the white version of the icons, just add the .icon-white class: 15 | // 16 | 17 | [class^="icon-"], 18 | [class*=" icon-"] { 19 | display: inline-block; 20 | width: 14px; 21 | height: 14px; 22 | .ie7-restore-right-whitespace(); 23 | line-height: 14px; 24 | vertical-align: text-top; 25 | background-image: url("@{iconSpritePath}"); 26 | background-position: 14px 14px; 27 | background-repeat: no-repeat; 28 | margin-top: 1px; 29 | } 30 | 31 | /* White icons with optional class, or on hover/active states of certain elements */ 32 | .icon-white, 33 | .nav-pills > .active > a > [class^="icon-"], 34 | .nav-pills > .active > a > [class*=" icon-"], 35 | .nav-list > .active > a > [class^="icon-"], 36 | .nav-list > .active > a > [class*=" icon-"], 37 | .navbar-inverse .nav > .active > a > [class^="icon-"], 38 | .navbar-inverse .nav > .active > a > [class*=" icon-"], 39 | .dropdown-menu > li > a:hover > [class^="icon-"], 40 | .dropdown-menu > li > a:hover > [class*=" icon-"], 41 | .dropdown-menu > .active > a > [class^="icon-"], 42 | .dropdown-menu > .active > a > [class*=" icon-"], 43 | .dropdown-submenu:hover > a > [class^="icon-"], 44 | .dropdown-submenu:hover > a > [class*=" icon-"] { 45 | background-image: url("@{iconWhiteSpritePath}"); 46 | } 47 | 48 | .icon-glass { background-position: 0 0; } 49 | .icon-music { background-position: -24px 0; } 50 | .icon-search { background-position: -48px 0; } 51 | .icon-envelope { background-position: -72px 0; } 52 | .icon-heart { background-position: -96px 0; } 53 | .icon-star { background-position: -120px 0; } 54 | .icon-star-empty { background-position: -144px 0; } 55 | .icon-user { background-position: -168px 0; } 56 | .icon-film { background-position: -192px 0; } 57 | .icon-th-large { background-position: -216px 0; } 58 | .icon-th { background-position: -240px 0; } 59 | .icon-th-list { background-position: -264px 0; } 60 | .icon-ok { background-position: -288px 0; } 61 | .icon-remove { background-position: -312px 0; } 62 | .icon-zoom-in { background-position: -336px 0; } 63 | .icon-zoom-out { background-position: -360px 0; } 64 | .icon-off { background-position: -384px 0; } 65 | .icon-signal { background-position: -408px 0; } 66 | .icon-cog { background-position: -432px 0; } 67 | .icon-trash { background-position: -456px 0; } 68 | 69 | .icon-home { background-position: 0 -24px; } 70 | .icon-file { background-position: -24px -24px; } 71 | .icon-time { background-position: -48px -24px; } 72 | .icon-road { background-position: -72px -24px; } 73 | .icon-download-alt { background-position: -96px -24px; } 74 | .icon-download { background-position: -120px -24px; } 75 | .icon-upload { background-position: -144px -24px; } 76 | .icon-inbox { background-position: -168px -24px; } 77 | .icon-play-circle { background-position: -192px -24px; } 78 | .icon-repeat { background-position: -216px -24px; } 79 | .icon-refresh { background-position: -240px -24px; } 80 | .icon-list-alt { background-position: -264px -24px; } 81 | .icon-lock { background-position: -287px -24px; } // 1px off 82 | .icon-flag { background-position: -312px -24px; } 83 | .icon-headphones { background-position: -336px -24px; } 84 | .icon-volume-off { background-position: -360px -24px; } 85 | .icon-volume-down { background-position: -384px -24px; } 86 | .icon-volume-up { background-position: -408px -24px; } 87 | .icon-qrcode { background-position: -432px -24px; } 88 | .icon-barcode { background-position: -456px -24px; } 89 | 90 | .icon-tag { background-position: 0 -48px; } 91 | .icon-tags { background-position: -25px -48px; } // 1px off 92 | .icon-book { background-position: -48px -48px; } 93 | .icon-bookmark { background-position: -72px -48px; } 94 | .icon-print { background-position: -96px -48px; } 95 | .icon-camera { background-position: -120px -48px; } 96 | .icon-font { background-position: -144px -48px; } 97 | .icon-bold { background-position: -167px -48px; } // 1px off 98 | .icon-italic { background-position: -192px -48px; } 99 | .icon-text-height { background-position: -216px -48px; } 100 | .icon-text-width { background-position: -240px -48px; } 101 | .icon-align-left { background-position: -264px -48px; } 102 | .icon-align-center { background-position: -288px -48px; } 103 | .icon-align-right { background-position: -312px -48px; } 104 | .icon-align-justify { background-position: -336px -48px; } 105 | .icon-list { background-position: -360px -48px; } 106 | .icon-indent-left { background-position: -384px -48px; } 107 | .icon-indent-right { background-position: -408px -48px; } 108 | .icon-facetime-video { background-position: -432px -48px; } 109 | .icon-picture { background-position: -456px -48px; } 110 | 111 | .icon-pencil { background-position: 0 -72px; } 112 | .icon-map-marker { background-position: -24px -72px; } 113 | .icon-adjust { background-position: -48px -72px; } 114 | .icon-tint { background-position: -72px -72px; } 115 | .icon-edit { background-position: -96px -72px; } 116 | .icon-share { background-position: -120px -72px; } 117 | .icon-check { background-position: -144px -72px; } 118 | .icon-move { background-position: -168px -72px; } 119 | .icon-step-backward { background-position: -192px -72px; } 120 | .icon-fast-backward { background-position: -216px -72px; } 121 | .icon-backward { background-position: -240px -72px; } 122 | .icon-play { background-position: -264px -72px; } 123 | .icon-pause { background-position: -288px -72px; } 124 | .icon-stop { background-position: -312px -72px; } 125 | .icon-forward { background-position: -336px -72px; } 126 | .icon-fast-forward { background-position: -360px -72px; } 127 | .icon-step-forward { background-position: -384px -72px; } 128 | .icon-eject { background-position: -408px -72px; } 129 | .icon-chevron-left { background-position: -432px -72px; } 130 | .icon-chevron-right { background-position: -456px -72px; } 131 | 132 | .icon-plus-sign { background-position: 0 -96px; } 133 | .icon-minus-sign { background-position: -24px -96px; } 134 | .icon-remove-sign { background-position: -48px -96px; } 135 | .icon-ok-sign { background-position: -72px -96px; } 136 | .icon-question-sign { background-position: -96px -96px; } 137 | .icon-info-sign { background-position: -120px -96px; } 138 | .icon-screenshot { background-position: -144px -96px; } 139 | .icon-remove-circle { background-position: -168px -96px; } 140 | .icon-ok-circle { background-position: -192px -96px; } 141 | .icon-ban-circle { background-position: -216px -96px; } 142 | .icon-arrow-left { background-position: -240px -96px; } 143 | .icon-arrow-right { background-position: -264px -96px; } 144 | .icon-arrow-up { background-position: -289px -96px; } // 1px off 145 | .icon-arrow-down { background-position: -312px -96px; } 146 | .icon-share-alt { background-position: -336px -96px; } 147 | .icon-resize-full { background-position: -360px -96px; } 148 | .icon-resize-small { background-position: -384px -96px; } 149 | .icon-plus { background-position: -408px -96px; } 150 | .icon-minus { background-position: -433px -96px; } 151 | .icon-asterisk { background-position: -456px -96px; } 152 | 153 | .icon-exclamation-sign { background-position: 0 -120px; } 154 | .icon-gift { background-position: -24px -120px; } 155 | .icon-leaf { background-position: -48px -120px; } 156 | .icon-fire { background-position: -72px -120px; } 157 | .icon-eye-open { background-position: -96px -120px; } 158 | .icon-eye-close { background-position: -120px -120px; } 159 | .icon-warning-sign { background-position: -144px -120px; } 160 | .icon-plane { background-position: -168px -120px; } 161 | .icon-calendar { background-position: -192px -120px; } 162 | .icon-random { background-position: -216px -120px; width: 16px; } 163 | .icon-comment { background-position: -240px -120px; } 164 | .icon-magnet { background-position: -264px -120px; } 165 | .icon-chevron-up { background-position: -288px -120px; } 166 | .icon-chevron-down { background-position: -313px -119px; } // 1px, 1px off 167 | .icon-retweet { background-position: -336px -120px; } 168 | .icon-shopping-cart { background-position: -360px -120px; } 169 | .icon-folder-close { background-position: -384px -120px; } 170 | .icon-folder-open { background-position: -408px -120px; width: 16px; } 171 | .icon-resize-vertical { background-position: -432px -119px; } // 1px, 1px off 172 | .icon-resize-horizontal { background-position: -456px -118px; } // 1px, 2px off 173 | 174 | .icon-hdd { background-position: 0 -144px; } 175 | .icon-bullhorn { background-position: -24px -144px; } 176 | .icon-bell { background-position: -48px -144px; } 177 | .icon-certificate { background-position: -72px -144px; } 178 | .icon-thumbs-up { background-position: -96px -144px; } 179 | .icon-thumbs-down { background-position: -120px -144px; } 180 | .icon-hand-right { background-position: -144px -144px; } 181 | .icon-hand-left { background-position: -168px -144px; } 182 | .icon-hand-up { background-position: -192px -144px; } 183 | .icon-hand-down { background-position: -216px -144px; } 184 | .icon-circle-arrow-right { background-position: -240px -144px; } 185 | .icon-circle-arrow-left { background-position: -264px -144px; } 186 | .icon-circle-arrow-up { background-position: -288px -144px; } 187 | .icon-circle-arrow-down { background-position: -312px -144px; } 188 | .icon-globe { background-position: -336px -144px; } 189 | .icon-wrench { background-position: -360px -144px; } 190 | .icon-tasks { background-position: -384px -144px; } 191 | .icon-filter { background-position: -408px -144px; } 192 | .icon-briefcase { background-position: -432px -144px; } 193 | .icon-fullscreen { background-position: -456px -144px; } 194 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/tables.less: -------------------------------------------------------------------------------- 1 | // 2 | // Tables 3 | // -------------------------------------------------- 4 | 5 | 6 | // BASE TABLES 7 | // ----------------- 8 | 9 | table { 10 | max-width: 100%; 11 | background-color: @tableBackground; 12 | border-collapse: collapse; 13 | border-spacing: 0; 14 | } 15 | 16 | // BASELINE STYLES 17 | // --------------- 18 | 19 | .table { 20 | width: 100%; 21 | margin-bottom: @baseLineHeight; 22 | // Cells 23 | th, 24 | td { 25 | padding: 8px; 26 | line-height: @baseLineHeight; 27 | text-align: left; 28 | vertical-align: top; 29 | border-top: 1px solid @tableBorder; 30 | } 31 | th { 32 | font-weight: bold; 33 | } 34 | // Bottom align for column headings 35 | thead th { 36 | vertical-align: bottom; 37 | } 38 | // Remove top border from thead by default 39 | caption + thead tr:first-child th, 40 | caption + thead tr:first-child td, 41 | colgroup + thead tr:first-child th, 42 | colgroup + thead tr:first-child td, 43 | thead:first-child tr:first-child th, 44 | thead:first-child tr:first-child td { 45 | border-top: 0; 46 | } 47 | // Account for multiple tbody instances 48 | tbody + tbody { 49 | border-top: 2px solid @tableBorder; 50 | } 51 | 52 | // Nesting 53 | .table { 54 | background-color: @bodyBackground; 55 | } 56 | } 57 | 58 | 59 | 60 | // CONDENSED TABLE W/ HALF PADDING 61 | // ------------------------------- 62 | 63 | .table-condensed { 64 | th, 65 | td { 66 | padding: 4px 5px; 67 | } 68 | } 69 | 70 | 71 | // BORDERED VERSION 72 | // ---------------- 73 | 74 | .table-bordered { 75 | border: 1px solid @tableBorder; 76 | border-collapse: separate; // Done so we can round those corners! 77 | *border-collapse: collapse; // IE7 can't round corners anyway 78 | border-left: 0; 79 | .border-radius(@baseBorderRadius); 80 | th, 81 | td { 82 | border-left: 1px solid @tableBorder; 83 | } 84 | // Prevent a double border 85 | caption + thead tr:first-child th, 86 | caption + tbody tr:first-child th, 87 | caption + tbody tr:first-child td, 88 | colgroup + thead tr:first-child th, 89 | colgroup + tbody tr:first-child th, 90 | colgroup + tbody tr:first-child td, 91 | thead:first-child tr:first-child th, 92 | tbody:first-child tr:first-child th, 93 | tbody:first-child tr:first-child td { 94 | border-top: 0; 95 | } 96 | // For first th or td in the first row in the first thead or tbody 97 | thead:first-child tr:first-child > th:first-child, 98 | tbody:first-child tr:first-child > td:first-child { 99 | .border-top-left-radius(@baseBorderRadius); 100 | } 101 | thead:first-child tr:first-child > th:last-child, 102 | tbody:first-child tr:first-child > td:last-child { 103 | .border-top-right-radius(@baseBorderRadius); 104 | } 105 | // For first th or td in the last row in the last thead or tbody 106 | thead:last-child tr:last-child > th:first-child, 107 | tbody:last-child tr:last-child > td:first-child, 108 | tfoot:last-child tr:last-child > td:first-child { 109 | .border-bottom-left-radius(@baseBorderRadius); 110 | } 111 | thead:last-child tr:last-child > th:last-child, 112 | tbody:last-child tr:last-child > td:last-child, 113 | tfoot:last-child tr:last-child > td:last-child { 114 | .border-bottom-right-radius(@baseBorderRadius); 115 | } 116 | 117 | // Clear border-radius for first and last td in the last row in the last tbody for table with tfoot 118 | tfoot + tbody:last-child tr:last-child td:first-child { 119 | .border-bottom-left-radius(0); 120 | } 121 | tfoot + tbody:last-child tr:last-child td:last-child { 122 | .border-bottom-right-radius(0); 123 | } 124 | 125 | 126 | // Special fixes to round the left border on the first td/th 127 | caption + thead tr:first-child th:first-child, 128 | caption + tbody tr:first-child td:first-child, 129 | colgroup + thead tr:first-child th:first-child, 130 | colgroup + tbody tr:first-child td:first-child { 131 | .border-top-left-radius(@baseBorderRadius); 132 | } 133 | caption + thead tr:first-child th:last-child, 134 | caption + tbody tr:first-child td:last-child, 135 | colgroup + thead tr:first-child th:last-child, 136 | colgroup + tbody tr:first-child td:last-child { 137 | .border-top-right-radius(@baseBorderRadius); 138 | } 139 | 140 | } 141 | 142 | 143 | 144 | 145 | // ZEBRA-STRIPING 146 | // -------------- 147 | 148 | // Default zebra-stripe styles (alternating gray and transparent backgrounds) 149 | .table-striped { 150 | tbody { 151 | > tr:nth-child(odd) > td, 152 | > tr:nth-child(odd) > th { 153 | background-color: @tableBackgroundAccent; 154 | } 155 | } 156 | } 157 | 158 | 159 | // HOVER EFFECT 160 | // ------------ 161 | // Placed here since it has to come after the potential zebra striping 162 | .table-hover { 163 | tbody { 164 | tr:hover td, 165 | tr:hover th { 166 | background-color: @tableBackgroundHover; 167 | } 168 | } 169 | } 170 | 171 | 172 | // TABLE CELL SIZING 173 | // ----------------- 174 | 175 | // Reset default grid behavior 176 | table td[class*="span"], 177 | table th[class*="span"], 178 | .row-fluid table td[class*="span"], 179 | .row-fluid table th[class*="span"] { 180 | display: table-cell; 181 | float: none; // undo default grid column styles 182 | margin-left: 0; // undo default grid column styles 183 | } 184 | 185 | // Change the column widths to account for td/th padding 186 | .table td, 187 | .table th { 188 | &.span1 { .tableColumns(1); } 189 | &.span2 { .tableColumns(2); } 190 | &.span3 { .tableColumns(3); } 191 | &.span4 { .tableColumns(4); } 192 | &.span5 { .tableColumns(5); } 193 | &.span6 { .tableColumns(6); } 194 | &.span7 { .tableColumns(7); } 195 | &.span8 { .tableColumns(8); } 196 | &.span9 { .tableColumns(9); } 197 | &.span10 { .tableColumns(10); } 198 | &.span11 { .tableColumns(11); } 199 | &.span12 { .tableColumns(12); } 200 | } 201 | 202 | 203 | 204 | // TABLE BACKGROUNDS 205 | // ----------------- 206 | // Exact selectors below required to override .table-striped 207 | 208 | .table tbody tr { 209 | &.success td { 210 | background-color: @successBackground; 211 | } 212 | &.error td { 213 | background-color: @errorBackground; 214 | } 215 | &.warning td { 216 | background-color: @warningBackground; 217 | } 218 | &.info td { 219 | background-color: @infoBackground; 220 | } 221 | } 222 | 223 | // Hover states for .table-hover 224 | .table-hover tbody tr { 225 | &.success:hover td { 226 | background-color: darken(@successBackground, 5%); 227 | } 228 | &.error:hover td { 229 | background-color: darken(@errorBackground, 5%); 230 | } 231 | &.warning:hover td { 232 | background-color: darken(@warningBackground, 5%); 233 | } 234 | &.info:hover td { 235 | background-color: darken(@infoBackground, 5%); 236 | } 237 | } 238 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/tests/buttons.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Buttons · Bootstrap 6 | 7 | 8 | 9 | 10 | 11 | 12 | 18 | 19 | 20 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 |
    36 | 37 |

    Dropups

    38 |
    39 |
    40 | 41 | 42 | 49 |
    50 |
    51 | 52 | 53 | 60 |
    61 |
    62 | 63 | 64 | 71 |
    72 |
    73 | 74 | 75 | 82 |
    83 |
    84 | 85 | 86 | 93 |
    94 |
    95 | 96 | 97 | 104 |
    105 |
    106 | 107 | 108 | 115 |
    116 |
    117 | 118 | 119 |
    120 | 121 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/tests/css-tests.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap CSS Tests 3 | */ 4 | 5 | 6 | /* Remove background image */ 7 | body { 8 | background-image: none; 9 | } 10 | 11 | /* Space out subhead */ 12 | .subhead { 13 | margin-bottom: 36px; 14 | } 15 | /*h4 { 16 | margin-bottom: 5px; 17 | } 18 | */ 19 | 20 | .type-test { 21 | margin-bottom: 20px; 22 | padding: 0 20px 20px; 23 | background: url(../../docs/assets/img/grid-baseline-20px.png); 24 | } 25 | .type-test h1, 26 | .type-test h2, 27 | .type-test h3, 28 | .type-test h4, 29 | .type-test h5, 30 | .type-test h6 { 31 | background-color: rgba(255,0,0,.2); 32 | } 33 | 34 | 35 | /* colgroup tests */ 36 | .col1 { 37 | background-color: rgba(255,0,0,.1); 38 | } 39 | .col2 { 40 | background-color: rgba(0,255,0,.1); 41 | } 42 | .col3 { 43 | background-color: rgba(0,0,255,.1); 44 | } 45 | 46 | 47 | /* Fluid row inputs */ 48 | #rowInputs .row > [class*=span], 49 | #fluidRowInputs .row-fluid > [class*=span] { 50 | background-color: rgba(255,0,0,.1); 51 | } 52 | 53 | 54 | /* Fluid grid */ 55 | .fluid-grid { 56 | margin-bottom: 45px; 57 | } 58 | .fluid-grid .row { 59 | height: 40px; 60 | padding-top: 10px; 61 | margin-top: 10px; 62 | color: #ddd; 63 | text-align: center; 64 | } 65 | .fluid-grid .span1 { 66 | background-color: #999; 67 | } 68 | 69 | 70 | /* Gradients */ 71 | 72 | [class^="gradient-"] { 73 | width: 100%; 74 | height: 400px; 75 | margin: 20px 0; 76 | -webkit-border-radius: 5px; 77 | -moz-border-radius: 5px; 78 | border-radius: 5px; 79 | } 80 | 81 | .gradient-horizontal { 82 | background-color: #333333; 83 | background-image: -moz-linear-gradient(left, #555555, #333333); 84 | background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#555555), to(#333333)); 85 | background-image: -webkit-linear-gradient(left, #555555, #333333); 86 | background-image: -o-linear-gradient(left, #555555, #333333); 87 | background-image: linear-gradient(to right, #555555, #333333); 88 | background-repeat: repeat-x; 89 | filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff333333', GradientType=1); 90 | } 91 | 92 | .gradient-vertical { 93 | background-color: #474747; 94 | background-image: -moz-linear-gradient(top, #555555, #333333); 95 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#333333)); 96 | background-image: -webkit-linear-gradient(top, #555555, #333333); 97 | background-image: -o-linear-gradient(top, #555555, #333333); 98 | background-image: linear-gradient(to bottom, #555555, #333333); 99 | background-repeat: repeat-x; 100 | filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff333333', GradientType=0); 101 | } 102 | 103 | .gradient-directional { 104 | background-color: #333333; 105 | background-image: -moz-linear-gradient(45deg, #555555, #333333); 106 | background-image: -webkit-linear-gradient(45deg, #555555, #333333); 107 | background-image: -o-linear-gradient(45deg, #555555, #333333); 108 | background-image: linear-gradient(45deg, #555555, #333333); 109 | background-repeat: repeat-x; 110 | } 111 | 112 | .gradient-vertical-three { 113 | background-color: #8940a5; 114 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00b3ee), color-stop(50%, #7a43b6), to(#c3325f)); 115 | background-image: -webkit-linear-gradient(#00b3ee, #7a43b6 50%, #c3325f); 116 | background-image: -moz-linear-gradient(top, #00b3ee, #7a43b6 50%, #c3325f); 117 | background-image: -o-linear-gradient(#00b3ee, #7a43b6 50%, #c3325f); 118 | background-image: linear-gradient(#00b3ee, #7a43b6 50%, #c3325f); 119 | background-repeat: no-repeat; 120 | filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff00b3ee', endColorstr='#ffc3325f', GradientType=0); 121 | } 122 | 123 | .gradient-radial { 124 | background-color: #333333; 125 | background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#555555), to(#333333)); 126 | background-image: -webkit-radial-gradient(circle, #555555, #333333); 127 | background-image: -moz-radial-gradient(circle, #555555, #333333); 128 | background-image: -o-radial-gradient(circle, #555555, #333333); 129 | background-repeat: no-repeat; 130 | } 131 | 132 | .gradient-striped { 133 | background-color: #555555; 134 | background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); 135 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 136 | background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 137 | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 138 | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 139 | } -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/tests/forms-responsive.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Bootstrap, from Twitter 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 19 | 20 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 |
    36 | 37 |
    38 |

    Fixed grid

    39 |
    40 | 41 |

    Vertical alignment

    42 | 43 | 44 | span1 45 | 46 |

    Width across elements

    47 |
    48 | 49 |
    50 |
    51 | 52 |
    53 |
    54 | span2 55 |
    56 | 57 | 58 |
    59 |

    Fluid grid

    60 |
    61 | 62 |
    63 | 64 | 65 | span1 66 |
    67 | 68 |
    69 | 70 | 71 | 72 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/tests/forms.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Bootstrap, from Twitter 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 19 | 20 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 |
    36 | 37 |
    38 |

    Form controls

    39 |
    40 | 41 |
    42 |
    43 | 44 | 45 | 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 | 125 | 126 | 127 |
    128 | 129 | 130 | 131 | 132 |
    133 | 134 | 135 | 136 | 137 |
    138 |
    139 | 140 | 141 | 142 | 143 |
    144 | 145 | 146 | 147 | 148 |
    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 |
    175 | 176 |
    177 | 178 | 179 | 180 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/tests/navbar-fixed-top.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Bootstrap, from Twitter 6 | 7 | 8 | 9 | 10 | 11 | 12 | 18 | 19 | 20 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 |
    37 |
    38 |
    39 | 40 | 41 | 42 | 43 | 44 | Project name 45 |
    46 | 63 | 68 |
    69 |
    70 |
    71 |
    72 | 73 |
    74 | 75 | 76 |
    77 |

    Navbar example

    78 |

    This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.

    79 |

    80 | View navbar docs » 81 |

    82 |
    83 | 84 |
    85 | 86 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/tests/navbar-static-top.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Bootstrap, from Twitter 6 | 7 | 8 | 9 | 10 | 11 | 12 | 20 | 21 | 22 | 23 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 |
    39 |
    40 |
    41 | 42 | 43 | 44 | 45 | 46 | Project name 47 |
    48 | 65 | 70 |
    71 |
    72 |
    73 |
    74 | 75 | 76 |
    77 | 78 | 79 |
    80 |

    Navbar example

    81 |

    This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.

    82 |

    83 | View navbar docs » 84 |

    85 |
    86 | 87 |
    88 | 89 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/tests/navbar.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Bootstrap, from Twitter 6 | 7 | 8 | 9 | 10 | 11 | 12 | 21 | 22 | 23 | 24 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 |
    39 | 40 | 41 |
    42 |
    43 |
    44 | 45 | 46 | 47 | 48 | 49 | Project name 50 |
    51 | 68 | 73 |
    74 |
    75 |
    76 |
    77 | 78 | 79 |
    80 |

    Navbar example

    81 |

    This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.

    82 |

    83 | View navbar docs » 84 |

    85 |
    86 | 87 |
    88 | 89 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/thumbnails.less: -------------------------------------------------------------------------------- 1 | // 2 | // Thumbnails 3 | // -------------------------------------------------- 4 | 5 | 6 | // Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files 7 | 8 | // Make wrapper ul behave like the grid 9 | .thumbnails { 10 | margin-left: -@gridGutterWidth; 11 | list-style: none; 12 | .clearfix(); 13 | } 14 | // Fluid rows have no left margin 15 | .row-fluid .thumbnails { 16 | margin-left: 0; 17 | } 18 | 19 | // Float li to make thumbnails appear in a row 20 | .thumbnails > li { 21 | float: left; // Explicity set the float since we don't require .span* classes 22 | margin-bottom: @baseLineHeight; 23 | margin-left: @gridGutterWidth; 24 | } 25 | 26 | // The actual thumbnail (can be `a` or `div`) 27 | .thumbnail { 28 | display: block; 29 | padding: 4px; 30 | line-height: @baseLineHeight; 31 | border: 1px solid #ddd; 32 | .border-radius(@baseBorderRadius); 33 | .box-shadow(0 1px 3px rgba(0,0,0,.055)); 34 | .transition(all .2s ease-in-out); 35 | } 36 | // Add a hover state for linked versions only 37 | a.thumbnail:hover { 38 | border-color: @linkColor; 39 | .box-shadow(0 1px 4px rgba(0,105,214,.25)); 40 | } 41 | 42 | // Images and captions 43 | .thumbnail > img { 44 | display: block; 45 | max-width: 100%; 46 | margin-left: auto; 47 | margin-right: auto; 48 | } 49 | .thumbnail .caption { 50 | padding: 9px; 51 | color: @gray; 52 | } 53 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/tooltip.less: -------------------------------------------------------------------------------- 1 | // 2 | // Tooltips 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | .tooltip { 8 | position: absolute; 9 | z-index: @zindexTooltip; 10 | display: block; 11 | visibility: visible; 12 | padding: 5px; 13 | font-size: 11px; 14 | .opacity(0); 15 | &.in { .opacity(80); } 16 | &.top { margin-top: -3px; } 17 | &.right { margin-left: 3px; } 18 | &.bottom { margin-top: 3px; } 19 | &.left { margin-left: -3px; } 20 | } 21 | 22 | // Wrapper for the tooltip content 23 | .tooltip-inner { 24 | max-width: 200px; 25 | padding: 3px 8px; 26 | color: @tooltipColor; 27 | text-align: center; 28 | text-decoration: none; 29 | background-color: @tooltipBackground; 30 | .border-radius(@baseBorderRadius); 31 | } 32 | 33 | // Arrows 34 | .tooltip-arrow { 35 | position: absolute; 36 | width: 0; 37 | height: 0; 38 | border-color: transparent; 39 | border-style: solid; 40 | } 41 | .tooltip { 42 | &.top .tooltip-arrow { 43 | bottom: 0; 44 | left: 50%; 45 | margin-left: -@tooltipArrowWidth; 46 | border-width: @tooltipArrowWidth @tooltipArrowWidth 0; 47 | border-top-color: @tooltipArrowColor; 48 | } 49 | &.right .tooltip-arrow { 50 | top: 50%; 51 | left: 0; 52 | margin-top: -@tooltipArrowWidth; 53 | border-width: @tooltipArrowWidth @tooltipArrowWidth @tooltipArrowWidth 0; 54 | border-right-color: @tooltipArrowColor; 55 | } 56 | &.left .tooltip-arrow { 57 | top: 50%; 58 | right: 0; 59 | margin-top: -@tooltipArrowWidth; 60 | border-width: @tooltipArrowWidth 0 @tooltipArrowWidth @tooltipArrowWidth; 61 | border-left-color: @tooltipArrowColor; 62 | } 63 | &.bottom .tooltip-arrow { 64 | top: 0; 65 | left: 50%; 66 | margin-left: -@tooltipArrowWidth; 67 | border-width: 0 @tooltipArrowWidth @tooltipArrowWidth; 68 | border-bottom-color: @tooltipArrowColor; 69 | } 70 | } 71 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/type.less: -------------------------------------------------------------------------------- 1 | // 2 | // Typography 3 | // -------------------------------------------------- 4 | 5 | 6 | // Body text 7 | // ------------------------- 8 | 9 | p { 10 | margin: 0 0 @baseLineHeight / 2; 11 | } 12 | .lead { 13 | margin-bottom: @baseLineHeight; 14 | font-size: @baseFontSize * 1.5; 15 | font-weight: 200; 16 | line-height: @baseLineHeight * 1.5; 17 | } 18 | 19 | 20 | // Emphasis & misc 21 | // ------------------------- 22 | 23 | // Ex: 14px base font * 85% = about 12px 24 | small { font-size: 85%; } 25 | 26 | strong { font-weight: bold; } 27 | em { font-style: italic; } 28 | cite { font-style: normal; } 29 | 30 | // Utility classes 31 | .muted { color: @grayLight; } 32 | a.muted:hover { color: darken(@grayLight, 10%); } 33 | 34 | .text-warning { color: @warningText; } 35 | a.text-warning:hover { color: darken(@warningText, 10%); } 36 | 37 | .text-error { color: @errorText; } 38 | a.text-error:hover { color: darken(@errorText, 10%); } 39 | 40 | .text-info { color: @infoText; } 41 | a.text-info:hover { color: darken(@infoText, 10%); } 42 | 43 | .text-success { color: @successText; } 44 | a.text-success:hover { color: darken(@successText, 10%); } 45 | 46 | 47 | // Headings 48 | // ------------------------- 49 | 50 | h1, h2, h3, h4, h5, h6 { 51 | margin: (@baseLineHeight / 2) 0; 52 | font-family: @headingsFontFamily; 53 | font-weight: @headingsFontWeight; 54 | line-height: @baseLineHeight; 55 | color: @headingsColor; 56 | text-rendering: optimizelegibility; // Fix the character spacing for headings 57 | small { 58 | font-weight: normal; 59 | line-height: 1; 60 | color: @grayLight; 61 | } 62 | } 63 | 64 | h1, 65 | h2, 66 | h3 { line-height: @baseLineHeight * 2; } 67 | 68 | h1 { font-size: @baseFontSize * 2.75; } // ~38px 69 | h2 { font-size: @baseFontSize * 2.25; } // ~32px 70 | h3 { font-size: @baseFontSize * 1.75; } // ~24px 71 | h4 { font-size: @baseFontSize * 1.25; } // ~18px 72 | h5 { font-size: @baseFontSize; } 73 | h6 { font-size: @baseFontSize * 0.85; } // ~12px 74 | 75 | h1 small { font-size: @baseFontSize * 1.75; } // ~24px 76 | h2 small { font-size: @baseFontSize * 1.25; } // ~18px 77 | h3 small { font-size: @baseFontSize; } 78 | h4 small { font-size: @baseFontSize; } 79 | 80 | 81 | // Page header 82 | // ------------------------- 83 | 84 | .page-header { 85 | padding-bottom: (@baseLineHeight / 2) - 1; 86 | margin: @baseLineHeight 0 (@baseLineHeight * 1.5); 87 | border-bottom: 1px solid @grayLighter; 88 | } 89 | 90 | 91 | 92 | // Lists 93 | // -------------------------------------------------- 94 | 95 | // Unordered and Ordered lists 96 | ul, ol { 97 | padding: 0; 98 | margin: 0 0 @baseLineHeight / 2 25px; 99 | } 100 | ul ul, 101 | ul ol, 102 | ol ol, 103 | ol ul { 104 | margin-bottom: 0; 105 | } 106 | li { 107 | line-height: @baseLineHeight; 108 | } 109 | 110 | // Remove default list styles 111 | ul.unstyled, 112 | ol.unstyled { 113 | margin-left: 0; 114 | list-style: none; 115 | } 116 | 117 | // Single-line list items 118 | ul.inline, 119 | ol.inline { 120 | margin-left: 0; 121 | list-style: none; 122 | & > li { 123 | display: inline-block; 124 | padding-left: 5px; 125 | padding-right: 5px; 126 | } 127 | } 128 | 129 | // Description Lists 130 | dl { 131 | margin-bottom: @baseLineHeight; 132 | } 133 | dt, 134 | dd { 135 | line-height: @baseLineHeight; 136 | } 137 | dt { 138 | font-weight: bold; 139 | } 140 | dd { 141 | margin-left: @baseLineHeight / 2; 142 | } 143 | // Horizontal layout (like forms) 144 | .dl-horizontal { 145 | .clearfix(); // Ensure dl clears floats if empty dd elements present 146 | dt { 147 | float: left; 148 | width: @horizontalComponentOffset - 20; 149 | clear: left; 150 | text-align: right; 151 | .text-overflow(); 152 | } 153 | dd { 154 | margin-left: @horizontalComponentOffset; 155 | } 156 | } 157 | 158 | // MISC 159 | // ---- 160 | 161 | // Horizontal rules 162 | hr { 163 | margin: @baseLineHeight 0; 164 | border: 0; 165 | border-top: 1px solid @hrBorder; 166 | border-bottom: 1px solid @white; 167 | } 168 | 169 | // Abbreviations and acronyms 170 | abbr[title], 171 | // Added data-* attribute to help out our tooltip plugin, per https://github.com/twitter/bootstrap/issues/5257 172 | abbr[data-original-title] { 173 | cursor: help; 174 | border-bottom: 1px dotted @grayLight; 175 | } 176 | abbr.initialism { 177 | font-size: 90%; 178 | text-transform: uppercase; 179 | } 180 | 181 | // Blockquotes 182 | blockquote { 183 | padding: 0 0 0 15px; 184 | margin: 0 0 @baseLineHeight; 185 | border-left: 5px solid @grayLighter; 186 | p { 187 | margin-bottom: 0; 188 | #font > .shorthand(16px,300,@baseLineHeight * 1.25); 189 | } 190 | small { 191 | display: block; 192 | line-height: @baseLineHeight; 193 | color: @grayLight; 194 | &:before { 195 | content: '\2014 \00A0'; 196 | } 197 | } 198 | 199 | // Float right with text-align: right 200 | &.pull-right { 201 | float: right; 202 | padding-right: 15px; 203 | padding-left: 0; 204 | border-right: 5px solid @grayLighter; 205 | border-left: 0; 206 | p, 207 | small { 208 | text-align: right; 209 | } 210 | small { 211 | &:before { 212 | content: ''; 213 | } 214 | &:after { 215 | content: '\00A0 \2014'; 216 | } 217 | } 218 | } 219 | } 220 | 221 | // Quotes 222 | q:before, 223 | q:after, 224 | blockquote:before, 225 | blockquote:after { 226 | content: ""; 227 | } 228 | 229 | // Addresses 230 | address { 231 | display: block; 232 | margin-bottom: @baseLineHeight; 233 | font-style: normal; 234 | line-height: @baseLineHeight; 235 | } 236 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/utilities.less: -------------------------------------------------------------------------------- 1 | // 2 | // Utility classes 3 | // -------------------------------------------------- 4 | 5 | 6 | // Quick floats 7 | .pull-right { 8 | float: right; 9 | } 10 | .pull-left { 11 | float: left; 12 | } 13 | 14 | // Toggling content 15 | .hide { 16 | display: none; 17 | } 18 | .show { 19 | display: block; 20 | } 21 | 22 | // Visibility 23 | .invisible { 24 | visibility: hidden; 25 | } 26 | 27 | // For Affix plugin 28 | .affix { 29 | position: fixed; 30 | } 31 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/variables.less: -------------------------------------------------------------------------------- 1 | // 2 | // Variables 3 | // -------------------------------------------------- 4 | 5 | 6 | // Global values 7 | // -------------------------------------------------- 8 | 9 | 10 | // Grays 11 | // ------------------------- 12 | @black: #000; 13 | @grayDarker: #222; 14 | @grayDark: #333; 15 | @gray: #555; 16 | @grayLight: #999; 17 | @grayLighter: #eee; 18 | @white: #fff; 19 | 20 | 21 | // Accent colors 22 | // ------------------------- 23 | @blue: #049cdb; 24 | @blueDark: #0064cd; 25 | @green: #46a546; 26 | @red: #9d261d; 27 | @yellow: #ffc40d; 28 | @orange: #f89406; 29 | @pink: #c3325f; 30 | @purple: #7a43b6; 31 | 32 | 33 | // Scaffolding 34 | // ------------------------- 35 | @bodyBackground: @white; 36 | @textColor: @grayDark; 37 | 38 | 39 | // Links 40 | // ------------------------- 41 | @linkColor: #08c; 42 | @linkColorHover: darken(@linkColor, 15%); 43 | 44 | 45 | // Typography 46 | // ------------------------- 47 | @sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif; 48 | @serifFontFamily: Georgia, "Times New Roman", Times, serif; 49 | @monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace; 50 | 51 | @baseFontSize: 14px; 52 | @baseFontFamily: @sansFontFamily; 53 | @baseLineHeight: 20px; 54 | @altFontFamily: @serifFontFamily; 55 | 56 | @headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily 57 | @headingsFontWeight: bold; // instead of browser default, bold 58 | @headingsColor: inherit; // empty to use BS default, @textColor 59 | 60 | 61 | // Component sizing 62 | // ------------------------- 63 | // Based on 14px font-size and 20px line-height 64 | 65 | @fontSizeLarge: @baseFontSize * 1.25; // ~18px 66 | @fontSizeSmall: @baseFontSize * 0.85; // ~12px 67 | @fontSizeMini: @baseFontSize * 0.75; // ~11px 68 | 69 | @paddingLarge: 11px 19px; // 44px 70 | @paddingSmall: 2px 10px; // 26px 71 | @paddingMini: 0 6px; // 22px 72 | 73 | @baseBorderRadius: 4px; 74 | @borderRadiusLarge: 6px; 75 | @borderRadiusSmall: 3px; 76 | 77 | 78 | // Tables 79 | // ------------------------- 80 | @tableBackground: transparent; // overall background-color 81 | @tableBackgroundAccent: #f9f9f9; // for striping 82 | @tableBackgroundHover: #f5f5f5; // for hover 83 | @tableBorder: #ddd; // table and cell border 84 | 85 | // Buttons 86 | // ------------------------- 87 | @btnBackground: @white; 88 | @btnBackgroundHighlight: darken(@white, 10%); 89 | @btnBorder: #bbb; 90 | 91 | @btnPrimaryBackground: @linkColor; 92 | @btnPrimaryBackgroundHighlight: spin(@btnPrimaryBackground, 20%); 93 | 94 | @btnInfoBackground: #5bc0de; 95 | @btnInfoBackgroundHighlight: #2f96b4; 96 | 97 | @btnSuccessBackground: #62c462; 98 | @btnSuccessBackgroundHighlight: #51a351; 99 | 100 | @btnWarningBackground: lighten(@orange, 15%); 101 | @btnWarningBackgroundHighlight: @orange; 102 | 103 | @btnDangerBackground: #ee5f5b; 104 | @btnDangerBackgroundHighlight: #bd362f; 105 | 106 | @btnInverseBackground: #444; 107 | @btnInverseBackgroundHighlight: @grayDarker; 108 | 109 | 110 | // Forms 111 | // ------------------------- 112 | @inputBackground: @white; 113 | @inputBorder: #ccc; 114 | @inputBorderRadius: @baseBorderRadius; 115 | @inputDisabledBackground: @grayLighter; 116 | @formActionsBackground: #f5f5f5; 117 | @inputHeight: @baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border 118 | 119 | 120 | // Dropdowns 121 | // ------------------------- 122 | @dropdownBackground: @white; 123 | @dropdownBorder: rgba(0,0,0,.2); 124 | @dropdownDividerTop: #e5e5e5; 125 | @dropdownDividerBottom: @white; 126 | 127 | @dropdownLinkColor: @grayDark; 128 | @dropdownLinkColorHover: @white; 129 | @dropdownLinkColorActive: @white; 130 | 131 | @dropdownLinkBackgroundActive: @linkColor; 132 | @dropdownLinkBackgroundHover: @dropdownLinkBackgroundActive; 133 | 134 | 135 | 136 | // COMPONENT VARIABLES 137 | // -------------------------------------------------- 138 | 139 | 140 | // Z-index master list 141 | // ------------------------- 142 | // Used for a bird's eye view of components dependent on the z-axis 143 | // Try to avoid customizing these :) 144 | @zindexDropdown: 1000; 145 | @zindexPopover: 1010; 146 | @zindexTooltip: 1030; 147 | @zindexFixedNavbar: 1030; 148 | @zindexModalBackdrop: 1040; 149 | @zindexModal: 1050; 150 | 151 | 152 | // Sprite icons path 153 | // ------------------------- 154 | @iconSpritePath: "../img/glyphicons-halflings.png"; 155 | @iconWhiteSpritePath: "../img/glyphicons-halflings-white.png"; 156 | 157 | 158 | // Input placeholder text color 159 | // ------------------------- 160 | @placeholderText: @grayLight; 161 | 162 | 163 | // Hr border color 164 | // ------------------------- 165 | @hrBorder: @grayLighter; 166 | 167 | 168 | // Horizontal forms & lists 169 | // ------------------------- 170 | @horizontalComponentOffset: 180px; 171 | 172 | 173 | // Wells 174 | // ------------------------- 175 | @wellBackground: #f5f5f5; 176 | 177 | 178 | // Navbar 179 | // ------------------------- 180 | @navbarCollapseWidth: 979px; 181 | @navbarCollapseDesktopWidth: @navbarCollapseWidth + 1; 182 | 183 | @navbarHeight: 40px; 184 | @navbarBackgroundHighlight: #ffffff; 185 | @navbarBackground: darken(@navbarBackgroundHighlight, 5%); 186 | @navbarBorder: darken(@navbarBackground, 12%); 187 | 188 | @navbarText: #777; 189 | @navbarLinkColor: #777; 190 | @navbarLinkColorHover: @grayDark; 191 | @navbarLinkColorActive: @gray; 192 | @navbarLinkBackgroundHover: transparent; 193 | @navbarLinkBackgroundActive: darken(@navbarBackground, 5%); 194 | 195 | @navbarBrandColor: @navbarLinkColor; 196 | 197 | // Inverted navbar 198 | @navbarInverseBackground: #111111; 199 | @navbarInverseBackgroundHighlight: #222222; 200 | @navbarInverseBorder: #252525; 201 | 202 | @navbarInverseText: @grayLight; 203 | @navbarInverseLinkColor: @grayLight; 204 | @navbarInverseLinkColorHover: @white; 205 | @navbarInverseLinkColorActive: @navbarInverseLinkColorHover; 206 | @navbarInverseLinkBackgroundHover: transparent; 207 | @navbarInverseLinkBackgroundActive: @navbarInverseBackground; 208 | 209 | @navbarInverseSearchBackground: lighten(@navbarInverseBackground, 25%); 210 | @navbarInverseSearchBackgroundFocus: @white; 211 | @navbarInverseSearchBorder: @navbarInverseBackground; 212 | @navbarInverseSearchPlaceholderColor: #ccc; 213 | 214 | @navbarInverseBrandColor: @navbarInverseLinkColor; 215 | 216 | 217 | // Pagination 218 | // ------------------------- 219 | @paginationBackground: #fff; 220 | @paginationBorder: #ddd; 221 | @paginationActiveBackground: #f5f5f5; 222 | 223 | 224 | // Hero unit 225 | // ------------------------- 226 | @heroUnitBackground: @grayLighter; 227 | @heroUnitHeadingColor: inherit; 228 | @heroUnitLeadColor: inherit; 229 | 230 | 231 | // Form states and alerts 232 | // ------------------------- 233 | @warningText: #c09853; 234 | @warningBackground: #fcf8e3; 235 | @warningBorder: darken(spin(@warningBackground, -10), 3%); 236 | 237 | @errorText: #b94a48; 238 | @errorBackground: #f2dede; 239 | @errorBorder: darken(spin(@errorBackground, -10), 3%); 240 | 241 | @successText: #468847; 242 | @successBackground: #dff0d8; 243 | @successBorder: darken(spin(@successBackground, -10), 5%); 244 | 245 | @infoText: #3a87ad; 246 | @infoBackground: #d9edf7; 247 | @infoBorder: darken(spin(@infoBackground, -10), 7%); 248 | 249 | 250 | // Tooltips and popovers 251 | // ------------------------- 252 | @tooltipColor: #fff; 253 | @tooltipBackground: #000; 254 | @tooltipArrowWidth: 5px; 255 | @tooltipArrowColor: @tooltipBackground; 256 | 257 | @popoverBackground: #fff; 258 | @popoverArrowWidth: 10px; 259 | @popoverArrowColor: #fff; 260 | @popoverTitleBackground: darken(@popoverBackground, 3%); 261 | 262 | // Special enhancement for popovers 263 | @popoverArrowOuterWidth: @popoverArrowWidth + 1; 264 | @popoverArrowOuterColor: rgba(0,0,0,.25); 265 | 266 | 267 | 268 | // GRID 269 | // -------------------------------------------------- 270 | 271 | 272 | // Default 940px grid 273 | // ------------------------- 274 | @gridColumns: 12; 275 | @gridColumnWidth: 60px; 276 | @gridGutterWidth: 20px; 277 | @gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1)); 278 | 279 | // 1200px min 280 | @gridColumnWidth1200: 70px; 281 | @gridGutterWidth1200: 30px; 282 | @gridRowWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1)); 283 | 284 | // 768px-979px 285 | @gridColumnWidth768: 42px; 286 | @gridGutterWidth768: 20px; 287 | @gridRowWidth768: (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1)); 288 | 289 | 290 | // Fluid grid 291 | // ------------------------- 292 | @fluidGridColumnWidth: percentage(@gridColumnWidth/@gridRowWidth); 293 | @fluidGridGutterWidth: percentage(@gridGutterWidth/@gridRowWidth); 294 | 295 | // 1200px min 296 | @fluidGridColumnWidth1200: percentage(@gridColumnWidth1200/@gridRowWidth1200); 297 | @fluidGridGutterWidth1200: percentage(@gridGutterWidth1200/@gridRowWidth1200); 298 | 299 | // 768px-979px 300 | @fluidGridColumnWidth768: percentage(@gridColumnWidth768/@gridRowWidth768); 301 | @fluidGridGutterWidth768: percentage(@gridGutterWidth768/@gridRowWidth768); 302 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/twbs-222/wells.less: -------------------------------------------------------------------------------- 1 | // 2 | // Wells 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | .well { 8 | min-height: 20px; 9 | padding: 19px; 10 | margin-bottom: 20px; 11 | background-color: @wellBackground; 12 | border: 1px solid darken(@wellBackground, 7%); 13 | .border-radius(@baseBorderRadius); 14 | .box-shadow(inset 0 1px 1px rgba(0,0,0,.05)); 15 | blockquote { 16 | border-color: #ddd; 17 | border-color: rgba(0,0,0,.15); 18 | } 19 | } 20 | 21 | // Sizes 22 | .well-large { 23 | padding: 24px; 24 | .border-radius(@borderRadiusLarge); 25 | } 26 | .well-small { 27 | padding: 9px; 28 | .border-radius(@borderRadiusSmall); 29 | } 30 | -------------------------------------------------------------------------------- /fontawesome/docs/assets/less/variables.less: -------------------------------------------------------------------------------- 1 | // 2 | // Variables 3 | // -------------------------------------------------- 4 | 5 | 6 | // Global values 7 | // -------------------------------------------------- 8 | 9 | 10 | // Grays 11 | // ------------------------- 12 | @black: #000; 13 | @grayDarker: #222; 14 | @grayDark: #333; 15 | @gray: #555; 16 | @grayLight: #999; 17 | @grayLighter: #eee; 18 | @white: #fff; 19 | 20 | 21 | // Accent colors 22 | // ------------------------- 23 | @blue: #009add; // Kyruus Light Blue 24 | @blueDark: #005f9b; // Kyruus Blue 25 | @green: #46a546; 26 | @red: #9d261d; 27 | @yellow: #ffc40d; 28 | @orange: #f89406; 29 | @pink: #c3325f; 30 | @purple: #7a43b6; 31 | 32 | @redDark: darken(@red, 10%); 33 | 34 | 35 | // Scaffolding 36 | // ------------------------- 37 | @bodyBackground: @white; 38 | @textColor: @grayDark; 39 | 40 | 41 | // Links 42 | // ------------------------- 43 | @linkColor: lighten(@red, 10%); 44 | @linkColorHover: @red; 45 | 46 | 47 | // Typography 48 | // ------------------------- 49 | @sansFontFamily: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; 50 | @serifFontFamily: museo-slab, "Helvetica Neue", Helvetica, Arial, sans-serif; 51 | @monoFontFamily: Menlo, Monaco, Consolas, "Courier New", monospace; 52 | 53 | @baseFontSize: 14px; 54 | @baseFontFamily: @sansFontFamily; 55 | @baseLineHeight: 20px; 56 | @altFontFamily: @serifFontFamily; 57 | 58 | @headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily 59 | @headingsFontWeight: bold; // instead of browser default, bold 60 | @headingsColor: inherit; // empty to use BS default, @textColor 61 | 62 | 63 | // Component sizing 64 | // ------------------------- 65 | // Based on 14px font-size and 20px line-height 66 | 67 | @fontSizeLarge: @baseFontSize * 1.25; // ~18px 68 | @fontSizeSmall: @baseFontSize * 0.85; // ~12px 69 | @fontSizeMini: @baseFontSize * 0.75; // ~11px 70 | 71 | @paddingLarge: 11px 19px; // 44px 72 | @paddingSmall: 2px 10px; // 26px 73 | @paddingMini: 0 6px; // 22px 74 | 75 | @baseBorderRadius: 4px; 76 | @borderRadiusLarge: 6px; 77 | @borderRadiusSmall: 3px; 78 | 79 | 80 | // Tables 81 | // ------------------------- 82 | @tableBackground: transparent; // overall background-color 83 | @tableBackgroundAccent: #f9f9f9; // for striping 84 | @tableBackgroundHover: #f5f5f5; // for hover 85 | @tableBorder: #ddd; // table and cell border 86 | 87 | // Buttons 88 | // ------------------------- 89 | @btnBackground: @white; 90 | @btnBackgroundHighlight: darken(@white, 10%); 91 | @btnBorder: #bbb; 92 | 93 | @btnPrimaryBackground: #fffeb8; 94 | @btnPrimaryBackgroundHighlight: #c49c38; 95 | 96 | @btnInfoBackground: #5bc0de; 97 | @btnInfoBackgroundHighlight: #2f96b4; 98 | 99 | @btnSuccessBackground: #62c462; 100 | @btnSuccessBackgroundHighlight: #51a351; 101 | 102 | @btnWarningBackground: lighten(@orange, 15%); 103 | @btnWarningBackgroundHighlight: @orange; 104 | 105 | @btnDangerBackground: lighten(@red, 20%); 106 | @btnDangerBackgroundHighlight: lighten(@red, 5%); 107 | 108 | @btnInverseBackground: #444; 109 | @btnInverseBackgroundHighlight: @grayDarker; 110 | 111 | 112 | // Forms 113 | // ------------------------- 114 | @inputBackground: @white; 115 | @inputBorder: #ccc; 116 | @inputBorderRadius: @baseBorderRadius; 117 | @inputDisabledBackground: @grayLighter; 118 | @formActionsBackground: #f5f5f5; 119 | @inputHeight: @baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border 120 | 121 | 122 | // Dropdowns 123 | // ------------------------- 124 | @dropdownBackground: @white; 125 | @dropdownBorder: rgba(0,0,0,.2); 126 | @dropdownDividerTop: #e5e5e5; 127 | @dropdownDividerBottom: @white; 128 | 129 | @dropdownLinkColor: @grayDark; 130 | @dropdownLinkColorHover: @white; 131 | @dropdownLinkColorActive: @white; 132 | 133 | @dropdownLinkBackgroundActive: @linkColor; 134 | @dropdownLinkBackgroundHover: @dropdownLinkBackgroundActive; 135 | 136 | 137 | 138 | // COMPONENT VARIABLES 139 | // -------------------------------------------------- 140 | 141 | 142 | // Z-index master list 143 | // ------------------------- 144 | // Used for a bird's eye view of components dependent on the z-axis 145 | // Try to avoid customizing these :) 146 | @zindexDropdown: 1000; 147 | @zindexPopover: 1010; 148 | @zindexTooltip: 1030; 149 | @zindexFixedNavbar: 1030; 150 | @zindexModalBackdrop: 1040; 151 | @zindexModal: 1050; 152 | 153 | 154 | // Sprite icons path 155 | // ------------------------- 156 | @iconSpritePath: "../img/glyphicons-halflings.png"; 157 | @iconWhiteSpritePath: "../img/glyphicons-halflings-white.png"; 158 | 159 | 160 | // Input placeholder text color 161 | // ------------------------- 162 | @placeholderText: @grayLight; 163 | 164 | 165 | // Hr border color 166 | // ------------------------- 167 | @hrBorder: @grayLighter; 168 | 169 | 170 | // Horizontal forms & lists 171 | // ------------------------- 172 | @horizontalComponentOffset: 180px; 173 | 174 | 175 | // Wells 176 | // ------------------------- 177 | @wellBackground: #f5f5f5; 178 | 179 | 180 | // Navbar 181 | // ------------------------- 182 | @navbarCollapseWidth: 979px; 183 | @navbarCollapseDesktopWidth: @navbarCollapseWidth + 1; 184 | 185 | @navbarHeight: 40px; 186 | @navbarBackgroundHighlight: #ffffff; 187 | @navbarBackground: darken(@navbarBackgroundHighlight, 5%); 188 | @navbarBorder: darken(@navbarBackground, 12%); 189 | 190 | @navbarText: #777; 191 | @navbarLinkColor: #777; 192 | @navbarLinkColorHover: @grayDark; 193 | @navbarLinkColorActive: @gray; 194 | @navbarLinkBackgroundHover: transparent; 195 | @navbarLinkBackgroundActive: darken(@navbarBackground, 5%); 196 | 197 | @navbarBrandColor: @navbarLinkColor; 198 | 199 | // Inverted navbar 200 | @navbarInverseBackground: #111111; 201 | @navbarInverseBackgroundHighlight: #222222; 202 | @navbarInverseBorder: #252525; 203 | 204 | @navbarInverseText: @grayLight; 205 | @navbarInverseLinkColor: @grayLight; 206 | @navbarInverseLinkColorHover: @white; 207 | @navbarInverseLinkColorActive: @navbarInverseLinkColorHover; 208 | @navbarInverseLinkBackgroundHover: transparent; 209 | @navbarInverseLinkBackgroundActive: @navbarInverseBackground; 210 | 211 | @navbarInverseSearchBackground: lighten(@navbarInverseBackground, 25%); 212 | @navbarInverseSearchBackgroundFocus: @white; 213 | @navbarInverseSearchBorder: @navbarInverseBackground; 214 | @navbarInverseSearchPlaceholderColor: #ccc; 215 | 216 | @navbarInverseBrandColor: @navbarInverseLinkColor; 217 | 218 | 219 | // Pagination 220 | // ------------------------- 221 | @paginationBackground: #fff; 222 | @paginationBorder: #ddd; 223 | @paginationActiveBackground: #f5f5f5; 224 | 225 | 226 | // Hero unit 227 | // ------------------------- 228 | @heroUnitBackground: @grayLighter; 229 | @heroUnitHeadingColor: inherit; 230 | @heroUnitLeadColor: inherit; 231 | 232 | 233 | // Form states and alerts 234 | // ------------------------- 235 | @warningText: #c09853; 236 | @warningBackground: #fcf8e3; 237 | @warningBorder: darken(spin(@warningBackground, -10), 3%); 238 | 239 | @errorText: #b94a48; 240 | @errorBackground: #f2dede; 241 | @errorBorder: darken(spin(@errorBackground, -10), 3%); 242 | 243 | @successText: #468847; 244 | @successBackground: #dff0d8; 245 | @successBorder: darken(spin(@successBackground, -10), 5%); 246 | 247 | @infoText: #3a87ad; 248 | @infoBackground: #d9edf7; 249 | @infoBorder: darken(spin(@infoBackground, -10), 7%); 250 | 251 | 252 | // Tooltips and popovers 253 | // ------------------------- 254 | @tooltipColor: #fff; 255 | @tooltipBackground: #000; 256 | @tooltipArrowWidth: 5px; 257 | @tooltipArrowColor: @tooltipBackground; 258 | 259 | @popoverBackground: #fff; 260 | @popoverArrowWidth: 10px; 261 | @popoverArrowColor: #fff; 262 | @popoverTitleBackground: darken(@popoverBackground, 3%); 263 | 264 | // Special enhancement for popovers 265 | @popoverArrowOuterWidth: @popoverArrowWidth + 1; 266 | @popoverArrowOuterColor: rgba(0,0,0,.25); 267 | 268 | 269 | 270 | // GRID 271 | // -------------------------------------------------- 272 | 273 | 274 | // Default 940px grid 275 | // ------------------------- 276 | @gridColumns: 12; 277 | @gridColumnWidth: 60px; 278 | @gridGutterWidth: 20px; 279 | @gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1)); 280 | 281 | // 1200px min 282 | @gridColumnWidth1200: 70px; 283 | @gridGutterWidth1200: 30px; 284 | @gridRowWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1)); 285 | 286 | // 768px-979px 287 | @gridColumnWidth768: 42px; 288 | @gridGutterWidth768: 20px; 289 | @gridRowWidth768: (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1)); 290 | 291 | 292 | // Fluid grid 293 | // ------------------------- 294 | @fluidGridColumnWidth: percentage(@gridColumnWidth/@gridRowWidth); 295 | @fluidGridGutterWidth: percentage(@gridGutterWidth/@gridRowWidth); 296 | 297 | // 1200px min 298 | @fluidGridColumnWidth1200: percentage(@gridColumnWidth1200/@gridRowWidth1200); 299 | @fluidGridGutterWidth1200: percentage(@gridGutterWidth1200/@gridRowWidth1200); 300 | 301 | // 768px-979px 302 | @fluidGridColumnWidth768: percentage(@gridColumnWidth768/@gridRowWidth768); 303 | @fluidGridGutterWidth768: percentage(@gridGutterWidth768/@gridRowWidth768); 304 | -------------------------------------------------------------------------------- /fontawesome/font/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/fontawesome/font/FontAwesome.otf -------------------------------------------------------------------------------- /fontawesome/font/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/fontawesome/font/fontawesome-webfont.eot -------------------------------------------------------------------------------- /fontawesome/font/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/fontawesome/font/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /fontawesome/font/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/fontawesome/font/fontawesome-webfont.woff -------------------------------------------------------------------------------- /img/demo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/img/demo.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Instacurate 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 30 | 31 | 32 | 48 | 49 | 50 | 51 | 52 | There's more 53 | 105 | 106 |
    107 | 108 | 109 |
    110 | 111 |
    112 |

    Instacurate

    113 | 114 | 115 |
    116 | 117 |
    118 | 119 |

    Turn your Twitter timeline into a personalised news site, in an instant.

    120 | 121 |

    122 | 125 |

    126 | 127 | 128 |
    129 | 130 |
    131 | 132 | 133 |
    134 | 135 |
    136 |
    137 |
    138 | 139 |
    140 |
    141 | 142 |
    143 |
    144 | 145 |
    146 | 147 |
    148 |
    149 |
    150 | 151 | 152 |
    153 |
    154 | 155 | 156 |
    157 |
    158 | 159 | 160 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 197 | 198 | 199 | 200 | 211 | 212 | 213 | 225 | 226 | 227 | 228 | -------------------------------------------------------------------------------- /jPanelMenu-1.1.0.min.js: -------------------------------------------------------------------------------- 1 | /** 2 | * 3 | * jPanelMenu 1.1.0 (http://jpanelmenu.com) 4 | * By Anthony Colangelo (http://acolangelo.com) 5 | * 6 | * */(function(e){e.jPanelMenu=function(t){if(typeof t=="undefined"||t==null)t={};var n={options:e.extend({menu:"#menu",trigger:".menu-trigger",excludedPanelContent:"style, script",direction:"left",openPosition:"250px",animated:!0,keyboardShortcuts:[{code:27,open:!1,close:!0},{code:37,open:!1,close:!0},{code:39,open:!0,close:!0},{code:77,open:!0,close:!0}],duration:150,openDuration:t.duration||150,closeDuration:t.duration||150,easing:"ease-in-out",openEasing:t.easing||"ease-in-out",closeEasing:t.easing||"ease-in-out",before:function(){},beforeOpen:function(){},beforeClose:function(){},after:function(){},afterOpen:function(){},afterClose:function(){}},t),settings:{transitionsSupported:"WebkitTransition"in document.body.style||"MozTransition"in document.body.style||"msTransition"in document.body.style||"OTransition"in document.body.style||"Transition"in document.body.style,shiftFixedChildren:!1,panelPosition:"relative",positionUnits:"px"},menu:"#jPanelMenu-menu",panel:".jPanelMenu-panel",fixedChildren:[],timeouts:{},clearTimeouts:function(){clearTimeout(n.timeouts.open);clearTimeout(n.timeouts.afterOpen);clearTimeout(n.timeouts.afterClose)},setPositionUnits:function(){var e=!1,t=["%","px","em"];for(unitID in t){var r=t[unitID];if(n.options.openPosition.toString().substr(-r.length)==r){e=!0;n.settings.positionUnits=r}}e||(n.options.openPosition=parseInt(n.options.openPosition)+n.settings.positionUnits)},checkFixedChildren:function(){n.disableTransitions();var t={position:e(n.panel).css("position")};t[n.options.direction]=e(n.panel).css(n.options.direction)=="auto"?0:e(n.panel).css(n.options.direction);e(n.panel).find("> *").each(function(){e(this).css("position")=="fixed"&&e(this).css(n.options.direction)=="auto"&&n.fixedChildren.push(this)});if(n.fixedChildren.length>0){var r={position:"relative"};r[n.options.direction]="1px";n.setPanelStyle(r);parseInt(e(n.fixedChildren[0]).offset().left)==0&&(n.settings.shiftFixedChildren=!0)}n.setPanelStyle(t)},setjPanelMenuStyles:function(){var t="#fff",r=e("html").css("background-color"),i=e("body").css("background-color");i!="transparent"&&i!="rgba(0, 0, 0, 0)"?t=i:r!="transparent"&&r!="rgba(0, 0, 0, 0)"?t=r:t="#fff";e("#jPanelMenu-style-master").length==0&&e("body").append('")},setMenuState:function(t){var n=t?"open":"closed";e("body").attr("data-menu-position",n)},getMenuState:function(){return e("body").attr("data-menu-position")},menuIsOpen:function(){return n.getMenuState()=="open"?!0:!1},setMenuStyle:function(t){e(n.menu).css(t)},setPanelStyle:function(t){e(n.panel).css(t)},showMenu:function(){n.setMenuStyle({display:"block"});n.setMenuStyle({"z-index":"1"})},hideMenu:function(){n.setMenuStyle({"z-index":"-1"});n.setMenuStyle({display:"none"})},enableTransitions:function(t,r){var i=t/1e3,s=n.getCSSEasingFunction(r);n.disableTransitions();e("body").append('")},disableTransitions:function(){e("#jPanelMenu-style-transitions").remove()},enableFixedTransitions:function(t,r,i,s){var o=i/1e3,u=n.getCSSEasingFunction(s);n.disableFixedTransitions(r);e("body").append('")},disableFixedTransitions:function(t){e("#jPanelMenu-style-fixed-"+t).remove()},getCSSEasingFunction:function(e){switch(e){case"linear":return e;case"ease":return e;case"ease-in":return e;case"ease-out":return e;case"ease-in-out":return e;default:return"ease-in-out"}},getJSEasingFunction:function(e){switch(e){case"linear":return e;default:return"swing"}},openMenu:function(t){if(typeof t=="undefined"||t==null)t=n.options.animated;n.clearTimeouts();n.options.before();n.options.beforeOpen();n.setMenuState(!0);n.setPanelStyle({position:"relative"});n.showMenu();var r={none:t?!1:!0,transitions:t&&n.settings.transitionsSupported?!0:!1};if(r.transitions||r.none){r.none&&n.disableTransitions();r.transitions&&n.enableTransitions(n.options.openDuration,n.options.openEasing);var i={};i[n.options.direction]=n.options.openPosition;n.setPanelStyle(i);n.settings.shiftFixedChildren&&e(n.fixedChildren).each(function(){var t=e(this).prop("tagName").toLowerCase()+" "+e(this).attr("class"),i=t.replace(" ","."),t=t.replace(" ","-");r.none&&n.disableFixedTransitions(t);r.transitions&&n.enableFixedTransitions(i,t,n.options.openDuration,n.options.openEasing);var s={};s[n.options.direction]=n.options.openPosition;e(this).css(s)});n.timeouts.afterOpen=setTimeout(function(){n.disableTransitions();n.settings.shiftFixedChildren&&e(n.fixedChildren).each(function(){var t=e(this).prop("tagName").toLowerCase()+" "+e(this).attr("class"),t=t.replace(" ","-");n.disableFixedTransitions(t)});n.options.after();n.options.afterOpen();n.initiateContentClickListeners()},n.options.openDuration)}else{var s=n.getJSEasingFunction(n.options.openEasing),o={};o[n.options.direction]=n.options.openPosition;e(n.panel).stop().animate(o,n.options.openDuration,s,function(){n.options.after();n.options.afterOpen();n.initiateContentClickListeners()});n.settings.shiftFixedChildren&&e(n.fixedChildren).each(function(){var t={};t[n.options.direction]=n.options.openPosition;e(this).stop().animate(t,n.options.openDuration,s)})}},closeMenu:function(t){if(typeof t=="undefined"||t==null)t=n.options.animated;n.clearTimeouts();n.options.before();n.options.beforeClose();n.setMenuState(!1);var r={none:t?!1:!0,transitions:t&&n.settings.transitionsSupported?!0:!1};if(r.transitions||r.none){r.none&&n.disableTransitions();r.transitions&&n.enableTransitions(n.options.closeDuration,n.options.closeEasing);var i={};i[n.options.direction]=0+n.settings.positionUnits;n.setPanelStyle(i);n.settings.shiftFixedChildren&&e(n.fixedChildren).each(function(){var t=e(this).prop("tagName").toLowerCase()+" "+e(this).attr("class"),i=t.replace(" ","."),t=t.replace(" ","-");r.none&&n.disableFixedTransitions(t);r.transitions&&n.enableFixedTransitions(i,t,n.options.closeDuration,n.options.closeEasing);var s={};s[n.options.direction]=0+n.settings.positionUnits;e(this).css(s)});n.timeouts.afterClose=setTimeout(function(){n.setPanelStyle({position:n.settings.panelPosition});n.disableTransitions();n.settings.shiftFixedChildren&&e(n.fixedChildren).each(function(){var t=e(this).prop("tagName").toLowerCase()+" "+e(this).attr("class"),t=t.replace(" ","-");n.disableFixedTransitions(t)});n.hideMenu();n.options.after();n.options.afterClose();n.destroyContentClickListeners()},n.options.closeDuration)}else{var s=n.getJSEasingFunction(n.options.closeEasing),o={};o[n.options.direction]=0+n.settings.positionUnits;e(n.panel).stop().animate(o,n.options.closeDuration,s,function(){n.setPanelStyle({position:n.settings.panelPosition});n.hideMenu();n.options.after();n.options.afterClose();n.destroyContentClickListeners()});n.settings.shiftFixedChildren&&e(n.fixedChildren).each(function(){var t={};t[n.options.direction]=0+n.settings.positionUnits;e(this).stop().animate(t,n.options.closeDuration,s)})}},triggerMenu:function(e){n.menuIsOpen()?n.closeMenu(e):n.openMenu(e)},initiateClickListeners:function(){e(document).on("click",n.options.trigger,function(){n.triggerMenu(n.options.animated);return!1})},destroyClickListeners:function(){e(document).off("click",n.options.trigger,null)},initiateContentClickListeners:function(){e(document).on("click",n.panel,function(e){n.menuIsOpen()&&n.closeMenu(n.options.animated)});e(document).on("touchend",n.panel,function(e){n.menuIsOpen()&&n.closeMenu(n.options.animated)})},destroyContentClickListeners:function(){e(document).off("click",n.panel,null);e(document).off("touchend",n.panel,null)},initiateKeyboardListeners:function(){e(document).on("keydown",function(e){for(mapping in n.options.keyboardShortcuts)if(e.which==n.options.keyboardShortcuts[mapping].code){var t=n.options.keyboardShortcuts[mapping];t.open&&t.close?n.triggerMenu(n.options.animated):t.open&&!t.close&&!n.menuIsOpen()?n.openMenu(n.options.animated):!t.open&&t.close&&n.menuIsOpen()&&n.closeMenu(n.options.animated);return!1}})},destroyKeyboardListeners:function(){e(document).off("keydown",null)},setupMarkup:function(){e("html").addClass("jPanelMenu");e("body > *").not(n.menu+", "+n.options.excludedPanelContent).wrapAll('
    ');e(n.options.menu).clone().attr("id",n.menu.replace("#","")).insertAfter("body > "+n.panel)},resetMarkup:function(){e("html").removeClass("jPanelMenu");e("body > "+n.panel+" > *").unwrap();e(n.menu).remove()},init:function(){n.initiateClickListeners();Object.prototype.toString.call(n.options.keyboardShortcuts)==="[object Array]"&&n.initiateKeyboardListeners();n.setjPanelMenuStyles();n.setMenuState(!1);n.setupMarkup();n.setMenuStyle({width:n.options.openPosition});n.checkFixedChildren();n.setPositionUnits();n.closeMenu(!1)},destroy:function(){n.closeMenu();n.destroyClickListeners();Object.prototype.toString.call(n.options.keyboardShortcuts)==="[object Array]"&&n.destroyKeyboardListeners();n.resetMarkup();var t={};t[n.options.direction]="auto";e(n.fixedChildren).each(function(){e(this).css(t)});n.fixedChildren=[]}};return{on:n.init,off:n.destroy,trigger:n.triggerMenu,open:n.openMenu,close:n.closeMenu,isOpen:n.menuIsOpen,menu:n.menu,getMenu:function(){return e(n.menu)},panel:n.panel,getPanel:function(){return e(n.panel)}}}})(jQuery); -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | html, body { 2 | height: 100%; 3 | font-family: 'Raleway', sans-serif; 4 | } 5 | 6 | body { 7 | background-color: #ececec; 8 | } 9 | 10 | .container { 11 | margin-top: 40px; 12 | } 13 | 14 | .page-header { 15 | text-align: center; 16 | 17 | } 18 | 19 | .form-control {height:inherit;} 20 | 21 | .lead {margin-top: 6px;} 22 | 23 | .btn-info {margin-bottom: 10px;color:#ececec;} 24 | a:hover.btn-info {text-decoration: none;color:white;} 25 | 26 | #demo {text-align: center;margin-top: -25px;font-size: 16px;} 27 | #demo img {width: 100%;} 28 | 29 | #embeds {margin-top:10px;} 30 | 31 | .userinfo { 32 | -moz-box-sizing: border-box; 33 | -webkit-box-sizing: border-box; 34 | box-sizing: border-box; 35 | border: 1px solid rgba(0,0,0,0.2); 36 | width:100%; 37 | float:left; 38 | margin-bottom: 20px; 39 | padding: 5px; 40 | background: rgba(241,241,241,0.8); 41 | border-radius: 5px; 42 | text-align: center; 43 | } 44 | 45 | .userimg { 46 | background: no-repeat center center; 47 | width: 73px; 48 | height: 73px; 49 | -webkit-border-radius:73px; 50 | border-radius:73px; 51 | margin-left:auto; 52 | margin-right:auto;} 53 | 54 | .score { 55 | height: 20px; 56 | padding: 7px 5px 5px 5px; 57 | text-align: center; 58 | font: 16px Arial, sans-serif; 59 | float:left; 60 | margin-right:8px; 61 | } 62 | /* 63 | nav {float: left;padding: 5px;position: absolute;left:30px;} 64 | nav a:hover {text-decoration: none; background-color: rgba(36,215,255,0.1); } 65 | */ 66 | 67 | .userfollow { 68 | width:250px; height:20px;margin-left:8px;margin-top:10px; 69 | } 70 | 71 | #wrapper { 72 | min-height: 100%; 73 | /* Negative indent footer by it's height */ 74 | margin: -40px auto -60px; 75 | } 76 | 77 | #push, #footer { 78 | height: 60px; 79 | } 80 | 81 | .state-loading {position: fixed;bottom:100px;z-index: 11;} 82 | 83 | .lead { 84 | font-weight: normal; 85 | } 86 | 87 | .suggestions { 88 | font-size:12px; 89 | color: grey; 90 | margin:5px 0; 91 | } 92 | 93 | #error { 94 | border-left: 3px solid rgba(255,0,0,0.61); 95 | padding: 0 8px; 96 | margin: 30px 0; 97 | } 98 | 99 | #autorefresh {padding:10px;width: 100%;} 100 | 101 | .teaser { 102 | -moz-box-sizing: border-box; 103 | -webkit-box-sizing: border-box; 104 | box-sizing: border-box; 105 | width:100%; 106 | float:left; 107 | margin-bottom: 20px; 108 | background: rgba(255,255,255,0.8); 109 | -moz-box-shadow: 0px 2px 3px 0px #ccc; 110 | -webkit-box-shadow: 0px 2px 3px 0px #ccc; 111 | box-shadow: 0px 2px 3px 0px #ccc; 112 | } 113 | 114 | .teaser:nth-child(3n) { 115 | margin-right:0; 116 | } 117 | 118 | .teaser h3, h3 a { 119 | font-weight: bold; 120 | text-decoration: none; 121 | color:black; 122 | margin-top: 0px; 123 | margin-bottom: 5px; 124 | line-height: 1.2em; 125 | } 126 | 127 | .teaser h3 a:hover { 128 | text-decoration: none; 129 | background: rgba(130,0,0,0.8); 130 | color:white; 131 | } 132 | 133 | /* special styles for special media types */ 134 | .video {background: black;color:grey;} 135 | .video h3 a {color:grey;} 136 | .audio {} 137 | .rich {} 138 | 139 | .media { 140 | 141 | } 142 | 143 | .media img { 144 | max-width: 100%; 145 | display: block; 146 | margin-left: auto; 147 | margin-right: auto; 148 | margin-bottom: -10px; 149 | } 150 | 151 | .article {margin: 0 20px 20px 20px;} 152 | 153 | .description { 154 | font-size: 0.9em; 155 | } 156 | 157 | .credits { 158 | font-size: 0.8em; 159 | color:grey; 160 | margin-top: 15px; 161 | text-transform: uppercase; 162 | } 163 | 164 | .credits a { 165 | color:grey; 166 | } 167 | 168 | .recommender { 169 | border-top: 2px solid #ececec; 170 | margin-top: 5px; 171 | padding:6px 20px; 172 | } 173 | 174 | .recommender img { 175 | background: no-repeat center center; 176 | width: 30px; 177 | height: 30px; 178 | -webkit-border-radius:30px; 179 | border-radius:30px; 180 | margin-right:5px; 181 | border: 2px solid #ececec; 182 | float:left;} 183 | 184 | .rectext { 185 | font-size: 10px; 186 | line-height: 12px; 187 | color: grey; 188 | margin-bottom: 0; 189 | margin-top: 3px; 190 | } 191 | 192 | .twitter-follow-button { 193 | margin: 0px 3px 0 0; 194 | } 195 | 196 | #footer { 197 | font-size:12px; 198 | color:grey; 199 | clear:both; 200 | text-align: center; 201 | } 202 | 203 | .tweet {font-size: 10px;} 204 | 205 | .close {margin-top: -15px;} 206 | 207 | .helptext {font-size: 24px;margin-bottom: 20px;} 208 | .hugesnoo {font-size: 200px !important;} 209 | 210 | /* tooltip styles */ 211 | 212 | .ui-tooltip, .arrow:after { 213 | background: rgba(227,227,227,0.95); 214 | width: 250px; 215 | } 216 | .ui-tooltip { 217 | padding: 10px 20px; 218 | border-radius: 4px; 219 | box-shadow: 0 0 7px white; 220 | } 221 | 222 | /* supportbox styles */ 223 | #supportbox { 224 | background: rgba(255,255,255,0.8); 225 | background-size:90% 90%; 226 | height:320px; 227 | width:320px; 228 | padding: 30px 10px 20px 10px; 229 | border-bottom:solid 2px rgba(204,0,0,0.75); 230 | position: absolute; 231 | right:100px; 232 | z-index: 10; 233 | } 234 | .state-hidden { 235 | clip: rect(1px 1px 1px 1px); 236 | clip: rect(1px, 1px, 1px, 1px); 237 | height: 1px; 238 | margin: 0; 239 | overflow: hidden; 240 | padding: 0; 241 | width: 1px; 242 | } 243 | 244 | .slide { 245 | margin:0; 246 | padding:0; 247 | width:340px; 248 | } 249 | .pull-me { 250 | display:block; 251 | position:absolute; 252 | right:100px; 253 | padding: 0 5px; 254 | width:200px; 255 | height:25px; 256 | color:#ffffff; 257 | background:#830000; 258 | text-decoration:none; 259 | font-weight: bold; 260 | -moz-border-bottom-left-radius:5px; 261 | -moz-border-bottom-right-radius:5px; 262 | border-bottom-left-radius:5px; 263 | border-bottom-right-radius:5px; 264 | text-align: center; 265 | z-index: 11; 266 | } 267 | 268 | .slide a:hover { 269 | color:#ffffff !important; 270 | background:#cc0000; 271 | text-decoration:none; 272 | font-weight: bold; 273 | } 274 | .s ul { padding-left: 0px;;margin-left: 0px;} 275 | .s ul li { 276 | display: inline; 277 | list-style: none; 278 | margin-left: 0px; 279 | padding-left: 0px; 280 | } 281 | .s h4 { 282 | font-size:12px; 283 | font-weight: normal; 284 | } 285 | .donate ul { 286 | height:40px; 287 | margin-top: -15px; 288 | } 289 | .paypal form { 290 | border-bottom: none; 291 | display:inline; 292 | } 293 | 294 | /* Tweet popover */ 295 | .popover-title { 296 | background: #fff; 297 | border: none; 298 | margin-bottom: 0; 299 | padding-bottom: 0; 300 | } 301 | .twitter-tweet { 302 | border: none; 303 | font-size: 16px; 304 | line-height: 21px; 305 | margin: 0 0 -12px 0; 306 | padding: 0; 307 | } 308 | 309 | .instapaper { 310 | float:right; 311 | } 312 | 313 | /* navigation */ 314 | .menu-trigger, .menu-trigger:hover { 315 | color:black !important; 316 | text-decoration: none !important; 317 | position: relative; 318 | top:7px; 319 | left:10px; 320 | } 321 | 322 | .menu-trigger:hover { 323 | color:#3071a9 !important; 324 | } 325 | 326 | .fa-bars, .fa-times {font-size: 21px !important;position: relative;top:3px;} 327 | 328 | #jPanelMenu-menu { 329 | background: #dadada; 330 | } 331 | 332 | #jPanelMenu-menu a { 333 | text-decoration: none; 334 | } 335 | 336 | #jPanelMenu-menu ul.navi { 337 | list-style: none; 338 | margin-left: 0px; 339 | padding-left: 0px; 340 | } 341 | 342 | #jPanelMenu-menu ul.navi li { 343 | font-weight: 300; 344 | font-size: 15px; 345 | display: block; 346 | padding: 0.8em 1em; 347 | border-bottom: 1px solid rgba(0,85,100,0.3); 348 | text-decoration: none; 349 | } 350 | 351 | #support {margin: 0.5em 1em;} 352 | 353 | .weeklyfilet {margin-top:10px;} 354 | 355 | #jPanelMenu-menu a li { 356 | display: block; 357 | text-decoration: none; 358 | color:black; 359 | } 360 | #jPanelMenu-menu a:hover li, #jPanelMenu-menu a:focus li { 361 | text-decoration: none; 362 | background: #b9b9b9; 363 | } 364 | 365 | 366 | /* Responsive CSS fixes */ 367 | 368 | @media (min-width: 768px) { 369 | h1 {display:inline;} 370 | .claim {margin-left: 10px;} 371 | } 372 | 373 | @media (max-width: 767px) { 374 | #footer { 375 | margin-left: -20px; 376 | margin-right: -20px; 377 | padding-left: 20px; 378 | padding-right: 20px; 379 | } 380 | .slide {display:none;} 381 | body {padding-left: 0;} 382 | } 383 | 384 | form { 385 | margin-bottom: 10px; 386 | 387 | } 388 | 389 | @media (min-width:400px){ 390 | input, button{ 391 | padding: 15px !important; 392 | font-size: 25px !important; 393 | } 394 | } 395 | 396 | @media (max-width:400px){ 397 | .description {display:none;} 398 | .lead {margin-bottom: 10px;margin-top: 0;} 399 | } -------------------------------------------------------------------------------- /touch-icons/apple-touch-icon-114x114.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/touch-icons/apple-touch-icon-114x114.png -------------------------------------------------------------------------------- /touch-icons/apple-touch-icon-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/touch-icons/apple-touch-icon-144x144.png -------------------------------------------------------------------------------- /touch-icons/apple-touch-icon-72x72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/touch-icons/apple-touch-icon-72x72.png -------------------------------------------------------------------------------- /touch-icons/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidbauer/Instacurate/845a47e2975b93196684019b94a4b3ce00c9c2d0/touch-icons/apple-touch-icon.png --------------------------------------------------------------------------------