From d41b33249c7052edb37a9a9336b9c383c76ce1ba Mon Sep 17 00:00:00 2001 From: Adam Bradley Date: Wed, 16 Oct 2013 20:01:58 -0500 Subject: [PATCH] radio buttons --- dist/css/ionic-ios7.css | 37 +- dist/css/ionic-scoped.css | 961 +++++++++++++++++++------------------ dist/css/ionic.css | 744 ++++++++++++++-------------- scss/ionic/_listview.scss | 2 +- scss/ionic/_radio.scss | 45 +- scss/ionic/_variables.scss | 1 + test/input-radio.html | 66 +-- 7 files changed, 930 insertions(+), 926 deletions(-) diff --git a/dist/css/ionic-ios7.css b/dist/css/ionic-ios7.css index 38c013e4b5..2f06a5fcfd 100644 --- a/dist/css/ionic-ios7.css +++ b/dist/css/ionic-ios7.css @@ -1109,7 +1109,7 @@ a.list-item { position: relative; background-color: #fff; z-index: 2; - padding: 15px 15px; + padding: 15px; -webkit-transition: margin-left 0.2s ease-in-out, margin-right 0.2s ease-in-out, left 0.2s ease-in-out; } .list-item-content > i:last-child { float: right; } @@ -1523,26 +1523,23 @@ input[type="checkbox"][readonly] { -webkit-transform: none; transition-delay: 0.05s, 0s; } -/* hide a radio button's icon by default */ -.radio-item [class^="icon-"], -.radio-item [class*=" icon-"] { - display: none; } - -.radio-list label.list-item { - cursor: pointer; } - -.radio-list input[type="radio"] { +.radio-buttton-list [class^="icon-"], +.radio-buttton-list [class*=" icon-"] { + position: absolute; + top: 25%; + left: 25%; + visibility: hidden; + font-size: 24px; } +.radio-buttton-list input[type="radio"] { /* hide any radio button inputs elements (the ugly circles) */ - display: none; - /* when this radio-item is checked */ } - .radio-list input[type="radio"]:checked + .radio-item { - /* show the radio-item icon when checked */ } - .radio-list input[type="radio"]:checked + .radio-item [class^="icon-"], - .radio-list input[type="radio"]:checked + .radio-item [class*=" icon-"] { - position: absolute; - top: 16px; - right: 10px; - display: inline; } + display: none; } + .radio-buttton-list input[type="radio"]:checked + [class^="icon-"], .radio-buttton-list input[type="radio"]:checked + [class*=" icon-"] { + visibility: visible; } +.radio-buttton-list .list-item-content { + padding-right: 60px; } +.radio-buttton-list .list-item-buttons { + z-index: 3; + width: 45px; } .button { position: relative; diff --git a/dist/css/ionic-scoped.css b/dist/css/ionic-scoped.css index 4874deab05..e465c9c78b 100644 --- a/dist/css/ionic-scoped.css +++ b/dist/css/ionic-scoped.css @@ -181,7 +181,6 @@ /* the handle (circle) thats inside the toggle's track area */ /* also the appearance when the handle is "off" */ /* When the toggle is "on" */ - /* hide a radio button's icon by default */ @keyframes fadein { from { opacity: 0.7; } @@ -207,7 +206,7 @@ line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } - .ionic .icon-woman, .ionic .icon-wifi, .ionic .icon-waterdrop, .ionic .icon-volume-mute, .ionic .icon-volume-medium, .ionic .icon-volume-low, .ionic .icon-volume-high, .ionic .icon-videocamera, .ionic .icon-upload, .ionic .icon-unlocked, .ionic .icon-trash-b, .ionic .icon-trash-a, .ionic .icon-thumbsup, .ionic .icon-thumbsdown, .ionic .icon-stop, .ionic .icon-star, .ionic .icon-shuffle, .ionic .icon-share, .ionic .icon-search, .ionic .icon-reply, .ionic .icon-reply-all, .ionic .icon-refresh, .ionic .icon-record, .ionic .icon-printer, .ionic .icon-pound, .ionic .icon-plus, .ionic .icon-plus-round, .ionic .icon-plus-circled, .ionic .icon-play, .ionic .icon-plane, .ionic .icon-person, .ionic .icon-person-stalker, .ionic .icon-person-add, .ionic .icon-pause, .ionic .icon-paperclip, .ionic .icon-next, .ionic .icon-navicon, .ionic .icon-navicon-round, .ionic .icon-music-note, .ionic .icon-more, .ionic .icon-monitor, .ionic .icon-minus, .ionic .icon-minus-round, .ionic .icon-minus-circled, .ionic .icon-mic-c, .ionic .icon-mic-b, .ionic .icon-mic-a, .ionic .icon-map, .ionic .icon-man, .ionic .icon-loop, .ionic .icon-locked, .ionic .icon-location, .ionic .icon-leaf, .ionic .icon-laptop, .ionic .icon-ipod, .ionic .icon-iphone, .ionic .icon-ipad, .ionic .icon-ionic, .ionic .icon-ionic-outline, .ionic .icon-information, .ionic .icon-information-circled, .ionic .icon-images, .ionic .icon-image, .ionic .icon-home, .ionic .icon-help, .ionic .icon-help-circled, .ionic .icon-heart, .ionic .icon-headphone, .ionic .icon-grid, .ionic .icon-gear-b, .ionic .icon-gear-a, .ionic .icon-game-controller-b, .ionic .icon-game-controller-a, .ionic .icon-forward, .ionic .icon-folder, .ionic .icon-flask, .ionic .icon-flash, .ionic .icon-flash-off, .ionic .icon-film-marker, .ionic .icon-filing, .ionic .icon-eye, .ionic .icon-email, .ionic .icon-drag, .ionic .icon-document, .ionic .icon-document-text, .ionic .icon-disc, .ionic .icon-compose, .ionic .icon-cloud, .ionic .icon-close, .ionic .icon-close-round, .ionic .icon-close-circled, .ionic .icon-clipboard, .ionic .icon-chevron-up, .ionic .icon-chevron-right, .ionic .icon-chevron-left, .ionic .icon-chevron-down, .ionic .icon-checkmark, .ionic .icon-checkmark-round, .ionic .icon-checkmark-circled, .ionic .icon-chatbubbles, .ionic .icon-chatbubble, .ionic .icon-chatbubble-working, .ionic .icon-chatboxes, .ionic .icon-chatbox, .ionic .icon-chatbox-working, .ionic .icon-card, .ionic .icon-camera, .ionic .icon-calendar, .ionic .icon-bluetooth, .ionic .icon-battery-low, .ionic .icon-battery-half, .ionic .icon-battery-full, .ionic .icon-battery-empty, .ionic .icon-battery-charging, .ionic .icon-bag, .ionic .icon-at, .ionic .icon-arrow-up-c, .ionic .icon-arrow-up-b, .ionic .icon-arrow-up-a, .ionic .icon-arrow-right-c, .ionic .icon-arrow-right-b, .ionic .icon-arrow-right-a, .ionic .icon-arrow-left-c, .ionic .icon-arrow-left-b, .ionic .icon-arrow-left-a, .ionic .icon-arrow-down-c, .ionic .icon-arrow-down-b, .ionic .icon-arrow-down-a, .ionic .icon-archive, .ionic .icon-alert, .ionic .icon-ios7-world, .ionic .icon-ios7-world-outline, .ionic .icon-ios7-volume-low, .ionic .icon-ios7-volume-high, .ionic .icon-ios7-videocam, .ionic .icon-ios7-videocam-outline, .ionic .icon-ios7-upload, .ionic .icon-ios7-upload-outline, .ionic .icon-ios7-unlocked, .ionic .icon-ios7-unlocked-outline, .ionic .icon-ios7-undo, .ionic .icon-ios7-undo-outline, .ionic .icon-ios7-trash, .ionic .icon-ios7-trash-outline, .ionic .icon-ios7-timer, .ionic .icon-ios7-timer-outline, .ionic .icon-ios7-thunderstorm, .ionic .icon-ios7-thunderstorm-outline, .ionic .icon-ios7-telephone, .ionic .icon-ios7-telephone-outline, .ionic .icon-ios7-sunny, .ionic .icon-ios7-sunny-outline, .ionic .icon-ios7-stopwatch, .ionic .icon-ios7-stopwatch-outline, .ionic .icon-ios7-star, .ionic .icon-ios7-star-outline, .ionic .icon-ios7-skipforward, .ionic .icon-ios7-skipforward-outline, .ionic .icon-ios7-skipbackward, .ionic .icon-ios7-skipbackward-outline, .ionic .icon-ios7-search, .ionic .icon-ios7-search-strong, .ionic .icon-ios7-rewind, .ionic .icon-ios7-rewind-outline, .ionic .icon-ios7-refresh, .ionic .icon-ios7-refresh-outline, .ionic .icon-ios7-refresh-empty, .ionic .icon-ios7-redo, .ionic .icon-ios7-redo-outline, .ionic .icon-ios7-recording, .ionic .icon-ios7-recording-outline, .ionic .icon-ios7-rainy, .ionic .icon-ios7-rainy-outline, .ionic .icon-ios7-printer, .ionic .icon-ios7-printer-outline, .ionic .icon-ios7-plus, .ionic .icon-ios7-plus-outline, .ionic .icon-ios7-plus-empty, .ionic .icon-ios7-play, .ionic .icon-ios7-play-outline, .ionic .icon-ios7-photos, .ionic .icon-ios7-photos-outline, .ionic .icon-ios7-personadd, .ionic .icon-ios7-personadd-outline, .ionic .icon-ios7-person, .ionic .icon-ios7-person-outline, .ionic .icon-ios7-people, .ionic .icon-ios7-people-outline, .ionic .icon-ios7-pause, .ionic .icon-ios7-pause-outline, .ionic .icon-ios7-partlysunny, .ionic .icon-ios7-partlysunny-outline, .ionic .icon-ios7-paperplane, .ionic .icon-ios7-paperplane-outline, .ionic .icon-ios7-navigate, .ionic .icon-ios7-navigate-outline, .ionic .icon-ios7-musical-notes, .ionic .icon-ios7-musical-note, .ionic .icon-ios7-more, .ionic .icon-ios7-more-outline, .ionic .icon-ios7-moon, .ionic .icon-ios7-moon-outline, .ionic .icon-ios7-monitor, .ionic .icon-ios7-monitor-outline, .ionic .icon-ios7-minus, .ionic .icon-ios7-minus-outline, .ionic .icon-ios7-minus-empty, .ionic .icon-ios7-mic, .ionic .icon-ios7-mic-outline, .ionic .icon-ios7-mic-off, .ionic .icon-ios7-locked, .ionic .icon-ios7-locked-outline, .ionic .icon-ios7-location, .ionic .icon-ios7-location-outline, .ionic .icon-ios7-keypad, .ionic .icon-ios7-keypad-outline, .ionic .icon-ios7-information, .ionic .icon-ios7-information-outline, .ionic .icon-ios7-information-empty, .ionic .icon-ios7-infinite, .ionic .icon-ios7-infinite-outline, .ionic .icon-ios7-help, .ionic .icon-ios7-help-outline, .ionic .icon-ios7-help-empty, .ionic .icon-ios7-heart, .ionic .icon-ios7-heart-outline, .ionic .icon-ios7-glasses, .ionic .icon-ios7-glasses-outline, .ionic .icon-ios7-gear, .ionic .icon-ios7-gear-outline, .ionic .icon-ios7-folder, .ionic .icon-ios7-folder-outline, .ionic .icon-ios7-flag, .ionic .icon-ios7-flag-outline, .ionic .icon-ios7-film, .ionic .icon-ios7-film-outline, .ionic .icon-ios7-filing, .ionic .icon-ios7-filing-outline, .ionic .icon-ios7-fastforward, .ionic .icon-ios7-fastforward-outline, .ionic .icon-ios7-eye, .ionic .icon-ios7-eye-outline, .ionic .icon-ios7-email, .ionic .icon-ios7-email-outline, .ionic .icon-ios7-drag, .ionic .icon-ios7-download, .ionic .icon-ios7-download-outline, .ionic .icon-ios7-copy, .ionic .icon-ios7-copy-outline, .ionic .icon-ios7-contact, .ionic .icon-ios7-contact-outline, .ionic .icon-ios7-compose, .ionic .icon-ios7-compose-outline, .ionic .icon-ios7-cog, .ionic .icon-ios7-cog-outline, .ionic .icon-ios7-cloudy, .ionic .icon-ios7-cloudy-outline, .ionic .icon-ios7-cloud, .ionic .icon-ios7-cloud-upload, .ionic .icon-ios7-cloud-upload-outline, .ionic .icon-ios7-cloud-outline, .ionic .icon-ios7-cloud-download, .ionic .icon-ios7-cloud-download-outline, .ionic .icon-ios7-clock, .ionic .icon-ios7-clock-outline, .ionic .icon-ios7-circle-outline, .ionic .icon-ios7-circle-filled, .ionic .icon-ios7-checkmark, .ionic .icon-ios7-checkmark-outline, .ionic .icon-ios7-checkmark-empty, .ionic .icon-ios7-chatbubble, .ionic .icon-ios7-chatbubble-outline, .ionic .icon-ios7-chatboxes, .ionic .icon-ios7-chatboxes-outline, .ionic .icon-ios7-cart, .ionic .icon-ios7-cart-outline, .ionic .icon-ios7-camera, .ionic .icon-ios7-camera-outline, .ionic .icon-ios7-calendar, .ionic .icon-ios7-calendar-outline, .ionic .icon-ios7-browsers, .ionic .icon-ios7-browsers-outline, .ionic .icon-ios7-box, .ionic .icon-ios7-box-outline, .ionic .icon-ios7-bookmarks, .ionic .icon-ios7-bookmarks-outline, .ionic .icon-ios7-bolt, .ionic .icon-ios7-bolt-outline, .ionic .icon-ios7-bell, .ionic .icon-ios7-bell-outline, .ionic .icon-ios7-at, .ionic .icon-ios7-arrow-up, .ionic .icon-ios7-arrow-right, .ionic .icon-ios7-arrow-left, .ionic .icon-ios7-arrow-forward, .ionic .icon-ios7-arrow-down, .ionic .icon-ios7-arrow-back, .ionic .icon-ios7-albums, .ionic .icon-ios7-albums-outline, .ionic .icon-ios7-alarm, .ionic .icon-ios7-alarm-outline, .ionic .icon-social-youtube, .ionic .icon-social-youtube-outline, .ionic .icon-social-yahoo, .ionic .icon-social-yahoo-outline, .ionic .icon-social-wordpress, .ionic .icon-social-wordpress-outline, .ionic .icon-social-windows, .ionic .icon-social-windows-outline, .ionic .icon-social-vimeo, .ionic .icon-social-vimeo-outline, .ionic .icon-social-twitter, .ionic .icon-social-twitter-outline, .ionic .icon-social-tumblr, .ionic .icon-social-tumblr-outline, .ionic .icon-social-skype, .ionic .icon-social-skype-outline, .ionic .icon-social-rss, .ionic .icon-social-rss-outline, .ionic .icon-social-reddit, .ionic .icon-social-reddit-outline, .ionic .icon-social-linkedin, .ionic .icon-social-linkedin-outline, .ionic .icon-social-hackernews, .ionic .icon-social-hackernews-outline, .ionic .icon-social-google, .ionic .icon-social-google-outline, .ionic .icon-social-github, .ionic .icon-social-github-outline, .ionic .icon-social-facebook, .ionic .icon-social-facebook-outline, .ionic .icon-social-dropbox, .ionic .icon-social-dropbox-outline, .ionic .icon-social-dribbble, .ionic .icon-social-dribbble-outline, .ionic .icon-social-designernews, .ionic .icon-social-designernews-outline, .ionic .icon-social-buffer, .ionic .icon-social-buffer-outline, .ionic .icon-social-apple, .ionic .icon-social-apple-outline, .ionic .icon-social-android, .ionic .icon-social-android-outline { + .ionic .icon-battery-charging, .ionic .icon-bag, .ionic .icon-at, .ionic .icon-arrow-up-c, .ionic .icon-arrow-up-b, .ionic .icon-arrow-up-a, .ionic .icon-arrow-right-c, .ionic .icon-arrow-right-b, .ionic .icon-arrow-right-a, .ionic .icon-arrow-left-c, .ionic .icon-arrow-left-b, .ionic .icon-arrow-left-a, .ionic .icon-arrow-down-c, .ionic .icon-arrow-down-b, .ionic .icon-arrow-down-a, .ionic .icon-archive, .ionic .icon-alert, .ionic .icon-alert-circled, .ionic .icon-ios7-at-outline, .ionic .icon-ios7-world, .ionic .icon-ios7-world-outline, .ionic .icon-ios7-volume-low, .ionic .icon-ios7-volume-high, .ionic .icon-ios7-videocam, .ionic .icon-ios7-videocam-outline, .ionic .icon-ios7-upload, .ionic .icon-ios7-upload-outline, .ionic .icon-ios7-unlocked, .ionic .icon-ios7-unlocked-outline, .ionic .icon-ios7-undo, .ionic .icon-ios7-undo-outline, .ionic .icon-ios7-trash, .ionic .icon-ios7-trash-outline, .ionic .icon-ios7-timer, .ionic .icon-ios7-timer-outline, .ionic .icon-ios7-thunderstorm, .ionic .icon-ios7-thunderstorm-outline, .ionic .icon-ios7-telephone, .ionic .icon-ios7-telephone-outline, .ionic .icon-ios7-sunny, .ionic .icon-ios7-sunny-outline, .ionic .icon-ios7-stopwatch, .ionic .icon-ios7-stopwatch-outline, .ionic .icon-ios7-star, .ionic .icon-ios7-star-outline, .ionic .icon-ios7-skipforward, .ionic .icon-ios7-skipforward-outline, .ionic .icon-ios7-skipbackward, .ionic .icon-ios7-skipbackward-outline, .ionic .icon-ios7-search, .ionic .icon-ios7-search-strong, .ionic .icon-ios7-rewind, .ionic .icon-ios7-rewind-outline, .ionic .icon-ios7-refresh, .ionic .icon-ios7-refresh-outline, .ionic .icon-ios7-refresh-empty, .ionic .icon-ios7-redo, .ionic .icon-ios7-redo-outline, .ionic .icon-ios7-recording, .ionic .icon-ios7-recording-outline, .ionic .icon-ios7-rainy, .ionic .icon-ios7-rainy-outline, .ionic .icon-ios7-printer, .ionic .icon-ios7-printer-outline, .ionic .icon-ios7-plus, .ionic .icon-ios7-plus-outline, .ionic .icon-ios7-plus-empty, .ionic .icon-ios7-play, .ionic .icon-ios7-play-outline, .ionic .icon-ios7-photos, .ionic .icon-ios7-photos-outline, .ionic .icon-ios7-personadd, .ionic .icon-ios7-personadd-outline, .ionic .icon-ios7-person, .ionic .icon-ios7-person-outline, .ionic .icon-ios7-people, .ionic .icon-ios7-people-outline, .ionic .icon-ios7-pause, .ionic .icon-ios7-pause-outline, .ionic .icon-ios7-partlysunny, .ionic .icon-ios7-partlysunny-outline, .ionic .icon-ios7-paperplane, .ionic .icon-ios7-paperplane-outline, .ionic .icon-ios7-navigate, .ionic .icon-ios7-navigate-outline, .ionic .icon-ios7-musical-notes, .ionic .icon-ios7-musical-note, .ionic .icon-ios7-more, .ionic .icon-ios7-more-outline, .ionic .icon-ios7-moon, .ionic .icon-ios7-moon-outline, .ionic .icon-ios7-monitor, .ionic .icon-ios7-monitor-outline, .ionic .icon-ios7-minus, .ionic .icon-ios7-minus-outline, .ionic .icon-ios7-minus-empty, .ionic .icon-ios7-mic, .ionic .icon-ios7-mic-outline, .ionic .icon-ios7-mic-off, .ionic .icon-ios7-locked, .ionic .icon-ios7-locked-outline, .ionic .icon-ios7-location, .ionic .icon-ios7-location-outline, .ionic .icon-ios7-keypad, .ionic .icon-ios7-keypad-outline, .ionic .icon-ios7-ionic-outline, .ionic .icon-ios7-information, .ionic .icon-ios7-information-outline, .ionic .icon-ios7-information-empty, .ionic .icon-ios7-infinite, .ionic .icon-ios7-infinite-outline, .ionic .icon-ios7-help, .ionic .icon-ios7-help-outline, .ionic .icon-ios7-help-empty, .ionic .icon-ios7-heart, .ionic .icon-ios7-heart-outline, .ionic .icon-ios7-glasses, .ionic .icon-ios7-glasses-outline, .ionic .icon-ios7-gear, .ionic .icon-ios7-gear-outline, .ionic .icon-ios7-folder, .ionic .icon-ios7-folder-outline, .ionic .icon-ios7-flag, .ionic .icon-ios7-flag-outline, .ionic .icon-ios7-film, .ionic .icon-ios7-film-outline, .ionic .icon-ios7-filing, .ionic .icon-ios7-filing-outline, .ionic .icon-ios7-fastforward, .ionic .icon-ios7-fastforward-outline, .ionic .icon-ios7-eye, .ionic .icon-ios7-eye-outline, .ionic .icon-ios7-email, .ionic .icon-ios7-email-outline, .ionic .icon-ios7-drag, .ionic .icon-ios7-download, .ionic .icon-ios7-download-outline, .ionic .icon-ios7-copy, .ionic .icon-ios7-copy-outline, .ionic .icon-ios7-contact, .ionic .icon-ios7-contact-outline, .ionic .icon-ios7-compose, .ionic .icon-ios7-compose-outline, .ionic .icon-ios7-cog, .ionic .icon-ios7-cog-outline, .ionic .icon-ios7-cloudy, .ionic .icon-ios7-cloudy-outline, .ionic .icon-ios7-cloud, .ionic .icon-ios7-cloud-upload, .ionic .icon-ios7-cloud-upload-outline, .ionic .icon-ios7-cloud-outline, .ionic .icon-ios7-cloud-download, .ionic .icon-ios7-cloud-download-outline, .ionic .icon-ios7-clock, .ionic .icon-ios7-clock-outline, .ionic .icon-ios7-circle-outline, .ionic .icon-ios7-circle-filled, .ionic .icon-ios7-checkmark, .ionic .icon-ios7-checkmark-outline, .ionic .icon-ios7-checkmark-empty, .ionic .icon-ios7-chatbubble, .ionic .icon-ios7-chatbubble-outline, .ionic .icon-ios7-chatboxes, .ionic .icon-ios7-chatboxes-outline, .ionic .icon-ios7-cart, .ionic .icon-ios7-cart-outline, .ionic .icon-ios7-camera, .ionic .icon-ios7-camera-outline, .ionic .icon-ios7-calendar, .ionic .icon-ios7-calendar-outline, .ionic .icon-ios7-browsers, .ionic .icon-ios7-browsers-outline, .ionic .icon-ios7-box, .ionic .icon-ios7-box-outline, .ionic .icon-ios7-bookmarks, .ionic .icon-ios7-bookmarks-outline, .ionic .icon-ios7-bolt, .ionic .icon-ios7-bolt-outline, .ionic .icon-ios7-bell, .ionic .icon-ios7-bell-outline, .ionic .icon-ios7-at, .ionic .icon-ios7-arrow-up, .ionic .icon-ios7-arrow-right, .ionic .icon-ios7-arrow-left, .ionic .icon-ios7-arrow-forward, .ionic .icon-ios7-arrow-down, .ionic .icon-ios7-arrow-back, .ionic .icon-ios7-albums, .ionic .icon-ios7-albums-outline, .ionic .icon-ios7-alarm, .ionic .icon-ios7-alarm-outline, .ionic .icon-social-youtube, .ionic .icon-social-youtube-outline, .ionic .icon-social-yahoo, .ionic .icon-social-yahoo-outline, .ionic .icon-social-wordpress, .ionic .icon-social-wordpress-outline, .ionic .icon-social-windows, .ionic .icon-social-windows-outline, .ionic .icon-social-vimeo, .ionic .icon-social-vimeo-outline, .ionic .icon-social-twitter, .ionic .icon-social-twitter-outline, .ionic .icon-social-tumblr, .ionic .icon-social-tumblr-outline, .ionic .icon-social-skype, .ionic .icon-social-skype-outline, .ionic .icon-social-rss, .ionic .icon-social-rss-outline, .ionic .icon-social-reddit, .ionic .icon-social-reddit-outline, .ionic .icon-social-linkedin, .ionic .icon-social-linkedin-outline, .ionic .icon-social-hackernews, .ionic .icon-social-hackernews-outline, .ionic .icon-social-googleplus, .ionic .icon-social-googleplus-outline, .ionic .icon-social-github, .ionic .icon-social-github-outline, .ionic .icon-social-facebook, .ionic .icon-social-facebook-outline, .ionic .icon-social-dropbox, .ionic .icon-social-dropbox-outline, .ionic .icon-social-dribbble, .ionic .icon-social-dribbble-outline, .ionic .icon-social-designernews, .ionic .icon-social-designernews-outline, .ionic .icon-social-buffer, .ionic .icon-social-buffer-outline, .ionic .icon-social-apple, .ionic .icon-social-apple-outline, .ionic .icon-social-android, .ionic .icon-social-android-outline, .ionic .icon-battery-empty, .ionic .icon-battery-full, .ionic .icon-battery-half, .ionic .icon-battery-low, .ionic .icon-bluetooth, .ionic .icon-calendar, .ionic .icon-camera, .ionic .icon-card, .ionic .icon-chatbox-working, .ionic .icon-chatbox, .ionic .icon-chatboxes, .ionic .icon-chatbubble-working, .ionic .icon-chatbubble, .ionic .icon-chatbubbles, .ionic .icon-checkmark-circled, .ionic .icon-checkmark-round, .ionic .icon-checkmark, .ionic .icon-chevron-down, .ionic .icon-chevron-left, .ionic .icon-chevron-right, .ionic .icon-chevron-up, .ionic .icon-clipboard, .ionic .icon-close-circled, .ionic .icon-close-round, .ionic .icon-close, .ionic .icon-cloud, .ionic .icon-compose, .ionic .icon-disc, .ionic .icon-document-text, .ionic .icon-document, .ionic .icon-drag, .ionic .icon-eject, .ionic .icon-email, .ionic .icon-eye, .ionic .icon-filing, .ionic .icon-film-marker, .ionic .icon-flash-off, .ionic .icon-flash, .ionic .icon-flask, .ionic .icon-folder, .ionic .icon-forward, .ionic .icon-game-controller-a, .ionic .icon-game-controller-b, .ionic .icon-gear-a, .ionic .icon-gear-b, .ionic .icon-grid, .ionic .icon-headphone, .ionic .icon-heart, .ionic .icon-help-circled, .ionic .icon-help, .ionic .icon-home, .ionic .icon-image, .ionic .icon-images, .ionic .icon-information-circled, .ionic .icon-information, .ionic .icon-ionic, .ionic .icon-ipad, .ionic .icon-iphone, .ionic .icon-ipod, .ionic .icon-laptop, .ionic .icon-leaf, .ionic .icon-link, .ionic .icon-location, .ionic .icon-locked, .ionic .icon-loop, .ionic .icon-man, .ionic .icon-map, .ionic .icon-mic-a, .ionic .icon-mic-b, .ionic .icon-mic-c, .ionic .icon-minus-circled, .ionic .icon-minus-round, .ionic .icon-minus, .ionic .icon-monitor, .ionic .icon-more, .ionic .icon-music-note, .ionic .icon-navicon-round, .ionic .icon-navicon, .ionic .icon-paperclip, .ionic .icon-pause, .ionic .icon-person-add, .ionic .icon-person-stalker, .ionic .icon-person, .ionic .icon-plane, .ionic .icon-play, .ionic .icon-plus-circled, .ionic .icon-plus-round, .ionic .icon-plus, .ionic .icon-pound, .ionic .icon-printer, .ionic .icon-record, .ionic .icon-refresh, .ionic .icon-reply-all, .ionic .icon-reply, .ionic .icon-search, .ionic .icon-share, .ionic .icon-shuffle, .ionic .icon-skip-backward, .ionic .icon-skip-forward, .ionic .icon-star, .ionic .icon-stop, .ionic .icon-thumbsdown, .ionic .icon-thumbsup, .ionic .icon-trash-a, .ionic .icon-trash-b, .ionic .icon-unlocked, .ionic .icon-upload, .ionic .icon-videocamera, .ionic .icon-volume-high, .ionic .icon-volume-low, .ionic .icon-volume-medium, .ionic .icon-volume-mute, .ionic .icon-waterdrop, .ionic .icon-wifi, .ionic .icon-woman { font-family: 'ionicons'; speak: none; font-style: normal; @@ -216,692 +215,702 @@ text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } - .ionic .icon-woman:before { - content: "\e000"; } - .ionic .icon-wifi:before { - content: "\e001"; } - .ionic .icon-waterdrop:before { - content: "\e002"; } - .ionic .icon-volume-mute:before { - content: "\e003"; } - .ionic .icon-volume-medium:before { - content: "\e004"; } - .ionic .icon-volume-low:before { - content: "\e005"; } - .ionic .icon-volume-high:before { - content: "\e006"; } - .ionic .icon-videocamera:before { - content: "\e007"; } - .ionic .icon-upload:before { - content: "\e008"; } - .ionic .icon-unlocked:before { - content: "\e009"; } - .ionic .icon-trash-b:before { - content: "\e00a"; } - .ionic .icon-trash-a:before { - content: "\e00b"; } - .ionic .icon-thumbsup:before { - content: "\e00c"; } - .ionic .icon-thumbsdown:before { - content: "\e00d"; } - .ionic .icon-stop:before { - content: "\e00e"; } - .ionic .icon-star:before { - content: "\e00f"; } - .ionic .icon-shuffle:before { - content: "\e010"; } - .ionic .icon-share:before { - content: "\e011"; } - .ionic .icon-search:before { - content: "\e012"; } - .ionic .icon-reply:before { - content: "\e013"; } - .ionic .icon-reply-all:before { - content: "\e014"; } - .ionic .icon-refresh:before { - content: "\e015"; } - .ionic .icon-record:before { - content: "\e016"; } - .ionic .icon-printer:before { - content: "\e017"; } - .ionic .icon-pound:before { - content: "\e018"; } - .ionic .icon-plus:before { - content: "\e019"; } - .ionic .icon-plus-round:before { - content: "\e01a"; } - .ionic .icon-plus-circled:before { - content: "\e01b"; } - .ionic .icon-play:before { - content: "\e01c"; } - .ionic .icon-plane:before { - content: "\e01d"; } - .ionic .icon-person:before { - content: "\e01e"; } - .ionic .icon-person-stalker:before { - content: "\e01f"; } - .ionic .icon-person-add:before { - content: "\e020"; } - .ionic .icon-pause:before { - content: "\e021"; } - .ionic .icon-paperclip:before { - content: "\e022"; } - .ionic .icon-next:before { - content: "\e023"; } - .ionic .icon-navicon:before { - content: "\e024"; } - .ionic .icon-navicon-round:before { - content: "\e025"; } - .ionic .icon-music-note:before { - content: "\e026"; } - .ionic .icon-more:before { - content: "\e027"; } - .ionic .icon-monitor:before { - content: "\e028"; } - .ionic .icon-minus:before { - content: "\e029"; } - .ionic .icon-minus-round:before { - content: "\e02a"; } - .ionic .icon-minus-circled:before { - content: "\e02b"; } - .ionic .icon-mic-c:before { - content: "\e02c"; } - .ionic .icon-mic-b:before { - content: "\e02d"; } - .ionic .icon-mic-a:before { - content: "\e02e"; } - .ionic .icon-map:before { - content: "\e02f"; } - .ionic .icon-man:before { - content: "\e030"; } - .ionic .icon-loop:before { - content: "\e031"; } - .ionic .icon-locked:before { - content: "\e032"; } - .ionic .icon-location:before { - content: "\e033"; } - .ionic .icon-leaf:before { - content: "\e034"; } - .ionic .icon-laptop:before { - content: "\e035"; } - .ionic .icon-ipod:before { - content: "\e036"; } - .ionic .icon-iphone:before { - content: "\e037"; } - .ionic .icon-ipad:before { - content: "\e038"; } - .ionic .icon-ionic:before { - content: "\e039"; } - .ionic .icon-ionic-outline:before { - content: "\e03a"; } - .ionic .icon-information:before { - content: "\e03b"; } - .ionic .icon-information-circled:before { - content: "\e03c"; } - .ionic .icon-images:before { - content: "\e03d"; } - .ionic .icon-image:before { - content: "\e03e"; } - .ionic .icon-home:before { - content: "\e03f"; } - .ionic .icon-help:before { - content: "\e040"; } - .ionic .icon-help-circled:before { - content: "\e041"; } - .ionic .icon-heart:before { - content: "\e042"; } - .ionic .icon-headphone:before { - content: "\e043"; } - .ionic .icon-grid:before { - content: "\e044"; } - .ionic .icon-gear-b:before { - content: "\e045"; } - .ionic .icon-gear-a:before { - content: "\e046"; } - .ionic .icon-game-controller-b:before { - content: "\e047"; } - .ionic .icon-game-controller-a:before { - content: "\e048"; } - .ionic .icon-forward:before { - content: "\e049"; } - .ionic .icon-folder:before { - content: "\e04a"; } - .ionic .icon-flask:before { - content: "\e04b"; } - .ionic .icon-flash:before { - content: "\e04c"; } - .ionic .icon-flash-off:before { - content: "\e04d"; } - .ionic .icon-film-marker:before { - content: "\e04e"; } - .ionic .icon-filing:before { - content: "\e04f"; } - .ionic .icon-eye:before { - content: "\e050"; } - .ionic .icon-email:before { - content: "\e051"; } - .ionic .icon-drag:before { - content: "\e052"; } - .ionic .icon-document:before { - content: "\e053"; } - .ionic .icon-document-text:before { - content: "\e054"; } - .ionic .icon-disc:before { - content: "\e055"; } - .ionic .icon-compose:before { - content: "\e056"; } - .ionic .icon-cloud:before { - content: "\e057"; } - .ionic .icon-close:before { - content: "\e058"; } - .ionic .icon-close-round:before { - content: "\e059"; } - .ionic .icon-close-circled:before { - content: "\e05a"; } - .ionic .icon-clipboard:before { - content: "\e05b"; } - .ionic .icon-chevron-up:before { - content: "\e05c"; } - .ionic .icon-chevron-right:before { - content: "\e05d"; } - .ionic .icon-chevron-left:before { - content: "\e05e"; } - .ionic .icon-chevron-down:before { - content: "\e05f"; } - .ionic .icon-checkmark:before { - content: "\e060"; } - .ionic .icon-checkmark-round:before { - content: "\e061"; } - .ionic .icon-checkmark-circled:before { - content: "\e062"; } - .ionic .icon-chatbubbles:before { - content: "\e063"; } - .ionic .icon-chatbubble:before { - content: "\e064"; } - .ionic .icon-chatbubble-working:before { - content: "\e065"; } - .ionic .icon-chatboxes:before { - content: "\e066"; } - .ionic .icon-chatbox:before { - content: "\e067"; } - .ionic .icon-chatbox-working:before { - content: "\e068"; } - .ionic .icon-card:before { - content: "\e069"; } - .ionic .icon-camera:before { - content: "\e06a"; } - .ionic .icon-calendar:before { - content: "\e06b"; } - .ionic .icon-bluetooth:before { - content: "\e06c"; } - .ionic .icon-battery-low:before { - content: "\e06d"; } - .ionic .icon-battery-half:before { - content: "\e06e"; } - .ionic .icon-battery-full:before { - content: "\e06f"; } - .ionic .icon-battery-empty:before { - content: "\e070"; } .ionic .icon-battery-charging:before { - content: "\e071"; } + content: "\e001"; } .ionic .icon-bag:before { - content: "\e072"; } + content: "\e002"; } .ionic .icon-at:before { - content: "\e073"; } + content: "\e003"; } .ionic .icon-arrow-up-c:before { - content: "\e074"; } + content: "\e004"; } .ionic .icon-arrow-up-b:before { - content: "\e075"; } + content: "\e005"; } .ionic .icon-arrow-up-a:before { - content: "\e076"; } + content: "\e006"; } .ionic .icon-arrow-right-c:before { - content: "\e077"; } + content: "\e007"; } .ionic .icon-arrow-right-b:before { - content: "\e078"; } + content: "\e008"; } .ionic .icon-arrow-right-a:before { - content: "\e079"; } + content: "\e009"; } .ionic .icon-arrow-left-c:before { - content: "\e07a"; } + content: "\e00a"; } .ionic .icon-arrow-left-b:before { - content: "\e07b"; } + content: "\e00b"; } .ionic .icon-arrow-left-a:before { - content: "\e07c"; } + content: "\e00c"; } .ionic .icon-arrow-down-c:before { - content: "\e07d"; } + content: "\e00d"; } .ionic .icon-arrow-down-b:before { - content: "\e07e"; } + content: "\e00e"; } .ionic .icon-arrow-down-a:before { - content: "\e07f"; } + content: "\e00f"; } .ionic .icon-archive:before { - content: "\e080"; } + content: "\e010"; } .ionic .icon-alert:before { - content: "\e081"; } + content: "\e011"; } + .ionic .icon-alert-circled:before { + content: "\e012"; } + .ionic .icon-ios7-at-outline:before { + content: "\e013"; } .ionic .icon-ios7-world:before { - content: "\e082"; } + content: "\e014"; } .ionic .icon-ios7-world-outline:before { - content: "\e083"; } + content: "\e015"; } .ionic .icon-ios7-volume-low:before { - content: "\e084"; } + content: "\e016"; } .ionic .icon-ios7-volume-high:before { - content: "\e085"; } + content: "\e017"; } .ionic .icon-ios7-videocam:before { - content: "\e086"; } + content: "\e018"; } .ionic .icon-ios7-videocam-outline:before { - content: "\e087"; } + content: "\e019"; } .ionic .icon-ios7-upload:before { - content: "\e088"; } + content: "\e01a"; } .ionic .icon-ios7-upload-outline:before { - content: "\e089"; } + content: "\e01b"; } .ionic .icon-ios7-unlocked:before { - content: "\e08a"; } + content: "\e01c"; } .ionic .icon-ios7-unlocked-outline:before { - content: "\e08b"; } + content: "\e01d"; } .ionic .icon-ios7-undo:before { - content: "\e08c"; } + content: "\e01e"; } .ionic .icon-ios7-undo-outline:before { - content: "\e08d"; } + content: "\e01f"; } .ionic .icon-ios7-trash:before { - content: "\e08e"; } + content: "\e020"; } .ionic .icon-ios7-trash-outline:before { - content: "\e08f"; } + content: "\e021"; } .ionic .icon-ios7-timer:before { - content: "\e090"; } + content: "\e022"; } .ionic .icon-ios7-timer-outline:before { - content: "\e091"; } + content: "\e023"; } .ionic .icon-ios7-thunderstorm:before { - content: "\e092"; } + content: "\e024"; } .ionic .icon-ios7-thunderstorm-outline:before { - content: "\e093"; } + content: "\e025"; } .ionic .icon-ios7-telephone:before { - content: "\e094"; } + content: "\e026"; } .ionic .icon-ios7-telephone-outline:before { - content: "\e095"; } + content: "\e027"; } .ionic .icon-ios7-sunny:before { - content: "\e096"; } + content: "\e028"; } .ionic .icon-ios7-sunny-outline:before { - content: "\e097"; } + content: "\e029"; } .ionic .icon-ios7-stopwatch:before { - content: "\e098"; } + content: "\e02a"; } .ionic .icon-ios7-stopwatch-outline:before { - content: "\e099"; } + content: "\e02b"; } .ionic .icon-ios7-star:before { - content: "\e09a"; } + content: "\e02c"; } .ionic .icon-ios7-star-outline:before { - content: "\e09b"; } + content: "\e02d"; } .ionic .icon-ios7-skipforward:before { - content: "\e09c"; } + content: "\e02e"; } .ionic .icon-ios7-skipforward-outline:before { - content: "\e09d"; } + content: "\e02f"; } .ionic .icon-ios7-skipbackward:before { - content: "\e09e"; } + content: "\e030"; } .ionic .icon-ios7-skipbackward-outline:before { - content: "\e09f"; } + content: "\e031"; } .ionic .icon-ios7-search:before { - content: "\e0a0"; } + content: "\e032"; } .ionic .icon-ios7-search-strong:before { - content: "\e0a1"; } + content: "\e033"; } .ionic .icon-ios7-rewind:before { - content: "\e0a2"; } + content: "\e034"; } .ionic .icon-ios7-rewind-outline:before { - content: "\e0a3"; } + content: "\e035"; } .ionic .icon-ios7-refresh:before { - content: "\e0a4"; } + content: "\e036"; } .ionic .icon-ios7-refresh-outline:before { - content: "\e0a5"; } + content: "\e037"; } .ionic .icon-ios7-refresh-empty:before { - content: "\e0a6"; } + content: "\e038"; } .ionic .icon-ios7-redo:before { - content: "\e0a7"; } + content: "\e039"; } .ionic .icon-ios7-redo-outline:before { - content: "\e0a8"; } + content: "\e03a"; } .ionic .icon-ios7-recording:before { - content: "\e0a9"; } + content: "\e03b"; } .ionic .icon-ios7-recording-outline:before { - content: "\e0aa"; } + content: "\e03c"; } .ionic .icon-ios7-rainy:before { - content: "\e0ab"; } + content: "\e03d"; } .ionic .icon-ios7-rainy-outline:before { - content: "\e0ac"; } + content: "\e03e"; } .ionic .icon-ios7-printer:before { - content: "\e0ad"; } + content: "\e03f"; } .ionic .icon-ios7-printer-outline:before { - content: "\e0ae"; } + content: "\e040"; } .ionic .icon-ios7-plus:before { - content: "\e0af"; } + content: "\e041"; } .ionic .icon-ios7-plus-outline:before { - content: "\e0b0"; } + content: "\e042"; } .ionic .icon-ios7-plus-empty:before { - content: "\e0b1"; } + content: "\e043"; } .ionic .icon-ios7-play:before { - content: "\e0b2"; } + content: "\e044"; } .ionic .icon-ios7-play-outline:before { - content: "\e0b3"; } + content: "\e045"; } .ionic .icon-ios7-photos:before { - content: "\e0b4"; } + content: "\e046"; } .ionic .icon-ios7-photos-outline:before { - content: "\e0b5"; } + content: "\e047"; } .ionic .icon-ios7-personadd:before { - content: "\e0b6"; } + content: "\e048"; } .ionic .icon-ios7-personadd-outline:before { - content: "\e0b7"; } + content: "\e049"; } .ionic .icon-ios7-person:before { - content: "\e0b8"; } + content: "\e04a"; } .ionic .icon-ios7-person-outline:before { - content: "\e0b9"; } + content: "\e04b"; } .ionic .icon-ios7-people:before { - content: "\e0ba"; } + content: "\e04c"; } .ionic .icon-ios7-people-outline:before { - content: "\e0bb"; } + content: "\e04d"; } .ionic .icon-ios7-pause:before { - content: "\e0bc"; } + content: "\e04e"; } .ionic .icon-ios7-pause-outline:before { - content: "\e0bd"; } + content: "\e04f"; } .ionic .icon-ios7-partlysunny:before { - content: "\e0be"; } + content: "\e050"; } .ionic .icon-ios7-partlysunny-outline:before { - content: "\e0bf"; } + content: "\e051"; } .ionic .icon-ios7-paperplane:before { - content: "\e0c0"; } + content: "\e052"; } .ionic .icon-ios7-paperplane-outline:before { - content: "\e0c1"; } + content: "\e053"; } .ionic .icon-ios7-navigate:before { - content: "\e0c2"; } + content: "\e054"; } .ionic .icon-ios7-navigate-outline:before { - content: "\e0c3"; } + content: "\e055"; } .ionic .icon-ios7-musical-notes:before { - content: "\e0c4"; } + content: "\e056"; } .ionic .icon-ios7-musical-note:before { - content: "\e0c5"; } + content: "\e057"; } .ionic .icon-ios7-more:before { - content: "\e0c6"; } + content: "\e058"; } .ionic .icon-ios7-more-outline:before { - content: "\e0c7"; } + content: "\e059"; } .ionic .icon-ios7-moon:before { - content: "\e0c8"; } + content: "\e05a"; } .ionic .icon-ios7-moon-outline:before { - content: "\e0c9"; } + content: "\e05b"; } .ionic .icon-ios7-monitor:before { - content: "\e0ca"; } + content: "\e05c"; } .ionic .icon-ios7-monitor-outline:before { - content: "\e0cb"; } + content: "\e05d"; } .ionic .icon-ios7-minus:before { - content: "\e0cc"; } + content: "\e05e"; } .ionic .icon-ios7-minus-outline:before { - content: "\e0cd"; } + content: "\e05f"; } .ionic .icon-ios7-minus-empty:before { - content: "\e0ce"; } + content: "\e060"; } .ionic .icon-ios7-mic:before { - content: "\e0cf"; } + content: "\e061"; } .ionic .icon-ios7-mic-outline:before { - content: "\e0d0"; } + content: "\e062"; } .ionic .icon-ios7-mic-off:before { - content: "\e0d1"; } + content: "\e063"; } .ionic .icon-ios7-locked:before { - content: "\e0d2"; } + content: "\e064"; } .ionic .icon-ios7-locked-outline:before { - content: "\e0d3"; } + content: "\e065"; } .ionic .icon-ios7-location:before { - content: "\e0d4"; } + content: "\e066"; } .ionic .icon-ios7-location-outline:before { - content: "\e0d5"; } + content: "\e067"; } .ionic .icon-ios7-keypad:before { - content: "\e0d6"; } + content: "\e068"; } .ionic .icon-ios7-keypad-outline:before { - content: "\e0d7"; } + content: "\e069"; } + .ionic .icon-ios7-ionic-outline:before { + content: "\e06a"; } .ionic .icon-ios7-information:before { - content: "\e0d8"; } + content: "\e06b"; } .ionic .icon-ios7-information-outline:before { - content: "\e0d9"; } + content: "\e06c"; } .ionic .icon-ios7-information-empty:before { - content: "\e0da"; } + content: "\e06d"; } .ionic .icon-ios7-infinite:before { - content: "\e0db"; } + content: "\e06e"; } .ionic .icon-ios7-infinite-outline:before { - content: "\e0dc"; } + content: "\e06f"; } .ionic .icon-ios7-help:before { - content: "\e0dd"; } + content: "\e070"; } .ionic .icon-ios7-help-outline:before { - content: "\e0de"; } + content: "\e071"; } .ionic .icon-ios7-help-empty:before { - content: "\e0df"; } + content: "\e072"; } .ionic .icon-ios7-heart:before { - content: "\e0e0"; } + content: "\e073"; } .ionic .icon-ios7-heart-outline:before { - content: "\e0e1"; } + content: "\e074"; } .ionic .icon-ios7-glasses:before { - content: "\e0e2"; } + content: "\e075"; } .ionic .icon-ios7-glasses-outline:before { - content: "\e0e3"; } + content: "\e076"; } .ionic .icon-ios7-gear:before { - content: "\e0e4"; } + content: "\e077"; } .ionic .icon-ios7-gear-outline:before { - content: "\e0e5"; } + content: "\e078"; } .ionic .icon-ios7-folder:before { - content: "\e0e6"; } + content: "\e079"; } .ionic .icon-ios7-folder-outline:before { - content: "\e0e7"; } + content: "\e07a"; } .ionic .icon-ios7-flag:before { - content: "\e0e8"; } + content: "\e07b"; } .ionic .icon-ios7-flag-outline:before { - content: "\e0e9"; } + content: "\e07c"; } .ionic .icon-ios7-film:before { - content: "\e0ea"; } + content: "\e07d"; } .ionic .icon-ios7-film-outline:before { - content: "\e0eb"; } + content: "\e07e"; } .ionic .icon-ios7-filing:before { - content: "\e0ec"; } + content: "\e07f"; } .ionic .icon-ios7-filing-outline:before { - content: "\e0ed"; } + content: "\e080"; } .ionic .icon-ios7-fastforward:before { - content: "\e0ee"; } + content: "\e081"; } .ionic .icon-ios7-fastforward-outline:before { - content: "\e0ef"; } + content: "\e082"; } .ionic .icon-ios7-eye:before { - content: "\e0f0"; } + content: "\e083"; } .ionic .icon-ios7-eye-outline:before { - content: "\e0f1"; } + content: "\e084"; } .ionic .icon-ios7-email:before { - content: "\e0f2"; } + content: "\e085"; } .ionic .icon-ios7-email-outline:before { - content: "\e0f3"; } + content: "\e086"; } .ionic .icon-ios7-drag:before { - content: "\e0f4"; } + content: "\e087"; } .ionic .icon-ios7-download:before { - content: "\e0f5"; } + content: "\e088"; } .ionic .icon-ios7-download-outline:before { - content: "\e0f6"; } + content: "\e089"; } .ionic .icon-ios7-copy:before { - content: "\e0f7"; } + content: "\e08a"; } .ionic .icon-ios7-copy-outline:before { - content: "\e0f8"; } + content: "\e08b"; } .ionic .icon-ios7-contact:before { - content: "\e0f9"; } + content: "\e08c"; } .ionic .icon-ios7-contact-outline:before { - content: "\e0fa"; } + content: "\e08d"; } .ionic .icon-ios7-compose:before { - content: "\e0fb"; } + content: "\e08e"; } .ionic .icon-ios7-compose-outline:before { - content: "\e0fc"; } + content: "\e08f"; } .ionic .icon-ios7-cog:before { - content: "\e0fd"; } + content: "\e090"; } .ionic .icon-ios7-cog-outline:before { - content: "\e0fe"; } + content: "\e091"; } .ionic .icon-ios7-cloudy:before { - content: "\e0ff"; } + content: "\e092"; } .ionic .icon-ios7-cloudy-outline:before { - content: "\e100"; } + content: "\e093"; } .ionic .icon-ios7-cloud:before { - content: "\e101"; } + content: "\e094"; } .ionic .icon-ios7-cloud-upload:before { - content: "\e102"; } + content: "\e095"; } .ionic .icon-ios7-cloud-upload-outline:before { - content: "\e103"; } + content: "\e096"; } .ionic .icon-ios7-cloud-outline:before { - content: "\e104"; } + content: "\e097"; } .ionic .icon-ios7-cloud-download:before { - content: "\e105"; } + content: "\e098"; } .ionic .icon-ios7-cloud-download-outline:before { - content: "\e106"; } + content: "\e099"; } .ionic .icon-ios7-clock:before { - content: "\e107"; } + content: "\e09a"; } .ionic .icon-ios7-clock-outline:before { - content: "\e108"; } + content: "\e09b"; } .ionic .icon-ios7-circle-outline:before { - content: "\e109"; } + content: "\e09c"; } .ionic .icon-ios7-circle-filled:before { - content: "\e10a"; } + content: "\e09d"; } .ionic .icon-ios7-checkmark:before { - content: "\e10b"; } + content: "\e09e"; } .ionic .icon-ios7-checkmark-outline:before { - content: "\e10c"; } + content: "\e09f"; } .ionic .icon-ios7-checkmark-empty:before { - content: "\e10d"; } + content: "\e0a0"; } .ionic .icon-ios7-chatbubble:before { - content: "\e10e"; } + content: "\e0a1"; } .ionic .icon-ios7-chatbubble-outline:before { - content: "\e10f"; } + content: "\e0a2"; } .ionic .icon-ios7-chatboxes:before { - content: "\e110"; } + content: "\e0a3"; } .ionic .icon-ios7-chatboxes-outline:before { - content: "\e111"; } + content: "\e0a4"; } .ionic .icon-ios7-cart:before { - content: "\e112"; } + content: "\e0a5"; } .ionic .icon-ios7-cart-outline:before { - content: "\e113"; } + content: "\e0a6"; } .ionic .icon-ios7-camera:before { - content: "\e114"; } + content: "\e0a7"; } .ionic .icon-ios7-camera-outline:before { - content: "\e115"; } + content: "\e0a8"; } .ionic .icon-ios7-calendar:before { - content: "\e116"; } + content: "\e0a9"; } .ionic .icon-ios7-calendar-outline:before { - content: "\e117"; } + content: "\e0aa"; } .ionic .icon-ios7-browsers:before { - content: "\e118"; } + content: "\e0ab"; } .ionic .icon-ios7-browsers-outline:before { - content: "\e119"; } + content: "\e0ac"; } .ionic .icon-ios7-box:before { - content: "\e11a"; } + content: "\e0ad"; } .ionic .icon-ios7-box-outline:before { - content: "\e11b"; } + content: "\e0ae"; } .ionic .icon-ios7-bookmarks:before { - content: "\e11c"; } + content: "\e0af"; } .ionic .icon-ios7-bookmarks-outline:before { - content: "\e11d"; } + content: "\e0b0"; } .ionic .icon-ios7-bolt:before { - content: "\e11e"; } + content: "\e0b1"; } .ionic .icon-ios7-bolt-outline:before { - content: "\e11f"; } + content: "\e0b2"; } .ionic .icon-ios7-bell:before { - content: "\e120"; } + content: "\e0b3"; } .ionic .icon-ios7-bell-outline:before { - content: "\e121"; } + content: "\e0b4"; } .ionic .icon-ios7-at:before { - content: "\e122"; } + content: "\e0b5"; } .ionic .icon-ios7-arrow-up:before { - content: "\e123"; } + content: "\e0b6"; } .ionic .icon-ios7-arrow-right:before { - content: "\e124"; } + content: "\e0b7"; } .ionic .icon-ios7-arrow-left:before { - content: "\e125"; } + content: "\e0b8"; } .ionic .icon-ios7-arrow-forward:before { - content: "\e126"; } + content: "\e0b9"; } .ionic .icon-ios7-arrow-down:before { - content: "\e127"; } + content: "\e0ba"; } .ionic .icon-ios7-arrow-back:before { - content: "\e128"; } + content: "\e0bb"; } .ionic .icon-ios7-albums:before { - content: "\e129"; } + content: "\e0bc"; } .ionic .icon-ios7-albums-outline:before { - content: "\e12a"; } + content: "\e0bd"; } .ionic .icon-ios7-alarm:before { - content: "\e12b"; } + content: "\e0be"; } .ionic .icon-ios7-alarm-outline:before { - content: "\e12c"; } + content: "\e0bf"; } .ionic .icon-social-youtube:before { - content: "\e12d"; } + content: "\e0c0"; } .ionic .icon-social-youtube-outline:before { - content: "\e12e"; } + content: "\e0c1"; } .ionic .icon-social-yahoo:before { - content: "\e12f"; } + content: "\e0c2"; } .ionic .icon-social-yahoo-outline:before { - content: "\e130"; } + content: "\e0c3"; } .ionic .icon-social-wordpress:before { - content: "\e131"; } + content: "\e0c4"; } .ionic .icon-social-wordpress-outline:before { - content: "\e132"; } + content: "\e0c5"; } .ionic .icon-social-windows:before { - content: "\e133"; } + content: "\e0c6"; } .ionic .icon-social-windows-outline:before { - content: "\e134"; } + content: "\e0c7"; } .ionic .icon-social-vimeo:before { - content: "\e135"; } + content: "\e0c8"; } .ionic .icon-social-vimeo-outline:before { - content: "\e136"; } + content: "\e0c9"; } .ionic .icon-social-twitter:before { - content: "\e137"; } + content: "\e0ca"; } .ionic .icon-social-twitter-outline:before { - content: "\e138"; } + content: "\e0cb"; } .ionic .icon-social-tumblr:before { - content: "\e139"; } + content: "\e0cc"; } .ionic .icon-social-tumblr-outline:before { - content: "\e13a"; } + content: "\e0cd"; } .ionic .icon-social-skype:before { - content: "\e13b"; } + content: "\e0ce"; } .ionic .icon-social-skype-outline:before { - content: "\e13c"; } + content: "\e0cf"; } .ionic .icon-social-rss:before { - content: "\e13d"; } + content: "\e0d0"; } .ionic .icon-social-rss-outline:before { - content: "\e13e"; } + content: "\e0d1"; } .ionic .icon-social-reddit:before { - content: "\e13f"; } + content: "\e0d2"; } .ionic .icon-social-reddit-outline:before { - content: "\e140"; } + content: "\e0d3"; } .ionic .icon-social-linkedin:before { - content: "\e141"; } + content: "\e0d4"; } .ionic .icon-social-linkedin-outline:before { - content: "\e142"; } + content: "\e0d5"; } .ionic .icon-social-hackernews:before { - content: "\e143"; } + content: "\e0d6"; } .ionic .icon-social-hackernews-outline:before { - content: "\e144"; } - .ionic .icon-social-google:before { - content: "\e145"; } - .ionic .icon-social-google-outline:before { - content: "\e146"; } + content: "\e0d7"; } + .ionic .icon-social-googleplus:before { + content: "\e0d8"; } + .ionic .icon-social-googleplus-outline:before { + content: "\e0d9"; } .ionic .icon-social-github:before { - content: "\e147"; } + content: "\e0da"; } .ionic .icon-social-github-outline:before { - content: "\e148"; } + content: "\e0db"; } .ionic .icon-social-facebook:before { - content: "\e149"; } + content: "\e0dc"; } .ionic .icon-social-facebook-outline:before { - content: "\e14a"; } + content: "\e0dd"; } .ionic .icon-social-dropbox:before { - content: "\e14b"; } + content: "\e0de"; } .ionic .icon-social-dropbox-outline:before { - content: "\e14c"; } + content: "\e0df"; } .ionic .icon-social-dribbble:before { - content: "\e14d"; } + content: "\e0e0"; } .ionic .icon-social-dribbble-outline:before { - content: "\e14e"; } + content: "\e0e1"; } .ionic .icon-social-designernews:before { - content: "\e14f"; } + content: "\e0e2"; } .ionic .icon-social-designernews-outline:before { - content: "\e150"; } + content: "\e0e3"; } .ionic .icon-social-buffer:before { - content: "\e151"; } + content: "\e0e4"; } .ionic .icon-social-buffer-outline:before { - content: "\e152"; } + content: "\e0e5"; } .ionic .icon-social-apple:before { - content: "\e153"; } + content: "\e0e6"; } .ionic .icon-social-apple-outline:before { - content: "\e154"; } + content: "\e0e7"; } .ionic .icon-social-android:before { - content: "\e155"; } + content: "\e0e8"; } .ionic .icon-social-android-outline:before { + content: "\e0e9"; } + .ionic .icon-battery-empty:before { + content: "\e000"; } + .ionic .icon-battery-full:before { + content: "\e0ea"; } + .ionic .icon-battery-half:before { + content: "\e0eb"; } + .ionic .icon-battery-low:before { + content: "\e0ec"; } + .ionic .icon-bluetooth:before { + content: "\e0ed"; } + .ionic .icon-calendar:before { + content: "\e0ee"; } + .ionic .icon-camera:before { + content: "\e0ef"; } + .ionic .icon-card:before { + content: "\e0f0"; } + .ionic .icon-chatbox-working:before { + content: "\e0f1"; } + .ionic .icon-chatbox:before { + content: "\e0f2"; } + .ionic .icon-chatboxes:before { + content: "\e0f3"; } + .ionic .icon-chatbubble-working:before { + content: "\e0f4"; } + .ionic .icon-chatbubble:before { + content: "\e0f5"; } + .ionic .icon-chatbubbles:before { + content: "\e0f6"; } + .ionic .icon-checkmark-circled:before { + content: "\e0f7"; } + .ionic .icon-checkmark-round:before { + content: "\e0f8"; } + .ionic .icon-checkmark:before { + content: "\e0f9"; } + .ionic .icon-chevron-down:before { + content: "\e0fa"; } + .ionic .icon-chevron-left:before { + content: "\e0fb"; } + .ionic .icon-chevron-right:before { + content: "\e0fc"; } + .ionic .icon-chevron-up:before { + content: "\e0fd"; } + .ionic .icon-clipboard:before { + content: "\e0fe"; } + .ionic .icon-close-circled:before { + content: "\e0ff"; } + .ionic .icon-close-round:before { + content: "\e100"; } + .ionic .icon-close:before { + content: "\e101"; } + .ionic .icon-cloud:before { + content: "\e102"; } + .ionic .icon-compose:before { + content: "\e103"; } + .ionic .icon-disc:before { + content: "\e104"; } + .ionic .icon-document-text:before { + content: "\e105"; } + .ionic .icon-document:before { + content: "\e106"; } + .ionic .icon-drag:before { + content: "\e107"; } + .ionic .icon-eject:before { + content: "\e108"; } + .ionic .icon-email:before { + content: "\e109"; } + .ionic .icon-eye:before { + content: "\e10a"; } + .ionic .icon-filing:before { + content: "\e10b"; } + .ionic .icon-film-marker:before { + content: "\e10c"; } + .ionic .icon-flash-off:before { + content: "\e10d"; } + .ionic .icon-flash:before { + content: "\e10e"; } + .ionic .icon-flask:before { + content: "\e10f"; } + .ionic .icon-folder:before { + content: "\e110"; } + .ionic .icon-forward:before { + content: "\e111"; } + .ionic .icon-game-controller-a:before { + content: "\e112"; } + .ionic .icon-game-controller-b:before { + content: "\e113"; } + .ionic .icon-gear-a:before { + content: "\e114"; } + .ionic .icon-gear-b:before { + content: "\e115"; } + .ionic .icon-grid:before { + content: "\e116"; } + .ionic .icon-headphone:before { + content: "\e117"; } + .ionic .icon-heart:before { + content: "\e118"; } + .ionic .icon-help-circled:before { + content: "\e119"; } + .ionic .icon-help:before { + content: "\e11a"; } + .ionic .icon-home:before { + content: "\e11b"; } + .ionic .icon-image:before { + content: "\e11c"; } + .ionic .icon-images:before { + content: "\e11d"; } + .ionic .icon-information-circled:before { + content: "\e11e"; } + .ionic .icon-information:before { + content: "\e11f"; } + .ionic .icon-ionic:before { + content: "\e120"; } + .ionic .icon-ipad:before { + content: "\e121"; } + .ionic .icon-iphone:before { + content: "\e122"; } + .ionic .icon-ipod:before { + content: "\e123"; } + .ionic .icon-laptop:before { + content: "\e124"; } + .ionic .icon-leaf:before { + content: "\e125"; } + .ionic .icon-link:before { + content: "\e126"; } + .ionic .icon-location:before { + content: "\e127"; } + .ionic .icon-locked:before { + content: "\e128"; } + .ionic .icon-loop:before { + content: "\e129"; } + .ionic .icon-man:before { + content: "\e12a"; } + .ionic .icon-map:before { + content: "\e12b"; } + .ionic .icon-mic-a:before { + content: "\e12c"; } + .ionic .icon-mic-b:before { + content: "\e12d"; } + .ionic .icon-mic-c:before { + content: "\e12e"; } + .ionic .icon-minus-circled:before { + content: "\e12f"; } + .ionic .icon-minus-round:before { + content: "\e130"; } + .ionic .icon-minus:before { + content: "\e131"; } + .ionic .icon-monitor:before { + content: "\e132"; } + .ionic .icon-more:before { + content: "\e133"; } + .ionic .icon-music-note:before { + content: "\e134"; } + .ionic .icon-navicon-round:before { + content: "\e135"; } + .ionic .icon-navicon:before { + content: "\e136"; } + .ionic .icon-paperclip:before { + content: "\e137"; } + .ionic .icon-pause:before { + content: "\e138"; } + .ionic .icon-person-add:before { + content: "\e139"; } + .ionic .icon-person-stalker:before { + content: "\e13a"; } + .ionic .icon-person:before { + content: "\e13b"; } + .ionic .icon-plane:before { + content: "\e13c"; } + .ionic .icon-play:before { + content: "\e13d"; } + .ionic .icon-plus-circled:before { + content: "\e13e"; } + .ionic .icon-plus-round:before { + content: "\e13f"; } + .ionic .icon-plus:before { + content: "\e140"; } + .ionic .icon-pound:before { + content: "\e141"; } + .ionic .icon-printer:before { + content: "\e142"; } + .ionic .icon-record:before { + content: "\e143"; } + .ionic .icon-refresh:before { + content: "\e144"; } + .ionic .icon-reply-all:before { + content: "\e145"; } + .ionic .icon-reply:before { + content: "\e146"; } + .ionic .icon-search:before { + content: "\e147"; } + .ionic .icon-share:before { + content: "\e148"; } + .ionic .icon-shuffle:before { + content: "\e149"; } + .ionic .icon-skip-backward:before { + content: "\e14a"; } + .ionic .icon-skip-forward:before { + content: "\e14b"; } + .ionic .icon-star:before { + content: "\e14c"; } + .ionic .icon-stop:before { + content: "\e14d"; } + .ionic .icon-thumbsdown:before { + content: "\e14e"; } + .ionic .icon-thumbsup:before { + content: "\e14f"; } + .ionic .icon-trash-a:before { + content: "\e150"; } + .ionic .icon-trash-b:before { + content: "\e151"; } + .ionic .icon-unlocked:before { + content: "\e152"; } + .ionic .icon-upload:before { + content: "\e153"; } + .ionic .icon-videocamera:before { + content: "\e154"; } + .ionic .icon-volume-high:before { + content: "\e155"; } + .ionic .icon-volume-low:before { content: "\e156"; } + .ionic .icon-volume-medium:before { + content: "\e157"; } + .ionic .icon-volume-mute:before { + content: "\e158"; } + .ionic .icon-waterdrop:before { + content: "\e159"; } + .ionic .icon-wifi:before { + content: "\e15a"; } + .ionic .icon-woman:before { + content: "\e15b"; } .ionic html, .ionic body, .ionic div, .ionic span, .ionic applet, .ionic object, .ionic iframe, .ionic h1, .ionic h2, .ionic h3, .ionic h4, .ionic h5, .ionic h6, .ionic p, .ionic blockquote, .ionic pre, .ionic a, .ionic abbr, .ionic acronym, .ionic address, .ionic big, .ionic cite, .ionic code, @@ -1791,7 +1800,7 @@ position: relative; background-color: #fff; z-index: 2; - padding: 15px 15px; + padding: 15px; -webkit-transition: margin-left 0.2s ease-in-out, margin-right 0.2s ease-in-out, left 0.2s ease-in-out; } .ionic .list-item-content > i:last-child { float: right; } @@ -2172,23 +2181,23 @@ .ionic .toggle :checked + .track .handle { background-color: white; -webkit-transform: translate3d(22px, 0, 0); } - .ionic .radio-item [class^="icon-"], - .ionic .radio-item [class*=" icon-"] { - display: none; } - .ionic .radio-list label.list-item { - cursor: pointer; } - .ionic .radio-list input[type="radio"] { + .ionic .radio-buttton-list [class^="icon-"], + .ionic .radio-buttton-list [class*=" icon-"] { + position: absolute; + top: 25%; + left: 25%; + visibility: hidden; + font-size: 24px; } + .ionic .radio-buttton-list input[type="radio"] { /* hide any radio button inputs elements (the ugly circles) */ - display: none; - /* when this radio-item is checked */ } - .ionic .radio-list input[type="radio"]:checked + .radio-item { - /* show the radio-item icon when checked */ } - .ionic .radio-list input[type="radio"]:checked + .radio-item [class^="icon-"], - .ionic .radio-list input[type="radio"]:checked + .radio-item [class*=" icon-"] { - position: absolute; - top: 16px; - right: 10px; - display: inline; } + display: none; } + .ionic .radio-buttton-list input[type="radio"]:checked + [class^="icon-"], .ionic .radio-buttton-list input[type="radio"]:checked + [class*=" icon-"] { + visibility: visible; } + .ionic .radio-buttton-list .list-item-content { + padding-right: 60px; } + .ionic .radio-buttton-list .list-item-buttons { + z-index: 3; + width: 45px; } .ionic .button { position: relative; display: inline-block; diff --git a/dist/css/ionic.css b/dist/css/ionic.css index 8566cbb822..388f0ad01c 100644 --- a/dist/css/ionic.css +++ b/dist/css/ionic.css @@ -24,7 +24,7 @@ Instead of a list of all class selectors, you can use the generic selector below, but it's slower: [class*="your-class-prefix"] { */ -.icon-woman, .icon-wifi, .icon-waterdrop, .icon-volume-mute, .icon-volume-medium, .icon-volume-low, .icon-volume-high, .icon-videocamera, .icon-upload, .icon-unlocked, .icon-trash-b, .icon-trash-a, .icon-thumbsup, .icon-thumbsdown, .icon-stop, .icon-star, .icon-shuffle, .icon-share, .icon-search, .icon-reply, .icon-reply-all, .icon-refresh, .icon-record, .icon-printer, .icon-pound, .icon-plus, .icon-plus-round, .icon-plus-circled, .icon-play, .icon-plane, .icon-person, .icon-person-stalker, .icon-person-add, .icon-pause, .icon-paperclip, .icon-next, .icon-navicon, .icon-navicon-round, .icon-music-note, .icon-more, .icon-monitor, .icon-minus, .icon-minus-round, .icon-minus-circled, .icon-mic-c, .icon-mic-b, .icon-mic-a, .icon-map, .icon-man, .icon-loop, .icon-locked, .icon-location, .icon-leaf, .icon-laptop, .icon-ipod, .icon-iphone, .icon-ipad, .icon-ionic, .icon-ionic-outline, .icon-information, .icon-information-circled, .icon-images, .icon-image, .icon-home, .icon-help, .icon-help-circled, .icon-heart, .icon-headphone, .icon-grid, .icon-gear-b, .icon-gear-a, .icon-game-controller-b, .icon-game-controller-a, .icon-forward, .icon-folder, .icon-flask, .icon-flash, .icon-flash-off, .icon-film-marker, .icon-filing, .icon-eye, .icon-email, .icon-drag, .icon-document, .icon-document-text, .icon-disc, .icon-compose, .icon-cloud, .icon-close, .icon-close-round, .icon-close-circled, .icon-clipboard, .icon-chevron-up, .icon-chevron-right, .icon-chevron-left, .icon-chevron-down, .icon-checkmark, .icon-checkmark-round, .icon-checkmark-circled, .icon-chatbubbles, .icon-chatbubble, .icon-chatbubble-working, .icon-chatboxes, .icon-chatbox, .icon-chatbox-working, .icon-card, .icon-camera, .icon-calendar, .icon-bluetooth, .icon-battery-low, .icon-battery-half, .icon-battery-full, .icon-battery-empty, .icon-battery-charging, .icon-bag, .icon-at, .icon-arrow-up-c, .icon-arrow-up-b, .icon-arrow-up-a, .icon-arrow-right-c, .icon-arrow-right-b, .icon-arrow-right-a, .icon-arrow-left-c, .icon-arrow-left-b, .icon-arrow-left-a, .icon-arrow-down-c, .icon-arrow-down-b, .icon-arrow-down-a, .icon-archive, .icon-alert, .icon-ios7-world, .icon-ios7-world-outline, .icon-ios7-volume-low, .icon-ios7-volume-high, .icon-ios7-videocam, .icon-ios7-videocam-outline, .icon-ios7-upload, .icon-ios7-upload-outline, .icon-ios7-unlocked, .icon-ios7-unlocked-outline, .icon-ios7-undo, .icon-ios7-undo-outline, .icon-ios7-trash, .icon-ios7-trash-outline, .icon-ios7-timer, .icon-ios7-timer-outline, .icon-ios7-thunderstorm, .icon-ios7-thunderstorm-outline, .icon-ios7-telephone, .icon-ios7-telephone-outline, .icon-ios7-sunny, .icon-ios7-sunny-outline, .icon-ios7-stopwatch, .icon-ios7-stopwatch-outline, .icon-ios7-star, .icon-ios7-star-outline, .icon-ios7-skipforward, .icon-ios7-skipforward-outline, .icon-ios7-skipbackward, .icon-ios7-skipbackward-outline, .icon-ios7-search, .icon-ios7-search-strong, .icon-ios7-rewind, .icon-ios7-rewind-outline, .icon-ios7-refresh, .icon-ios7-refresh-outline, .icon-ios7-refresh-empty, .icon-ios7-redo, .icon-ios7-redo-outline, .icon-ios7-recording, .icon-ios7-recording-outline, .icon-ios7-rainy, .icon-ios7-rainy-outline, .icon-ios7-printer, .icon-ios7-printer-outline, .icon-ios7-plus, .icon-ios7-plus-outline, .icon-ios7-plus-empty, .icon-ios7-play, .icon-ios7-play-outline, .icon-ios7-photos, .icon-ios7-photos-outline, .icon-ios7-personadd, .icon-ios7-personadd-outline, .icon-ios7-person, .icon-ios7-person-outline, .icon-ios7-people, .icon-ios7-people-outline, .icon-ios7-pause, .icon-ios7-pause-outline, .icon-ios7-partlysunny, .icon-ios7-partlysunny-outline, .icon-ios7-paperplane, .icon-ios7-paperplane-outline, .icon-ios7-navigate, .icon-ios7-navigate-outline, .icon-ios7-musical-notes, .icon-ios7-musical-note, .icon-ios7-more, .icon-ios7-more-outline, .icon-ios7-moon, .icon-ios7-moon-outline, .icon-ios7-monitor, .icon-ios7-monitor-outline, .icon-ios7-minus, .icon-ios7-minus-outline, .icon-ios7-minus-empty, .icon-ios7-mic, .icon-ios7-mic-outline, .icon-ios7-mic-off, .icon-ios7-locked, .icon-ios7-locked-outline, .icon-ios7-location, .icon-ios7-location-outline, .icon-ios7-keypad, .icon-ios7-keypad-outline, .icon-ios7-information, .icon-ios7-information-outline, .icon-ios7-information-empty, .icon-ios7-infinite, .icon-ios7-infinite-outline, .icon-ios7-help, .icon-ios7-help-outline, .icon-ios7-help-empty, .icon-ios7-heart, .icon-ios7-heart-outline, .icon-ios7-glasses, .icon-ios7-glasses-outline, .icon-ios7-gear, .icon-ios7-gear-outline, .icon-ios7-folder, .icon-ios7-folder-outline, .icon-ios7-flag, .icon-ios7-flag-outline, .icon-ios7-film, .icon-ios7-film-outline, .icon-ios7-filing, .icon-ios7-filing-outline, .icon-ios7-fastforward, .icon-ios7-fastforward-outline, .icon-ios7-eye, .icon-ios7-eye-outline, .icon-ios7-email, .icon-ios7-email-outline, .icon-ios7-drag, .icon-ios7-download, .icon-ios7-download-outline, .icon-ios7-copy, .icon-ios7-copy-outline, .icon-ios7-contact, .icon-ios7-contact-outline, .icon-ios7-compose, .icon-ios7-compose-outline, .icon-ios7-cog, .icon-ios7-cog-outline, .icon-ios7-cloudy, .icon-ios7-cloudy-outline, .icon-ios7-cloud, .icon-ios7-cloud-upload, .icon-ios7-cloud-upload-outline, .icon-ios7-cloud-outline, .icon-ios7-cloud-download, .icon-ios7-cloud-download-outline, .icon-ios7-clock, .icon-ios7-clock-outline, .icon-ios7-circle-outline, .icon-ios7-circle-filled, .icon-ios7-checkmark, .icon-ios7-checkmark-outline, .icon-ios7-checkmark-empty, .icon-ios7-chatbubble, .icon-ios7-chatbubble-outline, .icon-ios7-chatboxes, .icon-ios7-chatboxes-outline, .icon-ios7-cart, .icon-ios7-cart-outline, .icon-ios7-camera, .icon-ios7-camera-outline, .icon-ios7-calendar, .icon-ios7-calendar-outline, .icon-ios7-browsers, .icon-ios7-browsers-outline, .icon-ios7-box, .icon-ios7-box-outline, .icon-ios7-bookmarks, .icon-ios7-bookmarks-outline, .icon-ios7-bolt, .icon-ios7-bolt-outline, .icon-ios7-bell, .icon-ios7-bell-outline, .icon-ios7-at, .icon-ios7-arrow-up, .icon-ios7-arrow-right, .icon-ios7-arrow-left, .icon-ios7-arrow-forward, .icon-ios7-arrow-down, .icon-ios7-arrow-back, .icon-ios7-albums, .icon-ios7-albums-outline, .icon-ios7-alarm, .icon-ios7-alarm-outline, .icon-social-youtube, .icon-social-youtube-outline, .icon-social-yahoo, .icon-social-yahoo-outline, .icon-social-wordpress, .icon-social-wordpress-outline, .icon-social-windows, .icon-social-windows-outline, .icon-social-vimeo, .icon-social-vimeo-outline, .icon-social-twitter, .icon-social-twitter-outline, .icon-social-tumblr, .icon-social-tumblr-outline, .icon-social-skype, .icon-social-skype-outline, .icon-social-rss, .icon-social-rss-outline, .icon-social-reddit, .icon-social-reddit-outline, .icon-social-linkedin, .icon-social-linkedin-outline, .icon-social-hackernews, .icon-social-hackernews-outline, .icon-social-google, .icon-social-google-outline, .icon-social-github, .icon-social-github-outline, .icon-social-facebook, .icon-social-facebook-outline, .icon-social-dropbox, .icon-social-dropbox-outline, .icon-social-dribbble, .icon-social-dribbble-outline, .icon-social-designernews, .icon-social-designernews-outline, .icon-social-buffer, .icon-social-buffer-outline, .icon-social-apple, .icon-social-apple-outline, .icon-social-android, .icon-social-android-outline { +.icon-battery-charging, .icon-bag, .icon-at, .icon-arrow-up-c, .icon-arrow-up-b, .icon-arrow-up-a, .icon-arrow-right-c, .icon-arrow-right-b, .icon-arrow-right-a, .icon-arrow-left-c, .icon-arrow-left-b, .icon-arrow-left-a, .icon-arrow-down-c, .icon-arrow-down-b, .icon-arrow-down-a, .icon-archive, .icon-alert, .icon-alert-circled, .icon-ios7-at-outline, .icon-ios7-world, .icon-ios7-world-outline, .icon-ios7-volume-low, .icon-ios7-volume-high, .icon-ios7-videocam, .icon-ios7-videocam-outline, .icon-ios7-upload, .icon-ios7-upload-outline, .icon-ios7-unlocked, .icon-ios7-unlocked-outline, .icon-ios7-undo, .icon-ios7-undo-outline, .icon-ios7-trash, .icon-ios7-trash-outline, .icon-ios7-timer, .icon-ios7-timer-outline, .icon-ios7-thunderstorm, .icon-ios7-thunderstorm-outline, .icon-ios7-telephone, .icon-ios7-telephone-outline, .icon-ios7-sunny, .icon-ios7-sunny-outline, .icon-ios7-stopwatch, .icon-ios7-stopwatch-outline, .icon-ios7-star, .icon-ios7-star-outline, .icon-ios7-skipforward, .icon-ios7-skipforward-outline, .icon-ios7-skipbackward, .icon-ios7-skipbackward-outline, .icon-ios7-search, .icon-ios7-search-strong, .icon-ios7-rewind, .icon-ios7-rewind-outline, .icon-ios7-refresh, .icon-ios7-refresh-outline, .icon-ios7-refresh-empty, .icon-ios7-redo, .icon-ios7-redo-outline, .icon-ios7-recording, .icon-ios7-recording-outline, .icon-ios7-rainy, .icon-ios7-rainy-outline, .icon-ios7-printer, .icon-ios7-printer-outline, .icon-ios7-plus, .icon-ios7-plus-outline, .icon-ios7-plus-empty, .icon-ios7-play, .icon-ios7-play-outline, .icon-ios7-photos, .icon-ios7-photos-outline, .icon-ios7-personadd, .icon-ios7-personadd-outline, .icon-ios7-person, .icon-ios7-person-outline, .icon-ios7-people, .icon-ios7-people-outline, .icon-ios7-pause, .icon-ios7-pause-outline, .icon-ios7-partlysunny, .icon-ios7-partlysunny-outline, .icon-ios7-paperplane, .icon-ios7-paperplane-outline, .icon-ios7-navigate, .icon-ios7-navigate-outline, .icon-ios7-musical-notes, .icon-ios7-musical-note, .icon-ios7-more, .icon-ios7-more-outline, .icon-ios7-moon, .icon-ios7-moon-outline, .icon-ios7-monitor, .icon-ios7-monitor-outline, .icon-ios7-minus, .icon-ios7-minus-outline, .icon-ios7-minus-empty, .icon-ios7-mic, .icon-ios7-mic-outline, .icon-ios7-mic-off, .icon-ios7-locked, .icon-ios7-locked-outline, .icon-ios7-location, .icon-ios7-location-outline, .icon-ios7-keypad, .icon-ios7-keypad-outline, .icon-ios7-ionic-outline, .icon-ios7-information, .icon-ios7-information-outline, .icon-ios7-information-empty, .icon-ios7-infinite, .icon-ios7-infinite-outline, .icon-ios7-help, .icon-ios7-help-outline, .icon-ios7-help-empty, .icon-ios7-heart, .icon-ios7-heart-outline, .icon-ios7-glasses, .icon-ios7-glasses-outline, .icon-ios7-gear, .icon-ios7-gear-outline, .icon-ios7-folder, .icon-ios7-folder-outline, .icon-ios7-flag, .icon-ios7-flag-outline, .icon-ios7-film, .icon-ios7-film-outline, .icon-ios7-filing, .icon-ios7-filing-outline, .icon-ios7-fastforward, .icon-ios7-fastforward-outline, .icon-ios7-eye, .icon-ios7-eye-outline, .icon-ios7-email, .icon-ios7-email-outline, .icon-ios7-drag, .icon-ios7-download, .icon-ios7-download-outline, .icon-ios7-copy, .icon-ios7-copy-outline, .icon-ios7-contact, .icon-ios7-contact-outline, .icon-ios7-compose, .icon-ios7-compose-outline, .icon-ios7-cog, .icon-ios7-cog-outline, .icon-ios7-cloudy, .icon-ios7-cloudy-outline, .icon-ios7-cloud, .icon-ios7-cloud-upload, .icon-ios7-cloud-upload-outline, .icon-ios7-cloud-outline, .icon-ios7-cloud-download, .icon-ios7-cloud-download-outline, .icon-ios7-clock, .icon-ios7-clock-outline, .icon-ios7-circle-outline, .icon-ios7-circle-filled, .icon-ios7-checkmark, .icon-ios7-checkmark-outline, .icon-ios7-checkmark-empty, .icon-ios7-chatbubble, .icon-ios7-chatbubble-outline, .icon-ios7-chatboxes, .icon-ios7-chatboxes-outline, .icon-ios7-cart, .icon-ios7-cart-outline, .icon-ios7-camera, .icon-ios7-camera-outline, .icon-ios7-calendar, .icon-ios7-calendar-outline, .icon-ios7-browsers, .icon-ios7-browsers-outline, .icon-ios7-box, .icon-ios7-box-outline, .icon-ios7-bookmarks, .icon-ios7-bookmarks-outline, .icon-ios7-bolt, .icon-ios7-bolt-outline, .icon-ios7-bell, .icon-ios7-bell-outline, .icon-ios7-at, .icon-ios7-arrow-up, .icon-ios7-arrow-right, .icon-ios7-arrow-left, .icon-ios7-arrow-forward, .icon-ios7-arrow-down, .icon-ios7-arrow-back, .icon-ios7-albums, .icon-ios7-albums-outline, .icon-ios7-alarm, .icon-ios7-alarm-outline, .icon-social-youtube, .icon-social-youtube-outline, .icon-social-yahoo, .icon-social-yahoo-outline, .icon-social-wordpress, .icon-social-wordpress-outline, .icon-social-windows, .icon-social-windows-outline, .icon-social-vimeo, .icon-social-vimeo-outline, .icon-social-twitter, .icon-social-twitter-outline, .icon-social-tumblr, .icon-social-tumblr-outline, .icon-social-skype, .icon-social-skype-outline, .icon-social-rss, .icon-social-rss-outline, .icon-social-reddit, .icon-social-reddit-outline, .icon-social-linkedin, .icon-social-linkedin-outline, .icon-social-hackernews, .icon-social-hackernews-outline, .icon-social-googleplus, .icon-social-googleplus-outline, .icon-social-github, .icon-social-github-outline, .icon-social-facebook, .icon-social-facebook-outline, .icon-social-dropbox, .icon-social-dropbox-outline, .icon-social-dribbble, .icon-social-dribbble-outline, .icon-social-designernews, .icon-social-designernews-outline, .icon-social-buffer, .icon-social-buffer-outline, .icon-social-apple, .icon-social-apple-outline, .icon-social-android, .icon-social-android-outline, .icon-battery-empty, .icon-battery-full, .icon-battery-half, .icon-battery-low, .icon-bluetooth, .icon-calendar, .icon-camera, .icon-card, .icon-chatbox-working, .icon-chatbox, .icon-chatboxes, .icon-chatbubble-working, .icon-chatbubble, .icon-chatbubbles, .icon-checkmark-circled, .icon-checkmark-round, .icon-checkmark, .icon-chevron-down, .icon-chevron-left, .icon-chevron-right, .icon-chevron-up, .icon-clipboard, .icon-close-circled, .icon-close-round, .icon-close, .icon-cloud, .icon-compose, .icon-disc, .icon-document-text, .icon-document, .icon-drag, .icon-eject, .icon-email, .icon-eye, .icon-filing, .icon-film-marker, .icon-flash-off, .icon-flash, .icon-flask, .icon-folder, .icon-forward, .icon-game-controller-a, .icon-game-controller-b, .icon-gear-a, .icon-gear-b, .icon-grid, .icon-headphone, .icon-heart, .icon-help-circled, .icon-help, .icon-home, .icon-image, .icon-images, .icon-information-circled, .icon-information, .icon-ionic, .icon-ipad, .icon-iphone, .icon-ipod, .icon-laptop, .icon-leaf, .icon-link, .icon-location, .icon-locked, .icon-loop, .icon-man, .icon-map, .icon-mic-a, .icon-mic-b, .icon-mic-c, .icon-minus-circled, .icon-minus-round, .icon-minus, .icon-monitor, .icon-more, .icon-music-note, .icon-navicon-round, .icon-navicon, .icon-paperclip, .icon-pause, .icon-person-add, .icon-person-stalker, .icon-person, .icon-plane, .icon-play, .icon-plus-circled, .icon-plus-round, .icon-plus, .icon-pound, .icon-printer, .icon-record, .icon-refresh, .icon-reply-all, .icon-reply, .icon-search, .icon-share, .icon-shuffle, .icon-skip-backward, .icon-skip-forward, .icon-star, .icon-stop, .icon-thumbsdown, .icon-thumbsup, .icon-trash-a, .icon-trash-b, .icon-unlocked, .icon-upload, .icon-videocamera, .icon-volume-high, .icon-volume-low, .icon-volume-medium, .icon-volume-mute, .icon-waterdrop, .icon-wifi, .icon-woman { font-family: 'ionicons'; speak: none; font-style: normal; @@ -34,1035 +34,1050 @@ you can use the generic selector below, but it's slower: line-height: 1; -webkit-font-smoothing: antialiased; } -.icon-woman:before { - content: "\e000"; } - -.icon-wifi:before { +.icon-battery-charging:before { content: "\e001"; } -.icon-waterdrop:before { +.icon-bag:before { content: "\e002"; } -.icon-volume-mute:before { +.icon-at:before { content: "\e003"; } -.icon-volume-medium:before { +.icon-arrow-up-c:before { content: "\e004"; } -.icon-volume-low:before { +.icon-arrow-up-b:before { content: "\e005"; } -.icon-volume-high:before { +.icon-arrow-up-a:before { content: "\e006"; } -.icon-videocamera:before { +.icon-arrow-right-c:before { content: "\e007"; } -.icon-upload:before { +.icon-arrow-right-b:before { content: "\e008"; } -.icon-unlocked:before { +.icon-arrow-right-a:before { content: "\e009"; } -.icon-trash-b:before { +.icon-arrow-left-c:before { content: "\e00a"; } -.icon-trash-a:before { +.icon-arrow-left-b:before { content: "\e00b"; } -.icon-thumbsup:before { +.icon-arrow-left-a:before { content: "\e00c"; } -.icon-thumbsdown:before { +.icon-arrow-down-c:before { content: "\e00d"; } -.icon-stop:before { +.icon-arrow-down-b:before { content: "\e00e"; } -.icon-star:before { +.icon-arrow-down-a:before { content: "\e00f"; } -.icon-shuffle:before { +.icon-archive:before { content: "\e010"; } -.icon-share:before { +.icon-alert:before { content: "\e011"; } -.icon-search:before { +.icon-alert-circled:before { content: "\e012"; } -.icon-reply:before { +.icon-ios7-at-outline:before { content: "\e013"; } -.icon-reply-all:before { +.icon-ios7-world:before { content: "\e014"; } -.icon-refresh:before { +.icon-ios7-world-outline:before { content: "\e015"; } -.icon-record:before { +.icon-ios7-volume-low:before { content: "\e016"; } -.icon-printer:before { +.icon-ios7-volume-high:before { content: "\e017"; } -.icon-pound:before { +.icon-ios7-videocam:before { content: "\e018"; } -.icon-plus:before { +.icon-ios7-videocam-outline:before { content: "\e019"; } -.icon-plus-round:before { +.icon-ios7-upload:before { content: "\e01a"; } -.icon-plus-circled:before { +.icon-ios7-upload-outline:before { content: "\e01b"; } -.icon-play:before { +.icon-ios7-unlocked:before { content: "\e01c"; } -.icon-plane:before { +.icon-ios7-unlocked-outline:before { content: "\e01d"; } -.icon-person:before { +.icon-ios7-undo:before { content: "\e01e"; } -.icon-person-stalker:before { +.icon-ios7-undo-outline:before { content: "\e01f"; } -.icon-person-add:before { +.icon-ios7-trash:before { content: "\e020"; } -.icon-pause:before { +.icon-ios7-trash-outline:before { content: "\e021"; } -.icon-paperclip:before { +.icon-ios7-timer:before { content: "\e022"; } -.icon-next:before { +.icon-ios7-timer-outline:before { content: "\e023"; } -.icon-navicon:before { +.icon-ios7-thunderstorm:before { content: "\e024"; } -.icon-navicon-round:before { +.icon-ios7-thunderstorm-outline:before { content: "\e025"; } -.icon-music-note:before { +.icon-ios7-telephone:before { content: "\e026"; } -.icon-more:before { +.icon-ios7-telephone-outline:before { content: "\e027"; } -.icon-monitor:before { +.icon-ios7-sunny:before { content: "\e028"; } -.icon-minus:before { +.icon-ios7-sunny-outline:before { content: "\e029"; } -.icon-minus-round:before { +.icon-ios7-stopwatch:before { content: "\e02a"; } -.icon-minus-circled:before { +.icon-ios7-stopwatch-outline:before { content: "\e02b"; } -.icon-mic-c:before { +.icon-ios7-star:before { content: "\e02c"; } -.icon-mic-b:before { +.icon-ios7-star-outline:before { content: "\e02d"; } -.icon-mic-a:before { +.icon-ios7-skipforward:before { content: "\e02e"; } -.icon-map:before { +.icon-ios7-skipforward-outline:before { content: "\e02f"; } -.icon-man:before { +.icon-ios7-skipbackward:before { content: "\e030"; } -.icon-loop:before { +.icon-ios7-skipbackward-outline:before { content: "\e031"; } -.icon-locked:before { +.icon-ios7-search:before { content: "\e032"; } -.icon-location:before { +.icon-ios7-search-strong:before { content: "\e033"; } -.icon-leaf:before { +.icon-ios7-rewind:before { content: "\e034"; } -.icon-laptop:before { +.icon-ios7-rewind-outline:before { content: "\e035"; } -.icon-ipod:before { +.icon-ios7-refresh:before { content: "\e036"; } -.icon-iphone:before { +.icon-ios7-refresh-outline:before { content: "\e037"; } -.icon-ipad:before { +.icon-ios7-refresh-empty:before { content: "\e038"; } -.icon-ionic:before { +.icon-ios7-redo:before { content: "\e039"; } -.icon-ionic-outline:before { +.icon-ios7-redo-outline:before { content: "\e03a"; } -.icon-information:before { +.icon-ios7-recording:before { content: "\e03b"; } -.icon-information-circled:before { +.icon-ios7-recording-outline:before { content: "\e03c"; } -.icon-images:before { +.icon-ios7-rainy:before { content: "\e03d"; } -.icon-image:before { +.icon-ios7-rainy-outline:before { content: "\e03e"; } -.icon-home:before { +.icon-ios7-printer:before { content: "\e03f"; } -.icon-help:before { +.icon-ios7-printer-outline:before { content: "\e040"; } -.icon-help-circled:before { +.icon-ios7-plus:before { content: "\e041"; } -.icon-heart:before { +.icon-ios7-plus-outline:before { content: "\e042"; } -.icon-headphone:before { +.icon-ios7-plus-empty:before { content: "\e043"; } -.icon-grid:before { +.icon-ios7-play:before { content: "\e044"; } -.icon-gear-b:before { +.icon-ios7-play-outline:before { content: "\e045"; } -.icon-gear-a:before { +.icon-ios7-photos:before { content: "\e046"; } -.icon-game-controller-b:before { +.icon-ios7-photos-outline:before { content: "\e047"; } -.icon-game-controller-a:before { +.icon-ios7-personadd:before { content: "\e048"; } -.icon-forward:before { +.icon-ios7-personadd-outline:before { content: "\e049"; } -.icon-folder:before { +.icon-ios7-person:before { content: "\e04a"; } -.icon-flask:before { +.icon-ios7-person-outline:before { content: "\e04b"; } -.icon-flash:before { +.icon-ios7-people:before { content: "\e04c"; } -.icon-flash-off:before { +.icon-ios7-people-outline:before { content: "\e04d"; } -.icon-film-marker:before { +.icon-ios7-pause:before { content: "\e04e"; } -.icon-filing:before { +.icon-ios7-pause-outline:before { content: "\e04f"; } -.icon-eye:before { +.icon-ios7-partlysunny:before { content: "\e050"; } -.icon-email:before { +.icon-ios7-partlysunny-outline:before { content: "\e051"; } -.icon-drag:before { +.icon-ios7-paperplane:before { content: "\e052"; } -.icon-document:before { +.icon-ios7-paperplane-outline:before { content: "\e053"; } -.icon-document-text:before { +.icon-ios7-navigate:before { content: "\e054"; } -.icon-disc:before { +.icon-ios7-navigate-outline:before { content: "\e055"; } -.icon-compose:before { +.icon-ios7-musical-notes:before { content: "\e056"; } -.icon-cloud:before { +.icon-ios7-musical-note:before { content: "\e057"; } -.icon-close:before { +.icon-ios7-more:before { content: "\e058"; } -.icon-close-round:before { +.icon-ios7-more-outline:before { content: "\e059"; } -.icon-close-circled:before { +.icon-ios7-moon:before { content: "\e05a"; } -.icon-clipboard:before { +.icon-ios7-moon-outline:before { content: "\e05b"; } -.icon-chevron-up:before { +.icon-ios7-monitor:before { content: "\e05c"; } -.icon-chevron-right:before { +.icon-ios7-monitor-outline:before { content: "\e05d"; } -.icon-chevron-left:before { +.icon-ios7-minus:before { content: "\e05e"; } -.icon-chevron-down:before { +.icon-ios7-minus-outline:before { content: "\e05f"; } -.icon-checkmark:before { +.icon-ios7-minus-empty:before { content: "\e060"; } -.icon-checkmark-round:before { +.icon-ios7-mic:before { content: "\e061"; } -.icon-checkmark-circled:before { +.icon-ios7-mic-outline:before { content: "\e062"; } -.icon-chatbubbles:before { +.icon-ios7-mic-off:before { content: "\e063"; } -.icon-chatbubble:before { +.icon-ios7-locked:before { content: "\e064"; } -.icon-chatbubble-working:before { +.icon-ios7-locked-outline:before { content: "\e065"; } -.icon-chatboxes:before { +.icon-ios7-location:before { content: "\e066"; } -.icon-chatbox:before { +.icon-ios7-location-outline:before { content: "\e067"; } -.icon-chatbox-working:before { +.icon-ios7-keypad:before { content: "\e068"; } -.icon-card:before { +.icon-ios7-keypad-outline:before { content: "\e069"; } -.icon-camera:before { +.icon-ios7-ionic-outline:before { content: "\e06a"; } -.icon-calendar:before { +.icon-ios7-information:before { content: "\e06b"; } -.icon-bluetooth:before { +.icon-ios7-information-outline:before { content: "\e06c"; } -.icon-battery-low:before { +.icon-ios7-information-empty:before { content: "\e06d"; } -.icon-battery-half:before { +.icon-ios7-infinite:before { content: "\e06e"; } -.icon-battery-full:before { +.icon-ios7-infinite-outline:before { content: "\e06f"; } -.icon-battery-empty:before { +.icon-ios7-help:before { content: "\e070"; } -.icon-battery-charging:before { +.icon-ios7-help-outline:before { content: "\e071"; } -.icon-bag:before { +.icon-ios7-help-empty:before { content: "\e072"; } -.icon-at:before { +.icon-ios7-heart:before { content: "\e073"; } -.icon-arrow-up-c:before { +.icon-ios7-heart-outline:before { content: "\e074"; } -.icon-arrow-up-b:before { +.icon-ios7-glasses:before { content: "\e075"; } -.icon-arrow-up-a:before { +.icon-ios7-glasses-outline:before { content: "\e076"; } -.icon-arrow-right-c:before { +.icon-ios7-gear:before { content: "\e077"; } -.icon-arrow-right-b:before { +.icon-ios7-gear-outline:before { content: "\e078"; } -.icon-arrow-right-a:before { +.icon-ios7-folder:before { content: "\e079"; } -.icon-arrow-left-c:before { +.icon-ios7-folder-outline:before { content: "\e07a"; } -.icon-arrow-left-b:before { +.icon-ios7-flag:before { content: "\e07b"; } -.icon-arrow-left-a:before { +.icon-ios7-flag-outline:before { content: "\e07c"; } -.icon-arrow-down-c:before { +.icon-ios7-film:before { content: "\e07d"; } -.icon-arrow-down-b:before { +.icon-ios7-film-outline:before { content: "\e07e"; } -.icon-arrow-down-a:before { +.icon-ios7-filing:before { content: "\e07f"; } -.icon-archive:before { +.icon-ios7-filing-outline:before { content: "\e080"; } -.icon-alert:before { +.icon-ios7-fastforward:before { content: "\e081"; } -.icon-ios7-world:before { +.icon-ios7-fastforward-outline:before { content: "\e082"; } -.icon-ios7-world-outline:before { +.icon-ios7-eye:before { content: "\e083"; } -.icon-ios7-volume-low:before { +.icon-ios7-eye-outline:before { content: "\e084"; } -.icon-ios7-volume-high:before { +.icon-ios7-email:before { content: "\e085"; } -.icon-ios7-videocam:before { +.icon-ios7-email-outline:before { content: "\e086"; } -.icon-ios7-videocam-outline:before { +.icon-ios7-drag:before { content: "\e087"; } -.icon-ios7-upload:before { +.icon-ios7-download:before { content: "\e088"; } -.icon-ios7-upload-outline:before { +.icon-ios7-download-outline:before { content: "\e089"; } -.icon-ios7-unlocked:before { +.icon-ios7-copy:before { content: "\e08a"; } -.icon-ios7-unlocked-outline:before { +.icon-ios7-copy-outline:before { content: "\e08b"; } -.icon-ios7-undo:before { +.icon-ios7-contact:before { content: "\e08c"; } -.icon-ios7-undo-outline:before { +.icon-ios7-contact-outline:before { content: "\e08d"; } -.icon-ios7-trash:before { +.icon-ios7-compose:before { content: "\e08e"; } -.icon-ios7-trash-outline:before { +.icon-ios7-compose-outline:before { content: "\e08f"; } -.icon-ios7-timer:before { +.icon-ios7-cog:before { content: "\e090"; } -.icon-ios7-timer-outline:before { +.icon-ios7-cog-outline:before { content: "\e091"; } -.icon-ios7-thunderstorm:before { +.icon-ios7-cloudy:before { content: "\e092"; } -.icon-ios7-thunderstorm-outline:before { +.icon-ios7-cloudy-outline:before { content: "\e093"; } -.icon-ios7-telephone:before { +.icon-ios7-cloud:before { content: "\e094"; } -.icon-ios7-telephone-outline:before { +.icon-ios7-cloud-upload:before { content: "\e095"; } -.icon-ios7-sunny:before { +.icon-ios7-cloud-upload-outline:before { content: "\e096"; } -.icon-ios7-sunny-outline:before { +.icon-ios7-cloud-outline:before { content: "\e097"; } -.icon-ios7-stopwatch:before { +.icon-ios7-cloud-download:before { content: "\e098"; } -.icon-ios7-stopwatch-outline:before { +.icon-ios7-cloud-download-outline:before { content: "\e099"; } -.icon-ios7-star:before { +.icon-ios7-clock:before { content: "\e09a"; } -.icon-ios7-star-outline:before { +.icon-ios7-clock-outline:before { content: "\e09b"; } -.icon-ios7-skipforward:before { +.icon-ios7-circle-outline:before { content: "\e09c"; } -.icon-ios7-skipforward-outline:before { +.icon-ios7-circle-filled:before { content: "\e09d"; } -.icon-ios7-skipbackward:before { +.icon-ios7-checkmark:before { content: "\e09e"; } -.icon-ios7-skipbackward-outline:before { +.icon-ios7-checkmark-outline:before { content: "\e09f"; } -.icon-ios7-search:before { +.icon-ios7-checkmark-empty:before { content: "\e0a0"; } -.icon-ios7-search-strong:before { +.icon-ios7-chatbubble:before { content: "\e0a1"; } -.icon-ios7-rewind:before { +.icon-ios7-chatbubble-outline:before { content: "\e0a2"; } -.icon-ios7-rewind-outline:before { +.icon-ios7-chatboxes:before { content: "\e0a3"; } -.icon-ios7-refresh:before { +.icon-ios7-chatboxes-outline:before { content: "\e0a4"; } -.icon-ios7-refresh-outline:before { +.icon-ios7-cart:before { content: "\e0a5"; } -.icon-ios7-refresh-empty:before { +.icon-ios7-cart-outline:before { content: "\e0a6"; } -.icon-ios7-redo:before { +.icon-ios7-camera:before { content: "\e0a7"; } -.icon-ios7-redo-outline:before { +.icon-ios7-camera-outline:before { content: "\e0a8"; } -.icon-ios7-recording:before { +.icon-ios7-calendar:before { content: "\e0a9"; } -.icon-ios7-recording-outline:before { +.icon-ios7-calendar-outline:before { content: "\e0aa"; } -.icon-ios7-rainy:before { +.icon-ios7-browsers:before { content: "\e0ab"; } -.icon-ios7-rainy-outline:before { +.icon-ios7-browsers-outline:before { content: "\e0ac"; } -.icon-ios7-printer:before { +.icon-ios7-box:before { content: "\e0ad"; } -.icon-ios7-printer-outline:before { +.icon-ios7-box-outline:before { content: "\e0ae"; } -.icon-ios7-plus:before { +.icon-ios7-bookmarks:before { content: "\e0af"; } -.icon-ios7-plus-outline:before { +.icon-ios7-bookmarks-outline:before { content: "\e0b0"; } -.icon-ios7-plus-empty:before { +.icon-ios7-bolt:before { content: "\e0b1"; } -.icon-ios7-play:before { +.icon-ios7-bolt-outline:before { content: "\e0b2"; } -.icon-ios7-play-outline:before { +.icon-ios7-bell:before { content: "\e0b3"; } -.icon-ios7-photos:before { +.icon-ios7-bell-outline:before { content: "\e0b4"; } -.icon-ios7-photos-outline:before { +.icon-ios7-at:before { content: "\e0b5"; } -.icon-ios7-personadd:before { +.icon-ios7-arrow-up:before { content: "\e0b6"; } -.icon-ios7-personadd-outline:before { +.icon-ios7-arrow-right:before { content: "\e0b7"; } -.icon-ios7-person:before { +.icon-ios7-arrow-left:before { content: "\e0b8"; } -.icon-ios7-person-outline:before { +.icon-ios7-arrow-forward:before { content: "\e0b9"; } -.icon-ios7-people:before { +.icon-ios7-arrow-down:before { content: "\e0ba"; } -.icon-ios7-people-outline:before { +.icon-ios7-arrow-back:before { content: "\e0bb"; } -.icon-ios7-pause:before { +.icon-ios7-albums:before { content: "\e0bc"; } -.icon-ios7-pause-outline:before { +.icon-ios7-albums-outline:before { content: "\e0bd"; } -.icon-ios7-partlysunny:before { +.icon-ios7-alarm:before { content: "\e0be"; } -.icon-ios7-partlysunny-outline:before { +.icon-ios7-alarm-outline:before { content: "\e0bf"; } -.icon-ios7-paperplane:before { +.icon-social-youtube:before { content: "\e0c0"; } -.icon-ios7-paperplane-outline:before { +.icon-social-youtube-outline:before { content: "\e0c1"; } -.icon-ios7-navigate:before { +.icon-social-yahoo:before { content: "\e0c2"; } -.icon-ios7-navigate-outline:before { +.icon-social-yahoo-outline:before { content: "\e0c3"; } -.icon-ios7-musical-notes:before { +.icon-social-wordpress:before { content: "\e0c4"; } -.icon-ios7-musical-note:before { +.icon-social-wordpress-outline:before { content: "\e0c5"; } -.icon-ios7-more:before { +.icon-social-windows:before { content: "\e0c6"; } -.icon-ios7-more-outline:before { +.icon-social-windows-outline:before { content: "\e0c7"; } -.icon-ios7-moon:before { +.icon-social-vimeo:before { content: "\e0c8"; } -.icon-ios7-moon-outline:before { +.icon-social-vimeo-outline:before { content: "\e0c9"; } -.icon-ios7-monitor:before { +.icon-social-twitter:before { content: "\e0ca"; } -.icon-ios7-monitor-outline:before { +.icon-social-twitter-outline:before { content: "\e0cb"; } -.icon-ios7-minus:before { +.icon-social-tumblr:before { content: "\e0cc"; } -.icon-ios7-minus-outline:before { +.icon-social-tumblr-outline:before { content: "\e0cd"; } -.icon-ios7-minus-empty:before { +.icon-social-skype:before { content: "\e0ce"; } -.icon-ios7-mic:before { +.icon-social-skype-outline:before { content: "\e0cf"; } -.icon-ios7-mic-outline:before { +.icon-social-rss:before { content: "\e0d0"; } -.icon-ios7-mic-off:before { +.icon-social-rss-outline:before { content: "\e0d1"; } -.icon-ios7-locked:before { +.icon-social-reddit:before { content: "\e0d2"; } -.icon-ios7-locked-outline:before { +.icon-social-reddit-outline:before { content: "\e0d3"; } -.icon-ios7-location:before { +.icon-social-linkedin:before { content: "\e0d4"; } -.icon-ios7-location-outline:before { +.icon-social-linkedin-outline:before { content: "\e0d5"; } -.icon-ios7-keypad:before { +.icon-social-hackernews:before { content: "\e0d6"; } -.icon-ios7-keypad-outline:before { +.icon-social-hackernews-outline:before { content: "\e0d7"; } -.icon-ios7-information:before { +.icon-social-googleplus:before { content: "\e0d8"; } -.icon-ios7-information-outline:before { +.icon-social-googleplus-outline:before { content: "\e0d9"; } -.icon-ios7-information-empty:before { +.icon-social-github:before { content: "\e0da"; } -.icon-ios7-infinite:before { +.icon-social-github-outline:before { content: "\e0db"; } -.icon-ios7-infinite-outline:before { +.icon-social-facebook:before { content: "\e0dc"; } -.icon-ios7-help:before { +.icon-social-facebook-outline:before { content: "\e0dd"; } -.icon-ios7-help-outline:before { +.icon-social-dropbox:before { content: "\e0de"; } -.icon-ios7-help-empty:before { +.icon-social-dropbox-outline:before { content: "\e0df"; } -.icon-ios7-heart:before { +.icon-social-dribbble:before { content: "\e0e0"; } -.icon-ios7-heart-outline:before { +.icon-social-dribbble-outline:before { content: "\e0e1"; } -.icon-ios7-glasses:before { +.icon-social-designernews:before { content: "\e0e2"; } -.icon-ios7-glasses-outline:before { +.icon-social-designernews-outline:before { content: "\e0e3"; } -.icon-ios7-gear:before { +.icon-social-buffer:before { content: "\e0e4"; } -.icon-ios7-gear-outline:before { +.icon-social-buffer-outline:before { content: "\e0e5"; } -.icon-ios7-folder:before { +.icon-social-apple:before { content: "\e0e6"; } -.icon-ios7-folder-outline:before { +.icon-social-apple-outline:before { content: "\e0e7"; } -.icon-ios7-flag:before { +.icon-social-android:before { content: "\e0e8"; } -.icon-ios7-flag-outline:before { +.icon-social-android-outline:before { content: "\e0e9"; } -.icon-ios7-film:before { +.icon-battery-empty:before { + content: "\e000"; } + +.icon-battery-full:before { content: "\e0ea"; } -.icon-ios7-film-outline:before { +.icon-battery-half:before { content: "\e0eb"; } -.icon-ios7-filing:before { +.icon-battery-low:before { content: "\e0ec"; } -.icon-ios7-filing-outline:before { +.icon-bluetooth:before { content: "\e0ed"; } -.icon-ios7-fastforward:before { +.icon-calendar:before { content: "\e0ee"; } -.icon-ios7-fastforward-outline:before { +.icon-camera:before { content: "\e0ef"; } -.icon-ios7-eye:before { +.icon-card:before { content: "\e0f0"; } -.icon-ios7-eye-outline:before { +.icon-chatbox-working:before { content: "\e0f1"; } -.icon-ios7-email:before { +.icon-chatbox:before { content: "\e0f2"; } -.icon-ios7-email-outline:before { +.icon-chatboxes:before { content: "\e0f3"; } -.icon-ios7-drag:before { +.icon-chatbubble-working:before { content: "\e0f4"; } -.icon-ios7-download:before { +.icon-chatbubble:before { content: "\e0f5"; } -.icon-ios7-download-outline:before { +.icon-chatbubbles:before { content: "\e0f6"; } -.icon-ios7-copy:before { +.icon-checkmark-circled:before { content: "\e0f7"; } -.icon-ios7-copy-outline:before { +.icon-checkmark-round:before { content: "\e0f8"; } -.icon-ios7-contact:before { +.icon-checkmark:before { content: "\e0f9"; } -.icon-ios7-contact-outline:before { +.icon-chevron-down:before { content: "\e0fa"; } -.icon-ios7-compose:before { +.icon-chevron-left:before { content: "\e0fb"; } -.icon-ios7-compose-outline:before { +.icon-chevron-right:before { content: "\e0fc"; } -.icon-ios7-cog:before { +.icon-chevron-up:before { content: "\e0fd"; } -.icon-ios7-cog-outline:before { +.icon-clipboard:before { content: "\e0fe"; } -.icon-ios7-cloudy:before { +.icon-close-circled:before { content: "\e0ff"; } -.icon-ios7-cloudy-outline:before { +.icon-close-round:before { content: "\e100"; } -.icon-ios7-cloud:before { +.icon-close:before { content: "\e101"; } -.icon-ios7-cloud-upload:before { +.icon-cloud:before { content: "\e102"; } -.icon-ios7-cloud-upload-outline:before { +.icon-compose:before { content: "\e103"; } -.icon-ios7-cloud-outline:before { +.icon-disc:before { content: "\e104"; } -.icon-ios7-cloud-download:before { +.icon-document-text:before { content: "\e105"; } -.icon-ios7-cloud-download-outline:before { +.icon-document:before { content: "\e106"; } -.icon-ios7-clock:before { +.icon-drag:before { content: "\e107"; } -.icon-ios7-clock-outline:before { +.icon-eject:before { content: "\e108"; } -.icon-ios7-circle-outline:before { +.icon-email:before { content: "\e109"; } -.icon-ios7-circle-filled:before { +.icon-eye:before { content: "\e10a"; } -.icon-ios7-checkmark:before { +.icon-filing:before { content: "\e10b"; } -.icon-ios7-checkmark-outline:before { +.icon-film-marker:before { content: "\e10c"; } -.icon-ios7-checkmark-empty:before { +.icon-flash-off:before { content: "\e10d"; } -.icon-ios7-chatbubble:before { +.icon-flash:before { content: "\e10e"; } -.icon-ios7-chatbubble-outline:before { +.icon-flask:before { content: "\e10f"; } -.icon-ios7-chatboxes:before { +.icon-folder:before { content: "\e110"; } -.icon-ios7-chatboxes-outline:before { +.icon-forward:before { content: "\e111"; } -.icon-ios7-cart:before { +.icon-game-controller-a:before { content: "\e112"; } -.icon-ios7-cart-outline:before { +.icon-game-controller-b:before { content: "\e113"; } -.icon-ios7-camera:before { +.icon-gear-a:before { content: "\e114"; } -.icon-ios7-camera-outline:before { +.icon-gear-b:before { content: "\e115"; } -.icon-ios7-calendar:before { +.icon-grid:before { content: "\e116"; } -.icon-ios7-calendar-outline:before { +.icon-headphone:before { content: "\e117"; } -.icon-ios7-browsers:before { +.icon-heart:before { content: "\e118"; } -.icon-ios7-browsers-outline:before { +.icon-help-circled:before { content: "\e119"; } -.icon-ios7-box:before { +.icon-help:before { content: "\e11a"; } -.icon-ios7-box-outline:before { +.icon-home:before { content: "\e11b"; } -.icon-ios7-bookmarks:before { +.icon-image:before { content: "\e11c"; } -.icon-ios7-bookmarks-outline:before { +.icon-images:before { content: "\e11d"; } -.icon-ios7-bolt:before { +.icon-information-circled:before { content: "\e11e"; } -.icon-ios7-bolt-outline:before { +.icon-information:before { content: "\e11f"; } -.icon-ios7-bell:before { +.icon-ionic:before { content: "\e120"; } -.icon-ios7-bell-outline:before { +.icon-ipad:before { content: "\e121"; } -.icon-ios7-at:before { +.icon-iphone:before { content: "\e122"; } -.icon-ios7-arrow-up:before { +.icon-ipod:before { content: "\e123"; } -.icon-ios7-arrow-right:before { +.icon-laptop:before { content: "\e124"; } -.icon-ios7-arrow-left:before { +.icon-leaf:before { content: "\e125"; } -.icon-ios7-arrow-forward:before { +.icon-link:before { content: "\e126"; } -.icon-ios7-arrow-down:before { +.icon-location:before { content: "\e127"; } -.icon-ios7-arrow-back:before { +.icon-locked:before { content: "\e128"; } -.icon-ios7-albums:before { +.icon-loop:before { content: "\e129"; } -.icon-ios7-albums-outline:before { +.icon-man:before { content: "\e12a"; } -.icon-ios7-alarm:before { +.icon-map:before { content: "\e12b"; } -.icon-ios7-alarm-outline:before { +.icon-mic-a:before { content: "\e12c"; } -.icon-social-youtube:before { +.icon-mic-b:before { content: "\e12d"; } -.icon-social-youtube-outline:before { +.icon-mic-c:before { content: "\e12e"; } -.icon-social-yahoo:before { +.icon-minus-circled:before { content: "\e12f"; } -.icon-social-yahoo-outline:before { +.icon-minus-round:before { content: "\e130"; } -.icon-social-wordpress:before { +.icon-minus:before { content: "\e131"; } -.icon-social-wordpress-outline:before { +.icon-monitor:before { content: "\e132"; } -.icon-social-windows:before { +.icon-more:before { content: "\e133"; } -.icon-social-windows-outline:before { +.icon-music-note:before { content: "\e134"; } -.icon-social-vimeo:before { +.icon-navicon-round:before { content: "\e135"; } -.icon-social-vimeo-outline:before { +.icon-navicon:before { content: "\e136"; } -.icon-social-twitter:before { +.icon-paperclip:before { content: "\e137"; } -.icon-social-twitter-outline:before { +.icon-pause:before { content: "\e138"; } -.icon-social-tumblr:before { +.icon-person-add:before { content: "\e139"; } -.icon-social-tumblr-outline:before { +.icon-person-stalker:before { content: "\e13a"; } -.icon-social-skype:before { +.icon-person:before { content: "\e13b"; } -.icon-social-skype-outline:before { +.icon-plane:before { content: "\e13c"; } -.icon-social-rss:before { +.icon-play:before { content: "\e13d"; } -.icon-social-rss-outline:before { +.icon-plus-circled:before { content: "\e13e"; } -.icon-social-reddit:before { +.icon-plus-round:before { content: "\e13f"; } -.icon-social-reddit-outline:before { +.icon-plus:before { content: "\e140"; } -.icon-social-linkedin:before { +.icon-pound:before { content: "\e141"; } -.icon-social-linkedin-outline:before { +.icon-printer:before { content: "\e142"; } -.icon-social-hackernews:before { +.icon-record:before { content: "\e143"; } -.icon-social-hackernews-outline:before { +.icon-refresh:before { content: "\e144"; } -.icon-social-google:before { +.icon-reply-all:before { content: "\e145"; } -.icon-social-google-outline:before { +.icon-reply:before { content: "\e146"; } -.icon-social-github:before { +.icon-search:before { content: "\e147"; } -.icon-social-github-outline:before { +.icon-share:before { content: "\e148"; } -.icon-social-facebook:before { +.icon-shuffle:before { content: "\e149"; } -.icon-social-facebook-outline:before { +.icon-skip-backward:before { content: "\e14a"; } -.icon-social-dropbox:before { +.icon-skip-forward:before { content: "\e14b"; } -.icon-social-dropbox-outline:before { +.icon-star:before { content: "\e14c"; } -.icon-social-dribbble:before { +.icon-stop:before { content: "\e14d"; } -.icon-social-dribbble-outline:before { +.icon-thumbsdown:before { content: "\e14e"; } -.icon-social-designernews:before { +.icon-thumbsup:before { content: "\e14f"; } -.icon-social-designernews-outline:before { +.icon-trash-a:before { content: "\e150"; } -.icon-social-buffer:before { +.icon-trash-b:before { content: "\e151"; } -.icon-social-buffer-outline:before { +.icon-unlocked:before { content: "\e152"; } -.icon-social-apple:before { +.icon-upload:before { content: "\e153"; } -.icon-social-apple-outline:before { +.icon-videocamera:before { content: "\e154"; } -.icon-social-android:before { +.icon-volume-high:before { content: "\e155"; } -.icon-social-android-outline:before { +.icon-volume-low:before { content: "\e156"; } +.icon-volume-medium:before { + content: "\e157"; } + +.icon-volume-mute:before { + content: "\e158"; } + +.icon-waterdrop:before { + content: "\e159"; } + +.icon-wifi:before { + content: "\e15a"; } + +.icon-woman:before { + content: "\e15b"; } + /** * 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. @@ -2203,7 +2218,7 @@ a.list-item { position: relative; background-color: #fff; z-index: 2; - padding: 15px 15px; + padding: 15px; -webkit-transition: margin-left 0.2s ease-in-out, margin-right 0.2s ease-in-out, left 0.2s ease-in-out; } .list-item-content > i:last-child { float: right; } @@ -2648,26 +2663,23 @@ input[type="checkbox"][readonly] { background-color: white; -webkit-transform: translate3d(22px, 0, 0); } -/* hide a radio button's icon by default */ -.radio-item [class^="icon-"], -.radio-item [class*=" icon-"] { - display: none; } - -.radio-list label.list-item { - cursor: pointer; } - -.radio-list input[type="radio"] { +.radio-buttton-list [class^="icon-"], +.radio-buttton-list [class*=" icon-"] { + position: absolute; + top: 25%; + left: 25%; + visibility: hidden; + font-size: 24px; } +.radio-buttton-list input[type="radio"] { /* hide any radio button inputs elements (the ugly circles) */ - display: none; - /* when this radio-item is checked */ } - .radio-list input[type="radio"]:checked + .radio-item { - /* show the radio-item icon when checked */ } - .radio-list input[type="radio"]:checked + .radio-item [class^="icon-"], - .radio-list input[type="radio"]:checked + .radio-item [class*=" icon-"] { - position: absolute; - top: 16px; - right: 10px; - display: inline; } + display: none; } + .radio-buttton-list input[type="radio"]:checked + [class^="icon-"], .radio-buttton-list input[type="radio"]:checked + [class*=" icon-"] { + visibility: visible; } +.radio-buttton-list .list-item-content { + padding-right: 60px; } +.radio-buttton-list .list-item-buttons { + z-index: 3; + width: 45px; } .button { position: relative; diff --git a/scss/ionic/_listview.scss b/scss/ionic/_listview.scss index 2bd4a4f4b7..07bdc95121 100644 --- a/scss/ionic/_listview.scss +++ b/scss/ionic/_listview.scss @@ -124,7 +124,7 @@ a.list-item { z-index: 2; - padding: 15px 15px; + padding: $list-item-padding; -webkit-transition: margin-left 0.2s ease-in-out, margin-right 0.2s ease-in-out, left 0.2s ease-in-out; diff --git a/scss/ionic/_radio.scss b/scss/ionic/_radio.scss index 524225c5c0..00c6317138 100644 --- a/scss/ionic/_radio.scss +++ b/scss/ionic/_radio.scss @@ -2,31 +2,34 @@ // Radio Buttons // ------------------------------- -/* hide a radio button's icon by default */ -.radio-item { +.radio-buttton-list { + [class^="icon-"], [class*=" icon-"] { - display: none; + position: absolute; + top: 25%; + left: 25%; + visibility: hidden; + font-size: 24px; } -} -.radio-list label.list-item { - cursor: pointer; -} -.radio-list input[type="radio"] { - /* hide any radio button inputs elements (the ugly circles) */ - display: none; + input[type="radio"] { + /* hide any radio button inputs elements (the ugly circles) */ + display: none; - /* when this radio-item is checked */ - &:checked + .radio-item { - - /* show the radio-item icon when checked */ - [class^="icon-"], - [class*=" icon-"] { - position: absolute; - top: 16px; - right: $content-padding; - display: inline; + &:checked + [class^="icon-"], + &:checked + [class*=" icon-"] { + visibility: visible; } } -} \ No newline at end of file + + .list-item-content { + padding-right: $list-item-padding * 4; + } + + .list-item-buttons { + z-index: 3; + width: $list-item-padding * 3; + } + +} diff --git a/scss/ionic/_variables.scss b/scss/ionic/_variables.scss index b7d8aca01e..cbe49c7d38 100644 --- a/scss/ionic/_variables.scss +++ b/scss/ionic/_variables.scss @@ -341,6 +341,7 @@ $tabs-dark-border-color: $button-dark-border; $list-divider-bg: #f5f5f5; $list-divider-color: #222; $list-item-border: 1px solid #ddd; +$list-item-padding: 15px !default; $list-default-background: $brand-default; $list-default-border: #ddd; diff --git a/test/input-radio.html b/test/input-radio.html index 54cdf138da..0df5dca801 100644 --- a/test/input-radio.html +++ b/test/input-radio.html @@ -5,59 +5,44 @@ - - + -
+
+

Radio Buttons

+
-
-

Radio Buttons

-
+ - +
-
- - - +