diff --git a/README.md b/README.md index c5634df5b7..369a5c29f1 100644 --- a/README.md +++ b/README.md @@ -30,6 +30,11 @@ you'll be good to go. But we recommend using the `ionic` tool because it's faster and gives you a good starting structure for your app. +### SASS + + sass --watch scss + + ## Running examples Ionic comes with many interesting examples showing the power of the framework. To diff --git a/example/alerts.html b/example/alerts.html index 295a62c2a7..68f7610dce 100644 --- a/example/alerts.html +++ b/example/alerts.html @@ -6,7 +6,7 @@ - + diff --git a/example/angular/index.html b/example/angular/index.html index 787b0b7c72..c660913b8d 100644 --- a/example/angular/index.html +++ b/example/angular/index.html @@ -6,7 +6,7 @@ - + diff --git a/example/button-groups.html b/example/button-groups.html index 41b0519829..0da22c1887 100644 --- a/example/button-groups.html +++ b/example/button-groups.html @@ -6,7 +6,7 @@ - + diff --git a/example/buttons.html b/example/buttons.html index 3855b45de4..8d032d3b15 100644 --- a/example/buttons.html +++ b/example/buttons.html @@ -6,7 +6,7 @@ - + diff --git a/example/cordova/iOS/www/index.html b/example/cordova/iOS/www/index.html index 3902237112..0ffc1aaf44 100755 --- a/example/cordova/iOS/www/index.html +++ b/example/cordova/iOS/www/index.html @@ -6,7 +6,7 @@ - + diff --git a/example/css/ionic-structure.css b/example/css/ionic-structure.css deleted file mode 100644 index 7dfa3c614d..0000000000 --- a/example/css/ionic-structure.css +++ /dev/null @@ -1,1556 +0,0 @@ -@charset "UTF-8"; -/* line 2, ../../scss/ionic/structure/_base.scss */ -*, *:before, *:after { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -/* line 10, ../../scss/ionic/structure/_base.scss */ -html { - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: -moz-none; - user-select: none; -} - -/* line 17, ../../scss/ionic/structure/_base.scss */ -body { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - margin: 0; -} - -/* line 27, ../../scss/ionic/structure/_base.scss */ -a { - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} - -/* line 31, ../../scss/ionic/structure/_base.scss */ -ul { - margin: 0; - padding: 0; -} - -/* line 33, ../../scss/ionic/structure/_base.scss */ -.page, .full-section { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - overflow: auto; - -webkit-overflow-scrolling: touch; - background-color: #fff; -} - -/* line 47, ../../scss/ionic/structure/_base.scss */ -.content { - position: absolute; - width: 100%; - height: 100%; -} - -/* Hack to force all relatively and absolutely positioned elements still render while scrolling - Note: This is a bug for "-webkit-overflow-scrolling: touch" (via ratchet) */ -/* line 54, ../../scss/ionic/structure/_base.scss */ -.content > *, .content-padded > * { - -webkit-transform: translateZ(0px); - transform: translateZ(0px); -} - -/* line 59, ../../scss/ionic/structure/_base.scss */ -.content-padded { - padding: 10px; -} - -/* line 67, ../../scss/ionic/structure/_base.scss */ -.section { - position: fixed; - z-index: 1; -} - -/* line 72, ../../scss/ionic/structure/_base.scss */ -.rounded { - border-radius: 5px; -} - -/* line 9, ../../scss/ionic/structure/_alerts.scss */ -.alert { - padding: 8px 35px 8px 14px; -} - -/* line 12, ../../scss/ionic/structure/_alerts.scss */ -.alert h4 { - margin: 0; -} - -/* line 17, ../../scss/ionic/structure/_alerts.scss */ -.alert .close { - position: relative; - top: -2px; - right: -21px; - line-height: 1.42857; -} - -/* line 28, ../../scss/ionic/structure/_alerts.scss */ -.alert-block { - padding-top: 14px; - padding-bottom: 14px; -} - -/* line 33, ../../scss/ionic/structure/_alerts.scss */ -.alert-block > p, -.alert-block > ul { - margin-bottom: 0; -} - -/* line 36, ../../scss/ionic/structure/_alerts.scss */ -.alert-block p + p { - margin-top: 5px; -} - -/* line 3, ../../scss/ionic/structure/_bar.scss */ -.bar { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: -moz-none; - user-select: none; - position: fixed; - right: 0; - left: 0; - z-index: 10; - width: 100%; - box-sizing: border-box; - height: 44px; - padding: 8px; - /* - .title + .button:last-child, - .button + .button:last-child, - .button.pull-right { - position: absolute; - top: 5px; - right: 5px; - } - */ -} -/* line 19, ../../scss/ionic/structure/_bar.scss */ -.bar .title { - position: absolute; - z-index: 0; - width: 100%; - top: 0; - left: 0; - line-height: 44px; - margin: 0; - text-align: center; - white-space: nowrap; - font-size: 18px; -} -/* line 39, ../../scss/ionic/structure/_bar.scss */ -.bar .title a { - color: inherit; -} - -/* line 55, ../../scss/ionic/structure/_bar.scss */ -.buttons { - position: absolute; - z-index: 1; - padding: 8px; - line-height: 6px; -} -/* line 65, ../../scss/ionic/structure/_bar.scss */ -.buttons .button { - padding: 6px 12px; - line-height: 14px; -} - -/* line 70, ../../scss/ionic/structure/_bar.scss */ -.buttons:first-child { - left: 0; - top: 0; -} - -/* line 74, ../../scss/ionic/structure/_bar.scss */ -.buttons:last-child { - right: 0; - top: 0; -} - -/* line 80, ../../scss/ionic/structure/_bar.scss */ -.bar-header { - top: 0; -} - -/* line 85, ../../scss/ionic/structure/_bar.scss */ -.bar-footer { - bottom: 0; -} - -/* line 90, ../../scss/ionic/structure/_bar.scss */ -.bar-tabs { - padding: 0; -} - -/* line 94, ../../scss/ionic/structure/_bar.scss */ -.bar-header-secondary { - top: 44px; -} - -/* line 97, ../../scss/ionic/structure/_bar.scss */ -.bar-footer-secondary { - bottom: 44px; -} - -/* Pad top/bottom of content so it doesn't hide behind .bar-title and .bar-tab. - Note: For these to work, content must come after both bars in the markup */ -/* line 103, ../../scss/ionic/structure/_bar.scss */ -.has-header { - top: 44px; -} - -/* line 107, ../../scss/ionic/structure/_bar.scss */ -.has-footer { - bottom: 44px; -} - -/* line 1, ../../scss/ionic/structure/_button.scss */ -.button { - position: relative; - display: inline-block; - vertical-align: middle; - text-align: center; - cursor: pointer; - margin: 0; -} -/* line 9, ../../scss/ionic/structure/_button.scss */ -.button.button-block { - margin: 0 0 10px 0; - display: block; -} -/* line 14, ../../scss/ionic/structure/_button.scss */ -.button.button-clear { - background: none; - border: none; - padding: 10px 0px; -} - -/* line 1, ../../scss/ionic/structure/_button-group.scss */ -.button-group { - position: relative; - display: inline-block; - vertical-align: middle; -} -/* line 6, ../../scss/ionic/structure/_button-group.scss */ -.button-group > .button { - position: relative; - float: left; -} -/* line 13, ../../scss/ionic/structure/_button-group.scss */ -.button-group > .button:hover, .button-group > .button:focus, .button-group > .button:active, .button-group > .button.active { - z-index: 2; -} -/* line 16, ../../scss/ionic/structure/_button-group.scss */ -.button-group > .button:focus { - outline: none; -} - -/* line 28, ../../scss/ionic/structure/_button-group.scss */ -.button-group .button + .button, -.button-group .button + .button-group, -.button-group .button-group + .button, -.button-group .button-group + .button-group { - margin-left: -1px; -} - -/* line 33, ../../scss/ionic/structure/_button-group.scss */ -.button-group > .button:not(:first-child):not(:last-child) { - border-radius: 0; -} - -/* line 38, ../../scss/ionic/structure/_button-group.scss */ -.button-group > .button:first-child { - margin-left: 0; -} -/* line 40, ../../scss/ionic/structure/_button-group.scss */ -.button-group > .button:first-child:not(:last-child) { - -webkit-border-top-right-radius: 0; - -moz-border-radius-topright: 0; - border-top-right-radius: 0; - -webkit-border-bottom-right-radius: 0; - -moz-border-radius-bottomright: 0; - border-bottom-right-radius: 0; -} - -/* line 45, ../../scss/ionic/structure/_button-group.scss */ -.button-group > .button:last-child:not(:first-child) { - -webkit-border-top-left-radius: 0; - -moz-border-radius-topleft: 0; - border-top-left-radius: 0; - -webkit-border-bottom-left-radius: 0; - -moz-border-radius-bottomleft: 0; - border-bottom-left-radius: 0; -} - -/* line 50, ../../scss/ionic/structure/_button-group.scss */ -.button-group > .button-group { - float: left; -} - -/* line 53, ../../scss/ionic/structure/_button-group.scss */ -.button-group > .button-group:not(:first-child):not(:last-child) > .button { - border-radius: 0; -} - -/* line 58, ../../scss/ionic/structure/_button-group.scss */ -.button-group > .button-group:first-child > .button:last-child, -.button-group > .button-group:first-child > .dropdown-toggle { - -webkit-border-top-right-radius: 0; - -moz-border-radius-topright: 0; - border-top-right-radius: 0; - -webkit-border-bottom-right-radius: 0; - -moz-border-radius-bottomright: 0; - border-bottom-right-radius: 0; -} - -/* line 62, ../../scss/ionic/structure/_button-group.scss */ -.button-group > .button-group:last-child > .button:first-child { - -webkit-border-top-left-radius: 0; - -moz-border-radius-topleft: 0; - border-top-left-radius: 0; - -webkit-border-bottom-left-radius: 0; - -moz-border-radius-bottomleft: 0; - border-bottom-left-radius: 0; -} - -/* line 10, ../../scss/ionic/structure/_form.scss */ -form { - margin: 0 0 1.42857; -} - -/* line 14, ../../scss/ionic/structure/_form.scss */ -fieldset { - padding: 0; - margin: 0; - border: 0; -} - -/* line 21, ../../scss/ionic/structure/_form.scss */ -legend { - display: block; - width: 100%; - padding: 0; - margin-bottom: 1.42857; - font-size: 21px; - line-height: 2.85714; - color: #333333; - border: 0; - border-bottom: 1px solid #e5e5e5; -} -/* line 33, ../../scss/ionic/structure/_form.scss */ -legend small { - font-size: 1.07143; - color: #999999; -} - -/* line 44, ../../scss/ionic/structure/_form.scss */ -label, -input, -button, -select, -textarea { - font-size: 14px; - font-weight: normal; - line-height: 1.42857; -} - -/* line 50, ../../scss/ionic/structure/_form.scss */ -input, -button, -select, -textarea { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -} - -/* line 55, ../../scss/ionic/structure/_form.scss */ -label { - display: block; - margin-bottom: 5px; -} - -/* line 80, ../../scss/ionic/structure/_form.scss */ -select, -textarea, -input[type="text"], -input[type="password"], -input[type="datetime"], -input[type="datetime-local"], -input[type="date"], -input[type="month"], -input[type="time"], -input[type="week"], -input[type="number"], -input[type="email"], -input[type="url"], -input[type="search"], -input[type="tel"], -input[type="color"], -.uneditable-input { - display: inline-block; - height: 34px; - padding: 4px 6px; - margin-bottom: 10px; - font-size: 14px; - line-height: 20px; - color: #555555; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - vertical-align: middle; -} - -/* line 96, ../../scss/ionic/structure/_form.scss */ -input, -textarea, -.uneditable-input { - width: 100%; -} - -/* line 100, ../../scss/ionic/structure/_form.scss */ -textarea { - height: auto; -} - -/* line 119, ../../scss/ionic/structure/_form.scss */ -textarea, -input[type="text"], -input[type="password"], -input[type="datetime"], -input[type="datetime-local"], -input[type="date"], -input[type="month"], -input[type="time"], -input[type="week"], -input[type="number"], -input[type="email"], -input[type="url"], -input[type="search"], -input[type="tel"], -input[type="color"], -.uneditable-input { - background-color: white; - border: 1px solid #cccccc; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - -o-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; -} -/* line 126, ../../scss/ionic/structure/_form.scss */ -textarea:focus, -input[type="text"]:focus, -input[type="password"]:focus, -input[type="datetime"]:focus, -input[type="datetime-local"]:focus, -input[type="date"]:focus, -input[type="month"]:focus, -input[type="time"]:focus, -input[type="week"]:focus, -input[type="number"]:focus, -input[type="email"]:focus, -input[type="url"]:focus, -input[type="search"]:focus, -input[type="tel"]:focus, -input[type="color"]:focus, -.uneditable-input:focus { - border-color: rgba(82, 168, 236, 0.8); - outline: 0; - outline: thin dotted \9; - /* IE6-9 */ - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -} - -/* line 136, ../../scss/ionic/structure/_form.scss */ -input[type="radio"], -input[type="checkbox"] { - margin: 4px 0 0; - *margin-top: 0; - /* IE7 */ - margin-top: 1px \9; - /* IE8-9 */ - line-height: normal; -} - -/* line 150, ../../scss/ionic/structure/_form.scss */ -input[type="file"], -input[type="image"], -input[type="submit"], -input[type="reset"], -input[type="button"], -input[type="radio"], -input[type="checkbox"] { - width: auto; -} - -/* line 156, ../../scss/ionic/structure/_form.scss */ -select, -input[type="file"] { - height: 24px; - /* In IE7, the height of the select element cannot be changed by height, only font-size */ - *margin-top: 4px; - /* For IE7, add top margin to align select with labels */ - line-height: 24px; -} - -/* line 163, ../../scss/ionic/structure/_form.scss */ -select { - width: 220px; - border: 1px solid #cccccc; - background-color: white; -} - -/* line 171, ../../scss/ionic/structure/_form.scss */ -select[multiple], -select[size] { - height: auto; -} - -/* line 179, ../../scss/ionic/structure/_form.scss */ -select:focus, -input[type="file"]:focus, -input[type="radio"]:focus, -input[type="checkbox"]:focus { - outline: thin dotted #333333; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} - -/* line 189, ../../scss/ionic/structure/_form.scss */ -.uneditable-input, -.uneditable-textarea { - color: #999999; - background-color: #fcfcfc; - border-color: #cccccc; - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - cursor: not-allowed; -} - -/* line 198, ../../scss/ionic/structure/_form.scss */ -.uneditable-input { - overflow: hidden; - white-space: nowrap; -} - -/* line 204, ../../scss/ionic/structure/_form.scss */ -.uneditable-textarea { - width: auto; - height: auto; -} - -/* line 109, ../../scss/ionic/_mixins.scss */ -input:-moz-placeholder, -textarea:-moz-placeholder { - color: #999999; -} -/* line 112, ../../scss/ionic/_mixins.scss */ -input:-ms-input-placeholder, -textarea:-ms-input-placeholder { - color: #999999; -} -/* line 115, ../../scss/ionic/_mixins.scss */ -input::-webkit-input-placeholder, -textarea::-webkit-input-placeholder { - color: #999999; -} - -/* line 225, ../../scss/ionic/structure/_form.scss */ -.radio, -.checkbox { - min-height: 1.42857; - padding-left: 20px; -} - -/* line 230, ../../scss/ionic/structure/_form.scss */ -.radio input[type="radio"], -.checkbox input[type="checkbox"] { - float: left; - margin-left: -20px; -} - -/* line 237, ../../scss/ionic/structure/_form.scss */ -.controls > .radio:first-child, -.controls > .checkbox:first-child { - padding-top: 5px; -} - -/* line 244, ../../scss/ionic/structure/_form.scss */ -.radio.inline, -.checkbox.inline { - display: inline-block; - padding-top: 5px; - margin-bottom: 0; - vertical-align: middle; -} - -/* line 251, ../../scss/ionic/structure/_form.scss */ -.radio.inline + .radio.inline, -.checkbox.inline + .checkbox.inline { - margin-left: 10px; -} - -/* line 261, ../../scss/ionic/structure/_form.scss */ -.input-mini { - width: 60px; -} - -/* line 262, ../../scss/ionic/structure/_form.scss */ -.input-small { - width: 90px; -} - -/* line 263, ../../scss/ionic/structure/_form.scss */ -.input-medium { - width: 150px; -} - -/* line 264, ../../scss/ionic/structure/_form.scss */ -.input-large { - width: 210px; -} - -/* line 265, ../../scss/ionic/structure/_form.scss */ -.input-xlarge { - width: 270px; -} - -/* line 266, ../../scss/ionic/structure/_form.scss */ -.input-xxlarge { - width: 530px; -} - -/* line 277, ../../scss/ionic/structure/_form.scss */ -input[class*="span"], -select[class*="span"], -textarea[class*="span"], -.uneditable-input[class*="span"], -.row-fluid input[class*="span"], -.row-fluid select[class*="span"], -.row-fluid textarea[class*="span"], -.row-fluid .uneditable-input[class*="span"] { - float: none; - margin-left: 0; -} - -/* line 291, ../../scss/ionic/structure/_form.scss */ -.input-append input[class*="span"], -.input-append .uneditable-input[class*="span"], -.input-prepend input[class*="span"], -.input-prepend .uneditable-input[class*="span"], -.row-fluid input[class*="span"], -.row-fluid select[class*="span"], -.row-fluid textarea[class*="span"], -.row-fluid .uneditable-input[class*="span"], -.row-fluid .input-prepend [class*="span"], -.row-fluid .input-append [class*="span"] { - display: inline-block; -} - -/* line 716, ../../scss/ionic/_mixins.scss */ -input, -textarea, -.uneditable-input { - margin-left: 0; -} - -/* line 721, ../../scss/ionic/_mixins.scss */ -.controls-row [class*="span"] + [class*="span"] { - margin-left: 20px; -} - -/* line 733, ../../scss/ionic/_mixins.scss */ -input.span1, -textarea.span1, -.uneditable-input.span1 { - width: 46px; -} - -/* line 733, ../../scss/ionic/_mixins.scss */ -input.span2, -textarea.span2, -.uneditable-input.span2 { - width: 126px; -} - -/* line 733, ../../scss/ionic/_mixins.scss */ -input.span3, -textarea.span3, -.uneditable-input.span3 { - width: 206px; -} - -/* line 733, ../../scss/ionic/_mixins.scss */ -input.span4, -textarea.span4, -.uneditable-input.span4 { - width: 286px; -} - -/* line 733, ../../scss/ionic/_mixins.scss */ -input.span5, -textarea.span5, -.uneditable-input.span5 { - width: 366px; -} - -/* line 733, ../../scss/ionic/_mixins.scss */ -input.span6, -textarea.span6, -.uneditable-input.span6 { - width: 446px; -} - -/* line 733, ../../scss/ionic/_mixins.scss */ -input.span7, -textarea.span7, -.uneditable-input.span7 { - width: 526px; -} - -/* line 733, ../../scss/ionic/_mixins.scss */ -input.span8, -textarea.span8, -.uneditable-input.span8 { - width: 606px; -} - -/* line 733, ../../scss/ionic/_mixins.scss */ -input.span9, -textarea.span9, -.uneditable-input.span9 { - width: 686px; -} - -/* line 733, ../../scss/ionic/_mixins.scss */ -input.span10, -textarea.span10, -.uneditable-input.span10 { - width: 766px; -} - -/* line 733, ../../scss/ionic/_mixins.scss */ -input.span11, -textarea.span11, -.uneditable-input.span11 { - width: 846px; -} - -/* line 733, ../../scss/ionic/_mixins.scss */ -input.span12, -textarea.span12, -.uneditable-input.span12 { - width: 926px; -} - -/* line 304, ../../scss/ionic/structure/_form.scss */ -.controls-row { - *zoom: 1; -} -/* line 41, ../../scss/ionic/_mixins.scss */ -.controls-row:before, .controls-row:after { - display: table; - content: ""; - line-height: 0; -} -/* line 48, ../../scss/ionic/_mixins.scss */ -.controls-row:after { - clear: both; -} - -/* line 311, ../../scss/ionic/structure/_form.scss */ -.controls-row [class*="span"], -.row-fluid .controls-row [class*="span"] { - float: left; -} - -/* line 316, ../../scss/ionic/structure/_form.scss */ -.controls-row .checkbox[class*="span"], -.controls-row .radio[class*="span"] { - padding-top: 5px; -} - -/* line 332, ../../scss/ionic/structure/_form.scss */ -input[disabled], -select[disabled], -textarea[disabled], -input[readonly], -select[readonly], -textarea[readonly] { - cursor: not-allowed; - background-color: #eeeeee; -} - -/* line 340, ../../scss/ionic/structure/_form.scss */ -input[type="radio"][disabled], -input[type="checkbox"][disabled], -input[type="radio"][readonly], -input[type="checkbox"][readonly] { - background-color: transparent; -} - -/* line 190, ../../scss/ionic/_mixins.scss */ -.control-group.warning .control-label, -.control-group.warning .help-block, -.control-group.warning .help-inline { - color: #c09853; -} -/* line 198, ../../scss/ionic/_mixins.scss */ -.control-group.warning .checkbox, -.control-group.warning .radio, -.control-group.warning input, -.control-group.warning select, -.control-group.warning textarea { - color: #c09853; -} -/* line 203, ../../scss/ionic/_mixins.scss */ -.control-group.warning input, -.control-group.warning select, -.control-group.warning textarea { - border-color: #c09853; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} -/* line 206, ../../scss/ionic/_mixins.scss */ -.control-group.warning input:focus, -.control-group.warning select:focus, -.control-group.warning textarea:focus { - border-color: #a47e3c; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; -} -/* line 213, ../../scss/ionic/_mixins.scss */ -.control-group.warning .input-prepend .add-on, -.control-group.warning .input-append .add-on { - color: #c09853; - background-color: #fcf8e3; - border-color: #c09853; -} - -/* line 190, ../../scss/ionic/_mixins.scss */ -.control-group.error .control-label, -.control-group.error .help-block, -.control-group.error .help-inline { - color: #b94a48; -} -/* line 198, ../../scss/ionic/_mixins.scss */ -.control-group.error .checkbox, -.control-group.error .radio, -.control-group.error input, -.control-group.error select, -.control-group.error textarea { - color: #b94a48; -} -/* line 203, ../../scss/ionic/_mixins.scss */ -.control-group.error input, -.control-group.error select, -.control-group.error textarea { - border-color: #b94a48; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} -/* line 206, ../../scss/ionic/_mixins.scss */ -.control-group.error input:focus, -.control-group.error select:focus, -.control-group.error textarea:focus { - border-color: #953b39; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; -} -/* line 213, ../../scss/ionic/_mixins.scss */ -.control-group.error .input-prepend .add-on, -.control-group.error .input-append .add-on { - color: #b94a48; - background-color: #f2dede; - border-color: #b94a48; -} - -/* line 190, ../../scss/ionic/_mixins.scss */ -.control-group.success .control-label, -.control-group.success .help-block, -.control-group.success .help-inline { - color: #468847; -} -/* line 198, ../../scss/ionic/_mixins.scss */ -.control-group.success .checkbox, -.control-group.success .radio, -.control-group.success input, -.control-group.success select, -.control-group.success textarea { - color: #468847; -} -/* line 203, ../../scss/ionic/_mixins.scss */ -.control-group.success input, -.control-group.success select, -.control-group.success textarea { - border-color: #468847; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} -/* line 206, ../../scss/ionic/_mixins.scss */ -.control-group.success input:focus, -.control-group.success select:focus, -.control-group.success textarea:focus { - border-color: #356635; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; -} -/* line 213, ../../scss/ionic/_mixins.scss */ -.control-group.success .input-prepend .add-on, -.control-group.success .input-append .add-on { - color: #468847; - background-color: #dff0d8; - border-color: #468847; -} - -/* line 190, ../../scss/ionic/_mixins.scss */ -.control-group.info .control-label, -.control-group.info .help-block, -.control-group.info .help-inline { - color: #3a87ad; -} -/* line 198, ../../scss/ionic/_mixins.scss */ -.control-group.info .checkbox, -.control-group.info .radio, -.control-group.info input, -.control-group.info select, -.control-group.info textarea { - color: #3a87ad; -} -/* line 203, ../../scss/ionic/_mixins.scss */ -.control-group.info input, -.control-group.info select, -.control-group.info textarea { - border-color: #3a87ad; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} -/* line 206, ../../scss/ionic/_mixins.scss */ -.control-group.info input:focus, -.control-group.info select:focus, -.control-group.info textarea:focus { - border-color: #2d6987; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; -} -/* line 213, ../../scss/ionic/_mixins.scss */ -.control-group.info .input-prepend .add-on, -.control-group.info .input-append .add-on { - color: #3a87ad; - background-color: #d9edf7; - border-color: #3a87ad; -} - -/* line 371, ../../scss/ionic/structure/_form.scss */ -input:focus:invalid, -textarea:focus:invalid, -select:focus:invalid { - color: #b94a48; - border-color: #ee5f5b; -} -/* line 374, ../../scss/ionic/structure/_form.scss */ -input:focus:invalid:focus, -textarea:focus:invalid:focus, -select:focus:invalid:focus { - border-color: #e9322d; - -webkit-box-shadow: 0 0 6px #f8b9b7; - -moz-box-shadow: 0 0 6px #f8b9b7; - box-shadow: 0 0 6px #f8b9b7; -} - -/* line 385, ../../scss/ionic/structure/_form.scss */ -.form-actions { - padding: 0.42857 20px 1.42857; - margin-top: 1.42857; - margin-bottom: 1.42857; - background-color: whitesmoke; - border-top: 1px solid #e5e5e5; - *zoom: 1; -} -/* line 41, ../../scss/ionic/_mixins.scss */ -.form-actions:before, .form-actions:after { - display: table; - content: ""; - line-height: 0; -} -/* line 48, ../../scss/ionic/_mixins.scss */ -.form-actions:after { - clear: both; -} - -/* line 400, ../../scss/ionic/structure/_form.scss */ -.help-block, -.help-inline { - color: #595959; -} - -/* line 404, ../../scss/ionic/structure/_form.scss */ -.help-block { - display: block; - margin-bottom: 0.71429; -} - -/* line 409, ../../scss/ionic/structure/_form.scss */ -.help-inline { - display: inline-block; - *display: inline; - /* IE7 inline-block hack */ - *zoom: 1; - vertical-align: middle; - padding-left: 5px; -} - -/* line 423, ../../scss/ionic/structure/_form.scss */ -.input-append, -.input-prepend { - display: inline-block; - margin-bottom: 0.71429; - vertical-align: middle; - font-size: 0; - white-space: nowrap; -} -/* line 435, ../../scss/ionic/structure/_form.scss */ -.input-append input, -.input-append select, -.input-append .uneditable-input, -.input-append .dropdown-menu, -.input-append .popover, -.input-prepend input, -.input-prepend select, -.input-prepend .uneditable-input, -.input-prepend .dropdown-menu, -.input-prepend .popover { - font-size: 14px; -} -/* line 441, ../../scss/ionic/structure/_form.scss */ -.input-append input, -.input-append select, -.input-append .uneditable-input, -.input-prepend input, -.input-prepend select, -.input-prepend .uneditable-input { - position: relative; - margin-bottom: 0; - *margin-left: 0; - vertical-align: top; - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; -} -/* line 448, ../../scss/ionic/structure/_form.scss */ -.input-append input:focus, -.input-append select:focus, -.input-append .uneditable-input:focus, -.input-prepend input:focus, -.input-prepend select:focus, -.input-prepend .uneditable-input:focus { - z-index: 2; -} -/* line 452, ../../scss/ionic/structure/_form.scss */ -.input-append .add-on, -.input-prepend .add-on { - display: inline-block; - width: auto; - height: 1.42857; - min-width: 16px; - padding: 4px 5px; - font-size: 14px; - font-weight: normal; - line-height: 1.42857; - text-align: center; - text-shadow: 0 1px 0 white; - background-color: #eeeeee; - border: 1px solid #cccccc; -} -/* line 468, ../../scss/ionic/structure/_form.scss */ -.input-append .add-on, -.input-append .btn, -.input-append .btn-group > .dropdown-toggle, -.input-prepend .add-on, -.input-prepend .btn, -.input-prepend .btn-group > .dropdown-toggle { - vertical-align: top; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; -} -/* line 472, ../../scss/ionic/structure/_form.scss */ -.input-append .active, -.input-prepend .active { - background-color: #a9dba9; - border-color: #46a546; -} - -/* line 480, ../../scss/ionic/structure/_form.scss */ -.input-prepend .add-on, -.input-prepend .btn { - margin-right: -1px; -} -/* line 484, ../../scss/ionic/structure/_form.scss */ -.input-prepend .add-on:first-child, -.input-prepend .btn:first-child { - -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; -} - -/* line 493, ../../scss/ionic/structure/_form.scss */ -.input-append input, -.input-append select, -.input-append .uneditable-input { - -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; -} -/* line 495, ../../scss/ionic/structure/_form.scss */ -.input-append input + .btn-group .btn:last-child, -.input-append select + .btn-group .btn:last-child, -.input-append .uneditable-input + .btn-group .btn:last-child { - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; -} -/* line 501, ../../scss/ionic/structure/_form.scss */ -.input-append .add-on, -.input-append .btn, -.input-append .btn-group { - margin-left: -1px; -} -/* line 506, ../../scss/ionic/structure/_form.scss */ -.input-append .add-on:last-child, -.input-append .btn:last-child, -.input-append .btn-group:last-child > .dropdown-toggle { - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; -} - -/* line 515, ../../scss/ionic/structure/_form.scss */ -.input-prepend.input-append input, -.input-prepend.input-append select, -.input-prepend.input-append .uneditable-input { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; -} -/* line 517, ../../scss/ionic/structure/_form.scss */ -.input-prepend.input-append input + .btn-group .btn, -.input-prepend.input-append select + .btn-group .btn, -.input-prepend.input-append .uneditable-input + .btn-group .btn { - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; -} -/* line 522, ../../scss/ionic/structure/_form.scss */ -.input-prepend.input-append .add-on:first-child, -.input-prepend.input-append .btn:first-child { - margin-right: -1px; - -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; -} -/* line 527, ../../scss/ionic/structure/_form.scss */ -.input-prepend.input-append .add-on:last-child, -.input-prepend.input-append .btn:last-child { - margin-left: -1px; - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; -} -/* line 531, ../../scss/ionic/structure/_form.scss */ -.input-prepend.input-append .btn-group:first-child { - margin-left: 0; -} - -/* line 542, ../../scss/ionic/structure/_form.scss */ -input.search-query { - padding-right: 14px; - padding-right: 4px \9; - padding-left: 14px; - padding-left: 4px \9; - /* IE7-8 doesn't have border-radius, so don't indent the padding */ - margin-bottom: 0; - -webkit-border-radius: 15px; - -moz-border-radius: 15px; - border-radius: 15px; -} - -/* Allow for input prepend/append in search forms */ -/* line 553, ../../scss/ionic/structure/_form.scss */ -.form-search .input-append .search-query, -.form-search .input-prepend .search-query { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; -} - -/* line 556, ../../scss/ionic/structure/_form.scss */ -.form-search .input-append .search-query { - -webkit-border-radius: 14px 0 0 14px; - -moz-border-radius: 14px 0 0 14px; - border-radius: 14px 0 0 14px; -} - -/* line 559, ../../scss/ionic/structure/_form.scss */ -.form-search .input-append .btn { - -webkit-border-radius: 0 14px 14px 0; - -moz-border-radius: 0 14px 14px 0; - border-radius: 0 14px 14px 0; -} - -/* line 562, ../../scss/ionic/structure/_form.scss */ -.form-search .input-prepend .search-query { - -webkit-border-radius: 0 14px 14px 0; - -moz-border-radius: 0 14px 14px 0; - border-radius: 0 14px 14px 0; -} - -/* line 565, ../../scss/ionic/structure/_form.scss */ -.form-search .input-prepend .btn { - -webkit-border-radius: 14px 0 0 14px; - -moz-border-radius: 14px 0 0 14px; - border-radius: 14px 0 0 14px; -} - -/* line 587, ../../scss/ionic/structure/_form.scss */ -.form-search input, -.form-search textarea, -.form-search select, -.form-search .help-inline, -.form-search .uneditable-input, -.form-search .input-prepend, -.form-search .input-append, -.form-inline input, -.form-inline textarea, -.form-inline select, -.form-inline .help-inline, -.form-inline .uneditable-input, -.form-inline .input-prepend, -.form-inline .input-append, -.form-horizontal input, -.form-horizontal textarea, -.form-horizontal select, -.form-horizontal .help-inline, -.form-horizontal .uneditable-input, -.form-horizontal .input-prepend, -.form-horizontal .input-append { - display: inline-block; - *display: inline; - /* IE7 inline-block hack */ - *zoom: 1; - margin-bottom: 0; - vertical-align: middle; -} -/* line 594, ../../scss/ionic/structure/_form.scss */ -.form-search .hide, -.form-inline .hide, -.form-horizontal .hide { - display: none; -} - -/* line 601, ../../scss/ionic/structure/_form.scss */ -.form-search label, -.form-inline label, -.form-search .btn-group, -.form-inline .btn-group { - display: inline-block; -} - -/* line 608, ../../scss/ionic/structure/_form.scss */ -.form-search .input-append, -.form-inline .input-append, -.form-search .input-prepend, -.form-inline .input-prepend { - margin-bottom: 0; -} - -/* line 615, ../../scss/ionic/structure/_form.scss */ -.form-search .radio, -.form-search .checkbox, -.form-inline .radio, -.form-inline .checkbox { - padding-left: 0; - margin-bottom: 0; - vertical-align: middle; -} - -/* line 624, ../../scss/ionic/structure/_form.scss */ -.form-search .radio input[type="radio"], -.form-search .checkbox input[type="checkbox"], -.form-inline .radio input[type="radio"], -.form-inline .checkbox input[type="checkbox"] { - float: left; - margin-right: 3px; - margin-left: 0; -} - -/* line 632, ../../scss/ionic/structure/_form.scss */ -.control-group { - margin-bottom: 0.71429; -} - -/* line 637, ../../scss/ionic/structure/_form.scss */ -legend + .control-group { - margin-top: 1.42857; - -webkit-margin-top-collapse: separate; -} - -/* line 647, ../../scss/ionic/structure/_form.scss */ -.form-horizontal .control-group { - margin-bottom: 1.42857; - *zoom: 1; -} -/* line 41, ../../scss/ionic/_mixins.scss */ -.form-horizontal .control-group:before, .form-horizontal .control-group:after { - display: table; - content: ""; - line-height: 0; -} -/* line 48, ../../scss/ionic/_mixins.scss */ -.form-horizontal .control-group:after { - clear: both; -} -/* line 652, ../../scss/ionic/structure/_form.scss */ -.form-horizontal .control-label { - float: left; - width: 160px; - padding-top: 5px; - text-align: right; -} -/* line 659, ../../scss/ionic/structure/_form.scss */ -.form-horizontal .controls { - *display: inline-block; - *padding-left: 20px; - margin-left: 180px; - *margin-left: 0; -} -/* line 666, ../../scss/ionic/structure/_form.scss */ -.form-horizontal .controls:first-child { - *padding-left: 180px; -} -/* line 671, ../../scss/ionic/structure/_form.scss */ -.form-horizontal .help-block { - margin-bottom: 0; -} -/* line 681, ../../scss/ionic/structure/_form.scss */ -.form-horizontal input + .help-block, -.form-horizontal select + .help-block, -.form-horizontal textarea + .help-block, -.form-horizontal .uneditable-input + .help-block, -.form-horizontal .input-prepend + .help-block, -.form-horizontal .input-append + .help-block { - margin-top: 0.71429; -} -/* line 686, ../../scss/ionic/structure/_form.scss */ -.form-horizontal .form-actions { - padding-left: 180px; -} - -/* line 1, ../../scss/ionic/structure/_listview.scss */ -.list { - margin-bottom: 20px; - padding-left: 0; -} - -/* line 10, ../../scss/ionic/structure/_listview.scss */ -.list-item { - position: relative; - display: block; - padding: 15px 15px; - margin-bottom: -1px; - border: 1px solid #dddddd; -} -/* line 24, ../../scss/ionic/structure/_listview.scss */ -.list-item:last-child { - margin-bottom: 0; -} -/* line 30, ../../scss/ionic/structure/_listview.scss */ -.list-item > .badge { - float: right; -} -/* line 35, ../../scss/ionic/structure/_listview.scss */ -.list-item > i:last-child { - float: right; -} -/* line 39, ../../scss/ionic/structure/_listview.scss */ -.list-item > .badge + .badge { - margin-right: 5px; -} -/* line 48, ../../scss/ionic/structure/_listview.scss */ -.list-item.active, .list-item.active:hover, .list-item.active:focus { - z-index: 2; -} -/* line 55, ../../scss/ionic/structure/_listview.scss */ -.list-item.active .list-item-heading, .list-item.active:hover .list-item-heading, .list-item.active:focus .list-item-heading { - color: inherit; -} - -/* line 65, ../../scss/ionic/structure/_listview.scss */ -a.list-item { - text-decoration: none; -} -/* line 75, ../../scss/ionic/structure/_listview.scss */ -a.list-item:hover, a.list-item:focus { - text-decoration: none; -} - -/* line 81, ../../scss/ionic/structure/_listview.scss */ -.list-divider { - padding: 5px 15px; -} - -/* line 88, ../../scss/ionic/structure/_listview.scss */ -.list-item-heading { - margin-top: 0; - margin-bottom: 5px; -} - -/* line 92, ../../scss/ionic/structure/_listview.scss */ -.list-item-text { - margin-bottom: 0; - line-height: 1.3; -} - -/* line 5, ../../scss/ionic/structure/_menu.scss */ -.menu { - min-height: 100%; - max-height: 100%; - width: 270px; - position: absolute; - top: 0; - bottom: 0; - z-index: 0; - background-color: #fff; - overflow-y: scroll; - -webkit-overflow-scrolling: touch; -} - -/* line 22, ../../scss/ionic/structure/_menu.scss */ -.menu-left { - left: 0; -} - -/* line 23, ../../scss/ionic/structure/_menu.scss */ -.menu-right { - right: 0; -} - -/* line 25, ../../scss/ionic/structure/_menu.scss */ -.menu-animated { - -webkit-transition: -webkit-transform 200ms ease; - -moz-transition: -moz-transform 200ms ease; - transition: transform 200ms ease; -} - -/* line 2, ../../scss/ionic/structure/_pull-to-refresh.scss */ -.ptr-capable { - -webkit-user-drag: element; -} - -/* line 6, ../../scss/ionic/structure/_pull-to-refresh.scss */ -.ptr-content { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - overflow: auto; - height: 0; -} - -/* line 16, ../../scss/ionic/structure/_pull-to-refresh.scss */ -.ptr-content .pulling { - display: none; -} - -/* line 20, ../../scss/ionic/structure/_pull-to-refresh.scss */ -.ptr-content .refreshing { - display: none; -} - -/** - * Tabs - * - * A navigation bar with any number of tab items supported. - */ -/* line 7, ../../scss/ionic/structure/_tabs.scss */ -.tabs-inner { - display: -webkit-box; - display: box; - height: 100%; - list-style: none; - box-orient: horizontal; - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; -} - -/* Navigational tab */ -/* line 16, ../../scss/ionic/structure/_tabs.scss */ -.tab-item { - height: 100%; - text-align: center; - box-sizing: border-box; - box-flex: 1; - -webkit-box-flex: 1; - -moz-box-flex: 1; - width: 0; -} -/* line 26, ../../scss/ionic/structure/_tabs.scss */ -.tab-item a { - text-decoration: none; - display: block; - width: 100%; - height: 100%; -} - -/* Active state for tab */ -/* line 35, ../../scss/ionic/structure/_tabs.scss */ -.tab-item.active, .tab-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -/* Icon for tab */ -/* line 41, ../../scss/ionic/structure/_tabs.scss */ -.tab-item i { - display: block; - margin: 0 auto; -} - -/* Label for tab */ -/* line 47, ../../scss/ionic/structure/_tabs.scss */ -.tab-label { - margin-top: 1px; - font-size: 10px; - font-weight: bold; - color: #fff; -} diff --git a/example/css/ionic-theme.css b/example/css/ionic-theme.css deleted file mode 100644 index 896496abfb..0000000000 --- a/example/css/ionic-theme.css +++ /dev/null @@ -1,387 +0,0 @@ -@charset "UTF-8"; -/* line 2, ../../scss/ionic/theme/_base.scss */ -body { - font-size: 14px; - line-height: 1.25; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -} - -/* line 8, ../../scss/ionic/theme/_base.scss */ -main { - background-color: white; -} - -/* line 12, ../../scss/ionic/theme/_base.scss */ -.full-section { - -webkit-box-shadow: -3px 0px 10px rgba(0, 0, 0, 0.2), 3px 0px 10px rgba(0, 0, 0, 0.2); - -moz-box-shadow: -3px 0px 10px rgba(0, 0, 0, 0.2), 3px 0px 10px rgba(0, 0, 0, 0.2); - box-shadow: -3px 0px 10px rgba(0, 0, 0, 0.2), 3px 0px 10px rgba(0, 0, 0, 0.2); -} - -/* line 9, ../../scss/ionic/theme/_alerts.scss */ -.alert { - margin-bottom: 1.42857; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); - background-color: #fcf8e3; - border: 1px solid #fbeed5; -} - -/* line 16, ../../scss/ionic/theme/_alerts.scss */ -.alert, -.alert h4 { - color: #c09853; -} - -/* line 25, ../../scss/ionic/theme/_alerts.scss */ -.alert-success { - background-color: #dff0d8; - border-color: #d6e9c6; - color: #468847; -} - -/* line 30, ../../scss/ionic/theme/_alerts.scss */ -.alert-success h4 { - color: #468847; -} - -/* line 34, ../../scss/ionic/theme/_alerts.scss */ -.alert-danger, -.alert-error { - background-color: #f2dede; - border-color: #eed3d7; - color: #b94a48; -} - -/* line 40, ../../scss/ionic/theme/_alerts.scss */ -.alert-danger h4, -.alert-error h4 { - color: #b94a48; -} - -/* line 43, ../../scss/ionic/theme/_alerts.scss */ -.alert-info { - background-color: #d9edf7; - border-color: #bce8f1; - color: #3a87ad; -} - -/* line 48, ../../scss/ionic/theme/_alerts.scss */ -.alert-info h4 { - color: #3a87ad; -} - -/* line 1, ../../scss/ionic/theme/_bar.scss */ -.bar { - background-color: white; - border-style: solid; - border-width: 0; - /* - Disabled temporarily because it's annoying for testing. - @media screen and (orientation : landscape) { - padding: $barPaddingLandscape; - } - */ -} -/* line 6, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-header { - border-bottom-width: 1px; -} -/* line 9, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-footer { - border-top-width: 1px; -} -/* line 13, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-default { - background-color: white; - border-color: #dddddd; - color: #333333; -} -/* line 17, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-default .tab-item a { - color: #333333; -} -/* line 21, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-secondary { - background-color: whitesmoke; - border-color: #cccccc; - color: #333333; -} -/* line 25, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-secondary .tab-item a { - color: #333333; -} -/* line 29, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-primary { - background-color: #6999e9; - border-color: #5981c5; - color: white; -} -/* line 33, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-primary .tab-item a { - color: white; -} -/* line 37, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-info { - background-color: #60d2e6; - border-color: #51b3c4; - color: white; -} -/* line 41, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-info .tab-item a { - color: white; -} -/* line 45, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-success { - background-color: #89c163; - border-color: #71a052; - color: white; -} -/* line 49, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-success .tab-item a { - color: white; -} -/* line 53, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-warning { - background-color: #f0b840; - border-color: #cf9a29; - color: white; -} -/* line 57, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-warning .tab-item a { - color: white; -} -/* line 61, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-danger { - background-color: #de5645; - border-color: #bc4435; - color: white; -} -/* line 66, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-danger .tab-item a { - color: white; -} -/* line 70, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-dark { - background-color: #444444; - border-color: #111111; - color: white; -} -/* line 75, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-dark .tab-item a { - color: white; -} - -/* line 1, ../../scss/ionic/theme/_button.scss */ -.button { - color: #222222; - border-radius: 2px; - border-width: 1px; - border-style: solid; - padding: 10px 15px; -} - -/* line 9, ../../scss/ionic/theme/_button.scss */ -a.button { - text-decoration: none; -} - -/* line 13, ../../scss/ionic/theme/_button.scss */ -.button-default { - color: #333333; - background-color: white; - border-color: #dddddd; -} -/* line 11, ../../scss/ionic/_mixins.scss */ -.button-default:hover { - color: #333333; - text-decoration: none; -} -/* line 20, ../../scss/ionic/_mixins.scss */ -.button-default.active, .button-default:active { - background-color: #ebebeb; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); - border-color: #c4c4c4; -} - -/* line 16, ../../scss/ionic/theme/_button.scss */ -.button-secondary { - color: #333333; - background-color: whitesmoke; - border-color: #cccccc; -} -/* line 11, ../../scss/ionic/_mixins.scss */ -.button-secondary:hover { - color: #333333; - text-decoration: none; -} -/* line 20, ../../scss/ionic/_mixins.scss */ -.button-secondary.active, .button-secondary:active { - background-color: #e1e1e1; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); - border-color: #b3b3b3; -} - -/* line 19, ../../scss/ionic/theme/_button.scss */ -.button-primary { - color: white; - background-color: #6999e9; - border-color: #5981c5; -} -/* line 11, ../../scss/ionic/_mixins.scss */ -.button-primary:hover { - color: white; - text-decoration: none; -} -/* line 20, ../../scss/ionic/_mixins.scss */ -.button-primary.active, .button-primary:active { - background-color: #4581e4; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); - border-color: #3d67ae; -} - -/* line 22, ../../scss/ionic/theme/_button.scss */ -.button-info { - color: white; - background-color: #60d2e6; - border-color: #51b3c4; -} -/* line 11, ../../scss/ionic/_mixins.scss */ -.button-info:hover { - color: white; - text-decoration: none; -} -/* line 20, ../../scss/ionic/_mixins.scss */ -.button-info.active, .button-info:active { - background-color: #3dc8e0; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); - border-color: #3998a9; -} - -/* line 25, ../../scss/ionic/theme/_button.scss */ -.button-success { - color: white; - background-color: #89c163; - border-color: #71a052; -} -/* line 11, ../../scss/ionic/_mixins.scss */ -.button-success:hover { - color: white; - text-decoration: none; -} -/* line 20, ../../scss/ionic/_mixins.scss */ -.button-success.active, .button-success:active { - background-color: #73b447; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); - border-color: #597e41; -} - -/* line 28, ../../scss/ionic/theme/_button.scss */ -.button-warning { - color: white; - background-color: #f0b840; - border-color: #cf9a29; -} -/* line 11, ../../scss/ionic/_mixins.scss */ -.button-warning:hover { - color: white; - text-decoration: none; -} -/* line 20, ../../scss/ionic/_mixins.scss */ -.button-warning.active, .button-warning:active { - background-color: #edaa1a; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); - border-color: #a47a21; -} - -/* line 31, ../../scss/ionic/theme/_button.scss */ -.button-danger { - color: white; - background-color: #de5645; - border-color: #bc4435; -} -/* line 11, ../../scss/ionic/_mixins.scss */ -.button-danger:hover { - color: white; - text-decoration: none; -} -/* line 20, ../../scss/ionic/_mixins.scss */ -.button-danger.active, .button-danger:active { - background-color: #d43926; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); - border-color: #94362a; -} - -/* line 34, ../../scss/ionic/theme/_button.scss */ -.button-dark { - color: white; - background-color: #444444; - border-color: #111111; -} -/* line 11, ../../scss/ionic/_mixins.scss */ -.button-dark:hover { - color: white; - text-decoration: none; -} -/* line 20, ../../scss/ionic/_mixins.scss */ -.button-dark.active, .button-dark:active { - background-color: #303030; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); - border-color: black; -} - -/* line 37, ../../scss/ionic/theme/_button.scss */ -.button-transparent { - background: transparent; -} - -/* line 41, ../../scss/ionic/theme/_button.scss */ -.button-borderless [class^="icon-"] { - font-size: 24px; -} - -/* line 1, ../../scss/ionic/theme/_listview.scss */ -.list-divider { - background-color: whitesmoke; - color: #222222; - font-weight: bold; -} - -/* line 7, ../../scss/ionic/theme/_listview.scss */ -a.list-item { - color: #333333; -} - -/* line 2, ../../scss/ionic/theme/_menu.scss */ -.ion-panel { - background: #eeeeee; -} - -/* line 6, ../../scss/ionic/theme/_menu.scss */ -.ion-panel-left .ion-panel { - border-right: 1px solid #bbbbbb; -} - -/* line 10, ../../scss/ionic/theme/_menu.scss */ -.ion-panel-right .ion-panel { - border-left: 1px solid #bbbbbb; -} - -/* line 2, ../../scss/ionic/theme/_pull-to-refresh.scss */ -.ptr-content { - background: #eee; -} - -/* line 1, ../../scss/ionic/theme/_tabs.scss */ -.tabs { - font-size: 16px; -} - -/* line 5, ../../scss/ionic/theme/_tabs.scss */ -.tab-item a { - font-family: "Helvetica Neue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; - font-weight: 200; -} -/* line 13, ../../scss/ionic/theme/_tabs.scss */ -.tab-item i { - font-size: 25px; -} diff --git a/example/css/ionic.css b/example/css/ionic.css deleted file mode 100644 index 12f17932cf..0000000000 --- a/example/css/ionic.css +++ /dev/null @@ -1,1943 +0,0 @@ -@charset "UTF-8"; -/* line 2, ../../scss/ionic/structure/_base.scss */ -*, *:before, *:after { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -/* line 10, ../../scss/ionic/structure/_base.scss */ -html { - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: -moz-none; - user-select: none; -} - -/* line 17, ../../scss/ionic/structure/_base.scss */ -body { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - margin: 0; -} - -/* line 27, ../../scss/ionic/structure/_base.scss */ -a { - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} - -/* line 31, ../../scss/ionic/structure/_base.scss */ -ul { - margin: 0; - padding: 0; -} - -/* line 33, ../../scss/ionic/structure/_base.scss */ -.page, .full-section { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - overflow: auto; - -webkit-overflow-scrolling: touch; - background-color: #fff; -} - -/* line 47, ../../scss/ionic/structure/_base.scss */ -.content { - position: absolute; - width: 100%; - height: 100%; -} - -/* Hack to force all relatively and absolutely positioned elements still render while scrolling - Note: This is a bug for "-webkit-overflow-scrolling: touch" (via ratchet) */ -/* line 54, ../../scss/ionic/structure/_base.scss */ -.content > *, .content-padded > * { - -webkit-transform: translateZ(0px); - transform: translateZ(0px); -} - -/* line 59, ../../scss/ionic/structure/_base.scss */ -.content-padded { - padding: 10px; -} - -/* line 67, ../../scss/ionic/structure/_base.scss */ -.section { - position: fixed; - z-index: 1; -} - -/* line 72, ../../scss/ionic/structure/_base.scss */ -.rounded { - border-radius: 5px; -} - -/* line 9, ../../scss/ionic/structure/_alerts.scss */ -.alert { - padding: 8px 35px 8px 14px; -} - -/* line 12, ../../scss/ionic/structure/_alerts.scss */ -.alert h4 { - margin: 0; -} - -/* line 17, ../../scss/ionic/structure/_alerts.scss */ -.alert .close { - position: relative; - top: -2px; - right: -21px; - line-height: 1.42857; -} - -/* line 28, ../../scss/ionic/structure/_alerts.scss */ -.alert-block { - padding-top: 14px; - padding-bottom: 14px; -} - -/* line 33, ../../scss/ionic/structure/_alerts.scss */ -.alert-block > p, -.alert-block > ul { - margin-bottom: 0; -} - -/* line 36, ../../scss/ionic/structure/_alerts.scss */ -.alert-block p + p { - margin-top: 5px; -} - -/* line 3, ../../scss/ionic/structure/_bar.scss */ -.bar { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: -moz-none; - user-select: none; - position: fixed; - right: 0; - left: 0; - z-index: 10; - width: 100%; - box-sizing: border-box; - height: 44px; - padding: 8px; - /* - .title + .button:last-child, - .button + .button:last-child, - .button.pull-right { - position: absolute; - top: 5px; - right: 5px; - } - */ -} -/* line 19, ../../scss/ionic/structure/_bar.scss */ -.bar .title { - position: absolute; - z-index: 0; - width: 100%; - top: 0; - left: 0; - line-height: 44px; - margin: 0; - text-align: center; - white-space: nowrap; - font-size: 18px; -} -/* line 39, ../../scss/ionic/structure/_bar.scss */ -.bar .title a { - color: inherit; -} - -/* line 55, ../../scss/ionic/structure/_bar.scss */ -.buttons { - position: absolute; - z-index: 1; - padding: 8px; - line-height: 6px; -} -/* line 65, ../../scss/ionic/structure/_bar.scss */ -.buttons .button { - padding: 6px 12px; - line-height: 14px; -} - -/* line 70, ../../scss/ionic/structure/_bar.scss */ -.buttons:first-child { - left: 0; - top: 0; -} - -/* line 74, ../../scss/ionic/structure/_bar.scss */ -.buttons:last-child { - right: 0; - top: 0; -} - -/* line 80, ../../scss/ionic/structure/_bar.scss */ -.bar-header { - top: 0; -} - -/* line 85, ../../scss/ionic/structure/_bar.scss */ -.bar-footer { - bottom: 0; -} - -/* line 90, ../../scss/ionic/structure/_bar.scss */ -.bar-tabs { - padding: 0; -} - -/* line 94, ../../scss/ionic/structure/_bar.scss */ -.bar-header-secondary { - top: 44px; -} - -/* line 97, ../../scss/ionic/structure/_bar.scss */ -.bar-footer-secondary { - bottom: 44px; -} - -/* Pad top/bottom of content so it doesn't hide behind .bar-title and .bar-tab. - Note: For these to work, content must come after both bars in the markup */ -/* line 103, ../../scss/ionic/structure/_bar.scss */ -.has-header { - top: 44px; -} - -/* line 107, ../../scss/ionic/structure/_bar.scss */ -.has-footer { - bottom: 44px; -} - -/* line 1, ../../scss/ionic/structure/_button.scss */ -.button { - position: relative; - display: inline-block; - vertical-align: middle; - text-align: center; - cursor: pointer; - margin: 0; -} -/* line 9, ../../scss/ionic/structure/_button.scss */ -.button.button-block { - margin: 0 0 10px 0; - display: block; -} -/* line 14, ../../scss/ionic/structure/_button.scss */ -.button.button-clear { - background: none; - border: none; - padding: 10px 0px; -} - -/* line 1, ../../scss/ionic/structure/_button-group.scss */ -.button-group { - position: relative; - display: inline-block; - vertical-align: middle; -} -/* line 6, ../../scss/ionic/structure/_button-group.scss */ -.button-group > .button { - position: relative; - float: left; -} -/* line 13, ../../scss/ionic/structure/_button-group.scss */ -.button-group > .button:hover, .button-group > .button:focus, .button-group > .button:active, .button-group > .button.active { - z-index: 2; -} -/* line 16, ../../scss/ionic/structure/_button-group.scss */ -.button-group > .button:focus { - outline: none; -} - -/* line 28, ../../scss/ionic/structure/_button-group.scss */ -.button-group .button + .button, -.button-group .button + .button-group, -.button-group .button-group + .button, -.button-group .button-group + .button-group { - margin-left: -1px; -} - -/* line 33, ../../scss/ionic/structure/_button-group.scss */ -.button-group > .button:not(:first-child):not(:last-child) { - border-radius: 0; -} - -/* line 38, ../../scss/ionic/structure/_button-group.scss */ -.button-group > .button:first-child { - margin-left: 0; -} -/* line 40, ../../scss/ionic/structure/_button-group.scss */ -.button-group > .button:first-child:not(:last-child) { - -webkit-border-top-right-radius: 0; - -moz-border-radius-topright: 0; - border-top-right-radius: 0; - -webkit-border-bottom-right-radius: 0; - -moz-border-radius-bottomright: 0; - border-bottom-right-radius: 0; -} - -/* line 45, ../../scss/ionic/structure/_button-group.scss */ -.button-group > .button:last-child:not(:first-child) { - -webkit-border-top-left-radius: 0; - -moz-border-radius-topleft: 0; - border-top-left-radius: 0; - -webkit-border-bottom-left-radius: 0; - -moz-border-radius-bottomleft: 0; - border-bottom-left-radius: 0; -} - -/* line 50, ../../scss/ionic/structure/_button-group.scss */ -.button-group > .button-group { - float: left; -} - -/* line 53, ../../scss/ionic/structure/_button-group.scss */ -.button-group > .button-group:not(:first-child):not(:last-child) > .button { - border-radius: 0; -} - -/* line 58, ../../scss/ionic/structure/_button-group.scss */ -.button-group > .button-group:first-child > .button:last-child, -.button-group > .button-group:first-child > .dropdown-toggle { - -webkit-border-top-right-radius: 0; - -moz-border-radius-topright: 0; - border-top-right-radius: 0; - -webkit-border-bottom-right-radius: 0; - -moz-border-radius-bottomright: 0; - border-bottom-right-radius: 0; -} - -/* line 62, ../../scss/ionic/structure/_button-group.scss */ -.button-group > .button-group:last-child > .button:first-child { - -webkit-border-top-left-radius: 0; - -moz-border-radius-topleft: 0; - border-top-left-radius: 0; - -webkit-border-bottom-left-radius: 0; - -moz-border-radius-bottomleft: 0; - border-bottom-left-radius: 0; -} - -/* line 10, ../../scss/ionic/structure/_form.scss */ -form { - margin: 0 0 1.42857; -} - -/* line 14, ../../scss/ionic/structure/_form.scss */ -fieldset { - padding: 0; - margin: 0; - border: 0; -} - -/* line 21, ../../scss/ionic/structure/_form.scss */ -legend { - display: block; - width: 100%; - padding: 0; - margin-bottom: 1.42857; - font-size: 21px; - line-height: 2.85714; - color: #333333; - border: 0; - border-bottom: 1px solid #e5e5e5; -} -/* line 33, ../../scss/ionic/structure/_form.scss */ -legend small { - font-size: 1.07143; - color: #999999; -} - -/* line 44, ../../scss/ionic/structure/_form.scss */ -label, -input, -button, -select, -textarea { - font-size: 14px; - font-weight: normal; - line-height: 1.42857; -} - -/* line 50, ../../scss/ionic/structure/_form.scss */ -input, -button, -select, -textarea { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -} - -/* line 55, ../../scss/ionic/structure/_form.scss */ -label { - display: block; - margin-bottom: 5px; -} - -/* line 80, ../../scss/ionic/structure/_form.scss */ -select, -textarea, -input[type="text"], -input[type="password"], -input[type="datetime"], -input[type="datetime-local"], -input[type="date"], -input[type="month"], -input[type="time"], -input[type="week"], -input[type="number"], -input[type="email"], -input[type="url"], -input[type="search"], -input[type="tel"], -input[type="color"], -.uneditable-input { - display: inline-block; - height: 34px; - padding: 4px 6px; - margin-bottom: 10px; - font-size: 14px; - line-height: 20px; - color: #555555; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - vertical-align: middle; -} - -/* line 96, ../../scss/ionic/structure/_form.scss */ -input, -textarea, -.uneditable-input { - width: 100%; -} - -/* line 100, ../../scss/ionic/structure/_form.scss */ -textarea { - height: auto; -} - -/* line 119, ../../scss/ionic/structure/_form.scss */ -textarea, -input[type="text"], -input[type="password"], -input[type="datetime"], -input[type="datetime-local"], -input[type="date"], -input[type="month"], -input[type="time"], -input[type="week"], -input[type="number"], -input[type="email"], -input[type="url"], -input[type="search"], -input[type="tel"], -input[type="color"], -.uneditable-input { - background-color: white; - border: 1px solid #cccccc; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - -o-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; -} -/* line 126, ../../scss/ionic/structure/_form.scss */ -textarea:focus, -input[type="text"]:focus, -input[type="password"]:focus, -input[type="datetime"]:focus, -input[type="datetime-local"]:focus, -input[type="date"]:focus, -input[type="month"]:focus, -input[type="time"]:focus, -input[type="week"]:focus, -input[type="number"]:focus, -input[type="email"]:focus, -input[type="url"]:focus, -input[type="search"]:focus, -input[type="tel"]:focus, -input[type="color"]:focus, -.uneditable-input:focus { - border-color: rgba(82, 168, 236, 0.8); - outline: 0; - outline: thin dotted \9; - /* IE6-9 */ - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -} - -/* line 136, ../../scss/ionic/structure/_form.scss */ -input[type="radio"], -input[type="checkbox"] { - margin: 4px 0 0; - *margin-top: 0; - /* IE7 */ - margin-top: 1px \9; - /* IE8-9 */ - line-height: normal; -} - -/* line 150, ../../scss/ionic/structure/_form.scss */ -input[type="file"], -input[type="image"], -input[type="submit"], -input[type="reset"], -input[type="button"], -input[type="radio"], -input[type="checkbox"] { - width: auto; -} - -/* line 156, ../../scss/ionic/structure/_form.scss */ -select, -input[type="file"] { - height: 24px; - /* In IE7, the height of the select element cannot be changed by height, only font-size */ - *margin-top: 4px; - /* For IE7, add top margin to align select with labels */ - line-height: 24px; -} - -/* line 163, ../../scss/ionic/structure/_form.scss */ -select { - width: 220px; - border: 1px solid #cccccc; - background-color: white; -} - -/* line 171, ../../scss/ionic/structure/_form.scss */ -select[multiple], -select[size] { - height: auto; -} - -/* line 179, ../../scss/ionic/structure/_form.scss */ -select:focus, -input[type="file"]:focus, -input[type="radio"]:focus, -input[type="checkbox"]:focus { - outline: thin dotted #333333; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} - -/* line 189, ../../scss/ionic/structure/_form.scss */ -.uneditable-input, -.uneditable-textarea { - color: #999999; - background-color: #fcfcfc; - border-color: #cccccc; - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - cursor: not-allowed; -} - -/* line 198, ../../scss/ionic/structure/_form.scss */ -.uneditable-input { - overflow: hidden; - white-space: nowrap; -} - -/* line 204, ../../scss/ionic/structure/_form.scss */ -.uneditable-textarea { - width: auto; - height: auto; -} - -/* line 109, ../../scss/ionic/_mixins.scss */ -input:-moz-placeholder, -textarea:-moz-placeholder { - color: #999999; -} -/* line 112, ../../scss/ionic/_mixins.scss */ -input:-ms-input-placeholder, -textarea:-ms-input-placeholder { - color: #999999; -} -/* line 115, ../../scss/ionic/_mixins.scss */ -input::-webkit-input-placeholder, -textarea::-webkit-input-placeholder { - color: #999999; -} - -/* line 225, ../../scss/ionic/structure/_form.scss */ -.radio, -.checkbox { - min-height: 1.42857; - padding-left: 20px; -} - -/* line 230, ../../scss/ionic/structure/_form.scss */ -.radio input[type="radio"], -.checkbox input[type="checkbox"] { - float: left; - margin-left: -20px; -} - -/* line 237, ../../scss/ionic/structure/_form.scss */ -.controls > .radio:first-child, -.controls > .checkbox:first-child { - padding-top: 5px; -} - -/* line 244, ../../scss/ionic/structure/_form.scss */ -.radio.inline, -.checkbox.inline { - display: inline-block; - padding-top: 5px; - margin-bottom: 0; - vertical-align: middle; -} - -/* line 251, ../../scss/ionic/structure/_form.scss */ -.radio.inline + .radio.inline, -.checkbox.inline + .checkbox.inline { - margin-left: 10px; -} - -/* line 261, ../../scss/ionic/structure/_form.scss */ -.input-mini { - width: 60px; -} - -/* line 262, ../../scss/ionic/structure/_form.scss */ -.input-small { - width: 90px; -} - -/* line 263, ../../scss/ionic/structure/_form.scss */ -.input-medium { - width: 150px; -} - -/* line 264, ../../scss/ionic/structure/_form.scss */ -.input-large { - width: 210px; -} - -/* line 265, ../../scss/ionic/structure/_form.scss */ -.input-xlarge { - width: 270px; -} - -/* line 266, ../../scss/ionic/structure/_form.scss */ -.input-xxlarge { - width: 530px; -} - -/* line 277, ../../scss/ionic/structure/_form.scss */ -input[class*="span"], -select[class*="span"], -textarea[class*="span"], -.uneditable-input[class*="span"], -.row-fluid input[class*="span"], -.row-fluid select[class*="span"], -.row-fluid textarea[class*="span"], -.row-fluid .uneditable-input[class*="span"] { - float: none; - margin-left: 0; -} - -/* line 291, ../../scss/ionic/structure/_form.scss */ -.input-append input[class*="span"], -.input-append .uneditable-input[class*="span"], -.input-prepend input[class*="span"], -.input-prepend .uneditable-input[class*="span"], -.row-fluid input[class*="span"], -.row-fluid select[class*="span"], -.row-fluid textarea[class*="span"], -.row-fluid .uneditable-input[class*="span"], -.row-fluid .input-prepend [class*="span"], -.row-fluid .input-append [class*="span"] { - display: inline-block; -} - -/* line 716, ../../scss/ionic/_mixins.scss */ -input, -textarea, -.uneditable-input { - margin-left: 0; -} - -/* line 721, ../../scss/ionic/_mixins.scss */ -.controls-row [class*="span"] + [class*="span"] { - margin-left: 20px; -} - -/* line 733, ../../scss/ionic/_mixins.scss */ -input.span1, -textarea.span1, -.uneditable-input.span1 { - width: 46px; -} - -/* line 733, ../../scss/ionic/_mixins.scss */ -input.span2, -textarea.span2, -.uneditable-input.span2 { - width: 126px; -} - -/* line 733, ../../scss/ionic/_mixins.scss */ -input.span3, -textarea.span3, -.uneditable-input.span3 { - width: 206px; -} - -/* line 733, ../../scss/ionic/_mixins.scss */ -input.span4, -textarea.span4, -.uneditable-input.span4 { - width: 286px; -} - -/* line 733, ../../scss/ionic/_mixins.scss */ -input.span5, -textarea.span5, -.uneditable-input.span5 { - width: 366px; -} - -/* line 733, ../../scss/ionic/_mixins.scss */ -input.span6, -textarea.span6, -.uneditable-input.span6 { - width: 446px; -} - -/* line 733, ../../scss/ionic/_mixins.scss */ -input.span7, -textarea.span7, -.uneditable-input.span7 { - width: 526px; -} - -/* line 733, ../../scss/ionic/_mixins.scss */ -input.span8, -textarea.span8, -.uneditable-input.span8 { - width: 606px; -} - -/* line 733, ../../scss/ionic/_mixins.scss */ -input.span9, -textarea.span9, -.uneditable-input.span9 { - width: 686px; -} - -/* line 733, ../../scss/ionic/_mixins.scss */ -input.span10, -textarea.span10, -.uneditable-input.span10 { - width: 766px; -} - -/* line 733, ../../scss/ionic/_mixins.scss */ -input.span11, -textarea.span11, -.uneditable-input.span11 { - width: 846px; -} - -/* line 733, ../../scss/ionic/_mixins.scss */ -input.span12, -textarea.span12, -.uneditable-input.span12 { - width: 926px; -} - -/* line 304, ../../scss/ionic/structure/_form.scss */ -.controls-row { - *zoom: 1; -} -/* line 41, ../../scss/ionic/_mixins.scss */ -.controls-row:before, .controls-row:after { - display: table; - content: ""; - line-height: 0; -} -/* line 48, ../../scss/ionic/_mixins.scss */ -.controls-row:after { - clear: both; -} - -/* line 311, ../../scss/ionic/structure/_form.scss */ -.controls-row [class*="span"], -.row-fluid .controls-row [class*="span"] { - float: left; -} - -/* line 316, ../../scss/ionic/structure/_form.scss */ -.controls-row .checkbox[class*="span"], -.controls-row .radio[class*="span"] { - padding-top: 5px; -} - -/* line 332, ../../scss/ionic/structure/_form.scss */ -input[disabled], -select[disabled], -textarea[disabled], -input[readonly], -select[readonly], -textarea[readonly] { - cursor: not-allowed; - background-color: #eeeeee; -} - -/* line 340, ../../scss/ionic/structure/_form.scss */ -input[type="radio"][disabled], -input[type="checkbox"][disabled], -input[type="radio"][readonly], -input[type="checkbox"][readonly] { - background-color: transparent; -} - -/* line 190, ../../scss/ionic/_mixins.scss */ -.control-group.warning .control-label, -.control-group.warning .help-block, -.control-group.warning .help-inline { - color: #c09853; -} -/* line 198, ../../scss/ionic/_mixins.scss */ -.control-group.warning .checkbox, -.control-group.warning .radio, -.control-group.warning input, -.control-group.warning select, -.control-group.warning textarea { - color: #c09853; -} -/* line 203, ../../scss/ionic/_mixins.scss */ -.control-group.warning input, -.control-group.warning select, -.control-group.warning textarea { - border-color: #c09853; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} -/* line 206, ../../scss/ionic/_mixins.scss */ -.control-group.warning input:focus, -.control-group.warning select:focus, -.control-group.warning textarea:focus { - border-color: #a47e3c; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; -} -/* line 213, ../../scss/ionic/_mixins.scss */ -.control-group.warning .input-prepend .add-on, -.control-group.warning .input-append .add-on { - color: #c09853; - background-color: #fcf8e3; - border-color: #c09853; -} - -/* line 190, ../../scss/ionic/_mixins.scss */ -.control-group.error .control-label, -.control-group.error .help-block, -.control-group.error .help-inline { - color: #b94a48; -} -/* line 198, ../../scss/ionic/_mixins.scss */ -.control-group.error .checkbox, -.control-group.error .radio, -.control-group.error input, -.control-group.error select, -.control-group.error textarea { - color: #b94a48; -} -/* line 203, ../../scss/ionic/_mixins.scss */ -.control-group.error input, -.control-group.error select, -.control-group.error textarea { - border-color: #b94a48; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} -/* line 206, ../../scss/ionic/_mixins.scss */ -.control-group.error input:focus, -.control-group.error select:focus, -.control-group.error textarea:focus { - border-color: #953b39; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; -} -/* line 213, ../../scss/ionic/_mixins.scss */ -.control-group.error .input-prepend .add-on, -.control-group.error .input-append .add-on { - color: #b94a48; - background-color: #f2dede; - border-color: #b94a48; -} - -/* line 190, ../../scss/ionic/_mixins.scss */ -.control-group.success .control-label, -.control-group.success .help-block, -.control-group.success .help-inline { - color: #468847; -} -/* line 198, ../../scss/ionic/_mixins.scss */ -.control-group.success .checkbox, -.control-group.success .radio, -.control-group.success input, -.control-group.success select, -.control-group.success textarea { - color: #468847; -} -/* line 203, ../../scss/ionic/_mixins.scss */ -.control-group.success input, -.control-group.success select, -.control-group.success textarea { - border-color: #468847; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} -/* line 206, ../../scss/ionic/_mixins.scss */ -.control-group.success input:focus, -.control-group.success select:focus, -.control-group.success textarea:focus { - border-color: #356635; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; -} -/* line 213, ../../scss/ionic/_mixins.scss */ -.control-group.success .input-prepend .add-on, -.control-group.success .input-append .add-on { - color: #468847; - background-color: #dff0d8; - border-color: #468847; -} - -/* line 190, ../../scss/ionic/_mixins.scss */ -.control-group.info .control-label, -.control-group.info .help-block, -.control-group.info .help-inline { - color: #3a87ad; -} -/* line 198, ../../scss/ionic/_mixins.scss */ -.control-group.info .checkbox, -.control-group.info .radio, -.control-group.info input, -.control-group.info select, -.control-group.info textarea { - color: #3a87ad; -} -/* line 203, ../../scss/ionic/_mixins.scss */ -.control-group.info input, -.control-group.info select, -.control-group.info textarea { - border-color: #3a87ad; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} -/* line 206, ../../scss/ionic/_mixins.scss */ -.control-group.info input:focus, -.control-group.info select:focus, -.control-group.info textarea:focus { - border-color: #2d6987; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; -} -/* line 213, ../../scss/ionic/_mixins.scss */ -.control-group.info .input-prepend .add-on, -.control-group.info .input-append .add-on { - color: #3a87ad; - background-color: #d9edf7; - border-color: #3a87ad; -} - -/* line 371, ../../scss/ionic/structure/_form.scss */ -input:focus:invalid, -textarea:focus:invalid, -select:focus:invalid { - color: #b94a48; - border-color: #ee5f5b; -} -/* line 374, ../../scss/ionic/structure/_form.scss */ -input:focus:invalid:focus, -textarea:focus:invalid:focus, -select:focus:invalid:focus { - border-color: #e9322d; - -webkit-box-shadow: 0 0 6px #f8b9b7; - -moz-box-shadow: 0 0 6px #f8b9b7; - box-shadow: 0 0 6px #f8b9b7; -} - -/* line 385, ../../scss/ionic/structure/_form.scss */ -.form-actions { - padding: 0.42857 20px 1.42857; - margin-top: 1.42857; - margin-bottom: 1.42857; - background-color: whitesmoke; - border-top: 1px solid #e5e5e5; - *zoom: 1; -} -/* line 41, ../../scss/ionic/_mixins.scss */ -.form-actions:before, .form-actions:after { - display: table; - content: ""; - line-height: 0; -} -/* line 48, ../../scss/ionic/_mixins.scss */ -.form-actions:after { - clear: both; -} - -/* line 400, ../../scss/ionic/structure/_form.scss */ -.help-block, -.help-inline { - color: #595959; -} - -/* line 404, ../../scss/ionic/structure/_form.scss */ -.help-block { - display: block; - margin-bottom: 0.71429; -} - -/* line 409, ../../scss/ionic/structure/_form.scss */ -.help-inline { - display: inline-block; - *display: inline; - /* IE7 inline-block hack */ - *zoom: 1; - vertical-align: middle; - padding-left: 5px; -} - -/* line 423, ../../scss/ionic/structure/_form.scss */ -.input-append, -.input-prepend { - display: inline-block; - margin-bottom: 0.71429; - vertical-align: middle; - font-size: 0; - white-space: nowrap; -} -/* line 435, ../../scss/ionic/structure/_form.scss */ -.input-append input, -.input-append select, -.input-append .uneditable-input, -.input-append .dropdown-menu, -.input-append .popover, -.input-prepend input, -.input-prepend select, -.input-prepend .uneditable-input, -.input-prepend .dropdown-menu, -.input-prepend .popover { - font-size: 14px; -} -/* line 441, ../../scss/ionic/structure/_form.scss */ -.input-append input, -.input-append select, -.input-append .uneditable-input, -.input-prepend input, -.input-prepend select, -.input-prepend .uneditable-input { - position: relative; - margin-bottom: 0; - *margin-left: 0; - vertical-align: top; - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; -} -/* line 448, ../../scss/ionic/structure/_form.scss */ -.input-append input:focus, -.input-append select:focus, -.input-append .uneditable-input:focus, -.input-prepend input:focus, -.input-prepend select:focus, -.input-prepend .uneditable-input:focus { - z-index: 2; -} -/* line 452, ../../scss/ionic/structure/_form.scss */ -.input-append .add-on, -.input-prepend .add-on { - display: inline-block; - width: auto; - height: 1.42857; - min-width: 16px; - padding: 4px 5px; - font-size: 14px; - font-weight: normal; - line-height: 1.42857; - text-align: center; - text-shadow: 0 1px 0 white; - background-color: #eeeeee; - border: 1px solid #cccccc; -} -/* line 468, ../../scss/ionic/structure/_form.scss */ -.input-append .add-on, -.input-append .btn, -.input-append .btn-group > .dropdown-toggle, -.input-prepend .add-on, -.input-prepend .btn, -.input-prepend .btn-group > .dropdown-toggle { - vertical-align: top; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; -} -/* line 472, ../../scss/ionic/structure/_form.scss */ -.input-append .active, -.input-prepend .active { - background-color: #a9dba9; - border-color: #46a546; -} - -/* line 480, ../../scss/ionic/structure/_form.scss */ -.input-prepend .add-on, -.input-prepend .btn { - margin-right: -1px; -} -/* line 484, ../../scss/ionic/structure/_form.scss */ -.input-prepend .add-on:first-child, -.input-prepend .btn:first-child { - -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; -} - -/* line 493, ../../scss/ionic/structure/_form.scss */ -.input-append input, -.input-append select, -.input-append .uneditable-input { - -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; -} -/* line 495, ../../scss/ionic/structure/_form.scss */ -.input-append input + .btn-group .btn:last-child, -.input-append select + .btn-group .btn:last-child, -.input-append .uneditable-input + .btn-group .btn:last-child { - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; -} -/* line 501, ../../scss/ionic/structure/_form.scss */ -.input-append .add-on, -.input-append .btn, -.input-append .btn-group { - margin-left: -1px; -} -/* line 506, ../../scss/ionic/structure/_form.scss */ -.input-append .add-on:last-child, -.input-append .btn:last-child, -.input-append .btn-group:last-child > .dropdown-toggle { - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; -} - -/* line 515, ../../scss/ionic/structure/_form.scss */ -.input-prepend.input-append input, -.input-prepend.input-append select, -.input-prepend.input-append .uneditable-input { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; -} -/* line 517, ../../scss/ionic/structure/_form.scss */ -.input-prepend.input-append input + .btn-group .btn, -.input-prepend.input-append select + .btn-group .btn, -.input-prepend.input-append .uneditable-input + .btn-group .btn { - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; -} -/* line 522, ../../scss/ionic/structure/_form.scss */ -.input-prepend.input-append .add-on:first-child, -.input-prepend.input-append .btn:first-child { - margin-right: -1px; - -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; -} -/* line 527, ../../scss/ionic/structure/_form.scss */ -.input-prepend.input-append .add-on:last-child, -.input-prepend.input-append .btn:last-child { - margin-left: -1px; - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; -} -/* line 531, ../../scss/ionic/structure/_form.scss */ -.input-prepend.input-append .btn-group:first-child { - margin-left: 0; -} - -/* line 542, ../../scss/ionic/structure/_form.scss */ -input.search-query { - padding-right: 14px; - padding-right: 4px \9; - padding-left: 14px; - padding-left: 4px \9; - /* IE7-8 doesn't have border-radius, so don't indent the padding */ - margin-bottom: 0; - -webkit-border-radius: 15px; - -moz-border-radius: 15px; - border-radius: 15px; -} - -/* Allow for input prepend/append in search forms */ -/* line 553, ../../scss/ionic/structure/_form.scss */ -.form-search .input-append .search-query, -.form-search .input-prepend .search-query { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; -} - -/* line 556, ../../scss/ionic/structure/_form.scss */ -.form-search .input-append .search-query { - -webkit-border-radius: 14px 0 0 14px; - -moz-border-radius: 14px 0 0 14px; - border-radius: 14px 0 0 14px; -} - -/* line 559, ../../scss/ionic/structure/_form.scss */ -.form-search .input-append .btn { - -webkit-border-radius: 0 14px 14px 0; - -moz-border-radius: 0 14px 14px 0; - border-radius: 0 14px 14px 0; -} - -/* line 562, ../../scss/ionic/structure/_form.scss */ -.form-search .input-prepend .search-query { - -webkit-border-radius: 0 14px 14px 0; - -moz-border-radius: 0 14px 14px 0; - border-radius: 0 14px 14px 0; -} - -/* line 565, ../../scss/ionic/structure/_form.scss */ -.form-search .input-prepend .btn { - -webkit-border-radius: 14px 0 0 14px; - -moz-border-radius: 14px 0 0 14px; - border-radius: 14px 0 0 14px; -} - -/* line 587, ../../scss/ionic/structure/_form.scss */ -.form-search input, -.form-search textarea, -.form-search select, -.form-search .help-inline, -.form-search .uneditable-input, -.form-search .input-prepend, -.form-search .input-append, -.form-inline input, -.form-inline textarea, -.form-inline select, -.form-inline .help-inline, -.form-inline .uneditable-input, -.form-inline .input-prepend, -.form-inline .input-append, -.form-horizontal input, -.form-horizontal textarea, -.form-horizontal select, -.form-horizontal .help-inline, -.form-horizontal .uneditable-input, -.form-horizontal .input-prepend, -.form-horizontal .input-append { - display: inline-block; - *display: inline; - /* IE7 inline-block hack */ - *zoom: 1; - margin-bottom: 0; - vertical-align: middle; -} -/* line 594, ../../scss/ionic/structure/_form.scss */ -.form-search .hide, -.form-inline .hide, -.form-horizontal .hide { - display: none; -} - -/* line 601, ../../scss/ionic/structure/_form.scss */ -.form-search label, -.form-inline label, -.form-search .btn-group, -.form-inline .btn-group { - display: inline-block; -} - -/* line 608, ../../scss/ionic/structure/_form.scss */ -.form-search .input-append, -.form-inline .input-append, -.form-search .input-prepend, -.form-inline .input-prepend { - margin-bottom: 0; -} - -/* line 615, ../../scss/ionic/structure/_form.scss */ -.form-search .radio, -.form-search .checkbox, -.form-inline .radio, -.form-inline .checkbox { - padding-left: 0; - margin-bottom: 0; - vertical-align: middle; -} - -/* line 624, ../../scss/ionic/structure/_form.scss */ -.form-search .radio input[type="radio"], -.form-search .checkbox input[type="checkbox"], -.form-inline .radio input[type="radio"], -.form-inline .checkbox input[type="checkbox"] { - float: left; - margin-right: 3px; - margin-left: 0; -} - -/* line 632, ../../scss/ionic/structure/_form.scss */ -.control-group { - margin-bottom: 0.71429; -} - -/* line 637, ../../scss/ionic/structure/_form.scss */ -legend + .control-group { - margin-top: 1.42857; - -webkit-margin-top-collapse: separate; -} - -/* line 647, ../../scss/ionic/structure/_form.scss */ -.form-horizontal .control-group { - margin-bottom: 1.42857; - *zoom: 1; -} -/* line 41, ../../scss/ionic/_mixins.scss */ -.form-horizontal .control-group:before, .form-horizontal .control-group:after { - display: table; - content: ""; - line-height: 0; -} -/* line 48, ../../scss/ionic/_mixins.scss */ -.form-horizontal .control-group:after { - clear: both; -} -/* line 652, ../../scss/ionic/structure/_form.scss */ -.form-horizontal .control-label { - float: left; - width: 160px; - padding-top: 5px; - text-align: right; -} -/* line 659, ../../scss/ionic/structure/_form.scss */ -.form-horizontal .controls { - *display: inline-block; - *padding-left: 20px; - margin-left: 180px; - *margin-left: 0; -} -/* line 666, ../../scss/ionic/structure/_form.scss */ -.form-horizontal .controls:first-child { - *padding-left: 180px; -} -/* line 671, ../../scss/ionic/structure/_form.scss */ -.form-horizontal .help-block { - margin-bottom: 0; -} -/* line 681, ../../scss/ionic/structure/_form.scss */ -.form-horizontal input + .help-block, -.form-horizontal select + .help-block, -.form-horizontal textarea + .help-block, -.form-horizontal .uneditable-input + .help-block, -.form-horizontal .input-prepend + .help-block, -.form-horizontal .input-append + .help-block { - margin-top: 0.71429; -} -/* line 686, ../../scss/ionic/structure/_form.scss */ -.form-horizontal .form-actions { - padding-left: 180px; -} - -/* line 1, ../../scss/ionic/structure/_listview.scss */ -.list { - margin-bottom: 20px; - padding-left: 0; -} - -/* line 10, ../../scss/ionic/structure/_listview.scss */ -.list-item { - position: relative; - display: block; - padding: 15px 15px; - margin-bottom: -1px; - border: 1px solid #dddddd; -} -/* line 24, ../../scss/ionic/structure/_listview.scss */ -.list-item:last-child { - margin-bottom: 0; -} -/* line 30, ../../scss/ionic/structure/_listview.scss */ -.list-item > .badge { - float: right; -} -/* line 35, ../../scss/ionic/structure/_listview.scss */ -.list-item > i:last-child { - float: right; -} -/* line 39, ../../scss/ionic/structure/_listview.scss */ -.list-item > .badge + .badge { - margin-right: 5px; -} -/* line 48, ../../scss/ionic/structure/_listview.scss */ -.list-item.active, .list-item.active:hover, .list-item.active:focus { - z-index: 2; -} -/* line 55, ../../scss/ionic/structure/_listview.scss */ -.list-item.active .list-item-heading, .list-item.active:hover .list-item-heading, .list-item.active:focus .list-item-heading { - color: inherit; -} - -/* line 65, ../../scss/ionic/structure/_listview.scss */ -a.list-item { - text-decoration: none; -} -/* line 75, ../../scss/ionic/structure/_listview.scss */ -a.list-item:hover, a.list-item:focus { - text-decoration: none; -} - -/* line 81, ../../scss/ionic/structure/_listview.scss */ -.list-divider { - padding: 5px 15px; -} - -/* line 88, ../../scss/ionic/structure/_listview.scss */ -.list-item-heading { - margin-top: 0; - margin-bottom: 5px; -} - -/* line 92, ../../scss/ionic/structure/_listview.scss */ -.list-item-text { - margin-bottom: 0; - line-height: 1.3; -} - -/* line 5, ../../scss/ionic/structure/_menu.scss */ -.menu { - min-height: 100%; - max-height: 100%; - width: 270px; - position: absolute; - top: 0; - bottom: 0; - z-index: 0; - background-color: #fff; - overflow-y: scroll; - -webkit-overflow-scrolling: touch; -} - -/* line 22, ../../scss/ionic/structure/_menu.scss */ -.menu-left { - left: 0; -} - -/* line 23, ../../scss/ionic/structure/_menu.scss */ -.menu-right { - right: 0; -} - -/* line 25, ../../scss/ionic/structure/_menu.scss */ -.menu-animated { - -webkit-transition: -webkit-transform 200ms ease; - -moz-transition: -moz-transform 200ms ease; - transition: transform 200ms ease; -} - -/* line 2, ../../scss/ionic/structure/_pull-to-refresh.scss */ -.ptr-capable { - -webkit-user-drag: element; -} - -/* line 6, ../../scss/ionic/structure/_pull-to-refresh.scss */ -.ptr-content { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - overflow: auto; - height: 0; -} - -/* line 16, ../../scss/ionic/structure/_pull-to-refresh.scss */ -.ptr-content .pulling { - display: none; -} - -/* line 20, ../../scss/ionic/structure/_pull-to-refresh.scss */ -.ptr-content .refreshing { - display: none; -} - -/** - * Tabs - * - * A navigation bar with any number of tab items supported. - */ -/* line 7, ../../scss/ionic/structure/_tabs.scss */ -.tabs-inner { - display: -webkit-box; - display: box; - height: 100%; - list-style: none; - box-orient: horizontal; - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; -} - -/* Navigational tab */ -/* line 16, ../../scss/ionic/structure/_tabs.scss */ -.tab-item { - height: 100%; - text-align: center; - box-sizing: border-box; - box-flex: 1; - -webkit-box-flex: 1; - -moz-box-flex: 1; - width: 0; -} -/* line 26, ../../scss/ionic/structure/_tabs.scss */ -.tab-item a { - text-decoration: none; - display: block; - width: 100%; - height: 100%; -} - -/* Active state for tab */ -/* line 35, ../../scss/ionic/structure/_tabs.scss */ -.tab-item.active, .tab-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -/* Icon for tab */ -/* line 41, ../../scss/ionic/structure/_tabs.scss */ -.tab-item i { - display: block; - margin: 0 auto; -} - -/* Label for tab */ -/* line 47, ../../scss/ionic/structure/_tabs.scss */ -.tab-label { - margin-top: 1px; - font-size: 10px; - font-weight: bold; - color: #fff; -} - -/* line 2, ../../scss/ionic/theme/_base.scss */ -body { - font-size: 14px; - line-height: 1.25; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -} - -/* line 8, ../../scss/ionic/theme/_base.scss */ -main { - background-color: white; -} - -/* line 12, ../../scss/ionic/theme/_base.scss */ -.full-section { - -webkit-box-shadow: -3px 0px 10px rgba(0, 0, 0, 0.2), 3px 0px 10px rgba(0, 0, 0, 0.2); - -moz-box-shadow: -3px 0px 10px rgba(0, 0, 0, 0.2), 3px 0px 10px rgba(0, 0, 0, 0.2); - box-shadow: -3px 0px 10px rgba(0, 0, 0, 0.2), 3px 0px 10px rgba(0, 0, 0, 0.2); -} - -/* line 9, ../../scss/ionic/theme/_alerts.scss */ -.alert { - margin-bottom: 1.42857; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); - background-color: #fcf8e3; - border: 1px solid #fbeed5; -} - -/* line 16, ../../scss/ionic/theme/_alerts.scss */ -.alert, -.alert h4 { - color: #c09853; -} - -/* line 25, ../../scss/ionic/theme/_alerts.scss */ -.alert-success { - background-color: #dff0d8; - border-color: #d6e9c6; - color: #468847; -} - -/* line 30, ../../scss/ionic/theme/_alerts.scss */ -.alert-success h4 { - color: #468847; -} - -/* line 34, ../../scss/ionic/theme/_alerts.scss */ -.alert-danger, -.alert-error { - background-color: #f2dede; - border-color: #eed3d7; - color: #b94a48; -} - -/* line 40, ../../scss/ionic/theme/_alerts.scss */ -.alert-danger h4, -.alert-error h4 { - color: #b94a48; -} - -/* line 43, ../../scss/ionic/theme/_alerts.scss */ -.alert-info { - background-color: #d9edf7; - border-color: #bce8f1; - color: #3a87ad; -} - -/* line 48, ../../scss/ionic/theme/_alerts.scss */ -.alert-info h4 { - color: #3a87ad; -} - -/* line 1, ../../scss/ionic/theme/_bar.scss */ -.bar { - background-color: white; - border-style: solid; - border-width: 0; - /* - Disabled temporarily because it's annoying for testing. - @media screen and (orientation : landscape) { - padding: $barPaddingLandscape; - } - */ -} -/* line 6, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-header { - border-bottom-width: 1px; -} -/* line 9, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-footer { - border-top-width: 1px; -} -/* line 13, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-default { - background-color: white; - border-color: #dddddd; - color: #333333; -} -/* line 17, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-default .tab-item a { - color: #333333; -} -/* line 21, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-secondary { - background-color: whitesmoke; - border-color: #cccccc; - color: #333333; -} -/* line 25, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-secondary .tab-item a { - color: #333333; -} -/* line 29, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-primary { - background-color: #6999e9; - border-color: #5981c5; - color: white; -} -/* line 33, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-primary .tab-item a { - color: white; -} -/* line 37, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-info { - background-color: #60d2e6; - border-color: #51b3c4; - color: white; -} -/* line 41, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-info .tab-item a { - color: white; -} -/* line 45, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-success { - background-color: #89c163; - border-color: #71a052; - color: white; -} -/* line 49, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-success .tab-item a { - color: white; -} -/* line 53, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-warning { - background-color: #f0b840; - border-color: #cf9a29; - color: white; -} -/* line 57, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-warning .tab-item a { - color: white; -} -/* line 61, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-danger { - background-color: #de5645; - border-color: #bc4435; - color: white; -} -/* line 66, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-danger .tab-item a { - color: white; -} -/* line 70, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-dark { - background-color: #444444; - border-color: #111111; - color: white; -} -/* line 75, ../../scss/ionic/theme/_bar.scss */ -.bar.bar-dark .tab-item a { - color: white; -} - -/* line 1, ../../scss/ionic/theme/_button.scss */ -.button { - color: #222222; - border-radius: 2px; - border-width: 1px; - border-style: solid; - padding: 10px 15px; -} - -/* line 9, ../../scss/ionic/theme/_button.scss */ -a.button { - text-decoration: none; -} - -/* line 13, ../../scss/ionic/theme/_button.scss */ -.button-default { - color: #333333; - background-color: white; - border-color: #dddddd; -} -/* line 11, ../../scss/ionic/_mixins.scss */ -.button-default:hover { - color: #333333; - text-decoration: none; -} -/* line 20, ../../scss/ionic/_mixins.scss */ -.button-default.active, .button-default:active { - background-color: #ebebeb; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); - border-color: #c4c4c4; -} - -/* line 16, ../../scss/ionic/theme/_button.scss */ -.button-secondary { - color: #333333; - background-color: whitesmoke; - border-color: #cccccc; -} -/* line 11, ../../scss/ionic/_mixins.scss */ -.button-secondary:hover { - color: #333333; - text-decoration: none; -} -/* line 20, ../../scss/ionic/_mixins.scss */ -.button-secondary.active, .button-secondary:active { - background-color: #e1e1e1; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); - border-color: #b3b3b3; -} - -/* line 19, ../../scss/ionic/theme/_button.scss */ -.button-primary { - color: white; - background-color: #6999e9; - border-color: #5981c5; -} -/* line 11, ../../scss/ionic/_mixins.scss */ -.button-primary:hover { - color: white; - text-decoration: none; -} -/* line 20, ../../scss/ionic/_mixins.scss */ -.button-primary.active, .button-primary:active { - background-color: #4581e4; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); - border-color: #3d67ae; -} - -/* line 22, ../../scss/ionic/theme/_button.scss */ -.button-info { - color: white; - background-color: #60d2e6; - border-color: #51b3c4; -} -/* line 11, ../../scss/ionic/_mixins.scss */ -.button-info:hover { - color: white; - text-decoration: none; -} -/* line 20, ../../scss/ionic/_mixins.scss */ -.button-info.active, .button-info:active { - background-color: #3dc8e0; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); - border-color: #3998a9; -} - -/* line 25, ../../scss/ionic/theme/_button.scss */ -.button-success { - color: white; - background-color: #89c163; - border-color: #71a052; -} -/* line 11, ../../scss/ionic/_mixins.scss */ -.button-success:hover { - color: white; - text-decoration: none; -} -/* line 20, ../../scss/ionic/_mixins.scss */ -.button-success.active, .button-success:active { - background-color: #73b447; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); - border-color: #597e41; -} - -/* line 28, ../../scss/ionic/theme/_button.scss */ -.button-warning { - color: white; - background-color: #f0b840; - border-color: #cf9a29; -} -/* line 11, ../../scss/ionic/_mixins.scss */ -.button-warning:hover { - color: white; - text-decoration: none; -} -/* line 20, ../../scss/ionic/_mixins.scss */ -.button-warning.active, .button-warning:active { - background-color: #edaa1a; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); - border-color: #a47a21; -} - -/* line 31, ../../scss/ionic/theme/_button.scss */ -.button-danger { - color: white; - background-color: #de5645; - border-color: #bc4435; -} -/* line 11, ../../scss/ionic/_mixins.scss */ -.button-danger:hover { - color: white; - text-decoration: none; -} -/* line 20, ../../scss/ionic/_mixins.scss */ -.button-danger.active, .button-danger:active { - background-color: #d43926; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); - border-color: #94362a; -} - -/* line 34, ../../scss/ionic/theme/_button.scss */ -.button-dark { - color: white; - background-color: #444444; - border-color: #111111; -} -/* line 11, ../../scss/ionic/_mixins.scss */ -.button-dark:hover { - color: white; - text-decoration: none; -} -/* line 20, ../../scss/ionic/_mixins.scss */ -.button-dark.active, .button-dark:active { - background-color: #303030; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); - border-color: black; -} - -/* line 37, ../../scss/ionic/theme/_button.scss */ -.button-transparent { - background: transparent; -} - -/* line 41, ../../scss/ionic/theme/_button.scss */ -.button-borderless [class^="icon-"] { - font-size: 24px; -} - -/* line 1, ../../scss/ionic/theme/_listview.scss */ -.list-divider { - background-color: whitesmoke; - color: #222222; - font-weight: bold; -} - -/* line 7, ../../scss/ionic/theme/_listview.scss */ -a.list-item { - color: #333333; -} - -/* line 2, ../../scss/ionic/theme/_menu.scss */ -.ion-panel { - background: #eeeeee; -} - -/* line 6, ../../scss/ionic/theme/_menu.scss */ -.ion-panel-left .ion-panel { - border-right: 1px solid #bbbbbb; -} - -/* line 10, ../../scss/ionic/theme/_menu.scss */ -.ion-panel-right .ion-panel { - border-left: 1px solid #bbbbbb; -} - -/* line 2, ../../scss/ionic/theme/_pull-to-refresh.scss */ -.ptr-content { - background: #eee; -} - -/* line 1, ../../scss/ionic/theme/_tabs.scss */ -.tabs { - font-size: 16px; -} - -/* line 5, ../../scss/ionic/theme/_tabs.scss */ -.tab-item a { - font-family: "Helvetica Neue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; - font-weight: 200; -} -/* line 13, ../../scss/ionic/theme/_tabs.scss */ -.tab-item i { - font-size: 25px; -} diff --git a/example/events.html b/example/events.html index e82ccec9b7..2485f6e3e2 100644 --- a/example/events.html +++ b/example/events.html @@ -5,7 +5,7 @@ - +