mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-07 06:57:02 +08:00
388 lines
8.9 KiB
CSS
388 lines
8.9 KiB
CSS
@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;
|
|
}
|