-
-
Notifications
You must be signed in to change notification settings - Fork 2.9k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
More HTML5 compliance #36
Merged
Merged
Changes from 10 commits
Commits
Show all changes
12 commits
Select commit
Hold shift + click to select a range
e0b60ac
Edited static/pad.html via GitHub
3eec9a9
Edited static/pad.html via GitHub
520da9d
Edited static/timeslider.html via GitHub
83f790a
Edited static/pad.html via GitHub
e8f8f51
Edited static/timeslider.html via GitHub
124f076
Edited static/timeslider.html via GitHub
a6b18ff
Edited static/index.html via GitHub
d7270d6
Revive the good old pointer...
fe93a7a
+ removed IE7 css link since it doesn't exist anymore
c5d3626
typo fix
dcd6d4c
Removed branding, sorry
81f2619
ie10 button:active fix + removed useless transition
File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -61,6 +61,8 @@ a img | |
| padding: 4px 5px; | ||
|
|
||
| height: 18px; | ||
|
|
||
| cursor: pointer; | ||
|
|
||
| overflow: hidden; | ||
|
|
||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,93 +1,143 @@ | ||
| <!DOCTYPE html> | ||
| <head> | ||
| <title>Etherpad Lite</title> | ||
| <style> | ||
| * { | ||
| font-family: Helvetica, Verdana, Sans-Serif; | ||
| } | ||
|
|
||
| html, body { | ||
| height:100%; | ||
| margin:0; | ||
| padding:0; | ||
| } | ||
|
|
||
| #wrapper { | ||
| margin:0 auto; | ||
| margin-top: 200px; | ||
| width: 300px; | ||
| height: 200px; | ||
| } | ||
|
|
||
| #button { | ||
| width: 300px; | ||
| height: 80px; | ||
| <!doctype html> | ||
| <html> | ||
|
|
||
| <title>Etherpad Lite | factor.cc</title> | ||
|
|
||
| display: block; | ||
|
|
||
| margin:auto; | ||
|
|
||
| border: 2px solid #999; | ||
|
|
||
| -moz-border-radius: 4px; | ||
| border-radius: 4px; | ||
|
|
||
| background-color: #fff; | ||
| background: white; /* fallback for older/unsupporting browsers */ | ||
| background: -moz-linear-gradient(top, #aaa, white 70%, white 70%); | ||
| background: -webkit-gradient(linear, 0 0, 0 100%, from(#aaa), color-stop(70%, white), color-stop(70%, white)); | ||
|
|
||
| text-decoration: none; | ||
| text-align: center; | ||
| } | ||
|
|
||
| #button span { | ||
| display: block; | ||
| margin-top:15px; | ||
| font-size: 40px; | ||
| color: #333; | ||
| font-weight:bold; | ||
| text-decoration: none; | ||
| } | ||
|
|
||
| #nameWrapper { | ||
| text-align: center; | ||
| } | ||
| </style> | ||
| <script type="text/javascript"> | ||
| function go2Name() | ||
| { | ||
| var padname = document.getElementById("padname").value; | ||
| if(padname.length > 0) | ||
| { | ||
| window.location = "p/" + padname; | ||
| } | ||
| } | ||
|
|
||
| function go2Random() | ||
| { | ||
| window.location = "p/" + randomPadName() ; | ||
| } | ||
|
|
||
| function randomPadName() | ||
| { | ||
| var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz"; | ||
| var string_length = 10; | ||
| var randomstring = ''; | ||
| for (var i=0; i<string_length; i++) { | ||
| var rnum = Math.floor(Math.random() * chars.length); | ||
| randomstring += chars.substring(rnum,rnum+1); | ||
| } | ||
| return randomstring; | ||
| } | ||
| </script> | ||
| </head> | ||
| <body> | ||
| <div id="wrapper"> | ||
| <a href="javascript:go2Random()" id="button"><span>New Pad</span></a> | ||
| <div id="nameWrapper"><form> | ||
| <span><br>or create a Pad with the name <br></span> <input type="text" id="padname"/> <input type="submit" value="OK" onclick="go2Name();return false;"> | ||
| </form></div></a> | ||
| </div> | ||
| </body> | ||
| </html> | ||
| <style> | ||
| * { | ||
| margin: 0; padding: 0; | ||
| } | ||
| body { | ||
| background: rgba(0, 0, 0, .05); | ||
| color: #555; | ||
| text-shadow: 0 1px 0 #fff; | ||
| font: 14px helvetica,sans-serif; | ||
| background: #ccc; | ||
| background: -moz-radial-gradient(circle, #aaa, #eee) no-repeat center center fixed; | ||
| background: -webkit-radial-gradient(circle, #aaa, #eee) no-repeat center center fixed; | ||
| background: -ms-radial-gradient(circle, #aaa, #eee) no-repeat center center fixed; | ||
| background: -o-radial-gradient(circle, #aaa, #eee) no-repeat center center fixed; | ||
| overflow-x: hidden; | ||
| } | ||
| #container { | ||
| border-top: 1px solid #999; | ||
| margin-top: 160px; | ||
| width: 100%; | ||
| text-align: center; | ||
| padding: 15px; | ||
| background: #eee; | ||
| background: -webkit-linear-gradient(#fff, #ccc); | ||
| background: -moz-linear-gradient(#fff, #ccc); | ||
| background: -ms-linear-gradient(#fff, #ccc); | ||
| background: -o-linear-gradient(#fff, #ccc); | ||
| opacity: .9; | ||
| box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); | ||
| -webkit-animation: pop .3s ease-in 1; | ||
| -moz-animation: pop .3s ease-in 1; | ||
| } | ||
| @-webkit-keyframes pop { | ||
| from { | ||
| opacity: 0; | ||
| } | ||
| to { | ||
| opacity: 1; | ||
| } | ||
| } | ||
| @-moz-keyframes pop { | ||
| from { | ||
| opacity: 0; | ||
| } | ||
| to { | ||
| opacity: 1; | ||
| } | ||
| } | ||
| #button { | ||
| margin: 0 auto; | ||
| border-radius: 3px; | ||
| text-align: center; | ||
| font: 36px verdana,arial,sans-serif; | ||
| color: white; | ||
| text-shadow: 0 -1px 0 rgba(0,0,0,.8); | ||
| height: 70px; | ||
| line-height: 70px; | ||
| width: 300px; | ||
| background: #555; | ||
| background: -webkit-linear-gradient(#5F5F5F, #565656 50%, #4C4C4C 51%, #373737); | ||
| background: -moz-linear-gradient(#5F5F5F, #565656 50%, #4C4C4C 51%, #373737); | ||
| background: -ms-linear-gradient(#5F5F5F, #565656 50%, #4C4C4C 51%, #373737); | ||
| background: -o-linear-gradient(#5F5F5F, #565656 50%, #4C4C4C 51%, #373737); | ||
| box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.9); | ||
| -webkit-transition: background .8s linear; | ||
| -moz-transition: background .8s linear; | ||
| } | ||
| #button:hover { | ||
| cursor: pointer; | ||
| background: #666; | ||
| background: -webkit-linear-gradient(#707070, #666666 50%, #5B5B5B 51%, #474747); | ||
| background: -moz-linear-gradient(#707070, #666666 50%, #5B5B5B 51%, #474747); | ||
| background: -ms-linear-gradient(#707070, #666666 50%, #5B5B5B 51%, #474747); | ||
| background: -o-linear-gradient(#707070, #666666 50%, #5B5B5B 51%, #474747); | ||
| } | ||
|
|
||
| #button:active { | ||
| box-shadow: inset 0 1px 12px rgba(0, 0, 0, 0.9); | ||
| background: #444; | ||
| background: -webkit-linear-gradient(#565656, #4C4C4C 50%, #424242 51%, #2D2D2D); | ||
| background: -moz-linear-gradient(#565656, #4C4C4C 50%, #424242 51%, #2D2D2D); | ||
| background: -o-linear-gradient(#565656, #4C4C4C 50%, #424242 51%, #2D2D2D); | ||
| } | ||
| input[type="text"] { | ||
| font-weight: bold; | ||
| font-size: 14px; | ||
| padding: 5px; | ||
| width: 245px; | ||
| } | ||
| input[type="submit"] { | ||
| height: 30px; | ||
| width: 40px; | ||
| } | ||
| ::selection { | ||
| background-color:rgba(119,119,119,.8); | ||
| color:#fff; | ||
| } | ||
| ::-moz-selection { | ||
| background-color:rgba(119,119,119,.8); | ||
| color:#fff; | ||
| } | ||
| </style> | ||
|
|
||
| <div id="container"> | ||
| <div id="button" onclick="go2Random()">New Pad</div> | ||
| <br> | ||
| or create/open a Pad with the name | ||
| <br> | ||
| <input type="text" id="padname"> <input type="submit" value="OK" onclick="go2Name();return false;"> | ||
| </div> | ||
|
|
||
| <script> | ||
| function go2Name() { | ||
| var padname = document.getElementById("padname").value; | ||
| if (padname.length > 0) { | ||
| window.location = "p/" + padname; | ||
| }else{ | ||
| alert("Please enter a name"); | ||
| } | ||
| } | ||
|
|
||
| function go2Random() { | ||
| window.location = "p/" + randomPadName(); | ||
| } | ||
|
|
||
| function randomPadName() { | ||
| var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz"; | ||
| var string_length = 10; | ||
| var randomstring = ''; | ||
| for (var i = 0; i < string_length; i++) { | ||
| var rnum = Math.floor(Math.random() * chars.length); | ||
| randomstring += chars.substring(rnum, rnum + 1); | ||
| } | ||
| return randomstring; | ||
| } | ||
| </script> | ||
|
|
||
| </html> | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
please remove the branding at this point