User:Sukiina/Sandbox2

/ * .OGG Player - Test1 * / .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("PLAY BUTTON FILE GOES HERE") !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(25%, #E061BA), color-stop(75%, #70CBE2)); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #E061BA), color-stop(75%, #70CBE2)); background-image: -moz-linear-gradient(top, #E061BA 25%, #70CBE2 75%); background-image: -o-linear-gradient(top, #E061BA 25%, #70CBE2 75%); background-image: -ms-linear-gradient(top, #E061BA 25%, #70CBE2 75%); } .ogg_custom audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { background-image: gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #E061BA), color-stop(75%, #70CBE2)); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #E061BA), color-stop(75%, #70CBE2)); background-image: -moz-linear-gradient(top, #E061BA 25%, #70CBE2 75%); background-image: -o-linear-gradient(top, #E061BA 25%, #70CBE2 75%); background-image: -ms-linear-gradient(top, #E061BA 25%, #70CBE2 75%); } .ogg_custom .image, .ogg_custom .ogg-player-options+a:after { background-image: url("INFO BUTTON FILE GOES HERE"); width: 40px; } .ogg_custom .ogg-player-options { border: 1px solid; border-color: #040301 #7E5803 #7E5803 #040301; }