Layout-Resizer/CustomPreset.html at master · ray-lothian/Layout-Resizer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>Custom Preset</title>
  <link rel="stylesheet" href="Content/CustomPreset.css">
  <link rel="stylesheet" href="Content/Fonts.css">
  <link rel="stylesheet" href="Content/fontello.css">
</head>

<body>
  <div class="">


  <table>
    <colgroup>
      <col>
      <col>
      <col width="30">
    </colgroup>
    <thead>
      <tr>
        <th>Mode:</th>
        <th id="mode">
          <label><input type="radio" name="mode" value="percent" checked> Percent</label>
          <label><input type="radio" name="mode" value="px"> Pixel</label>
        </th>
      </tr>
    </thead>
    <tbody id="dims">
      <tr>
        <td>Top:</td>
        <td>
          <input type="text" id="txtTop" min="0" max="100" class="textBox" name="" value="" readonly>
        </td>
      </tr>
      <tr>
        <td>Left:</td>
        <td>
          <input type="text" id="txtLeft" min="0" max="100" class="textBox" name="" value="" readonly>
        </td>
      </tr>
      <tr>
        <td>Width:</td>
        <td>
          <input type="text" id="txtWidth" min="0" max="100" class="textBox" name="" value="" readonly>
        </td>
      </tr>
      <tr>
        <td>Height:</td>
        <td>
          <input type="text" id="txtHeight" min="0" max="100" class="textBox" name="" value="" readonly>
        </td>
      </tr>
      <tr>
        <td></td>
        <td>
          <a class="sepButton" id="savePreset" disabled>Save Preset</a>
        </td>
      </tr>
    </tbody>
  </table>
    </div>
  <div class="wrapper" id="wrapper">
    <div id="display">
        <table width="100%" height="100%">
          <tbody>
            <tr>
              <td> </td><td> </td><td> </td><td> </td><td> </td>
              <td> </td><td> </td><td> </td><td> </td><td> </td>
            </tr>
            <tr>
              <td> </td><td> </td><td> </td><td> </td><td> </td>
              <td> </td><td> </td><td> </td><td> </td><td> </td>
            </tr>
            <tr>
              <td> </td><td> </td><td> </td><td> </td><td> </td>
              <td> </td><td> </td><td> </td><td> </td><td> </td>
            </tr>
            <tr>
              <td> </td><td> </td><td> </td><td> </td><td> </td>
              <td> </td><td> </td><td> </td><td> </td><td> </td>
            </tr>
            <tr>
              <td> </td><td> </td><td> </td><td> </td><td> </td>
              <td> </td><td> </td><td> </td><td> </td><td> </td>
            </tr>
            <tr>
              <td> </td><td> </td><td> </td><td> </td><td> </td>
              <td> </td><td> </td><td> </td><td> </td><td> </td>
            </tr>
            <tr>
              <td> </td><td> </td><td> </td><td> </td><td> </td>
              <td> </td><td> </td><td> </td><td> </td><td> </td>
            </tr>
            <tr>
              <td> </td><td> </td><td> </td><td> </td><td> </td>
              <td> </td><td> </td><td> </td><td> </td><td> </td>
            </tr>
            <tr>
              <td> </td><td> </td><td> </td><td> </td><td> </td>
              <td> </td><td> </td><td> </td><td> </td><td> </td>
            </tr>
            <tr>
              <td> </td><td> </td><td> </td><td> </td><td> </td>
              <td> </td><td> </td><td> </td><td> </td><td> </td>
            </tr>
          </tbody>
        </table>
        <div id="box"></div>
      </div>
  </div>
  <script src="Scripts/Option.js" charset="utf-8"></script>
  <script src="Scripts/OptionInfo.js" charset="utf-8"></script>
</body>

</html>