diff --git a/.gitignore b/.gitignore index 784a6d2a59..0ea098e655 100644 --- a/.gitignore +++ b/.gitignore @@ -9,5 +9,3 @@ framework.sublime-project framework.sublime-workspace UserInterfaceState.xcuserstate - -dist/* diff --git a/dist/ionic.css b/dist/ionic.css new file mode 100644 index 0000000000..f85594e84c --- /dev/null +++ b/dist/ionic.css @@ -0,0 +1,2117 @@ +@charset "UTF-8"; +.platform-ios7 .bar { + height: 64px; } + .platform-ios7 .bar .title { + line-height: 84px; } +.platform-ios7 .has-header { + top: 64px; } + +/** +* Adapted from normalize.css and some reset.css. We don't care even one +* bit about old IE, so we don't need any hacks for that in here. +* +* There are probably other things we could remove here, as well. +* +* normalize.css v2.1.2 | MIT License | git.io/normalize +*/ +/** + * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) + * http://cssreset.com + */ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + vertical-align: baseline; + font: inherit; + font-size: 100%; } + +ol, ul { + list-style: none; } + +blockquote, q { + quotes: none; } + +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; } + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ +audio:not([controls]) { + display: none; + height: 0; } + +/** + * Hide the `template` element in IE, Safari, and Firefox < 22. + */ +[hidden], +template { + display: none; } + +script { + display: none !important; } + +/* ========================================================================== + Base + ========================================================================== */ +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS text size adjust after orientation change, without disabling + * user zoom. + */ +html { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + font-family: sans-serif; + /* 1 */ + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + /* 2 */ + -webkit-text-size-adjust: 100%; + /* 2 */ } + +/** + * Remove default margin. + */ +body { + margin: 0; + line-height: 1; } + +/* * + * Remove tap highlight color on Safari + */ +a { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } + +/** + * Address `outline` inconsistency between Chrome and other browsers. + */ +a:focus { + outline: thin dotted; } + +/** + * Improve readability when focused and also mouse hovered in all browsers. + */ +a:active, +a:hover { + outline: 0; } + +/* ========================================================================== + Typography + ========================================================================== */ +/** + * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. + */ +b, +strong { + font-weight: bold; } + +/** + * Address styling not present in Safari 5 and Chrome. + */ +dfn { + font-style: italic; } + +/** + * Address differences between Firefox and other browsers. + */ +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; } + +/** + * Correct font family set oddly in Safari 5 and Chrome. + */ +code, +kbd, +pre, +samp { + font-size: 1em; + font-family: monospace, serif; } + +/** + * Improve readability of pre-formatted text in all browsers. + */ +pre { + white-space: pre-wrap; } + +/** + * Set consistent quote types. + */ +q { + quotes: "\201C" "\201D" "\2018" "\2019"; } + +/** + * Address inconsistent and variable font size in all browsers. + */ +small { + font-size: 80%; } + +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ +sub, +sup { + position: relative; + vertical-align: baseline; + font-size: 75%; + line-height: 0; } + +sup { + top: -0.5em; } + +sub { + bottom: -0.25em; } + +/** + * Define consistent border, margin, and padding. + */ +fieldset { + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; + border: 1px solid silver; } + +/** + * 1. Correct `color` not being inherited in IE 8/9. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ +legend { + padding: 0; + /* 2 */ + border: 0; + /* 1 */ } + +/** + * 1. Correct font family not being inherited in all browsers. + * 2. Correct font size not being inherited in all browsers. + * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. + */ +button, +input, +select, +textarea { + margin: 0; + /* 3 */ + font-size: 100%; + /* 2 */ + font-family: inherit; + /* 1 */ } + +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ +button, +input { + line-height: normal; } + +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. + * Correct `select` style inheritance in Firefox 4+ and Opera. + */ +button, +select { + text-transform: none; } + +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + */ +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + cursor: pointer; + /* 3 */ + -webkit-appearance: button; + /* 2 */ } + +/** + * Re-set default cursor for disabled elements. + */ +button[disabled], +html input[disabled] { + cursor: default; } + +/** + * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome + * (include `-moz` to future-proof). + */ +input[type="search"] { + -webkit-box-sizing: content-box; + /* 2 */ + -moz-box-sizing: content-box; + box-sizing: content-box; + -webkit-appearance: textfield; + /* 1 */ } + +/** + * Remove inner padding and search cancel button in Safari 5 and Chrome + * on OS X. + */ +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +/** + * Remove inner padding and border in Firefox 4+. + */ +button::-moz-focus-inner, +input::-moz-focus-inner { + padding: 0; + border: 0; } + +/** + * 1. Remove default vertical scrollbar in IE 8/9. + * 2. Improve readability and alignment in all browsers. + */ +textarea { + overflow: auto; + /* 1 */ + vertical-align: top; + /* 2 */ } + +/* ========================================================================== + Tables + ========================================================================== */ +/** + * Remove most spacing between table cells. + */ +table { + border-spacing: 0; + border-collapse: collapse; } + +*, +*:before, +*:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + +body { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + overflow: hidden; + margin: 0; + padding: 0; + word-wrap: break-word; + font-size: 14px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + line-height: 20px; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + -webkit-text-size-adjust: none; + text-size-adjust: none; + -webkit-tap-highlight-color: transparent; + -webkit-overflow-scrolling: touch; } + +.view { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; } + +.content { + position: fixed; + right: 0; + bottom: 0; + left: 0; + overflow: auto; } + +/* Hack to force all relatively and absolutely positioned elements still render while scrolling + Note: This is a bug for "-webkit-overflow-scrolling: touch" (via ratchet) */ +.content > * { + -webkit-transform: translateZ(0px); + transform: translateZ(0px); } + +.has-header { + top: 44px; } + +.has-footer { + bottom: 44px; } + +.has-tabs { + bottom: 49px; } + +.page, .full-section { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + overflow: auto; + width: 100%; + height: 100%; + background-color: #fff; + -webkit-overflow-scrolling: touch; } + +.padded { + padding: 10px; } + +.inset { + margin: 10px; } + +.rounded { + border-radius: 4px; } + +.container { + margin-right: auto; + margin-left: auto; + padding-left: 15px; + padding-right: 15px; + *zoom: 1; } + .container:before, .container:after { + display: table; + content: ""; + line-height: 0; } + .container:after { + clear: both; } + +.row { + margin-left: -15px; + margin-right: -15px; + *zoom: 1; } + .row:before, .row:after { + display: table; + content: ""; + line-height: 0; } + .row:after { + clear: both; } + +.col-xs-1, +.col-xs-2, +.col-xs-3, +.col-xs-4, +.col-xs-5, +.col-xs-6, +.col-xs-7, +.col-xs-8, +.col-xs-9, +.col-xs-10, +.col-xs-11, +.col-xs-12, +.col-sm-1, +.col-sm-2, +.col-sm-3, +.col-sm-4, +.col-sm-5, +.col-sm-6, +.col-sm-7, +.col-sm-8, +.col-sm-9, +.col-sm-10, +.col-sm-11, +.col-sm-12, +.col-md-1, +.col-md-2, +.col-md-3, +.col-md-4, +.col-md-5, +.col-md-6, +.col-md-7, +.col-md-8, +.col-md-9, +.col-md-10, +.col-md-11, +.col-md-12, +.col-lg-1, +.col-lg-2, +.col-lg-3, +.col-lg-4, +.col-lg-5, +.col-lg-6, +.col-lg-7, +.col-lg-8, +.col-lg-9, +.col-lg-10, +.col-lg-11, +.col-lg-12 { + position: relative; + padding-right: 15px; + padding-left: 15px; + min-height: 1px; } + +.col-xs-1, +.col-xs-2, +.col-xs-3, +.col-xs-4, +.col-xs-5, +.col-xs-6, +.col-xs-7, +.col-xs-8, +.col-xs-9, +.col-xs-10, +.col-xs-11 { + float: left; } + +.col-xs-1 { + width: 8.33333%; } + +.col-xs-2 { + width: 16.66667%; } + +.col-xs-3 { + width: 25%; } + +.col-xs-4 { + width: 33.33333%; } + +.col-xs-5 { + width: 41.66667%; } + +.col-xs-6 { + width: 50%; } + +.col-xs-7 { + width: 58.33333%; } + +.col-xs-8 { + width: 66.66667%; } + +.col-xs-9 { + width: 75%; } + +.col-xs-10 { + width: 83.33333%; } + +.col-xs-11 { + width: 91.66667%; } + +.col-xs-12 { + width: 100%; } + +@media (min-width: 768px) { + .container { + max-width: 750px; } + + .col-sm-1, + .col-sm-2, + .col-sm-3, + .col-sm-4, + .col-sm-5, + .col-sm-6, + .col-sm-7, + .col-sm-8, + .col-sm-9, + .col-sm-10, + .col-sm-11 { + float: left; } + + .col-sm-1 { + width: 8.33333%; } + + .col-sm-2 { + width: 16.66667%; } + + .col-sm-3 { + width: 25%; } + + .col-sm-4 { + width: 33.33333%; } + + .col-sm-5 { + width: 41.66667%; } + + .col-sm-6 { + width: 50%; } + + .col-sm-7 { + width: 58.33333%; } + + .col-sm-8 { + width: 66.66667%; } + + .col-sm-9 { + width: 75%; } + + .col-sm-10 { + width: 83.33333%; } + + .col-sm-11 { + width: 91.66667%; } + + .col-sm-12 { + width: 100%; } + + .col-sm-push-1 { + left: 8.33333%; } + + .col-sm-push-2 { + left: 16.66667%; } + + .col-sm-push-3 { + left: 25%; } + + .col-sm-push-4 { + left: 33.33333%; } + + .col-sm-push-5 { + left: 41.66667%; } + + .col-sm-push-6 { + left: 50%; } + + .col-sm-push-7 { + left: 58.33333%; } + + .col-sm-push-8 { + left: 66.66667%; } + + .col-sm-push-9 { + left: 75%; } + + .col-sm-push-10 { + left: 83.33333%; } + + .col-sm-push-11 { + left: 91.66667%; } + + .col-sm-pull-1 { + right: 8.33333%; } + + .col-sm-pull-2 { + right: 16.66667%; } + + .col-sm-pull-3 { + right: 25%; } + + .col-sm-pull-4 { + right: 33.33333%; } + + .col-sm-pull-5 { + right: 41.66667%; } + + .col-sm-pull-6 { + right: 50%; } + + .col-sm-pull-7 { + right: 58.33333%; } + + .col-sm-pull-8 { + right: 66.66667%; } + + .col-sm-pull-9 { + right: 75%; } + + .col-sm-pull-10 { + right: 83.33333%; } + + .col-sm-pull-11 { + right: 91.66667%; } + + .col-sm-offset-1 { + margin-left: 8.33333%; } + + .col-sm-offset-2 { + margin-left: 16.66667%; } + + .col-sm-offset-3 { + margin-left: 25%; } + + .col-sm-offset-4 { + margin-left: 33.33333%; } + + .col-sm-offset-5 { + margin-left: 41.66667%; } + + .col-sm-offset-6 { + margin-left: 50%; } + + .col-sm-offset-7 { + margin-left: 58.33333%; } + + .col-sm-offset-8 { + margin-left: 66.66667%; } + + .col-sm-offset-9 { + margin-left: 75%; } + + .col-sm-offset-10 { + margin-left: 83.33333%; } + + .col-sm-offset-11 { + margin-left: 91.66667%; } } +@media (min-width: 992px) { + .container { + max-width: 970px; } + + .col-md-1, + .col-md-2, + .col-md-3, + .col-md-4, + .col-md-5, + .col-md-6, + .col-md-7, + .col-md-8, + .col-md-9, + .col-md-10, + .col-md-11 { + float: left; } + + .col-md-1 { + width: 8.33333%; } + + .col-md-2 { + width: 16.66667%; } + + .col-md-3 { + width: 25%; } + + .col-md-4 { + width: 33.33333%; } + + .col-md-5 { + width: 41.66667%; } + + .col-md-6 { + width: 50%; } + + .col-md-7 { + width: 58.33333%; } + + .col-md-8 { + width: 66.66667%; } + + .col-md-9 { + width: 75%; } + + .col-md-10 { + width: 83.33333%; } + + .col-md-11 { + width: 91.66667%; } + + .col-md-12 { + width: 100%; } + + .col-md-push-0 { + left: auto; } + + .col-md-push-1 { + left: 8.33333%; } + + .col-md-push-2 { + left: 16.66667%; } + + .col-md-push-3 { + left: 25%; } + + .col-md-push-4 { + left: 33.33333%; } + + .col-md-push-5 { + left: 41.66667%; } + + .col-md-push-6 { + left: 50%; } + + .col-md-push-7 { + left: 58.33333%; } + + .col-md-push-8 { + left: 66.66667%; } + + .col-md-push-9 { + left: 75%; } + + .col-md-push-10 { + left: 83.33333%; } + + .col-md-push-11 { + left: 91.66667%; } + + .col-md-pull-0 { + right: auto; } + + .col-md-pull-1 { + right: 8.33333%; } + + .col-md-pull-2 { + right: 16.66667%; } + + .col-md-pull-3 { + right: 25%; } + + .col-md-pull-4 { + right: 33.33333%; } + + .col-md-pull-5 { + right: 41.66667%; } + + .col-md-pull-6 { + right: 50%; } + + .col-md-pull-7 { + right: 58.33333%; } + + .col-md-pull-8 { + right: 66.66667%; } + + .col-md-pull-9 { + right: 75%; } + + .col-md-pull-10 { + right: 83.33333%; } + + .col-md-pull-11 { + right: 91.66667%; } + + .col-md-offset-0 { + margin-left: 0; } + + .col-md-offset-1 { + margin-left: 8.33333%; } + + .col-md-offset-2 { + margin-left: 16.66667%; } + + .col-md-offset-3 { + margin-left: 25%; } + + .col-md-offset-4 { + margin-left: 33.33333%; } + + .col-md-offset-5 { + margin-left: 41.66667%; } + + .col-md-offset-6 { + margin-left: 50%; } + + .col-md-offset-7 { + margin-left: 58.33333%; } + + .col-md-offset-8 { + margin-left: 66.66667%; } + + .col-md-offset-9 { + margin-left: 75%; } + + .col-md-offset-10 { + margin-left: 83.33333%; } + + .col-md-offset-11 { + margin-left: 91.66667%; } } +@media (min-width: 1200px) { + .container { + max-width: 1170px; } + + .col-lg-1, + .col-lg-2, + .col-lg-3, + .col-lg-4, + .col-lg-5, + .col-lg-6, + .col-lg-7, + .col-lg-8, + .col-lg-9, + .col-lg-10, + .col-lg-11 { + float: left; } + + .col-lg-1 { + width: 8.33333%; } + + .col-lg-2 { + width: 16.66667%; } + + .col-lg-3 { + width: 25%; } + + .col-lg-4 { + width: 33.33333%; } + + .col-lg-5 { + width: 41.66667%; } + + .col-lg-6 { + width: 50%; } + + .col-lg-7 { + width: 58.33333%; } + + .col-lg-8 { + width: 66.66667%; } + + .col-lg-9 { + width: 75%; } + + .col-lg-10 { + width: 83.33333%; } + + .col-lg-11 { + width: 91.66667%; } + + .col-lg-12 { + width: 100%; } + + .col-lg-push-0 { + left: auto; } + + .col-lg-push-1 { + left: 8.33333%; } + + .col-lg-push-2 { + left: 16.66667%; } + + .col-lg-push-3 { + left: 25%; } + + .col-lg-push-4 { + left: 33.33333%; } + + .col-lg-push-5 { + left: 41.66667%; } + + .col-lg-push-6 { + left: 50%; } + + .col-lg-push-7 { + left: 58.33333%; } + + .col-lg-push-8 { + left: 66.66667%; } + + .col-lg-push-9 { + left: 75%; } + + .col-lg-push-10 { + left: 83.33333%; } + + .col-lg-push-11 { + left: 91.66667%; } + + .col-lg-pull-0 { + right: auto; } + + .col-lg-pull-1 { + right: 8.33333%; } + + .col-lg-pull-2 { + right: 16.66667%; } + + .col-lg-pull-3 { + right: 25%; } + + .col-lg-pull-4 { + right: 33.33333%; } + + .col-lg-pull-5 { + right: 41.66667%; } + + .col-lg-pull-6 { + right: 50%; } + + .col-lg-pull-7 { + right: 58.33333%; } + + .col-lg-pull-8 { + right: 66.66667%; } + + .col-lg-pull-9 { + right: 75%; } + + .col-lg-pull-10 { + right: 83.33333%; } + + .col-lg-pull-11 { + right: 91.66667%; } + + .col-lg-offset-0 { + margin-left: 0; } + + .col-lg-offset-1 { + margin-left: 8.33333%; } + + .col-lg-offset-2 { + margin-left: 16.66667%; } + + .col-lg-offset-3 { + margin-left: 25%; } + + .col-lg-offset-4 { + margin-left: 33.33333%; } + + .col-lg-offset-5 { + margin-left: 41.66667%; } + + .col-lg-offset-6 { + margin-left: 50%; } + + .col-lg-offset-7 { + margin-left: 58.33333%; } + + .col-lg-offset-8 { + margin-left: 66.66667%; } + + .col-lg-offset-9 { + margin-left: 75%; } + + .col-lg-offset-10 { + margin-left: 83.33333%; } + + .col-lg-offset-11 { + margin-left: 91.66667%; } } +p { + margin: 0 0 10px; } + +.lead { + margin-bottom: 20px; + font-size: 16.1px; + font-weight: 200; + line-height: 1.4; } + +small { + font-size: 85%; } + +cite { + font-style: normal; } + +.text-left { + text-align: left; } + +.text-right { + text-align: right; } + +.text-center { + text-align: center; } + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: 500; + line-height: 1.1; } + h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, + .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small { + font-weight: normal; + line-height: 1; } + +h1, +h2, +h3 { + margin-top: 20px; + margin-bottom: 10px; } + +h4, +h5, +h6 { + margin-top: 10px; + margin-bottom: 10px; } + +h1, .h1 { + font-size: 36px; } + +h2, .h2 { + font-size: 30px; } + +h3, .h3 { + font-size: 24px; } + +h4, .h4 { + font-size: 18px; } + +h5, .h5 { + font-size: 14px; } + +h6, .h6 { + font-size: 12px; } + +h1 small, .h1 small { + font-size: 24px; } + +h2 small, .h2 small { + font-size: 18px; } + +h3 small, .h3 small, +h4 small, .h4 small { + font-size: 14px; } + +dl { + margin-bottom: 20px; } + +dt, +dd { + line-height: 1.42857; } + +dt { + font-weight: bold; } + +dd { + margin-left: 0; } + +blockquote { + padding: 10px 20px; + margin: 0 0 20px; + border-left: 5px solid gray; } + blockquote p { + font-size: 17.5px; + font-weight: 300; + line-height: 1.25; } + blockquote p:last-child { + margin-bottom: 0; } + blockquote small { + display: block; + line-height: 1.42857; } + blockquote small:before { + content: '\2014 \00A0'; } + blockquote.pull-right { + padding-right: 15px; + padding-left: 0; + border-right: 5px solid gray; + border-left: 0; } + blockquote.pull-right p, + blockquote.pull-right small { + text-align: right; } + blockquote.pull-right small:before { + content: ''; } + blockquote.pull-right small:after { + content: '\00A0 \2014'; } + +q:before, +q:after, +blockquote:before, +blockquote:after { + content: ""; } + +address { + display: block; + margin-bottom: 20px; + font-style: normal; + line-height: 1.42857; } + +.bar { + position: fixed; + left: 0; + right: 0; + z-index: 10; + display: -webkit-box; + display: box; + width: 100%; + height: 44px; + padding: 5px; + box-sizing: border-box; + background-color: white; + border-style: solid; + border-width: 0; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; } + .bar.bar-header { + border-bottom-width: 1px; } + .bar.bar-footer { + border-top-width: 1px; } + .bar.bar-default { + background-color: white; + border-color: #dddddd; + color: #333333; } + .bar.bar-secondary { + background-color: whitesmoke; + border-color: #cccccc; + color: #333333; } + .bar.bar-primary { + background-color: #6999e9; + border-color: #5981c5; + color: white; } + .bar.bar-info { + background-color: #60d2e6; + border-color: #51b3c4; + color: white; } + .bar.bar-success { + background-color: #89c163; + border-color: #71a052; + color: white; } + .bar.bar-warning { + background-color: #f0b840; + border-color: #cf9a29; + color: white; } + .bar.bar-danger { + background-color: #de5645; + border-color: #bc4435; + color: white; } + .bar.bar-dark { + background-color: #444444; + border-color: #111111; + color: white; } + .bar .title { + position: absolute; + z-index: 0; + top: 0; + left: 0; + right: 0; + line-height: 44px; + margin: 0; + min-width: 30px; + text-overflow: ellipsis; + text-align: center; + white-space: nowrap; + font-size: 18px; } + .bar .title a { + color: inherit; } + .bar .button { + box-flex: 1; + -webkit-box-flex: 0; + -moz-box-flex: 0; + background-color: transparent; + line-height: 23px; + font-size: 12px; + padding: 4px 12px; + z-index: 1; } + .bar .button-bar { + line-height: 18px; } + .bar .button-bar + .button, .bar .button + .button-bar { + margin-left: 5px; } + .bar .title + .button:last-child, + .bar > .button + .button:last-child, + .bar > .button.pull-right, + .bar .title + .buttons { + position: absolute; + top: 5px; + right: 5px; } + +.bar-default .button { + color: #333333; + background-color: white; + border-color: #dddddd; } + .bar-default .button:hover { + color: #333333; + text-decoration: none; } + .bar-default .button.active, .bar-default .button:active { + background-color: #ebebeb; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); + border-color: #c4c4c4; } + +.bar-secondary .button { + color: #333333; + background-color: whitesmoke; + border-color: #cccccc; } + .bar-secondary .button:hover { + color: #333333; + text-decoration: none; } + .bar-secondary .button.active, .bar-secondary .button:active { + background-color: #e1e1e1; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); + border-color: #b3b3b3; } + +.bar-primary .button { + color: white; + background-color: #6999e9; + border-color: #5981c5; } + .bar-primary .button:hover { + color: white; + text-decoration: none; } + .bar-primary .button.active, .bar-primary .button:active { + background-color: #4581e4; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); + border-color: #3d67ae; } + +.bar-info .button { + color: white; + background-color: #60d2e6; + border-color: #51b3c4; } + .bar-info .button:hover { + color: white; + text-decoration: none; } + .bar-info .button.active, .bar-info .button:active { + background-color: #3dc8e0; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); + border-color: #3998a9; } + +.bar-success .button { + color: white; + background-color: #89c163; + border-color: #71a052; } + .bar-success .button:hover { + color: white; + text-decoration: none; } + .bar-success .button.active, .bar-success .button:active { + background-color: #73b447; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); + border-color: #597e41; } + +.bar-warning .button { + color: white; + background-color: #f0b840; + border-color: #cf9a29; } + .bar-warning .button:hover { + color: white; + text-decoration: none; } + .bar-warning .button.active, .bar-warning .button:active { + background-color: #edaa1a; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); + border-color: #a47a21; } + +.bar-danger .button { + color: white; + background-color: #de5645; + border-color: #bc4435; } + .bar-danger .button:hover { + color: white; + text-decoration: none; } + .bar-danger .button.active, .bar-danger .button:active { + background-color: #d43926; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); + border-color: #94362a; } + +.bar-dark .button { + color: white; + background-color: #444444; + border-color: #111111; } + .bar-dark .button:hover { + color: white; + text-decoration: none; } + .bar-dark .button.active, .bar-dark .button:active { + background-color: #303030; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); + border-color: black; } + +.bar .button-icon { + background-color: transparent; + border: 1px solid transparent; } + +.bar-header { + top: 0; } + +.bar-footer { + bottom: 0; } + +.bar-tabs { + padding: 0; } + +.bar-header-secondary { + top: 44px; + display: block; } + +.bar-footer-secondary { + bottom: 44px; + display: block; } + +/** + * Tabs + * + * A navigation bar with any number of tab items supported. + */ +.tabs { + font-size: 16px; + position: fixed; + bottom: 0; + width: 100%; + height: 49px; + box-orient: horizontal; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + display: -webkit-box; + display: box; + background-color: white; + border-color: #dddddd; + color: #333333; } + .tabs.tabs-default { + background-color: white; + border-color: #dddddd; + color: #333333; } + .tabs.tabs-secondary { + background-color: whitesmoke; + border-color: #cccccc; + color: #333333; } + .tabs.tabs-primary { + background-color: #6999e9; + border-color: #5981c5; + color: white; } + .tabs.tabs-success { + background-color: #89c163; + border-color: #71a052; + color: white; } + .tabs.tabs-info { + background-color: #60d2e6; + border-color: #51b3c4; + color: white; } + .tabs.tabs-warning { + background-color: #f0b840; + border-color: #cf9a29; + color: white; } + .tabs.tabs-danger { + background-color: #de5645; + border-color: #bc4435; + color: white; } + .tabs.tabs-dark { + background-color: #de5645; + border-color: #bc4435; + color: white; } + +.tab-item { + font-weight: 200; + font-family: "Helvetica Neue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; + color: inherit; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; } + .tab-item i { + font-size: 25px; } + +/* Navigational tab */ +.tab-item { + display: block; + width: 0; + height: 100%; + box-flex: 1; + -webkit-box-flex: 1; + -moz-box-flex: 1; + box-sizing: border-box; + text-align: center; + text-decoration: none; } + +/* Active state for tab */ +.tab-item.active, .tab-item:active { + background-color: rgba(0, 0, 0, 0.2); } + +/* Icon for tab */ +.tab-item i { + display: block; + margin: 0 auto; } + +/* Label for tab */ +.tab-label { + margin-top: 1px; + color: #fff; + font-weight: bold; + font-size: 10px; } + +.menu { + position: absolute; + top: 0; + bottom: 0; + z-index: 0; + overflow-y: scroll; + min-height: 100%; + max-height: 100%; + width: 270px; + background-color: #fff; + -webkit-overflow-scrolling: touch; } + +.menu-left { + left: 0; } + +.menu-right { + right: 0; } + +.menu-animated { + -webkit-transition: -webkit-transform 200ms ease; + -moz-transition: -moz-transform 200ms ease; + transition: transform 200ms ease; } + +.list { + margin-bottom: 20px; + padding-left: 0; + color: #333333; + background-color: white; + border-color: #dddddd; } + .list:hover { + color: #333333; + text-decoration: none; } + .list.active, .list:active { + background-color: #ebebeb; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); + border-color: #c4c4c4; } + .list.list-success { + color: white; + background-color: #89c163; + border-color: #89c163; } + .list.list-success:hover { + color: white; + text-decoration: none; } + .list.list-success.active, .list.list-success:active { + background-color: #73b447; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); + border-color: #6fac45; } + +.list-item { + position: relative; + display: block; + margin-bottom: -1px; + padding: 15px 15px; + background-color: white; + border: 1px solid #dddddd; } + .list-item:last-child { + margin-bottom: 0; } + .list-item > .badge { + float: right; } + .list-item > i:last-child { + float: right; } + .list-item > .badge + .badge { + margin-right: 5px; } + .list-item.active, .list-item.active:hover, .list-item.active:focus { + z-index: 2; } + .list-item.active .list-item-heading, .list-item.active:hover .list-item-heading, .list-item.active:focus .list-item-heading { + color: inherit; } + +a.list-item { + color: #333333; + text-decoration: none; } + a.list-item:hover, a.list-item:focus { + text-decoration: none; } + +.list-divider { + padding: 5px 15px; + background-color: whitesmoke; + color: #222222; + font-weight: bold; } + +.list-item-heading { + margin-top: 0; + margin-bottom: 5px; } + +.list-item-text { + margin-bottom: 0; + line-height: 1.3; } + +form { + margin: 0 0 1.42857; } + +fieldset { + margin: 0; + padding: 0; + border: 0; } + +legend { + display: block; + margin-bottom: 1.42857; + padding: 0; + width: 100%; + border: 0; + border-bottom: 1px solid #e5e5e5; + color: #333333; + font-size: 21px; + line-height: 2.85714; } + legend small { + color: #999999; + font-size: 1.07143; } + +label, +input, +button, +select, +textarea { + font-size: 14px; + font-weight: normal; + line-height: 1.42857; } + +input, +button, +select, +textarea { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } + +.input-group { + overflow: hidden; + border-top: 1px solid #cccccc; + border-bottom: 1px solid #cccccc; + background-color: white; } + +.padded > .input-group, +.input-group.inset { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + border-right: 1px solid #cccccc; + border-left: 1px solid #cccccc; } + +.input-group .input-wrapper + .input-wrapper { + border-top: 1px solid #cccccc; } + +.input-group + .input-group { + margin-top: 10px; } + +.input-wrapper { + position: relative; + display: block; + overflow: hidden; + padding: 6px 8px 5px; } + .input-wrapper input { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + margin: 0; + background-color: transparent; + -webkit-appearance: none; } + .input-wrapper .input-label { + font-weight: bold; + line-height: 34px; } + +.input-group.stacked-label, +.input-group.stacked-label .input-wrapper { + border: 0; + background-color: transparent; } + +.input-group.stacked-label input, +.input-group.stacked-label textarea { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + overflow: hidden; + padding: 4px 8px 3px; + border: 1px solid #cccccc; + background-color: white; } + +.input-group.stacked-label input { + height: 46px; } + +.input-wrapper.row { + margin-right: 0; + margin-left: 0; } + .input-wrapper.row [class*='col-'] { + padding-right: 0; + padding-left: 0; } + +select, +textarea, +input[type="text"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="search"], +input[type="tel"], +input[type="color"], +.uneditable-input { + display: inline-block; + height: 34px; + color: #555555; + vertical-align: middle; + font-size: 14px; + line-height: 20px; } + +input, +textarea, +.uneditable-input { + width: 100%; } + +textarea { + height: auto; } + +textarea, +input[type="text"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="search"], +input[type="tel"], +input[type="color"], +.uneditable-input { + border: 0; } + textarea:focus, + input[type="text"]:focus, + input[type="password"]:focus, + input[type="datetime"]:focus, + input[type="datetime-local"]:focus, + input[type="date"]:focus, + input[type="month"]:focus, + input[type="time"]:focus, + input[type="week"]:focus, + input[type="number"]:focus, + input[type="email"]:focus, + input[type="url"]:focus, + input[type="search"]:focus, + input[type="tel"]:focus, + input[type="color"]:focus, + .uneditable-input:focus { + outline: 0; } + +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + line-height: normal; } + +input[type="file"], +input[type="image"], +input[type="submit"], +input[type="reset"], +input[type="button"], +input[type="radio"], +input[type="checkbox"] { + width: auto; } + +select, +input[type="file"] { + line-height: 34px; } + +select { + width: 220px; + border: 1px solid #cccccc; + background-color: white; } + +select[multiple], +select[size] { + height: auto; } + +select:focus, +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted #333333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } + +input:-moz-placeholder, +textarea:-moz-placeholder { + color: #999999; } +input:-ms-input-placeholder, +textarea:-ms-input-placeholder { + color: #999999; } +input::-webkit-input-placeholder, +textarea::-webkit-input-placeholder { + color: #999999; } + +input[type="range"] { + display: block; + margin-top: 20px; + margin-bottom: 20px; + width: auto; + height: 4px; + outline: none; + border-radius: 4px; + background-color: #cccccc; + -webkit-appearance: none !important; } + input[type="range"]::-webkit-slider-thumb { + width: 20px; + height: 20px; + border-radius: 10px; + background-color: white; + box-shadow: 0 0 2px rgba(0, 0, 0, 0.5), 0 5px 6px rgba(0, 0, 0, 0.25); + -webkit-appearance: none !important; } + +input[disabled], +select[disabled], +textarea[disabled], +input[readonly], +select[readonly], +textarea[readonly] { + background-color: #eeeeee; + cursor: not-allowed; } + +input[type="radio"][disabled], +input[type="checkbox"][disabled], +input[type="radio"][readonly], +input[type="checkbox"][readonly] { + background-color: transparent; } + +/* the overall container of the toggle */ +.toggle { + display: inline-block; } + +/* hide the actual checkbox */ +.toggle input { + display: none; } + +/* the background of the toggle's track area */ +/* also the track appearance when the toggle is "off" */ +.toggle .track { + position: relative; + display: inline-block; + box-sizing: border-box; + width: 54px; + height: 32px; + border: solid 2px #dddddd; + border-radius: 20px; + background-color: white; + cursor: pointer; + transition: 0.3s ease; } + +/* the switch (dot) thats inside the toggle's slide area */ +/* also the appearance when the switch is "off" */ +.toggle .switch { + position: absolute; + display: block; + box-shadow: 0 0 2px rgba(0, 0, 0, 0.5), 0 4px 5px rgba(0, 0, 0, 0.25); + border-radius: 20px; + background-color: white; + left: 0; + top: 0; + bottom: 0; + right: 20px; + transition: 0.2s ease; + transition-property: left, right; + transition-delay: 0s, 0.05s; } + +/* When the toggle is "on" */ +.toggle :checked + .track { + /* the track when the toggle is "on" */ + border-color: #4bd863; + background-color: #ccc; + box-shadow: inset 0 0 0 20px #4bd863; + transition: 0s ease; + /* the switch when the toggle is "on" */ } + .toggle :checked + .track .switch { + background-color: white; + right: 0; + left: 20px; + transition-delay: 0.05s, 0s; } + +/* hide a radio button's icon by default */ +.radio-item [class^="icon-"], +.radio-item [class*=" icon-"] { + display: none; } + +.radio-list label.list-item { + cursor: pointer; } + +.radio-list input[type="radio"] { + /* hide any radio button inputs elements (the ugly circles) */ + display: none; + /* when this radio-item is checked */ } + .radio-list input[type="radio"]:checked + .radio-item { + /* show the radio-item icon when checked */ } + .radio-list input[type="radio"]:checked + .radio-item [class^="icon-"], + .radio-list input[type="radio"]:checked + .radio-item [class*=" icon-"] { + position: absolute; + top: 16px; + right: 10px; + display: inline; } + +.button { + position: relative; + display: inline-block; + margin: 0; + padding: 12px 12px; + border-width: 1px; + border-style: solid; + border-radius: 2px; + color: #222222; + vertical-align: middle; + text-align: center; + font-size: 16px; + cursor: pointer; } + .button.button-icon { + border: none; + background: none; + padding: 10px 0px; } + .button.button-clear { + border: none; + background: none; } + .button.button-block { + display: block; + margin: 10px 0 10px 0; } + .button.button-default { + color: #333333; + background-color: white; + border-color: #dddddd; } + .button.button-default:hover { + color: #333333; + text-decoration: none; } + .button.button-default.active, .button.button-default:active { + background-color: #ebebeb; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); + border-color: #c4c4c4; } + .button.button-secondary { + color: #333333; + background-color: whitesmoke; + border-color: #cccccc; } + .button.button-secondary:hover { + color: #333333; + text-decoration: none; } + .button.button-secondary.active, .button.button-secondary:active { + background-color: #e1e1e1; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); + border-color: #b3b3b3; } + .button.button-primary { + color: white; + background-color: #6999e9; + border-color: #5981c5; } + .button.button-primary:hover { + color: white; + text-decoration: none; } + .button.button-primary.active, .button.button-primary:active { + background-color: #4581e4; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); + border-color: #3d67ae; } + .button.button-info { + color: white; + background-color: #60d2e6; + border-color: #51b3c4; } + .button.button-info:hover { + color: white; + text-decoration: none; } + .button.button-info.active, .button.button-info:active { + background-color: #3dc8e0; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); + border-color: #3998a9; } + .button.button-success { + color: white; + background-color: #89c163; + border-color: #71a052; } + .button.button-success:hover { + color: white; + text-decoration: none; } + .button.button-success.active, .button.button-success:active { + background-color: #73b447; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); + border-color: #597e41; } + .button.button-warning { + color: white; + background-color: #f0b840; + border-color: #cf9a29; } + .button.button-warning:hover { + color: white; + text-decoration: none; } + .button.button-warning.active, .button.button-warning:active { + background-color: #edaa1a; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); + border-color: #a47a21; } + .button.button-danger { + color: white; + background-color: #de5645; + border-color: #bc4435; } + .button.button-danger:hover { + color: white; + text-decoration: none; } + .button.button-danger.active, .button.button-danger:active { + background-color: #d43926; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); + border-color: #94362a; } + .button.button-dark { + color: white; + background-color: #444444; + border-color: #111111; } + .button.button-dark:hover { + color: white; + text-decoration: none; } + .button.button-dark.active, .button.button-dark:active { + background-color: #303030; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); + border-color: black; } + .button.button-icon { + border: none; + background: none; } + .button.button-icon:active, .button.button-icon.active { + text-shadow: 0px 0px 10px white; + box-shadow: none; + background: none; } + +a.button { + text-decoration: none; } + +.button-transparent { + background: transparent; } + +.button-borderless [class^="icon-"] { + font-size: 24px; } + +.button-group { + position: relative; + display: inline-block; + vertical-align: middle; } + .button-group > .button { + position: relative; + float: left; } + .button-group > .button:hover, .button-group > .button:focus, .button-group > .button:active, .button-group > .button.active { + z-index: 2; } + .button-group > .button:focus { + outline: none; } + +.button-group .button + .button, +.button-group .button + .button-group, +.button-group .button-group + .button, +.button-group .button-group + .button-group { + margin-left: -1px; } + +.button-group > .button:not(:first-child):not(:last-child) { + border-radius: 0; } + +.button-group > .button:first-child { + margin-left: 0; } + .button-group > .button:first-child:not(:last-child) { + -webkit-border-top-right-radius: 0; + -moz-border-radius-topright: 0; + border-top-right-radius: 0; + -webkit-border-bottom-right-radius: 0; + -moz-border-radius-bottomright: 0; + border-bottom-right-radius: 0; } + +.button-group > .button:last-child:not(:first-child) { + -webkit-border-top-left-radius: 0; + -moz-border-radius-topleft: 0; + border-top-left-radius: 0; + -webkit-border-bottom-left-radius: 0; + -moz-border-radius-bottomleft: 0; + border-bottom-left-radius: 0; } + +.button-group > .button-group { + float: left; } + +.button-group > .button-group:not(:first-child):not(:last-child) > .button { + border-radius: 0; } + +.button-group > .button-group:first-child > .button:last-child, +.button-group > .button-group:first-child > .dropdown-toggle { + -webkit-border-top-right-radius: 0; + -moz-border-radius-topright: 0; + border-top-right-radius: 0; + -webkit-border-bottom-right-radius: 0; + -moz-border-radius-bottomright: 0; + border-bottom-right-radius: 0; } + +.button-group > .button-group:last-child > .button:first-child { + -webkit-border-top-left-radius: 0; + -moz-border-radius-topleft: 0; + border-top-left-radius: 0; + -webkit-border-bottom-left-radius: 0; + -moz-border-radius-bottomleft: 0; + border-bottom-left-radius: 0; } + +.button-bar { + box-flex: 1; + -webkit-box-flex: 1; + -moz-box-flex: 1; + box-orient: horizontal; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + display: -webkit-box; + display: box; } + +.button-bar > .button { + box-flex: 1; + -webkit-box-flex: 1; + -moz-box-flex: 1; + display: block; + overflow: hidden; + padding: 8px 16px; + border-width: 1px 0px 1px 1px; + border-radius: 0; + text-align: center; + text-overflow: ellipsis; + white-space: nowrap; + line-height: 15px; } + .button-bar > .button:last-child { + border-right-width: 1px; } + +.buttons { + box-flex: 1; + -webkit-box-flex: 1; + -moz-box-flex: 1; + box-orient: horizontal; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + display: -webkit-box; + display: box; } + +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: 12px; + font-weight: bold; + color: white; + line-height: 1; + vertical-align: baseline; + white-space: nowrap; + text-align: center; + background-color: #999999; + border-radius: 10px; } + .badge:empty { + display: none; } + +.button .badge { + position: relative; + top: -1px; } + +.alert { + padding: 8px 35px 8px 14px; + border: 1px solid #fbeed5; + background-color: #fcf8e3; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } + +.alert, +.alert h4 { + color: #c09853; } + +.alert .close { + position: relative; + top: -2px; + right: -21px; + line-height: 1.42857; } + +.alert-block { + padding-top: 14px; + padding-bottom: 14px; } + +.alert-block > p, +.alert-block > ul { + margin-bottom: 0; } + +.alert-block p + p { + margin-top: 5px; } + +.alert-success { + border-color: #d6e9c6; + background-color: #dff0d8; + color: #468847; } + +.alert-success h4 { + color: #468847; } + +.alert-danger, +.alert-error { + border-color: #eed3d7; + background-color: #f2dede; + color: #b94a48; } + +.alert-danger h4, +.alert-error h4 { + color: #b94a48; } + +.alert-info { + border-color: #bce8f1; + background-color: #d9edf7; + color: #3a87ad; } + +.alert-info h4 { + color: #3a87ad; } + +.slide-in-up.enter { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + -webkit-transition: -webkit-transform 0.25s ease-in-out, opacity 1ms 0.25s; + transition: transform 0.25s ease-in-out, opacity 1ms 0.25s; } diff --git a/dist/ionicons.css b/dist/ionicons.css new file mode 100644 index 0000000000..4359f14ee3 --- /dev/null +++ b/dist/ionicons.css @@ -0,0 +1,1450 @@ +/* + * Ionicons 0.0.1 + * + * CSS structure inspired by + * Font Awesome 3.2.1 + * the iconic font designed for Bootstrap + * ------------------------------------------------------------------------------ + * The full suite of pictographic icons, examples, and documentation can be + * found at http://fontawesome.io. Stay up to date on Twitter at + * http://twitter.com/fontawesome. + * + * License + * ------------------------------------------------------------------------------ + * - The Font Awesome font is licensed under SIL OFL 1.1 - + * http://scripts.sil.org/OFL + * - Font Awesome CSS, LESS, and SASS files are licensed under MIT License - + * http://opensource.org/licenses/mit-license.html + * - Font Awesome documentation licensed under CC BY 3.0 - + * http://creativecommons.org/licenses/by/3.0/ + * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: + * "Font Awesome by Dave Gandy - http://fontawesome.io" + * + * Author - Dave Gandy + * ------------------------------------------------------------------------------ + * Email: dave@fontawesome.io + * Twitter: http://twitter.com/davegandy + * Work: Lead Product Designer @ Kyruus - http://kyruus.com + */ +/* FONT PATH + * -------------------------- */ +@font-face { + font-family: 'Ionicon'; + src: url("../ionicons/font/ionicon-webfont.eot?v=0.0.1"); + src: url("../ionicons/font/ionicon-webfont.eot?#iefix&v=0.0.1") format("embedded-opentype"), url("../ionicons/font/ionicon-webfont.woff?v=0.0.1") format("woff"), url("../ionicons/font/ionicon-webfont.ttf?v=0.0.1") format("truetype"), url("../ionicons/font/ionicon-webfont.svg#ioniconsregular?v=0.0.1") format("svg"); + font-weight: normal; + font-style: normal; } + +/* FONT AWESOME CORE + * -------------------------- */ +[class^="icon-"], +[class*=" icon-"] { + font-family: Ionicon; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + *margin-right: .3em; } + +[class^="icon-"]:before, +[class*=" icon-"]:before { + text-decoration: inherit; + display: inline-block; + speak: none; } + +/* makes the font 33% larger relative to the icon container */ +.icon-large:before { + vertical-align: -10%; + font-size: 1.33333em; } + +/* makes sure icons active on rollover in links */ +a [class^="icon-"], +a [class*=" icon-"] { + display: inline; } + +/* increased font size for icon-large */ +[class^="icon-"].icon-fixed-width, +[class*=" icon-"].icon-fixed-width { + display: inline-block; + width: 1.14286em; + text-align: right; + padding-right: 0.28571em; } + [class^="icon-"].icon-fixed-width.icon-large, + [class*=" icon-"].icon-fixed-width.icon-large { + width: 1.42857em; } + +.icons-ul { + margin-left: 2.14286em; + list-style-type: none; } + .icons-ul > li { + position: relative; } + .icons-ul .icon-li { + position: absolute; + left: -2.14286em; + width: 2.14286em; + text-align: center; + line-height: inherit; } + +[class^="icon-"].hide, +[class*=" icon-"].hide { + display: none; } + +.icon-muted { + color: #eeeeee; } + +.icon-light { + color: white; } + +.icon-dark { + color: #333333; } + +.icon-border { + border: solid 1px #eeeeee; + padding: 0.2em 0.25em 0.15em; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } + +.icon-2x { + font-size: 2em; } + .icon-2x.icon-border { + border-width: 2px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } + +.icon-3x { + font-size: 3em; } + .icon-3x.icon-border { + border-width: 3px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; } + +.icon-4x { + font-size: 4em; } + .icon-4x.icon-border { + border-width: 4px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; } + +.icon-5x { + font-size: 5em; } + .icon-5x.icon-border { + border-width: 5px; + -webkit-border-radius: 7px; + -moz-border-radius: 7px; + border-radius: 7px; } + +.pull-right { + float: right; } + +.pull-left { + float: left; } + +[class^="icon-"].pull-left, +[class*=" icon-"].pull-left { + margin-right: .3em; } +[class^="icon-"].pull-right, +[class*=" icon-"].pull-right { + margin-left: .3em; } + +/* IONIC SPECIFIC CLASSES + * -------------------------- */ +/* Bootstrap 2.0 sprites.less reset */ +[class^="icon-"], +[class*=" icon-"] { + display: inline; + margin-top: 0; + width: auto; + height: auto; + background-image: none; + background-position: 0% 0%; + background-repeat: repeat; + vertical-align: baseline; + line-height: normal; } + +.placeholder-icon input { + padding-left: 20px !important; } +.placeholder-icon:before { + position: absolute; + display: block; + color: #aaaaaa; + top: 16px; } + +.stacked-label .placeholder-icon input { + padding-left: 30px !important; } +.stacked-label .placeholder-icon:before { + position: absolute; + display: block; + color: #aaaaaa; + top: 57px; + left: 18px; } + +/* keeps Bootstrap styles with and without icons the same */ +.btn [class^="icon-"].icon-large, +.btn [class*=" icon-"].icon-large, .nav [class^="icon-"].icon-large, +.nav [class*=" icon-"].icon-large { + line-height: .9em; } +.btn [class^="icon-"].icon-spin, +.btn [class*=" icon-"].icon-spin, .nav [class^="icon-"].icon-spin, +.nav [class*=" icon-"].icon-spin { + display: inline-block; } + +.nav-tabs [class^="icon-"], .nav-tabs [class^="icon-"].icon-large, +.nav-tabs [class*=" icon-"], +.nav-tabs [class*=" icon-"].icon-large, .nav-pills [class^="icon-"], .nav-pills [class^="icon-"].icon-large, +.nav-pills [class*=" icon-"], +.nav-pills [class*=" icon-"].icon-large { + line-height: .9em; } + +.btn [class^="icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x, +.btn [class*=" icon-"].pull-left.icon-2x, +.btn [class*=" icon-"].pull-right.icon-2x { + margin-top: .18em; } +.btn [class^="icon-"].icon-spin.icon-large, +.btn [class*=" icon-"].icon-spin.icon-large { + line-height: .8em; } + +.btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x, +.btn.btn-small [class*=" icon-"].pull-left.icon-2x, +.btn.btn-small [class*=" icon-"].pull-right.icon-2x { + margin-top: .25em; } + +.btn.btn-large [class^="icon-"], +.btn.btn-large [class*=" icon-"] { + margin-top: 0; } + .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x, + .btn.btn-large [class*=" icon-"].pull-left.icon-2x, + .btn.btn-large [class*=" icon-"].pull-right.icon-2x { + margin-top: .05em; } + .btn.btn-large [class^="icon-"].pull-left.icon-2x, + .btn.btn-large [class*=" icon-"].pull-left.icon-2x { + margin-right: .2em; } + .btn.btn-large [class^="icon-"].pull-right.icon-2x, + .btn.btn-large [class*=" icon-"].pull-right.icon-2x { + margin-left: .2em; } + +/* Fixes alignment in nav lists */ +.nav-list [class^="icon-"], +.nav-list [class*=" icon-"] { + line-height: inherit; } + +/* EXTRAS + * -------------------------- */ +/* Stacked and layered icon */ +.icon-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: -35%; } + .icon-stack [class^="icon-"], + .icon-stack [class*=" icon-"] { + display: block; + text-align: center; + position: absolute; + width: 100%; + height: 100%; + font-size: 1em; + line-height: inherit; + *line-height: 2em; } + .icon-stack .icon-stack-base { + font-size: 2em; + *line-height: 1em; } + +/* Animated rotating icon */ +.icon-spin { + display: inline-block; + -moz-animation: spin 2s infinite linear; + -o-animation: spin 2s infinite linear; + -webkit-animation: spin 2s infinite linear; + animation: spin 2s infinite linear; } + +/* Prevent stack and spinners from being taken inline when inside a link */ +a .icon-stack, +a .icon-spin { + display: inline-block; + text-decoration: none; } + +@-moz-keyframes spin { + 0% { + -moz-transform: rotate(0deg); } + + 100% { + -moz-transform: rotate(359deg); } } + +@-webkit-keyframes spin { + 0% { + -webkit-transform: rotate(0deg); } + + 100% { + -webkit-transform: rotate(359deg); } } + +@-o-keyframes spin { + 0% { + -o-transform: rotate(0deg); } + + 100% { + -o-transform: rotate(359deg); } } + +@-ms-keyframes spin { + 0% { + -ms-transform: rotate(0deg); } + + 100% { + -ms-transform: rotate(359deg); } } + +@keyframes spin { + 0% { + transform: rotate(0deg); } + + 100% { + transform: rotate(359deg); } } + +/* Icon rotations and mirroring */ +.icon-rotate-90:before { + -webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -ms-transform: rotate(90deg); + -o-transform: rotate(90deg); + transform: rotate(90deg); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } + +.icon-rotate-180:before { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } + +.icon-rotate-270:before { + -webkit-transform: rotate(270deg); + -moz-transform: rotate(270deg); + -ms-transform: rotate(270deg); + -o-transform: rotate(270deg); + transform: rotate(270deg); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } + +.icon-flip-horizontal:before { + -webkit-transform: scale(-1, 1); + -moz-transform: scale(-1, 1); + -ms-transform: scale(-1, 1); + -o-transform: scale(-1, 1); + transform: scale(-1, 1); } + +.icon-flip-vertical:before { + -webkit-transform: scale(1, -1); + -moz-transform: scale(1, -1); + -ms-transform: scale(1, -1); + -o-transform: scale(1, -1); + transform: scale(1, -1); } + +/* ensure rotation occurs inside anchor tags */ +a .icon-rotate-90:before, a .icon-rotate-180:before, a .icon-rotate-270:before, a .icon-flip-horizontal:before, a .icon-flip-vertical:before { + display: inline-block; } + +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + * readers do not read off random characters that represent icons */ +.icon-glass:before { + content: "\f000"; } + +.icon-music:before { + content: "\f001"; } + +.icon-search:before { + content: "\f002"; } + +.icon-envelope-alt:before { + content: "\f003"; } + +.icon-heart:before { + content: "\f004"; } + +.icon-star:before { + content: "\f005"; } + +.icon-star-empty:before { + content: "\f006"; } + +.icon-user:before { + content: "\f007"; } + +.icon-film:before { + content: "\f008"; } + +.icon-th-large:before { + content: "\f009"; } + +.icon-th:before { + content: "\f00a"; } + +.icon-th-list:before { + content: "\f00b"; } + +.icon-ok:before { + content: "\f00c"; } + +.icon-remove:before { + content: "\f00d"; } + +.icon-zoom-in:before { + content: "\f00e"; } + +.icon-zoom-out:before { + content: "\f010"; } + +.icon-power-off:before, +.icon-off:before { + content: "\f011"; } + +.icon-signal:before { + content: "\f012"; } + +.icon-gear:before, +.icon-cog:before { + content: "\f013"; } + +.icon-trash:before { + content: "\f014"; } + +.icon-home:before { + content: "\f015"; } + +.icon-file-alt:before { + content: "\f016"; } + +.icon-time:before { + content: "\f017"; } + +.icon-road:before { + content: "\f018"; } + +.icon-download-alt:before { + content: "\f019"; } + +.icon-download:before { + content: "\f01a"; } + +.icon-upload:before { + content: "\f01b"; } + +.icon-inbox:before { + content: "\f01c"; } + +.icon-play-circle:before { + content: "\f01d"; } + +.icon-rotate-right:before, +.icon-repeat:before { + content: "\f01e"; } + +.icon-refresh:before { + content: "\f021"; } + +.icon-list-alt:before { + content: "\f022"; } + +.icon-lock:before { + content: "\f023"; } + +.icon-flag:before { + content: "\f024"; } + +.icon-headphones:before { + content: "\f025"; } + +.icon-volume-off:before { + content: "\f026"; } + +.icon-volume-down:before { + content: "\f027"; } + +.icon-volume-up:before { + content: "\f028"; } + +.icon-qrcode:before { + content: "\f029"; } + +.icon-barcode:before { + content: "\f02a"; } + +.icon-tag:before { + content: "\f02b"; } + +.icon-tags:before { + content: "\f02c"; } + +.icon-book:before { + content: "\f02d"; } + +.icon-bookmark:before { + content: "\f02e"; } + +.icon-print:before { + content: "\f02f"; } + +.icon-camera:before { + content: "\f030"; } + +.icon-font:before { + content: "\f031"; } + +.icon-bold:before { + content: "\f032"; } + +.icon-italic:before { + content: "\f033"; } + +.icon-text-height:before { + content: "\f034"; } + +.icon-text-width:before { + content: "\f035"; } + +.icon-align-left:before { + content: "\f036"; } + +.icon-align-center:before { + content: "\f037"; } + +.icon-align-right:before { + content: "\f038"; } + +.icon-align-justify:before { + content: "\f039"; } + +.icon-list:before { + content: "\f03a"; } + +.icon-indent-left:before { + content: "\f03b"; } + +.icon-indent-right:before { + content: "\f03c"; } + +.icon-facetime-video:before { + content: "\f03d"; } + +.icon-picture:before { + content: "\f03e"; } + +.icon-pencil:before { + content: "\f040"; } + +.icon-map-marker:before { + content: "\f041"; } + +.icon-adjust:before { + content: "\f042"; } + +.icon-tint:before { + content: "\f043"; } + +.icon-edit:before { + content: "\f044"; } + +.icon-share:before { + content: "\f045"; } + +.icon-check:before { + content: "\f046"; } + +.icon-move:before { + content: "\f047"; } + +.icon-step-backward:before { + content: "\f048"; } + +.icon-fast-backward:before { + content: "\f049"; } + +.icon-backward:before { + content: "\f04a"; } + +.icon-play:before { + content: "\f04b"; } + +.icon-pause:before { + content: "\f04c"; } + +.icon-stop:before { + content: "\f04d"; } + +.icon-forward:before { + content: "\f04e"; } + +.icon-fast-forward:before { + content: "\f050"; } + +.icon-step-forward:before { + content: "\f051"; } + +.icon-eject:before { + content: "\f052"; } + +.icon-chevron-left:before { + content: "\f053"; } + +.icon-chevron-right:before { + content: "\f054"; } + +.icon-plus-sign:before { + content: "\f055"; } + +.icon-minus-sign:before { + content: "\f056"; } + +.icon-remove-sign:before { + content: "\f057"; } + +.icon-ok-sign:before { + content: "\f058"; } + +.icon-question-sign:before { + content: "\f059"; } + +.icon-info-sign:before { + content: "\f05a"; } + +.icon-screenshot:before { + content: "\f05b"; } + +.icon-remove-circle:before { + content: "\f05c"; } + +.icon-ok-circle:before { + content: "\f05d"; } + +.icon-ban-circle:before { + content: "\f05e"; } + +.icon-arrow-left:before { + content: "\f060"; } + +.icon-arrow-right:before { + content: "\f061"; } + +.icon-arrow-up:before { + content: "\f062"; } + +.icon-arrow-down:before { + content: "\f063"; } + +.icon-mail-forward:before, +.icon-share-alt:before { + content: "\f064"; } + +.icon-resize-full:before { + content: "\f065"; } + +.icon-resize-small:before { + content: "\f066"; } + +.icon-plus:before { + content: "\f067"; } + +.icon-minus:before { + content: "\f068"; } + +.icon-asterisk:before { + content: "\f069"; } + +.icon-exclamation-sign:before { + content: "\f06a"; } + +.icon-gift:before { + content: "\f06b"; } + +.icon-leaf:before { + content: "\f06c"; } + +.icon-fire:before { + content: "\f06d"; } + +.icon-eye-open:before { + content: "\f06e"; } + +.icon-eye-close:before { + content: "\f070"; } + +.icon-warning-sign:before { + content: "\f071"; } + +.icon-plane:before { + content: "\f072"; } + +.icon-calendar:before { + content: "\f073"; } + +.icon-random:before { + content: "\f074"; } + +.icon-comment:before { + content: "\f075"; } + +.icon-magnet:before { + content: "\f076"; } + +.icon-chevron-up:before { + content: "\f077"; } + +.icon-chevron-down:before { + content: "\f078"; } + +.icon-retweet:before { + content: "\f079"; } + +.icon-shopping-cart:before { + content: "\f07a"; } + +.icon-folder-close:before { + content: "\f07b"; } + +.icon-folder-open:before { + content: "\f07c"; } + +.icon-resize-vertical:before { + content: "\f07d"; } + +.icon-resize-horizontal:before { + content: "\f07e"; } + +.icon-bar-chart:before { + content: "\f080"; } + +.icon-twitter-sign:before { + content: "\f081"; } + +.icon-facebook-sign:before { + content: "\f082"; } + +.icon-camera-retro:before { + content: "\f083"; } + +.icon-key:before { + content: "\f084"; } + +.icon-gears:before, +.icon-cogs:before { + content: "\f085"; } + +.icon-comments:before { + content: "\f086"; } + +.icon-thumbs-up-alt:before { + content: "\f087"; } + +.icon-thumbs-down-alt:before { + content: "\f088"; } + +.icon-star-half:before { + content: "\f089"; } + +.icon-heart-empty:before { + content: "\f08a"; } + +.icon-signout:before { + content: "\f08b"; } + +.icon-linkedin-sign:before { + content: "\f08c"; } + +.icon-pushpin:before { + content: "\f08d"; } + +.icon-external-link:before { + content: "\f08e"; } + +.icon-signin:before { + content: "\f090"; } + +.icon-trophy:before { + content: "\f091"; } + +.icon-github-sign:before { + content: "\f092"; } + +.icon-upload-alt:before { + content: "\f093"; } + +.icon-lemon:before { + content: "\f094"; } + +.icon-phone:before { + content: "\f095"; } + +.icon-unchecked:before, +.icon-check-empty:before { + content: "\f096"; } + +.icon-bookmark-empty:before { + content: "\f097"; } + +.icon-phone-sign:before { + content: "\f098"; } + +.icon-twitter:before { + content: "\f099"; } + +.icon-facebook:before { + content: "\f09a"; } + +.icon-github:before { + content: "\f09b"; } + +.icon-unlock:before { + content: "\f09c"; } + +.icon-credit-card:before { + content: "\f09d"; } + +.icon-rss:before { + content: "\f09e"; } + +.icon-hdd:before { + content: "\f0a0"; } + +.icon-bullhorn:before { + content: "\f0a1"; } + +.icon-bell:before { + content: "\f0a2"; } + +.icon-certificate:before { + content: "\f0a3"; } + +.icon-hand-right:before { + content: "\f0a4"; } + +.icon-hand-left:before { + content: "\f0a5"; } + +.icon-hand-up:before { + content: "\f0a6"; } + +.icon-hand-down:before { + content: "\f0a7"; } + +.icon-circle-arrow-left:before { + content: "\f0a8"; } + +.icon-circle-arrow-right:before { + content: "\f0a9"; } + +.icon-circle-arrow-up:before { + content: "\f0aa"; } + +.icon-circle-arrow-down:before { + content: "\f0ab"; } + +.icon-globe:before { + content: "\f0ac"; } + +.icon-wrench:before { + content: "\f0ad"; } + +.icon-tasks:before { + content: "\f0ae"; } + +.icon-filter:before { + content: "\f0b0"; } + +.icon-briefcase:before { + content: "\f0b1"; } + +.icon-fullscreen:before { + content: "\f0b2"; } + +.icon-group:before { + content: "\f0c0"; } + +.icon-link:before { + content: "\f0c1"; } + +.icon-cloud:before { + content: "\f0c2"; } + +.icon-beaker:before { + content: "\f0c3"; } + +.icon-cut:before { + content: "\f0c4"; } + +.icon-copy:before { + content: "\f0c5"; } + +.icon-paperclip:before, +.icon-paper-clip:before { + content: "\f0c6"; } + +.icon-save:before { + content: "\f0c7"; } + +.icon-sign-blank:before { + content: "\f0c8"; } + +.icon-reorder:before { + content: "\f0c9"; } + +.icon-list-ul:before { + content: "\f0ca"; } + +.icon-list-ol:before { + content: "\f0cb"; } + +.icon-strikethrough:before { + content: "\f0cc"; } + +.icon-underline:before { + content: "\f0cd"; } + +.icon-table:before { + content: "\f0ce"; } + +.icon-magic:before { + content: "\f0d0"; } + +.icon-truck:before { + content: "\f0d1"; } + +.icon-pinterest:before { + content: "\f0d2"; } + +.icon-pinterest-sign:before { + content: "\f0d3"; } + +.icon-google-plus-sign:before { + content: "\f0d4"; } + +.icon-google-plus:before { + content: "\f0d5"; } + +.icon-money:before { + content: "\f0d6"; } + +.icon-caret-down:before { + content: "\f0d7"; } + +.icon-caret-up:before { + content: "\f0d8"; } + +.icon-caret-left:before { + content: "\f0d9"; } + +.icon-caret-right:before { + content: "\f0da"; } + +.icon-columns:before { + content: "\f0db"; } + +.icon-sort:before { + content: "\f0dc"; } + +.icon-sort-down:before { + content: "\f0dd"; } + +.icon-sort-up:before { + content: "\f0de"; } + +.icon-envelope:before { + content: "\f0e0"; } + +.icon-linkedin:before { + content: "\f0e1"; } + +.icon-rotate-left:before, +.icon-undo:before { + content: "\f0e2"; } + +.icon-legal:before { + content: "\f0e3"; } + +.icon-dashboard:before { + content: "\f0e4"; } + +.icon-comment-alt:before { + content: "\f0e5"; } + +.icon-comments-alt:before { + content: "\f0e6"; } + +.icon-bolt:before { + content: "\f0e7"; } + +.icon-sitemap:before { + content: "\f0e8"; } + +.icon-umbrella:before { + content: "\f0e9"; } + +.icon-paste:before { + content: "\f0ea"; } + +.icon-lightbulb:before { + content: "\f0eb"; } + +.icon-exchange:before { + content: "\f0ec"; } + +.icon-cloud-download:before { + content: "\f0ed"; } + +.icon-cloud-upload:before { + content: "\f0ee"; } + +.icon-user-md:before { + content: "\f0f0"; } + +.icon-stethoscope:before { + content: "\f0f1"; } + +.icon-suitcase:before { + content: "\f0f2"; } + +.icon-bell-alt:before { + content: "\f0f3"; } + +.icon-coffee:before { + content: "\f0f4"; } + +.icon-food:before { + content: "\f0f5"; } + +.icon-file-text-alt:before { + content: "\f0f6"; } + +.icon-building:before { + content: "\f0f7"; } + +.icon-hospital:before { + content: "\f0f8"; } + +.icon-ambulance:before { + content: "\f0f9"; } + +.icon-medkit:before { + content: "\f0fa"; } + +.icon-fighter-jet:before { + content: "\f0fb"; } + +.icon-beer:before { + content: "\f0fc"; } + +.icon-h-sign:before { + content: "\f0fd"; } + +.icon-plus-sign-alt:before { + content: "\f0fe"; } + +.icon-double-angle-left:before { + content: "\f100"; } + +.icon-double-angle-right:before { + content: "\f101"; } + +.icon-double-angle-up:before { + content: "\f102"; } + +.icon-double-angle-down:before { + content: "\f103"; } + +.icon-angle-left:before { + content: "\f104"; } + +.icon-angle-right:before { + content: "\f105"; } + +.icon-angle-up:before { + content: "\f106"; } + +.icon-angle-down:before { + content: "\f107"; } + +.icon-desktop:before { + content: "\f108"; } + +.icon-laptop:before { + content: "\f109"; } + +.icon-tablet:before { + content: "\f10a"; } + +.icon-mobile-phone:before { + content: "\f10b"; } + +.icon-circle-blank:before { + content: "\f10c"; } + +.icon-quote-left:before { + content: "\f10d"; } + +.icon-quote-right:before { + content: "\f10e"; } + +.icon-spinner:before { + content: "\f110"; } + +.icon-circle:before { + content: "\f111"; } + +.icon-mail-reply:before, +.icon-reply:before { + content: "\f112"; } + +.icon-github-alt:before { + content: "\f113"; } + +.icon-folder-close-alt:before { + content: "\f114"; } + +.icon-folder-open-alt:before { + content: "\f115"; } + +.icon-expand-alt:before { + content: "\f116"; } + +.icon-collapse-alt:before { + content: "\f117"; } + +.icon-smile:before { + content: "\f118"; } + +.icon-frown:before { + content: "\f119"; } + +.icon-meh:before { + content: "\f11a"; } + +.icon-gamepad:before { + content: "\f11b"; } + +.icon-keyboard:before { + content: "\f11c"; } + +.icon-flag-alt:before { + content: "\f11d"; } + +.icon-flag-checkered:before { + content: "\f11e"; } + +.icon-terminal:before { + content: "\f120"; } + +.icon-code:before { + content: "\f121"; } + +.icon-reply-all:before { + content: "\f122"; } + +.icon-mail-reply-all:before { + content: "\f122"; } + +.icon-star-half-full:before, +.icon-star-half-empty:before { + content: "\f123"; } + +.icon-location-arrow:before { + content: "\f124"; } + +.icon-crop:before { + content: "\f125"; } + +.icon-code-fork:before { + content: "\f126"; } + +.icon-unlink:before { + content: "\f127"; } + +.icon-question:before { + content: "\f128"; } + +.icon-info:before { + content: "\f129"; } + +.icon-exclamation:before { + content: "\f12a"; } + +.icon-superscript:before { + content: "\f12b"; } + +.icon-subscript:before { + content: "\f12c"; } + +.icon-eraser:before { + content: "\f12d"; } + +.icon-puzzle-piece:before { + content: "\f12e"; } + +.icon-microphone:before { + content: "\f130"; } + +.icon-microphone-off:before { + content: "\f131"; } + +.icon-shield:before { + content: "\f132"; } + +.icon-calendar-empty:before { + content: "\f133"; } + +.icon-fire-extinguisher:before { + content: "\f134"; } + +.icon-rocket:before { + content: "\f135"; } + +.icon-maxcdn:before { + content: "\f136"; } + +.icon-chevron-sign-left:before { + content: "\f137"; } + +.icon-chevron-sign-right:before { + content: "\f138"; } + +.icon-chevron-sign-up:before { + content: "\f139"; } + +.icon-chevron-sign-down:before { + content: "\f13a"; } + +.icon-html5:before { + content: "\f13b"; } + +.icon-css3:before { + content: "\f13c"; } + +.icon-anchor:before { + content: "\f13d"; } + +.icon-unlock-alt:before { + content: "\f13e"; } + +.icon-bullseye:before { + content: "\f140"; } + +.icon-ellipsis-horizontal:before { + content: "\f141"; } + +.icon-ellipsis-vertical:before { + content: "\f142"; } + +.icon-rss-sign:before { + content: "\f143"; } + +.icon-play-sign:before { + content: "\f144"; } + +.icon-ticket:before { + content: "\f145"; } + +.icon-minus-sign-alt:before { + content: "\f146"; } + +.icon-check-minus:before { + content: "\f147"; } + +.icon-level-up:before { + content: "\f148"; } + +.icon-level-down:before { + content: "\f149"; } + +.icon-check-sign:before { + content: "\f14a"; } + +.icon-edit-sign:before { + content: "\f14b"; } + +.icon-external-link-sign:before { + content: "\f14c"; } + +.icon-share-sign:before { + content: "\f14d"; } + +.icon-compass:before { + content: "\f14e"; } + +.icon-collapse:before { + content: "\f150"; } + +.icon-collapse-top:before { + content: "\f151"; } + +.icon-expand:before { + content: "\f152"; } + +.icon-euro:before, +.icon-eur:before { + content: "\f153"; } + +.icon-gbp:before { + content: "\f154"; } + +.icon-dollar:before, +.icon-usd:before { + content: "\f155"; } + +.icon-rupee:before, +.icon-inr:before { + content: "\f156"; } + +.icon-yen:before, +.icon-jpy:before { + content: "\f157"; } + +.icon-renminbi:before, +.icon-cny:before { + content: "\f158"; } + +.icon-won:before, +.icon-krw:before { + content: "\f159"; } + +.icon-bitcoin:before, +.icon-btc:before { + content: "\f15a"; } + +.icon-file:before { + content: "\f15b"; } + +.icon-file-text:before { + content: "\f15c"; } + +.icon-sort-by-alphabet:before { + content: "\f15d"; } + +.icon-sort-by-alphabet-alt:before { + content: "\f15e"; } + +.icon-sort-by-attributes:before { + content: "\f160"; } + +.icon-sort-by-attributes-alt:before { + content: "\f161"; } + +.icon-sort-by-order:before { + content: "\f162"; } + +.icon-sort-by-order-alt:before { + content: "\f163"; } + +.icon-thumbs-up:before { + content: "\f164"; } + +.icon-thumbs-down:before { + content: "\f165"; } + +.icon-youtube-sign:before { + content: "\f166"; } + +.icon-youtube:before { + content: "\f167"; } + +.icon-xing:before { + content: "\f168"; } + +.icon-xing-sign:before { + content: "\f169"; } + +.icon-youtube-play:before { + content: "\f16a"; } + +.icon-dropbox:before { + content: "\f16b"; } + +.icon-stackexchange:before { + content: "\f16c"; } + +.icon-instagram:before { + content: "\f16d"; } + +.icon-flickr:before { + content: "\f16e"; } + +.icon-adn:before { + content: "\f170"; } + +.icon-bitbucket:before { + content: "\f171"; } + +.icon-bitbucket-sign:before { + content: "\f172"; } + +.icon-tumblr:before { + content: "\f173"; } + +.icon-tumblr-sign:before { + content: "\f174"; } + +.icon-long-arrow-down:before { + content: "\f175"; } + +.icon-long-arrow-up:before { + content: "\f176"; } + +.icon-long-arrow-left:before { + content: "\f177"; } + +.icon-long-arrow-right:before { + content: "\f178"; } + +.icon-apple:before { + content: "\f179"; } + +.icon-windows:before { + content: "\f17a"; } + +.icon-android:before { + content: "\f17b"; } + +.icon-linux:before { + content: "\f17c"; } + +.icon-dribbble:before { + content: "\f17d"; } + +.icon-skype:before { + content: "\f17e"; } + +.icon-foursquare:before { + content: "\f180"; } + +.icon-trello:before { + content: "\f181"; } + +.icon-female:before { + content: "\f182"; } + +.icon-male:before { + content: "\f183"; } + +.icon-gittip:before { + content: "\f184"; } + +.icon-sun:before { + content: "\f185"; } + +.icon-moon:before { + content: "\f186"; } + +.icon-archive:before { + content: "\f187"; } + +.icon-bug:before { + content: "\f188"; } + +.icon-vk:before { + content: "\f189"; } + +.icon-weibo:before { + content: "\f18a"; } + +.icon-renren:before { + content: "\f18b"; }