diff --git a/dist/css/ionic-ios7.css b/dist/css/ionic-ios7.css index f570db8ad4..4a8ddcff35 100644 --- a/dist/css/ionic-ios7.css +++ b/dist/css/ionic-ios7.css @@ -1054,62 +1054,70 @@ a.subdued‎ { z-index: 2; } .item.active .item-heading, .item.active:hover .item-heading, .item.active:focus .item-heading { color: inherit; } - .item.item-default.active, .item.item-default:active { - color: #333333; + +.item-default.active, .item-default:active { + color: #333333; + background-color: white; + border-color: #333333; } + .item-default.active .list-item-content, .item-default:active .list-item-content { background-color: white; - border-color: #333333; } - .item.item-default.active .list-item-content, .item.item-default:active .list-item-content { - background-color: white; - color: #333333; } - .item.item-secondary.active, .item.item-secondary:active { - color: #333333; + color: #333333; } + +.item-secondary.active, .item-secondary:active { + color: #333333; + background-color: white; + border-color: #333333; } + .item-secondary.active .list-item-content, .item-secondary:active .list-item-content { background-color: white; - border-color: #333333; } - .item.item-secondary.active .list-item-content, .item.item-secondary:active .list-item-content { - background-color: white; - color: #333333; } - .item.item-primary.active, .item.item-primary:active { - color: white; + color: #333333; } + +.item-primary.active, .item-primary:active { + color: white; + background-color: #4a87ee; + border-color: #333333; } + .item-primary.active .list-item-content, .item-primary:active .list-item-content { background-color: #4a87ee; - border-color: #333333; } - .item.item-primary.active .list-item-content, .item.item-primary:active .list-item-content { - background-color: #4a87ee; - color: white; } - .item.item-info.active, .item.item-info:active { - color: white; + color: white; } + +.item-info.active, .item-info:active { + color: white; + background-color: #43cee6; + border-color: #333333; } + .item-info.active .list-item-content, .item-info:active .list-item-content { background-color: #43cee6; - border-color: #333333; } - .item.item-info.active .list-item-content, .item.item-info:active .list-item-content { - background-color: #43cee6; - color: white; } - .item.item-success.active, .item.item-success:active { - color: white; + color: white; } + +.item-success.active, .item-success:active { + color: white; + background-color: #66cc33; + border-color: #333333; } + .item-success.active .list-item-content, .item-success:active .list-item-content { background-color: #66cc33; - border-color: #333333; } - .item.item-success.active .list-item-content, .item.item-success:active .list-item-content { - background-color: #66cc33; - color: white; } - .item.item-warning.active, .item.item-warning:active { - color: white; + color: white; } + +.item-warning.active, .item-warning:active { + color: white; + background-color: #f0b840; + border-color: #333333; } + .item-warning.active .list-item-content, .item-warning:active .list-item-content { background-color: #f0b840; - border-color: #333333; } - .item.item-warning.active .list-item-content, .item.item-warning:active .list-item-content { - background-color: #f0b840; - color: white; } - .item.item-danger.active, .item.item-danger:active { - color: white; + color: white; } + +.item-danger.active, .item-danger:active { + color: white; + background-color: #ef4e3a; + border-color: #333333; } + .item-danger.active .list-item-content, .item-danger:active .list-item-content { background-color: #ef4e3a; - border-color: #333333; } - .item.item-danger.active .list-item-content, .item.item-danger:active .list-item-content { - background-color: #ef4e3a; - color: white; } - .item.item-dark.active, .item.item-dark:active { - color: white; + color: white; } + +.item-dark.active, .item-dark:active { + color: white; + background-color: #444444; + border-color: #333333; } + .item-dark.active .list-item-content, .item-dark:active .list-item-content { background-color: #444444; - border-color: #333333; } - .item.item-dark.active .list-item-content, .item.item-dark:active .list-item-content { - background-color: #444444; - color: white; } + color: white; } .item, .item h1, @@ -1202,9 +1210,9 @@ a.item { font-size: 32px; } .item .fill-icon { - font-size: 28px; min-width: 30px; - min-height: 30px; } + min-height: 30px; + font-size: 28px; } .item-icon-left { padding-left: 45px; } @@ -1248,13 +1256,13 @@ button.item:active, position: absolute; top: 7.5px; left: 7.5px; - font-size: 32px; - min-height: 32px; } + min-height: 32px; + font-size: 32px; } .item-button-left > .button .icon, .item-button-left .item-content > .button .icon { position: relative; - line-height: 31px; - left: auto; } + left: auto; + line-height: 31px; } .item-button-right { padding-right: 75px; } @@ -1274,13 +1282,13 @@ button.item:active, position: absolute; top: 7.5px; right: 15px; - font-size: 32px; - min-height: 32px; } + min-height: 32px; + font-size: 32px; } .item-button-right > .button .icon, .item-button-right .item-content > .button .icon { position: relative; - line-height: 31px; - left: auto; } + left: auto; + line-height: 31px; } a.item:after, button.item:after { @@ -1300,13 +1308,13 @@ button.item:after { right: 11px; height: 100%; color: #ccc; - content: "\e0fc"; + content: "\f125"; text-transform: none; font-weight: normal; font-style: normal; font-variant: normal; font-size: 16px; - font-family: 'ionicons'; + font-family: 'Ionicons'; line-height: 1; speak: none; -webkit-font-smoothing: antialiased; } @@ -1725,7 +1733,7 @@ input[type="file"] { line-height: 34px; } select { - border: 1px solid #cccccc; + border: 1px solid #ccc; background-color: white; } select[multiple], @@ -1797,7 +1805,7 @@ input[type="checkbox"][readonly] { right: 20px; transition: 0.2s ease; transition-property: left, right; - transition-delay: 0s, 0.05s; } + transition-delay: 0s, .05s; } .toggle :checked + .track { /* When the toggle is "on" */ @@ -1812,7 +1820,7 @@ input[type="checkbox"][readonly] { right: 0; left: 20px; -webkit-transform: none; - transition-delay: 0.05s, 0s; } + transition-delay: .05s, 0s; } .item-radio { padding: 0; } @@ -2453,9 +2461,9 @@ a.button { line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - -webkit-animation: spin 0.75s linear infinite; - -moz-animation: spin 0.75s linear infinite; - animation: spin 0.75s linear infinite; } + -webkit-animation: spin .75s linear infinite; + -moz-animation: spin .75s linear infinite; + animation: spin .75s linear infinite; } .ion-loading:before { content: "\e144"; } @@ -2468,9 +2476,9 @@ a.button { line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - -webkit-animation: spin 0.75s linear infinite; - -moz-animation: spin 0.75s linear infinite; - animation: spin 0.75s linear infinite; } + -webkit-animation: spin .75s linear infinite; + -moz-animation: spin .75s linear infinite; + animation: spin .75s linear infinite; } .ion-refreshing:before { content: "\e144"; } diff --git a/dist/css/ionic-scoped.css b/dist/css/ionic-scoped.css index 61b644f9b2..cba1f980b7 100644 --- a/dist/css/ionic-scoped.css +++ b/dist/css/ionic-scoped.css @@ -1680,7 +1680,7 @@ .ionic fieldset { margin: 0 2px; padding: 0.35em 0.625em 0.75em; - border: 1px solid silver; } + border: 1px solid #c0c0c0; } .ionic legend { padding: 0; /* 2 */ @@ -2435,62 +2435,62 @@ z-index: 2; } .ionic .item.active .item-heading, .ionic .item.active:hover .item-heading, .ionic .item.active:focus .item-heading { color: inherit; } - .ionic .item.item-default.active, .ionic .item.item-default:active { - color: #333333; + .ionic .item-default.active, .ionic .item-default:active { + color: #333333; + background-color: white; + border-color: #333333; } + .ionic .item-default.active .list-item-content, .ionic .item-default:active .list-item-content { background-color: white; - border-color: #333333; } - .ionic .item.item-default.active .list-item-content, .ionic .item.item-default:active .list-item-content { - background-color: white; - color: #333333; } - .ionic .item.item-secondary.active, .ionic .item.item-secondary:active { - color: #333333; + color: #333333; } + .ionic .item-secondary.active, .ionic .item-secondary:active { + color: #333333; + background-color: white; + border-color: #333333; } + .ionic .item-secondary.active .list-item-content, .ionic .item-secondary:active .list-item-content { background-color: white; - border-color: #333333; } - .ionic .item.item-secondary.active .list-item-content, .ionic .item.item-secondary:active .list-item-content { - background-color: white; - color: #333333; } - .ionic .item.item-primary.active, .ionic .item.item-primary:active { - color: white; + color: #333333; } + .ionic .item-primary.active, .ionic .item-primary:active { + color: white; + background-color: #4a87ee; + border-color: #333333; } + .ionic .item-primary.active .list-item-content, .ionic .item-primary:active .list-item-content { background-color: #4a87ee; - border-color: #333333; } - .ionic .item.item-primary.active .list-item-content, .ionic .item.item-primary:active .list-item-content { - background-color: #4a87ee; - color: white; } - .ionic .item.item-info.active, .ionic .item.item-info:active { - color: white; + color: white; } + .ionic .item-info.active, .ionic .item-info:active { + color: white; + background-color: #43cee6; + border-color: #333333; } + .ionic .item-info.active .list-item-content, .ionic .item-info:active .list-item-content { background-color: #43cee6; - border-color: #333333; } - .ionic .item.item-info.active .list-item-content, .ionic .item.item-info:active .list-item-content { - background-color: #43cee6; - color: white; } - .ionic .item.item-success.active, .ionic .item.item-success:active { - color: white; + color: white; } + .ionic .item-success.active, .ionic .item-success:active { + color: white; + background-color: #66cc33; + border-color: #333333; } + .ionic .item-success.active .list-item-content, .ionic .item-success:active .list-item-content { background-color: #66cc33; - border-color: #333333; } - .ionic .item.item-success.active .list-item-content, .ionic .item.item-success:active .list-item-content { - background-color: #66cc33; - color: white; } - .ionic .item.item-warning.active, .ionic .item.item-warning:active { - color: white; + color: white; } + .ionic .item-warning.active, .ionic .item-warning:active { + color: white; + background-color: #f0b840; + border-color: #333333; } + .ionic .item-warning.active .list-item-content, .ionic .item-warning:active .list-item-content { background-color: #f0b840; - border-color: #333333; } - .ionic .item.item-warning.active .list-item-content, .ionic .item.item-warning:active .list-item-content { - background-color: #f0b840; - color: white; } - .ionic .item.item-danger.active, .ionic .item.item-danger:active { - color: white; + color: white; } + .ionic .item-danger.active, .ionic .item-danger:active { + color: white; + background-color: #ef4e3a; + border-color: #333333; } + .ionic .item-danger.active .list-item-content, .ionic .item-danger:active .list-item-content { background-color: #ef4e3a; - border-color: #333333; } - .ionic .item.item-danger.active .list-item-content, .ionic .item.item-danger:active .list-item-content { - background-color: #ef4e3a; - color: white; } - .ionic .item.item-dark.active, .ionic .item.item-dark:active { - color: white; + color: white; } + .ionic .item-dark.active, .ionic .item-dark:active { + color: white; + background-color: #444444; + border-color: #333333; } + .ionic .item-dark.active .list-item-content, .ionic .item-dark:active .list-item-content { background-color: #444444; - border-color: #333333; } - .ionic .item.item-dark.active .list-item-content, .ionic .item.item-dark:active .list-item-content { - background-color: #444444; - color: white; } + color: white; } .ionic .item, .ionic .item h1, .ionic .item h2, @@ -2575,9 +2575,9 @@ height: 100%; font-size: 32px; } .ionic .item .fill-icon { - font-size: 28px; min-width: 30px; - min-height: 30px; } + min-height: 30px; + font-size: 28px; } .ionic .item-icon-left { padding-left: 45px; } .ionic .item-icon-left .icon { @@ -2613,13 +2613,13 @@ position: absolute; top: 7.5px; left: 7.5px; - font-size: 32px; - min-height: 32px; } + min-height: 32px; + font-size: 32px; } .ionic .item-button-left > .button .icon, .ionic .item-button-left .item-content > .button .icon { position: relative; - line-height: 31px; - left: auto; } + left: auto; + line-height: 31px; } .ionic .item-button-right { padding-right: 75px; } .ionic .item-button-right > .button, @@ -2637,13 +2637,13 @@ position: absolute; top: 7.5px; right: 15px; - font-size: 32px; - min-height: 32px; } + min-height: 32px; + font-size: 32px; } .ionic .item-button-right > .button .icon, .ionic .item-button-right .item-content > .button .icon { position: relative; - line-height: 31px; - left: auto; } + left: auto; + line-height: 31px; } .ionic a.item:after, .ionic button.item:after { /* By default, both and