mirror of
https://github.com/MatMoul/quickdial-webext.git
synced 2025-04-05 04:41:45 +00:00
249 lines
8.3 KiB
HTML
249 lines
8.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head id="head">
|
|
<meta charset="utf-8" />
|
|
<link rel="shortcut icon" type="image/png" href="img/24.png" />
|
|
<title id="title">Quick Dial Settings</title>
|
|
<script type="text/javascript" src="/js/settings.js"></script>
|
|
<style>
|
|
body { margin: 0px; padding: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
|
|
h1 { font-size: 11pt; text-decoration: underline; }
|
|
input[type=number] { width: 56px; }
|
|
input[type=color] { width: 60px; }
|
|
.hidden { display: none; }
|
|
.Tab>table { width: 100%; border-collapse: collapse; }
|
|
.Tab>div { overflow: auto; }
|
|
.Tab .TabSpace { width: 100%; border-bottom: solid 1px #505050; }
|
|
.Tab .TabButton { border: solid 1px #505050; padding: 2px 6px 2px 6px; cursor: default; }
|
|
.Tab .TabButtonActive { border: solid 1px #505050; border-bottom: none; padding: 2px 6px 2px 6px; cursor: default; }
|
|
.Tab>div { padding: 8px; height: 350px; border-left: solid 1px #505050; border-bottom: solid 1px #505050; border-right: solid 1px #505050; }
|
|
</style>
|
|
</head>
|
|
<body id="body">
|
|
<div id="Tabs" class="Tab">
|
|
<table>
|
|
<tr>
|
|
<td class="TabButtonActive">Page</td>
|
|
<td class="TabButton">Grid</td>
|
|
<td class="TabButton">Cells</td>
|
|
<td class="TabSpace"></td>
|
|
</tr>
|
|
</table>
|
|
<div>
|
|
<div>
|
|
<table>
|
|
<tr>
|
|
<td><span>Background Color :</span></td>
|
|
<td><input id="BackgroundColor" type="color"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><span>Background Mode :</span></td>
|
|
<td>
|
|
<select id="BackgroundMode">
|
|
<option value="0">Stretch</option>
|
|
<option value="1">Cover</option>
|
|
<option value="2">Contain</option>
|
|
<option value="3">Center</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span>Background Image :</span></td>
|
|
<td>
|
|
<button id="BackgroundImageClear">Clear</button>
|
|
<input id="BackgroundImageFile" type="file" style="width:265px;">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Preview :</td>
|
|
<td><div id="BackgroundPreview" style="width: 300px; height: 180px;"></div></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Show "Add to ..." :</td>
|
|
<td><input id="MenuShowAdd" type="checkbox"></td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Open QD in new page :</td>
|
|
<td><input id="ButtonOpenInNewPage" type="checkbox"></td>
|
|
</tr>
|
|
|
|
|
|
|
|
</table>
|
|
</div>
|
|
<div class="hidden">
|
|
<table>
|
|
<tr>
|
|
<td><span>Rows x Columns :</span></td>
|
|
<td>
|
|
<input id="GridRows" type="number" min="1">
|
|
<input id="GridColumns" type="number" min="1">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span>Ratio (X/Y) :</span></td>
|
|
<td>
|
|
<input id="GridRatioX" type="number" min="1">
|
|
<input id="GridRatioY" type="number" min="1">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span>Margins :</span></td>
|
|
<td><input id="GridMargins" type="number" min="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><span>Open Bookmarks In :</span></td>
|
|
<td>
|
|
<select id="GridOpenBookmarksIn">
|
|
<option value="0">Default</option>
|
|
<option value="1">New Tab</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span>Open Folders In :</span></td>
|
|
<td>
|
|
<select id="GridOpenFoldersIn">
|
|
<option value="0">Default</option>
|
|
<option value="1">New Tab</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span>Back Button :</span></td>
|
|
<td><input id="GridBackNode" type="checkbox"></td>
|
|
</tr>
|
|
</table>
|
|
<table>
|
|
<tr>
|
|
<td>
|
|
<div>Back :</div>
|
|
<div>
|
|
<select id="GridBackMode">
|
|
<option value="0">Stretch</option>
|
|
<option value="1">Cover</option>
|
|
<option value="2">Contain</option>
|
|
<option value="3">Center</option>
|
|
</select>
|
|
</div>
|
|
<button id="GridBackImageReset">Reset</button>
|
|
<input id="GridBackImageFile" type="file" style="width:220px;">
|
|
<div id="GridBackPreview" style="width: 220px; height: 150px; border: 1px solid #000000"></div>
|
|
</td>
|
|
<td>
|
|
<div>Folder :</div>
|
|
<div>
|
|
<select id="GridFolderMode">
|
|
<option value="0">Stretch</option>
|
|
<option value="1">Cover</option>
|
|
<option value="2">Contain</option>
|
|
<option value="3">Center</option>
|
|
</select>
|
|
</div>
|
|
<button id="GridFolderImageReset">Reset</button>
|
|
<input id="GridFolderImageFile" type="file" style="width:220px;">
|
|
<div id="GridFolderPreview" style="width: 220px; height: 150px; border: 1px solid #000000"></div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<table style="width:100%;">
|
|
<tr>
|
|
<td><span>Root Folder :</span></td>
|
|
<td><input id="GridRoot" type="text" style="width:100%;"></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="hidden">
|
|
<table>
|
|
<tr>
|
|
<td></td>
|
|
<td>Default :</td>
|
|
<td>Hover :</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span>Margins :</span></td>
|
|
<td><input id="GridCellsMargins" type="number" min="0"></td>
|
|
<td><input id="GridCellsMarginsHover" type="number" min="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><span>Opacity :</span></td>
|
|
<td><input id="GridCellsOpacity" type="number" min="0" max="100"></td>
|
|
<td><input id="GridCellsOpacityHover" type="number" min="0" max="100"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><span>Border Size :</span></td>
|
|
<td><input id="GridCellsBorderSize" type="number" min="0"></td>
|
|
<td><input id="GridCellsBorderSizeHover" type="number" min="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><span>Border Radius :</span></td>
|
|
<td><input id="GridCellsBorderRadius" type="number" min="0"></td>
|
|
<td><input id="GridCellsBorderRadiusHover" type="number" min="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><span>Background Transparent :</span></td>
|
|
<td><input id="GridCellsBackgroundTransparent" type="checkbox"></td>
|
|
<td><input id="GridCellsBackgroundTransparentHover" type="checkbox"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><span>Background Color :</span></td>
|
|
<td><input id="GridCellsBackgroundColor" type="color"></td>
|
|
<td><input id="GridCellsBackgroundColorHover" type="color"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><span>Border Color :</span></td>
|
|
<td><input id="GridCellsBorderColor" type="color"></td>
|
|
<td><input id="GridCellsBorderColorHover" type="color"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><span>Title :</span></td>
|
|
<td><input id="GridCellsTitle" type="checkbox"></td>
|
|
<td><input id="GridCellsTitleHover" type="checkbox"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><span>Title Height :</span></td>
|
|
<td><input id="GridCellsTitleHeight" type="number" min="0"></td>
|
|
<td><input id="GridCellsTitleHeightHover" type="number" min="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><span>Title Font Size :</span></td>
|
|
<td><input id="GridCellsTitleFontSize" type="number" min="0"></td>
|
|
<td><input id="GridCellsTitleFontSizeHover" type="number" min="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><span>Title Border Size :</span></td>
|
|
<td><input id="GridCellsTitleBorderSize" type="number" min="0"></td>
|
|
<td><input id="GridCellsTitleBorderSizeHover" type="number" min="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><span>Title Text Color :</span></td>
|
|
<td><input id="GridCellsTitleColor" type="color"></td>
|
|
<td><input id="GridCellsTitleColorHover" type="color"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><span>Title Background Transparent :</span></td>
|
|
<td><input id="GridCellsTitleBackgroundTransparent" type="checkbox"></td>
|
|
<td><input id="GridCellsTitleBackgroundTransparentHover" type="checkbox"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><span>Title Background Color :</span></td>
|
|
<td><input id="GridCellsTitleBackgroundColor" type="color"></td>
|
|
<td><input id="GridCellsTitleBackgroundColorHover" type="color"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><span>Snapshot Delay :</span></td>
|
|
<td colspan="2"><input id="GridCellsSnapshotDelay" type="number" min="300" max="10000"></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="text-align: right; margin-top: 14px;">
|
|
<button id="BtnOk">OK</button>
|
|
<button id="BtnApply">Apply</button>
|
|
<button id="BtnCancel">Cancel</button>
|
|
</div>
|
|
</body>
|
|
</html> |