Dave Jarvis' Repositories

@import "../www/lib/ionic/scss/_variables.scss";

div.report-header {
  color: $stable;
  background: $dark;
}

button.report-run,
button.label-create,
button.label-update,
button.label-delete,
button.timers-stop {
  background: $stable;
  color: $dark;
  margin-top: 6px;
}

.settings-stop,
.settings-delete {
  background: $stable;
  color: $dark;
}

button.tally {
  width: 100px;
  height: 100px;
  line-height: 1.25;
  border-radius: 8px;
  color: #F0F0F0 !important;
}

button.contrast-dark {
  color: $dark !important;
}

button.timer-active {
  // Circled checkmark icon
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAiAAAAIgB69ySUgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAICSURBVDiNfZM/aBNhFMB/784YLtvh4OKS00alQ8GAEAShubtoVqEggkhtBN1csnVQpC5FXQShpQoidFTUIG3ugqtDagWpIM0fujgIJrjmz3PwDuIR+6YPvt/vfe/xvickYn5+ftY0zSURKanqcUCBH8CrIAhWk/yR+JDP51O2bT8G7gCiqp+APSANHDNNczspAwjAwsLC0V6v9w4oqeprVa02Go3WNAHAdd2rwEwYhg8EwPO8Z8BtYCUIguX/iRF7DXgJ7FqWdVGinr+o6tswDK8cJvu+f11VXwC76XTar9VqPcMwjFuAoarVw2TXdW8kZQBDRErATtyz67qFcrmcTpR9U0SeJ2UAAzgBfI/AsyLycTAYvCkUClZUdgVYBz4n5TiBwd9ZEwTBN2AVuJzJZN57nndXVdemyb7vb3qe99sADoDT8UU0hXsiUgSeADvTXlbVMyJyYKjqNnCuWCyenEhyH1gGmtNk13VzwBywZQBrwEhE/vmmQRCspFKpC0kZkIgdici62el0fjqOY4vIouM4qXa73YjJ/f39UVL2PO8hsAQ8qtfrmyaAbdsNy7LOA4vZbHYul8s1W63Wr0nT9/0Zx3E2gIqIfBgOh5VutzuWGEgskwl8BVpRzadUdRYYqerTfr9fbTabA4iWaTLidQYuAU6UoAVsjcfjjTAM9yb5P+C/2M8z9iolAAAAAElFTkSuQmCC') !important;

  background-position: bottom right !important;
  background-repeat: no-repeat !important;
}

/** Ensure the buttons are centered on the device. */
div.center {
  text-align: center;
}

/** Rounded button for adding labels. */
button.button-rounded {
  border-radius: 50% !important;
  text-align: center;

  /* Not sure why, but the button icon seems to be padded incorrectly. */
  padding-left: 1px;
  padding-right: 0px;
}

table.report {
  width: 100%;
  white-space: nowrap;
  padding: 1em;
  margin: 1em;
  border-bottom: 2px solid $dark;
}

table.report tfoot {
  border-top: 2px solid $dark;
}

table.report tbody tr:nth-child(even) {
  background-color: #F0F0F0;
}

th.report {
  padding: .25em;
  margin: .25em;
  background-color: $dark;
  color: #F0F0F0;
  font-weight: bold;
}

td.report, td.report-total {
  text-align: center;
}

/** Remove extraneous whitespace on drop-down options. */
.item-select select.edits {
  direction: ltr;
}