crea/integration/metadataplayer/LdtPlayer-core.css
author ymh <ymh.work@gmail.com>
Mon, 29 Jul 2024 23:18:55 +0200
changeset 131 2a18dfe8bfc0
parent 60 c9c34daf1fe6
permissions -rw-r--r--
last change before install

/* Base classes */

h3.Ldt-Loader {
    display: none;
}

.Musitag-container-50 {
    position:relative; width:50px; height:50px; cursor: pointer;
}

.Musitag-shadow, .Musitag-color, .Musitag-emoticon {
    position: absolute;
}

.Musitag-container-50 .Musitag-shadow, .Musitag-container-50 .Musitag-color, .Musitag-container-50 .Musitag-emoticon {
    width:50px; height:50px; background: url(../img/tags50.png) no-repeat;
}

.Musitag-container-50 .Musitag-shadow {
    left: 2px; top: 2px; background-position: -200px -50px;
}

.Musitag-container-50:hover .Musitag-shadow {
    left: 0; top: 0;
}

.Musitag-container-50:hover .Musitag-color, .Musitag-container-50:hover .Musitag-emoticon {
    left: 2px; top: 2px;
}

.Musitag-container-50 .Musitag-yellow {
    background-position: -50px 0;
}

.Musitag-container-50 .Musitag-green {
    background-position: -100px 0;
}

.Musitag-container-50 .Musitag-red {
    background-position: -150px 0;
}

.Musitag-container-50 .Musitag-blue {
    background-position: -200px 0;
}

.Musitag-container-50 .Musitag-happy {
    background-position: 0 -50px;
}

.Musitag-container-50 .Musitag-unhappy {
    background-position: -50px -50px;
}

.Musitag-container-50 .Musitag-laughing {
    background-position: -100px -50px;
}

.Musitag-container-50 .Musitag-surprised {
    background-position: -150px -50px;
}

.Musitag-container-80 {
    position:relative; width:80px; height:80px; cursor: pointer;
}

.Musitag-container-80 .Musitag-shadow, .Musitag-container-80 .Musitag-color, .Musitag-container-80 .Musitag-emoticon {
    width:80px; height:80px; background: url(../img/tags80.png) no-repeat;
}

.Musitag-container-80 .Musitag-shadow {
    left: 4px; top: 4px; background-position: -320px -80px;
}

.Musitag-container-80:hover .Musitag-shadow, .Musitag-container-80.down .Musitag-shadow {
    left: 0; top: 0;
}

.Musitag-container-80:hover .Musitag-color, .Musitag-container-80:hover .Musitag-emoticon, .Musitag-container-80.down .Musitag-color, .Musitag-container-80.down .Musitag-emoticon {
    left: 4px; top: 4px;
}

.Musitag-container-80 .Musitag-yellow {
    background-position: -80px 0;
}

.Musitag-container-80 .Musitag-green {
    background-position: -160px 0;
}

.Musitag-container-80 .Musitag-red {
    background-position: -240px 0;
}

.Musitag-container-80 .Musitag-blue {
    background-position: -320px 0;
}

.Musitag-container-80 .Musitag-happy {
    background-position: 0 -80px;
}

.Musitag-container-80 .Musitag-unhappy {
    background-position: -80px -80px;
}

.Musitag-container-80 .Musitag-laughing {
    background-position: -160px -80px;
}

.Musitag-container-80 .Musitag-surprised {
    background-position: -240px -80px;
}