showcase/vendor/tablestakes/tablestakes.css

Infrustucture for activecell's front-end libraries

/* Chart palette
-------------------------------------------------- */
/* Alert palette
-------------------------------------------------- */
table.tablestakes {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding: 10px;
  border-collapse: separate;
  color: #675b5e;
  background: transparent; }
  table.tablestakes a {
    color: #006b75; }

table.tablestakes thead th, table.tablestakes thead td {
  text-transform: uppercase;
  white-space: nowrap;
  font-weight: normal; }
table.tablestakes thead td {
  color: #675b5e;
  background: transparent; }
table.tablestakes thead th {
  color: white;
  background: #00819b; }
table.tablestakes thead tr.secondary th, table.tablestakes thead tr.secondary td {
  color: #30878f;
  background: transparent; }
table.tablestakes thead tr.secondary td {
  border-bottom: solid 1px #e2dedf; }

table.tablestakes thead th.row-heading, table.tablestakes thead td.row-heading {
  color: white;
  background: #00819b;
  text-align: left;
  font-weight: normal; }
table.tablestakes thead th.total, table.tablestakes thead td.total {
  color: #231f20;
  background: #a9dde2;
  font-weight: bold; }

table.tablestakes tfoot th, table.tablestakes tfoot td {
  font-size: 16px;
  color: #675b5e;
  background: transparent;
  font-weight: 200;
  font-style: italic;
  text-align: left; }

table.tablestakes tbody th.row-heading, table.tablestakes tbody td.row-heading {
  color: #675b5e;
  background: transparent;
  text-transform: none;
  text-align: left; }
table.tablestakes tbody th.total, table.tablestakes tbody td.total {
  color: #231f20;
  background: #a9dde2;
  font-weight: bold; }
table.tablestakes tbody th.left-aligned, table.tablestakes tbody td.left-aligned {
  text-align: left; }
table.tablestakes tbody th.light, table.tablestakes tbody td.light {
  color: #cac3c5;
  background: transparent; }

table.tablestakes thead .resizeable {
  position: relative; }
  table.tablestakes thead .resizeable .resizeable-handle {
    position: absolute;
    top: 0;
    bottom: 0;
    display: inline-block;
    width: 3px;
    height: 100%;
    cursor: col-resize; }
    table.tablestakes thead .resizeable .resizeable-handle:hover {
      background: white; }
    table.tablestakes thead .resizeable .resizeable-handle.neighbor {
      background: #00455b; }
    table.tablestakes thead .resizeable .resizeable-handle.left {
      left: 0; }
    table.tablestakes thead .resizeable .resizeable-handle.right {
      right: 0; }

table.tablestakes thead .sortable {
  position: relative;
  padding-right: 20px;
  cursor: pointer;
  text-align: left; }
  table.tablestakes thead .sortable:before, table.tablestakes thead .sortable:after {
    position: absolute;
    right: 5px;
    height: 0;
    width: 0;
    content: ""; }
  table.tablestakes thead .sortable:before {
    top: 12px;
    border-color: transparent transparent #00455b transparent;
    border-style: solid;
    border-width: 0px 5px 5px 5px; }
  table.tablestakes thead .sortable:after {
    bottom: 12px;
    border-color: #00455b transparent transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0 5px; }
  table.tablestakes thead .sortable.sorted-asc:after {
    border-color: white transparent transparent transparent; }
  table.tablestakes thead .sortable.sorted-desc:before {
    border-color: transparent transparent white transparent; }

table.tablestakes thead tr.reorder-draggable-destination th, table.tablestakes thead tr.reorder-draggable-destination td {
  border-bottom: solid 2px #005568; }
table.tablestakes tbody tr.subtotal th, table.tablestakes tbody tr.subtotal td {
  border-top: solid 1px #e2dedf;
  color: #675b5e;
  background: transparent; }
table.tablestakes tbody tr.subtotal2 th, table.tablestakes tbody tr.subtotal2 td {
  border-top: solid 1px #e2dedf;
  border-bottom: solid 1px #e2dedf;
  color: #675b5e;
  background: #faf9fa;
  font-weight: bold;
  text-transform: capitalize; }
table.tablestakes tbody tr.well {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 5px #a69b9e;
  -moz-box-shadow: inset 0 0 5px #a69b9e;
  box-shadow: inset 0 0 5px #a69b9e;
  width: 100%;
  display: block;
  padding: 0;
  margin: 0;
  color: #675b5e;
  background: #f5fbfc; }
  table.tablestakes tbody tr.well td, table.tablestakes tbody tr.well th {
    color: #a69b9e;
    font-weight: bold;
    text-transform: capitalize;
    border: none; }
table.tablestakes tbody tr.total th, table.tablestakes tbody tr.total td {
  border-top: solid 1px #e2dedf;
  border-bottom: solid 1px #e2dedf;
  color: #8ac16f;
  background: transparent;
  font-weight: bold;
  text-transform: capitalize; }
table.tablestakes tbody tr.total2 th, table.tablestakes tbody tr.total2 td {
  border-top: solid 1px #e2dedf;
  border-bottom: solid 1px #e2dedf;
  color: white;
  background: #005568;
  font-weight: bold;
  text-transform: capitalize; }
table.tablestakes tbody tr.spacer th, table.tablestakes tbody tr.spacer td {
  text-align: left;
  text-indent: -9999em; }
table.tablestakes tbody tr.emphasis th, table.tablestakes tbody tr.emphasis td {
  color: #30878f;
  background: transparent;
  font-size: 100%;
  font-weight: bold;
  border-bottom: solid 1px #e2dedf; }
table.tablestakes tbody tr.emphasis2 {
  color: #675b5e;
  background: #fce5b1;
  font-size: 100%;
  font-weight: bold; }
table.tablestakes tbody tr.reorder-draggable-destination th, table.tablestakes tbody tr.reorder-draggable-destination td {
  border-bottom: solid 2px #005568; }
table.tablestakes tbody tr.hierarchy-draggable-destination th, table.tablestakes tbody tr.hierarchy-draggable-destination td {
  color: white;
  background: #0096b4; }
table.tablestakes tbody tr.dragged {
  pointer-events: none;
  position: absolute;
  display: block;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); }
  table.tablestakes tbody tr.dragged td, table.tablestakes tbody tr.dragged th {
    pointer-events: none;
    -moz-opacity: 0.5;
    filter: "alpha(opacity=$opacity*100)";
    opacity: 0.5;
    background: inherit; }

table.tablestakes th, table.tablestakes td {
  font-size: 12px;
  text-align: right;
  padding: 9px 8px; }
  table.tablestakes th.plan, table.tablestakes td.plan {
    color: #675b5e;
    background: #e2f4f5; }
    table.tablestakes th.plan.editable:hover, table.tablestakes td.plan.editable:hover {
      background: white; }
  table.tablestakes th.old, table.tablestakes td.old {
    color: #675b5e;
    background: #eeeced; }
  table.tablestakes th.collapsible, table.tablestakes td.collapsible {
    cursor: pointer;
    text-align: left; }
    table.tablestakes th.collapsible:before, table.tablestakes td.collapsible:before {
      content: "";
      width: 0;
      height: 0;
      display: inline-block;
      margin: 0 5px 0 -5px;
      border-color: #30878f transparent transparent transparent;
      border-style: solid;
      border-width: 5px;
      text-indent: 0;
      cursor: pointer; }
  table.tablestakes th.expandable, table.tablestakes td.expandable {
    cursor: pointer;
    text-align: left; }
    table.tablestakes th.expandable:before, table.tablestakes td.expandable:before {
      content: "";
      width: 0;
      height: 0;
      display: inline-block;
      margin: 0 5px 0 -5px;
      border-color: transparent transparent transparent #30878f;
      border-style: solid;
      border-width: 5px;
      text-indent: 0;
      cursor: pointer; }
  table.tablestakes th.deletable, table.tablestakes td.deletable {
    text-align: left;
    text-indent: -9999em;
    cursor: pointer; }
    table.tablestakes th.deletable:hover:before, table.tablestakes td.deletable:hover:before {
      font-size: 18px;
      text-shadow: 1px 2px 6px rgba(220, 110, 89, 0.5); }
    table.tablestakes th.deletable:before, table.tablestakes td.deletable:before {
      content: "x";
      display: inline-block;
      float: left;
      width: 16px;
      height: 16px;
      line-height: 16px;
      color: #dc6e59;
      background: transparent;
      text-align: center;
      font-size: 16px;
      font-weight: bold;
      cursor: pointer;
      text-indent: 0; }
  table.tablestakes th.draggable, table.tablestakes td.draggable {
    position: relative;
    cursor: pointer;
    padding-left: 20px; }
    table.tablestakes th.draggable:before, table.tablestakes th.draggable:after, table.tablestakes td.draggable:before, table.tablestakes td.draggable:after {
      position: absolute;
      left: 5px;
      height: 0;
      width: 0;
      content: ""; }
    table.tablestakes th.draggable:before, table.tablestakes td.draggable:before {
      top: 12px;
      border-color: transparent transparent #00455b transparent;
      border-style: solid;
      border-width: 0px 5px 5px 5px; }
    table.tablestakes th.draggable:after, table.tablestakes td.draggable:after {
      bottom: 12px;
      border-color: #00455b transparent transparent transparent;
      border-style: solid;
      border-width: 5px 5px 0 5px; }
  table.tablestakes th.indent1, table.tablestakes td.indent1 {
    text-align: left;
    padding-left: 20px; }
  table.tablestakes th.indent2, table.tablestakes td.indent2 {
    text-align: left;
    padding-left: 30px; }
  table.tablestakes th.indent3, table.tablestakes td.indent3 {
    text-align: left;
    padding-left: 40px; }
  table.tablestakes th.indent4, table.tablestakes td.indent4 {
    text-align: left;
    padding-left: 50px; }
  table.tablestakes th.indent5, table.tablestakes td.indent5 {
    text-align: left;
    padding-left: 60px; }
  table.tablestakes th.indent6, table.tablestakes td.indent6 {
    text-align: left;
    padding-left: 70px; }
  table.tablestakes th.boolean-false, table.tablestakes th.boolean-true, table.tablestakes td.boolean-false, table.tablestakes td.boolean-true {
    position: relative;
    min-width: 30px;
    margin-left: 5px;
    margin-right: 5px;
    display: block;
    text-align: left;
    text-indent: -9999em; }
    table.tablestakes th.boolean-false:hover, table.tablestakes th.boolean-true:hover, table.tablestakes td.boolean-false:hover, table.tablestakes td.boolean-true:hover {
      background: transparent; }
    table.tablestakes th.boolean-false:before, table.tablestakes th.boolean-true:before, table.tablestakes td.boolean-false:before, table.tablestakes td.boolean-true:before {
      position: absolute;
      top: 7px;
      left: 0;
      content: "";
      display: block;
      width: 100%;
      height: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px; }
    table.tablestakes th.boolean-false:after, table.tablestakes th.boolean-true:after, table.tablestakes td.boolean-false:after, table.tablestakes td.boolean-true:after {
      position: absolute;
      top: 5px;
      content: "";
      display: block;
      width: 24px;
      height: 25px;
      background: url("../images/sprite_air.png") -10px -10px no-repeat; }
  table.tablestakes th.boolean-false:before, table.tablestakes td.boolean-false:before {
    background: #dc6e59;
    -webkit-box-shadow: inset 0 0 6px #812a1b;
    -moz-box-shadow: inset 0 0 6px #812a1b;
    box-shadow: inset 0 0 6px #812a1b; }
  table.tablestakes th.boolean-false:after, table.tablestakes td.boolean-false:after {
    left: -3px; }
  table.tablestakes th.boolean-true:before, table.tablestakes td.boolean-true:before {
    background: #8ac16f;
    -webkit-box-shadow: inset 0 0 6px #416a2d;
    -moz-box-shadow: inset 0 0 6px #416a2d;
    box-shadow: inset 0 0 6px #416a2d; }
  table.tablestakes th.boolean-true:after, table.tablestakes td.boolean-true:after {
    right: -3px; }

table.tablestakes th.editable, table.tablestakes td.editable {
  color: #30878f;
  cursor: pointer; }
  table.tablestakes th.editable:hover, table.tablestakes td.editable:hover {
    background: #e2f4f5; }
  table.tablestakes th.editable.active, table.tablestakes td.editable.active {
    width: auto;
    position: relative;
    cursor: text;
    border: 1px solid #30878f;
    -webkit-box-shadow: inset 0 0 6px #a69b9e;
    -moz-box-shadow: inset 0 0 6px #a69b9e;
    box-shadow: inset 0 0 6px #a69b9e;
    background: #faf9fa; }
    table.tablestakes th.editable.active:after, table.tablestakes td.editable.active:after {
      position: absolute;
      bottom: 0;
      right: 0;
      content: " ";
      color: white;
      background: #30878f;
      display: block;
      width: 8px;
      height: 8px;
      -webkit-box-shadow: 0 1px 1px #005568;
      -moz-box-shadow: 0 1px 1px #005568;
      box-shadow: 0 1px 1px #005568;
      cursor: pointer;
      overflow: hidden; }
    table.tablestakes th.editable.active:hover, table.tablestakes td.editable.active:hover {
      background: #faf9fa; }
    table.tablestakes th.editable.active:focus, table.tablestakes td.editable.active:focus {
      outline: none; }
  table.tablestakes th.editable.changed, table.tablestakes td.editable.changed {
    font-weight: bold;
    border: 1px dotted #30878f; }

table.tablestakes th.editable.active.calendar input, table.tablestakes td.editable.active.calendar input {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  color: #30878f;
  border: none;
  background: transparent;
  outline: none;
  box-shadow: none; }
  table.tablestakes th.editable.active.calendar input:focus, table.tablestakes td.editable.active.calendar input:focus {
    border: none;
    outline: none;
    background: transparent; }

table.tablestakes th select, table.tablestakes td select {
  padding: 0;
  width: 100%;
  margin: 0;
  height: auto;
  color: #30878f;
  background: transparent; }