User:Sukiina/Sandbox2

.ogg player CSS code
/* .OGG Player - Custom */ .ogg_custom div { display: inline; } .ogg_custom, .ogg_custom:hover { opacity: 0.6; -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; } .ogg_custom:hover { opacity: 1; } .ogg_custom button>img, .ogg_custom .image img { display: none; } .ogg_custom button { border: none !important; } .ogg-player-options+a:after { content: "More..."; } .ogg_custom .image, .ogg_custom .ogg-player-options+a:after { content:""; height: 30px; vertical-align: bottom; background-size: 100%; display: inline-block; } .ogg_custom audio { border-radius:4px } .ogg_custom>.ogg_player>div>button:after { content: url("http://vignette1.wikia.nocookie.net/danganronpa/images/7/75/Small_monokuma_eye_%28red%29.png") !important; } .ogg_custom .ogg-player-options { margin-left: 3px; } div.ogg_player .ogg-player-options { background: white !important; } .ogg_player>div+div:hover .ogg-player-options { display: inline-block !important; position: absolute; z-index: 2; } .ogg_custom .ogg_player button, .ogg_custom audio { background-image: gradient(linear, 0% 0%, 0% 100%, color-stop(10%, #000000), color-stop(90%, #e7e7e7)); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(10%, #000000), color-stop(90%, #e7e7e7)); background-image: -moz-linear-gradient(top, #000000 10%, #e7e7e7 90%); background-image: -o-linear-gradient(top, #000000 10%, #e7e7e7 90%); background-image: -ms-linear-gradient(top, #000000 10%, #e7e7e7 90%); } .ogg_custom audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { background-image: gradient(linear, 0% 0%, 0% 100%, color-stop(10%, #000000), color-stop(90%, #e7e7e7)); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(10%, #000000), color-stop(90%, #e7e7e7)); background-image: -moz-linear-gradient(top, #000000 10%, #e7e7e7 90%); background-image: -o-linear-gradient(top, #000000 10%, #e7e7e7 90%); background-image: -ms-linear-gradient(top, #000000 10%, #e7e7e7 90%); } .ogg_custom .image, .ogg_custom .ogg-player-options+a:after { background-image: url("http://vignette2.wikia.nocookie.net/danganronpa/images/c/cb/Crosshair_ogg.png"); width: 50px; height: 39px; } .ogg_custom .ogg-player-options { border: 1px solid; border-color: #000000 #e7e7e7 #e7e7e7 #000000; }