User:Taylan/vector.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

.mw-debug-pane {
	height: 800px;
}

a.ext-audiobutton[data-state="play"]::before {
	content: ' ';
	background-image: url('data:image/svg+xml,<svg fill="%23ffa03c" height="16px" width="16px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 64 64"><path fill="none" stroke="%23ffa03c" stroke-width="2" stroke-miterlimit="10" d="M53.92,10.081c12.107,12.105,12.107,31.732,0,43.838c-12.106,12.108-31.734,12.108-43.839,0c-12.107-12.105-12.107-31.732,0-43.838C22.186-2.027,41.813-2.027,53.92,10.081z"/><polygon points="23.75,17.625 23.75,46.25 48.625,32 "/></svg>');
	width: 20px;
	height: 20px;
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: -12%;
	background-position: bottom;
}

a.ext-audiobutton[data-state="pause"]::before {
	content: ' ';
	background-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" viewBox="0 0 64 64"><path fill="none" stroke="%23ffa03c" stroke-width="2" stroke-miterlimit="10" d="M53.92,10.081c12.107,12.105,12.107,31.732,0,43.838c-12.106,12.108-31.734,12.108-43.839,0c-12.107-12.105-12.107-31.732,0-43.838C22.186-2.027,41.813-2.027,53.92,10.081z"/><line stroke="%23ffa03c" stroke-width="4" stroke-miterlimit="10" x1="25" y1="23" x2="25" y2="41"/><line stroke="%23ffa03c" stroke-width="4" stroke-miterlimit="10" x1="38" y1="23" x2="38" y2="41"/></svg>');
	width: 20px;
	height: 20px;
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: -12%;
	background-position: bottom;
}