-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path20.html
69 lines (60 loc) · 1.99 KB
/
20.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
20.css by AJLStick, based on 98.css by jdan @ <a href="https://jdan.github.io/98.css/">https://jdan.github.io/98.css/</a><br>
<br>
<br>
<html onselectstart="return false">
<head>
<script src="script.js"></script>
<script src="script2.js"></script>
<link rel="stylesheet" href="20.css">
</head>
<div class="window" style="width: 300px">
<div class="title-bar">
<div class="title-bar-text">Window?</div>
<div class="title-bar-controls">
<button aria-label="Minimize"></button>
<button aria-label="Maximize"></button>
<button aria-label="Close"></button>
</div>
</div>
<div class="window-body">
<p>Wow! A window!</p>
</div>
</div>
<pre>this is what < pre > text looks like.</pre>
i've added color tags like <red>red</red>, <blue>blue</blue>, <green>e</green><purple>t</purple><yellow>c</yellow><b><orange>.</orange></b><br>
<button>Clickable button!</button>
<button disabled>I cannot be clicked.</button>
<button><pre>and i contain a pre tag!
see? line breaks!</pre></button>
<div class="field-row">
<input checked type="checkbox" id="example2">
<label for="example2">checked box</label>
</div>
<div class="field-row">
<input disabled type="checkbox" id="example3">
<label for="example3">inactive box</label>
</div>
<div class="field-row">
<input checked disabled type="checkbox" id="example4">
<label for="example4">checked (but un un-checkable)</label>
</div><br>
<div>
----------
</div>
<div class="field-row">
<input id="radio5" type="radio" name="first-example">
<label for="radio5">select me..</label>
</div>
<div class="field-row">
<input id="radio6" type="radio" name="first-example">
<label for="radio6">or select me.</label>
</div>
<div class="field-row">
<label for="text17">input some text here!</label>
<input id="text17" placeholder="go on! do it!" type="text" />
</div>
<red>the treeview is about the same.</red>
<fieldset>
<legend>legend tag</legend>
anything can go in here.
<button><pre>even buttons that contain pre tags!</pre></button>