src/widgets/MediaList.css
changeset 1072 ac1eacb3aa33
parent 1071 02c04d2c8fd8
child 1073 687133dc13cf
equal deleted inserted replaced
1071:02c04d2c8fd8 1072:ac1eacb3aa33
     1 .Ldt-MediaListWidget a {
       
     2     text-decoration: none;
       
     3 }
       
     4 
       
     5 .Ldt-MediaListWidget h2 {
       
     6     clear: both;
       
     7 }
       
     8 
       
     9 .Ldt-MediaList-NowContainer {
       
    10     min-height: 60px;
       
    11     margin: 2px 0;
       
    12 }
       
    13 
       
    14 h3.Ldt-MediaList-Now-Title {
       
    15     font-size: 13px;
       
    16     margin: 2px 2px 0 82px;
       
    17     font-weight: bold;
       
    18 }
       
    19 
       
    20 .Ldt-MediaListWidget h3 a {
       
    21     color: #0068c4;
       
    22 }
       
    23 
       
    24 p.Ldt-MediaList-Now-Description {
       
    25     margin: 2px 0 2px 82px;
       
    26     font-size: 12px;
       
    27     color: #666666;
       
    28 }
       
    29 
       
    30 ul.Ldt-MediaList-OtherList {
       
    31     list-style: none;
       
    32     padding: 2px;
       
    33     margin: 0;
       
    34 }
       
    35 
       
    36 li.Ldt-MediaList-OtherList-li {
       
    37     width: 100%;
       
    38     clear: both;
       
    39     margin: 2px 0;
       
    40     padding: 2px 0;
       
    41     min-height: 48px;
       
    42 }
       
    43 
       
    44 .Ldt-MediaList-OtherList-li:hover, .Ldt-MediaList-NowContainer:hover {
       
    45     background: url(img/pinstripe-grey.png);
       
    46 }
       
    47 
       
    48 .Ldt-MediaList-Now-ThumbContainer, .Ldt-MediaList-Other-ThumbContainer {
       
    49     float: left;
       
    50     width: 80px;
       
    51     height: 50px;
       
    52     text-align: center;
       
    53     margin: 2px 0;
       
    54 }
       
    55 
       
    56 .Ldt-MediaList-Now-ThumbContainer {
       
    57     float: left;
       
    58     width: 80px;
       
    59     height: 50px;
       
    60     text-align: center;
       
    61     margin: 2px 0;
       
    62 }
       
    63 
       
    64 .Ldt-MediaList-Other-ThumbContainer {
       
    65     width: 60px;
       
    66     height: 38px;
       
    67 }
       
    68 
       
    69 .Ldt-MediaList-Now-Thumbnail, .Ldt-MediaList-Other-Thumbnail {
       
    70     border: none;
       
    71     max-width: 100%;
       
    72     max-height: 100%;
       
    73     margin: 0 auto;
       
    74 }
       
    75 
       
    76 h3.Ldt-MediaList-Other-Title {
       
    77     font-size: 12px;
       
    78     margin: 2px 2px 0 62px;
       
    79     font-weight: bold;
       
    80 }
       
    81 
       
    82 p.Ldt-MediaList-Other-Description {
       
    83     margin: 2px 0 2px 62px;
       
    84     font-size: 10px;
       
    85     color: #666666;
       
    86 }
       
    87 
       
    88 .Ldt-MediaList-Now-MediaView {
       
    89     clear: both; width: 100%; height: 12px; margin: 5px 0 0; overflow: hidden; position: relative;
       
    90 }
       
    91 
       
    92 .Ldt-MediaList-Other-MediaView {
       
    93     clear: both; width: 100%; height: 6px; margin: 5px 0 0; overflow: hidden; position: relative;
       
    94 }
       
    95 
       
    96 .Ldt-MediaList-MediaView-Background {
       
    97     position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter: alpha(opacity=50); opacity: 0.5; background: #999999;
       
    98 }
       
    99 
       
   100 .Ldt-MediaList-Segment {
       
   101     position: absolute; top: 0; height: 100%; border-style: none solid; margin-left: -1px; border-color: #ffffff; border-width: 1px;
       
   102 }