Initial commit of the Smart Device Link app
[profile/ivi/html5_UI_SDL.git] / css / music_library.css
1 /* ARTISTS */
2 .musicLibraryContentList .musicElement {
3         padding: 10px 0 10px 0;
4         height: 70px;
5         box-shadow: none;
6         border-bottom-style: solid;
7         border-bottom-width: 2px;
8         overflow: hidden;
9         white-space: nowrap;
10         line-height: 0;
11         text-align: left;
12         cursor: pointer;
13 }
14
15 .musicLibraryContentList .musicImage {
16         width: 70px;
17         height: 70px;
18         display: inline-block;
19         margin-right: 20px;
20         background-position: center center;
21         background-repeat: no-repeat;
22         background-size: 100% 100%;
23 }
24
25 .musicLibraryContentList .musicImage img {
26         width: 100%;
27         height: 100%;
28 }
29
30 .musicLibraryContentList .musicInfoBox {
31         display: inline-block;
32         vertical-align: top;
33         padding-top: 11px;
34         background-color: transparent !important;
35 }
36
37 .musicLibraryContentGrid {
38         line-height: 0;
39 }
40
41 .musicLibraryContentGrid .musicElement {
42         width: 180px;
43         height: 180px;
44         display: inline-block;
45         margin-right: 7px;
46         margin-bottom: 10px;
47         line-height: 0;
48         vertical-align: top;
49         cursor: pointer;
50 }
51
52 .musicLibraryContentGrid .musicImage {
53         width: 100%;
54         height: 100%;
55         background-position: center center;
56         background-repeat: no-repeat;
57         background-size: 100% 100%;
58 }
59
60 .musicLibraryContentGrid .musicImage img {
61         width: 100%;
62         height: 100%;
63 }
64
65 .musicLibraryContentGrid .musicInfoBox {
66         position: absolute;
67         top: 110px;
68         left: 0;
69         width: 180px;
70         height: 70px;
71         text-align: center;
72 }
73
74 .musicLibraryContentGrid .musicElement .artistName {
75         white-space: nowrap;
76         overflow: hidden;
77         width: 160px;
78         margin: 10px auto 0 auto;
79 }