Color some buttons

This commit is contained in:
David Rowe 2016-03-29 23:39:02 +13:00
parent 791d3b0310
commit d07cc82512
2 changed files with 16 additions and 5 deletions

View file

@ -280,24 +280,35 @@ input[type=button].red {
background-color: #94132e;
background: linear-gradient(#d42043 20%, #94132e 100%);
}
input[type=button].blue {
color: #fff;
background-color: #94132e;
background: linear-gradient(#00b4ef 20%, #1080b8 100%);
}
input[type=button]:enabled:hover {
background: linear-gradient(#000, #000);
border: none;
}
input[type=button].red:enabled:hover {
background: linear-gradient(#d42043, #d42043);
border: none;
}
input[type=button].blue:enabled:hover {
background: linear-gradient(#00b4ef, #00b4ef);
border: none;
}
input[type=button]:active {
background: linear-gradient(#343434, #343434);
}
input[type=button].red:active {
background: linear-gradient(#94132e, #94132e);
}
input[type=button].blue:active {
background: linear-gradient(#1080b8, #1080b8);
}
input[type=button]:disabled {
color: #252525;
background: linear-gradient(#575757 20%, #252525 100%);

View file

@ -1538,11 +1538,11 @@
<div><input type="number" class="z" id="property-dim-z" step="0.1"><label for="property-dim-z">Z:</label></div>
</div>
<div class="buttons">
<input type="button" id="reset-to-natural-dimensions" value="Reset to Natural Dimensions">
<span>
<input class="" type="number" id="dimension-rescale-pct" value=100>&nbsp;%
<input type="button" id="dimension-rescale-button" value="Rescale">
<input type="number" id="dimension-rescale-pct" value=100>&nbsp;%
<input type="button" class="blue" id="dimension-rescale-button" value="Rescale">
</span>
<input type="button" class="red" id="reset-to-natural-dimensions" value="Reset Dimensions">
</div>
</div>