<head>
<style>
body { font-family: sans-serif; }
- input[type=url] { height: 2em; width:
- 100%; font-size: 200%; }
- button { font-size: 400%; background-color: slategray; border: 0px
- solid black; border-radius: 10px; width: 95%; display: block;
- margin: 2rem auto; }
-
+ label[for=youtubeurl],input[type=url]
+ {
+ width: 100%;
+ font-size: 400%;
+ display: block;
+ }
+ button
+ {
+ font-size: 400%;
+ background-color: slategray;
+ border: 0px solid black;
+ border-radius: 10px;
+ width: 95%;
+ display: block;
+ margin: 2rem auto;
+ }
label[for=asap] { font-size: 350%; }
- input[type=checkbox] { transform: scale(2.5); margin-right: 2em; }
+ input[type=checkbox] { transform: scale(2.5); margin: 2rem; }
</style>
</head>
<body>
<form action="normals.cgi" method="post" enctype="multipart/form-data">
<p>
<label for="youtubeurl">YouTube URL</label>
- <input name="youtubeurl" type="text" required="required" />
- <!-- <input type="submit" value="Party On!" /> -->
+ <input name="youtubeurl" type="url" required="required" />
+
<button name="youtubego" type="submit">Party On!</button>
+
<input type="checkbox" value="faster" name="asap" />
<label for="asap">nnooowww</label>
</p>