diff options
| author | Jules Laplace <jules@okfoc.us> | 2015-05-05 02:01:39 -0400 |
|---|---|---|
| committer | Jules Laplace <jules@okfoc.us> | 2015-05-05 02:01:39 -0400 |
| commit | 5784ba304c516a16ccb07051739441a7412c0e2d (patch) | |
| tree | daf9a5ea2629daddc284f18812e7dd3d51534c78 /webcam.html | |
| parent | f55034ec625400fde922f81d03d950694c78507c (diff) | |
webcam styling
Diffstat (limited to 'webcam.html')
| -rw-r--r-- | webcam.html | 24 |
1 files changed, 13 insertions, 11 deletions
diff --git a/webcam.html b/webcam.html index dcd5939..fe0d57b 100644 --- a/webcam.html +++ b/webcam.html @@ -1,21 +1,21 @@ +<link rel="stylesheet" href="css/sally.css" type="text/css" charset="utf-8" /> <style> -#controls { width: 220px; float: left; } +#controls { width: 220px; float: left; padding: 10px; } label { min-width: 70px; display: inline-block; } #text_style { width: 100px; } +label.cbox { min-width: 50px; } </style> -<body> +<body class="transparent"> <div id="controls"> <label></label> <span id="width_span"></span>x<span id="height_span"></span> <br> - <label for="width_el">width</label> <input type="range" min="1" max="120" value="40" id="width_el"> - <br> - <label for="ratio_el">ratio</label> <input type="range" min="0.0" max="8" value="2" step="0.005" id="ratio_el"><br> - <label for="hue_el">hue</label> <input type="range" min="-1" max="1" value="0" step="0.005" id="hue_el"><br> - <label for="sat_el">saturation</label> <input type="range" min="-1" max="1" value="0" step="0.005" id="sat_el"><br> - <label for="lum_el">luminance</label> <input type="range" min="-1" max="1" value="0" step="0.005" id="lum_el"><br> - <label for="quant_el">quantize</label> <input type="range" min="1" max="255" value="1" step="1" id="quant_el"><br> - <label></label> <input type="checkbox" id="invert_el"> <label for="invert_el" style="padding-top: 7px;">invert</label> + <label for="width_el">width</label><input type="range" min="1" max="120" value="40" id="width_el"> <br> + <label for="ratio_el">ratio</label><input type="range" min="0.0" max="8" value="2" step="0.005" id="ratio_el"><br> + <label for="hue_el">hue</label><input type="range" min="-1" max="1" value="0" step="0.005" id="hue_el"><br> + <label for="sat_el">sat</label><input type="range" min="-1" max="1" value="0" step="0.005" id="sat_el"><br> + <label for="lum_el">lum</label><input type="range" min="-1" max="1" value="0" step="0.005" id="lum_el"><br> + <label for="quant_el">quantize</label><input type="range" min="1" max="255" value="1" step="1" id="quant_el"><br> <label for="palette_el" style="padding-top: 5px;">palette</label> <select id="palette_el"> <option default value="colors">all colors</label> @@ -26,7 +26,9 @@ label { min-width: 70px; display: inline-block; } <option value="blues">blues</label> </select> <br> - <label></label> <input type="checkbox" checked id="nn_el"> <label for="nn_el" style="padding-top: 7px;">nearest neighbor</label> + <label class="cbox"></label><input type="checkbox" id="invert_el"> <label for="invert_el" style="padding-top: 7px;">invert</label> + <br> + <label class="cbox"></label><input type="checkbox" checked id="nn_el"> <label for="nn_el" style="padding-top: 7px;">nearest neighbor</label> <br> <br> <input type="text" id="text_style"> |