diff --git a/bower.json b/bower.json new file mode 100644 index 0000000..531feed --- /dev/null +++ b/bower.json @@ -0,0 +1,25 @@ +{ + "name": "libr-mobile", + "version": "0.0.1", + "authors": [ + "junv " + ], + "license": "none", + "private": true, + "dependencies": { + "ionic": "~1.0.0", + "angular-resource": "~1.2.17" + }, + "ignore": [ + "**/.*", + "node_modules", + "bower_components", + "app/components", + "test", + "tests" + ], + "resolutions": { + "angular": "1.2.16" + } + +} diff --git a/env/dev/constant.coffee b/env/dev/constant.coffee index d36f61d..1082c83 100644 --- a/env/dev/constant.coffee +++ b/env/dev/constant.coffee @@ -1,7 +1,8 @@ libr = angular.module 'libr.constant',[] Constant = {} -Constant.baseUrl = "http://libr.herokuapp.com/api/v1" +#Constant.baseUrl = "http://libr.herokuapp.com/api/v1" +Constant.baseUrl = "http://10.17.2.161:3000/api/v1" libr.constant 'Constant', Constant diff --git a/platforms/android/assets/www/js/app/controllers/controllers.coffee b/platforms/android/assets/www/js/app/controllers/controllers.coffee new file mode 100644 index 0000000..a345dce --- /dev/null +++ b/platforms/android/assets/www/js/app/controllers/controllers.coffee @@ -0,0 +1,58 @@ +libr = angular.module('libr.controllers', ['ionic']) + +class BookDetailController + @$inject: ['$scope', '$stateParams', 'Books', '$window', '$ionicModal', 'Comments'] + + constructor: (@$scope, @$stateParams, @Books, @$window, @$ionicModal, @Comments) -> + @$scope.openDialog = @openCommentDialog + @$scope.closeDialog = @closeCommentDialog + @$scope.doComment = @doComment + @$scope.back = @back + + @$ionicModal.fromTemplateUrl 'templates/modal/comment.html', (modal)=> + @$scope.modal = modal + , { + scope: @$scope, + animation: 'slide-in-up' + } + console.log '====' + @Books.get {book_id: @$stateParams.isbn}, + (result) => + @$scope.book = result + @$scope.usersAccount = result.users.length + @$scope.bookName = @$scope.book.name + @Comments.query {book_id: result.id}, (data)=> + console.log data,'!!!!!' + @$scope.comments = data + + @$scope.$on '$destroy', ()=> + @$scope.modal.remove() + + + openCommentDialog: ()=> + @$scope.modal.show() + closeCommentDialog: ()=> + @$scope.modal.hide() + doComment: ()=> + text = angular.element(document.getElementById('comment')).val() + if text.trim() is '' + alert '请输入有效字符' + return false + else + @Comments.save { + book_id: @$scope.book.id + content: text + }, null, (data)=> + if data.id is null + alert '添加图书失败' + else + console.log '成功。。。。。。。' + @$scope.comments.push data + @closeCommentDialog() + + back: ()=> + @$window.history.back() + + + +libr.controller 'BookDetailController', BookDetailController diff --git a/platforms/ios/CordovaLib/CordovaLib.xcodeproj/project.pbxproj b/platforms/ios/CordovaLib/CordovaLib.xcodeproj/project.pbxproj index 730be24..b762cc3 100644 --- a/platforms/ios/CordovaLib/CordovaLib.xcodeproj/project.pbxproj +++ b/platforms/ios/CordovaLib/CordovaLib.xcodeproj/project.pbxproj @@ -312,7 +312,7 @@ 0867D690FE84028FC02AAC07 /* Project object */ = { isa = PBXProject; attributes = { - LastUpgradeCheck = 0500; + LastUpgradeCheck = 0510; }; buildConfigurationList = 1DEB922208733DC00010E9CD /* Build configuration list for PBXProject "CordovaLib" */; compatibilityVersion = "Xcode 3.2"; @@ -458,8 +458,8 @@ GCC_WARN_UNINITIALIZED_AUTOS = YES; GCC_WARN_UNUSED_FUNCTION = YES; GCC_WARN_UNUSED_VARIABLE = YES; - IPHONEOS_DEPLOYMENT_TARGET = 5.0; - ONLY_ACTIVE_ARCH = NO; + IPHONEOS_DEPLOYMENT_TARGET = 7.1; + ONLY_ACTIVE_ARCH = YES; OTHER_CFLAGS = "-DDEBUG"; PUBLIC_HEADERS_FOLDER_PATH = include/Cordova; SDKROOT = iphoneos; @@ -498,7 +498,7 @@ GCC_WARN_UNINITIALIZED_AUTOS = YES; GCC_WARN_UNUSED_FUNCTION = YES; GCC_WARN_UNUSED_VARIABLE = YES; - IPHONEOS_DEPLOYMENT_TARGET = 5.0; + IPHONEOS_DEPLOYMENT_TARGET = 7.1; ONLY_ACTIVE_ARCH = NO; PUBLIC_HEADERS_FOLDER_PATH = include/Cordova; SDKROOT = iphoneos; diff --git a/platforms/ios/CordovaLib/CordovaLib.xcodeproj/xcuserdata/twer.xcuserdatad/xcschemes/CordovaLib.xcscheme b/platforms/ios/CordovaLib/CordovaLib.xcodeproj/xcuserdata/twer.xcuserdatad/xcschemes/CordovaLib.xcscheme new file mode 100644 index 0000000..28478fb --- /dev/null +++ b/platforms/ios/CordovaLib/CordovaLib.xcodeproj/xcuserdata/twer.xcuserdatad/xcschemes/CordovaLib.xcscheme @@ -0,0 +1,59 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/platforms/ios/CordovaLib/CordovaLib.xcodeproj/xcuserdata/twer.xcuserdatad/xcschemes/xcschememanagement.plist b/platforms/ios/CordovaLib/CordovaLib.xcodeproj/xcuserdata/twer.xcuserdatad/xcschemes/xcschememanagement.plist new file mode 100644 index 0000000..283503b --- /dev/null +++ b/platforms/ios/CordovaLib/CordovaLib.xcodeproj/xcuserdata/twer.xcuserdatad/xcschemes/xcschememanagement.plist @@ -0,0 +1,22 @@ + + + + + SchemeUserState + + CordovaLib.xcscheme + + orderHint + 1 + + + SuppressBuildableAutocreation + + D2AAC07D0554694100DB518D + + primary + + + + + diff --git a/platforms/ios/Libr.xcodeproj/project.xcworkspace/xcuserdata/twer.xcuserdatad/UserInterfaceState.xcuserstate b/platforms/ios/Libr.xcodeproj/project.xcworkspace/xcuserdata/twer.xcuserdatad/UserInterfaceState.xcuserstate index 3a89460..4904007 100644 Binary files a/platforms/ios/Libr.xcodeproj/project.xcworkspace/xcuserdata/twer.xcuserdatad/UserInterfaceState.xcuserstate and b/platforms/ios/Libr.xcodeproj/project.xcworkspace/xcuserdata/twer.xcuserdatad/UserInterfaceState.xcuserstate differ diff --git a/platforms/ios/cordova/console.log b/platforms/ios/cordova/console.log index e520475..59eb3b4 100644 --- a/platforms/ios/cordova/console.log +++ b/platforms/ios/cordova/console.log @@ -39,3 +39,8 @@ 2014-04-08 17:14:28.025 Libr[6281:70b] Unlimited access to network resources 2014-04-08 17:14:28.592 Libr[6281:70b] Resetting plugins due to page load. 2014-04-08 17:14:29.144 Libr[6281:70b] Finished load of: file:///Users/twer/Library/Application%20Support/iPhone%20Simulator/7.1/Applications/689C9FCB-41B1-4F23-A468-5913ACF7FA66/Libr.app/www/index.html#/tab/home +2014-04-09 12:49:07.946 Libr[10513:70b] Multi-tasking -> Device: YES, App: YES +2014-04-09 12:49:07.977 Libr[10513:70b] Unlimited access to network resources +2014-04-09 12:49:08.421 Libr[10513:70b] Resetting plugins due to page load. +2014-04-09 12:49:08.937 Libr[10513:70b] Finished load of: file:///Users/twer/Library/Application%20Support/iPhone%20Simulator/7.1/Applications/689C9FCB-41B1-4F23-A468-5913ACF7FA66/Libr.app/www/index.html#/tab/home +2014-04-09 12:50:30.689 Libr[10513:70b] Received memory warning. diff --git a/platforms/ios/www/css/ionic.css b/platforms/ios/www/css/ionic.css deleted file mode 100644 index 24f78d8..0000000 --- a/platforms/ios/www/css/ionic.css +++ /dev/null @@ -1,6338 +0,0 @@ -/*! - * Copyright 2014 Drifty Co. - * http://drifty.com/ - * - * Ionic, v1.0.0-beta.1 - * A powerful HTML5 mobile app framework. - * http://ionicframework.com/ - * - * By @maxlynch, @benjsperry, @adamdbradley <3 - * - * Licensed under the MIT license. Please see LICENSE for more information. - * - */ - -/*! - * Copyright 2014 Drifty Co. - * http://drifty.com/ - * - * Ionic, v1.0.0-beta.1 - * A powerful HTML5 mobile app framework. - * http://ionicframework.com/ - * - * By @maxlynch, @benjsperry, @adamdbradley <3 - * - * Licensed under the MIT license. Please see LICENSE for more information. - * - */ -/*! - Ionicons, v1.4.1 - Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ - https://twitter.com/benjsperry https://twitter.com/ionicframework - MIT License: https://github.com/driftyco/ionicons -*/ -@font-face { - font-family: "Ionicons"; - src: url("../fonts/ionicons.eot?v=1.4.1"); - src: url("../fonts/ionicons.eot?v=1.4.1#iefix") format("embedded-opentype"), url("../fonts/ionicons.ttf?v=1.4.1") format("truetype"), url("../fonts/ionicons.woff?v=1.4.1") format("woff"), url("../fonts/ionicons.svg?v=1.4.1#Ionicons") format("svg"); - font-weight: normal; - font-style: normal; } - -.ion, .ion-loading-a, .ion-loading-b, .ion-loading-c, .ion-loading-d, .ion-looping, .ion-refreshing, .ion-ios7-reloading, .ionicons, .ion-alert, .ion-alert-circled, .ion-android-add, .ion-android-add-contact, .ion-android-alarm, .ion-android-archive, .ion-android-arrow-back, .ion-android-arrow-down-left, .ion-android-arrow-down-right, .ion-android-arrow-up-left, .ion-android-arrow-up-right, .ion-android-battery, .ion-android-book, .ion-android-calendar, .ion-android-call, .ion-android-camera, .ion-android-chat, .ion-android-checkmark, .ion-android-clock, .ion-android-close, .ion-android-contact, .ion-android-contacts, .ion-android-data, .ion-android-developer, .ion-android-display, .ion-android-download, .ion-android-dropdown, .ion-android-earth, .ion-android-folder, .ion-android-forums, .ion-android-friends, .ion-android-hand, .ion-android-image, .ion-android-inbox, .ion-android-information, .ion-android-keypad, .ion-android-lightbulb, .ion-android-locate, .ion-android-location, .ion-android-mail, .ion-android-microphone, .ion-android-mixer, .ion-android-more, .ion-android-note, .ion-android-playstore, .ion-android-printer, .ion-android-promotion, .ion-android-reminder, .ion-android-remove, .ion-android-search, .ion-android-send, .ion-android-settings, .ion-android-share, .ion-android-social, .ion-android-social-user, .ion-android-sort, .ion-android-star, .ion-android-stopwatch, .ion-android-storage, .ion-android-system-back, .ion-android-system-home, .ion-android-system-windows, .ion-android-timer, .ion-android-trash, .ion-android-volume, .ion-android-wifi, .ion-archive, .ion-arrow-down-a, .ion-arrow-down-b, .ion-arrow-down-c, .ion-arrow-expand, .ion-arrow-graph-down-left, .ion-arrow-graph-down-right, .ion-arrow-graph-up-left, .ion-arrow-graph-up-right, .ion-arrow-left-a, .ion-arrow-left-b, .ion-arrow-left-c, .ion-arrow-move, .ion-arrow-resize, .ion-arrow-return-left, .ion-arrow-return-right, .ion-arrow-right-a, .ion-arrow-right-b, .ion-arrow-right-c, .ion-arrow-shrink, .ion-arrow-swap, .ion-arrow-up-a, .ion-arrow-up-b, .ion-arrow-up-c, .ion-at, .ion-bag, .ion-battery-charging, .ion-battery-empty, .ion-battery-full, .ion-battery-half, .ion-battery-low, .ion-beaker, .ion-beer, .ion-bluetooth, .ion-bookmark, .ion-briefcase, .ion-bug, .ion-calculator, .ion-calendar, .ion-camera, .ion-card, .ion-chatbox, .ion-chatbox-working, .ion-chatboxes, .ion-chatbubble, .ion-chatbubble-working, .ion-chatbubbles, .ion-checkmark, .ion-checkmark-circled, .ion-checkmark-round, .ion-chevron-down, .ion-chevron-left, .ion-chevron-right, .ion-chevron-up, .ion-clipboard, .ion-clock, .ion-close, .ion-close-circled, .ion-close-round, .ion-cloud, .ion-code, .ion-code-download, .ion-code-working, .ion-coffee, .ion-compass, .ion-compose, .ion-connection-bars, .ion-contrast, .ion-disc, .ion-document, .ion-document-text, .ion-drag, .ion-earth, .ion-edit, .ion-egg, .ion-eject, .ion-email, .ion-eye, .ion-eye-disabled, .ion-female, .ion-filing, .ion-film-marker, .ion-flag, .ion-flash, .ion-flash-off, .ion-flask, .ion-folder, .ion-fork, .ion-fork-repo, .ion-forward, .ion-game-controller-a, .ion-game-controller-b, .ion-gear-a, .ion-gear-b, .ion-grid, .ion-hammer, .ion-headphone, .ion-heart, .ion-help, .ion-help-buoy, .ion-help-circled, .ion-home, .ion-icecream, .ion-icon-social-google-plus, .ion-icon-social-google-plus-outline, .ion-image, .ion-images, .ion-information, .ion-information-circled, .ion-ionic, .ion-ios7-alarm, .ion-ios7-alarm-outline, .ion-ios7-albums, .ion-ios7-albums-outline, .ion-ios7-arrow-back, .ion-ios7-arrow-down, .ion-ios7-arrow-forward, .ion-ios7-arrow-left, .ion-ios7-arrow-right, .ion-ios7-arrow-thin-down, .ion-ios7-arrow-thin-left, .ion-ios7-arrow-thin-right, .ion-ios7-arrow-thin-up, .ion-ios7-arrow-up, .ion-ios7-at, .ion-ios7-at-outline, .ion-ios7-bell, .ion-ios7-bell-outline, .ion-ios7-bolt, .ion-ios7-bolt-outline, .ion-ios7-bookmarks, .ion-ios7-bookmarks-outline, .ion-ios7-box, .ion-ios7-box-outline, .ion-ios7-briefcase, .ion-ios7-briefcase-outline, .ion-ios7-browsers, .ion-ios7-browsers-outline, .ion-ios7-calculator, .ion-ios7-calculator-outline, .ion-ios7-calendar, .ion-ios7-calendar-outline, .ion-ios7-camera, .ion-ios7-camera-outline, .ion-ios7-cart, .ion-ios7-cart-outline, .ion-ios7-chatboxes, .ion-ios7-chatboxes-outline, .ion-ios7-chatbubble, .ion-ios7-chatbubble-outline, .ion-ios7-checkmark, .ion-ios7-checkmark-empty, .ion-ios7-checkmark-outline, .ion-ios7-circle-filled, .ion-ios7-circle-outline, .ion-ios7-clock, .ion-ios7-clock-outline, .ion-ios7-close, .ion-ios7-close-empty, .ion-ios7-close-outline, .ion-ios7-cloud, .ion-ios7-cloud-download, .ion-ios7-cloud-download-outline, .ion-ios7-cloud-outline, .ion-ios7-cloud-upload, .ion-ios7-cloud-upload-outline, .ion-ios7-cloudy, .ion-ios7-cloudy-night, .ion-ios7-cloudy-night-outline, .ion-ios7-cloudy-outline, .ion-ios7-cog, .ion-ios7-cog-outline, .ion-ios7-compose, .ion-ios7-compose-outline, .ion-ios7-contact, .ion-ios7-contact-outline, .ion-ios7-copy, .ion-ios7-copy-outline, .ion-ios7-download, .ion-ios7-download-outline, .ion-ios7-drag, .ion-ios7-email, .ion-ios7-email-outline, .ion-ios7-eye, .ion-ios7-eye-outline, .ion-ios7-fastforward, .ion-ios7-fastforward-outline, .ion-ios7-filing, .ion-ios7-filing-outline, .ion-ios7-film, .ion-ios7-film-outline, .ion-ios7-flag, .ion-ios7-flag-outline, .ion-ios7-folder, .ion-ios7-folder-outline, .ion-ios7-gear, .ion-ios7-gear-outline, .ion-ios7-glasses, .ion-ios7-glasses-outline, .ion-ios7-heart, .ion-ios7-heart-outline, .ion-ios7-help, .ion-ios7-help-empty, .ion-ios7-help-outline, .ion-ios7-infinite, .ion-ios7-infinite-outline, .ion-ios7-information, .ion-ios7-information-empty, .ion-ios7-information-outline, .ion-ios7-ionic-outline, .ion-ios7-keypad, .ion-ios7-keypad-outline, .ion-ios7-lightbulb, .ion-ios7-lightbulb-outline, .ion-ios7-location, .ion-ios7-location-outline, .ion-ios7-locked, .ion-ios7-locked-outline, .ion-ios7-medkit, .ion-ios7-medkit-outline, .ion-ios7-mic, .ion-ios7-mic-off, .ion-ios7-mic-outline, .ion-ios7-minus, .ion-ios7-minus-empty, .ion-ios7-minus-outline, .ion-ios7-monitor, .ion-ios7-monitor-outline, .ion-ios7-moon, .ion-ios7-moon-outline, .ion-ios7-more, .ion-ios7-more-outline, .ion-ios7-musical-note, .ion-ios7-musical-notes, .ion-ios7-navigate, .ion-ios7-navigate-outline, .ion-ios7-paperplane, .ion-ios7-paperplane-outline, .ion-ios7-partlysunny, .ion-ios7-partlysunny-outline, .ion-ios7-pause, .ion-ios7-pause-outline, .ion-ios7-people, .ion-ios7-people-outline, .ion-ios7-person, .ion-ios7-person-outline, .ion-ios7-personadd, .ion-ios7-personadd-outline, .ion-ios7-photos, .ion-ios7-photos-outline, .ion-ios7-pie, .ion-ios7-pie-outline, .ion-ios7-play, .ion-ios7-play-outline, .ion-ios7-plus, .ion-ios7-plus-empty, .ion-ios7-plus-outline, .ion-ios7-pricetag, .ion-ios7-pricetag-outline, .ion-ios7-printer, .ion-ios7-printer-outline, .ion-ios7-rainy, .ion-ios7-rainy-outline, .ion-ios7-recording, .ion-ios7-recording-outline, .ion-ios7-redo, .ion-ios7-redo-outline, .ion-ios7-refresh, .ion-ios7-refresh-empty, .ion-ios7-refresh-outline, .ion-ios7-reload, .ion-ios7-rewind, .ion-ios7-rewind-outline, .ion-ios7-search, .ion-ios7-search-strong, .ion-ios7-skipbackward, .ion-ios7-skipbackward-outline, .ion-ios7-skipforward, .ion-ios7-skipforward-outline, .ion-ios7-snowy, .ion-ios7-speedometer, .ion-ios7-speedometer-outline, .ion-ios7-star, .ion-ios7-star-outline, .ion-ios7-stopwatch, .ion-ios7-stopwatch-outline, .ion-ios7-sunny, .ion-ios7-sunny-outline, .ion-ios7-telephone, .ion-ios7-telephone-outline, .ion-ios7-thunderstorm, .ion-ios7-thunderstorm-outline, .ion-ios7-time, .ion-ios7-time-outline, .ion-ios7-timer, .ion-ios7-timer-outline, .ion-ios7-trash, .ion-ios7-trash-outline, .ion-ios7-undo, .ion-ios7-undo-outline, .ion-ios7-unlocked, .ion-ios7-unlocked-outline, .ion-ios7-upload, .ion-ios7-upload-outline, .ion-ios7-videocam, .ion-ios7-videocam-outline, .ion-ios7-volume-high, .ion-ios7-volume-low, .ion-ios7-wineglass, .ion-ios7-wineglass-outline, .ion-ios7-world, .ion-ios7-world-outline, .ion-ipad, .ion-iphone, .ion-ipod, .ion-jet, .ion-key, .ion-knife, .ion-laptop, .ion-leaf, .ion-levels, .ion-lightbulb, .ion-link, .ion-load-a, .ion-load-b, .ion-load-c, .ion-load-d, .ion-location, .ion-locked, .ion-log-in, .ion-log-out, .ion-loop, .ion-magnet, .ion-male, .ion-man, .ion-map, .ion-medkit, .ion-mic-a, .ion-mic-b, .ion-mic-c, .ion-minus, .ion-minus-circled, .ion-minus-round, .ion-model-s, .ion-monitor, .ion-more, .ion-music-note, .ion-navicon, .ion-navicon-round, .ion-navigate, .ion-no-smoking, .ion-nuclear, .ion-paper-airplane, .ion-paperclip, .ion-pause, .ion-person, .ion-person-add, .ion-person-stalker, .ion-pie-graph, .ion-pin, .ion-pinpoint, .ion-pizza, .ion-plane, .ion-play, .ion-playstation, .ion-plus, .ion-plus-circled, .ion-plus-round, .ion-pound, .ion-power, .ion-pricetag, .ion-pricetags, .ion-printer, .ion-radio-waves, .ion-record, .ion-refresh, .ion-reply, .ion-reply-all, .ion-search, .ion-settings, .ion-share, .ion-shuffle, .ion-skip-backward, .ion-skip-forward, .ion-social-android, .ion-social-android-outline, .ion-social-apple, .ion-social-apple-outline, .ion-social-bitcoin, .ion-social-bitcoin-outline, .ion-social-buffer, .ion-social-buffer-outline, .ion-social-designernews, .ion-social-designernews-outline, .ion-social-dribbble, .ion-social-dribbble-outline, .ion-social-dropbox, .ion-social-dropbox-outline, .ion-social-facebook, .ion-social-facebook-outline, .ion-social-freebsd-devil, .ion-social-github, .ion-social-github-outline, .ion-social-googleplus, .ion-social-googleplus-outline, .ion-social-hackernews, .ion-social-hackernews-outline, .ion-social-linkedin, .ion-social-linkedin-outline, .ion-social-pinterest, .ion-social-pinterest-outline, .ion-social-reddit, .ion-social-reddit-outline, .ion-social-rss, .ion-social-rss-outline, .ion-social-skype, .ion-social-skype-outline, .ion-social-tumblr, .ion-social-tumblr-outline, .ion-social-tux, .ion-social-twitter, .ion-social-twitter-outline, .ion-social-vimeo, .ion-social-vimeo-outline, .ion-social-windows, .ion-social-windows-outline, .ion-social-wordpress, .ion-social-wordpress-outline, .ion-social-yahoo, .ion-social-yahoo-outline, .ion-social-youtube, .ion-social-youtube-outline, .ion-speakerphone, .ion-speedometer, .ion-spoon, .ion-star, .ion-stats-bars, .ion-steam, .ion-stop, .ion-thermometer, .ion-thumbsdown, .ion-thumbsup, .ion-trash-a, .ion-trash-b, .ion-umbrella, .ion-unlocked, .ion-upload, .ion-usb, .ion-videocamera, .ion-volume-high, .ion-volume-low, .ion-volume-medium, .ion-volume-mute, .ion-waterdrop, .ion-wifi, .ion-wineglass, .ion-woman, .ion-wrench, .ion-xbox { - display: inline-block; - font-family: "Ionicons"; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - text-rendering: auto; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } - -.ion-spin, .ion-loading-a, .ion-loading-b, .ion-loading-c, .ion-loading-d, .ion-looping, .ion-refreshing, .ion-ios7-reloading { - -webkit-animation: spin 1s infinite linear; - -moz-animation: spin 1s infinite linear; - -o-animation: spin 1s infinite linear; - animation: spin 1s infinite linear; } - -@-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); } } - - -.ion-loading-a { - -webkit-animation-timing-function: steps(8, start); - -moz-animation-timing-function: steps(8, start); - animation-timing-function: steps(8, start); } - - - - - - - - - -.ion-alert:before { - content: "\f101"; } - -.ion-alert-circled:before { - content: "\f100"; } - -.ion-android-add:before { - content: "\f2c7"; } - -.ion-android-add-contact:before { - content: "\f2c6"; } - -.ion-android-alarm:before { - content: "\f2c8"; } - -.ion-android-archive:before { - content: "\f2c9"; } - -.ion-android-arrow-back:before { - content: "\f2ca"; } - -.ion-android-arrow-down-left:before { - content: "\f2cb"; } - -.ion-android-arrow-down-right:before { - content: "\f2cc"; } - -.ion-android-arrow-up-left:before { - content: "\f2cd"; } - -.ion-android-arrow-up-right:before { - content: "\f2ce"; } - -.ion-android-battery:before { - content: "\f2cf"; } - -.ion-android-book:before { - content: "\f2d0"; } - -.ion-android-calendar:before { - content: "\f2d1"; } - -.ion-android-call:before { - content: "\f2d2"; } - -.ion-android-camera:before { - content: "\f2d3"; } - -.ion-android-chat:before { - content: "\f2d4"; } - -.ion-android-checkmark:before { - content: "\f2d5"; } - -.ion-android-clock:before { - content: "\f2d6"; } - -.ion-android-close:before { - content: "\f2d7"; } - -.ion-android-contact:before { - content: "\f2d8"; } - -.ion-android-contacts:before { - content: "\f2d9"; } - -.ion-android-data:before { - content: "\f2da"; } - -.ion-android-developer:before { - content: "\f2db"; } - -.ion-android-display:before { - content: "\f2dc"; } - -.ion-android-download:before { - content: "\f2dd"; } - -.ion-android-dropdown:before { - content: "\f2de"; } - -.ion-android-earth:before { - content: "\f2df"; } - -.ion-android-folder:before { - content: "\f2e0"; } - -.ion-android-forums:before { - content: "\f2e1"; } - -.ion-android-friends:before { - content: "\f2e2"; } - -.ion-android-hand:before { - content: "\f2e3"; } - -.ion-android-image:before { - content: "\f2e4"; } - -.ion-android-inbox:before { - content: "\f2e5"; } - -.ion-android-information:before { - content: "\f2e6"; } - -.ion-android-keypad:before { - content: "\f2e7"; } - -.ion-android-lightbulb:before { - content: "\f2e8"; } - -.ion-android-locate:before { - content: "\f2e9"; } - -.ion-android-location:before { - content: "\f2ea"; } - -.ion-android-mail:before { - content: "\f2eb"; } - -.ion-android-microphone:before { - content: "\f2ec"; } - -.ion-android-mixer:before { - content: "\f2ed"; } - -.ion-android-more:before { - content: "\f2ee"; } - -.ion-android-note:before { - content: "\f2ef"; } - -.ion-android-playstore:before { - content: "\f2f0"; } - -.ion-android-printer:before { - content: "\f2f1"; } - -.ion-android-promotion:before { - content: "\f2f2"; } - -.ion-android-reminder:before { - content: "\f2f3"; } - -.ion-android-remove:before { - content: "\f2f4"; } - -.ion-android-search:before { - content: "\f2f5"; } - -.ion-android-send:before { - content: "\f2f6"; } - -.ion-android-settings:before { - content: "\f2f7"; } - -.ion-android-share:before { - content: "\f2f8"; } - -.ion-android-social:before { - content: "\f2fa"; } - -.ion-android-social-user:before { - content: "\f2f9"; } - -.ion-android-sort:before { - content: "\f2fb"; } - -.ion-android-star:before { - content: "\f2fc"; } - -.ion-android-stopwatch:before { - content: "\f2fd"; } - -.ion-android-storage:before { - content: "\f2fe"; } - -.ion-android-system-back:before { - content: "\f2ff"; } - -.ion-android-system-home:before { - content: "\f300"; } - -.ion-android-system-windows:before { - content: "\f301"; } - -.ion-android-timer:before { - content: "\f302"; } - -.ion-android-trash:before { - content: "\f303"; } - -.ion-android-volume:before { - content: "\f304"; } - -.ion-android-wifi:before { - content: "\f305"; } - -.ion-archive:before { - content: "\f102"; } - -.ion-arrow-down-a:before { - content: "\f103"; } - -.ion-arrow-down-b:before { - content: "\f104"; } - -.ion-arrow-down-c:before { - content: "\f105"; } - -.ion-arrow-expand:before { - content: "\f25e"; } - -.ion-arrow-graph-down-left:before { - content: "\f25f"; } - -.ion-arrow-graph-down-right:before { - content: "\f260"; } - -.ion-arrow-graph-up-left:before { - content: "\f261"; } - -.ion-arrow-graph-up-right:before { - content: "\f262"; } - -.ion-arrow-left-a:before { - content: "\f106"; } - -.ion-arrow-left-b:before { - content: "\f107"; } - -.ion-arrow-left-c:before { - content: "\f108"; } - -.ion-arrow-move:before { - content: "\f263"; } - -.ion-arrow-resize:before { - content: "\f264"; } - -.ion-arrow-return-left:before { - content: "\f265"; } - -.ion-arrow-return-right:before { - content: "\f266"; } - -.ion-arrow-right-a:before { - content: "\f109"; } - -.ion-arrow-right-b:before { - content: "\f10a"; } - -.ion-arrow-right-c:before { - content: "\f10b"; } - -.ion-arrow-shrink:before { - content: "\f267"; } - -.ion-arrow-swap:before { - content: "\f268"; } - -.ion-arrow-up-a:before { - content: "\f10c"; } - -.ion-arrow-up-b:before { - content: "\f10d"; } - -.ion-arrow-up-c:before { - content: "\f10e"; } - -.ion-at:before { - content: "\f10f"; } - -.ion-bag:before { - content: "\f110"; } - -.ion-battery-charging:before { - content: "\f111"; } - -.ion-battery-empty:before { - content: "\f112"; } - -.ion-battery-full:before { - content: "\f113"; } - -.ion-battery-half:before { - content: "\f114"; } - -.ion-battery-low:before { - content: "\f115"; } - -.ion-beaker:before { - content: "\f269"; } - -.ion-beer:before { - content: "\f26a"; } - -.ion-bluetooth:before { - content: "\f116"; } - -.ion-bookmark:before { - content: "\f26b"; } - -.ion-briefcase:before { - content: "\f26c"; } - -.ion-bug:before { - content: "\f2be"; } - -.ion-calculator:before { - content: "\f26d"; } - -.ion-calendar:before { - content: "\f117"; } - -.ion-camera:before { - content: "\f118"; } - -.ion-card:before { - content: "\f119"; } - -.ion-chatbox:before { - content: "\f11b"; } - -.ion-chatbox-working:before { - content: "\f11a"; } - -.ion-chatboxes:before { - content: "\f11c"; } - -.ion-chatbubble:before { - content: "\f11e"; } - -.ion-chatbubble-working:before { - content: "\f11d"; } - -.ion-chatbubbles:before { - content: "\f11f"; } - -.ion-checkmark:before { - content: "\f122"; } - -.ion-checkmark-circled:before { - content: "\f120"; } - -.ion-checkmark-round:before { - content: "\f121"; } - -.ion-chevron-down:before { - content: "\f123"; } - -.ion-chevron-left:before { - content: "\f124"; } - -.ion-chevron-right:before { - content: "\f125"; } - -.ion-chevron-up:before { - content: "\f126"; } - -.ion-clipboard:before { - content: "\f127"; } - -.ion-clock:before { - content: "\f26e"; } - -.ion-close:before { - content: "\f12a"; } - -.ion-close-circled:before { - content: "\f128"; } - -.ion-close-round:before { - content: "\f129"; } - -.ion-cloud:before { - content: "\f12b"; } - -.ion-code:before { - content: "\f271"; } - -.ion-code-download:before { - content: "\f26f"; } - -.ion-code-working:before { - content: "\f270"; } - -.ion-coffee:before { - content: "\f272"; } - -.ion-compass:before { - content: "\f273"; } - -.ion-compose:before { - content: "\f12c"; } - -.ion-connection-bars:before { - content: "\f274"; } - -.ion-contrast:before { - content: "\f275"; } - -.ion-disc:before { - content: "\f12d"; } - -.ion-document:before { - content: "\f12f"; } - -.ion-document-text:before { - content: "\f12e"; } - -.ion-drag:before { - content: "\f130"; } - -.ion-earth:before { - content: "\f276"; } - -.ion-edit:before { - content: "\f2bf"; } - -.ion-egg:before { - content: "\f277"; } - -.ion-eject:before { - content: "\f131"; } - -.ion-email:before { - content: "\f132"; } - -.ion-eye:before { - content: "\f133"; } - -.ion-eye-disabled:before { - content: "\f306"; } - -.ion-female:before { - content: "\f278"; } - -.ion-filing:before { - content: "\f134"; } - -.ion-film-marker:before { - content: "\f135"; } - -.ion-flag:before { - content: "\f279"; } - -.ion-flash:before { - content: "\f137"; } - -.ion-flash-off:before { - content: "\f136"; } - -.ion-flask:before { - content: "\f138"; } - -.ion-folder:before { - content: "\f139"; } - -.ion-fork:before { - content: "\f27a"; } - -.ion-fork-repo:before { - content: "\f2c0"; } - -.ion-forward:before { - content: "\f13a"; } - -.ion-game-controller-a:before { - content: "\f13b"; } - -.ion-game-controller-b:before { - content: "\f13c"; } - -.ion-gear-a:before { - content: "\f13d"; } - -.ion-gear-b:before { - content: "\f13e"; } - -.ion-grid:before { - content: "\f13f"; } - -.ion-hammer:before { - content: "\f27b"; } - -.ion-headphone:before { - content: "\f140"; } - -.ion-heart:before { - content: "\f141"; } - -.ion-help:before { - content: "\f143"; } - -.ion-help-buoy:before { - content: "\f27c"; } - -.ion-help-circled:before { - content: "\f142"; } - -.ion-home:before { - content: "\f144"; } - -.ion-icecream:before { - content: "\f27d"; } - -.ion-icon-social-google-plus:before { - content: "\f146"; } - -.ion-icon-social-google-plus-outline:before { - content: "\f145"; } - -.ion-image:before { - content: "\f147"; } - -.ion-images:before { - content: "\f148"; } - -.ion-information:before { - content: "\f14a"; } - -.ion-information-circled:before { - content: "\f149"; } - -.ion-ionic:before { - content: "\f14b"; } - -.ion-ios7-alarm:before { - content: "\f14d"; } - -.ion-ios7-alarm-outline:before { - content: "\f14c"; } - -.ion-ios7-albums:before { - content: "\f14f"; } - -.ion-ios7-albums-outline:before { - content: "\f14e"; } - -.ion-ios7-arrow-back:before { - content: "\f150"; } - -.ion-ios7-arrow-down:before { - content: "\f151"; } - -.ion-ios7-arrow-forward:before { - content: "\f152"; } - -.ion-ios7-arrow-left:before { - content: "\f153"; } - -.ion-ios7-arrow-right:before { - content: "\f154"; } - -.ion-ios7-arrow-thin-down:before { - content: "\f27e"; } - -.ion-ios7-arrow-thin-left:before { - content: "\f27f"; } - -.ion-ios7-arrow-thin-right:before { - content: "\f280"; } - -.ion-ios7-arrow-thin-up:before { - content: "\f281"; } - -.ion-ios7-arrow-up:before { - content: "\f155"; } - -.ion-ios7-at:before { - content: "\f157"; } - -.ion-ios7-at-outline:before { - content: "\f156"; } - -.ion-ios7-bell:before { - content: "\f159"; } - -.ion-ios7-bell-outline:before { - content: "\f158"; } - -.ion-ios7-bolt:before { - content: "\f15b"; } - -.ion-ios7-bolt-outline:before { - content: "\f15a"; } - -.ion-ios7-bookmarks:before { - content: "\f15d"; } - -.ion-ios7-bookmarks-outline:before { - content: "\f15c"; } - -.ion-ios7-box:before { - content: "\f15f"; } - -.ion-ios7-box-outline:before { - content: "\f15e"; } - -.ion-ios7-briefcase:before { - content: "\f283"; } - -.ion-ios7-briefcase-outline:before { - content: "\f282"; } - -.ion-ios7-browsers:before { - content: "\f161"; } - -.ion-ios7-browsers-outline:before { - content: "\f160"; } - -.ion-ios7-calculator:before { - content: "\f285"; } - -.ion-ios7-calculator-outline:before { - content: "\f284"; } - -.ion-ios7-calendar:before { - content: "\f163"; } - -.ion-ios7-calendar-outline:before { - content: "\f162"; } - -.ion-ios7-camera:before { - content: "\f165"; } - -.ion-ios7-camera-outline:before { - content: "\f164"; } - -.ion-ios7-cart:before { - content: "\f167"; } - -.ion-ios7-cart-outline:before { - content: "\f166"; } - -.ion-ios7-chatboxes:before { - content: "\f169"; } - -.ion-ios7-chatboxes-outline:before { - content: "\f168"; } - -.ion-ios7-chatbubble:before { - content: "\f16b"; } - -.ion-ios7-chatbubble-outline:before { - content: "\f16a"; } - -.ion-ios7-checkmark:before { - content: "\f16e"; } - -.ion-ios7-checkmark-empty:before { - content: "\f16c"; } - -.ion-ios7-checkmark-outline:before { - content: "\f16d"; } - -.ion-ios7-circle-filled:before { - content: "\f16f"; } - -.ion-ios7-circle-outline:before { - content: "\f170"; } - -.ion-ios7-clock:before { - content: "\f172"; } - -.ion-ios7-clock-outline:before { - content: "\f171"; } - -.ion-ios7-close:before { - content: "\f2bc"; } - -.ion-ios7-close-empty:before { - content: "\f2bd"; } - -.ion-ios7-close-outline:before { - content: "\f2bb"; } - -.ion-ios7-cloud:before { - content: "\f178"; } - -.ion-ios7-cloud-download:before { - content: "\f174"; } - -.ion-ios7-cloud-download-outline:before { - content: "\f173"; } - -.ion-ios7-cloud-outline:before { - content: "\f175"; } - -.ion-ios7-cloud-upload:before { - content: "\f177"; } - -.ion-ios7-cloud-upload-outline:before { - content: "\f176"; } - -.ion-ios7-cloudy:before { - content: "\f17a"; } - -.ion-ios7-cloudy-night:before { - content: "\f308"; } - -.ion-ios7-cloudy-night-outline:before { - content: "\f307"; } - -.ion-ios7-cloudy-outline:before { - content: "\f179"; } - -.ion-ios7-cog:before { - content: "\f17c"; } - -.ion-ios7-cog-outline:before { - content: "\f17b"; } - -.ion-ios7-compose:before { - content: "\f17e"; } - -.ion-ios7-compose-outline:before { - content: "\f17d"; } - -.ion-ios7-contact:before { - content: "\f180"; } - -.ion-ios7-contact-outline:before { - content: "\f17f"; } - -.ion-ios7-copy:before { - content: "\f182"; } - -.ion-ios7-copy-outline:before { - content: "\f181"; } - -.ion-ios7-download:before { - content: "\f184"; } - -.ion-ios7-download-outline:before { - content: "\f183"; } - -.ion-ios7-drag:before { - content: "\f185"; } - -.ion-ios7-email:before { - content: "\f187"; } - -.ion-ios7-email-outline:before { - content: "\f186"; } - -.ion-ios7-eye:before { - content: "\f189"; } - -.ion-ios7-eye-outline:before { - content: "\f188"; } - -.ion-ios7-fastforward:before { - content: "\f18b"; } - -.ion-ios7-fastforward-outline:before { - content: "\f18a"; } - -.ion-ios7-filing:before { - content: "\f18d"; } - -.ion-ios7-filing-outline:before { - content: "\f18c"; } - -.ion-ios7-film:before { - content: "\f18f"; } - -.ion-ios7-film-outline:before { - content: "\f18e"; } - -.ion-ios7-flag:before { - content: "\f191"; } - -.ion-ios7-flag-outline:before { - content: "\f190"; } - -.ion-ios7-folder:before { - content: "\f193"; } - -.ion-ios7-folder-outline:before { - content: "\f192"; } - -.ion-ios7-gear:before { - content: "\f195"; } - -.ion-ios7-gear-outline:before { - content: "\f194"; } - -.ion-ios7-glasses:before { - content: "\f197"; } - -.ion-ios7-glasses-outline:before { - content: "\f196"; } - -.ion-ios7-heart:before { - content: "\f199"; } - -.ion-ios7-heart-outline:before { - content: "\f198"; } - -.ion-ios7-help:before { - content: "\f19c"; } - -.ion-ios7-help-empty:before { - content: "\f19a"; } - -.ion-ios7-help-outline:before { - content: "\f19b"; } - -.ion-ios7-infinite:before { - content: "\f19e"; } - -.ion-ios7-infinite-outline:before { - content: "\f19d"; } - -.ion-ios7-information:before { - content: "\f1a1"; } - -.ion-ios7-information-empty:before { - content: "\f19f"; } - -.ion-ios7-information-outline:before { - content: "\f1a0"; } - -.ion-ios7-ionic-outline:before { - content: "\f1a2"; } - -.ion-ios7-keypad:before { - content: "\f1a4"; } - -.ion-ios7-keypad-outline:before { - content: "\f1a3"; } - -.ion-ios7-lightbulb:before { - content: "\f287"; } - -.ion-ios7-lightbulb-outline:before { - content: "\f286"; } - -.ion-ios7-location:before { - content: "\f1a6"; } - -.ion-ios7-location-outline:before { - content: "\f1a5"; } - -.ion-ios7-locked:before { - content: "\f1a8"; } - -.ion-ios7-locked-outline:before { - content: "\f1a7"; } - -.ion-ios7-medkit:before { - content: "\f289"; } - -.ion-ios7-medkit-outline:before { - content: "\f288"; } - -.ion-ios7-mic:before { - content: "\f1ab"; } - -.ion-ios7-mic-off:before { - content: "\f1a9"; } - -.ion-ios7-mic-outline:before { - content: "\f1aa"; } - -.ion-ios7-minus:before { - content: "\f1ae"; } - -.ion-ios7-minus-empty:before { - content: "\f1ac"; } - -.ion-ios7-minus-outline:before { - content: "\f1ad"; } - -.ion-ios7-monitor:before { - content: "\f1b0"; } - -.ion-ios7-monitor-outline:before { - content: "\f1af"; } - -.ion-ios7-moon:before { - content: "\f1b2"; } - -.ion-ios7-moon-outline:before { - content: "\f1b1"; } - -.ion-ios7-more:before { - content: "\f1b4"; } - -.ion-ios7-more-outline:before { - content: "\f1b3"; } - -.ion-ios7-musical-note:before { - content: "\f1b5"; } - -.ion-ios7-musical-notes:before { - content: "\f1b6"; } - -.ion-ios7-navigate:before { - content: "\f1b8"; } - -.ion-ios7-navigate-outline:before { - content: "\f1b7"; } - -.ion-ios7-paperplane:before { - content: "\f1ba"; } - -.ion-ios7-paperplane-outline:before { - content: "\f1b9"; } - -.ion-ios7-partlysunny:before { - content: "\f1bc"; } - -.ion-ios7-partlysunny-outline:before { - content: "\f1bb"; } - -.ion-ios7-pause:before { - content: "\f1be"; } - -.ion-ios7-pause-outline:before { - content: "\f1bd"; } - -.ion-ios7-people:before { - content: "\f1c0"; } - -.ion-ios7-people-outline:before { - content: "\f1bf"; } - -.ion-ios7-person:before { - content: "\f1c2"; } - -.ion-ios7-person-outline:before { - content: "\f1c1"; } - -.ion-ios7-personadd:before { - content: "\f1c4"; } - -.ion-ios7-personadd-outline:before { - content: "\f1c3"; } - -.ion-ios7-photos:before { - content: "\f1c6"; } - -.ion-ios7-photos-outline:before { - content: "\f1c5"; } - -.ion-ios7-pie:before { - content: "\f28b"; } - -.ion-ios7-pie-outline:before { - content: "\f28a"; } - -.ion-ios7-play:before { - content: "\f1c8"; } - -.ion-ios7-play-outline:before { - content: "\f1c7"; } - -.ion-ios7-plus:before { - content: "\f1cb"; } - -.ion-ios7-plus-empty:before { - content: "\f1c9"; } - -.ion-ios7-plus-outline:before { - content: "\f1ca"; } - -.ion-ios7-pricetag:before { - content: "\f28d"; } - -.ion-ios7-pricetag-outline:before { - content: "\f28c"; } - -.ion-ios7-printer:before { - content: "\f1cd"; } - -.ion-ios7-printer-outline:before { - content: "\f1cc"; } - -.ion-ios7-rainy:before { - content: "\f1cf"; } - -.ion-ios7-rainy-outline:before { - content: "\f1ce"; } - -.ion-ios7-recording:before { - content: "\f1d1"; } - -.ion-ios7-recording-outline:before { - content: "\f1d0"; } - -.ion-ios7-redo:before { - content: "\f1d3"; } - -.ion-ios7-redo-outline:before { - content: "\f1d2"; } - -.ion-ios7-refresh:before { - content: "\f1d6"; } - -.ion-ios7-refresh-empty:before { - content: "\f1d4"; } - -.ion-ios7-refresh-outline:before { - content: "\f1d5"; } - -.ion-ios7-reload:before, .ion-ios7-reloading:before { - content: "\f28e"; } - -.ion-ios7-rewind:before { - content: "\f1d8"; } - -.ion-ios7-rewind-outline:before { - content: "\f1d7"; } - -.ion-ios7-search:before { - content: "\f1da"; } - -.ion-ios7-search-strong:before { - content: "\f1d9"; } - -.ion-ios7-skipbackward:before { - content: "\f1dc"; } - -.ion-ios7-skipbackward-outline:before { - content: "\f1db"; } - -.ion-ios7-skipforward:before { - content: "\f1de"; } - -.ion-ios7-skipforward-outline:before { - content: "\f1dd"; } - -.ion-ios7-snowy:before { - content: "\f309"; } - -.ion-ios7-speedometer:before { - content: "\f290"; } - -.ion-ios7-speedometer-outline:before { - content: "\f28f"; } - -.ion-ios7-star:before { - content: "\f1e0"; } - -.ion-ios7-star-outline:before { - content: "\f1df"; } - -.ion-ios7-stopwatch:before { - content: "\f1e2"; } - -.ion-ios7-stopwatch-outline:before { - content: "\f1e1"; } - -.ion-ios7-sunny:before { - content: "\f1e4"; } - -.ion-ios7-sunny-outline:before { - content: "\f1e3"; } - -.ion-ios7-telephone:before { - content: "\f1e6"; } - -.ion-ios7-telephone-outline:before { - content: "\f1e5"; } - -.ion-ios7-thunderstorm:before { - content: "\f1e8"; } - -.ion-ios7-thunderstorm-outline:before { - content: "\f1e7"; } - -.ion-ios7-time:before { - content: "\f292"; } - -.ion-ios7-time-outline:before { - content: "\f291"; } - -.ion-ios7-timer:before { - content: "\f1ea"; } - -.ion-ios7-timer-outline:before { - content: "\f1e9"; } - -.ion-ios7-trash:before { - content: "\f1ec"; } - -.ion-ios7-trash-outline:before { - content: "\f1eb"; } - -.ion-ios7-undo:before { - content: "\f1ee"; } - -.ion-ios7-undo-outline:before { - content: "\f1ed"; } - -.ion-ios7-unlocked:before { - content: "\f1f0"; } - -.ion-ios7-unlocked-outline:before { - content: "\f1ef"; } - -.ion-ios7-upload:before { - content: "\f1f2"; } - -.ion-ios7-upload-outline:before { - content: "\f1f1"; } - -.ion-ios7-videocam:before { - content: "\f1f4"; } - -.ion-ios7-videocam-outline:before { - content: "\f1f3"; } - -.ion-ios7-volume-high:before { - content: "\f1f5"; } - -.ion-ios7-volume-low:before { - content: "\f1f6"; } - -.ion-ios7-wineglass:before { - content: "\f294"; } - -.ion-ios7-wineglass-outline:before { - content: "\f293"; } - -.ion-ios7-world:before { - content: "\f1f8"; } - -.ion-ios7-world-outline:before { - content: "\f1f7"; } - -.ion-ipad:before { - content: "\f1f9"; } - -.ion-iphone:before { - content: "\f1fa"; } - -.ion-ipod:before { - content: "\f1fb"; } - -.ion-jet:before { - content: "\f295"; } - -.ion-key:before { - content: "\f296"; } - -.ion-knife:before { - content: "\f297"; } - -.ion-laptop:before { - content: "\f1fc"; } - -.ion-leaf:before { - content: "\f1fd"; } - -.ion-levels:before { - content: "\f298"; } - -.ion-lightbulb:before { - content: "\f299"; } - -.ion-link:before { - content: "\f1fe"; } - -.ion-load-a:before, .ion-loading-a:before { - content: "\f29a"; } - -.ion-load-b:before, .ion-loading-b:before { - content: "\f29b"; } - -.ion-load-c:before, .ion-loading-c:before { - content: "\f29c"; } - -.ion-load-d:before, .ion-loading-d:before { - content: "\f29d"; } - -.ion-location:before { - content: "\f1ff"; } - -.ion-locked:before { - content: "\f200"; } - -.ion-log-in:before { - content: "\f29e"; } - -.ion-log-out:before { - content: "\f29f"; } - -.ion-loop:before, .ion-looping:before { - content: "\f201"; } - -.ion-magnet:before { - content: "\f2a0"; } - -.ion-male:before { - content: "\f2a1"; } - -.ion-man:before { - content: "\f202"; } - -.ion-map:before { - content: "\f203"; } - -.ion-medkit:before { - content: "\f2a2"; } - -.ion-mic-a:before { - content: "\f204"; } - -.ion-mic-b:before { - content: "\f205"; } - -.ion-mic-c:before { - content: "\f206"; } - -.ion-minus:before { - content: "\f209"; } - -.ion-minus-circled:before { - content: "\f207"; } - -.ion-minus-round:before { - content: "\f208"; } - -.ion-model-s:before { - content: "\f2c1"; } - -.ion-monitor:before { - content: "\f20a"; } - -.ion-more:before { - content: "\f20b"; } - -.ion-music-note:before { - content: "\f20c"; } - -.ion-navicon:before { - content: "\f20e"; } - -.ion-navicon-round:before { - content: "\f20d"; } - -.ion-navigate:before { - content: "\f2a3"; } - -.ion-no-smoking:before { - content: "\f2c2"; } - -.ion-nuclear:before { - content: "\f2a4"; } - -.ion-paper-airplane:before { - content: "\f2c3"; } - -.ion-paperclip:before { - content: "\f20f"; } - -.ion-pause:before { - content: "\f210"; } - -.ion-person:before { - content: "\f213"; } - -.ion-person-add:before { - content: "\f211"; } - -.ion-person-stalker:before { - content: "\f212"; } - -.ion-pie-graph:before { - content: "\f2a5"; } - -.ion-pin:before { - content: "\f2a6"; } - -.ion-pinpoint:before { - content: "\f2a7"; } - -.ion-pizza:before { - content: "\f2a8"; } - -.ion-plane:before { - content: "\f214"; } - -.ion-play:before { - content: "\f215"; } - -.ion-playstation:before { - content: "\f30a"; } - -.ion-plus:before { - content: "\f218"; } - -.ion-plus-circled:before { - content: "\f216"; } - -.ion-plus-round:before { - content: "\f217"; } - -.ion-pound:before { - content: "\f219"; } - -.ion-power:before { - content: "\f2a9"; } - -.ion-pricetag:before { - content: "\f2aa"; } - -.ion-pricetags:before { - content: "\f2ab"; } - -.ion-printer:before { - content: "\f21a"; } - -.ion-radio-waves:before { - content: "\f2ac"; } - -.ion-record:before { - content: "\f21b"; } - -.ion-refresh:before, .ion-refreshing:before { - content: "\f21c"; } - -.ion-reply:before { - content: "\f21e"; } - -.ion-reply-all:before { - content: "\f21d"; } - -.ion-search:before { - content: "\f21f"; } - -.ion-settings:before { - content: "\f2ad"; } - -.ion-share:before { - content: "\f220"; } - -.ion-shuffle:before { - content: "\f221"; } - -.ion-skip-backward:before { - content: "\f222"; } - -.ion-skip-forward:before { - content: "\f223"; } - -.ion-social-android:before { - content: "\f225"; } - -.ion-social-android-outline:before { - content: "\f224"; } - -.ion-social-apple:before { - content: "\f227"; } - -.ion-social-apple-outline:before { - content: "\f226"; } - -.ion-social-bitcoin:before { - content: "\f2af"; } - -.ion-social-bitcoin-outline:before { - content: "\f2ae"; } - -.ion-social-buffer:before { - content: "\f229"; } - -.ion-social-buffer-outline:before { - content: "\f228"; } - -.ion-social-designernews:before { - content: "\f22b"; } - -.ion-social-designernews-outline:before { - content: "\f22a"; } - -.ion-social-dribbble:before { - content: "\f22d"; } - -.ion-social-dribbble-outline:before { - content: "\f22c"; } - -.ion-social-dropbox:before { - content: "\f22f"; } - -.ion-social-dropbox-outline:before { - content: "\f22e"; } - -.ion-social-facebook:before { - content: "\f231"; } - -.ion-social-facebook-outline:before { - content: "\f230"; } - -.ion-social-freebsd-devil:before { - content: "\f2c4"; } - -.ion-social-github:before { - content: "\f233"; } - -.ion-social-github-outline:before { - content: "\f232"; } - -.ion-social-googleplus:before { - content: "\f235"; } - -.ion-social-googleplus-outline:before { - content: "\f234"; } - -.ion-social-hackernews:before { - content: "\f237"; } - -.ion-social-hackernews-outline:before { - content: "\f236"; } - -.ion-social-linkedin:before { - content: "\f239"; } - -.ion-social-linkedin-outline:before { - content: "\f238"; } - -.ion-social-pinterest:before { - content: "\f2b1"; } - -.ion-social-pinterest-outline:before { - content: "\f2b0"; } - -.ion-social-reddit:before { - content: "\f23b"; } - -.ion-social-reddit-outline:before { - content: "\f23a"; } - -.ion-social-rss:before { - content: "\f23d"; } - -.ion-social-rss-outline:before { - content: "\f23c"; } - -.ion-social-skype:before { - content: "\f23f"; } - -.ion-social-skype-outline:before { - content: "\f23e"; } - -.ion-social-tumblr:before { - content: "\f241"; } - -.ion-social-tumblr-outline:before { - content: "\f240"; } - -.ion-social-tux:before { - content: "\f2c5"; } - -.ion-social-twitter:before { - content: "\f243"; } - -.ion-social-twitter-outline:before { - content: "\f242"; } - -.ion-social-vimeo:before { - content: "\f245"; } - -.ion-social-vimeo-outline:before { - content: "\f244"; } - -.ion-social-windows:before { - content: "\f247"; } - -.ion-social-windows-outline:before { - content: "\f246"; } - -.ion-social-wordpress:before { - content: "\f249"; } - -.ion-social-wordpress-outline:before { - content: "\f248"; } - -.ion-social-yahoo:before { - content: "\f24b"; } - -.ion-social-yahoo-outline:before { - content: "\f24a"; } - -.ion-social-youtube:before { - content: "\f24d"; } - -.ion-social-youtube-outline:before { - content: "\f24c"; } - -.ion-speakerphone:before { - content: "\f2b2"; } - -.ion-speedometer:before { - content: "\f2b3"; } - -.ion-spoon:before { - content: "\f2b4"; } - -.ion-star:before { - content: "\f24e"; } - -.ion-stats-bars:before { - content: "\f2b5"; } - -.ion-steam:before { - content: "\f30b"; } - -.ion-stop:before { - content: "\f24f"; } - -.ion-thermometer:before { - content: "\f2b6"; } - -.ion-thumbsdown:before { - content: "\f250"; } - -.ion-thumbsup:before { - content: "\f251"; } - -.ion-trash-a:before { - content: "\f252"; } - -.ion-trash-b:before { - content: "\f253"; } - -.ion-umbrella:before { - content: "\f2b7"; } - -.ion-unlocked:before { - content: "\f254"; } - -.ion-upload:before { - content: "\f255"; } - -.ion-usb:before { - content: "\f2b8"; } - -.ion-videocamera:before { - content: "\f256"; } - -.ion-volume-high:before { - content: "\f257"; } - -.ion-volume-low:before { - content: "\f258"; } - -.ion-volume-medium:before { - content: "\f259"; } - -.ion-volume-mute:before { - content: "\f25a"; } - -.ion-waterdrop:before { - content: "\f25b"; } - -.ion-wifi:before { - content: "\f25c"; } - -.ion-wineglass:before { - content: "\f2b9"; } - -.ion-woman:before { - content: "\f25d"; } - -.ion-wrench:before { - content: "\f2ba"; } - -.ion-xbox:before { - content: "\f30c"; } - -/** - * Resets - * -------------------------------------------------- - * 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, i, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, fieldset, 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; - 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 default outlines. - */ -a, button, :focus, a:focus, button:focus, a:active, a:hover { - outline: 0; } - -/* * - * Remove tap highlight color - */ -a { - -webkit-user-drag: none; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - -webkit-tap-highlight-color: transparent; } - a[href]:hover { - cursor: pointer; } - -/* ========================================================================== - 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 #c0c0c0; } - -/** - * 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. - * 4. Remove any default :focus styles - * 5. Make sure webkit font smoothing is being inherited - */ -button, input, select, textarea { - margin: 0; - /* 3 */ - font-size: 100%; - /* 2 */ - font-family: inherit; - /* 1 */ - outline-offset: 0; - /* 4 */ - outline-style: none; - /* 4 */ - outline-width: 0; - /* 4 */ - -webkit-font-smoothing: inherit; - /* 5 */ } - -/** - * Address Firefox 4+ setting `line-height` on `input` using `importnt` 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 */ } - -img { - -webkit-user-drag: none; } - -/* ========================================================================== - Tables - ========================================================================== */ -/** - * Remove most spacing between table cells. - */ -table { - border-spacing: 0; - border-collapse: collapse; } - -/** - * Scaffolding - * -------------------------------------------------- - */ -*, *:before, *:after { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -body, .ionic-body { - -webkit-touch-callout: none; - -webkit-font-smoothing: antialiased; - font-smoothing: antialiased; - -webkit-text-size-adjust: none; - -moz-text-size-adjust: none; - text-size-adjust: none; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - -webkit-tap-highlight-color: transparent; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - overflow: hidden; - margin: 0; - padding: 0; - color: #000; - word-wrap: break-word; - font-size: 14px; - font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; - line-height: 20px; - text-rendering: optimizeLegibility; - -webkit-backface-visibility: hidden; - -webkit-user-drag: none; } - -body.grade-b, body.grade-c { - text-rendering: auto; } - -.content { - position: relative; } - -.scroll-content { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - overflow: hidden; - margin-top: -1px; - width: auto; - height: auto; } - -.scroll-view { - position: relative; - overflow: hidden; - margin-top: -1px; - height: 100%; } - -/** - * Scroll is the scroll view component available for complex and custom - * scroll view functionality. - */ -.scroll { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-touch-callout: none; - -webkit-text-size-adjust: none; - -moz-text-size-adjust: none; - text-size-adjust: none; - -webkit-transform-origin: left top; - -moz-transform-origin: left top; - transform-origin: left top; - -webkit-backface-visibility: hidden; } - -.scroll-bar { - position: absolute; - z-index: 9999; } - -.ng-animate .scroll-bar { - visibility: hidden; } - -.scroll-bar-h { - right: 2px; - bottom: 3px; - left: 2px; - height: 3px; } - .scroll-bar-h .scroll-bar-indicator { - height: 100%; } - -.scroll-bar-v { - top: 2px; - right: 3px; - bottom: 2px; - width: 3px; } - .scroll-bar-v .scroll-bar-indicator { - width: 100%; } - -.scroll-bar-indicator { - position: absolute; - border-radius: 4px; - background: rgba(0, 0, 0, 0.3); - opacity: 1; } - .scroll-bar-indicator.scroll-bar-fade-out { - -webkit-transition: opacity 0.3s linear; - -moz-transition: opacity 0.3s linear; - transition: opacity 0.3s linear; - opacity: 0; } - -.grade-b .scroll-bar-indicator, .grade-c .scroll-bar-indicator { - border-radius: 0; - background: #aaa; } - .grade-b .scroll-bar-indicator.scroll-bar-fade-out, .grade-c .scroll-bar-indicator.scroll-bar-fade-out { - -webkit-transition: none; - -moz-transition: none; - transition: none; } - -.scroll-refresher { - position: absolute; - top: -60px; - right: 0; - left: 0; - overflow: hidden; - margin: auto; - height: 60px; } - .scroll-refresher .icon-refreshing { - -webkit-animation-duration: 1.5s; - -moz-animation-duration: 1.5s; - animation-duration: 1.5s; - display: none; } - -.scroll-refresher-content { - position: absolute; - bottom: 15px; - left: 0; - width: 100%; - color: #666666; - text-align: center; - font-size: 30px; } - -.ionic-refresher-content { - position: absolute; - bottom: 15px; - left: 0; - width: 100%; - color: #666666; - text-align: center; - font-size: 30px; } - .ionic-refresher-content .icon-pulling { - -webkit-animation-name: refresh-spin-back; - -moz-animation-name: refresh-spin-back; - animation-name: refresh-spin-back; - -webkit-animation-duration: 200ms; - -moz-animation-duration: 200ms; - animation-duration: 200ms; - -webkit-animation-timing-function: linear; - -moz-animation-timing-function: linear; - animation-timing-function: linear; - -webkit-animation-fill-mode: both; - -moz-animation-fill-mode: both; - animation-fill-mode: both; } - -@keyframes refresh-spin { - 0% { - transform: rotate(0); } - - 100% { - transform: rotate(-180deg); } } - -@-webkit-keyframes refresh-spin { - 0% { - -webkit-transform: rotate(0); } - - 100% { - -webkit-transform: rotate(-180deg); } } - -@keyframes refresh-spin-back { - 0% { - transform: rotate(-180deg); } - - 100% { - transform: rotate(0); } } - -@-webkit-keyframes refresh-spin-back { - 0% { - -webkit-transform: rotate(-180deg); } - - 100% { - -webkit-transform: rotate(0); } } - -.scroll-refresher.active .icon-pulling { - display: block; } -.scroll-refresher.active .icon-refreshing { - display: none; } -.scroll-refresher.active.refreshing .icon-pulling { - display: none; } -.scroll-refresher.active.refreshing .icon-refreshing { - display: block; } -.scroll-refresher.active .ionic-refresher-content i.icon.icon-pulling { - -webkit-animation-name: refresh-spin; - -moz-animation-name: refresh-spin; - animation-name: refresh-spin; } - -ion-infinite-scroll .scroll-infinite { - position: relative; - overflow: hidden; - margin-top: -70px; - height: 60px; } - -.scroll-infinite-content { - position: absolute; - bottom: 15px; - left: 0; - width: 100%; - color: #666666; - text-align: center; - font-size: 30px; } - -ion-infinite-scroll.active .scroll-infinite { - margin-top: -30px; } - -.overflow-scroll { - overflow-x: hidden; - overflow-y: scroll; - -webkit-overflow-scrolling: touch; } - .overflow-scroll .scroll { - position: static; - height: 100%; } - -.overflow-scroll { - overflow-x: hidden; - overflow-y: scroll; - -webkit-overflow-scrolling: touch; } - .overflow-scroll .scroll { - position: static; - height: 100%; } - -.has-header { - top: 44px; } - -.has-subheader { - top: 88px; } - -.has-tabs-top { - top: 93px; } - -.has-header.has-subheader.has-tabs-top { - top: 137px; } - -.has-footer { - bottom: 44px; } - -.has-tabs, .bar-footer.has-tabs { - bottom: 49px; } - -.has-footer.has-tabs { - bottom: 93px; } - -.pane { - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - z-index: 1; } - -.view { - z-index: 1; } - -.pane, .view { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - background-color: #fff; } - -/** - * Typography - * -------------------------------------------------- - */ -p { - margin: 0 0 10px; } - -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 { - color: #000; - font-weight: 500; - font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; - line-height: 1.2; } - 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, .h1, h2, .h2, h3, .h3 { - margin-top: 20px; - margin-bottom: 10px; } - h1:first-child, .h1:first-child, h2:first-child, .h2:first-child, h3:first-child, .h3:first-child { - margin-top: 0; } - h1 + h1, h1 + .h1, h1 + h2, h1 + .h2, h1 + h3, h1 + .h3, .h1 + h1, .h1 + .h1, .h1 + h2, .h1 + .h2, .h1 + h3, .h1 + .h3, h2 + h1, h2 + .h1, h2 + h2, h2 + .h2, h2 + h3, h2 + .h3, .h2 + h1, .h2 + .h1, .h2 + h2, .h2 + .h2, .h2 + h3, .h2 + .h3, h3 + h1, h3 + .h1, h3 + h2, h3 + .h2, h3 + h3, h3 + .h3, .h3 + h1, .h3 + .h1, .h3 + h2, .h3 + .h2, .h3 + h3, .h3 + .h3 { - margin-top: 10px; } - -h4, .h4, h5, .h5, h6, .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; } - -blockquote { - margin: 0 0 20px; - padding: 10px 20px; - border-left: 5px solid gray; } - blockquote p { - font-weight: 300; - font-size: 17.5px; - 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'; } - -q:before, q:after, blockquote:before, blockquote:after { - content: ""; } - -address { - display: block; - margin-bottom: 20px; - font-style: normal; - line-height: 1.42857; } - -a.subdued { - padding-right: 10px; - color: #888; - text-decoration: none; } - a.subdued:hover { - text-decoration: none; } - a.subdued:last-child { - padding-right: 0; } - -/** - * Action Sheets - * -------------------------------------------------- - */ -.action-sheet-backdrop { - -webkit-transition: background-color 300ms ease-in-out; - -moz-transition: background-color 300ms ease-in-out; - transition: background-color 300ms ease-in-out; - position: fixed; - top: 0; - left: 0; - z-index: 11; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0); } - .action-sheet-backdrop.active { - background-color: rgba(0, 0, 0, 0.5); } - -.action-sheet-wrapper { - -webkit-transform: translate3d(0, 100%, 0); - -moz-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - -webkit-transition: all ease-in-out 300ms; - -moz-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - position: absolute; - bottom: 0; - width: 100%; } - -.action-sheet-up { - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - -.action-sheet { - margin-left: 15px; - margin-right: 15px; - width: auto; - z-index: 11; - overflow: hidden; } - .action-sheet .button { - display: block; - padding: 1px; - width: 100%; - border-radius: 0; - background-color: transparent; - color: #4a87ee; - font-size: 18px; } - .action-sheet .button.destructive { - color: #ef4e3a; } - -.action-sheet-title { - padding: 10px; - color: #666666; - text-align: center; - font-size: 12px; } - -.action-sheet-group { - margin-bottom: 5px; - border-radius: 3px 3px 3px 3px; - background-color: #fff; } - .action-sheet-group .button { - border-width: 1px 0px 0px 0px; - border-radius: 0; } - .action-sheet-group .button.active { - background-color: transparent; - color: inherit; } - .action-sheet-group .button:first-child:last-child { - border-width: 0; } - -.action-sheet-open { - pointer-events: none; } - .action-sheet-open.modal-open .modal { - pointer-events: none; } - .action-sheet-open .action-sheet-backdrop { - pointer-events: auto; } - -/** - * Bar (Headers and Footers) - * -------------------------------------------------- - */ -.bar { - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -moz-flex; - display: -ms-flexbox; - display: flex; - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - position: absolute; - right: 0; - left: 0; - z-index: 10; - box-sizing: border-box; - padding: 5px; - width: 100%; - height: 44px; - border-width: 0; - border-style: solid; - border-top: 1px solid transparent; - border-bottom: 1px solid #ddd; - background-color: white; - /* border-width: 1px will actually create 2 device pixels on retina */ - /* this nifty trick sets an actual 1px border on hi-res displays */ - background-size: 0; } - @media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { - .bar { - border: none; - background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%); - background-position: bottom; - background-size: 100% 1px; - background-repeat: no-repeat; } } - .bar.bar-clear { - border: none; - background: none; - color: #fff; } - .bar.bar-clear .button { - color: #fff; } - .bar.bar-clear .title { - color: #fff; } - .bar.item-input-inset .item-input-wrapper { - margin-top: -1px; } - .bar.item-input-inset .item-input-wrapper input { - padding-left: 8px; - height: 28px; } - .bar.bar-light { - border-color: #ddd; - background-color: white; - background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%); - color: #444; } - .bar.bar-light .title { - color: #444; } - .bar.bar-stable { - border-color: #b2b2b2; - background-color: #f8f8f8; - background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%); - color: #444; } - .bar.bar-stable .title { - color: #444; } - .bar.bar-positive { - border-color: #145fd7; - background-color: #4a87ee; - background-image: linear-gradient(0deg, #145fd7, #145fd7 50%, transparent 50%); - color: #fff; } - .bar.bar-positive .title { - color: #fff; } - .bar.bar-calm { - border-color: #1aacc3; - background-color: #43cee6; - background-image: linear-gradient(0deg, #1aacc3, #1aacc3 50%, transparent 50%); - color: #fff; } - .bar.bar-calm .title { - color: #fff; } - .bar.bar-assertive { - border-color: #cc2311; - background-color: #ef4e3a; - background-image: linear-gradient(0deg, #cc2311, #cc2311 50%, transparent 50%); - color: #fff; } - .bar.bar-assertive .title { - color: #fff; } - .bar.bar-balanced { - border-color: #498f24; - background-color: #66cc33; - background-image: linear-gradient(0deg, #498f24, #498f24 50%, transparent 50%); - color: #fff; } - .bar.bar-balanced .title { - color: #fff; } - .bar.bar-energized { - border-color: #d39211; - background-color: #f0b840; - background-image: linear-gradient(0deg, #d39211, #d39211 50%, transparent 50%); - color: #fff; } - .bar.bar-energized .title { - color: #fff; } - .bar.bar-royal { - border-color: #552bdf; - background-color: #8a6de9; - background-image: linear-gradient(0deg, #552bdf, #552bdf 50%, transparent 50%); - color: #fff; } - .bar.bar-royal .title { - color: #fff; } - .bar.bar-dark { - border-color: #111; - background-color: #444444; - background-image: linear-gradient(0deg, #111, #111 50%, transparent 50%); - color: #fff; } - .bar.bar-dark .title { - color: #fff; } - .bar .title { - position: absolute; - top: 0; - right: 0; - left: 0; - z-index: 0; - overflow: hidden; - margin: 0 10px; - min-width: 30px; - text-align: center; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 17px; - line-height: 44px; } - .bar .title.title-left { - text-align: left; } - .bar .title.title-right { - text-align: right; } - .bar .title a { - color: inherit; } - .bar .button { - z-index: 1; - padding: 0 8px; - min-width: initial; - min-height: 31px; - font-size: 13px; - font-weight: 400; - line-height: 32px; } - .bar .button.button-icon:before, .bar .button .icon:before, .bar .button.icon:before, .bar .button.icon-left:before, .bar .button.icon-right:before { - padding-right: 2px; - padding-left: 2px; - font-size: 20px; - line-height: 32px; } - .bar .button.button-icon .icon:before, .bar .button.button-icon:before, .bar .button.button-icon.icon-left:before, .bar .button.button-icon.icon-right:before { - vertical-align: top; - font-size: 32px; - line-height: 32px; } - .bar .button.button-clear { - font-size: 17px; - font-weight: 300; - padding-right: 2px; - padding-left: 2px; } - .bar .button.button-clear .icon:before, .bar .button.button-clear.icon:before, .bar .button.button-clear.icon-left:before, .bar .button.button-clear.icon-right:before { - font-size: 32px; - line-height: 32px; } - .bar .button.back-button.active { - opacity: 1; } - .bar .button-bar > .button, .bar .buttons > .button { - min-height: 31px; - line-height: 32px; } - .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 .buttons.pull-right, .bar .title + .buttons { - position: absolute; - top: 5px; - right: 5px; - bottom: 5px; } - -.bar-light .button { - border-color: #ddd; - background-color: white; - color: #444; } - .bar-light .button:hover { - color: #444; - text-decoration: none; } - .bar-light .button.active { - border-color: #ccc; - background-color: #fafafa; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); } - .bar-light .button.button-clear { - border-color: transparent; - background: none; - box-shadow: none; - color: #444; - font-size: 17px; } - .bar-light .button.button-icon { - border-color: transparent; - background: none; } - -.bar-stable .button { - border-color: #b2b2b2; - background-color: #f8f8f8; - color: #444; } - .bar-stable .button:hover { - color: #444; - text-decoration: none; } - .bar-stable .button.active { - border-color: #a2a2a2; - background-color: #e5e5e5; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); } - .bar-stable .button.button-clear { - border-color: transparent; - background: none; - box-shadow: none; - color: #444; - font-size: 17px; } - .bar-stable .button.button-icon { - border-color: transparent; - background: none; } - -.bar-positive .button { - border-color: #145fd7; - background-color: #4a87ee; - color: #fff; } - .bar-positive .button:hover { - color: #fff; - text-decoration: none; } - .bar-positive .button.active { - border-color: #145fd7; - background-color: #145fd7; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); } - .bar-positive .button.button-clear { - border-color: transparent; - background: none; - box-shadow: none; - color: #fff; - font-size: 17px; } - .bar-positive .button.button-icon { - border-color: transparent; - background: none; } - -.bar-calm .button { - border-color: #1aacc3; - background-color: #43cee6; - color: #fff; } - .bar-calm .button:hover { - color: #fff; - text-decoration: none; } - .bar-calm .button.active { - border-color: #1aacc3; - background-color: #1aacc3; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); } - .bar-calm .button.button-clear { - border-color: transparent; - background: none; - box-shadow: none; - color: #fff; - font-size: 17px; } - .bar-calm .button.button-icon { - border-color: transparent; - background: none; } - -.bar-assertive .button { - border-color: #cc2311; - background-color: #ef4e3a; - color: #fff; } - .bar-assertive .button:hover { - color: #fff; - text-decoration: none; } - .bar-assertive .button.active { - border-color: #cc2311; - background-color: #cc2311; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); } - .bar-assertive .button.button-clear { - border-color: transparent; - background: none; - box-shadow: none; - color: #fff; - font-size: 17px; } - .bar-assertive .button.button-icon { - border-color: transparent; - background: none; } - -.bar-balanced .button { - border-color: #498f24; - background-color: #66cc33; - color: #fff; } - .bar-balanced .button:hover { - color: #fff; - text-decoration: none; } - .bar-balanced .button.active { - border-color: #498f24; - background-color: #498f24; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); } - .bar-balanced .button.button-clear { - border-color: transparent; - background: none; - box-shadow: none; - color: #fff; - font-size: 17px; } - .bar-balanced .button.button-icon { - border-color: transparent; - background: none; } - -.bar-energized .button { - border-color: #d39211; - background-color: #f0b840; - color: #fff; } - .bar-energized .button:hover { - color: #fff; - text-decoration: none; } - .bar-energized .button.active { - border-color: #d39211; - background-color: #d39211; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); } - .bar-energized .button.button-clear { - border-color: transparent; - background: none; - box-shadow: none; - color: #fff; - font-size: 17px; } - .bar-energized .button.button-icon { - border-color: transparent; - background: none; } - -.bar-royal .button { - border-color: #552bdf; - background-color: #8a6de9; - color: #fff; } - .bar-royal .button:hover { - color: #fff; - text-decoration: none; } - .bar-royal .button.active { - border-color: #552bdf; - background-color: #552bdf; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); } - .bar-royal .button.button-clear { - border-color: transparent; - background: none; - box-shadow: none; - color: #fff; - font-size: 17px; } - .bar-royal .button.button-icon { - border-color: transparent; - background: none; } - -.bar-dark .button { - border-color: #111; - background-color: #444444; - color: #fff; } - .bar-dark .button:hover { - color: #fff; - text-decoration: none; } - .bar-dark .button.active { - border-color: #000; - background-color: #262626; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); } - .bar-dark .button.button-clear { - border-color: transparent; - background: none; - box-shadow: none; - color: #fff; - font-size: 17px; } - .bar-dark .button.button-icon { - border-color: transparent; - background: none; } - -.bar-header { - top: 0; - border-top-width: 0; - border-bottom-width: 1px; } - -.bar-footer { - bottom: 0; - border-top-width: 1px; - border-bottom-width: 0; - background-position: top; } - -.bar-tabs { - padding: 0; } - -.bar-subheader { - top: 44px; - display: block; } - -.bar-subfooter { - bottom: 44px; - display: block; } - -/** - * Tabs - * -------------------------------------------------- - * A navigation bar with any number of tab items supported. - */ -.tabs { - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -moz-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-direction: normal; - -webkit-box-orient: horizontal; - -webkit-flex-direction: horizontal; - -moz-flex-direction: horizontal; - -ms-flex-direction: horizontal; - flex-direction: horizontal; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - -moz-justify-content: center; - justify-content: center; - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - border-color: #b2b2b2; - background-color: #f8f8f8; - background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%); - color: #444; - position: absolute; - bottom: 0; - z-index: 5; - width: 100%; - height: 49px; - border-style: solid; - border-top-width: 1px; - background-size: 0; - line-height: 49px; } - .tabs .tab-item .badge { - background-color: #444; - color: #f8f8f8; } - @media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { - .tabs { - padding-top: 2px; - border-top: none !important; - border-bottom: none !important; - background-position: top; - background-size: 100% 1px; - background-repeat: no-repeat; } } - -/* Allow parent element of tabs to define color, or just the tab itself */ -.tabs-light > .tabs, .tabs.tabs-light { - border-color: #ddd; - background-color: #fff; - background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%); - color: #444; } - .tabs-light > .tabs .tab-item .badge, .tabs.tabs-light .tab-item .badge { - background-color: #444; - color: #fff; } - -.tabs-stable > .tabs, .tabs.tabs-stable { - border-color: #b2b2b2; - background-color: #f8f8f8; - background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%); - color: #444; } - .tabs-stable > .tabs .tab-item .badge, .tabs.tabs-stable .tab-item .badge { - background-color: #444; - color: #f8f8f8; } - -.tabs-positive > .tabs, .tabs.tabs-positive { - border-color: #145fd7; - background-color: #4a87ee; - background-image: linear-gradient(0deg, #145fd7, #145fd7 50%, transparent 50%); - color: #fff; } - .tabs-positive > .tabs .tab-item .badge, .tabs.tabs-positive .tab-item .badge { - background-color: #fff; - color: #4a87ee; } - -.tabs-calm > .tabs, .tabs.tabs-calm { - border-color: #1aacc3; - background-color: #43cee6; - background-image: linear-gradient(0deg, #1aacc3, #1aacc3 50%, transparent 50%); - color: #fff; } - .tabs-calm > .tabs .tab-item .badge, .tabs.tabs-calm .tab-item .badge { - background-color: #fff; - color: #43cee6; } - -.tabs-assertive > .tabs, .tabs.tabs-assertive { - border-color: #cc2311; - background-color: #ef4e3a; - background-image: linear-gradient(0deg, #cc2311, #cc2311 50%, transparent 50%); - color: #fff; } - .tabs-assertive > .tabs .tab-item .badge, .tabs.tabs-assertive .tab-item .badge { - background-color: #fff; - color: #ef4e3a; } - -.tabs-balanced > .tabs, .tabs.tabs-balanced { - border-color: #498f24; - background-color: #66cc33; - background-image: linear-gradient(0deg, #498f24, #498f24 50%, transparent 50%); - color: #fff; } - .tabs-balanced > .tabs .tab-item .badge, .tabs.tabs-balanced .tab-item .badge { - background-color: #fff; - color: #66cc33; } - -.tabs-energized > .tabs, .tabs.tabs-energized { - border-color: #d39211; - background-color: #f0b840; - background-image: linear-gradient(0deg, #d39211, #d39211 50%, transparent 50%); - color: #fff; } - .tabs-energized > .tabs .tab-item .badge, .tabs.tabs-energized .tab-item .badge { - background-color: #fff; - color: #f0b840; } - -.tabs-royal > .tabs, .tabs.tabs-royal { - border-color: #552bdf; - background-color: #8a6de9; - background-image: linear-gradient(0deg, #552bdf, #552bdf 50%, transparent 50%); - color: #fff; } - .tabs-royal > .tabs .tab-item .badge, .tabs.tabs-royal .tab-item .badge { - background-color: #fff; - color: #8a6de9; } - -.tabs-dark > .tabs, .tabs.tabs-dark { - border-color: #111; - background-color: #444; - background-image: linear-gradient(0deg, #111, #111 50%, transparent 50%); - color: #fff; } - .tabs-dark > .tabs .tab-item .badge, .tabs.tabs-dark .tab-item .badge { - background-color: #fff; - color: #444; } - -/* Allow parent element to have tabs-top */ -.tabs-top > .tabs, .tabs.tabs-top { - top: 44px; - padding-top: 0; - padding-bottom: 2px; - background-position: bottom; } - -.tab-item { - -webkit-box-flex: 1; - -webkit-flex: 1; - -moz-box-flex: 1; - -moz-flex: 1; - -ms-flex: 1; - flex: 1; - display: block; - overflow: hidden; - max-width: 150px; - height: 100%; - color: inherit; - text-align: center; - text-decoration: none; - text-overflow: ellipsis; - white-space: nowrap; - font-weight: 400; - font-size: 14px; - font-family: "Helvetica Neue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; - opacity: 0.7; } - .tab-item:hover { - cursor: pointer; } - -.tabs-item-hide, .tabs-item-hide > .tabs { - display: none; } - -.tabs-icon-top .tab-item, .tabs-icon-bottom .tab-item { - font-size: 12px; - line-height: 14px; } - -.tab-item .icon { - display: block; - margin: 0 auto; - height: 32px; - font-size: 32px; } - -.tabs-icon-left .tab-item, .tabs-icon-right .tab-item { - font-size: 12px; } - .tabs-icon-left .tab-item .icon, .tabs-icon-right .tab-item .icon { - display: inline-block; - vertical-align: top; } - .tabs-icon-left .tab-item .icon:before, .tabs-icon-right .tab-item .icon:before { - font-size: 24px; - line-height: 49px; } - -.tabs-icon-left .tab-item .icon { - padding-right: 3px; } - -.tabs-icon-right .tab-item .icon { - padding-left: 3px; } - -.tabs-icon-only .icon { - line-height: inherit; } - -.tab-item.has-badge { - position: relative; } - -.tab-item .badge { - position: absolute; - padding: 1px 6px; - top: 4%; - right: 33%; - right: calc(50% - 26px); - font-size: 12px; - height: auto; - line-height: 16px; } - -/* Navigational tab */ -/* Active state for tab */ -.tab-item.tab-item-active { - opacity: 1; } - .tab-item.tab-item-active.tab-item-light { - color: #fff; } - .tab-item.tab-item-active.tab-item-stable { - color: #f8f8f8; } - .tab-item.tab-item-active.tab-item-positive { - color: #4a87ee; } - .tab-item.tab-item-active.tab-item-calm { - color: #43cee6; } - .tab-item.tab-item-active.tab-item-assertive { - color: #ef4e3a; } - .tab-item.tab-item-active.tab-item-balanced { - color: #66cc33; } - .tab-item.tab-item-active.tab-item-energized { - color: #f0b840; } - .tab-item.tab-item-active.tab-item-royal { - color: #8a6de9; } - .tab-item.tab-item-active.tab-item-dark { - color: #444; } - -.item.tabs { - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -moz-flex; - display: -ms-flexbox; - display: flex; - padding: 0; } - .item.tabs .icon:before { - position: relative; } - -/** - * Menus - * -------------------------------------------------- - * Side panel structure - */ -.menu { - position: absolute; - top: 0; - bottom: 0; - z-index: 0; - overflow: hidden; - min-height: 100%; - max-height: 100%; - width: 275px; - background-color: #fff; } - -.menu-content { - -webkit-transform: none; - -moz-transform: none; - transform: none; - box-shadow: -1px 0px 2px rgba(0, 0, 0, 0.2), 1px 0px 2px rgba(0, 0, 0, 0.2); } - -.grade-b .menu-content, .grade-c .menu-content { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; - right: -1px; - left: -1px; - border-right: 1px solid #ccc; - border-left: 1px solid #ccc; - box-shadow: none; } - -.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; } - -/** - * Modals - * -------------------------------------------------- - * Modals are independent windows that slide in from off-screen. - */ -.modal-backdrop { - -webkit-transition: background-color 300ms ease-in-out; - -moz-transition: background-color 300ms ease-in-out; - transition: background-color 300ms ease-in-out; - position: fixed; - top: 0; - left: 0; - z-index: 10; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0); } - .modal-backdrop.active { - background-color: rgba(0, 0, 0, 0.5); } - -.modal { - position: absolute; - top: 0; - z-index: 10; - overflow: hidden; - min-height: 100%; - width: 100%; - background-color: #fff; } - -@media (min-width: 680px) { - .modal { - top: 20%; - right: 20%; - bottom: 20%; - left: 20%; - overflow: visible; - min-height: 240px; - width: 60%; } - .modal.ng-leave-active { - bottom: 0; } } - -.modal-open { - pointer-events: none; } - .modal-open .modal { - pointer-events: auto; } - -/** - * Popups - * -------------------------------------------------- - */ -.popup { - position: fixed; - top: 50%; - left: 50%; - z-index: 11; - visibility: hidden; - width: 250px; - border-radius: 0px; - background-color: rgba(255, 255, 255, 0.9); } - .popup.popup-hidden { - -webkit-animation-name: scaleOut; - -moz-animation-name: scaleOut; - animation-name: scaleOut; - -webkit-animation-duration: 0.1s; - -moz-animation-duration: 0.1s; - animation-duration: 0.1s; - -webkit-animation-timing-function: ease-in-out; - -moz-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - -webkit-animation-fill-mode: both; - -moz-animation-fill-mode: both; - animation-fill-mode: both; } - .popup.popup-showing { - visibility: visible; } - .popup.active { - -webkit-animation-name: superScaleIn; - -moz-animation-name: superScaleIn; - animation-name: superScaleIn; - -webkit-animation-duration: 0.2s; - -moz-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-timing-function: ease-in-out; - -moz-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - -webkit-animation-fill-mode: both; - -moz-animation-fill-mode: both; - animation-fill-mode: both; } - -.popup-head { - padding: 15px 0px; - border-bottom: 1px solid #eee; - text-align: center; } - -.popup-title { - margin: 0; - padding: 0; - font-size: 15px; } - -.popup-sub-title { - margin: 5px 0 0 0; - padding: 0; - font-weight: normal; - font-size: 11px; } - -.popup-body { - padding: 10px; } - -.popup-buttons.row { - padding: 10px 10px; } -.popup-buttons .button { - margin: 0px 5px; - min-height: 45px; - border-radius: 2px; - line-height: 20px; } - .popup-buttons .button:first-child { - margin-left: 0px; } - .popup-buttons .button:last-child { - margin-right: 0px; } - -.popup-open { - pointer-events: none; } - .popup-open.modal-open .modal { - pointer-events: none; } - .popup-open .popup-backdrop, .popup-open .popup { - pointer-events: auto; } - -.popup-backdrop { - -webkit-animation-name: fadeIn; - -moz-animation-name: fadeIn; - animation-name: fadeIn; - -webkit-animation-duration: 0.1s; - -moz-animation-duration: 0.1s; - animation-duration: 0.1s; - -webkit-animation-timing-function: linear; - -moz-animation-timing-function: linear; - animation-timing-function: linear; - -webkit-animation-fill-mode: both; - -moz-animation-fill-mode: both; - animation-fill-mode: both; - position: fixed; - top: 0; - left: 0; - z-index: 10; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0.4); } - -.loading-backdrop { - -webkit-transition: visibility 0s linear 0.3s; - -moz-transition: visibility 0s linear 0.3s; - transition: visibility 0s linear 0.3s; - position: fixed; - top: 0; - left: 0; - z-index: 10; - visibility: hidden; - width: 100%; - height: 100%; } - .loading-backdrop.active { - -webkit-transition-delay: 0s; - -moz-transition-delay: 0s; - transition-delay: 0s; - visibility: visible; } - .loading-backdrop.active.show-backdrop { - background-color: rgba(0, 0, 0, 0.7); } - -.loading { - position: fixed; - top: 50%; - left: 50%; - padding: 20px; - border-radius: 5px; - background-color: rgba(0, 0, 0, 0.7); - color: #fff; - text-align: center; - text-overflow: ellipsis; - font-size: 15px; } - .loading h1, .loading h2, .loading h3, .loading h4, .loading h5, .loading h6 { - color: #fff; } - -/** - * Items - * -------------------------------------------------- - */ -.item { - border-color: #ddd; - background-color: #fff; - color: #444; - position: relative; - z-index: 2; - display: block; - margin: -1px; - padding: 15px; - border-width: 1px; - border-style: solid; - font-size: 16px; } - .item h2 { - margin: 0 0 4px 0; - font-size: 16px; } - .item h3 { - margin: 0 0 4px 0; - font-size: 14px; } - .item h4 { - margin: 0 0 4px 0; - font-size: 12px; } - .item h5, .item h6 { - margin: 0 0 3px 0; - font-size: 10px; } - .item p { - color: #666; - font-size: 14px; } - .item h1:last-child, .item h2:last-child, .item h3:last-child, .item h4:last-child, .item h5:last-child, .item h6:last-child, .item p:last-child { - margin-bottom: 0; } - .item .badge { - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -moz-flex; - display: -ms-flexbox; - display: flex; - position: absolute; - top: 15px; - right: 35px; } - .item.item-button-right .badge { - right: 65px; } - .item.item-divider .badge { - top: 7.5px; } - .item .badge + .badge { - margin-right: 5px; } - .item.item-light { - border-color: #ddd; - background-color: #fff; - color: #444; } - .item.item-stable { - border-color: #b2b2b2; - background-color: #f8f8f8; - color: #444; } - .item.item-positive { - border-color: #145fd7; - background-color: #4a87ee; - color: #fff; } - .item.item-calm { - border-color: #1aacc3; - background-color: #43cee6; - color: #fff; } - .item.item-assertive { - border-color: #cc2311; - background-color: #ef4e3a; - color: #fff; } - .item.item-balanced { - border-color: #498f24; - background-color: #66cc33; - color: #fff; } - .item.item-energized { - border-color: #d39211; - background-color: #f0b840; - color: #fff; } - .item.item-royal { - border-color: #552bdf; - background-color: #8a6de9; - color: #fff; } - .item.item-dark { - border-color: #111; - background-color: #444; - color: #fff; } - .item[ng-click]:hover { - cursor: pointer; } - -.item.active:not(.item-divider):not(.item-input):not(.item-input-inset), .item-complex.active .item-content { - border-color: #ccc; - background-color: #D9D9D9; } - .item.active:not(.item-divider):not(.item-input):not(.item-input-inset).item-light, .item-complex.active .item-content.item-light { - border-color: #ccc; - background-color: #fafafa; } - .item.active:not(.item-divider):not(.item-input):not(.item-input-inset).item-stable, .item-complex.active .item-content.item-stable { - border-color: #a2a2a2; - background-color: #e5e5e5; } - .item.active:not(.item-divider):not(.item-input):not(.item-input-inset).item-positive, .item-complex.active .item-content.item-positive { - border-color: #145fd7; - background-color: #145fd7; } - .item.active:not(.item-divider):not(.item-input):not(.item-input-inset).item-calm, .item-complex.active .item-content.item-calm { - border-color: #1aacc3; - background-color: #1aacc3; } - .item.active:not(.item-divider):not(.item-input):not(.item-input-inset).item-assertive, .item-complex.active .item-content.item-assertive { - border-color: #cc2311; - background-color: #cc2311; } - .item.active:not(.item-divider):not(.item-input):not(.item-input-inset).item-balanced, .item-complex.active .item-content.item-balanced { - border-color: #498f24; - background-color: #498f24; } - .item.active:not(.item-divider):not(.item-input):not(.item-input-inset).item-energized, .item-complex.active .item-content.item-energized { - border-color: #d39211; - background-color: #d39211; } - .item.active:not(.item-divider):not(.item-input):not(.item-input-inset).item-royal, .item-complex.active .item-content.item-royal { - border-color: #552bdf; - background-color: #552bdf; } - .item.active:not(.item-divider):not(.item-input):not(.item-input-inset).item-dark, .item-complex.active .item-content.item-dark { - border-color: #000; - background-color: #262626; } - -.item, .item h1, .item h2, .item h3, .item h4, .item h5, .item h6, .item p, .item-content, .item-content h1, .item-content h2, .item-content h3, .item-content h4, .item-content h5, .item-content h6, .item-content p { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; } - -a.item { - color: inherit; - text-decoration: none; } - a.item:hover, a.item:focus { - text-decoration: none; } - -/** - * Complex Items - * -------------------------------------------------- - * Adding .item-complex allows the .item to be slidable and - * have options underneath the button, but also requires an - * additional .item-content element inside .item. - * Basically .item-complex removes any default settings which - * .item added, so that .item-content looks them as just .item. - */ -.item-complex, a.item.item-complex, button.item.item-complex { - padding: 0; } - -.item-complex .item-content, .item-radio .item-content { - position: relative; - z-index: 2; - padding: 15px 40px 15px 15px; - border: none; - background-color: white; } - -a.item-content { - display: block; - color: inherit; - text-decoration: none; } - -.item-text-wrap .item, .item-text-wrap, .item-text-wrap h1, .item-text-wrap h2, .item-text-wrap h3, .item-text-wrap h4, .item-text-wrap h5, .item-text-wrap h6, .item-text-wrap p, .item-complex.item-text-wrap .item-content, .item-body h1, .item-body h2, .item-body h3, .item-body h4, .item-body h5, .item-body h6, .item-body p { - overflow: hidden; - white-space: normal; } - -.item-complex.item-text-wrap, .item-complex.item-text-wrap h1, .item-complex.item-text-wrap h2, .item-complex.item-text-wrap h3, .item-complex.item-text-wrap h4, .item-complex.item-text-wrap h5, .item-complex.item-text-wrap h6, .item-complex.item-text-wrap p { - overflow: hidden; - white-space: nowrap; } - -/** - * Item Icons - * -------------------------------------------------- - */ -.item-icon-left .icon, .item-icon-right .icon { - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -moz-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - -moz-align-items: center; - align-items: center; - position: absolute; - top: 0; - height: 100%; - font-size: 32px; } - .item-icon-left .icon:before, .item-icon-right .icon:before { - display: block; - width: 32px; - text-align: center; } - -.item .fill-icon { - min-width: 30px; - min-height: 30px; - font-size: 28px; } - -.item-icon-left { - padding-left: 45px; } - .item-icon-left .icon { - left: 7.5px; } - -.item-complex.item-icon-left { - padding-left: 0; } - .item-complex.item-icon-left .item-content { - padding-left: 45px; } - -.item-icon-right { - padding-right: 45px; } - .item-icon-right .icon { - right: 7.5px; } - -.item-complex.item-icon-right { - padding-right: 0; } - .item-complex.item-icon-right .item-content { - padding-right: 45px; } - -.item-icon-left.item-icon-right .icon:first-child { - right: auto; } - -.item-icon-left.item-icon-right .icon:last-child { - left: auto; } - -/** - * Item Button - * -------------------------------------------------- - * An item button is a child button inside an .item (not the entire .item) - */ -.item-button-left { - padding-left: 67.5px; } - -.item-button-left > .button, .item-button-left .item-content > .button { - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -moz-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - -moz-align-items: center; - align-items: center; - position: absolute; - top: 7.5px; - left: 7.5px; - min-width: 34px; - min-height: 34px; - font-size: 18px; - line-height: 32px; } - .item-button-left > .button .icon:before, .item-button-left .item-content > .button .icon:before { - position: relative; - left: auto; - width: auto; - line-height: 31px; } - .item-button-left > .button > .button, .item-button-left .item-content > .button > .button { - margin: 0px 2px; - min-height: 34px; - font-size: 18px; - line-height: 32px; } - -.item-button-right, a.item.item-button-right, button.item.item-button-right { - padding-right: 75px; } - -.item-button-right > .button, .item-button-right .item-content > .button, .item-button-right > .buttons, .item-button-right .item-content > .buttons { - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -moz-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - -moz-align-items: center; - align-items: center; - position: absolute; - top: 7.5px; - right: 15px; - min-width: 34px; - min-height: 34px; - font-size: 18px; - line-height: 32px; } - .item-button-right > .button .icon:before, .item-button-right .item-content > .button .icon:before, .item-button-right > .buttons .icon:before, .item-button-right .item-content > .buttons .icon:before { - position: relative; - left: auto; - width: auto; - line-height: 31px; } - .item-button-right > .button > .button, .item-button-right .item-content > .button > .button, .item-button-right > .buttons > .button, .item-button-right .item-content > .buttons > .button { - margin: 0px 2px; - min-width: 34px; - min-height: 34px; - font-size: 18px; - line-height: 32px; } - -/** - * Auto Right Arrow Icon - * -------------------------------------------------- - * By default, if an .item is created out of an or