Skip to content

Commit

Permalink
use img
Browse files Browse the repository at this point in the history
  • Loading branch information
@SamHerbert
SamHerbert committed Dec 8, 2014
1 parent 1e4fb9c commit ad07156
Showing 1 changed file with 41 additions and 36 deletions.
77 changes: 41 additions & 36 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,69 +37,50 @@
ul li {
width: 180px;
height: 180px;
line-height: 176px;
text-align: center;
float: left;
background-repeat: no-repeat;
background-position: center;
}
ul li img {
vertical-align: middle;
}
li:nth-child(1) {
background-color: #1ABC9C;
background-image: url(svg-loaders/audio.svg);
background-size: 40px;
}
li:nth-child(2) {
background-color: #34495E;
background-image: url(svg-loaders/rings.svg);
background-size: 60px;
}
li:nth-child(3) {
background-color: #F39C12;
background-image: url(svg-loaders/grid.svg);
background-size: 40px;
}
li:nth-child(4) {
background-color: #9B59B6;
background-image: url(svg-loaders/hearts.svg);
background-size: 80px;
}
li:nth-child(5) {
background-color: #3498DB;
background-image: url(svg-loaders/oval.svg);
background-size: 50px;
}
li:nth-child(6) {
background-color: #E74C3C;
background-image: url(svg-loaders/three-dots.svg);
background-size: 60px;
}
li:nth-child(7) {
background-color: #2ECC71;
background-image: url(svg-loaders/spinning-circles.svg);
background-size: 50px;
}
li:nth-child(8) {
background-color: #2C3E50;
background-image: url(svg-loaders/puff.svg);
background-size: 50px;
}
li:nth-child(9) {
background-color: #F1C40F;
background-image: url(svg-loaders/circles.svg);
background-size: 50px;
}
li:nth-child(10) {
background-color: #8E44AD;
background-image: url(svg-loaders/tail-spin.svg);
background-size: 50px;
}
li:nth-child(11) {
background-color: #2980B9;
background-image: url(svg-loaders/bars.svg);
background-size: 40px;
}
li:nth-child(12) {
background-color: #E74C3C;
background-image: url(svg-loaders/ball-triangle.svg);
background-size: 50px;
}
.actions {
margin: auto;
Expand Down Expand Up @@ -136,18 +117,42 @@

<body>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li>
<img src="svg-loaders/audio.svg" width="40" alt="">
</li>
<li>
<img src="svg-loaders/rings.svg" width="60" alt="">
</li>
<li>
<img src="svg-loaders/grid.svg" width="40" alt="">
</li>
<li>
<img src="svg-loaders/hearts.svg" width="80" alt="">
</li>
<li>
<img src="svg-loaders/oval.svg" width="50" alt="">
</li>
<li>
<img src="svg-loaders/three-dots.svg" width="60" alt="">
</li>
<li>
<img src="svg-loaders/spinning-circles.svg" width="50" alt="">
</li>
<li>
<img src="svg-loaders/puff.svg" width="50" alt="">
</li>
<li>
<img src="svg-loaders/circles.svg" width="50" alt="">
</li>
<li>
<img src="svg-loaders/tail-spin.svg" width="50" alt="">
</li>
<li>
<img src="svg-loaders/bars.svg" width="40" alt="">
</li>
<li>
<img src="svg-loaders/ball-triangle.svg" width="50" alt="">
</li>
<div style="clear: both"></div>
</ul>

Expand Down

0 comments on commit ad07156

Please sign in to comment.