web/res/metadataplayer/AnnotationsList.css
author Raphael Velt <raph.velt@gmail.com>
Thu, 24 Jan 2013 18:52:38 +0100
changeset 776 e73b0c98d2db
parent 755 d50aeed9a54b
child 778 525f00c2d6ac
permissions -rw-r--r--
Added Slideshare
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
598
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     1
/* AnnotationsListWidget */
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     2
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     3
.Ldt-AnnotationsListWidget {
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     4
}
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     5
.Ldt-AnnotationsListWidget a {
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     6
    text-decoration: none;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     7
}
694
e9400c80e1e4 Updated Metadataplayer
Raphael Velt <raph.velt@gmail.com>
parents: 654
diff changeset
     8
e9400c80e1e4 Updated Metadataplayer
Raphael Velt <raph.velt@gmail.com>
parents: 654
diff changeset
     9
.Ldt-AnnotationsList-Audio {
e9400c80e1e4 Updated Metadataplayer
Raphael Velt <raph.velt@gmail.com>
parents: 654
diff changeset
    10
    width: 1px; height: 1px;
e9400c80e1e4 Updated Metadataplayer
Raphael Velt <raph.velt@gmail.com>
parents: 654
diff changeset
    11
}
e9400c80e1e4 Updated Metadataplayer
Raphael Velt <raph.velt@gmail.com>
parents: 654
diff changeset
    12
598
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    13
ul.Ldt-AnnotationsList-ul {
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    14
    list-style: none;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    15
    padding: 2px;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    16
    margin: 0;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    17
}
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    18
li.Ldt-AnnotationsList-li {
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    19
    width: 100%;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    20
    clear: both;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    21
    margin: 2px 0;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    22
    padding: 2px 0;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    23
    min-height: 60px;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    24
}
694
e9400c80e1e4 Updated Metadataplayer
Raphael Velt <raph.velt@gmail.com>
parents: 654
diff changeset
    25
