124 lines
4.7 KiB
HTML
124 lines
4.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Squared 4.0 Settings</title>
|
|
<link rel="stylesheet" href="css/slate.min.css">
|
|
<body>
|
|
|
|
<div class="item-container">
|
|
<div class="item-container-header">Colors</div>
|
|
<div class="item-container-content">
|
|
<label class="item bwhide">
|
|
Number Color
|
|
<select id="num_color" dir='rtl' class="item-select">
|
|
<option class="bwhide" selected="selected">Diamond</option>
|
|
<option class="bwhide">Ruby</option>
|
|
<option class="bwhide">Fire</option>
|
|
<option class="bwhide">Forest</option>
|
|
<option class="bwhide">Red</option>
|
|
<option class="bwhide">Green</option>
|
|
<option class="bwhide">Blue</option>
|
|
<option class="bwhide">Yellow</option>
|
|
<option class="bwhide">Cyan</option>
|
|
<option class="bwhide">Magenta</option>
|
|
<option class="bwhide">Violet</option>
|
|
<option class="bwhide">Orange</option>
|
|
<option class="bwhide">Vivid Cerulean</option>
|
|
<option class="bwhide">Chrome Yellow</option>
|
|
<option class="bwhide">Spring Green</option>
|
|
<option>Black</option>
|
|
<option>Dark Gray</option>
|
|
<option class="bwhide">Light Gray</option>
|
|
<option class="bwdefault">White</option>
|
|
</select>
|
|
</label>
|
|
<label class="item bwhide">
|
|
Ornament Color
|
|
<select id="orn_color" dir='rtl' class="item-select">
|
|
<option class="bwhide">Diamond</option>
|
|
<option class="bwhide" selected="selected">Ruby</option>
|
|
<option class="bwhide">Fire</option>
|
|
<option class="bwhide">Forest</option>
|
|
<option class="bwhide">Red</option>
|
|
<option class="bwhide">Green</option>
|
|
<option class="bwhide">Blue</option>
|
|
<option class="bwhide">Yellow</option>
|
|
<option class="bwhide">Cyan</option>
|
|
<option class="bwhide">Magenta</option>
|
|
<option class="bwhide">Violet</option>
|
|
<option class="bwhide">Orange</option>
|
|
<option class="bwhide">Vivid Cerulean</option>
|
|
<option class="bwhide">Chrome Yellow</option>
|
|
<option class="bwhide">Spring Green</option>
|
|
<option>Black</option>
|
|
<option class="bwdefault">Dark Gray</option>
|
|
<option class="bwhide">Light Gray</option>
|
|
<option>White</option>
|
|
</select>
|
|
</label>
|
|
<label class="item bwhide">
|
|
Background Color
|
|
<select id="bg_color" dir='rtl' class="item-select">
|
|
<option class="bwdefault" selected="selected">Black</option>
|
|
<option>Dark Gray</option>
|
|
<option class="bwhide">Light Gray</option>
|
|
<option>White</option>
|
|
<option class="bwhide">Red</option>
|
|
<option class="bwhide">Green</option>
|
|
<option class="bwhide">Blue</option>
|
|
<option class="bwhide">Yellow</option>
|
|
<option class="bwhide">Cyan</option>
|
|
<option class="bwhide">Magenta</option>
|
|
<option class="bwhide">Violet</option>
|
|
<option class="bwhide">Orange</option>
|
|
<option class="bwhide">Vivid Cerulean</option>
|
|
<option class="bwhide">Chrome Yellow</option>
|
|
<option class="bwhide">Spring Green</option>
|
|
</select>
|
|
</label>
|
|
<label class='item colorhide'>
|
|
Three Colors
|
|
<input id='monochrome' type='checkbox' class='item-toggle'>
|
|
</label>
|
|
<label class='item colorhide'>
|
|
Invert colors
|
|
<input id='invert' type='checkbox' class='item-toggle'>
|
|
</label>
|
|
</div>
|
|
<div class='item-container-footer'>
|
|
Cras mattis consectetur purus sit amet fermentum.
|
|
</div>
|
|
</div>
|
|
<div class='item-container'>
|
|
<div class='item-container-header'>Appearance</div>
|
|
<div class='item-container-content'>
|
|
<label class='item roundhide'>
|
|
Large Numbers
|
|
<input id='size' type='checkbox' class='item-toggle'>
|
|
</label>
|
|
<label class='item'>
|
|
Leading Zero
|
|
<input id='zero' type='checkbox' class='item-toggle'>
|
|
</label>
|
|
<label class='item'>
|
|
European Date (dd/mm)
|
|
<input id='date' type='checkbox' class='item-toggle'>
|
|
</label>
|
|
<label class='item'>
|
|
Fast Start Delay
|
|
<input id='delay' type='checkbox' class='item-toggle'>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item-container">
|
|
<div class="button-container">
|
|
<input id="send" type="button" class="item-button" value="SEND">
|
|
</div>
|
|
</div>
|
|
|
|
<script src="js/slate.min.js"></script>
|
|
<script src="js/main.js"></script>
|
|
</body>
|
|
</html> |