From ce3d15f8c95d344e2b67b832692a443ba38cbbd7 Mon Sep 17 00:00:00 2001 From: Poguez Date: Wed, 10 Sep 2014 03:52:53 -0500 Subject: [PATCH 1/9] =?UTF-8?q?Se=20quita=20la=20forma=20de=20iniciar=20se?= =?UTF-8?q?si=C3=B3n=20porque=20todav=C3=ADa=20no=20est=C3=A1=20integrada.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- www/templates/inicio.html | 11 ----------- 1 file changed, 11 deletions(-) diff --git a/www/templates/inicio.html b/www/templates/inicio.html index be80756..38ee6f6 100644 --- a/www/templates/inicio.html +++ b/www/templates/inicio.html @@ -5,16 +5,5 @@ -
- - - -
From dd3f37ecc13b14dbde017e64fe0908e7c658187a Mon Sep 17 00:00:00 2001 From: Poguez Date: Wed, 10 Sep 2014 04:26:01 -0500 Subject: [PATCH 2/9] Se agrega custom.css para personalizar con sass el tema. --- www/custom.scss | 43 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 43 insertions(+) create mode 100644 www/custom.scss diff --git a/www/custom.scss b/www/custom.scss new file mode 100644 index 0000000..6ae8838 --- /dev/null +++ b/www/custom.scss @@ -0,0 +1,43 @@ +// Los cambios en las variables deben de ir aquí: +//Balanced es el color verde theme principal +$balanced: #a3c02f !default; +$light: #fff !default; +$stable: #e8e8e8 !default; +$positive: #4a87ee !default; +$calm: #43cee6 !default; +$energized: #f0b840 !default; +$assertive: #ef4e3a !default; +$royal: #8a6de9 !default; +$dark: #444 !default; + +@import "lib/ionic/scss/ionic"; + +//Los estilos acá: +// Cuando Sass preprocesa Ionic y sass se van a combinar al archivo +// css/style.css + +.scroll { + height: 100%; +} + +.logo { + margin: 30px; + max-width: 100%; + max-height: 90px; +} + +.partner { + margin: 20px; + max-width: 100%; + max-height: 200px; +} + +img.center{ + display: block; + margin-left: auto; + margin-right: auto; +} + +h3 { + text-align: center; +} From f5be1d20a13262bfd13b9d91fc9b982121b10af1 Mon Sep 17 00:00:00 2001 From: Poguez Date: Wed, 10 Sep 2014 04:29:13 -0500 Subject: [PATCH 3/9] =?UTF-8?q?T=C3=ADtulo=20de=20la=20app=20cambiado=20y?= =?UTF-8?q?=20se=20agrega=20el=20slogan.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- www/index.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/www/index.html b/www/index.html index 2abc694..0ac3d2a 100644 --- a/www/index.html +++ b/www/index.html @@ -3,7 +3,7 @@ - Ubicla + Ubicla: ubica tus lugares biciamigables. @@ -23,9 +23,9 @@ - + - + From f81cbd8b5deb7d7608f35dae300b0ddb1a65b8c2 Mon Sep 17 00:00:00 2001 From: Poguez Date: Wed, 10 Sep 2014 06:35:56 -0500 Subject: [PATCH 4/9] Se quita referencia a lib para agregar sass --- www/index.html | 1 - 1 file changed, 1 deletion(-) diff --git a/www/index.html b/www/index.html index 0ac3d2a..12f9c2b 100644 --- a/www/index.html +++ b/www/index.html @@ -6,7 +6,6 @@ Ubicla: ubica tus lugares biciamigables. - From c14e25ef4ef85d21d463582a2584cad8ef941d21 Mon Sep 17 00:00:00 2001 From: Poguez Date: Wed, 10 Sep 2014 06:36:40 -0500 Subject: [PATCH 5/9] Se agrega archivo sass para hacer override de variables y compilar css personalizado en css/style.css --- www/custom.scss | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/www/custom.scss b/www/custom.scss index 6ae8838..ddf0f86 100644 --- a/www/custom.scss +++ b/www/custom.scss @@ -10,7 +10,9 @@ $assertive: #ef4e3a !default; $royal: #8a6de9 !default; $dark: #444 !default; +$ionicons-font-path:"/lib/ionic/fonts"; @import "lib/ionic/scss/ionic"; +@import "lib/ionic/scss/ionicons/ionicons.scss"; //Los estilos acá: // Cuando Sass preprocesa Ionic y sass se van a combinar al archivo @@ -21,8 +23,7 @@ $dark: #444 !default; } .logo { - margin: 30px; - max-width: 100%; + max-width: 50%; max-height: 90px; } From f996239ea5200a3e09a490cd678c42c782f34702 Mon Sep 17 00:00:00 2001 From: Poguez Date: Wed, 10 Sep 2014 06:37:26 -0500 Subject: [PATCH 6/9] Estilo personalizado --- www/css/style.css | 9296 ++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 9279 insertions(+), 17 deletions(-) diff --git a/www/css/style.css b/www/css/style.css index d8ad19e..f471ca1 100644 --- a/www/css/style.css +++ b/www/css/style.css @@ -1,25 +1,9287 @@ +@charset "UTF-8"; +/*! + 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("/lib/ionic/fonts/ionicons.eot?v=1.4.1"); + src: url("/lib/ionic/fonts/ionicons.eot?v=1.4.1#iefix") format("embedded-opentype"), url("/lib/ionic/fonts/ionicons.ttf?v=1.4.1") format("truetype"), url("/lib/ionic/fonts/ionicons.woff?v=1.4.1") format("woff"), url("/lib/ionic/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: ""; } + +.ion-alert-circled:before { + content: ""; } + +.ion-android-add:before { + content: ""; } + +.ion-android-add-contact:before { + content: ""; } + +.ion-android-alarm:before { + content: ""; } + +.ion-android-archive:before { + content: ""; } + +.ion-android-arrow-back:before { + content: ""; } + +.ion-android-arrow-down-left:before { + content: ""; } + +.ion-android-arrow-down-right:before { + content: ""; } + +.ion-android-arrow-up-left:before { + content: ""; } + +.ion-android-arrow-up-right:before { + content: ""; } + +.ion-android-battery:before { + content: ""; } + +.ion-android-book:before { + content: ""; } + +.ion-android-calendar:before { + content: ""; } + +.ion-android-call:before { + content: ""; } + +.ion-android-camera:before { + content: ""; } + +.ion-android-chat:before { + content: ""; } + +.ion-android-checkmark:before { + content: ""; } + +.ion-android-clock:before { + content: ""; } + +.ion-android-close:before { + content: ""; } + +.ion-android-contact:before { + content: ""; } + +.ion-android-contacts:before { + content: ""; } + +.ion-android-data:before { + content: ""; } + +.ion-android-developer:before { + content: ""; } + +.ion-android-display:before { + content: ""; } + +.ion-android-download:before { + content: ""; } + +.ion-android-dropdown:before { + content: ""; } + +.ion-android-earth:before { + content: ""; } + +.ion-android-folder:before { + content: ""; } + +.ion-android-forums:before { + content: ""; } + +.ion-android-friends:before { + content: ""; } + +.ion-android-hand:before { + content: ""; } + +.ion-android-image:before { + content: ""; } + +.ion-android-inbox:before { + content: ""; } + +.ion-android-information:before { + content: ""; } + +.ion-android-keypad:before { + content: ""; } + +.ion-android-lightbulb:before { + content: ""; } + +.ion-android-locate:before { + content: ""; } + +.ion-android-location:before { + content: ""; } + +.ion-android-mail:before { + content: ""; } + +.ion-android-microphone:before { + content: ""; } + +.ion-android-mixer:before { + content: ""; } + +.ion-android-more:before { + content: ""; } + +.ion-android-note:before { + content: ""; } + +.ion-android-playstore:before { + content: ""; } + +.ion-android-printer:before { + content: ""; } + +.ion-android-promotion:before { + content: ""; } + +.ion-android-reminder:before { + content: ""; } + +.ion-android-remove:before { + content: ""; } + +.ion-android-search:before { + content: ""; } + +.ion-android-send:before { + content: ""; } + +.ion-android-settings:before { + content: ""; } + +.ion-android-share:before { + content: ""; } + +.ion-android-social:before { + content: ""; } + +.ion-android-social-user:before { + content: ""; } + +.ion-android-sort:before { + content: ""; } + +.ion-android-star:before { + content: ""; } + +.ion-android-stopwatch:before { + content: ""; } + +.ion-android-storage:before { + content: ""; } + +.ion-android-system-back:before { + content: ""; } + +.ion-android-system-home:before { + content: ""; } + +.ion-android-system-windows:before { + content: ""; } + +.ion-android-timer:before { + content: ""; } + +.ion-android-trash:before { + content: ""; } + +.ion-android-volume:before { + content: ""; } + +.ion-android-wifi:before { + content: ""; } + +.ion-archive:before { + content: ""; } + +.ion-arrow-down-a:before { + content: ""; } + +.ion-arrow-down-b:before { + content: ""; } + +.ion-arrow-down-c:before { + content: ""; } + +.ion-arrow-expand:before { + content: ""; } + +.ion-arrow-graph-down-left:before { + content: ""; } + +.ion-arrow-graph-down-right:before { + content: ""; } + +.ion-arrow-graph-up-left:before { + content: ""; } + +.ion-arrow-graph-up-right:before { + content: ""; } + +.ion-arrow-left-a:before { + content: ""; } + +.ion-arrow-left-b:before { + content: ""; } + +.ion-arrow-left-c:before { + content: ""; } + +.ion-arrow-move:before { + content: ""; } + +.ion-arrow-resize:before { + content: ""; } + +.ion-arrow-return-left:before { + content: ""; } + +.ion-arrow-return-right:before { + content: ""; } + +.ion-arrow-right-a:before { + content: ""; } + +.ion-arrow-right-b:before { + content: ""; } + +.ion-arrow-right-c:before { + content: ""; } + +.ion-arrow-shrink:before { + content: ""; } + +.ion-arrow-swap:before { + content: ""; } + +.ion-arrow-up-a:before { + content: ""; } + +.ion-arrow-up-b:before { + content: ""; } + +.ion-arrow-up-c:before { + content: ""; } + +.ion-at:before { + content: ""; } + +.ion-bag:before { + content: ""; } + +.ion-battery-charging:before { + content: ""; } + +.ion-battery-empty:before { + content: ""; } + +.ion-battery-full:before { + content: ""; } + +.ion-battery-half:before { + content: ""; } + +.ion-battery-low:before { + content: ""; } + +.ion-beaker:before { + content: ""; } + +.ion-beer:before { + content: ""; } + +.ion-bluetooth:before { + content: ""; } + +.ion-bookmark:before { + content: ""; } + +.ion-briefcase:before { + content: ""; } + +.ion-bug:before { + content: ""; } + +.ion-calculator:before { + content: ""; } + +.ion-calendar:before { + content: ""; } + +.ion-camera:before { + content: ""; } + +.ion-card:before { + content: ""; } + +.ion-chatbox:before { + content: ""; } + +.ion-chatbox-working:before { + content: ""; } + +.ion-chatboxes:before { + content: ""; } + +.ion-chatbubble:before { + content: ""; } + +.ion-chatbubble-working:before { + content: ""; } + +.ion-chatbubbles:before { + content: ""; } + +.ion-checkmark:before { + content: ""; } + +.ion-checkmark-circled:before { + content: ""; } + +.ion-checkmark-round:before { + content: ""; } + +.ion-chevron-down:before { + content: ""; } + +.ion-chevron-left:before { + content: ""; } + +.ion-chevron-right:before { + content: ""; } + +.ion-chevron-up:before { + content: ""; } + +.ion-clipboard:before { + content: ""; } + +.ion-clock:before { + content: ""; } + +.ion-close:before { + content: ""; } + +.ion-close-circled:before { + content: ""; } + +.ion-close-round:before { + content: ""; } + +.ion-cloud:before { + content: ""; } + +.ion-code:before { + content: ""; } + +.ion-code-download:before { + content: ""; } + +.ion-code-working:before { + content: ""; } + +.ion-coffee:before { + content: ""; } + +.ion-compass:before { + content: ""; } + +.ion-compose:before { + content: ""; } + +.ion-connection-bars:before { + content: ""; } + +.ion-contrast:before { + content: ""; } + +.ion-disc:before { + content: ""; } + +.ion-document:before { + content: ""; } + +.ion-document-text:before { + content: ""; } + +.ion-drag:before { + content: ""; } + +.ion-earth:before { + content: ""; } + +.ion-edit:before { + content: ""; } + +.ion-egg:before { + content: ""; } + +.ion-eject:before { + content: ""; } + +.ion-email:before { + content: ""; } + +.ion-eye:before { + content: ""; } + +.ion-eye-disabled:before { + content: ""; } + +.ion-female:before { + content: ""; } + +.ion-filing:before { + content: ""; } + +.ion-film-marker:before { + content: ""; } + +.ion-flag:before { + content: ""; } + +.ion-flash:before { + content: ""; } + +.ion-flash-off:before { + content: ""; } + +.ion-flask:before { + content: ""; } + +.ion-folder:before { + content: ""; } + +.ion-fork:before { + content: ""; } + +.ion-fork-repo:before { + content: ""; } + +.ion-forward:before { + content: ""; } + +.ion-game-controller-a:before { + content: ""; } + +.ion-game-controller-b:before { + content: ""; } + +.ion-gear-a:before { + content: ""; } + +.ion-gear-b:before { + content: ""; } + +.ion-grid:before { + content: ""; } + +.ion-hammer:before { + content: ""; } + +.ion-headphone:before { + content: ""; } + +.ion-heart:before { + content: ""; } + +.ion-help:before { + content: ""; } + +.ion-help-buoy:before { + content: ""; } + +.ion-help-circled:before { + content: ""; } + +.ion-home:before { + content: ""; } + +.ion-icecream:before { + content: ""; } + +.ion-icon-social-google-plus:before { + content: ""; } + +.ion-icon-social-google-plus-outline:before { + content: ""; } + +.ion-image:before { + content: ""; } + +.ion-images:before { + content: ""; } + +.ion-information:before { + content: ""; } + +.ion-information-circled:before { + content: ""; } + +.ion-ionic:before { + content: ""; } + +.ion-ios7-alarm:before { + content: ""; } + +.ion-ios7-alarm-outline:before { + content: ""; } + +.ion-ios7-albums:before { + content: ""; } + +.ion-ios7-albums-outline:before { + content: ""; } + +.ion-ios7-arrow-back:before { + content: ""; } + +.ion-ios7-arrow-down:before { + content: ""; } + +.ion-ios7-arrow-forward:before { + content: ""; } + +.ion-ios7-arrow-left:before { + content: ""; } + +.ion-ios7-arrow-right:before { + content: ""; } + +.ion-ios7-arrow-thin-down:before { + content: ""; } + +.ion-ios7-arrow-thin-left:before { + content: ""; } + +.ion-ios7-arrow-thin-right:before { + content: ""; } + +.ion-ios7-arrow-thin-up:before { + content: ""; } + +.ion-ios7-arrow-up:before { + content: ""; } + +.ion-ios7-at:before { + content: ""; } + +.ion-ios7-at-outline:before { + content: ""; } + +.ion-ios7-bell:before { + content: ""; } + +.ion-ios7-bell-outline:before { + content: ""; } + +.ion-ios7-bolt:before { + content: ""; } + +.ion-ios7-bolt-outline:before { + content: ""; } + +.ion-ios7-bookmarks:before { + content: ""; } + +.ion-ios7-bookmarks-outline:before { + content: ""; } + +.ion-ios7-box:before { + content: ""; } + +.ion-ios7-box-outline:before { + content: ""; } + +.ion-ios7-briefcase:before { + content: ""; } + +.ion-ios7-briefcase-outline:before { + content: ""; } + +.ion-ios7-browsers:before { + content: ""; } + +.ion-ios7-browsers-outline:before { + content: ""; } + +.ion-ios7-calculator:before { + content: ""; } + +.ion-ios7-calculator-outline:before { + content: ""; } + +.ion-ios7-calendar:before { + content: ""; } + +.ion-ios7-calendar-outline:before { + content: ""; } + +.ion-ios7-camera:before { + content: ""; } + +.ion-ios7-camera-outline:before { + content: ""; } + +.ion-ios7-cart:before { + content: ""; } + +.ion-ios7-cart-outline:before { + content: ""; } + +.ion-ios7-chatboxes:before { + content: ""; } + +.ion-ios7-chatboxes-outline:before { + content: ""; } + +.ion-ios7-chatbubble:before { + content: ""; } + +.ion-ios7-chatbubble-outline:before { + content: ""; } + +.ion-ios7-checkmark:before { + content: ""; } + +.ion-ios7-checkmark-empty:before { + content: ""; } + +.ion-ios7-checkmark-outline:before { + content: ""; } + +.ion-ios7-circle-filled:before { + content: ""; } + +.ion-ios7-circle-outline:before { + content: ""; } + +.ion-ios7-clock:before { + content: ""; } + +.ion-ios7-clock-outline:before { + content: ""; } + +.ion-ios7-close:before { + content: ""; } + +.ion-ios7-close-empty:before { + content: ""; } + +.ion-ios7-close-outline:before { + content: ""; } + +.ion-ios7-cloud:before { + content: ""; } + +.ion-ios7-cloud-download:before { + content: ""; } + +.ion-ios7-cloud-download-outline:before { + content: ""; } + +.ion-ios7-cloud-outline:before { + content: ""; } + +.ion-ios7-cloud-upload:before { + content: ""; } + +.ion-ios7-cloud-upload-outline:before { + content: ""; } + +.ion-ios7-cloudy:before { + content: ""; } + +.ion-ios7-cloudy-night:before { + content: ""; } + +.ion-ios7-cloudy-night-outline:before { + content: ""; } + +.ion-ios7-cloudy-outline:before { + content: ""; } + +.ion-ios7-cog:before { + content: ""; } + +.ion-ios7-cog-outline:before { + content: ""; } + +.ion-ios7-compose:before { + content: ""; } + +.ion-ios7-compose-outline:before { + content: ""; } + +.ion-ios7-contact:before { + content: ""; } + +.ion-ios7-contact-outline:before { + content: ""; } + +.ion-ios7-copy:before { + content: ""; } + +.ion-ios7-copy-outline:before { + content: ""; } + +.ion-ios7-download:before { + content: ""; } + +.ion-ios7-download-outline:before { + content: ""; } + +.ion-ios7-drag:before { + content: ""; } + +.ion-ios7-email:before { + content: ""; } + +.ion-ios7-email-outline:before { + content: ""; } + +.ion-ios7-eye:before { + content: ""; } + +.ion-ios7-eye-outline:before { + content: ""; } + +.ion-ios7-fastforward:before { + content: ""; } + +.ion-ios7-fastforward-outline:before { + content: ""; } + +.ion-ios7-filing:before { + content: ""; } + +.ion-ios7-filing-outline:before { + content: ""; } + +.ion-ios7-film:before { + content: ""; } + +.ion-ios7-film-outline:before { + content: ""; } + +.ion-ios7-flag:before { + content: ""; } + +.ion-ios7-flag-outline:before { + content: ""; } + +.ion-ios7-folder:before { + content: ""; } + +.ion-ios7-folder-outline:before { + content: ""; } + +.ion-ios7-gear:before { + content: ""; } + +.ion-ios7-gear-outline:before { + content: ""; } + +.ion-ios7-glasses:before { + content: ""; } + +.ion-ios7-glasses-outline:before { + content: ""; } + +.ion-ios7-heart:before { + content: ""; } + +.ion-ios7-heart-outline:before { + content: ""; } + +.ion-ios7-help:before { + content: ""; } + +.ion-ios7-help-empty:before { + content: ""; } + +.ion-ios7-help-outline:before { + content: ""; } + +.ion-ios7-infinite:before { + content: ""; } + +.ion-ios7-infinite-outline:before { + content: ""; } + +.ion-ios7-information:before { + content: ""; } + +.ion-ios7-information-empty:before { + content: ""; } + +.ion-ios7-information-outline:before { + content: ""; } + +.ion-ios7-ionic-outline:before { + content: ""; } + +.ion-ios7-keypad:before { + content: ""; } + +.ion-ios7-keypad-outline:before { + content: ""; } + +.ion-ios7-lightbulb:before { + content: ""; } + +.ion-ios7-lightbulb-outline:before { + content: ""; } + +.ion-ios7-location:before { + content: ""; } + +.ion-ios7-location-outline:before { + content: ""; } + +.ion-ios7-locked:before { + content: ""; } + +.ion-ios7-locked-outline:before { + content: ""; } + +.ion-ios7-medkit:before { + content: ""; } + +.ion-ios7-medkit-outline:before { + content: ""; } + +.ion-ios7-mic:before { + content: ""; } + +.ion-ios7-mic-off:before { + content: ""; } + +.ion-ios7-mic-outline:before { + content: ""; } + +.ion-ios7-minus:before { + content: ""; } + +.ion-ios7-minus-empty:before { + content: ""; } + +.ion-ios7-minus-outline:before { + content: ""; } + +.ion-ios7-monitor:before { + content: ""; } + +.ion-ios7-monitor-outline:before { + content: ""; } + +.ion-ios7-moon:before { + content: ""; } + +.ion-ios7-moon-outline:before { + content: ""; } + +.ion-ios7-more:before { + content: ""; } + +.ion-ios7-more-outline:before { + content: ""; } + +.ion-ios7-musical-note:before { + content: ""; } + +.ion-ios7-musical-notes:before { + content: ""; } + +.ion-ios7-navigate:before { + content: ""; } + +.ion-ios7-navigate-outline:before { + content: ""; } + +.ion-ios7-paperplane:before { + content: ""; } + +.ion-ios7-paperplane-outline:before { + content: ""; } + +.ion-ios7-partlysunny:before { + content: ""; } + +.ion-ios7-partlysunny-outline:before { + content: ""; } + +.ion-ios7-pause:before { + content: ""; } + +.ion-ios7-pause-outline:before { + content: ""; } + +.ion-ios7-people:before { + content: ""; } + +.ion-ios7-people-outline:before { + content: ""; } + +.ion-ios7-person:before { + content: ""; } + +.ion-ios7-person-outline:before { + content: ""; } + +.ion-ios7-personadd:before { + content: ""; } + +.ion-ios7-personadd-outline:before { + content: ""; } + +.ion-ios7-photos:before { + content: ""; } + +.ion-ios7-photos-outline:before { + content: ""; } + +.ion-ios7-pie:before { + content: ""; } + +.ion-ios7-pie-outline:before { + content: ""; } + +.ion-ios7-play:before { + content: ""; } + +.ion-ios7-play-outline:before { + content: ""; } + +.ion-ios7-plus:before { + content: ""; } + +.ion-ios7-plus-empty:before { + content: ""; } + +.ion-ios7-plus-outline:before { + content: ""; } + +.ion-ios7-pricetag:before { + content: ""; } + +.ion-ios7-pricetag-outline:before { + content: ""; } + +.ion-ios7-printer:before { + content: ""; } + +.ion-ios7-printer-outline:before { + content: ""; } + +.ion-ios7-rainy:before { + content: ""; } + +.ion-ios7-rainy-outline:before { + content: ""; } + +.ion-ios7-recording:before { + content: ""; } + +.ion-ios7-recording-outline:before { + content: ""; } + +.ion-ios7-redo:before { + content: ""; } + +.ion-ios7-redo-outline:before { + content: ""; } + +.ion-ios7-refresh:before { + content: ""; } + +.ion-ios7-refresh-empty:before { + content: ""; } + +.ion-ios7-refresh-outline:before { + content: ""; } + +.ion-ios7-reload:before, .ion-ios7-reloading:before { + content: ""; } + +.ion-ios7-rewind:before { + content: ""; } + +.ion-ios7-rewind-outline:before { + content: ""; } + +.ion-ios7-search:before { + content: ""; } + +.ion-ios7-search-strong:before { + content: ""; } + +.ion-ios7-skipbackward:before { + content: ""; } + +.ion-ios7-skipbackward-outline:before { + content: ""; } + +.ion-ios7-skipforward:before { + content: ""; } + +.ion-ios7-skipforward-outline:before { + content: ""; } + +.ion-ios7-snowy:before { + content: ""; } + +.ion-ios7-speedometer:before { + content: ""; } + +.ion-ios7-speedometer-outline:before { + content: ""; } + +.ion-ios7-star:before { + content: ""; } + +.ion-ios7-star-outline:before { + content: ""; } + +.ion-ios7-stopwatch:before { + content: ""; } + +.ion-ios7-stopwatch-outline:before { + content: ""; } + +.ion-ios7-sunny:before { + content: ""; } + +.ion-ios7-sunny-outline:before { + content: ""; } + +.ion-ios7-telephone:before { + content: ""; } + +.ion-ios7-telephone-outline:before { + content: ""; } + +.ion-ios7-thunderstorm:before { + content: ""; } + +.ion-ios7-thunderstorm-outline:before { + content: ""; } + +.ion-ios7-time:before { + content: ""; } + +.ion-ios7-time-outline:before { + content: ""; } + +.ion-ios7-timer:before { + content: ""; } + +.ion-ios7-timer-outline:before { + content: ""; } + +.ion-ios7-trash:before { + content: ""; } + +.ion-ios7-trash-outline:before { + content: ""; } + +.ion-ios7-undo:before { + content: ""; } + +.ion-ios7-undo-outline:before { + content: ""; } + +.ion-ios7-unlocked:before { + content: ""; } + +.ion-ios7-unlocked-outline:before { + content: ""; } + +.ion-ios7-upload:before { + content: ""; } + +.ion-ios7-upload-outline:before { + content: ""; } + +.ion-ios7-videocam:before { + content: ""; } + +.ion-ios7-videocam-outline:before { + content: ""; } + +.ion-ios7-volume-high:before { + content: ""; } + +.ion-ios7-volume-low:before { + content: ""; } + +.ion-ios7-wineglass:before { + content: ""; } + +.ion-ios7-wineglass-outline:before { + content: ""; } + +.ion-ios7-world:before { + content: ""; } + +.ion-ios7-world-outline:before { + content: ""; } + +.ion-ipad:before { + content: ""; } + +.ion-iphone:before { + content: ""; } + +.ion-ipod:before { + content: ""; } + +.ion-jet:before { + content: ""; } + +.ion-key:before { + content: ""; } + +.ion-knife:before { + content: ""; } + +.ion-laptop:before { + content: ""; } + +.ion-leaf:before { + content: ""; } + +.ion-levels:before { + content: ""; } + +.ion-lightbulb:before { + content: ""; } + +.ion-link:before { + content: ""; } + +.ion-load-a:before, .ion-loading-a:before { + content: ""; } + +.ion-load-b:before, .ion-loading-b:before { + content: ""; } + +.ion-load-c:before, .ion-loading-c:before { + content: ""; } + +.ion-load-d:before, .ion-loading-d:before { + content: ""; } + +.ion-location:before { + content: ""; } + +.ion-locked:before { + content: ""; } + +.ion-log-in:before { + content: ""; } + +.ion-log-out:before { + content: ""; } + +.ion-loop:before, .ion-looping:before { + content: ""; } + +.ion-magnet:before { + content: ""; } + +.ion-male:before { + content: ""; } + +.ion-man:before { + content: ""; } + +.ion-map:before { + content: ""; } + +.ion-medkit:before { + content: ""; } + +.ion-mic-a:before { + content: ""; } + +.ion-mic-b:before { + content: ""; } + +.ion-mic-c:before { + content: ""; } + +.ion-minus:before { + content: ""; } + +.ion-minus-circled:before { + content: ""; } + +.ion-minus-round:before { + content: ""; } + +.ion-model-s:before { + content: ""; } + +.ion-monitor:before { + content: ""; } + +.ion-more:before { + content: ""; } + +.ion-music-note:before { + content: ""; } + +.ion-navicon:before { + content: ""; } + +.ion-navicon-round:before { + content: ""; } + +.ion-navigate:before { + content: ""; } + +.ion-no-smoking:before { + content: ""; } + +.ion-nuclear:before { + content: ""; } + +.ion-paper-airplane:before { + content: ""; } + +.ion-paperclip:before { + content: ""; } + +.ion-pause:before { + content: ""; } + +.ion-person:before { + content: ""; } + +.ion-person-add:before { + content: ""; } + +.ion-person-stalker:before { + content: ""; } + +.ion-pie-graph:before { + content: ""; } + +.ion-pin:before { + content: ""; } + +.ion-pinpoint:before { + content: ""; } + +.ion-pizza:before { + content: ""; } + +.ion-plane:before { + content: ""; } + +.ion-play:before { + content: ""; } + +.ion-playstation:before { + content: ""; } + +.ion-plus:before { + content: ""; } + +.ion-plus-circled:before { + content: ""; } + +.ion-plus-round:before { + content: ""; } + +.ion-pound:before { + content: ""; } + +.ion-power:before { + content: ""; } + +.ion-pricetag:before { + content: ""; } + +.ion-pricetags:before { + content: ""; } + +.ion-printer:before { + content: ""; } + +.ion-radio-waves:before { + content: ""; } + +.ion-record:before { + content: ""; } + +.ion-refresh:before, .ion-refreshing:before { + content: ""; } + +.ion-reply:before { + content: ""; } + +.ion-reply-all:before { + content: ""; } + +.ion-search:before { + content: ""; } + +.ion-settings:before { + content: ""; } + +.ion-share:before { + content: ""; } + +.ion-shuffle:before { + content: ""; } + +.ion-skip-backward:before { + content: ""; } + +.ion-skip-forward:before { + content: ""; } + +.ion-social-android:before { + content: ""; } + +.ion-social-android-outline:before { + content: ""; } + +.ion-social-apple:before { + content: ""; } + +.ion-social-apple-outline:before { + content: ""; } + +.ion-social-bitcoin:before { + content: ""; } + +.ion-social-bitcoin-outline:before { + content: ""; } + +.ion-social-buffer:before { + content: ""; } + +.ion-social-buffer-outline:before { + content: ""; } + +.ion-social-designernews:before { + content: ""; } + +.ion-social-designernews-outline:before { + content: ""; } + +.ion-social-dribbble:before { + content: ""; } + +.ion-social-dribbble-outline:before { + content: ""; } + +.ion-social-dropbox:before { + content: ""; } + +.ion-social-dropbox-outline:before { + content: ""; } + +.ion-social-facebook:before { + content: ""; } + +.ion-social-facebook-outline:before { + content: ""; } + +.ion-social-freebsd-devil:before { + content: ""; } + +.ion-social-github:before { + content: ""; } + +.ion-social-github-outline:before { + content: ""; } + +.ion-social-googleplus:before { + content: ""; } + +.ion-social-googleplus-outline:before { + content: ""; } + +.ion-social-hackernews:before { + content: ""; } + +.ion-social-hackernews-outline:before { + content: ""; } + +.ion-social-linkedin:before { + content: ""; } + +.ion-social-linkedin-outline:before { + content: ""; } + +.ion-social-pinterest:before { + content: ""; } + +.ion-social-pinterest-outline:before { + content: ""; } + +.ion-social-reddit:before { + content: ""; } + +.ion-social-reddit-outline:before { + content: ""; } + +.ion-social-rss:before { + content: ""; } + +.ion-social-rss-outline:before { + content: ""; } + +.ion-social-skype:before { + content: ""; } + +.ion-social-skype-outline:before { + content: ""; } + +.ion-social-tumblr:before { + content: ""; } + +.ion-social-tumblr-outline:before { + content: ""; } + +.ion-social-tux:before { + content: ""; } + +.ion-social-twitter:before { + content: ""; } + +.ion-social-twitter-outline:before { + content: ""; } + +.ion-social-vimeo:before { + content: ""; } + +.ion-social-vimeo-outline:before { + content: ""; } + +.ion-social-windows:before { + content: ""; } + +.ion-social-windows-outline:before { + content: ""; } + +.ion-social-wordpress:before { + content: ""; } + +.ion-social-wordpress-outline:before { + content: ""; } + +.ion-social-yahoo:before { + content: ""; } + +.ion-social-yahoo-outline:before { + content: ""; } + +.ion-social-youtube:before { + content: ""; } + +.ion-social-youtube-outline:before { + content: ""; } + +.ion-speakerphone:before { + content: ""; } + +.ion-speedometer:before { + content: ""; } + +.ion-spoon:before { + content: ""; } + +.ion-star:before { + content: ""; } + +.ion-stats-bars:before { + content: ""; } + +.ion-steam:before { + content: ""; } + +.ion-stop:before { + content: ""; } + +.ion-thermometer:before { + content: ""; } + +.ion-thumbsdown:before { + content: ""; } + +.ion-thumbsup:before { + content: ""; } + +.ion-trash-a:before { + content: ""; } + +.ion-trash-b:before { + content: ""; } + +.ion-umbrella:before { + content: ""; } + +.ion-unlocked:before { + content: ""; } + +.ion-upload:before { + content: ""; } + +.ion-usb:before { + content: ""; } + +.ion-videocamera:before { + content: ""; } + +.ion-volume-high:before { + content: ""; } + +.ion-volume-low:before { + content: ""; } + +.ion-volume-medium:before { + content: ""; } + +.ion-volume-mute:before { + content: ""; } + +.ion-waterdrop:before { + content: ""; } + +.ion-wifi:before { + content: ""; } + +.ion-wineglass:before { + content: ""; } + +.ion-woman:before { + content: ""; } + +.ion-wrench:before { + content: ""; } + +.ion-xbox:before { + content: ""; } + +/** + * 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: transparent; + -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: transparent; + -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: transparent; } + .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: #e8e8e8; + background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%); + color: #444; } + .bar.bar-stable .title { + color: #444; } + .bar.bar-positive { + border-color: #145dd7; + background-color: #4a87ee; + background-image: linear-gradient(0deg, #145dd7, #145dd7 50%, transparent 50%); + color: #fff; } + .bar.bar-positive .title { + color: #fff; } + .bar.bar-calm { + border-color: #1aaac3; + background-color: #43cee6; + background-image: linear-gradient(0deg, #1aaac3, #1aaac3 50%, transparent 50%); + color: #fff; } + .bar.bar-calm .title { + color: #fff; } + .bar.bar-assertive { + border-color: #cc2511; + background-color: #ef4e3a; + background-image: linear-gradient(0deg, #cc2511, #cc2511 50%, transparent 50%); + color: #fff; } + .bar.bar-assertive .title { + color: #fff; } + .bar.bar-balanced { + border-color: #6f8320; + background-color: #a3c02f; + background-image: linear-gradient(0deg, #6f8320, #6f8320 50%, transparent 50%); + color: #fff; } + .bar.bar-balanced .title { + color: #fff; } + .bar.bar-energized { + border-color: #d39511; + background-color: #f0b840; + background-image: linear-gradient(0deg, #d39511, #d39511 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: #e8e8e8; + 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: #145dd7; + background-color: #4a87ee; + color: #fff; } + .bar-positive .button:hover { + color: #fff; + text-decoration: none; } + .bar-positive .button.active { + border-color: #145dd7; + background-color: #145dd7; + 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: #1aaac3; + background-color: #43cee6; + color: #fff; } + .bar-calm .button:hover { + color: #fff; + text-decoration: none; } + .bar-calm .button.active { + border-color: #1aaac3; + background-color: #1aaac3; + 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: #cc2511; + background-color: #ef4e3a; + color: #fff; } + .bar-assertive .button:hover { + color: #fff; + text-decoration: none; } + .bar-assertive .button.active { + border-color: #cc2511; + background-color: #cc2511; + 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: #6f8320; + background-color: #a3c02f; + color: #fff; } + .bar-balanced .button:hover { + color: #fff; + text-decoration: none; } + .bar-balanced .button.active { + border-color: #6f8320; + background-color: #6f8320; + 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: #d39511; + background-color: #f0b840; + color: #fff; } + .bar-energized .button:hover { + color: #fff; + text-decoration: none; } + .bar-energized .button.active { + border-color: #d39511; + background-color: #d39511; + 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: #e8e8e8; + 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: #e8e8e8; } + @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: #e8e8e8; + 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: #e8e8e8; } + +.tabs-positive > .tabs, +.tabs.tabs-positive { + border-color: #145dd7; + background-color: #4a87ee; + background-image: linear-gradient(0deg, #145dd7, #145dd7 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: #1aaac3; + background-color: #43cee6; + background-image: linear-gradient(0deg, #1aaac3, #1aaac3 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: #cc2511; + background-color: #ef4e3a; + background-image: linear-gradient(0deg, #cc2511, #cc2511 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: #6f8320; + background-color: #a3c02f; + background-image: linear-gradient(0deg, #6f8320, #6f8320 50%, transparent 50%); + color: #fff; } + .tabs-balanced > .tabs .tab-item .badge, + .tabs.tabs-balanced .tab-item .badge { + background-color: #fff; + color: #a3c02f; } + +.tabs-energized > .tabs, +.tabs.tabs-energized { + border-color: #d39511; + background-color: #f0b840; + background-image: linear-gradient(0deg, #d39511, #d39511 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: #e8e8e8; } + .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: #a3c02f; } + .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: transparent; } + .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: #e8e8e8; + color: #444; } + .item.item-positive { + border-color: #145dd7; + background-color: #4a87ee; + color: #fff; } + .item.item-calm { + border-color: #1aaac3; + background-color: #43cee6; + color: #fff; } + .item.item-assertive { + border-color: #cc2511; + background-color: #ef4e3a; + color: #fff; } + .item.item-balanced { + border-color: #6f8320; + background-color: #a3c02f; + color: #fff; } + .item.item-energized { + border-color: #d39511; + 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: #145dd7; + background-color: #145dd7; } + .item.active:not(.item-divider):not(.item-input):not(.item-input-inset).item-calm, + .item-complex.active .item-content.item-calm { + border-color: #1aaac3; + background-color: #1aaac3; } + .item.active:not(.item-divider):not(.item-input):not(.item-input-inset).item-assertive, + .item-complex.active .item-content.item-assertive { + border-color: #cc2511; + background-color: #cc2511; } + .item.active:not(.item-divider):not(.item-input):not(.item-input-inset).item-balanced, + .item-complex.active .item-content.item-balanced { + border-color: #6f8320; + background-color: #6f8320; } + .item.active:not(.item-divider):not(.item-input):not(.item-input-inset).item-energized, + .item-complex.active .item-content.item-energized { + border-color: #d39511; + background-color: #d39511; } + .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 + + - + From b8d70687c47ad63d2fbbf9b4e987e2841b1d4fe8 Mon Sep 17 00:00:00 2001 From: Poguez Date: Wed, 10 Sep 2014 06:45:47 -0500 Subject: [PATCH 8/9] =?UTF-8?q?Se=20hace=20responsivo=20el=20layout=20del?= =?UTF-8?q?=20logo=20y=20se=20agrega=20bot=C3=B3n=20de=20explorar=20estaci?= =?UTF-8?q?onamientos?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- www/templates/inicio.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/www/templates/inicio.html b/www/templates/inicio.html index 7fbe5f6..f8b464a 100644 --- a/www/templates/inicio.html +++ b/www/templates/inicio.html @@ -12,7 +12,7 @@ -
+