.Ldt-AnnotationsList-li.selected {
e9400c80e1e4 Updated Metadataplayer
Raphael Velt <raph.velt@gmail.com>
parents: 654
diff changeset
    26
    background-image: url(img/pinstripe-grey.png);
598
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    27
}
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    28
.Ldt-AnnotationsList-highlight {
719
d0d3a9369f84 Update Metadataplayer
Raphael Velt <raph.velt@gmail.com>
parents: 694
diff changeset
    29
    background: #FFA0FC;
598
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    30
}
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    31
.Ldt-AnnotationsList-ThumbContainer {
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    32
    float: left;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    33
    width: 80px;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    34
    height: 50px;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    35
    text-align: center;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    36
    margin: 2px 0;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    37
}
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    38
.Ldt-AnnotationsList-Thumbnail {
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    39
    border: none;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    40
    max-width: 100%;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    41
    max-height: 100%;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    42
    margin: 0 auto;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    43
}
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    44
.Ldt-AnnotationsList-Duration {
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    45
    color: #f7268e;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    46
    float: right;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    47
    text-align: right;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    48
    font-size: 12px;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    49
    margin: 2px;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    50
}
654
a5977736d2b0 Corrected metadataplayer bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    51
h3.Ldt-AnnotationsList-Title {
598
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    52
    color: #0068c4;
694
e9400c80e1e4 Updated Metadataplayer
Raphael Velt <raph.velt@gmail.com>
parents: 654
diff changeset
    53
    font-size: 13px;
654
a5977736d2b0 Corrected metadataplayer bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    54
    margin: 2px 2px 0 82px;
598
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    55
    font-weight: bold;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    56
}
654
a5977736d2b0 Corrected metadataplayer bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    57
h3.Ldt-AnnotationsList-Title a {
a5977736d2b0 Corrected metadataplayer bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    58
    color: #0068c4;
598
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    59
}
654
a5977736d2b0 Corrected metadataplayer bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    60
p.Ldt-AnnotationsList-Description {
598
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    61
    margin: 2px 0 2px 82px;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    62
    font-size: 12px;
654
a5977736d2b0 Corrected metadataplayer bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    63
    color: #333333;
598
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    64
}
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    65
ul.Ldt-AnnotationsList-Tags {
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    66
    list-style: none;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    67
    padding: 0;
654
a5977736d2b0 Corrected metadataplayer bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    68
    margin: 2px 0 0 82px;
598
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    69
}
654
a5977736d2b0 Corrected metadataplayer bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    70
598
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    71
li.Ldt-AnnotationsList-Tag-Li {
654
a5977736d2b0 Corrected metadataplayer bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    72
    display: inline-block; border: none; margin: 0 10px 5px 0; height: 23px; padding: 0 0 0 20px;
a5977736d2b0 Corrected metadataplayer bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    73
    background: url(img/tag.png) left top no-repeat;
a5977736d2b0 Corrected metadataplayer bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    74
    cursor: pointer;
a5977736d2b0 Corrected metadataplayer bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    75
}
a5977736d2b0 Corrected metadataplayer bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    76
a5977736d2b0 Corrected metadataplayer bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    77
.Ldt-AnnotationsList-Tag-Li span {
a5977736d2b0 Corrected metadataplayer bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    78
    display: inline-block; font-size: 12px; height: 19px; padding: 4px 5px 0 0; border: none; margin: 0;
a5977736d2b0 Corrected metadataplayer bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    79
    background: url(img/tag.png) right top no-repeat;
598
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    80
}
654
a5977736d2b0 Corrected metadataplayer bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    81
598
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    82
li.Ldt-AnnotationsList-Tag-Li:hover {
654
a5977736d2b0 Corrected metadataplayer bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    83
    background-position: left -23px;
598
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    84
}
654
a5977736d2b0 Corrected metadataplayer bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    85
a5977736d2b0 Corrected metadataplayer bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    86
.Ldt-AnnotationsList-Tag-Li:hover span {
a5977736d2b0 Corrected metadataplayer bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    87
    background-position: right -23px;
694
e9400c80e1e4 Updated Metadataplayer
Raphael Velt <raph.velt@gmail.com>
parents: 654
diff changeset
    88
}
e9400c80e1e4 Updated Metadataplayer
Raphael Velt <raph.velt@gmail.com>
parents: 654
diff changeset
    89
e9400c80e1e4 Updated Metadataplayer
Raphael Velt <raph.velt@gmail.com>
parents: 654
diff changeset
    90
.Ldt-AnnotationsList-Play {
e9400c80e1e4 Updated Metadataplayer
Raphael Velt <raph.velt@gmail.com>
parents: 654
diff changeset
    91
    width: 125px; height: 20px; margin: 2px 0 2px 82px; text-align: center;
e9400c80e1e4 Updated Metadataplayer
Raphael Velt <raph.velt@gmail.com>
parents: 654
diff changeset
    92
    padding: 3px 5px 0 20px; font-size: 12px; cursor: pointer;
e9400c80e1e4 Updated Metadataplayer
Raphael Velt <raph.velt@gmail.com>
parents: 654
diff changeset
    93
    background: url(img/voiceannotation.png); color: #333333;
e9400c80e1e4 Updated Metadataplayer
Raphael Velt <raph.velt@gmail.com>
parents: 654
diff changeset
    94
}
e9400c80e1e4 Updated Metadataplayer
Raphael Velt <raph.velt@gmail.com>
parents: 654
diff changeset
    95
e9400c80e1e4 Updated Metadataplayer
Raphael Velt <raph.velt@gmail.com>
parents: 654
diff changeset
    96
.Ldt-AnnotationsList-Play:hover {
e9400c80e1e4 Updated Metadataplayer
Raphael Velt <raph.velt@gmail.com>
parents: 654
diff changeset
    97
    background-position: 0 bottom;
654
a5977736d2b0 Corrected metadataplayer bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    98
}