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-color: #94132e;
background: linear-gradient(#d42043 20%, #94132e 100%); 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 { input[type=button]:enabled:hover {
background: linear-gradient(#000, #000); background: linear-gradient(#000, #000);
border: none; border: none;
} }
input[type=button].red:enabled:hover { input[type=button].red:enabled:hover {
background: linear-gradient(#d42043, #d42043); background: linear-gradient(#d42043, #d42043);
border: none; border: none;
} }
input[type=button].blue:enabled:hover {
background: linear-gradient(#00b4ef, #00b4ef);
border: none;
}
input[type=button]:active { input[type=button]:active {
background: linear-gradient(#343434, #343434); background: linear-gradient(#343434, #343434);
} }
input[type=button].red:active { input[type=button].red:active {
background: linear-gradient(#94132e, #94132e); background: linear-gradient(#94132e, #94132e);
} }
input[type=button].blue:active {
background: linear-gradient(#1080b8, #1080b8);
}
input[type=button]:disabled { input[type=button]:disabled {
color: #252525; color: #252525;
background: linear-gradient(#575757 20%, #252525 100%); 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><input type="number" class="z" id="property-dim-z" step="0.1"><label for="property-dim-z">Z:</label></div>
</div> </div>
<div class="buttons"> <div class="buttons">
<input type="button" id="reset-to-natural-dimensions" value="Reset to Natural Dimensions">
<span> <span>
<input class="" type="number" id="dimension-rescale-pct" value=100>&nbsp;% <input type="number" id="dimension-rescale-pct" value=100>&nbsp;%
<input type="button" id="dimension-rescale-button" value="Rescale"> <input type="button" class="blue" id="dimension-rescale-button" value="Rescale">
</span> </span>
<input type="button" class="red" id="reset-to-natural-dimensions" value="Reset Dimensions">
</div> </div>
</div> </div>