Reduce page jumping while all the badges are loading
This commit is contained in:
parent
7843331f5f
commit
c486c0dcd1
13
try.html
13
try.html
|
@ -22,7 +22,7 @@ hr { width: 40%; border-width: 1px 0 0 0; }
|
|||
a.photo { text-decoration: none; }
|
||||
a.photo>img { padding: 2px; border: 1px solid grey; }
|
||||
ul { text-align: left; margin-left: 25%; }
|
||||
table { width: 50%; margin: auto; }
|
||||
table { min-width: 50%; margin: auto; }
|
||||
table.centered > tbody > tr > td:first-child { text-align: right; }
|
||||
th, td { text-align: left; }
|
||||
h1, h2, h3 { font-style: italic; }
|
||||
|
@ -47,6 +47,11 @@ hr.spacing { border: 0; display: block; height: 3mm; }
|
|||
table.badge > tbody > tr > th,
|
||||
table.badge > tbody > tr > td > img,
|
||||
table.badge > tbody > tr > td > code { cursor: pointer; }
|
||||
#copyImg,
|
||||
.badge-img img {
|
||||
height: 20px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
</style>
|
||||
|
||||
<main id='main'>
|
||||
|
@ -67,7 +72,7 @@ Pixel-perfect Retina-ready Fast Consistent Hackable
|
|||
<section id='suggestedBadges'></section>
|
||||
|
||||
<h3 id="build"> Build </h3>
|
||||
<table class='badge'><tbody>
|
||||
<table class='badge badge-img'><tbody>
|
||||
<tr><th> Travis: </th>
|
||||
<td><img src='/travis/rust-lang/rust.svg' alt=''/></td>
|
||||
<td><code>https://img.shields.io/travis/USER/REPO.svg</code></td>
|
||||
|
@ -1024,7 +1029,7 @@ Pixel-perfect Retina-ready Fast Consistent Hackable
|
|||
</td></tr>
|
||||
</tbody></table>
|
||||
|
||||
<p>
|
||||
<p class='badge-img'>
|
||||
<img src='/badge/color-brightgreen-brightgreen.svg' alt='brightgreen'/>
|
||||
<img src='/badge/color-green-green.svg' alt='green'/>
|
||||
<img src='/badge/color-yellowgreen-yellowgreen.svg' alt='yellowgreen'/>
|
||||
|
@ -1040,7 +1045,7 @@ Pixel-perfect Retina-ready Fast Consistent Hackable
|
|||
<p>
|
||||
The following styles are available (flat is the default as of Feb 1st 2015):
|
||||
</p>
|
||||
<table><tbody>
|
||||
<table class='badge-img'><tbody>
|
||||
<tr>
|
||||
<td><img src='/badge/style-plastic-green.svg?style=plastic' alt=''/></td>
|
||||
<td><code>https://img.shields.io/badge/style-plastic-green.svg?style=plastic</code></td>
|
||||
|
|
Loading…
Reference in New Issue
Block a user