From ad071567be6c7673135c148e20713e8faf7fcdc1 Mon Sep 17 00:00:00 2001 From: Sam Herbert Date: Mon, 8 Dec 2014 13:46:12 -0500 Subject: [PATCH] use img --- index.html | 77 +++++++++++++++++++++++++++++------------------------- 1 file changed, 41 insertions(+), 36 deletions(-) diff --git a/index.html b/index.html index 77da01e..477a83a 100644 --- a/index.html +++ b/index.html @@ -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; @@ -136,18 +117,42 @@