/* Copyright 2013 Google Inc. All Rights Reserved.
* Licensed under the Apache License, Version 2.0, found in the LICENSE file. */
$bg: #FFFFFF;
body {
font-family: monospace; font-size: 12px; margin: 5px;
}
everything {
display: table; margin: 0 auto;
}
controls {
background-color: darken($bg, 13.33%); border: solid 1px darken($bg, 26.67%); margin: 2px auto 8px; width: 800px; padding: 6px 6px; section { background-color: #F8F8F8; border: solid 1px darken($bg, 20%); color: #333333; border-radius: 4px; //display: inline-block; margin: 2px; padding: 2px 6px; line-height: 1.7; } section:hover { background-color: $bg; color: #000000; border: solid 1px darken($bg, 26.67%); }
}
.count {
text-align: right; white-space: nowrap;
}
.warning {
background-color: #FFEEEE; border: solid 1px #FFCCCC; color: #CC0000; font-size: 1.1em; margin: 10px auto; padding: 4px; width: 84%;
}
allocations {
th, td { padding: 1px 3.5px 1px 20px; text-indent: -16.5px; } thead tr { background-color: $bg; color: #000000; } thead th { border-bottom: solid 1px #999999; font-size: 14px; } tbody tr:nth-child(even) { background-color: #E8E8E8; color: #333333; } tbody tr:nth-child(odd) { background-color: #F8F8F8; color: #333333; } tbody tr:hover { background-color: #FFFFCC; color: #000000; } tbody tr.footer { background-color: $bg; color: #000000; } tbody tr.footer td:not(:last-child) { padding-right: 16px; } tbody tr.total { font-weight: bold; } tbody tr.total td { border-top: solid 1px #999999; padding: 3px 4px 1px; }
}
.nc {
color: #445588; font-weight: bold;
}
.nf {
color: #990000; font-weight: bold;
}
input {
margin: 2px;
}
/* jQuery UI hacks in lieu of a theme with images */ .ui-spinner-input {
text-align: right; width: 24px;
}
.ui-spinner {
border: solid 1px #CCCCCC; border-radius: 4px;
}
.ui-spinner-up {
background-color: #DDDDDD;
}
.ui-spinner-up:hover {
background-color: #FFFFCC;
}
.ui-spinner-down {
background-color: #EEEEEE;
}
.ui-spinner-down:hover {
background-color: #FFFFCC;
}