ionic-framework/scss/ionic-theme.css

@charset "UTF-8";
body {
  font-size: 14px;
  line-height: 1.25;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

main {
  background-color: white; }

.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); }

.alert {
  margin-bottom: 1.42857;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5; }

.alert,
.alert h4 {
  color: #c09853; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847; }

.alert-success h4 {
  color: #468847; }

.alert-danger,
.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48; }

.alert-danger h4,
.alert-error h4 {
  color: #b94a48; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad; }

.alert-info h4 {
  color: #3a87ad; }

.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;
  }
  */ }
  .bar.bar-header {
    border-bottom-width: 1px; }
  .bar.bar-footer {
    border-top-width: 1px; }
  .bar.bar-default {
    background-color: white;
    border-color: #dddddd;
    color: #333333; }
    .bar.bar-default .tab-item a {
      color: #333333; }
  .bar.bar-secondary {
    background-color: whitesmoke;
    border-color: #cccccc;
    color: #333333; }
    .bar.bar-secondary .tab-item a {
      color: #333333; }
  .bar.bar-primary {
    background-color: #6999e9;
    border-color: #5981c5;
    color: white; }
    .bar.bar-primary .tab-item a {
      color: white; }
  .bar.bar-info {
    background-color: #60d2e6;
    border-color: #51b3c4;
    color: white; }
    .bar.bar-info .tab-item a {
      color: white; }
  .bar.bar-success {
    background-color: #89c163;
    border-color: #71a052;
    color: white; }
    .bar.bar-success .tab-item a {
      color: white; }
  .bar.bar-warning {
    background-color: #f0b840;
    border-color: #cf9a29;
    color: white; }
    .bar.bar-warning .tab-item a {
      color: white; }
  .bar.bar-danger {
    background-color: #de5645;
    border-color: #bc4435;
    color: white; }
    .bar.bar-danger .tab-item a {
      color: white; }
  .bar.bar-dark {
    background-color: #444444;
    border-color: #111111;
    color: white; }
    .bar.bar-dark .tab-item a {
      color: white; }

.button {
  color: #222222;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  padding: 10px 15px; }

a.button {
  text-decoration: none; }

.button-default {
  color: #333333;
  background-color: white;
  border-color: #dddddd; }
  .button-default:hover {
    color: #333333;
    text-decoration: none; }
  .button-default.active, .button-default:active {
    background-color: #ebebeb;
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
    border-color: #c4c4c4; }

.button-secondary {
  color: #333333;
  background-color: whitesmoke;
  border-color: #cccccc; }
  .button-secondary:hover {
    color: #333333;
    text-decoration: none; }
  .button-secondary.active, .button-secondary:active {
    background-color: #e1e1e1;
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
    border-color: #b3b3b3; }

.button-primary {
  color: white;
  background-color: #6999e9;
  border-color: #5981c5; }
  .button-primary:hover {
    color: white;
    text-decoration: none; }
  .button-primary.active, .button-primary:active {
    background-color: #4581e4;
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
    border-color: #3d67ae; }

.button-info {
  color: white;
  background-color: #60d2e6;
  border-color: #51b3c4; }
  .button-info:hover {
    color: white;
    text-decoration: none; }
  .button-info.active, .button-info:active {
    background-color: #3dc8e0;
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
    border-color: #3998a9; }

.button-success {
  color: white;
  background-color: #89c163;
  border-color: #71a052; }
  .button-success:hover {
    color: white;
    text-decoration: none; }
  .button-success.active, .button-success:active {
    background-color: #73b447;
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
    border-color: #597e41; }

.button-warning {
  color: white;
  background-color: #f0b840;
  border-color: #cf9a29; }
  .button-warning:hover {
    color: white;
    text-decoration: none; }
  .button-warning.active, .button-warning:active {
    background-color: #edaa1a;
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
    border-color: #a47a21; }

.button-danger {
  color: white;
  background-color: #de5645;
  border-color: #bc4435; }
  .button-danger:hover {
    color: white;
    text-decoration: none; }
  .button-danger.active, .button-danger:active {
    background-color: #d43926;
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
    border-color: #94362a; }

.button-dark {
  color: white;
  background-color: #444444;
  border-color: #111111; }
  .button-dark:hover {
    color: white;
    text-decoration: none; }
  .button-dark.active, .button-dark:active {
    background-color: #303030;
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
    border-color: black; }

.button-transparent {
  background: transparent; }

.button-borderless [class^="icon-"] {
  font-size: 24px; }

.list-divider {
  background-color: whitesmoke;
  color: #222222;
  font-weight: bold; }

a.list-item {
  color: #333333; }

.ion-panel {
  background: #eeeeee; }

.ion-panel-left .ion-panel {
  border-right: 1px solid #bbbbbb; }

.ion-panel-right .ion-panel {
  border-left: 1px solid #bbbbbb; }

.ptr-content {
  background: #eee; }

.tabs {
  font-size: 16px; }

.tab-item a {
  font-family: "Helvetica Neue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 200; }
.tab-item i {
  font-size: 25px; }