spip_nursit/plugins/dist/themes/zpip-1/blueprint/demo/blueprint.html

80 lines
2.9 KiB
HTML
Raw Permalink Normal View History

2023-06-01 15:30:12 +00:00
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Blueprint test pages</title>
#INCLURE{fond=inc-theme-head}
<style type="text/css" media="screen">
p, table, hr, .box { margin-bottom:25px; }
.box p { margin-bottom:10px; }
</style>
</head>
<body>
<div class="container">
<h1>Blueprint test pages</h1>
<hr>
<p>Welcome to the Blueprint test pages. The HTML files below tests most HTML elements, and especially classes provided
by&nbsp;Blueprint.</p>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="span-6">Test page</th>
<th class="span-8">Main files tested</th>
<th class="span-10">Description</th>
</tr>
<tr>
<td><a href="#URL_PAGE{demo/parts/sample}">Sample page</a></td>
<td>
<a href="#CHEMIN{blueprint/src/grid.css}">grid.css</a>,
<a href="#CHEMIN{blueprint/src/typography.css}">typography.css</a>
</td>
<td>A simple sample page, with common elements.</td>
</tr>
<tr class="even">
<td><a href="#URL_PAGE{demo/parts/grid}">Grid</a></td>
<td>
<a href="#CHEMIN{blueprint/src/grid.css}">grid.css</a>
</td>
<td>Tests classes provided by grid.css.</td>
</tr>
<tr>
<td><a href="#URL_PAGE{demo/parts/elements}">Typography</a></td>
<td>
<a href="#CHEMIN{blueprint/src/typography.css}">typography.css</a>
</td>
<td>Tests HTML elements which gets set in typography.css.</td>
</tr>
<tr class="even">
<td><a href="#URL_PAGE{demo/parts/forms}">Forms</a></td>
<td>
<a href="#CHEMIN{blueprint/src/forms.css}">forms.css</a>
</td>
<td>Tests classes and default look provided by forms.css.</td>
</tr>
</table>
<p><em><strong>Note about the compressed versions:</strong></em>
These test files utilize the compressed files. In other words, if you change any of the source files,
you'll have to re-compress them with the ruby script in the scripts folder to see any&nbsp;changes.</p>
<div class="box">
<p>For more information and help, try these resources:</p>
<ul class="bottom">
<li><a href="http://blueprintcss.org">The Blueprint home page</a></li>
<li><a href="http://github.com/joshuaclayton/blueprint-css/wikis/home">The Blueprint Wiki</a></li>
<li><a href="http://groups.google.com/group/blueprintcss">The Blueprint mailing list</a></li>
<li><a href="http://christianmontoya.com">The blog for news about Blueprint</a></li>
</ul>
</div>
<p><a href="http://validator.w3.org/check?uri=referer">
<img src="parts/valid.png" alt="Valid HTML 4.01 Strict" height="31" width="88" class="top"></a></p>
</div>
</body>
</html>