crea/integration/metadataplayer/MusitagAnnotations.css
author ymh <ymh.work@gmail.com>
Wed, 06 Jun 2012 23:00:42 +0200
changeset 16 e37a29d23c86
parent 4 4928ecd06b44
child 30 8cda6414d63e
permissions -rw-r--r--
First version of tralalere platform

.Musitag-Annotations-column {
    padding: 15px 0 0; margin-right: 8px; width: 50px; float: left;
    background: url(../img/liane.png) top no-repeat;
}

.Musitag-Annotations-tag {
    margin: 8px 0 0; position: relative;
}

.Musitag-Annotations-Balloon {
    position: absolute; background: url(../img/phylactere.png);
    width: 66px; height: 45px; top: 8px; left: 30px;
    z-index: 25; display: none; cursor: pointer;
}

.Musitag-Annotations-Balloon:hover {
    background-position: 0 -45px;
}

.Musitag-Annotations-tag:first-child .Musitag-container-50 {
    z-index: 20;
}

.Musitag-Annotations-tag:nth-child(2) .Musitag-container-50 {
    z-index: 19;
}

.Musitag-Annotations-tag:nth-child(3) .Musitag-container-50 {
    z-index: 18;
}

.Musitag-Annotations-tag:nth-child(4) .Musitag-container-50 {
    z-index: 17;
}

.Musitag-Annotations-tag:nth-child(5) .Musitag-container-50 {
    z-index: 16;
}

.Musitag-Annotations-tag:nth-child(6) .Musitag-container-50 {
    z-index: 15;
}

.Musitag-Annotations-tag:nth-child(7) .Musitag-container-50 {
    z-index: 14;
}

.Musitag-Annotations-tag:nth-child(8) .Musitag-container-50 {
    z-index: 13;
}

.Musitag-Annotations-tag:nth-child(9) .Musitag-container-50 {
    z-index: 12;
}

.Musitag-Annotations-tag:nth-child(10) .Musitag-container-50 {
    z-index: 11;
}

.Musitag-Annotations-tag:first-child:nth-last-child(5) ~ .Musitag-Annotations-tag {
    margin: -3px 0 0;
}

.Musitag-Annotations-tag:first-child:nth-last-child(6) ~ .Musitag-Annotations-tag {
    margin: -12px 0 0;
}

.Musitag-Annotations-tag:first-child:nth-last-child(7) ~ .Musitag-Annotations-tag {
    margin: -18px 0 0;
}

.Musitag-Annotations-tag:first-child:nth-last-child(8) ~ .Musitag-Annotations-tag {
    margin: -23px 0 0;
}

.Musitag-Annotations-tag:first-child:nth-last-child(9) ~ .Musitag-Annotations-tag {
    margin: -26px 0 0;
}

.Musitag-Annotations-tag:first-child:nth-last-child(10) ~ .Musitag-Annotations-tag {
    margin: -29px 0 0;
}