mirror of
https://github.com/gnh1201/welsonjs.git
synced 2025-05-14 21:51:04 +00:00
99 lines
2.3 KiB
HTML
99 lines
2.3 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>IEPP Test Suite</title>
|
|
<link rel="stylesheet" href="data/inline-mixed-media.css">
|
|
<link rel="stylesheet" href="data/inline-print-media.css">
|
|
<link rel="stylesheet" href="data/print.css" media="print">
|
|
<link rel="stylesheet" href="data/screen.css" media="screen, projection">
|
|
<link rel="stylesheet" href="data/print-styles.css" media="print">
|
|
<style>
|
|
body {
|
|
background: url(data/body-crash.jpg) no-repeat;
|
|
}
|
|
</style>
|
|
<style>
|
|
form {
|
|
margin: 0;
|
|
}
|
|
article#inline-print {
|
|
border: 5px solid #000;
|
|
}
|
|
section div article {
|
|
border: 5px solid #000;
|
|
}
|
|
section[data-article="article"] {
|
|
border: 5px solid #000;
|
|
}
|
|
</style>
|
|
<style media="print">
|
|
article#inline-print {
|
|
border: 5px dotted #000;
|
|
}
|
|
section div article {
|
|
border: 5px dotted #000;
|
|
}
|
|
section[data-article="article"] {
|
|
border: 5px dotted #000;
|
|
}
|
|
p+article {
|
|
text-decoration: underline;
|
|
}
|
|
</style>
|
|
<script src="../src/html5shiv-printshiv.js"></script>
|
|
|
|
<script src="//use.typekit.com/fbz1vwc.js"></script>
|
|
<script>
|
|
Typekit.load();
|
|
</script>
|
|
</head>
|
|
<body id="print-body-id" class="print-body-class">
|
|
<h1>
|
|
Print Me in IE!
|
|
</h1>
|
|
<p>You should see dotted broders in print.</p>
|
|
<article class="inline-mixed-media">
|
|
<p>
|
|
1. This text should be underlined in IE7+.
|
|
</p>
|
|
</article>
|
|
<article class="inline-print-media">
|
|
<form action="/test/ test">
|
|
<div class="inside-of-form">2. inside print</div>
|
|
</form>
|
|
</article>
|
|
<article class="print">
|
|
<p>
|
|
3. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non
|
|
</p>
|
|
</article>
|
|
<div class="print-styles">
|
|
<article>
|
|
<p>
|
|
4. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non
|
|
</p>
|
|
</article>
|
|
</div>
|
|
<article class="print-styles-print">
|
|
<p>
|
|
5. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non
|
|
</p>
|
|
</article>
|
|
<section>
|
|
<div data-article="article">
|
|
<article>
|
|
<p>
|
|
6. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non
|
|
</p>
|
|
|
|
<section data-article="article">
|
|
<p>
|
|
7. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non
|
|
</p>
|
|
</section>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
</body>
|
|
</html> |