src/widgets/MediaList.module.css
author ymh <ymh.work@gmail.com>
Wed, 04 Sep 2024 17:32:50 +0200
changeset 1072 ac1eacb3aa33
parent 917 src/widgets/MediaList.css@eb8677d3a663
permissions -rw-r--r--
Migrate source and build to vite.js
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
902
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
     1
.Ldt-MediaListWidget a {
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
     2
    text-decoration: none;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
     3
}
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
     4
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
     5
.Ldt-MediaListWidget h2 {
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
     6
    clear: both;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
     7
}
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
     8
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
     9
.Ldt-MediaList-NowContainer {
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    10
    min-height: 60px;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    11
    margin: 2px 0;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    12
}
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    13
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    14
h3.Ldt-MediaList-Now-Title {
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    15
    font-size: 13px;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    16
    margin: 2px 2px 0 82px;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    17
    font-weight: bold;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    18
}
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    19
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    20
.Ldt-MediaListWidget h3 a {
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    21
    color: #0068c4;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    22
}
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    23
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    24
p.Ldt-MediaList-Now-Description {
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    25
    margin: 2px 0 2px 82px;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    26
    font-size: 12px;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    27
    color: #666666;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    28
}
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    29
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    30
ul.Ldt-MediaList-OtherList {
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    31
    list-style: none;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    32
    padding: 2px;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    33
    margin: 0;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    34
}
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    35
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    36
li.Ldt-MediaList-OtherList-li {
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    37
    width: 100%;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    38
    clear: both;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    39
    margin: 2px 0;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    40
    padding: 2px 0;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    41
    min-height: 48px;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    42
}
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    43
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    44
.Ldt-MediaList-OtherList-li:hover, .Ldt-MediaList-NowContainer:hover {
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    45
    background: url(img/pinstripe-grey.png);
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    46
}
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    47
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    48
.Ldt-MediaList-Now-ThumbContainer, .Ldt-MediaList-Other-ThumbContainer {
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    49
    float: left;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    50
    width: 80px;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    51
    height: 50px;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    52
    text-align: center;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    53
    margin: 2px 0;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    54
}
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    55
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    56
.Ldt-MediaList-Now-ThumbContainer {
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    57
    float: left;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    58
    width: 80px;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    59
    height: 50px;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    60
    text-align: center;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    61
    margin: 2px 0;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    62
}
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    63
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    64
.Ldt-MediaList-Other-ThumbContainer {
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    65
    width: 60px;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    66
    height: 38px;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    67
}
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    68
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    69
.Ldt-MediaList-Now-Thumbnail, .Ldt-MediaList-Other-Thumbnail {
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    70
    border: none;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    71
    max-width: 100%;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    72
    max-height: 100%;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    73
    margin: 0 auto;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    74
}
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    75
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    76
h3.Ldt-MediaList-Other-Title {
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    77
    font-size: 12px;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    78
    margin: 2px 2px 0 62px;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    79
    font-weight: bold;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    80
}
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    81
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    82
p.Ldt-MediaList-Other-Description {
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    83
    margin: 2px 0 2px 62px;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    84
    font-size: 10px;
14022f1d49ab Added MediaList widget for mashup
veltr
parents:
diff changeset
    85
    color: #666666;
917
eb8677d3a663 HTML 5 Mashup Player
veltr
parents: 902
diff changeset
    86
}
eb8677d3a663 HTML 5 Mashup Player
veltr
parents: 902
diff changeset
    87
eb8677d3a663 HTML 5 Mashup Player
veltr
parents: 902
diff changeset
    88
.Ldt-MediaList-Now-MediaView {
eb8677d3a663 HTML 5 Mashup Player
veltr
parents: 902
diff changeset
    89
    clear: both; width: 100%; height: 12px; margin: 5px 0 0; overflow: hidden; position: relative;
eb8677d3a663 HTML 5 Mashup Player
veltr
parents: 902
diff changeset
    90
}
eb8677d3a663 HTML 5 Mashup Player
veltr
parents: 902
diff changeset
    91
eb8677d3a663 HTML 5 Mashup Player
veltr
parents: 902
diff changeset
    92
.Ldt-MediaList-Other-MediaView {
eb8677d3a663 HTML 5 Mashup Player
veltr
parents: 902
diff changeset
    93
    clear: both; width: 100%; height: 6px; margin: 5px 0 0; overflow: hidden; position: relative;
eb8677d3a663 HTML 5 Mashup Player
veltr
parents: 902
diff changeset
    94
}
eb8677d3a663 HTML 5 Mashup Player
veltr
parents: 902
diff changeset
    95
eb8677d3a663 HTML 5 Mashup Player
veltr
parents: 902
diff changeset
    96
.Ldt-MediaList-MediaView-Background {
eb8677d3a663 HTML 5 Mashup Player
veltr
parents: 902
diff changeset
    97
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter: alpha(opacity=50); opacity: 0.5; background: #999999;
eb8677d3a663 HTML 5 Mashup Player
veltr
parents: 902
diff changeset
    98
}
eb8677d3a663 HTML 5 Mashup Player
veltr
parents: 902
diff changeset
    99
eb8677d3a663 HTML 5 Mashup Player
veltr
parents: 902
diff changeset
   100
.Ldt-MediaList-Segment {
eb8677d3a663 HTML 5 Mashup Player
veltr
parents: 902
diff changeset
   101
    position: absolute; top: 0; height: 100%; border-style: none solid; margin-left: -1px; border-color: #ffffff; border-width: 1px;
eb8677d3a663 HTML 5 Mashup Player
veltr
parents: 902
diff changeset
   102
}