forked from max1220/window_manager_library
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathresponsive.html
75 lines (71 loc) · 2.61 KB
/
responsive.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="window_inside_common.css">
<link rel="stylesheet" id="window_style" href="window_inside_flat.css">
<title>Widgets test</title>
</head>
<body>
<div class="window-content-flex">
<div class="menu-bar">
<div class="menu-row">
<div class="menu-container">
<div class="menu-category">File</div>
<div class="menu-sub hidden">
<a class="menu-item">Open file...</a>
<div class="menu-spacer"></div>
<a class="menu-item">New file...</a>
<a class="menu-item">Save file...</a>
<div class="menu-spacer"></div>
<a class="menu-item">Exit</a>
</div>
</div>
<div class="menu-container">
<div class="menu-category">Theme</div>
<div class="menu-sub hidden">
<a class="menu-item" onclick="window_style.href='window_inside_flat.css'">flat</a>
<a class="menu-item" onclick="window_style.href='window_inside_glass.css'">glass</a>
<a class="menu-item" onclick="window_style.href='window_inside_xp.css'">xp</a>
<a class="menu-item" onclick="window_style.href='window_inside_98.css'">98</a>
<a class="menu-item" onclick="window_style.href='window_inside_basic.css'">basic</a>
</div>
</div>
<div class="menu-container">
<div class="menu-category">Help</div>
<div class="menu-sub hidden">
<a class="menu-item">About...</a>
</div>
</div>
</div>
<div class="menu-row">
<label for="address">Address</label>
<div class="form">
<input class="toolbar-input" type="text" id="address" style="flex-grow: 1">
</div>
<button class="toolbar-btn btn">Go</button>
</div>
</div>
<main>
<h2>Responsive test</h2>
<p>This center content takes up the entire height</p>
<p>
Dolor velit commodo sunt voluptate adipisicing officia ipsum nostrud cillum sint ipsum nisi.
Dolore consequat deserunt enim non anim.
Magna do dolor non dolore cillum culpa ex velit est minim ex in mollit quis.
Sint eu ipsum sit ullamco incididunt laborum enim occaecat.
Cillum tempor sunt occaecat.
Enim eiusmod fugiat Lorem nostrud magna.
Veniam nulla aute amet incididunt sunt incididunt sit est excepteur irure est duis deserunt labore.
Ut nisi non elit officia ipsum ad proident magna deserunt aute aliqua mollit commodo aute amet.
</p>
</main>
<div class="status-bar">
<div>Left</div>
<div>Status bar</div>
<div>Right</div>
</div>
</div>
</body>
</html>