Skip to content

Commit

Permalink
Fixed lighthouse bugs, updated tests/index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@Montoya
Montoya committed Sep 17, 2010
1 parent 4b34974 commit 7522a25
Show file tree
Hide file tree
Showing 3 changed files with 62 additions and 44 deletions.
9 changes: 4 additions & 5 deletions blueprint/screen.css
View file
Expand Up @@ -36,14 +36,13 @@ h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#09f;}
a {color:#06c;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
Expand All @@ -61,7 +60,7 @@ table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
Expand Down
25 changes: 20 additions & 5 deletions blueprint/src/typography.css
View file
Expand Up @@ -38,17 +38,20 @@ h4 img, h5 img, h6 img {
-------------------------------------------------------------- */

p { margin: 0 0 1.5em; }
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
/*
These can be used to pull an image at the start of a paragraph, so
that the text flows around it (usage: <p><img class="left">Text</p>)
*/
.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus,
a:hover { color: #09f; }
a { color: #06c; text-decoration: underline; }

blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
strong,dfn { font-weight: bold; }
em,dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }

abbr,
Expand Down Expand Up @@ -78,11 +81,23 @@ dd { margin-left: 1.5em;}
/* Tables
-------------------------------------------------------------- */

/*
Because of the need for padding on TH and TD, the vertical rhythm
on table cells has to be 27px, instead of the standard 18px or 36px
of other elements.
*/
table { margin-bottom: 1.4em; width:100%; }
th { font-weight: bold; }
thead th { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td { background: #e5ecf9; }
/*
You can zebra-stripe your tables in outdated browsers by adding
the class "even" to every other table row.
*/
tbody tr:nth-child(even) td,
tbody tr.even td {
background: #e5ecf9;
}
tfoot { font-style: italic; }
caption { background: #eee; }

Expand Down
72 changes: 38 additions & 34 deletions tests/index.html
View file
Expand Up @@ -24,40 +24,44 @@ <h1>Blueprint test pages</h1>
<p>Welcome to the Blueprint test pages. The HTML files below test most HTML elements, as well as most classes provided by 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="parts/sample.html">Sample page</a></td>
<td>
<a href="../blueprint/src/grid.css">grid.css</a>,
<a href="../blueprint/src/typography.css">typography.css</a>
</td>
<td>A simple sample page, with common elements.</td>
</tr>
<tr class="even">
<td><a href="parts/grid.html">Grid</a></td>
<td>
<a href="../blueprint/src/grid.css">grid.css</a>
</td>
<td>Tests classes provided by grid.css.</td>
</tr>
<tr>
<td><a href="parts/elements.html">Typography</a></td>
<td>
<a href="../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="parts/forms.html">Forms</a></td>
<td>
<a href="../blueprint/src/forms.css">forms.css</a>
</td>
<td>Tests classes and default look provided by forms.css.</td>
</tr>
<thead>
<tr>
<th class="span-6">Test page</th>
<th class="span-8">Main files tested</th>
<th class="span-10">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="parts/sample.html">Sample page</a></td>
<td>
<a href="../blueprint/src/grid.css">grid.css</a>,
<a href="../blueprint/src/typography.css">typography.css</a>
</td>
<td>A simple sample page, with common elements.</td>
</tr>
<tr class="even">
<td><a href="parts/grid.html">Grid</a></td>
<td>
<a href="../blueprint/src/grid.css">grid.css</a>
</td>
<td>Tests classes provided by grid.css.</td>
</tr>
<tr>
<td><a href="parts/elements.html">Typography</a></td>
<td>
<a href="../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="parts/forms.html">Forms</a></td>
<td>
<a href="../blueprint/src/forms.css">forms.css</a>
</td>
<td>Tests classes and default look provided by forms.css.</td>
</tr>
</tbody>
</table>

<p><em><strong>Note about the compressed versions:</strong></em>
Expand Down

0 comments on commit 7522a25

Please sign in to comment.