Mirroring/kaamelott-soundboard
1
0
Fork 0
mirror of https://github.com/2ec0b4/kaamelott-soundboard.git synced 2025-12-08 15:43:24 +00:00
Code Releases Activity

Remplace les icônes play / stop

Browse Source
This commit is contained in:
Antoine
2016-04-26 23:09:23 +02:00
parent a523d15a44
commit 9f46f25e51
3 changed files with 16 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
css/style.css
View File

@@ -354,15 +354,17 @@ a.btn-play, a.btn-play:hover, a.btn-play:focus {
padding: 10px 30px; padding: 10px 30px;
} }
a.btn-play:before { a.btn-play:before {
content: "▶︎"; content: "";
font-size: 1.1em; background: url('../img/play.svg') no-repeat center center;
font-size: 1em;
height: 30px;
left: 0;
position: absolute; position: absolute;
left: 10px; top: 5px;
width: 30px;
} }
a.btn-play.playing:before { a.btn-play.playing:before {
content: "▩"; background: url('../img/stop.svg') no-repeat center center;
font-size: 1.2em;
top: 7px;
} }
.btn:active, .btn:active,
a.btn:active { a.btn:active {

4
img/play.svg Normal file
View File

@@ -0,0 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140">
<polygon points="50,40 100,70 100,70 50,100, 50,40" fill="#FDFEFE"></polygon>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 207 B

4
img/stop.svg Normal file
View File

@@ -0,0 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140">
<polygon points="45,45 95,45 95,95, 45,95 45,45" fill="#FDFEFE"></polygon>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 204 B