mirror of
https://github.com/servo/servo.git
synced 2025-07-22 23:03:42 +01:00
Issue #12421: tidy should also check .html files
This commit is contained in:
Simon Martin
parent
5e83b3f83b
commit
1e60c915f9
85 changed files with 696 additions and 691 deletions
|
|
@ -27,7 +27,7 @@ MAX_LICENSE_LINESPAN = max(len(license.splitlines()) for license in licenses)
|
|||
# File patterns to include in the non-WPT tidy check.
|
||||
FILE_PATTERNS_TO_CHECK = ["*.rs", "*.rc", "*.cpp", "*.c",
|
||||
"*.h", "Cargo.lock", "*.py", "*.sh",
|
||||
"*.toml", "*.webidl", "*.json"]
|
||||
"*.toml", "*.webidl", "*.json", "*.html"]
|
||||
|
||||
# File patterns that are ignored for all tidy and lint checks.
|
||||
FILE_PATTERNS_TO_IGNORE = ["*.#*", "*.pyc"]
|
||||
|
|
@ -44,6 +44,11 @@ IGNORED_FILES = [
|
|||
os.path.join(".", "tests", "wpt", "metadata-css", "MANIFEST.json"),
|
||||
os.path.join(".", "components", "script", "dom", "webidls", "ForceTouchEvent.webidl"),
|
||||
os.path.join(".", "support", "android", "openssl.sh"),
|
||||
# Ignore those files since the issues reported are on purpose
|
||||
os.path.join(".", "tests", "html", "bad-line-ends.html"),
|
||||
os.path.join(".", "tests", "unit", "net", "parsable_mime", "text"),
|
||||
os.path.join(".", "tests", "wpt", "mozilla", "tests", "css", "fonts"),
|
||||
os.path.join(".", "tests", "wpt", "mozilla", "tests", "css", "pre_with_tab.html"),
|
||||
# FIXME(pcwalton, #11679): This is a workaround for a tidy error on the quoted string
|
||||
# `"__TEXT,_info_plist"` inside an attribute.
|
||||
os.path.join(".", "components", "servo", "platform", "macos", "mod.rs"),
|
||||
|
|
@ -148,7 +153,7 @@ def filter_files(start_dir, only_changed_files, progress):
|
|||
|
||||
|
||||
def check_license(file_name, lines):
|
||||
if any(file_name.endswith(ext) for ext in (".toml", ".lock", ".json")):
|
||||
if any(file_name.endswith(ext) for ext in (".toml", ".lock", ".json", ".html")):
|
||||
raise StopIteration
|
||||
while lines and (lines[0].startswith(EMACS_HEADER) or lines[0].startswith(VIM_HEADER)):
|
||||
lines = lines[1:]
|
||||
|
|
@ -168,7 +173,7 @@ def check_modeline(file_name, lines):
|
|||
|
||||
|
||||
def check_length(file_name, idx, line):
|
||||
if file_name.endswith(".lock") or file_name.endswith(".json"):
|
||||
if file_name.endswith(".lock") or file_name.endswith(".json") or file_name.endswith(".html"):
|
||||
raise StopIteration
|
||||
# Prefer shorter lines when shell scripting.
|
||||
if file_name.endswith(".sh"):
|
||||
|
|
@ -672,7 +677,7 @@ def collect_errors_for_files(files_to_check, checking_functions, line_checking_f
|
|||
|
||||
|
||||
def get_wpt_files(only_changed_files, progress):
|
||||
wpt_dir = os.path.join(".", "tests", "wpt", "web-platform-tests" + os.sep)
|
||||
wpt_dir = os.path.join(".", "tests", "wpt" + os.sep)
|
||||
file_iter = get_file_list(os.path.join(wpt_dir), only_changed_files)
|
||||
(has_element, file_iter) = is_iter_empty(file_iter)
|
||||
if not has_element:
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
|
||||
<html><head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
|
||||
<title>
|
||||
display/box/float/clear test
|
||||
</title>
|
||||
<style type="text/css">
|
||||
/* last modified: 1 Dec 98 */
|
||||
<title>
|
||||
display/box/float/clear test
|
||||
</title>
|
||||
<style type="text/css">
|
||||
/* last modified: 1 Dec 98 */
|
||||
|
||||
html {
|
||||
font: 10px/1 Verdana, sans-serif;
|
||||
|
|
@ -27,9 +27,9 @@ border: 0;
|
|||
padding: .5em;
|
||||
}
|
||||
|
||||
dt {
|
||||
dt {
|
||||
background-color: rgb(204,0,0);
|
||||
margin: 0;
|
||||
margin: 0;
|
||||
padding: 1em;
|
||||
width: 10.638%; /* refers to parent element's width of 47em. = 5em or 50px */
|
||||
height: 28em;
|
||||
|
|
@ -82,12 +82,12 @@ background-color: black;
|
|||
color: white;
|
||||
}
|
||||
|
||||
form {
|
||||
form {
|
||||
margin: 0;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
p {
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
|
@ -125,59 +125,59 @@ font-weight: normal;
|
|||
font-size: 1em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<dl>
|
||||
<dt>
|
||||
toggle
|
||||
</dt>
|
||||
<dd>
|
||||
<ul>
|
||||
<li>
|
||||
the way
|
||||
</li>
|
||||
<li id="bar">
|
||||
<p>
|
||||
the world ends
|
||||
</p>
|
||||
<form action="./" method="get">
|
||||
<p>
|
||||
bang
|
||||
<input name="foo" value="off" type="radio">
|
||||
</p>
|
||||
<p>
|
||||
whimper
|
||||
<input name="foo2" value="on" type="radio">
|
||||
</p>
|
||||
</form>
|
||||
</li>
|
||||
<li>
|
||||
i grow old
|
||||
</li>
|
||||
<li id="baz">
|
||||
pluot?
|
||||
</li>
|
||||
</ul>
|
||||
<blockquote>
|
||||
<address>
|
||||
bar maids,
|
||||
</address>
|
||||
</blockquote>
|
||||
<h1>
|
||||
sing to me, erbarme dich
|
||||
</h1>
|
||||
</dd>
|
||||
</dl>
|
||||
<p style="color: black; font-size: 1em; line-height: 1.3em; clear: both">
|
||||
This is a nonsensical document, but syntactically valid HTML 4.0. All
|
||||
100%-conformant CSS1 agents should be able to render the document
|
||||
</head>
|
||||
<body>
|
||||
<dl>
|
||||
<dt>
|
||||
toggle
|
||||
</dt>
|
||||
<dd>
|
||||
<ul>
|
||||
<li>
|
||||
the way
|
||||
</li>
|
||||
<li id="bar">
|
||||
<p>
|
||||
the world ends
|
||||
</p>
|
||||
<form action="./" method="get">
|
||||
<p>
|
||||
bang
|
||||
<input name="foo" value="off" type="radio">
|
||||
</p>
|
||||
<p>
|
||||
whimper
|
||||
<input name="foo2" value="on" type="radio">
|
||||
</p>
|
||||
</form>
|
||||
</li>
|
||||
<li>
|
||||
i grow old
|
||||
</li>
|
||||
<li id="baz">
|
||||
pluot?
|
||||
</li>
|
||||
</ul>
|
||||
<blockquote>
|
||||
<address>
|
||||
bar maids,
|
||||
</address>
|
||||
</blockquote>
|
||||
<h1>
|
||||
sing to me, erbarme dich
|
||||
</h1>
|
||||
</dd>
|
||||
</dl>
|
||||
<p style="color: black; font-size: 1em; line-height: 1.3em; clear: both">
|
||||
This is a nonsensical document, but syntactically valid HTML 4.0. All
|
||||
100%-conformant CSS1 agents should be able to render the document
|
||||
elements above this paragraph indistinguishably (to the pixel) from this
|
||||
|
||||
<a href="http://www.w3.org/Style/CSS/Test/CSS1/current/sec5526c.gif">reference rendering,</a>
|
||||
(except font rasterization and form widgets). All discrepancies
|
||||
should be traceable to CSS1 implementation shortcomings. Once you have
|
||||
finished evaluating this test, you can return to the <a href="http://www.w3.org/Style/CSS/Test/CSS1/current/sec5526c.htm">parent page</a>.
|
||||
</p>
|
||||
|
||||
|
||||
<a href="http://www.w3.org/Style/CSS/Test/CSS1/current/sec5526c.gif">reference rendering,</a>
|
||||
(except font rasterization and form widgets). All discrepancies
|
||||
should be traceable to CSS1 implementation shortcomings. Once you have
|
||||
finished evaluating this test, you can return to the <a href="http://www.w3.org/Style/CSS/Test/CSS1/current/sec5526c.htm">parent page</a>.
|
||||
</p>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
|
|||
|
|
@ -142,4 +142,4 @@
|
|||
<div class="image-height-test"><table><tr><td><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAIAAAFSDNYfAAAAaklEQVR42u3XQQrAIAwAQeP%2F%2F6wf8CJBJTK9lnQ7FpHGaOurt1I34nfH9pMMZAZ8BwMGEvvh%2BBsJCAgICLwIOA8EBAQEBAQEBAQEBK79H5RfIQAAAAAAAAAAAAAAAAAAAAAAAAAAAID%2FABMSqAfj%2FsLmvAAAAABJRU5ErkJggg%3D%3D" alt=""></td></tr></table></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -4,15 +4,15 @@
|
|||
:active {border:1px solid #A61D61; background-color:#DC2F85; color:#333232;}
|
||||
</style>
|
||||
<body>
|
||||
<fieldset>
|
||||
<a href="https://servo.org/">
|
||||
Link
|
||||
</a>
|
||||
<button>Click Me!</button>
|
||||
<button disabled>You can't activate me</button>
|
||||
<a>Anchor with no href</a>
|
||||
<link href="www.mozilla.com">Link</link>
|
||||
<link>Link with no href</link>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<a href="https://servo.org/">
|
||||
Link
|
||||
</a>
|
||||
<button>Click Me!</button>
|
||||
<button disabled>You can't activate me</button>
|
||||
<a>Anchor with no href</a>
|
||||
<link href="www.mozilla.com">Link</link>
|
||||
<link>Link with no href</link>
|
||||
</fieldset>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,20 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title></title>
|
||||
</head>
|
||||
<style>
|
||||
.test { background: url(rust-0.png) gray; }
|
||||
</style>
|
||||
<body>
|
||||
<div class="test" style="width:200px; height:200px; color:red;">
|
||||
background: url(rust-0.png) gray; width:200px; height:200px;
|
||||
</div>
|
||||
<div class="test" style="background-image: url(rust-45.png); width:200px; height:200px; color:red;">
|
||||
background-image: url(rust-45.png); width:200px; height:200px;
|
||||
</div>
|
||||
<div style="background: url(rust-90.png) yellow; width:200px; height:200px; border: 5px solid #000; color:blue;">
|
||||
background: url(rust-90.png) yellow; width:200px; height:200px; border: 5px solid #000;
|
||||
</div>
|
||||
</body>
|
||||
<head>
|
||||
<title></title>
|
||||
</head>
|
||||
<style>
|
||||
.test { background: url(rust-0.png) gray; }
|
||||
</style>
|
||||
<body>
|
||||
<div class="test" style="width:200px; height:200px; color:red;">
|
||||
background: url(rust-0.png) gray; width:200px; height:200px;
|
||||
</div>
|
||||
<div class="test" style="background-image: url(rust-45.png); width:200px; height:200px; color:red;">
|
||||
background-image: url(rust-45.png); width:200px; height:200px;
|
||||
</div>
|
||||
<div style="background: url(rust-90.png) yellow; width:200px; height:200px; border: 5px solid #000; color:blue;">
|
||||
background: url(rust-90.png) yellow; width:200px; height:200px; border: 5px solid #000;
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@ td.cell6 {
|
|||
<td> 3
|
||||
</tr>
|
||||
<tr id="row2">
|
||||
<td> 4
|
||||
<td> 4
|
||||
<td class="cell5"> 5
|
||||
<td class="cell6"> 6
|
||||
</tr>
|
||||
|
|
|
|||
|
|
@ -16,14 +16,14 @@
|
|||
<option value="1">B</option>
|
||||
<option value="2">C</option>
|
||||
</select><br>
|
||||
Required Radio: <input type="radio" name="group1" value="1" required>1
|
||||
Required Radio: <input type="radio" name="group1" value="1" required>1
|
||||
<input type="radio" name="group1" value="2">2
|
||||
<input type="radio" name="group1" value="3">3<br>
|
||||
Required Checkbox: <input type="checkbox" name="group2" value="1" required>1
|
||||
Required Checkbox: <input type="checkbox" name="group2" value="1" required>1
|
||||
<input type="checkbox" name="group2" value="2">2
|
||||
<input type="checkbox" name="group2" value="3">3<br>
|
||||
Required File: <input type="file" required><br>
|
||||
<input type="submit">
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
[block background color test]
|
||||
<p style="background-color:yellow">paragraph yellow</p>
|
||||
|
||||
[inline background color test]
|
||||
[inline background color test]
|
||||
<span style="font-size:30px;background-color:blue;"><img src="test.jpeg"/> span bluetexttexttext<span style="font-size:50px;background-color:yellow;">span yellow<span style="font-size:15px;background-color:red">nested-span red</span>test finishes</span></span>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -4,4 +4,4 @@ Both input elements below should have more than one space between "foo" and "bar
|
|||
<form>
|
||||
<input value="foo bar">
|
||||
<input value="foo bar">
|
||||
</form>
|
||||
</form>
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@ Nunc gravida massa quis nisl venenatis interdum. Integer non dui tortor, non vol
|
|||
|
||||
Cras ullamcorper vestibulum eros nec suscipit. Vivamus tincidunt, metus at tristique sodales, metus massa sagittis elit, eu scelerisque tortor ante ut sapien. Curabitur rutrum fringilla purus, eget commodo neque tincidunt ut. Etiam ac leo sed nisi ultricies ultrices sed in urna. Fusce blandit fermentum ipsum, vitae dapibus eros tempus vel. Praesent ullamcorper nulla sed nisl facilisis aliquam. Mauris consequat dui quis elit pulvinar vitae pellentesque sapien tempor. Sed accumsan consequat tortor, eget hendrerit lectus rhoncus nec. Mauris diam neque, congue ut laoreet a, hendrerit sit amet sem. Donec eget diam orci, ac vehicula orci. Ut sollicitudin ultricies arcu ut faucibus. Nulla felis nisl, auctor eget adipiscing sit amet, sagittis et est. Cras elit nisi, placerat quis tincidunt at, dapibus et arcu. Donec fermentum eleifend pretium. Nullam at posuere nulla. Phasellus at urna a arcu aliquam ullamcorper eget et ligula.
|
||||
|
||||
Curabitur fermentum libero vitae libero mattis pulvinar. Vivamus luctus laoreet vulputate. Nunc dictum eros a nulla fringilla quis vestibulum ante malesuada. Suspendisse aliquam vulputate consequat. Duis eu sem eu justo convallis dictum sed ut arcu. Mauris porttitor nulla a augue iaculis posuere euismod mi scelerisque. Maecenas sodales nisi eu turpis fermentum dapibus. Morbi viverra iaculis magna, sed congue justo semper at. Nunc in mi enim. Ut aliquam mi et ligula molestie ac bibendum leo egestas. Nullam molestie, urna ac interdum auctor, dolor diam aliquam ligula, vitae gravida mi orci a tortor. Donec et felis turpis, id lobortis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer feugiat sagittis dictum. Donec mauris ante, feugiat sed ultricies ut, elementum a purus. Sed porta lectus et sem blandit vehicula.
|
||||
Curabitur fermentum libero vitae libero mattis pulvinar. Vivamus luctus laoreet vulputate. Nunc dictum eros a nulla fringilla quis vestibulum ante malesuada. Suspendisse aliquam vulputate consequat. Duis eu sem eu justo convallis dictum sed ut arcu. Mauris porttitor nulla a augue iaculis posuere euismod mi scelerisque. Maecenas sodales nisi eu turpis fermentum dapibus. Morbi viverra iaculis magna, sed congue justo semper at. Nunc in mi enim. Ut aliquam mi et ligula molestie ac bibendum leo egestas. Nullam molestie, urna ac interdum auctor, dolor diam aliquam ligula, vitae gravida mi orci a tortor. Donec et felis turpis, id lobortis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer feugiat sagittis dictum. Donec mauris ante, feugiat sed ultricies ut, elementum a purus. Sed porta lectus et sem blandit vehicula.
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc volutpat feugiat fermentum. Curabitur luctus consequat urna a tincidunt. Nullam vitae velit eu arcu congue volutpat in a diam. Pellentesque lacus ipsum, gravida et tristique sit amet, varius eu ipsum. Duis venenatis sem id nibh commodo tempor. Curabitur risus tellus, cursus quis pellentesque sed, elementum eget neque. Sed ultricies, orci et adipiscing dapibus, mauris nisi condimentum felis, ac euismod tellus nunc vel felis. Aliquam egestas accumsan turpis, a volutpat dui fermentum id. Aliquam erat volutpat. Nunc vel auctor odio. Donec eu posuere dolor. Donec vitae justo purus, nec bibendum lectus. Quisque elit tortor, tristique vel ultricies sed, euismod sed tellus. Nullam dolor purus, porta et hendrerit id, rhoncus eu lectus. Nam vel lorem at dui mattis pretium eget a nisi.
|
||||
|
||||
|
|
@ -20,7 +20,7 @@ Nunc gravida massa quis nisl venenatis interdum. Integer non dui tortor, non vol
|
|||
|
||||
Cras ullamcorper vestibulum eros nec suscipit. Vivamus tincidunt, metus at tristique sodales, metus massa sagittis elit, eu scelerisque tortor ante ut sapien. Curabitur rutrum fringilla purus, eget commodo neque tincidunt ut. Etiam ac leo sed nisi ultricies ultrices sed in urna. Fusce blandit fermentum ipsum, vitae dapibus eros tempus vel. Praesent ullamcorper nulla sed nisl facilisis aliquam. Mauris consequat dui quis elit pulvinar vitae pellentesque sapien tempor. Sed accumsan consequat tortor, eget hendrerit lectus rhoncus nec. Mauris diam neque, congue ut laoreet a, hendrerit sit amet sem. Donec eget diam orci, ac vehicula orci. Ut sollicitudin ultricies arcu ut faucibus. Nulla felis nisl, auctor eget adipiscing sit amet, sagittis et est. Cras elit nisi, placerat quis tincidunt at, dapibus et arcu. Donec fermentum eleifend pretium. Nullam at posuere nulla. Phasellus at urna a arcu aliquam ullamcorper eget et ligula.
|
||||
|
||||
Curabitur fermentum libero vitae libero mattis pulvinar. Vivamus luctus laoreet vulputate. Nunc dictum eros a nulla fringilla quis vestibulum ante malesuada. Suspendisse aliquam vulputate consequat. Duis eu sem eu justo convallis dictum sed ut arcu. Mauris porttitor nulla a augue iaculis posuere euismod mi scelerisque. Maecenas sodales nisi eu turpis fermentum dapibus. Morbi viverra iaculis magna, sed congue justo semper at. Nunc in mi enim. Ut aliquam mi et ligula molestie ac bibendum leo egestas. Nullam molestie, urna ac interdum auctor, dolor diam aliquam ligula, vitae gravida mi orci a tortor. Donec et felis turpis, id lobortis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer feugiat sagittis dictum. Donec mauris ante, feugiat sed ultricies ut, elementum a purus. Sed porta lectus et sem blandit vehicula.
|
||||
Curabitur fermentum libero vitae libero mattis pulvinar. Vivamus luctus laoreet vulputate. Nunc dictum eros a nulla fringilla quis vestibulum ante malesuada. Suspendisse aliquam vulputate consequat. Duis eu sem eu justo convallis dictum sed ut arcu. Mauris porttitor nulla a augue iaculis posuere euismod mi scelerisque. Maecenas sodales nisi eu turpis fermentum dapibus. Morbi viverra iaculis magna, sed congue justo semper at. Nunc in mi enim. Ut aliquam mi et ligula molestie ac bibendum leo egestas. Nullam molestie, urna ac interdum auctor, dolor diam aliquam ligula, vitae gravida mi orci a tortor. Donec et felis turpis, id lobortis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer feugiat sagittis dictum. Donec mauris ante, feugiat sed ultricies ut, elementum a purus. Sed porta lectus et sem blandit vehicula.
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc volutpat feugiat fermentum. Curabitur luctus consequat urna a tincidunt. Nullam vitae velit eu arcu congue volutpat in a diam. Pellentesque lacus ipsum, gravida et tristique sit amet, varius eu ipsum. Duis venenatis sem id nibh commodo tempor. Curabitur risus tellus, cursus quis pellentesque sed, elementum eget neque. Sed ultricies, orci et adipiscing dapibus, mauris nisi condimentum felis, ac euismod tellus nunc vel felis. Aliquam egestas accumsan turpis, a volutpat dui fermentum id. Aliquam erat volutpat. Nunc vel auctor odio. Donec eu posuere dolor. Donec vitae justo purus, nec bibendum lectus. Quisque elit tortor, tristique vel ultricies sed, euismod sed tellus. Nullam dolor purus, porta et hendrerit id, rhoncus eu lectus. Nam vel lorem at dui mattis pretium eget a nisi.
|
||||
|
||||
|
|
@ -30,7 +30,7 @@ Nunc gravida massa quis nisl venenatis interdum. Integer non dui tortor, non vol
|
|||
|
||||
Cras ullamcorper vestibulum eros nec suscipit. Vivamus tincidunt, metus at tristique sodales, metus massa sagittis elit, eu scelerisque tortor ante ut sapien. Curabitur rutrum fringilla purus, eget commodo neque tincidunt ut. Etiam ac leo sed nisi ultricies ultrices sed in urna. Fusce blandit fermentum ipsum, vitae dapibus eros tempus vel. Praesent ullamcorper nulla sed nisl facilisis aliquam. Mauris consequat dui quis elit pulvinar vitae pellentesque sapien tempor. Sed accumsan consequat tortor, eget hendrerit lectus rhoncus nec. Mauris diam neque, congue ut laoreet a, hendrerit sit amet sem. Donec eget diam orci, ac vehicula orci. Ut sollicitudin ultricies arcu ut faucibus. Nulla felis nisl, auctor eget adipiscing sit amet, sagittis et est. Cras elit nisi, placerat quis tincidunt at, dapibus et arcu. Donec fermentum eleifend pretium. Nullam at posuere nulla. Phasellus at urna a arcu aliquam ullamcorper eget et ligula.
|
||||
|
||||
Curabitur fermentum libero vitae libero mattis pulvinar. Vivamus luctus laoreet vulputate. Nunc dictum eros a nulla fringilla quis vestibulum ante malesuada. Suspendisse aliquam vulputate consequat. Duis eu sem eu justo convallis dictum sed ut arcu. Mauris porttitor nulla a augue iaculis posuere euismod mi scelerisque. Maecenas sodales nisi eu turpis fermentum dapibus. Morbi viverra iaculis magna, sed congue justo semper at. Nunc in mi enim. Ut aliquam mi et ligula molestie ac bibendum leo egestas. Nullam molestie, urna ac interdum auctor, dolor diam aliquam ligula, vitae gravida mi orci a tortor. Donec et felis turpis, id lobortis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer feugiat sagittis dictum. Donec mauris ante, feugiat sed ultricies ut, elementum a purus. Sed porta lectus et sem blandit vehicula.
|
||||
Curabitur fermentum libero vitae libero mattis pulvinar. Vivamus luctus laoreet vulputate. Nunc dictum eros a nulla fringilla quis vestibulum ante malesuada. Suspendisse aliquam vulputate consequat. Duis eu sem eu justo convallis dictum sed ut arcu. Mauris porttitor nulla a augue iaculis posuere euismod mi scelerisque. Maecenas sodales nisi eu turpis fermentum dapibus. Morbi viverra iaculis magna, sed congue justo semper at. Nunc in mi enim. Ut aliquam mi et ligula molestie ac bibendum leo egestas. Nullam molestie, urna ac interdum auctor, dolor diam aliquam ligula, vitae gravida mi orci a tortor. Donec et felis turpis, id lobortis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer feugiat sagittis dictum. Donec mauris ante, feugiat sed ultricies ut, elementum a purus. Sed porta lectus et sem blandit vehicula.
|
||||
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@ Nunc gravida massa quis nisl venenatis interdum. Integer non dui tortor, non vol
|
|||
|
||||
Cras ullamcorper vestibulum eros nec suscipit. Vivamus tincidunt, metus at tristique sodales, metus massa sagittis elit, eu scelerisque tortor ante ut sapien. Curabitur rutrum fringilla purus, eget commodo neque tincidunt ut. Etiam ac leo sed nisi ultricies ultrices sed in urna. Fusce blandit fermentum ipsum, vitae dapibus eros tempus vel. Praesent ullamcorper nulla sed nisl facilisis aliquam. Mauris consequat dui quis elit pulvinar vitae pellentesque sapien tempor. Sed accumsan consequat tortor, eget hendrerit lectus rhoncus nec. Mauris diam neque, congue ut laoreet a, hendrerit sit amet sem. Donec eget diam orci, ac vehicula orci. Ut sollicitudin ultricies arcu ut faucibus. Nulla felis nisl, auctor eget adipiscing sit amet, sagittis et est. Cras elit nisi, placerat quis tincidunt at, dapibus et arcu. Donec fermentum eleifend pretium. Nullam at posuere nulla. Phasellus at urna a arcu aliquam ullamcorper eget et ligula.
|
||||
|
||||
Curabitur fermentum libero vitae libero mattis pulvinar. Vivamus luctus laoreet vulputate. Nunc dictum eros a nulla fringilla quis vestibulum ante malesuada. Suspendisse aliquam vulputate consequat. Duis eu sem eu justo convallis dictum sed ut arcu. Mauris porttitor nulla a augue iaculis posuere euismod mi scelerisque. Maecenas sodales nisi eu turpis fermentum dapibus. Morbi viverra iaculis magna, sed congue justo semper at. Nunc in mi enim. Ut aliquam mi et ligula molestie ac bibendum leo egestas. Nullam molestie, urna ac interdum auctor, dolor diam aliquam ligula, vitae gravida mi orci a tortor. Donec et felis turpis, id lobortis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer feugiat sagittis dictum. Donec mauris ante, feugiat sed ultricies ut, elementum a purus. Sed porta lectus et sem blandit vehicula.
|
||||
Curabitur fermentum libero vitae libero mattis pulvinar. Vivamus luctus laoreet vulputate. Nunc dictum eros a nulla fringilla quis vestibulum ante malesuada. Suspendisse aliquam vulputate consequat. Duis eu sem eu justo convallis dictum sed ut arcu. Mauris porttitor nulla a augue iaculis posuere euismod mi scelerisque. Maecenas sodales nisi eu turpis fermentum dapibus. Morbi viverra iaculis magna, sed congue justo semper at. Nunc in mi enim. Ut aliquam mi et ligula molestie ac bibendum leo egestas. Nullam molestie, urna ac interdum auctor, dolor diam aliquam ligula, vitae gravida mi orci a tortor. Donec et felis turpis, id lobortis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer feugiat sagittis dictum. Donec mauris ante, feugiat sed ultricies ut, elementum a purus. Sed porta lectus et sem blandit vehicula.
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc volutpat feugiat fermentum. Curabitur luctus consequat urna a tincidunt. Nullam vitae velit eu arcu congue volutpat in a diam. Pellentesque lacus ipsum, gravida et tristique sit amet, varius eu ipsum. Duis venenatis sem id nibh commodo tempor. Curabitur risus tellus, cursus quis pellentesque sed, elementum eget neque. Sed ultricies, orci et adipiscing dapibus, mauris nisi condimentum felis, ac euismod tellus nunc vel felis. Aliquam egestas accumsan turpis, a volutpat dui fermentum id. Aliquam erat volutpat. Nunc vel auctor odio. Donec eu posuere dolor. Donec vitae justo purus, nec bibendum lectus. Quisque elit tortor, tristique vel ultricies sed, euismod sed tellus. Nullam dolor purus, porta et hendrerit id, rhoncus eu lectus. Nam vel lorem at dui mattis pretium eget a nisi.
|
||||
|
||||
|
|
@ -20,7 +20,7 @@ Nunc gravida massa quis nisl venenatis interdum. Integer non dui tortor, non vol
|
|||
|
||||
Cras ullamcorper vestibulum eros nec suscipit. Vivamus tincidunt, metus at tristique sodales, metus massa sagittis elit, eu scelerisque tortor ante ut sapien. Curabitur rutrum fringilla purus, eget commodo neque tincidunt ut. Etiam ac leo sed nisi ultricies ultrices sed in urna. Fusce blandit fermentum ipsum, vitae dapibus eros tempus vel. Praesent ullamcorper nulla sed nisl facilisis aliquam. Mauris consequat dui quis elit pulvinar vitae pellentesque sapien tempor. Sed accumsan consequat tortor, eget hendrerit lectus rhoncus nec. Mauris diam neque, congue ut laoreet a, hendrerit sit amet sem. Donec eget diam orci, ac vehicula orci. Ut sollicitudin ultricies arcu ut faucibus. Nulla felis nisl, auctor eget adipiscing sit amet, sagittis et est. Cras elit nisi, placerat quis tincidunt at, dapibus et arcu. Donec fermentum eleifend pretium. Nullam at posuere nulla. Phasellus at urna a arcu aliquam ullamcorper eget et ligula.
|
||||
|
||||
Curabitur fermentum libero vitae libero mattis pulvinar. Vivamus luctus laoreet vulputate. Nunc dictum eros a nulla fringilla quis vestibulum ante malesuada. Suspendisse aliquam vulputate consequat. Duis eu sem eu justo convallis dictum sed ut arcu. Mauris porttitor nulla a augue iaculis posuere euismod mi scelerisque. Maecenas sodales nisi eu turpis fermentum dapibus. Morbi viverra iaculis magna, sed congue justo semper at. Nunc in mi enim. Ut aliquam mi et ligula molestie ac bibendum leo egestas. Nullam molestie, urna ac interdum auctor, dolor diam aliquam ligula, vitae gravida mi orci a tortor. Donec et felis turpis, id lobortis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer feugiat sagittis dictum. Donec mauris ante, feugiat sed ultricies ut, elementum a purus. Sed porta lectus et sem blandit vehicula.
|
||||
Curabitur fermentum libero vitae libero mattis pulvinar. Vivamus luctus laoreet vulputate. Nunc dictum eros a nulla fringilla quis vestibulum ante malesuada. Suspendisse aliquam vulputate consequat. Duis eu sem eu justo convallis dictum sed ut arcu. Mauris porttitor nulla a augue iaculis posuere euismod mi scelerisque. Maecenas sodales nisi eu turpis fermentum dapibus. Morbi viverra iaculis magna, sed congue justo semper at. Nunc in mi enim. Ut aliquam mi et ligula molestie ac bibendum leo egestas. Nullam molestie, urna ac interdum auctor, dolor diam aliquam ligula, vitae gravida mi orci a tortor. Donec et felis turpis, id lobortis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer feugiat sagittis dictum. Donec mauris ante, feugiat sed ultricies ut, elementum a purus. Sed porta lectus et sem blandit vehicula.
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc volutpat feugiat fermentum. Curabitur luctus consequat urna a tincidunt. Nullam vitae velit eu arcu congue volutpat in a diam. Pellentesque lacus ipsum, gravida et tristique sit amet, varius eu ipsum. Duis venenatis sem id nibh commodo tempor. Curabitur risus tellus, cursus quis pellentesque sed, elementum eget neque. Sed ultricies, orci et adipiscing dapibus, mauris nisi condimentum felis, ac euismod tellus nunc vel felis. Aliquam egestas accumsan turpis, a volutpat dui fermentum id. Aliquam erat volutpat. Nunc vel auctor odio. Donec eu posuere dolor. Donec vitae justo purus, nec bibendum lectus. Quisque elit tortor, tristique vel ultricies sed, euismod sed tellus. Nullam dolor purus, porta et hendrerit id, rhoncus eu lectus. Nam vel lorem at dui mattis pretium eget a nisi.
|
||||
|
||||
|
|
@ -30,7 +30,7 @@ Nunc gravida massa quis nisl venenatis interdum. Integer non dui tortor, non vol
|
|||
|
||||
Cras ullamcorper vestibulum eros nec suscipit. Vivamus tincidunt, metus at tristique sodales, metus massa sagittis elit, eu scelerisque tortor ante ut sapien. Curabitur rutrum fringilla purus, eget commodo neque tincidunt ut. Etiam ac leo sed nisi ultricies ultrices sed in urna. Fusce blandit fermentum ipsum, vitae dapibus eros tempus vel. Praesent ullamcorper nulla sed nisl facilisis aliquam. Mauris consequat dui quis elit pulvinar vitae pellentesque sapien tempor. Sed accumsan consequat tortor, eget hendrerit lectus rhoncus nec. Mauris diam neque, congue ut laoreet a, hendrerit sit amet sem. Donec eget diam orci, ac vehicula orci. Ut sollicitudin ultricies arcu ut faucibus. Nulla felis nisl, auctor eget adipiscing sit amet, sagittis et est. Cras elit nisi, placerat quis tincidunt at, dapibus et arcu. Donec fermentum eleifend pretium. Nullam at posuere nulla. Phasellus at urna a arcu aliquam ullamcorper eget et ligula.
|
||||
|
||||
Curabitur fermentum libero vitae libero mattis pulvinar. Vivamus luctus laoreet vulputate. Nunc dictum eros a nulla fringilla quis vestibulum ante malesuada. Suspendisse aliquam vulputate consequat. Duis eu sem eu justo convallis dictum sed ut arcu. Mauris porttitor nulla a augue iaculis posuere euismod mi scelerisque. Maecenas sodales nisi eu turpis fermentum dapibus. Morbi viverra iaculis magna, sed congue justo semper at. Nunc in mi enim. Ut aliquam mi et ligula molestie ac bibendum leo egestas. Nullam molestie, urna ac interdum auctor, dolor diam aliquam ligula, vitae gravida mi orci a tortor. Donec et felis turpis, id lobortis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer feugiat sagittis dictum. Donec mauris ante, feugiat sed ultricies ut, elementum a purus. Sed porta lectus et sem blandit vehicula.
|
||||
Curabitur fermentum libero vitae libero mattis pulvinar. Vivamus luctus laoreet vulputate. Nunc dictum eros a nulla fringilla quis vestibulum ante malesuada. Suspendisse aliquam vulputate consequat. Duis eu sem eu justo convallis dictum sed ut arcu. Mauris porttitor nulla a augue iaculis posuere euismod mi scelerisque. Maecenas sodales nisi eu turpis fermentum dapibus. Morbi viverra iaculis magna, sed congue justo semper at. Nunc in mi enim. Ut aliquam mi et ligula molestie ac bibendum leo egestas. Nullam molestie, urna ac interdum auctor, dolor diam aliquam ligula, vitae gravida mi orci a tortor. Donec et felis turpis, id lobortis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer feugiat sagittis dictum. Donec mauris ante, feugiat sed ultricies ut, elementum a purus. Sed porta lectus et sem blandit vehicula.
|
||||
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -15,23 +15,23 @@ var longcat_mid = longcats[1];
|
|||
var longcat_bot = longcats[2];
|
||||
|
||||
function wait_for_img_load(f) {
|
||||
if (longcat_top.width != 0 && longcat_mid.width != 0 && longcat_bot.width != 0) {
|
||||
f();
|
||||
} else {
|
||||
window.setTimeout(function() { wait_for_img_load(f) }, 1);
|
||||
}
|
||||
if (longcat_top.width != 0 && longcat_mid.width != 0 && longcat_bot.width != 0) {
|
||||
f();
|
||||
} else {
|
||||
window.setTimeout(function() { wait_for_img_load(f) }, 1);
|
||||
}
|
||||
}
|
||||
|
||||
wait_for_img_load(function() {
|
||||
var count = 0;
|
||||
function elongate() {
|
||||
var height = Math.round((Math.cos(count + Math.PI) + 1) * 100 + 20);
|
||||
count += 0.2;
|
||||
longcat_mid.height = height;
|
||||
longcat_mid.width = 600;
|
||||
window.setTimeout(function() { elongate() }, 50);
|
||||
}
|
||||
elongate();
|
||||
var count = 0;
|
||||
function elongate() {
|
||||
var height = Math.round((Math.cos(count + Math.PI) + 1) * 100 + 20);
|
||||
count += 0.2;
|
||||
longcat_mid.height = height;
|
||||
longcat_mid.width = 600;
|
||||
window.setTimeout(function() { elongate() }, 50);
|
||||
}
|
||||
elongate();
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@ Nunc gravida massa quis nisl venenatis interdum. Integer non dui tortor, non vol
|
|||
|
||||
Cras ullamcorper vestibulum eros nec suscipit. Vivamus tincidunt, metus at tristique sodales, metus massa sagittis elit, eu scelerisque tortor ante ut sapien. Curabitur rutrum fringilla purus, eget commodo neque tincidunt ut. Etiam ac leo sed nisi ultricies ultrices sed in urna. Fusce blandit fermentum ipsum, vitae dapibus eros tempus vel. Praesent ullamcorper nulla sed nisl facilisis aliquam. Mauris consequat dui quis elit pulvinar vitae pellentesque sapien tempor. Sed accumsan consequat tortor, eget hendrerit lectus rhoncus nec. Mauris diam neque, congue ut laoreet a, hendrerit sit amet sem. Donec eget diam orci, ac vehicula orci. Ut sollicitudin ultricies arcu ut faucibus. Nulla felis nisl, auctor eget adipiscing sit amet, sagittis et est. Cras elit nisi, placerat quis tincidunt at, dapibus et arcu. Donec fermentum eleifend pretium. Nullam at posuere nulla. Phasellus at urna a arcu aliquam ullamcorper eget et ligula.
|
||||
|
||||
Curabitur fermentum libero vitae libero mattis pulvinar. Vivamus luctus laoreet vulputate. Nunc dictum eros a nulla fringilla quis vestibulum ante malesuada. Suspendisse aliquam vulputate consequat. Duis eu sem eu justo convallis dictum sed ut arcu. Mauris porttitor nulla a augue iaculis posuere euismod mi scelerisque. Maecenas sodales nisi eu turpis fermentum dapibus. Morbi viverra iaculis magna, sed congue justo semper at. Nunc in mi enim. Ut aliquam mi et ligula molestie ac bibendum leo egestas. Nullam molestie, urna ac interdum auctor, dolor diam aliquam ligula, vitae gravida mi orci a tortor. Donec et felis turpis, id lobortis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer feugiat sagittis dictum. Donec mauris ante, feugiat sed ultricies ut, elementum a purus. Sed porta lectus et sem blandit vehicula.
|
||||
Curabitur fermentum libero vitae libero mattis pulvinar. Vivamus luctus laoreet vulputate. Nunc dictum eros a nulla fringilla quis vestibulum ante malesuada. Suspendisse aliquam vulputate consequat. Duis eu sem eu justo convallis dictum sed ut arcu. Mauris porttitor nulla a augue iaculis posuere euismod mi scelerisque. Maecenas sodales nisi eu turpis fermentum dapibus. Morbi viverra iaculis magna, sed congue justo semper at. Nunc in mi enim. Ut aliquam mi et ligula molestie ac bibendum leo egestas. Nullam molestie, urna ac interdum auctor, dolor diam aliquam ligula, vitae gravida mi orci a tortor. Donec et felis turpis, id lobortis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer feugiat sagittis dictum. Donec mauris ante, feugiat sed ultricies ut, elementum a purus. Sed porta lectus et sem blandit vehicula.
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc volutpat feugiat fermentum. Curabitur luctus consequat urna a tincidunt. Nullam vitae velit eu arcu congue volutpat in a diam. Pellentesque lacus ipsum, gravida et tristique sit amet, varius eu ipsum. Duis venenatis sem id nibh commodo tempor. Curabitur risus tellus, cursus quis pellentesque sed, elementum eget neque. Sed ultricies, orci et adipiscing dapibus, mauris nisi condimentum felis, ac euismod tellus nunc vel felis. Aliquam egestas accumsan turpis, a volutpat dui fermentum id. Aliquam erat volutpat. Nunc vel auctor odio. Donec eu posuere dolor. Donec vitae justo purus, nec bibendum lectus. Quisque elit tortor, tristique vel ultricies sed, euismod sed tellus. Nullam dolor purus, porta et hendrerit id, rhoncus eu lectus. Nam vel lorem at dui mattis pretium eget a nisi.
|
||||
|
||||
|
|
@ -20,7 +20,7 @@ Nunc gravida massa quis nisl venenatis interdum. Integer non dui tortor, non vol
|
|||
|
||||
Cras ullamcorper vestibulum eros nec suscipit. Vivamus tincidunt, metus at tristique sodales, metus massa sagittis elit, eu scelerisque tortor ante ut sapien. Curabitur rutrum fringilla purus, eget commodo neque tincidunt ut. Etiam ac leo sed nisi ultricies ultrices sed in urna. Fusce blandit fermentum ipsum, vitae dapibus eros tempus vel. Praesent ullamcorper nulla sed nisl facilisis aliquam. Mauris consequat dui quis elit pulvinar vitae pellentesque sapien tempor. Sed accumsan consequat tortor, eget hendrerit lectus rhoncus nec. Mauris diam neque, congue ut laoreet a, hendrerit sit amet sem. Donec eget diam orci, ac vehicula orci. Ut sollicitudin ultricies arcu ut faucibus. Nulla felis nisl, auctor eget adipiscing sit amet, sagittis et est. Cras elit nisi, placerat quis tincidunt at, dapibus et arcu. Donec fermentum eleifend pretium. Nullam at posuere nulla. Phasellus at urna a arcu aliquam ullamcorper eget et ligula.
|
||||
|
||||
Curabitur fermentum libero vitae libero mattis pulvinar. Vivamus luctus laoreet vulputate. Nunc dictum eros a nulla fringilla quis vestibulum ante malesuada. Suspendisse aliquam vulputate consequat. Duis eu sem eu justo convallis dictum sed ut arcu. Mauris porttitor nulla a augue iaculis posuere euismod mi scelerisque. Maecenas sodales nisi eu turpis fermentum dapibus. Morbi viverra iaculis magna, sed congue justo semper at. Nunc in mi enim. Ut aliquam mi et ligula molestie ac bibendum leo egestas. Nullam molestie, urna ac interdum auctor, dolor diam aliquam ligula, vitae gravida mi orci a tortor. Donec et felis turpis, id lobortis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer feugiat sagittis dictum. Donec mauris ante, feugiat sed ultricies ut, elementum a purus. Sed porta lectus et sem blandit vehicula.
|
||||
Curabitur fermentum libero vitae libero mattis pulvinar. Vivamus luctus laoreet vulputate. Nunc dictum eros a nulla fringilla quis vestibulum ante malesuada. Suspendisse aliquam vulputate consequat. Duis eu sem eu justo convallis dictum sed ut arcu. Mauris porttitor nulla a augue iaculis posuere euismod mi scelerisque. Maecenas sodales nisi eu turpis fermentum dapibus. Morbi viverra iaculis magna, sed congue justo semper at. Nunc in mi enim. Ut aliquam mi et ligula molestie ac bibendum leo egestas. Nullam molestie, urna ac interdum auctor, dolor diam aliquam ligula, vitae gravida mi orci a tortor. Donec et felis turpis, id lobortis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer feugiat sagittis dictum. Donec mauris ante, feugiat sed ultricies ut, elementum a purus. Sed porta lectus et sem blandit vehicula.
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc volutpat feugiat fermentum. Curabitur luctus consequat urna a tincidunt. Nullam vitae velit eu arcu congue volutpat in a diam. Pellentesque lacus ipsum, gravida et tristique sit amet, varius eu ipsum. Duis venenatis sem id nibh commodo tempor. Curabitur risus tellus, cursus quis pellentesque sed, elementum eget neque. Sed ultricies, orci et adipiscing dapibus, mauris nisi condimentum felis, ac euismod tellus nunc vel felis. Aliquam egestas accumsan turpis, a volutpat dui fermentum id. Aliquam erat volutpat. Nunc vel auctor odio. Donec eu posuere dolor. Donec vitae justo purus, nec bibendum lectus. Quisque elit tortor, tristique vel ultricies sed, euismod sed tellus. Nullam dolor purus, porta et hendrerit id, rhoncus eu lectus. Nam vel lorem at dui mattis pretium eget a nisi.
|
||||
|
||||
|
|
@ -30,7 +30,7 @@ Nunc gravida massa quis nisl venenatis interdum. Integer non dui tortor, non vol
|
|||
|
||||
Cras ullamcorper vestibulum eros nec suscipit. Vivamus tincidunt, metus at tristique sodales, metus massa sagittis elit, eu scelerisque tortor ante ut sapien. Curabitur rutrum fringilla purus, eget commodo neque tincidunt ut. Etiam ac leo sed nisi ultricies ultrices sed in urna. Fusce blandit fermentum ipsum, vitae dapibus eros tempus vel. Praesent ullamcorper nulla sed nisl facilisis aliquam. Mauris consequat dui quis elit pulvinar vitae pellentesque sapien tempor. Sed accumsan consequat tortor, eget hendrerit lectus rhoncus nec. Mauris diam neque, congue ut laoreet a, hendrerit sit amet sem. Donec eget diam orci, ac vehicula orci. Ut sollicitudin ultricies arcu ut faucibus. Nulla felis nisl, auctor eget adipiscing sit amet, sagittis et est. Cras elit nisi, placerat quis tincidunt at, dapibus et arcu. Donec fermentum eleifend pretium. Nullam at posuere nulla. Phasellus at urna a arcu aliquam ullamcorper eget et ligula.
|
||||
|
||||
Curabitur fermentum libero vitae libero mattis pulvinar. Vivamus luctus laoreet vulputate. Nunc dictum eros a nulla fringilla quis vestibulum ante malesuada. Suspendisse aliquam vulputate consequat. Duis eu sem eu justo convallis dictum sed ut arcu. Mauris porttitor nulla a augue iaculis posuere euismod mi scelerisque. Maecenas sodales nisi eu turpis fermentum dapibus. Morbi viverra iaculis magna, sed congue justo semper at. Nunc in mi enim. Ut aliquam mi et ligula molestie ac bibendum leo egestas. Nullam molestie, urna ac interdum auctor, dolor diam aliquam ligula, vitae gravida mi orci a tortor. Donec et felis turpis, id lobortis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer feugiat sagittis dictum. Donec mauris ante, feugiat sed ultricies ut, elementum a purus. Sed porta lectus et sem blandit vehicula.
|
||||
Curabitur fermentum libero vitae libero mattis pulvinar. Vivamus luctus laoreet vulputate. Nunc dictum eros a nulla fringilla quis vestibulum ante malesuada. Suspendisse aliquam vulputate consequat. Duis eu sem eu justo convallis dictum sed ut arcu. Mauris porttitor nulla a augue iaculis posuere euismod mi scelerisque. Maecenas sodales nisi eu turpis fermentum dapibus. Morbi viverra iaculis magna, sed congue justo semper at. Nunc in mi enim. Ut aliquam mi et ligula molestie ac bibendum leo egestas. Nullam molestie, urna ac interdum auctor, dolor diam aliquam ligula, vitae gravida mi orci a tortor. Donec et felis turpis, id lobortis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer feugiat sagittis dictum. Donec mauris ante, feugiat sed ultricies ut, elementum a purus. Sed porta lectus et sem blandit vehicula.
|
||||
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@ Nunc gravida massa quis nisl venenatis interdum. Integer non dui tortor, non vol
|
|||
|
||||
Cras ullamcorper vestibulum eros nec suscipit. Vivamus tincidunt, metus at tristique sodales, metus massa sagittis elit, eu scelerisque tortor ante ut sapien. Curabitur rutrum fringilla purus, eget commodo neque tincidunt ut. Etiam ac leo sed nisi ultricies ultrices sed in urna. Fusce blandit fermentum ipsum, vitae dapibus eros tempus vel. Praesent ullamcorper nulla sed nisl facilisis aliquam. Mauris consequat dui quis elit pulvinar vitae pellentesque sapien tempor. Sed accumsan consequat tortor, eget hendrerit lectus rhoncus nec. Mauris diam neque, congue ut laoreet a, hendrerit sit amet sem. Donec eget diam orci, ac vehicula orci. Ut sollicitudin ultricies arcu ut faucibus. Nulla felis nisl, auctor eget adipiscing sit amet, sagittis et est. Cras elit nisi, placerat quis tincidunt at, dapibus et arcu. Donec fermentum eleifend pretium. Nullam at posuere nulla. Phasellus at urna a arcu aliquam ullamcorper eget et ligula.
|
||||
|
||||
Curabitur fermentum libero vitae libero mattis pulvinar. Vivamus luctus laoreet vulputate. Nunc dictum eros a nulla fringilla quis vestibulum ante malesuada. Suspendisse aliquam vulputate consequat. Duis eu sem eu justo convallis dictum sed ut arcu. Mauris porttitor nulla a augue iaculis posuere euismod mi scelerisque. Maecenas sodales nisi eu turpis fermentum dapibus. Morbi viverra iaculis magna, sed congue justo semper at. Nunc in mi enim. Ut aliquam mi et ligula molestie ac bibendum leo egestas. Nullam molestie, urna ac interdum auctor, dolor diam aliquam ligula, vitae gravida mi orci a tortor. Donec et felis turpis, id lobortis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer feugiat sagittis dictum. Donec mauris ante, feugiat sed ultricies ut, elementum a purus. Sed porta lectus et sem blandit vehicula.
|
||||
Curabitur fermentum libero vitae libero mattis pulvinar. Vivamus luctus laoreet vulputate. Nunc dictum eros a nulla fringilla quis vestibulum ante malesuada. Suspendisse aliquam vulputate consequat. Duis eu sem eu justo convallis dictum sed ut arcu. Mauris porttitor nulla a augue iaculis posuere euismod mi scelerisque. Maecenas sodales nisi eu turpis fermentum dapibus. Morbi viverra iaculis magna, sed congue justo semper at. Nunc in mi enim. Ut aliquam mi et ligula molestie ac bibendum leo egestas. Nullam molestie, urna ac interdum auctor, dolor diam aliquam ligula, vitae gravida mi orci a tortor. Donec et felis turpis, id lobortis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer feugiat sagittis dictum. Donec mauris ante, feugiat sed ultricies ut, elementum a purus. Sed porta lectus et sem blandit vehicula.
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc volutpat feugiat fermentum. Curabitur luctus consequat urna a tincidunt. Nullam vitae velit eu arcu congue volutpat in a diam. Pellentesque lacus ipsum, gravida et tristique sit amet, varius eu ipsum. Duis venenatis sem id nibh commodo tempor. Curabitur risus tellus, cursus quis pellentesque sed, elementum eget neque. Sed ultricies, orci et adipiscing dapibus, mauris nisi condimentum felis, ac euismod tellus nunc vel felis. Aliquam egestas accumsan turpis, a volutpat dui fermentum id. Aliquam erat volutpat. Nunc vel auctor odio. Donec eu posuere dolor. Donec vitae justo purus, nec bibendum lectus. Quisque elit tortor, tristique vel ultricies sed, euismod sed tellus. Nullam dolor purus, porta et hendrerit id, rhoncus eu lectus. Nam vel lorem at dui mattis pretium eget a nisi.
|
||||
|
||||
|
|
@ -20,7 +20,7 @@ Nunc gravida massa quis nisl venenatis interdum. Integer non dui tortor, non vol
|
|||
|
||||
Cras ullamcorper vestibulum eros nec suscipit. Vivamus tincidunt, metus at tristique sodales, metus massa sagittis elit, eu scelerisque tortor ante ut sapien. Curabitur rutrum fringilla purus, eget commodo neque tincidunt ut. Etiam ac leo sed nisi ultricies ultrices sed in urna. Fusce blandit fermentum ipsum, vitae dapibus eros tempus vel. Praesent ullamcorper nulla sed nisl facilisis aliquam. Mauris consequat dui quis elit pulvinar vitae pellentesque sapien tempor. Sed accumsan consequat tortor, eget hendrerit lectus rhoncus nec. Mauris diam neque, congue ut laoreet a, hendrerit sit amet sem. Donec eget diam orci, ac vehicula orci. Ut sollicitudin ultricies arcu ut faucibus. Nulla felis nisl, auctor eget adipiscing sit amet, sagittis et est. Cras elit nisi, placerat quis tincidunt at, dapibus et arcu. Donec fermentum eleifend pretium. Nullam at posuere nulla. Phasellus at urna a arcu aliquam ullamcorper eget et ligula.
|
||||
|
||||
Curabitur fermentum libero vitae libero mattis pulvinar. Vivamus luctus laoreet vulputate. Nunc dictum eros a nulla fringilla quis vestibulum ante malesuada. Suspendisse aliquam vulputate consequat. Duis eu sem eu justo convallis dictum sed ut arcu. Mauris porttitor nulla a augue iaculis posuere euismod mi scelerisque. Maecenas sodales nisi eu turpis fermentum dapibus. Morbi viverra iaculis magna, sed congue justo semper at. Nunc in mi enim. Ut aliquam mi et ligula molestie ac bibendum leo egestas. Nullam molestie, urna ac interdum auctor, dolor diam aliquam ligula, vitae gravida mi orci a tortor. Donec et felis turpis, id lobortis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer feugiat sagittis dictum. Donec mauris ante, feugiat sed ultricies ut, elementum a purus. Sed porta lectus et sem blandit vehicula.
|
||||
Curabitur fermentum libero vitae libero mattis pulvinar. Vivamus luctus laoreet vulputate. Nunc dictum eros a nulla fringilla quis vestibulum ante malesuada. Suspendisse aliquam vulputate consequat. Duis eu sem eu justo convallis dictum sed ut arcu. Mauris porttitor nulla a augue iaculis posuere euismod mi scelerisque. Maecenas sodales nisi eu turpis fermentum dapibus. Morbi viverra iaculis magna, sed congue justo semper at. Nunc in mi enim. Ut aliquam mi et ligula molestie ac bibendum leo egestas. Nullam molestie, urna ac interdum auctor, dolor diam aliquam ligula, vitae gravida mi orci a tortor. Donec et felis turpis, id lobortis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer feugiat sagittis dictum. Donec mauris ante, feugiat sed ultricies ut, elementum a purus. Sed porta lectus et sem blandit vehicula.
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc volutpat feugiat fermentum. Curabitur luctus consequat urna a tincidunt. Nullam vitae velit eu arcu congue volutpat in a diam. Pellentesque lacus ipsum, gravida et tristique sit amet, varius eu ipsum. Duis venenatis sem id nibh commodo tempor. Curabitur risus tellus, cursus quis pellentesque sed, elementum eget neque. Sed ultricies, orci et adipiscing dapibus, mauris nisi condimentum felis, ac euismod tellus nunc vel felis. Aliquam egestas accumsan turpis, a volutpat dui fermentum id. Aliquam erat volutpat. Nunc vel auctor odio. Donec eu posuere dolor. Donec vitae justo purus, nec bibendum lectus. Quisque elit tortor, tristique vel ultricies sed, euismod sed tellus. Nullam dolor purus, porta et hendrerit id, rhoncus eu lectus. Nam vel lorem at dui mattis pretium eget a nisi.
|
||||
|
||||
|
|
@ -30,7 +30,7 @@ Nunc gravida massa quis nisl venenatis interdum. Integer non dui tortor, non vol
|
|||
|
||||
Cras ullamcorper vestibulum eros nec suscipit. Vivamus tincidunt, metus at tristique sodales, metus massa sagittis elit, eu scelerisque tortor ante ut sapien. Curabitur rutrum fringilla purus, eget commodo neque tincidunt ut. Etiam ac leo sed nisi ultricies ultrices sed in urna. Fusce blandit fermentum ipsum, vitae dapibus eros tempus vel. Praesent ullamcorper nulla sed nisl facilisis aliquam. Mauris consequat dui quis elit pulvinar vitae pellentesque sapien tempor. Sed accumsan consequat tortor, eget hendrerit lectus rhoncus nec. Mauris diam neque, congue ut laoreet a, hendrerit sit amet sem. Donec eget diam orci, ac vehicula orci. Ut sollicitudin ultricies arcu ut faucibus. Nulla felis nisl, auctor eget adipiscing sit amet, sagittis et est. Cras elit nisi, placerat quis tincidunt at, dapibus et arcu. Donec fermentum eleifend pretium. Nullam at posuere nulla. Phasellus at urna a arcu aliquam ullamcorper eget et ligula.
|
||||
|
||||
Curabitur fermentum libero vitae libero mattis pulvinar. Vivamus luctus laoreet vulputate. Nunc dictum eros a nulla fringilla quis vestibulum ante malesuada. Suspendisse aliquam vulputate consequat. Duis eu sem eu justo convallis dictum sed ut arcu. Mauris porttitor nulla a augue iaculis posuere euismod mi scelerisque. Maecenas sodales nisi eu turpis fermentum dapibus. Morbi viverra iaculis magna, sed congue justo semper at. Nunc in mi enim. Ut aliquam mi et ligula molestie ac bibendum leo egestas. Nullam molestie, urna ac interdum auctor, dolor diam aliquam ligula, vitae gravida mi orci a tortor. Donec et felis turpis, id lobortis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer feugiat sagittis dictum. Donec mauris ante, feugiat sed ultricies ut, elementum a purus. Sed porta lectus et sem blandit vehicula.
|
||||
Curabitur fermentum libero vitae libero mattis pulvinar. Vivamus luctus laoreet vulputate. Nunc dictum eros a nulla fringilla quis vestibulum ante malesuada. Suspendisse aliquam vulputate consequat. Duis eu sem eu justo convallis dictum sed ut arcu. Mauris porttitor nulla a augue iaculis posuere euismod mi scelerisque. Maecenas sodales nisi eu turpis fermentum dapibus. Morbi viverra iaculis magna, sed congue justo semper at. Nunc in mi enim. Ut aliquam mi et ligula molestie ac bibendum leo egestas. Nullam molestie, urna ac interdum auctor, dolor diam aliquam ligula, vitae gravida mi orci a tortor. Donec et felis turpis, id lobortis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer feugiat sagittis dictum. Donec mauris ante, feugiat sed ultricies ut, elementum a purus. Sed porta lectus et sem blandit vehicula.
|
||||
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Dashboard Page</title>
|
||||
<meta charset="UTF-8">
|
||||
<title>Dashboard Page</title>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
|
|
@ -11,4 +11,4 @@
|
|||
<a href="http://github.com/servo/servo">Servo Project</a>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,13 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Servo Browser Engine</title>
|
||||
<meta charset="UTF-8">
|
||||
<title>Servo Browser Engine</title>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<a href="http://github.com/servo/servo">Servo Project</a>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -48,4 +48,4 @@
|
|||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Profile Page</title>
|
||||
<meta charset="UTF-8">
|
||||
<title>Profile Page</title>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
|
|
@ -11,4 +11,4 @@
|
|||
<a href="http://github.com/servo/servo">Servo Project</a>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,69 +1,69 @@
|
|||
<!DOCTYPE html>
|
||||
<!DOCTYPE html>
|
||||
|
||||
<meta charset="utf-8" />
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<title>WebSocket Test</title>
|
||||
<title>WebSocket Test</title>
|
||||
|
||||
<script language="javascript" type="text/javascript">
|
||||
<script language="javascript" type="text/javascript">
|
||||
|
||||
var wsUri = "ws://echo.websocket.org/";
|
||||
var output;
|
||||
var wsUri = "ws://echo.websocket.org/";
|
||||
var output;
|
||||
|
||||
function init() {
|
||||
output = document.getElementById("output");
|
||||
testWebSocket();
|
||||
}
|
||||
function init() {
|
||||
output = document.getElementById("output");
|
||||
testWebSocket();
|
||||
}
|
||||
|
||||
function testWebSocket() {
|
||||
websocket = new WebSocket(wsUri);
|
||||
websocket.onopen = function(evt) {
|
||||
onOpen(evt)
|
||||
};
|
||||
websocket.onclose = function(evt) {
|
||||
onClose(evt)
|
||||
};
|
||||
websocket.onmessage = function(evt) {
|
||||
onMessage(evt)
|
||||
};
|
||||
websocket.onerror = function(evt) {
|
||||
onError(evt)
|
||||
};
|
||||
}
|
||||
function testWebSocket() {
|
||||
websocket = new WebSocket(wsUri);
|
||||
websocket.onopen = function(evt) {
|
||||
onOpen(evt)
|
||||
};
|
||||
websocket.onclose = function(evt) {
|
||||
onClose(evt)
|
||||
};
|
||||
websocket.onmessage = function(evt) {
|
||||
onMessage(evt)
|
||||
};
|
||||
websocket.onerror = function(evt) {
|
||||
onError(evt)
|
||||
};
|
||||
}
|
||||
|
||||
function onOpen(evt) {
|
||||
writeToScreen("CONNECTED");
|
||||
doSend("WebSocket rocks");
|
||||
}
|
||||
function onOpen(evt) {
|
||||
writeToScreen("CONNECTED");
|
||||
doSend("WebSocket rocks");
|
||||
}
|
||||
|
||||
function onClose(evt) {
|
||||
writeToScreen("DISCONNECTED");
|
||||
}
|
||||
function onClose(evt) {
|
||||
writeToScreen("DISCONNECTED");
|
||||
}
|
||||
|
||||
function onMessage(evt) {
|
||||
writeToScreen('<span style="color: blue;">RESPONSE: ' + evt.data+'</span>');
|
||||
websocket.close();
|
||||
}
|
||||
function onMessage(evt) {
|
||||
writeToScreen('<span style="color: blue;">RESPONSE: ' + evt.data+'</span>');
|
||||
websocket.close();
|
||||
}
|
||||
|
||||
function onError(evt) {
|
||||
writeToScreen('<span style="color: red;">ERROR:</span> ' + evt.data);
|
||||
}
|
||||
function onError(evt) {
|
||||
writeToScreen('<span style="color: red;">ERROR:</span> ' + evt.data);
|
||||
}
|
||||
|
||||
function doSend(message) {
|
||||
writeToScreen("SENT: " + message);
|
||||
websocket.send(message);
|
||||
}
|
||||
function doSend(message) {
|
||||
writeToScreen("SENT: " + message);
|
||||
websocket.send(message);
|
||||
}
|
||||
|
||||
function writeToScreen(message) {
|
||||
var pre = document.createElement("p");
|
||||
pre.style.wordWrap = "break-word";
|
||||
pre.innerHTML = message;
|
||||
output.appendChild(pre);
|
||||
}
|
||||
function writeToScreen(message) {
|
||||
var pre = document.createElement("p");
|
||||
pre.style.wordWrap = "break-word";
|
||||
pre.innerHTML = message;
|
||||
output.appendChild(pre);
|
||||
}
|
||||
|
||||
window.addEventListener("load", init, false);
|
||||
window.addEventListener("load", init, false);
|
||||
|
||||
</script>
|
||||
</script>
|
||||
|
||||
<h2>WebSocket Test</h2>
|
||||
<h2>WebSocket Test</h2>
|
||||
|
||||
<div id="output"></div>
|
||||
<div id="output"></div>
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<div class="darkblue">
|
||||
<img class="maroon"></img>
|
||||
<div class="darkgreen">
|
||||
<img class="gray"></img>
|
||||
<img class="gray"></img>
|
||||
</div>
|
||||
</div>
|
||||
<img class="black"></img>
|
||||
|
|
|
|||
|
|
@ -1,17 +1,17 @@
|
|||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
.c1 { color: red; }
|
||||
.c2 { background: blue; }
|
||||
#i1 { color: green; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<div id='i1'>Hello</div>
|
||||
<div class='c1'>World</div>
|
||||
<div class='c2'>Hello</div>
|
||||
<div class='c1 c2'>World</div>
|
||||
</div>
|
||||
</body>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
.c1 { color: red; }
|
||||
.c2 { background: blue; }
|
||||
#i1 { color: green; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<div id='i1'>Hello</div>
|
||||
<div class='c1'>World</div>
|
||||
<div class='c2'>Hello</div>
|
||||
<div class='c1 c2'>World</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
<img src="test.jpeg" style="border:blue 30px solid;" />
|
||||
kitty?
|
||||
<em style="background:blue;font-size:15px;border:yellow 15px solid">
|
||||
this is em
|
||||
this is em
|
||||
</em>
|
||||
</span>
|
||||
</p>
|
||||
|
|
|
|||
|
|
@ -16,14 +16,14 @@
|
|||
<span>This </span> <span>is</span> <span>span</span>
|
||||
</div>
|
||||
<a name="top"> [name is "top"] </a>
|
||||
<h3 id="h3">
|
||||
<h3 id="h3">
|
||||
[id is "h3"] <hr/>
|
||||
<span> text </span>
|
||||
<span> text </span>
|
||||
<span style="font-family:Times New Roman"> Times New Roman </span>
|
||||
<span style="font-family:Verdana"> Verdana </span>
|
||||
<span style="font-family:Arail"> Arial </span>
|
||||
<span style="font-family:Courier New"> Courier New </span>
|
||||
<span style="font-family:Georgia"> Georgia</span>
|
||||
<span style="font-family:Georgia"> Georgia</span>
|
||||
<span style="font-family:Lucida Console"> Lucida Console </span>
|
||||
<div id ="num"> [id is "num"] </div>
|
||||
<span> 1 </span>
|
||||
|
|
|
|||
|
|
@ -2,13 +2,13 @@
|
|||
<input id="clicked">
|
||||
<script>
|
||||
document.getElementById("clicked").addEventListener("mousedown", function () {
|
||||
window.alert("mousedown"); },
|
||||
false);
|
||||
window.alert("mousedown"); },
|
||||
false);
|
||||
document.getElementById("clicked").addEventListener('mouseup', function() {
|
||||
window.alert("mouseup"); },
|
||||
false);
|
||||
window.alert("mouseup"); },
|
||||
false);
|
||||
document.getElementById("clicked").addEventListener("click", function() {
|
||||
window.alert("clicked"); },
|
||||
false);
|
||||
window.alert("clicked"); },
|
||||
false);
|
||||
</script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -11,13 +11,13 @@
|
|||
|
||||
blockquote {
|
||||
width : 125px; height : 100px;
|
||||
margin-top: 50px; margin-left: 50px;
|
||||
margin-top: 50px; margin-left: 50px;
|
||||
border: thin dashed black
|
||||
}
|
||||
|
||||
cite {
|
||||
display: block;
|
||||
text-align : right;
|
||||
text-align : right;
|
||||
border: none
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -14,8 +14,8 @@
|
|||
</div>
|
||||
|
||||
<div>
|
||||
<button id="findme">Check for element with :target selector</button>
|
||||
<span id="result"></span>
|
||||
<button id="findme">Check for element with :target selector</button>
|
||||
<span id="result"></span>
|
||||
</div>
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sodales leo in orci pulvinar, ut tincidunt ipsum vestibulum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis et vestibulum metus. Maecenas erat elit, ultrices eu gravida et, sollicitudin ac est. Sed in tellus ut tortor euismod aliquet non egestas metus. Sed pellentesque arcu ut lectus feugiat molestie. Fusce et justo non dui fermentum fermentum. Nunc nec ullamcorper urna. Morbi ultricies ornare arcu nec tincidunt. In sit amet risus lectus. Nam ac lacus urna. Phasellus semper eu enim quis rutrum. Suspendisse convallis orci vel nunc blandit, ut venenatis urna elementum. Curabitur a elit elementum sapien hendrerit laoreet eget in nunc. In vitae tempus neque.
|
||||
|
|
|
|||
|
|
@ -3,13 +3,13 @@
|
|||
<head>
|
||||
</head>
|
||||
<body>
|
||||
<textarea id="textarea">
|
||||
</textarea>
|
||||
<textarea id="textarea">
|
||||
</textarea>
|
||||
</body>
|
||||
<script>
|
||||
var area = document.getElementById('textarea');
|
||||
area.addEventListener('input', function() {
|
||||
alert('input detected');
|
||||
});
|
||||
var area = document.getElementById('textarea');
|
||||
area.addEventListener('input', function() {
|
||||
alert('input detected');
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<title>The Book of Mozilla, 11:9</title>
|
||||
<style type="text/css">
|
||||
div { text-decoration: underline; }
|
||||
div { text-decoration: underline; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
|
||||
|
||||
|
|
|
|||
|
|
@ -2,11 +2,11 @@
|
|||
<html><head>
|
||||
<link rel='match' href='acid1_b.html'>
|
||||
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
|
||||
<title>
|
||||
display/box/float/clear test
|
||||
</title>
|
||||
<style type="text/css">
|
||||
/* last modified: 1 Dec 98 */
|
||||
<title>
|
||||
display/box/float/clear test
|
||||
</title>
|
||||
<style type="text/css">
|
||||
/* last modified: 1 Dec 98 */
|
||||
|
||||
html {
|
||||
font: 10px/1 Verdana, sans-serif;
|
||||
|
|
@ -29,9 +29,9 @@ border: 0;
|
|||
padding: .5em;
|
||||
}
|
||||
|
||||
dt {
|
||||
dt {
|
||||
background-color: rgb(204,0,0);
|
||||
margin: 0;
|
||||
margin: 0;
|
||||
padding: 1em;
|
||||
width: 10.638%; /* refers to parent element's width of 47em. = 5em or 50px */
|
||||
height: 28em;
|
||||
|
|
@ -84,12 +84,12 @@ background-color: black;
|
|||
color: white;
|
||||
}
|
||||
|
||||
form {
|
||||
form {
|
||||
margin: 0;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
p {
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
|
@ -127,49 +127,49 @@ font-weight: normal;
|
|||
font-size: 1em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<dl>
|
||||
<dt>
|
||||
|
||||
</dt>
|
||||
<dd>
|
||||
<ul>
|
||||
<li>
|
||||
|
||||
</li>
|
||||
<li id="bar">
|
||||
<p>
|
||||
|
||||
</p>
|
||||
<form action="./" method="get">
|
||||
<p>
|
||||
|
||||
</p>
|
||||
<p>
|
||||
|
||||
</p>
|
||||
</form>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
</li>
|
||||
<li id="baz">
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
<blockquote>
|
||||
<address>
|
||||
|
||||
</address>
|
||||
</blockquote>
|
||||
<h1>
|
||||
|
||||
</h1>
|
||||
</dd>
|
||||
</dl>
|
||||
<p style="color: black; font-size: 1em; line-height: 1.3em; clear: both">
|
||||
</p>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<dl>
|
||||
<dt>
|
||||
|
||||
</dt>
|
||||
<dd>
|
||||
<ul>
|
||||
<li>
|
||||
|
||||
</li>
|
||||
<li id="bar">
|
||||
<p>
|
||||
|
||||
</p>
|
||||
<form action="./" method="get">
|
||||
<p>
|
||||
|
||||
</p>
|
||||
<p>
|
||||
|
||||
</p>
|
||||
</form>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
</li>
|
||||
<li id="baz">
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
<blockquote>
|
||||
<address>
|
||||
|
||||
</address>
|
||||
</blockquote>
|
||||
<h1>
|
||||
|
||||
</h1>
|
||||
</dd>
|
||||
</dl>
|
||||
<p style="color: black; font-size: 1em; line-height: 1.3em; clear: both">
|
||||
</p>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
|
|||
|
|
@ -144,7 +144,7 @@
|
|||
<script>
|
||||
// window.scroll(0, 2684);
|
||||
// setInterval(() => { console.log(window.scrollY); window.scroll(0, 2684);
|
||||
//}, 10);
|
||||
//}, 10);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -8,4 +8,4 @@
|
|||
<div>x</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -4,26 +4,26 @@
|
|||
<link rel=match href=block_formatting_context_float_placement_ref.html>
|
||||
<style>
|
||||
#nav-searchbar {
|
||||
overflow: hidden;
|
||||
overflow: hidden;
|
||||
}
|
||||
.nav-submit-button {
|
||||
float: right;
|
||||
float: right;
|
||||
}
|
||||
#nav-search-in {
|
||||
float: left;
|
||||
float: left;
|
||||
}
|
||||
.nav-searchfield-width {
|
||||
height: 35px;
|
||||
overflow: hidden;
|
||||
border: solid black 1px;
|
||||
height: 35px;
|
||||
overflow: hidden;
|
||||
border: solid black 1px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<form id="nav-searchbar">
|
||||
<div class="nav-submit-button">Foo</div><span id="nav-search-in">Bar</span>
|
||||
<div class="nav-searchfield-width"></div>
|
||||
</form>
|
||||
<form id="nav-searchbar">
|
||||
<div class="nav-submit-button">Foo</div><span id="nav-search-in">Bar</span>
|
||||
<div class="nav-searchfield-width"></div>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,23 +3,23 @@
|
|||
<head>
|
||||
<style>
|
||||
.nav-submit-button {
|
||||
float: right;
|
||||
float: right;
|
||||
}
|
||||
#nav-search-in {
|
||||
float: left;
|
||||
float: left;
|
||||
}
|
||||
.nav-searchfield-width {
|
||||
height: 35px;
|
||||
overflow: hidden;
|
||||
border: solid black 1px;
|
||||
height: 35px;
|
||||
overflow: hidden;
|
||||
border: solid black 1px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<form id="nav-searchbar">
|
||||
<div class="nav-submit-button">Foo</div><span id="nav-search-in">Bar</span>
|
||||
<div class="nav-searchfield-width"></div>
|
||||
</form>
|
||||
<form id="nav-searchbar">
|
||||
<div class="nav-submit-button">Foo</div><span id="nav-search-in">Bar</span>
|
||||
<div class="nav-searchfield-width"></div>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -21,4 +21,4 @@
|
|||
<div id="div_inner">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -20,4 +20,4 @@
|
|||
<div id="div_inner">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -52,13 +52,13 @@
|
|||
test(function() {
|
||||
var flex_container0 = document.getElementById("flex-container0");
|
||||
var flex_item0 = document.getElementById("flex-item0");
|
||||
|
||||
|
||||
var flex_container1 = document.getElementById("flex-container1");
|
||||
var flex_item1 = document.getElementById("flex-item1");
|
||||
|
||||
|
||||
assert_equals(flex_container0.clientWidth, 50);
|
||||
assert_equals(flex_item0.clientWidth, 5);
|
||||
|
||||
|
||||
assert_equals(flex_container1.clientWidth, 50);
|
||||
assert_equals(flex_item1.clientWidth, 5);
|
||||
});
|
||||
|
|
|
|||
|
|
@ -4,23 +4,23 @@
|
|||
<link rel='match' href='float_clearance_intrinsic_width_ref.html'>
|
||||
<style>
|
||||
#nav-your-account {
|
||||
background: lightblue;
|
||||
display: inline-block;
|
||||
background: lightblue;
|
||||
display: inline-block;
|
||||
}
|
||||
.nav-button-title {
|
||||
float: left;
|
||||
clear: both;
|
||||
float: left;
|
||||
clear: both;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<a id="nav-your-account">
|
||||
<div class="nav-button-title">Hello.</div>
|
||||
<div class="nav-button-title">Account</div>
|
||||
<div class="nav-button-title">Account</div>
|
||||
<div class="nav-button-title">Account</div>
|
||||
<div class="nav-button-title">Account</div>
|
||||
<div class="nav-button-title">Account</div>
|
||||
</a>
|
||||
<a id="nav-your-account">
|
||||
<div class="nav-button-title">Hello.</div>
|
||||
<div class="nav-button-title">Account</div>
|
||||
<div class="nav-button-title">Account</div>
|
||||
<div class="nav-button-title">Account</div>
|
||||
<div class="nav-button-title">Account</div>
|
||||
<div class="nav-button-title">Account</div>
|
||||
</a>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,19 +3,19 @@
|
|||
<head>
|
||||
<style>
|
||||
#nav-your-account {
|
||||
background: lightblue;
|
||||
display: inline-block;
|
||||
background: lightblue;
|
||||
display: inline-block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<a id="nav-your-account">
|
||||
<div class="nav-button-title">Hello.</div>
|
||||
<div class="nav-button-title">Account</div>
|
||||
<div class="nav-button-title">Account</div>
|
||||
<div class="nav-button-title">Account</div>
|
||||
<div class="nav-button-title">Account</div>
|
||||
<div class="nav-button-title">Account</div>
|
||||
</a>
|
||||
<a id="nav-your-account">
|
||||
<div class="nav-button-title">Hello.</div>
|
||||
<div class="nav-button-title">Account</div>
|
||||
<div class="nav-button-title">Account</div>
|
||||
<div class="nav-button-title">Account</div>
|
||||
<div class="nav-button-title">Account</div>
|
||||
<div class="nav-button-title">Account</div>
|
||||
</a>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,25 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<head>
|
||||
<link rel='match' href='float_intrinsic_height_ref.html'>
|
||||
<style type="text/css">
|
||||
.otherprojects {
|
||||
background-color: red;
|
||||
float: left;
|
||||
width: 200px;
|
||||
}
|
||||
.otherprojects-item {
|
||||
background-color: yellow;
|
||||
float: left;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="otherprojects">
|
||||
<div class="otherprojects-item">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<style type="text/css">
|
||||
.otherprojects {
|
||||
background-color: red;
|
||||
float: left;
|
||||
width: 200px;
|
||||
}
|
||||
.otherprojects-item {
|
||||
background-color: yellow;
|
||||
float: left;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="otherprojects">
|
||||
<div class="otherprojects-item">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,22 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
.otherprojects {
|
||||
background-color: red;
|
||||
width: 200px;
|
||||
}
|
||||
.otherprojects-item {
|
||||
background-color: yellow;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="otherprojects">
|
||||
<div class="otherprojects-item">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
.otherprojects {
|
||||
background-color: red;
|
||||
width: 200px;
|
||||
}
|
||||
.otherprojects-item {
|
||||
background-color: yellow;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="otherprojects">
|
||||
<div class="otherprojects-item">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@
|
|||
</head>
|
||||
|
||||
<body id="comment-detail">
|
||||
|
||||
|
||||
<h4 id="LicenceTOP">IPA Font License Agreement v1.0 <a href="#LicenceJP">日本語/Japanese</a> <a href="#LicenceEng">English</a></h4>
|
||||
|
||||
<h3 id="LicenceJP">IPAフォントライセンスv1.0 </h3>
|
||||
|
|
@ -114,7 +114,7 @@
|
|||
<li>The Recipient may install the Licensed Program on any number of Computers and use the same in accordance with the provisions set forth in this Agreement.</li>
|
||||
<li>The Recipient may use the Licensed Program, with or without modification in printed materials or in Digital Content as an expression of character texts or the like.</li>
|
||||
<li>The Recipient may conduct Reproduction and Other Exploitation of the printed materials and Digital Content created in accordance with the preceding Paragraph, for commercial or non-commercial purposes and in any form of media including but not limited to broadcasting, communication and various recording media.</li>
|
||||
<li>If any Recipient extracts Embedded Fonts from a Digital Document File to create a Derived Program, such Derived Program shall be subject to the terms of this agreement.</li>
|
||||
<li>If any Recipient extracts Embedded Fonts from a Digital Document File to create a Derived Program, such Derived Program shall be subject to the terms of this agreement.</li>
|
||||
<li>If any Recipient performs Reproduction or Other Exploitation of a Digital Document File in which Embedded Fonts of the Licensed Program are used only for rendering the Digital Content within such Digital Document File then such Recipient shall have no further obligations under this Agreement in relation to such actions.</li>
|
||||
<li>The Recipient may reproduce the Licensed Program as is without modification and transfer such copies, publicly transmit or otherwise redistribute the Licensed Program to a third party for commercial or non-commercial purposes (“Redistribute”), in accordance with the provisions set forth in Article 3 Paragraph 2.</li>
|
||||
<li>The Recipient may create, use, reproduce and/or Redistribute a Derived Program under the terms stated above for the Licensed Program: provided, that the Recipient shall follow the provisions set forth in Article 3 Paragraph 1 when Redistributing the Derived Program. </li>
|
||||
|
|
|
|||
|
|
@ -12,11 +12,11 @@ body {margin : 0px}
|
|||
</head>
|
||||
<body>
|
||||
<div class="start">
|
||||
<div class="half"></div>
|
||||
<div class="quarter"></div>
|
||||
<div class="eighth"></div>
|
||||
<div class="sixteenth"></div>
|
||||
<div class="thirtysecond"></div>
|
||||
<div class="sixtyfourth"></div>
|
||||
<div class="half"></div>
|
||||
<div class="quarter"></div>
|
||||
<div class="eighth"></div>
|
||||
<div class="sixteenth"></div>
|
||||
<div class="thirtysecond"></div>
|
||||
<div class="sixtyfourth"></div>
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -13,11 +13,11 @@
|
|||
</head>
|
||||
<body>
|
||||
<div class="start">
|
||||
<div class="half"></div>
|
||||
<div class="quarter"></div>
|
||||
<div class="eighth"></div>
|
||||
<div class="sixteenth"></div>
|
||||
<div class="thirtysecond"></div>
|
||||
<div class="sixtyfourth"></div>
|
||||
<div class="half"></div>
|
||||
<div class="quarter"></div>
|
||||
<div class="eighth"></div>
|
||||
<div class="sixteenth"></div>
|
||||
<div class="thirtysecond"></div>
|
||||
<div class="sixtyfourth"></div>
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -1,25 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<link rel='match' href='hide_after_create_ref.html'>
|
||||
<style type="text/css">
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
body {
|
||||
background-color: green;
|
||||
}
|
||||
iframe {
|
||||
background-color: red;
|
||||
border: 0;
|
||||
}
|
||||
</style>
|
||||
<style type="text/css">
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
body {
|
||||
background-color: green;
|
||||
}
|
||||
iframe {
|
||||
background-color: red;
|
||||
border: 0;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<iframe id="iframe" src="about:blank"></iframe>
|
||||
<iframe id="iframe" src="about:blank"></iframe>
|
||||
</body>
|
||||
<script type="text/javascript">
|
||||
window.onload = function() {
|
||||
document.getElementById("iframe").classList.add("hidden");
|
||||
window.onload = function() {
|
||||
document.getElementById("iframe").classList.add("hidden");
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<style type="text/css">
|
||||
body {
|
||||
background-color: green;
|
||||
}
|
||||
</style>
|
||||
<style type="text/css">
|
||||
body {
|
||||
background-color: green;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,21 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<link rel=match href=hide_and_show_ref.html>
|
||||
<style type="text/css">
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
iframe {
|
||||
border: 0;
|
||||
}
|
||||
</style>
|
||||
<link rel=match href=hide_and_show_ref.html>
|
||||
<style type="text/css">
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
iframe {
|
||||
border: 0;
|
||||
}
|
||||
</style>
|
||||
<body id="container">
|
||||
<iframe id="iframe" class="hidden" src="data:text/html,%3Cbody%20style%3D%22background%3Agreen%3B%20%22%3E"></iframe>
|
||||
<iframe id="iframe" class="hidden" src="data:text/html,%3Cbody%20style%3D%22background%3Agreen%3B%20%22%3E"></iframe>
|
||||
</body>
|
||||
<script type="text/javascript">
|
||||
window.onload = function() {
|
||||
document.getElementById("iframe").classList.remove("hidden");
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
}
|
||||
window.onload = function() {
|
||||
document.getElementById("iframe").classList.remove("hidden");
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,13 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<style type="text/css">
|
||||
div {
|
||||
width: 300px;
|
||||
height: 150px;
|
||||
background-color: green;
|
||||
}
|
||||
</style>
|
||||
<style type="text/css">
|
||||
div {
|
||||
width: 300px;
|
||||
height: 150px;
|
||||
background-color: green;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -9,19 +9,19 @@ html, body {
|
|||
line-height: 0;
|
||||
}
|
||||
.nav-button-outer {
|
||||
background: red;
|
||||
display: inline-block;
|
||||
background: red;
|
||||
display: inline-block;
|
||||
}
|
||||
.nav-down-arrow {
|
||||
display: inline-block;
|
||||
border-style: solid;
|
||||
border-color: black;
|
||||
border-width: 10px 200px 0 0;
|
||||
display: inline-block;
|
||||
border-style: solid;
|
||||
border-color: black;
|
||||
border-width: 10px 200px 0 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<a class="nav-button-outer"><span class="nav-down-arrow"></span></a>
|
||||
<a class="nav-button-outer"><span class="nav-down-arrow"></span></a>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -8,18 +8,18 @@ html, body {
|
|||
line-height: 0;
|
||||
}
|
||||
.nav-button-outer {
|
||||
display: inline-block;
|
||||
display: inline-block;
|
||||
}
|
||||
.nav-down-arrow {
|
||||
display: inline-block;
|
||||
border-style: solid;
|
||||
border-color: black;
|
||||
border-width: 10px 200px 0 0;
|
||||
display: inline-block;
|
||||
border-style: solid;
|
||||
border-color: black;
|
||||
border-width: 10px 200px 0 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<a class="nav-button-outer"><span class="nav-down-arrow"></span></a>
|
||||
<a class="nav-button-outer"><span class="nav-down-arrow"></span></a>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,15 +1,15 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/ahem.css">
|
||||
<link rel=match href=inline_whitespace_ref.html>
|
||||
<style type="text/css">
|
||||
body {
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<span>A</span> <span>B</span>
|
||||
</body>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/ahem.css">
|
||||
<link rel=match href=inline_whitespace_ref.html>
|
||||
<style type="text/css">
|
||||
body {
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<span>A</span> <span>B</span>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,16 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/ahem.css">
|
||||
<link rel=match href=inline_whitespace_ref.html>
|
||||
<style type="text/css">
|
||||
body {
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<span>A</span>
|
||||
<span>B</span>
|
||||
</body>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/ahem.css">
|
||||
<link rel=match href=inline_whitespace_ref.html>
|
||||
<style type="text/css">
|
||||
body {
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<span>A</span>
|
||||
<span>B</span>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,14 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/ahem.css">
|
||||
<style type="text/css">
|
||||
body {
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<span>A B</span>
|
||||
</body>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/ahem.css">
|
||||
<style type="text/css">
|
||||
body {
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<span>A B</span>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -4,13 +4,13 @@
|
|||
<title>Input elements shouldn't inherit parent containers alignment</title>
|
||||
<link rel="match" href="input_alignment_ref.html">
|
||||
<style>
|
||||
div {
|
||||
text-align: center;
|
||||
float: left;
|
||||
div {
|
||||
text-align: center;
|
||||
float: left;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div><input value="test" /></div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -6,4 +6,4 @@
|
|||
<body>
|
||||
<input value="test" />
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -2,4 +2,4 @@
|
|||
<meta charset="utf-8">
|
||||
<title></title>
|
||||
<link rel="match" href="input_placeholder_ref.html">
|
||||
<input type=text placeholder="foo bar"><input type=text placeholder="foo bar">
|
||||
<input type=text placeholder="foo bar"><input type=text placeholder="foo bar">
|
||||
|
|
|
|||
|
|
@ -2,4 +2,4 @@
|
|||
<meta charset="utf-8">
|
||||
<title></title>
|
||||
<link rel="match" href="input_placeholder_ref.html">
|
||||
<input type=text value="foo bar"><input type=text value="foo bar">
|
||||
<input type=text value="foo bar"><input type=text value="foo bar">
|
||||
|
|
|
|||
|
|
@ -17,4 +17,4 @@ b
|
|||
b
|
||||
</textarea>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -17,4 +17,4 @@ b
|
|||
b
|
||||
</textarea>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,8 +3,8 @@
|
|||
<link rel='match' href='linebreak_inline_span_b.html'>
|
||||
<style type="text/css">
|
||||
* {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
|
|
|||
|
|
@ -2,8 +2,8 @@
|
|||
<head>
|
||||
<style type="text/css">
|
||||
* {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
|
|
|||
|
|
@ -6,4 +6,4 @@
|
|||
<body>
|
||||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAYCAYAAAFy7sgCAAAGsUlEQVRo3u2ZbWwcZxHHf3s%2B7LNbO3ZjXBtowprGODRX0qpNQCjmJKuVKhMl1P2AkCwhFOIKkCBSm9IXavGFKAixIAECwkmWo5MrhRI3Ub40IEwQgp6aIDg3Cd6eEqyIHEteah%2B1E69vhw%2BZtTaX8704ZzkKjHS6271nZ56ZZ%2BY%2F%2F%2BdZKF%2FCwYshx3EkkggLsD1v4FQkEZZYLCbAKyG9%2Ba9EIsG6hnUAf8x74K3aUC3j4%2BM54HcsR2oAIomwZOezkv%2FnSHpYNh%2BNCmAE7xv94zvFdd1bHsjMZmQkPSxAJP%2B%2FfuBLwK54PC7JZFKAVJmzXLBt2w%2FMvcDLwIb8QS8CeJ4nkURYIomw7J%2FYJ8BvSiiXptGGxWds2%2Fa9%2Bnaxh%2BYAD%2Bgt04NDgABTpQY2cvvSFLzw86gWeBVwC8SzlOSv2YeBPfmDBoBHgKmR9LBEEmHZfDTqGykqfkUE0nA78BzQGfSgUeP3wNeTXwXg7MwZDhw4UHL6ra2ti79%2FOvljgG8AZ4H64Lhm4MvAocxsRppGG%2FxcXihlwLIs6R%2FfKV2HO%2F26uA94pdDYUKUZUU7W1RQYXA98Gnhaf5%2FXWX0HeAHYoQonqa4sZSOsSWMCWeC9Yko%2BCQwBe4E6oNc0Tc91XTl1%2BaTsn9gnI%2Blhyc5nZWxsrBIkKSbl2tiic3tW53YDEwOKaoFBrcOfqKee53lG9xsPMjV784r%2F4lO%2FpPvyJ9iyZcuvFSaXK5XYeAZ4CDgGvB3MS4B54LQuWYPeuy4iRFsevsXqpuYoqVQKIH2bK1CuDQNo11o4XUzh%2FcDWYIe1LEtyuZx4niee54njOGKapgfsqlL%2Bl2OjEXg8nxrc1dJ0h3hbtL%2BGCtz7KPBF4CuBe9uB15VafE8hr9qylI3HgG8C2%2FK7VyHZoJj7MrBRm30qFotJMpkU27YlHo%2F7Ha5a%2BV%2FKRkSJ4KuKRLVLKapTjB1SzAVIjY2NSXY%2BKyPpYdk%2FsU9OXT4pruv6BdZbBQfKsVGnvWlIe1VB6VQO8JxC1vZYLCbZ%2BaxsPhpdZDyRRFhG0sPiOE6ldKBg2lRg4xF1YCDIIIKN7DGgD3gH%2BBXwejKZfPrs2tPs%2FvPN2bKuYR1nd7xLKBSSJeqoXKnERjPwNWAG%2BLn2rZuM%2B4Tpml6vaWlp4eLcxVusZq5lCgVgOVKJjRqdX86ffL4D5wIoZACnTpw4wRMdT96i%2FImOJxERAs4uVyqxUacF%2FPdiCj%2BjdRBRGFtwXVdG0sPSdbhTmkYbpH98p2RmM2JZlig1vl0GWo4NQ%2Fn%2Bs5pKRXfwjweaxy7TND3HcRZbfC6X8xVPVQlGy7WxVWlO5XRXFXm6EZmrQuSXYyPE3SiVoEhE6Wyr0u2rumO6zv%2B21AFdQAswC1wCMuUCXCmyWQus103Qg8qlDO0lxwOb%2Fl4FiK3AB3VS%2FuKKLtK%2FgbeAnwG%2FvUODuRw%2FFrR0H1UC75fwu8oJ%2FhFsW5VIG%2FBUgEIN6Y65O4AHu4Ap0zQ9y7LEcZyb9lRBUHQcRyzL8unZVBW5bFWAvAp%2BhDQ2g4F47dUYtlU6obXA54DnVdFLekjUGGifh4AFy7LEdV3xj3X9I66m0QZpGm2QrsOd0j%2B%2BU0bSw5KZzYjrun6HWlAd961i4FfCj0aN1Usau%2Bc1lmuXPFwvAEumUut7tQQvAb%2FXb%2FT0bCAej9cODg7yt%2Bm%2F8q2%2F7OUHZ76PnZ1k2p0mJzlykmPancbOTnL0whHs7CQfb%2B5mx2d3sH79%2BtCRI0c6FeaOr9ICrIQfLvA%2B8BGNXxi4R6HrisJVUWrxAVW2oMFf0Aczim8o3kV6enowDIPjF9%2Fk%2BMU3S3rrjzMMg56eHr%2BxP7qKFbASfojG6kpeDGs1tiW53RxwWT%2Bin5q8w4xpQK5evQpAR30H7ZH2khNvj7TTUd8BgD4rqmu1ZKX8qNeY%2BfHz4zlXDgT5E8tpCTUq7XSBC4Euv8227TV9fX1E73%2BYtvo27BmbS9cvFVTY3bSRFza9yOcf6Gfmygy7d%2B%2Fm%2FPnzF4DvrsBLhnJlJfwIKXxv1PheAE4qK6p4H9AGbNKTuhngBPBPXYRe4IemaT5kWZbR19fHNbmGnZ1k4r3U4glDR30Hm5qjbGjsImJEOHbsGHv27JFz5869o0eFq01Jq%2BmHAXwI6FFKagMTgHM7GzFDS%2BoeLSMv7zjzC9x4Y7gxFovVDAwMEI1GaWlpWSzRVCrFwYMH%2FXfxZ4AfAa8B%2F7lDaGg1%2FQgp43lfK0yqtRMuJa3ceKe5DfgYsCYAZ2ngD8CfAkzqTpW7xY%2F%2FSznyX%2FVeUb2kVmX4AAAAAElFTkSuQmCC"/>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -25,8 +25,8 @@
|
|||
<body>
|
||||
<div id="first">
|
||||
<div id="second">
|
||||
<div id="abs">
|
||||
</div>
|
||||
<div id="abs">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -29,10 +29,10 @@
|
|||
<div id="abs">
|
||||
</div>
|
||||
<div id="non-cb-2">
|
||||
<div id="second">
|
||||
</div>
|
||||
<div id="abs">
|
||||
</div>
|
||||
<div id="second">
|
||||
</div>
|
||||
<div id="abs">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -27,8 +27,8 @@
|
|||
<body>
|
||||
<div id="first">
|
||||
<div id="abs">
|
||||
<div id="abs2">
|
||||
</div>
|
||||
<div id="abs2">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -27,8 +27,8 @@
|
|||
<div id="first">
|
||||
<div class="row"></div>
|
||||
<div class="center">
|
||||
<div class="little-box">
|
||||
</div>
|
||||
<div class="little-box">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row"></div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,18 +2,18 @@
|
|||
<html>
|
||||
<head>
|
||||
<link rel='match' href='position_abs_pseudo_b.html'>
|
||||
<style>
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
div:before {
|
||||
div:before {
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: red;
|
||||
content: "";
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
|
|
|
|||
|
|
@ -1,16 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
.before {
|
||||
.before {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: red;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="before">
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@
|
|||
<div class="row">
|
||||
</div>
|
||||
<div class="center">
|
||||
<img src="rust_logo.png" width="30" id="abs" alt="Rust Logo" />
|
||||
<img src="rust_logo.png" width="30" id="abs" alt="Rust Logo" />
|
||||
</div>
|
||||
<div class="row">
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<link rel='match' href='pseudo_content_with_layers_ref.html'>
|
||||
<body>
|
||||
<style>
|
||||
.before-test::before {
|
||||
.before-test::before {
|
||||
content: " ";
|
||||
position: fixed;
|
||||
width: 100px;
|
||||
|
|
@ -11,7 +11,7 @@
|
|||
background: green;
|
||||
}
|
||||
|
||||
.after-test::after {
|
||||
.after-test::after {
|
||||
content: " ";
|
||||
position: fixed;
|
||||
width: 100px;
|
||||
|
|
|
|||
|
|
@ -1,17 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<head>
|
||||
<link rel='match' href='table_auto_width_ref.html'>
|
||||
</head>
|
||||
<body>
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="padding: 0">
|
||||
<span>12345<span>67890</span></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</body>
|
||||
</head>
|
||||
<body>
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="padding: 0">
|
||||
<span>12345<span>67890</span></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,16 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
</head>
|
||||
<body>
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="padding: 0">
|
||||
<span>1234567890</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</body>
|
||||
<head>
|
||||
</head>
|
||||
<body>
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="padding: 0">
|
||||
<span>1234567890</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,40 +1,40 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<link rel='match' href='text_align_complex_ref.html'>
|
||||
<link rel="stylesheet" type="text/css" href="css/ahem.css">
|
||||
<style>
|
||||
|
||||
* { margin: 0px !important; padding: 0px !important; }
|
||||
|
||||
div {
|
||||
width: 100px;
|
||||
font-size: 10px;
|
||||
font-family: Ahem;
|
||||
padding: 10px !important;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<section style="text-align: right; color: #f00;">
|
||||
<div style="background: #fdd;"> xx xx xx xxxx</div>
|
||||
<div style="background: #fdd;"> xx xx xx xxxxxxxxxxxxx</div>
|
||||
<div style="background: #fdd;">xxxxxxxxxxxxx xx xx xx xxxx</div>
|
||||
</section>
|
||||
|
||||
<section style="text-align: center; color: #0f0;">
|
||||
<div style="background: #dfd;"> xx xx xx xxxx </div>
|
||||
<div style="background: #dfd;"> xx xx xx xxxxxxxxxxxxx</div>
|
||||
<div style="background: #dfd;">xxxxxxxxxxxxx xx xx xx xxxx </div>
|
||||
</section>
|
||||
|
||||
<section style="text-align: justify; color: #00f;">
|
||||
<div style="background: #ddf;">xx xx xx xxxx</div>
|
||||
<div style="background: #ddf;">xx xx xx xxxxxxxxxxxxx</div>
|
||||
<div style="background: #ddf;">xxxxxxxxxxxxx xx xx xx xxxx </div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<link rel='match' href='text_align_complex_ref.html'>
|
||||
<link rel="stylesheet" type="text/css" href="css/ahem.css">
|
||||
<style>
|
||||
|
||||
* { margin: 0px !important; padding: 0px !important; }
|
||||
|
||||
div {
|
||||
width: 100px;
|
||||
font-size: 10px;
|
||||
font-family: Ahem;
|
||||
padding: 10px !important;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<section style="text-align: right; color: #f00;">
|
||||
<div style="background: #fdd;"> xx xx xx xxxx</div>
|
||||
<div style="background: #fdd;"> xx xx xx xxxxxxxxxxxxx</div>
|
||||
<div style="background: #fdd;">xxxxxxxxxxxxx xx xx xx xxxx</div>
|
||||
</section>
|
||||
|
||||
<section style="text-align: center; color: #0f0;">
|
||||
<div style="background: #dfd;"> xx xx xx xxxx </div>
|
||||
<div style="background: #dfd;"> xx xx xx xxxxxxxxxxxxx</div>
|
||||
<div style="background: #dfd;">xxxxxxxxxxxxx xx xx xx xxxx </div>
|
||||
</section>
|
||||
|
||||
<section style="text-align: justify; color: #00f;">
|
||||
<div style="background: #ddf;">xx xx xx xxxx</div>
|
||||
<div style="background: #ddf;">xx xx xx xxxxxxxxxxxxx</div>
|
||||
<div style="background: #ddf;">xxxxxxxxxxxxx xx xx xx xxxx </div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|
|
|||
|
|
@ -4,38 +4,38 @@
|
|||
<link rel="stylesheet" type="text/css" href="css/ahem.css">
|
||||
<style>
|
||||
|
||||
* { margin: 0px !important; padding: 0px !important; }
|
||||
|
||||
div {
|
||||
width: 100px;
|
||||
font-size: 10px;
|
||||
font-family: Ahem;
|
||||
padding: 10px !important;
|
||||
}
|
||||
|
||||
section.reference { text-align: left !important; }
|
||||
section.reference > div { white-space: pre; }
|
||||
|
||||
* { margin: 0px !important; padding: 0px !important; }
|
||||
|
||||
div {
|
||||
width: 100px;
|
||||
font-size: 10px;
|
||||
font-family: Ahem;
|
||||
padding: 10px !important;
|
||||
}
|
||||
|
||||
section.reference { text-align: left !important; }
|
||||
section.reference > div { white-space: pre; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<section class="reference" style="text-align: right; color: #f00;">
|
||||
<div style="background: #fdd;"> xx xx xx<br /> xxxx</div>
|
||||
<div style="background: #fdd;"> xx xx xx<br />xxxxxxxxxxxxx</div>
|
||||
<div style="background: #fdd;">xxxxxxxxxxxxx<br /> xx xx xx<br /> xxxx</div>
|
||||
<div style="background: #fdd;"> xx xx xx<br /> xxxx</div>
|
||||
<div style="background: #fdd;"> xx xx xx<br />xxxxxxxxxxxxx</div>
|
||||
<div style="background: #fdd;">xxxxxxxxxxxxx<br /> xx xx xx<br /> xxxx</div>
|
||||
</section>
|
||||
|
||||
<section class="reference" style="text-align: center; color: #0f0;">
|
||||
<div style="background: #dfd;"> xx xx xx <br /> xxxx </div>
|
||||
<div style="background: #dfd;"> xx xx xx <br />xxxxxxxxxxxxx</div>
|
||||
<div style="background: #dfd;">xxxxxxxxxxxxx<br /> xx xx xx <br /> xxxx </div>
|
||||
<div style="background: #dfd;"> xx xx xx <br /> xxxx </div>
|
||||
<div style="background: #dfd;"> xx xx xx <br />xxxxxxxxxxxxx</div>
|
||||
<div style="background: #dfd;">xxxxxxxxxxxxx<br /> xx xx xx <br /> xxxx </div>
|
||||
</section>
|
||||
|
||||
<section class="reference" style="text-align: justify; color: #00f;">
|
||||
<div style="background: #ddf;">xx xx xx<br />xxxx</div>
|
||||
<div style="background: #ddf;">xx xx xx<br />xxxxxxxxxxxxx</div>
|
||||
<div style="background: #ddf;">xxxxxxxxxxxxx<br />xx xx xx<br />xxxx </div>
|
||||
<div style="background: #ddf;">xx xx xx<br />xxxx</div>
|
||||
<div style="background: #ddf;">xx xx xx<br />xxxxxxxxxxxxx</div>
|
||||
<div style="background: #ddf;">xxxxxxxxxxxxx<br />xx xx xx<br />xxxx </div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,30 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<link rel='match' href='transform_optimization_ref.html'>
|
||||
<style type="text/css">
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#outer {
|
||||
position: absolute;
|
||||
background-color: transparent;
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
transform: translateX(300px);
|
||||
}
|
||||
#inner {
|
||||
position: absolute;
|
||||
width: 400px;
|
||||
height: 100px;
|
||||
background-color: red;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="outer">
|
||||
<div id="inner">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<head>
|
||||
<link rel='match' href='transform_optimization_ref.html'>
|
||||
<style type="text/css">
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#outer {
|
||||
position: absolute;
|
||||
background-color: transparent;
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
transform: translateX(300px);
|
||||
}
|
||||
#inner {
|
||||
position: absolute;
|
||||
width: 400px;
|
||||
height: 100px;
|
||||
background-color: red;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="outer">
|
||||
<div id="inner">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,23 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#inner {
|
||||
position: absolute;
|
||||
left: 300px;
|
||||
width: 400px;
|
||||
height: 100px;
|
||||
background-color: red;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="outer">
|
||||
<div id="inner">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#inner {
|
||||
position: absolute;
|
||||
left: 300px;
|
||||
width: 400px;
|
||||
height: 100px;
|
||||
background-color: red;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="outer">
|
||||
<div id="inner">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -148,7 +148,7 @@ otherProperties.forEach(function(testcase) {
|
|||
}, 'calc for ' + testcase[0]);
|
||||
});
|
||||
|
||||
/* TODO: test these:
|
||||
/* TODO: test these:
|
||||
counter-increment, counter-reset,
|
||||
color, box-shadow, clip, text-shadow, transform
|
||||
transition-timing-function
|
||||
|
|
|
|||
|
|
@ -25,7 +25,7 @@ destCtx.imageSmoothingEnabled = smoothingEnabled;
|
|||
// The source Image doesn't have a src url defined
|
||||
// It should throw an exception because the HTMLImageElement is
|
||||
// in the broken state
|
||||
// https://html.spec.whatwg.org/multipage/scripting.html#check-the-usability-of-the-image-argument
|
||||
// https://html.spec.whatwg.org/multipage/#check-the-usability-of-the-image-argument
|
||||
try {
|
||||
destCtx.drawImage(sourceImg, 0, 0);
|
||||
// It makes the test fail if the exception is not thrown
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<head>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<style type="text/css">
|
||||
#outer {
|
||||
position: absolute;
|
||||
|
|
@ -25,16 +25,16 @@
|
|||
background-color: blue;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</head>
|
||||
<body>
|
||||
<div id="outer">
|
||||
<div id="inner">
|
||||
<div id="div"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
test(function() {
|
||||
<script>
|
||||
test(function() {
|
||||
var div = document.getElementById("div");
|
||||
var outer = document.getElementById("outer");
|
||||
|
||||
|
|
@ -45,7 +45,7 @@
|
|||
assert_equals(div.offsetTop, 25);
|
||||
assert_equals(div.offsetWidth, 80);
|
||||
assert_equals(div.offsetHeight, 130);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -10,20 +10,20 @@
|
|||
</body>
|
||||
<script>
|
||||
async_test(function(t) {
|
||||
setTimeout(t.step_func(function() {
|
||||
var frame = document.createElement('iframe');
|
||||
frame.src = "data:text/html,<p>test</p>";
|
||||
document.body.appendChild(frame);
|
||||
setTimeout(t.step_func(function() {
|
||||
document.body.removeChild(frame);
|
||||
frame = document.createElement('iframe');
|
||||
frame.src = "data:text/html,<p>test</p>";
|
||||
document.body.appendChild(frame);
|
||||
setTimeout(t.step_func(function() {
|
||||
t.done();
|
||||
}), 100);
|
||||
}), 100);
|
||||
}), 100);
|
||||
setTimeout(t.step_func(function() {
|
||||
var frame = document.createElement('iframe');
|
||||
frame.src = "data:text/html,<p>test</p>";
|
||||
document.body.appendChild(frame);
|
||||
setTimeout(t.step_func(function() {
|
||||
document.body.removeChild(frame);
|
||||
frame = document.createElement('iframe');
|
||||
frame.src = "data:text/html,<p>test</p>";
|
||||
document.body.appendChild(frame);
|
||||
setTimeout(t.step_func(function() {
|
||||
t.done();
|
||||
}), 100);
|
||||
}), 100);
|
||||
}), 100);
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -12,12 +12,12 @@ async_test(function() {
|
|||
var img = window.document.getElementsByTagName("img")[0];
|
||||
|
||||
img.onload = this.step_func_done(function() {
|
||||
assert_equals(img.width, 500);
|
||||
assert_equals(img.height, 378);
|
||||
img.width = 200;
|
||||
img.height = 100;
|
||||
assert_equals(img.width, 200);
|
||||
assert_equals(img.height, 100);
|
||||
assert_equals(img.width, 500);
|
||||
assert_equals(img.height, 378);
|
||||
img.width = 200;
|
||||
img.height = 100;
|
||||
assert_equals(img.width, 200);
|
||||
assert_equals(img.height, 100);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@
|
|||
var elem = document.createElement("p");
|
||||
assert_equals(elem.parentNode, null);
|
||||
assert_equals(elem.parentElement, null);
|
||||
|
||||
|
||||
var child = document.createElement("p");
|
||||
elem.appendChild(child);
|
||||
|
||||
|
|
|
|||
|
|
@ -5,18 +5,18 @@
|
|||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script>
|
||||
test(function() {
|
||||
var testBinding = new TestBinding();
|
||||
assert_equals(typeof testBinding.BooleanMozPreference, "function");
|
||||
assert_equals(testBinding.BooleanMozPreference("dom.testbinding.preference_value.falsy"), false);
|
||||
assert_equals(testBinding.BooleanMozPreference("dom.testbinding.preference_value.truthy"), true);
|
||||
assert_equals(testBinding.BooleanMozPreference("dom.testbinding.preference_value.string_test"), false);
|
||||
assert_equals(testBinding.BooleanMozPreference("dom.testbinding.preference_value.string_empty"), false);
|
||||
assert_equals(typeof testBinding.StringMozPreference, "function");
|
||||
assert_equals(testBinding.StringMozPreference("dom.testbinding.preference_value.string_test"), "test");
|
||||
assert_equals(testBinding.StringMozPreference("dom.testbinding.preference_value.string_empty"), "");
|
||||
assert_equals(testBinding.StringMozPreference("dom.testbinding.preference_value.falsy"), "");
|
||||
assert_equals(testBinding.StringMozPreference("dom.testbinding.preference_value.truthy"), "");
|
||||
assert_equals(testBinding.StringMozPreference("dom.testbinding.preference_value.space_string_test"), "test1 test2");
|
||||
assert_equals(testBinding.StringMozPreference("dom.testbinding.preference_value.space_string_test"), "test1 test2");
|
||||
var testBinding = new TestBinding();
|
||||
assert_equals(typeof testBinding.BooleanMozPreference, "function");
|
||||
assert_equals(testBinding.BooleanMozPreference("dom.testbinding.preference_value.falsy"), false);
|
||||
assert_equals(testBinding.BooleanMozPreference("dom.testbinding.preference_value.truthy"), true);
|
||||
assert_equals(testBinding.BooleanMozPreference("dom.testbinding.preference_value.string_test"), false);
|
||||
assert_equals(testBinding.BooleanMozPreference("dom.testbinding.preference_value.string_empty"), false);
|
||||
assert_equals(typeof testBinding.StringMozPreference, "function");
|
||||
assert_equals(testBinding.StringMozPreference("dom.testbinding.preference_value.string_test"), "test");
|
||||
assert_equals(testBinding.StringMozPreference("dom.testbinding.preference_value.string_empty"), "");
|
||||
assert_equals(testBinding.StringMozPreference("dom.testbinding.preference_value.falsy"), "");
|
||||
assert_equals(testBinding.StringMozPreference("dom.testbinding.preference_value.truthy"), "");
|
||||
assert_equals(testBinding.StringMozPreference("dom.testbinding.preference_value.space_string_test"), "test1 test2");
|
||||
assert_equals(testBinding.StringMozPreference("dom.testbinding.preference_value.space_string_test"), "test1 test2");
|
||||
}, "prefs");
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -2,4 +2,4 @@
|
|||
<body>
|
||||
this should be a secure connection
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -108,7 +108,7 @@
|
|||
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR_MIPMAP_NEAREST);
|
||||
gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image);
|
||||
gl.generateMipmap(gl.TEXTURE_2D);
|
||||
|
||||
|
||||
gl.drawArrays(gl.TRIANGLES, 0, 6);
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue