coriolis/app/less/app.less

@import 'colors';
@import 'fonts';
@import 'responsive';
@import 'utilities';
@import 'icons';
@import 'background-images';
@import 'header';
@import 'shipyard';
@import 'list';
@import 'slot';
@import 'outfit';
@import 'comparison';
@import 'table';
@import 'select';
@import 'modal';
@import 'charts';
@import 'slider';
@import 'chart-tooltip';
@import 'buttons';
@import 'error';
@import 'sortable';

html, body {
  height: 100%;
  width: 100%;
  text-rendering: optimizeLegibility;
}

body {
  color: @fg;
  background-color: #000;
  margin: 0;
  padding: 0;
  font-family: @fStandard;
  letter-spacing: 0.05em;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

div, a, li {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#main {
  margin: 0;
  padding: 0.5em 0.5em;
  width: 100%;
  box-sizing: border-box;
  min-height: 90%;
  clear: both;
  text-align: center;
}

.l {
  float: left;
}

.r {
  float: right;
}

.cl {
  clear: left;
}

.cr {
  clear: right;
}

.cb {
  clear: both;
}

.ri {
  text-align: right;
}

.le {
  text-align: left;
}

.cen {
  text-align: center;
}

.scroll-x {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

h1 {
  font-family: @fTitle;
  color: @primary;
  font-size: 1.6em;
}

h2 {
  text-transform: uppercase;
  font-family: @fStandard;
  font-size: 1.2em;
  font-weight: normal;
}

h3 {
  text-transform: uppercase;
  font-family: @fStandard;
  font-weight: normal;
  font-size: 1em;
  margin: 0.2em 0;
  color: @primary;
}

u { // Unit (Mj, Km, etc)
  font-size: 0.8em;
  text-decoration: none;
}

a, a:visited {
  color: @fg;
}

input {
  background: @primary-bg;
  border: 1px solid @primary-disabled;
  color: @primary-disabled;
  outline: none;
}

footer {
  clear: both;
  font-size: 0.6em;
  color: #999;
  padding: 1em;
  overflow: hidden;

  .right {
    float: right;
    text-align: right;
  }
}