2 * Copyright (c) 2013, Intel Corporation.
4 * This program is licensed under the terms and conditions of the
5 * Apache License, version 2.0. The full text of the Apache License is at
6 * http://www.apache.org/licenses/LICENSE-2.0
17 background-color: white;
19 background-size:cover;
25 content:url(../images/musicButton.png);
31 content:url(../images/videoButton.png);
37 content:url(../images/imageButton.png);
42 content:url(../images/backButton.png);
47 content:url(../images/nextButton.png);
52 content:url(../images/returnButton.png);
57 content:url(../images/listIcon.png);
62 content:url(../images/playButton.png);
67 content:url(../images/pauseButton.png);
73 content:url(../images/allButton.png);
79 content:url(../images/artistButton.png);
85 content:url(../images/albumButton.png);
92 vertical-align: middle;
119 #sortButtons.landscape
161 background-size: contain;
183 .mediaList.mediaListAudioList
191 .mediaList.mediaListAudioList.landscape
197 .mediaList { overflow: auto; width:90%; height: 75%; left: 5%; right: 5%; }
199 .mediaList ul { list-style: none; overflow: auto; -webkit-padding-start: 0px;}
201 .mediaList ul li a { position:absolute; display:block; overflow: auto; background-color:rgba(50, 50, 50, 0.5);
202 padding-left:15px; padding-top:5px; padding-bottom:5px; border-radius: 20px; -webkit-border-radius: 20px;}
204 .mediaList ul li a.lightColor { position:absolute; display:block; overflow: auto; background-color:rgba(150, 150, 250, 0.5);
205 padding-left:15px; padding-top:5px; padding-bottom:5px; border-radius: 20px; -webkit-border-radius: 20px;}
207 /********************** Night versions ***********************/
211 background-color: black;
213 background-size:cover;
216 .mediaList ul li a.night { position:absolute; display:block; overflow: auto; background-color:rgba(180, 180, 180, 0.5);
217 padding-left:15px; padding-top:5px; padding-bottom:5px; border-radius: 20px; -webkit-border-radius: 20px;}
219 .mediaList ul li a.lightColor.night { position:absolute; display:block; overflow: auto; background-color:rgba(18, 18, 18, 0.5);
220 padding-left:15px; padding-top:5px; padding-bottom:5px; border-radius: 20px; -webkit-border-radius: 20px;}
222 #mainMusicButton.night
224 content:url(../images/musicButtonNight.png);
227 #mainVideoButton.night
229 content:url(../images/videoButtonNight.png);
232 #mainImageButton.night
234 content:url(../images/imageButtonNight.png);
239 content:url(../images/backButtonNight.png);
244 content:url(../images/nextButtonNight.png);
249 content:url(../images/returnButtonNight.png);
254 content:url(../images/listIconNight.png);
259 content:url(../images/playButtonNight.png);
262 #playButton.night.playing
264 content:url(../images/pauseButtonNight.png);
269 content:url(../images/allButtonNight.png);
272 #sortArtistButton.night
274 content:url(../images/artistButtonNight.png);
277 #sortAlbumButton.night
279 content:url(../images/albumButtonNight.png);