themes/default/less/font-awesome.less

   1 /*  Font Awesome
   2     the iconic font designed for use with Twitter Bootstrap
   3     -------------------------------------------------------
   4     The full suite of pictographic icons, examples, and documentation
   5     can be found at: http://fortawesome.github.com/Font-Awesome/
   6
   7     License
   8     -------------------------------------------------------
   9     The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
  10     http://creativecommons.org/licenses/by/3.0/ A mention of
  11     'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
  12     source code is considered acceptable attribution (most common on the web).
  13     If human readable source code is not available to the end user, a mention in
  14     an 'About' or 'Credits' screen is considered acceptable (most common in desktop
  15     or mobile software).
  16
  17     Contact
  18     -------------------------------------------------------
  19     Email: dave@davegandy.com
  20     Twitter: http://twitter.com/fortaweso_me
  21     Work: http://lemonwi.se co-founder
  22
  23     */
  24
  25 @font-face {
  26     font-family: 'FontAwesome';
  27     src: url('../font/fontawesome-webfont.eot');
  28     src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
  29          url('../font/fontawesome-webfont.woff') format('woff'),
  30          url('../font/fontawesome-webfont.ttf') format('truetype'),
  31          url('../font/fontawesome-webfont.svgz#FontAwesome') format('svg'),
  32          url('../font/fontawesome-webfont.svg#FontAwesome') format('svg');
  33     font-weight: normal;
  34     font-style: normal;
  35 }
  36
  37 .the-icons li[class^="icon-"]::after, .the-icons li[class*=" icon-"]::after {
  38 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  39 font-style: normal;
  40 content: attr(class);
  41 }
  42 /* sprites.less reset */
  43 [class^="icon-"],
  44 [class*=" icon-"] {
  45     display: inline;
  46     width: auto;
  47     height: auto;
  48     line-height: inherit;
  49     vertical-align: baseline;
  50     background-image: none;
  51     background-position: 0% 0%;
  52     background-repeat: repeat;
  53 }
  54 li[class^="icon-"],
  55 li[class*=" icon-"] {
  56     display: block;
  57 }
  58
  59 /*  Font Awesome styles
  60     ------------------------------------------------------- */
  61 [class^="icon-"]:before,
  62 [class*=" icon-"]:before {
  63     font-family: FontAwesome;
  64     font-weight: normal;
  65     font-style: normal;
  66     display: inline-block;
  67     text-decoration: inherit;
  68     -webkit-font-smoothing: antialiased;
  69 }
  70
  71 a [class^="icon-"],
  72 a [class*=" icon-"] {
  73     display: inline-block;
  74     text-decoration: inherit;
  75 }
  76
  77 /* makes the font 33% larger relative to the icon container */
  78 .icon-large:before {
  79     vertical-align: top;
  80     font-size: 4/3em;
  81 }
  82
  83 /* makes the font 12px */
  84 .icon-xsm:before {
  85     vertical-align: middle;
  86     font-size: 10px;
  87 }
  88
  89 /* makes the font 16px */
  90 .icon-sm:before {
  91     vertical-align: top;
  92     font-size: 16px;
  93 }
  94
  95 /* makes the font 26px */
  96 .icon-md:before {
  97     vertical-align: top;
  98     font-size: 26px;
  99 }
 100
 101 /* makes the font 42px */
 102 .icon-lg:before {
 103     vertical-align: top;
 104     font-size: 42px;
 105 }
 106
 107 /* makes the font 68px */
 108 .icon-xl:before {
 109     vertical-align: top;
 110     font-size: 68px;
 111 }
 112
 113 .btn {
 114     [class^="icon-"],
 115     [class*=" icon-"] {
 116         /* keeps button heights with and without icons the same */
 117         line-height: .9em;
 118     }
 119 }
 120
 121 li {
 122     [class^="icon-"],
 123     [class*=" icon-"] {
 124         display: inline-block;
 125         width: 1.25em;
 126         text-align: center;
 127     }
 128     .icon-large[class^="icon-"],
 129     .icon-large[class*=" icon-"]  {
 130         /* 1.5 increased font size for icon-large * 1.25 width */
 131         width: 1.5*1.25em;
 132     }
 133 }
 134
 135 li[class^="icon-"],
 136 li[class*=" icon-"] {
 137     margin-left: 0;
 138     list-style-type: none;
 139
 140     &:before {
 141         text-indent: -2em;
 142         text-align: center;
 143     }
 144     &.icon-large:before {
 145         text-indent: -4/3em;
 146     }
 147 }
 148
 149 /*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 150     readers do not read off random characters that represent icons */
 151 .icon-glass:before              { content: "\f000"; }
 152 .icon-music:before              { content: "\f001"; }
 153 .icon-search:before             { content: "\f002"; }
 154 .icon-envelope:before           { content: "\f003"; }
 155 .icon-heart:before              { content: "\f004"; }
 156 .icon-star:before               { content: "\f005"; }
 157 .icon-star-empty:before         { content: "\f006"; }
 158 .icon-user:before               { content: "\f007"; }
 159 .icon-film:before               { content: "\f008"; }
 160 .icon-th-large:before           { content: "\f009"; }
 161 .icon-th:before                 { content: "\f00a"; }
 162 .icon-th-list:before            { content: "\f00b"; }
 163 .icon-ok:before                 { content: "\f00c"; }
 164 .icon-remove:before             { content: "\f00d"; }
 165 .icon-zoom-in:before            { content: "\f00e"; }
 166
 167 .icon-zoom-out:before           { content: "\f010"; }
 168 .icon-off:before                { content: "\f011"; }
 169 .icon-signal:before             { content: "\f012"; }
 170 .icon-cog:before                { content: "\f013"; }
 171 .icon-trash:before              { content: "\f014"; }
 172 .icon-home:before               { content: "\f015"; }
 173 .icon-file:before               { content: "\f016"; }
 174 .icon-time:before               { content: "\f017"; }
 175 .icon-road:before               { content: "\f018"; }
 176 .icon-download-alt:before       { content: "\f019"; }
 177 .icon-download:before           { content: "\f01a"; }
 178 .icon-upload:before             { content: "\f01b"; }
 179 .icon-inbox:before              { content: "\f01c"; }
 180 .icon-play-circle:before        { content: "\f01d"; }
 181 .icon-repeat:before             { content: "\f01e"; }
 182
 183 /* \f020 is not a valid unicode character. all shifted one down */
 184 .icon-refresh:before            { content: "\f021"; }
 185 .icon-list-alt:before           { content: "\f022"; }
 186 .icon-lock:before               { content: "\f023"; }
 187 .icon-flag:before               { content: "\f024"; }
 188 .icon-headphones:before         { content: "\f025"; }
 189 .icon-volume-off:before         { content: "\f026"; }
 190 .icon-volume-down:before        { content: "\f027"; }
 191 .icon-volume-up:before          { content: "\f028"; }
 192 .icon-qrcode:before             { content: "\f029"; }
 193 .icon-barcode:before            { content: "\f02a"; }
 194 .icon-tag:before                { content: "\f02b"; }
 195 .icon-tags:before               { content: "\f02c"; }
 196 .icon-book:before               { content: "\f02d"; }
 197 .icon-bookmark:before           { content: "\f02e"; }
 198 .icon-print:before              { content: "\f02f"; }
 199
 200 .icon-camera:before             { content: "\f030"; }
 201 .icon-font:before               { content: "\f031"; }
 202 .icon-bold:before               { content: "\f032"; }
 203 .icon-italic:before             { content: "\f033"; }
 204 .icon-text-height:before        { content: "\f034"; }
 205 .icon-text-width:before         { content: "\f035"; }
 206 .icon-align-left:before         { content: "\f036"; }
 207 .icon-align-center:before       { content: "\f037"; }
 208 .icon-align-right:before        { content: "\f038"; }
 209 .icon-align-justify:before      { content: "\f039"; }
 210 .icon-list:before               { content: "\f03a"; }
 211 .icon-indent-left:before        { content: "\f03b"; }
 212 .icon-indent-right:before       { content: "\f03c"; }
 213 .icon-facetime-video:before     { content: "\f03d"; }
 214 .icon-picture:before            { content: "\f03e"; }
 215
 216 .icon-pencil:before             { content: "\f040"; }
 217 .icon-map-marker:before         { content: "\f041"; }
 218 .icon-adjust:before             { content: "\f042"; }
 219 .icon-tint:before               { content: "\f043"; }
 220 .icon-edit:before               { content: "\f044"; }
 221 .icon-share:before              { content: "\f045"; }
 222 .icon-check:before              { content: "\f046"; }
 223 .icon-move:before               { content: "\f047"; }
 224 .icon-step-backward:before      { content: "\f048"; }
 225 .icon-fast-backward:before      { content: "\f049"; }
 226 .icon-backward:before           { content: "\f04a"; }
 227 .icon-play:before               { content: "\f04b"; }
 228 .icon-pause:before              { content: "\f04c"; }
 229 .icon-stop:before               { content: "\f04d"; }
 230 .icon-forward:before            { content: "\f04e"; }
 231
 232 .icon-fast-forward:before       { content: "\f050"; }
 233 .icon-step-forward:before       { content: "\f051"; }
 234 .icon-eject:before              { content: "\f052"; }
 235 .icon-chevron-left:before       { content: "\f053"; }
 236 .icon-chevron-right:before      { content: "\f054"; }
 237 .icon-plus-sign:before          { content: "\f055"; }
 238 .icon-minus-sign:before         { content: "\f056"; }
 239 .icon-remove-sign:before        { content: "\f057"; }
 240 .icon-ok-sign:before            { content: "\f058"; }
 241 .icon-question-sign:before      { content: "\f059"; }
 242 .icon-info-sign:before          { content: "\f05a"; }
 243 .icon-screenshot:before         { content: "\f05b"; }
 244 .icon-remove-circle:before      { content: "\f05c"; }
 245 .icon-ok-circle:before          { content: "\f05d"; }
 246 .icon-ban-circle:before         { content: "\f05e"; }
 247
 248 .icon-arrow-left:before         { content: "\f060"; }
 249 .icon-arrow-right:before        { content: "\f061"; }
 250 .icon-arrow-up:before           { content: "\f062"; }
 251 .icon-arrow-down:before         { content: "\f063"; }
 252 .icon-share-alt:before          { content: "\f064"; }
 253 .icon-resize-full:before        { content: "\f065"; }
 254 .icon-resize-small:before       { content: "\f066"; }
 255 .icon-plus:before               { content: "\f067"; }
 256 .icon-minus:before              { content: "\f068"; }
 257 .icon-asterisk:before           { content: "\f069"; }
 258 .icon-exclamation-sign:before   { content: "\f06a"; }
 259 .icon-gift:before               { content: "\f06b"; }
 260 .icon-leaf:before               { content: "\f06c"; }
 261 .icon-fire:before               { content: "\f06d"; }
 262 .icon-eye-open:before           { content: "\f06e"; }
 263
 264 .icon-eye-close:before          { content: "\f070"; }
 265 .icon-warning-sign:before       { content: "\f071"; }
 266 .icon-plane:before              { content: "\f072"; }
 267 .icon-calendar:before           { content: "\f073"; }
 268 .icon-random:before             { content: "\f074"; }
 269 .icon-comment:before            { content: "\f075"; }
 270 .icon-magnet:before             { content: "\f076"; }
 271 .icon-chevron-up:before         { content: "\f077"; }
 272 .icon-chevron-down:before       { content: "\f078"; }
 273 .icon-retweet:before            { content: "\f079"; }
 274 .icon-shopping-cart:before      { content: "\f07a"; }
 275 .icon-folder-close:before       { content: "\f07b"; }
 276 .icon-folder-open:before        { content: "\f07c"; }
 277 .icon-resize-vertical:before    { content: "\f07d"; }
 278 .icon-resize-horizontal:before  { content: "\f07e"; }
 279
 280 .icon-bar-chart:before          { content: "\f080"; }
 281 .icon-twitter-sign:before       { content: "\f081"; }
 282 .icon-facebook-sign:before      { content: "\f082"; }
 283 .icon-camera-retro:before       { content: "\f083"; }
 284 .icon-key:before                { content: "\f084"; }
 285 .icon-cogs:before               { content: "\f085"; }
 286 .icon-comments:before           { content: "\f086"; }
 287 .icon-thumbs-up:before          { content: "\f087"; }
 288 .icon-thumbs-down:before        { content: "\f088"; }
 289 .icon-star-half:before          { content: "\f089"; }
 290 .icon-heart-empty:before        { content: "\f08a"; }
 291 .icon-signout:before            { content: "\f08b"; }
 292 .icon-linkedin-sign:before      { content: "\f08c"; }
 293 .icon-pushpin:before            { content: "\f08d"; }
 294 .icon-external-link:before      { content: "\f08e"; }
 295
 296 .icon-signin:before             { content: "\f090"; }
 297 .icon-trophy:before             { content: "\f091"; }
 298 .icon-github-sign:before        { content: "\f092"; }
 299 .icon-upload-alt:before         { content: "\f093"; }
 300 .icon-lemon:before              { content: "\f094"; }