Skip to content
This repository
Browse code

Light and LightDark UI more tablet friendly.

  • Loading branch information...
commit cd59f173ea1a6462aae16b497b8e87f398196ff9 1 parent 98c1dca
mizaki authored March 18, 2012
6  css/layout.css
@@ -46,7 +46,7 @@ div.mkfOverlay div.dialog {
46 46
 	border: 3px solid #555555;
47 47
 	background-color: rgba(0, 0, 0, 0.8);
48 48
 	padding: 10px;
49  
-	margin: 50px auto 0  auto;
  49
+	margin: 20px auto 0  auto;
50 50
 	min-height: 42px;
51 51
 	width: 580px;
52 52
 	font-size: 12px;
@@ -59,6 +59,10 @@ div.mkfOverlay div.dialog h1 {
59 59
 
60 60
 h1.loading { line-height: 32px; background: url('../images/dialog_loading.gif') no-repeat left center; padding-left: 40px; }
61 61
 
  62
+a img {
  63
+	border: 0px;
  64
+}
  65
+
62 66
 #input {
63 67
 	position: absolute;
64 68
 	bottom: 250px;
BIN  images/OverlayWatched_Small.png 100644 → 100755
2  js/lib.xbmc.js
@@ -302,7 +302,7 @@ var xbmc = {};
302 302
 		},
303 303
 		
304 304
 		getUrl: function(url) {
305  
-			return location.protocol + '//' + location.host + '/' + encodeURI(url);
  305
+			return location.protocol + '//' + location.host + '/' + url;
306 306
 		},
307 307
 
308 308
 		getLogo: function(filepath, callback) {
15  js/ui.views.js
@@ -1485,7 +1485,7 @@ var uiviews = {};
1485 1485
 			var $movie = $('<div class="prev" style="float: left; margin-bottom: ' + contentHeight/2.5 + 'px; margin-left: 10px; display: table-cell"><a href="#" /></div>' +
1486 1486
 				'<div class="single" style="display: table-cell;"><div style="width: auto; float: none; padding: 0; text-align: center; margin-top: 5px" class="movie'+movies.movies[currentItem].movieid+' movie">' +
1487 1487
 				//'<div>' +
1488  
-				'<img src="' + thumb + '" alt="' + movies.movies[currentItem].label + '" class="singleThumb" style="height: ' + imgHeight + 'px; min-height: 230px; min-width: 160px" />' +
  1488
+				'<img src="' + thumb + '" alt="' + movies.movies[currentItem].label + '" class="singleThumb" style="height: ' + imgHeight + 'px; min-height: 170px; min-width: 114px" />' +
1489 1489
 				'<div class="movieName albumInfo" style="margin-top: 0; height: 20px; width: 100%"><span style="vertical-align: middle; margin: 0 3px;">' + movies.movies[currentItem].label + '</span>' + (movies.movies[currentItem].playcount > 0? '<img style="vertical-align: middle" src="images/OverlayWatched_Small.png" />' : '') + '</div>' +
1490 1490
 				//'</div>' +
1491 1491
 				'<div class="rating smallRating' + Math.round(movies.movies[currentItem].rating) + '" style="margin-bottom: 3px;"></div><br />' +
@@ -1825,8 +1825,8 @@ var uiviews = {};
1825 1825
 					if (filterWatched && watched) { return; }
1826 1826
 					
1827 1827
 					var thumb = (episode.thumbnail? xbmc.getThumbUrl(episode.thumbnail) : 'images/thumb.png');
1828  
-					var $episode = $('<li><div class="showEpisode">' + 
1829  
-					'<div class="episodeThumb thumbEpWrapper">' +
  1828
+					var $episode = $('<li><div class="showEpisode thumbEpWrapper">' + 
  1829
+					'<div class="episodeThumb">' +
1830 1830
 					'<div class="linkEpWrapper">' + 
1831 1831
 							'<a href="" class="play">' + mkf.lang.get('btn_play') + '</a><a href="" class="playlist">' + mkf.lang.get('btn_enqueue') + '</a><a href="" class="info">' + mkf.lang.get('btn_information') + '</a>' +
1832 1832
 						'</div>' +
@@ -1868,9 +1868,9 @@ var uiviews = {};
1868 1868
 					if (filterWatched && watched) { return; }
1869 1869
 					
1870 1870
 					var thumb = (episode.thumbnail? xbmc.getThumbUrl(episode.thumbnail) : 'images/thumb.png');
1871  
-					var $episode = $('<li><div class="recentTVshow">' + 
  1871
+					var $episode = $('<li><div class="recentTVshow thumbEpWrapper">' + 
1872 1872
 					//'<div class="recentTVenq episode' + episode.episodeid + '"> <a href="" class="button playlist recentTVplay" title="' + mkf.lang.get('btn_enqueue') + '"><span class="miniIcon enqueue" /></a></div>' + 
1873  
-					'<div class="episodeThumb thumbEpWrapper">' +
  1873
+					'<div class="episodeThumb">' +
1874 1874
 					'<div class="linkEpWrapper">' + 
1875 1875
 							'<a href="" class="play">' + mkf.lang.get('btn_play') + '</a><a href="" class="playlist">' + mkf.lang.get('btn_enqueue') + '</a><a href="" class="unwatchedEps">' + mkf.lang.get('btn_unwatched') + '</a>' +
1876 1876
 						'</div>' +
@@ -1884,7 +1884,6 @@ var uiviews = {};
1884 1884
 					'</div><div class="recentTVSE">Season: ' + episode.season + ' - Episode: ' +episode.episode + 
1885 1885
 					'</div><div class="recentTVtitle">' + episode.label + '</div><div class="recentTVplot">' + episode.plot + '</div></div></li>').appendTo($episodeList);
1886 1886
 					
1887  
-					$episode.find('.recentTVshow').on('click', function() { $('.linkEpWrapper').css('display', 'block') });
1888 1887
 					$episode.find('.play').bind('click', {idEpisode: episode.episodeid}, uiviews.EpisodePlay);
1889 1888
 					$episode.find('.playlist').bind('click', {idEpisode: episode.episodeid}, uiviews.AddEpisodeToPlaylist);
1890 1889
 					$episode.find('.unwatchedEps').bind('click', {idTvShow: episode.tvshowid, strTvShow: episode.showtitle, objParentPage: parentPage}, uiviews.Unwatched);
@@ -1931,7 +1930,7 @@ var uiviews = {};
1931 1930
 						}
1932 1931
 						
1933 1932
 						$item = $('<li class="' + playlistItemClass + '" id="apli' + i + '"><div class="folderLinkWrapper playlistItem' + i + '">' + 
1934  
-							'<a class="button remove" href="" title="' + mkf.lang.get('btn_remove') +  '"><span class="miniIcon remove" /></a><span class="miniIcon playlistmove" title="' + mkf.lang.get('btn_swap') +  '" />' +
  1933
+							'<a class="button remove" href="" title="' + mkf.lang.get('btn_remove') +  '"><span class="miniIcon remove" /></a><a class="button playlistmove" href="" title="' + mkf.lang.get('btn_swap') +  '"><span class="miniIcon playlistmove" /></a>' +
1935 1934
 							'<a class="' + playlistItemCur + ' apli' + i + ' play" href="">' + (i+1) + '. ' +
1936 1935
 							(artist? artist + ' - ' : '') + (album? album + ' - ' : '') + (title? title : label) + '&nbsp;&nbsp;&nbsp;&nbsp;' + (duration? xbmc.formatTime(duration) : '') +
1937 1936
 							'<div class="findKeywords">' + artist.toLowerCase() + ' ' + album.toLowerCase() + ' ' + label.toLowerCase() + '</div>' +
@@ -1996,7 +1995,7 @@ var uiviews = {};
1996 1995
 							playlistItemCur = 'playlistItem';
1997 1996
 						};			
1998 1997
 						$item = $('<li class="' + playlistItemClass + '" id="vpli' + i + '"><div class="folderLinkWrapper playlistItem' + i + '">' + 
1999  
-							'<a class="button remove" href="" title="' + mkf.lang.get('btn_remove') +  '"><span class="miniIcon remove" /></a><span class="miniIcon playlistmove" title="' + mkf.lang.get('btn_swap') +  '"/>' +
  1998
+							'<a class="button remove" href="" title="' + mkf.lang.get('btn_remove') +  '"><span class="miniIcon remove" /></a><a class="button playlistmove" href="" title="' + mkf.lang.get('btn_swap') +  '"><span class="miniIcon playlistmove" /></a>' +
2000 1999
 							'<a class="' + playlistItemCur  + ' vpli' + i + ' play" href="">' + (i+1) + '. ' +
2001 2000
 							(item.type=='episode'? showtitle + ' - Season ' + season + ' - ' + title : title) + '&nbsp;&nbsp;&nbsp;&nbsp;' + xbmc.formatTime(duration) +
2002 2001
 							'</a></div></li>').appendTo($itemList);
3  ui.default/css/layout.css
@@ -366,7 +366,6 @@ span.information {
366 366
 }
367 367
 span.playlistmove {
368 368
 	float: left;
369  
-	margin: 10px 5px;
370 369
     background-position: -64px top;
371 370
 }
372 371
 span.unwatched {
@@ -404,7 +403,6 @@ div.thumbWrapper, div.logoWrapper {
404 403
     width: 129px;
405 404
 }
406 405
 div.thumbEpWrapper {
407  
-	text-align: center;
408 406
     width: 200px;
409 407
 }
410 408
 div.logoWrapper a {
@@ -450,6 +448,7 @@ div.linkTVWrapper {
450 448
 }
451 449
 div.linkEpWrapper {
452 450
     display: none;
  451
+	text-align: center;
453 452
     left: 5%;
454 453
 	top: 3px;
455 454
     position: absolute;
101  ui.light/css/layout.css
@@ -244,7 +244,6 @@ div.thumbWrapper, div.logoWrapper {
244 244
 	text-align: center;
245 245
 }
246 246
 div.thumbEpWrapper {
247  
-	text-align: center;
248 247
     width: 200px;
249 248
 }
250 249
 div.thumbPosterWrapper {
@@ -266,20 +265,21 @@ div.thumbWrapper:hover {
266 265
 
267 266
 div.thumbWrapper div.linkWrapper {
268 267
 	position: absolute;
269  
-	top: 10px;
  268
+	/*top: 10px;*/
270 269
 	left: 7px;
271 270
 	width: 90%;
272 271
 	display: none;
273 272
 }
274 273
 div.linkTVWrapper {
275 274
     display: none;
276  
-    left: 5%;
  275
+    left: 12%;
277 276
 	top: 7px;
278 277
     position: absolute;
279  
-    width: 90%;
  278
+    width: 75%;
280 279
 }
281 280
 div.linkEpWrapper {
282 281
     display: none;
  282
+	text-align: center;
283 283
     left: 5%;
284 284
 	top: 3px;
285 285
     position: absolute;
@@ -305,14 +305,14 @@ div.thumbWrapper:hover div.linkWrapper {
305 305
 div.thumbWrapper a {
306 306
 	display: block;
307 307
 	background-color: #343434;
308  
-	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
309  
-	filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;
  308
+	/*-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
  309
+	filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;*/
310 310
 	border: 1px solid #a4a4a4;
311 311
 	color: #fff;
312 312
 	text-decoration: none;
313 313
 	padding: 2px 7px;
314  
-	font-size: 14px;
315  
-	margin-bottom: 1px;
  314
+	font-size: 16px;
  315
+	margin-bottom: 7px;
316 316
 }
317 317
 div.thumbEpWrapper a {
318 318
     background-color: #343434;
@@ -950,13 +950,13 @@ div.singleView div.next {
950 950
 	color: #222;
951 951
 	margin-top: 0px;
952 952
 	margin-bottom: 0px;
953  
-	height: 32px;
  953
+	height: 48px;
954 954
 	padding-left: 5px;
955 955
 	background-color: rgba(234, 255, 201, 0.8);
956 956
 }
957 957
 .multiOpenAccordion-header a {
958 958
 	position: relative;
959  
-	top: 20%;
  959
+	top: 30%;
960 960
     color: #4B4B4B;
961 961
 }
962 962
 .multiOpenAccordion-header:hover {
@@ -1028,13 +1028,13 @@ div.multiOpenAccordion-content p.plot, div.ui-accordion-content p.plot {
1028 1028
 	color: #222;
1029 1029
 	margin-top: 0px;
1030 1030
 	margin-bottom: 0px;
1031  
-	height: 32px;
  1031
+	height: 48px;
1032 1032
 	padding-left: 5px;
1033 1033
 	background-color: rgba(234, 255, 201, 0.8);
1034 1034
 }
1035 1035
 .ui-accordion-header a {
1036 1036
 	position: relative;
1037  
-	top: 20%;
  1037
+	top: 30%;
1038 1038
     color: #4B4B4B;
1039 1039
 }
1040 1040
 .ui-accordion-header:hover {
@@ -1055,7 +1055,8 @@ ul.fileList {
1055 1055
 	border-top: 1px solid #ABABAB;
1056 1056
 }
1057 1057
 ul.fileList li {
1058  
-	height: 35px;
  1058
+	/*height: 48px;*/
  1059
+	font-size: 15px;
1059 1060
 	display: block;
1060 1061
 	background-color: rgba(255, 255, 255, 0.8);
1061 1062
 	border-bottom: 1px solid #ABABAB;
@@ -1069,7 +1070,7 @@ ul.fileList li.current {
1069 1070
 ul.fileList a {
1070 1071
 	display: block;
1071 1072
 	text-decoration: none;
1072  
-	padding: 10px 5px;
  1073
+	padding: 17px 5px;
1073 1074
 	color: #4b4b4b;
1074 1075
 }
1075 1076
 ul.fileList li a:hover {
@@ -1078,6 +1079,7 @@ ul.fileList li a:hover {
1078 1079
 
1079 1080
 div.folderLinkWrapper a.button {
1080 1081
 	float: left;
  1082
+	padding: 2px;
1081 1083
 }
1082 1084
 div.folderLinkWrapper a.button:hover {
1083 1085
 	background-color: transparent;
@@ -1085,57 +1087,78 @@ div.folderLinkWrapper a.button:hover {
1085 1087
 
1086 1088
 div.folderLinkWrapper a.song,
1087 1089
 div.folderLinkWrapper a.playlistItem,
1088  
-div.folderLinkWrapper a.episode { padding-left: 35px; }
  1090
+div.folderLinkWrapper a.episode { padding-left: 60px; }
1089 1091
 div.folderLinkWrapper a.folder,
1090  
-div.folderLinkWrapper a.file { padding-left: 35px; }
  1092
+div.folderLinkWrapper a.file { padding-left: 60px; }
1091 1093
 
1092 1094
 div.folderLinkWrapper a.playlistItemCur {
1093 1095
 	font-weight:bold;
1094  
-	padding: 10px 35px;
  1096
+	/*padding: 10px 35px;*/
1095 1097
 }
1096 1098
 div.folderLinkWrapper a.button:hover span.information {
1097 1099
     background-position: -48px -16px;
1098 1100
 }
1099 1101
 
1100 1102
 span.miniIcon {
1101  
-	display: block; height: 16px; width: 16px;
1102  
-	background: url('../images/mini_buttons.png') no-repeat;
  1103
+    background: url("../images/mini_buttons.png") no-repeat scroll 0 0 transparent;
  1104
+	float: left;
  1105
+    display: block;
  1106
+    height: 48px;
  1107
+    width: 48px;
1103 1108
 }
1104 1109
 span.playnext {
1105  
-    background-position: -112px top;
1106  
-}
1107  
-span.enqueue { background-position: left top; }
1108  
-span.play { background-position: -32px 0px; }
1109  
-span.remove { background-position: -16px 0; }
1110  
-span.information {
1111  
-    background-position: -48px 0;
  1110
+    background-position: -336px top;
1112 1111
 }
1113 1112
 span.playlistmove {
1114 1113
 	float: left;
1115  
-	margin: 10px 5px;
1116  
-    background-position: -64px top;
  1114
+	/*margin: 10px 5px;*/
  1115
+    background-position: -192px top;
  1116
+}
  1117
+span.enqueue {
  1118
+    background-position: left top;
  1119
+}
  1120
+span.play {
  1121
+    background-position: -96px 0px;
  1122
+}
  1123
+span.remove {
  1124
+    background-position: -48px 0;
  1125
+}
  1126
+span.information {
  1127
+    background-position: -144px 0;
1117 1128
 }
1118 1129
 span.unwatched {
1119  
-    background-position: -80px 0;
  1130
+    background-position: -240px 0;
1120 1131
 }
1121 1132
 span.all {
1122  
-    background-position: -96px 0;
  1133
+    background-position: -288px 0;
  1134
+}
  1135
+div.recentTVenq a.button:hover span.enqueue {
  1136
+    background-position: left bottom;
  1137
+}
  1138
+div.folderLinkWrapper a.button:hover span.enqueue {
  1139
+    background-position: left bottom;
  1140
+}
  1141
+div.folderLinkWrapper a.button:hover span.play {
  1142
+    background-position: -96px -48px;
  1143
+}
  1144
+div.folderLinkWrapper a.button:hover span.remove {
  1145
+    background-position: -48px -48px;
  1146
+}
  1147
+div.folderLinkWrapper a.button:hover span.information {
  1148
+    background-position: -144px -48px;
  1149
+}
  1150
+div.folderLinkWrapper a.button:hover span.unwatched {
  1151
+    background-position: -240px -48px;
1123 1152
 }
1124  
-div.folderLinkWrapper a.button:hover span.enqueue { background-position:left bottom; }
1125  
-div.folderLinkWrapper a.button:hover span.play { background-position: -32px -16px; }
1126  
-div.folderLinkWrapper a.button:hover span.remove { background-position: -16px -16px; }
1127 1153
 div.folderLinkWrapper span.playlistmove:hover {
1128 1154
 	float: left;
1129  
-    background-position: -64px -16px;
  1155
+    background-position: -192px -48px;
1130 1156
 }
1131 1157
 div.folderLinkWrapper span.playnext:hover {
1132  
-    background-position: -112px -16px;
1133  
-}
1134  
-div.folderLinkWrapper a.button:hover span.unwatched {
1135  
-    background-position: -80px -16px;
  1158
+    background-position: -336px -48px;
1136 1159
 }
1137 1160
 div.folderLinkWrapper a.button:hover span.all {
1138  
-    background-position: -96px -16px;
  1161
+    background-position: -288px -48px;
1139 1162
 }
1140 1163
 div.mkfOverlay div.dialogSystemControl {
1141 1164
     width: 400px;
BIN  ui.light/images/mini_buttons.png
73  ui.lightDark/css/layout.css
@@ -246,18 +246,18 @@ div.thumbFullLogoWrapper {
246 246
     width: 400px;
247 247
 }
248 248
 div.thumbEpWrapper {
249  
-	text-align: center;
250 249
     width: 200px;
251 250
 }
252 251
 div.thumbWrapper div.linkWrapper {
253 252
     display: none;
254 253
     left: 7px;
255 254
     position: absolute;
256  
-    top: 10px;
  255
+    /*top: 10px;*/
257 256
     width: 90%;
258 257
 }
259 258
 div.linkEpWrapper {
260 259
     display: none;
  260
+	text-align: center;
261 261
     left: 5%;
262 262
 	top: 3px;
263 263
     position: absolute;
@@ -272,10 +272,10 @@ div.linkTVLogoWrapper {
272 272
 }
273 273
 div.linkTVWrapper {
274 274
     display: none;
275  
-    left: 5%;
  275
+    left: 12%;
276 276
 	top: 6px;
277 277
     position: absolute;
278  
-    width: 90%;
  278
+    width: 75%;
279 279
 }
280 280
 div.logoWrapper:hover div.linkTVLogoWrapper {
281 281
     display: block;
@@ -289,13 +289,13 @@ div.thumbWrapper:hover div.linkWrapper, div.thumbEpWrapper:hover div.linkEpWrapp
289 289
 div.thumbWrapper a {
290 290
     background-color: #343434;
291 291
     border: 1px solid #A4A4A4;
292  
-    border-radius: 5px 5px 5px 5px;
  292
+    /*border-radius: 5px 5px 5px 5px;*/
293 293
     color: #FFFFFF;
294 294
     display: block;
295  
-    font-size: 14px;
296  
-    margin-bottom: 1px;
  295
+    font-size: 16px;
  296
+    margin-bottom: 7px;
297 297
     opacity: 0.9;
298  
-    padding: 2px 7px;
  298
+    padding: 4px 7px;
299 299
     text-decoration: none;
300 300
 }
301 301
 div.logoWrapper a {
@@ -560,7 +560,7 @@ div.findBox input {
560 560
 }
561 561
 div.movieRating0, div.movieRating1, div.movieRating2, div.movieRating3, div.movieRating4, div.movieRating5, div.movieRating6, div.movieRating7, div.movieRating8, div.movieRating9, div.movieRating10 {
562 562
     background: url("../images/ratings_big.png") no-repeat scroll 0 0 transparent;
563  
-    margin-top: 15px;
  563
+    margin-top: 5px;
564 564
     opacity: 0.9;
565 565
     width: 115px;
566 566
 }
@@ -972,7 +972,7 @@ div.singleView div.next {
972 972
 	color: #ddd;
973 973
 	margin-top: 0px;
974 974
 	margin-bottom: 0px;
975  
-	height: 32px;
  975
+	height: 48px;
976 976
 	padding-left: 5px;
977 977
 	background-color: rgba(70,70,70,0.6);
978 978
 }
@@ -981,7 +981,8 @@ div.singleView div.next {
981 981
 }
982 982
 .multiOpenAccordion-header a {
983 983
 	position: relative;
984  
-	top: 20%;
  984
+	top: 30%;
  985
+	font-size: 120%;
985 986
     color: #FFFFFF;
986 987
 }
987 988
 .multiOpenAccordion-content {
@@ -1049,7 +1050,7 @@ div.multiOpenAccordion-content p.plot, div.ui-accordion-content p.plot {
1049 1050
 	color: #ddd;
1050 1051
 	margin-top: 0px;
1051 1052
 	margin-bottom: 0px;
1052  
-	height: 32px;
  1053
+	height: 48px;
1053 1054
 	padding-left: 5px;
1054 1055
 	background-color: rgba(70,70,70,0.6);
1055 1056
 }
@@ -1058,7 +1059,7 @@ div.multiOpenAccordion-content p.plot, div.ui-accordion-content p.plot {
1058 1059
 }
1059 1060
 .ui-accordion-header a {
1060 1061
 	position: relative;
1061  
-	top: 20%;
  1062
+	top: 30%;
1062 1063
     color: #FFFFFF;
1063 1064
 }
1064 1065
 .ui-accordion-content {
@@ -1073,7 +1074,8 @@ p.loading {
1073 1074
 	background: url('../../images/dialog_loading.gif') no-repeat left center; 
1074 1075
 }
1075 1076
 ul.fileList li {
1076  
-	height: 35px;
  1077
+	/*height: 48px;*/
  1078
+	font-size: 15px;
1077 1079
 	background-color: rgba(0,0,0,0.7);
1078 1080
     border-bottom: 1px solid #ABABAB;
1079 1081
     display: block;
@@ -1087,7 +1089,7 @@ ul.fileList li.current {
1087 1089
 ul.fileList a {
1088 1090
     color: #ddd;
1089 1091
     display: block;
1090  
-    padding: 10px 5px;
  1092
+    padding: 17px 5px;
1091 1093
     text-decoration: none;
1092 1094
 }
1093 1095
 ul.fileList li a:hover {
@@ -1095,53 +1097,54 @@ ul.fileList li a:hover {
1095 1097
 }
1096 1098
 div.folderLinkWrapper a.button {
1097 1099
     float: left;
  1100
+	padding: 2px;
1098 1101
 }
1099 1102
 div.folderLinkWrapper a.button:hover {
1100 1103
     background-color: transparent;
1101 1104
 }
1102 1105
 div.folderLinkWrapper a.song, div.folderLinkWrapper a.playlistItem, div.folderLinkWrapper a.episode {
1103  
-    padding-left: 35px;
  1106
+    padding-left: 60px;
1104 1107
 }
1105 1108
 div.folderLinkWrapper a.folder, div.folderLinkWrapper a.file {
1106  
-    padding-left: 35px;
  1109
+    padding-left: 60px;
1107 1110
 }
1108 1111
 div.folderLinkWrapper a.playlistItemCur {
1109 1112
 	color: #fff;
1110 1113
     font-weight: bold;
1111  
-    padding: 10px 35px;
  1114
+    /*padding: 10px 35px;*/
1112 1115
 }
1113 1116
 span.miniIcon {
1114 1117
     background: url("../images/mini_buttons.png") no-repeat scroll 0 0 transparent;
1115 1118
 	float: left;
1116 1119
     display: block;
1117  
-    height: 16px;
1118  
-    width: 16px;
  1120
+    height: 48px;
  1121
+    width: 48px;
1119 1122
 }
1120 1123
 span.playnext {
1121  
-    background-position: -112px top;
  1124
+    background-position: -336px top;
1122 1125
 }
1123 1126
 span.playlistmove {
1124 1127
 	float: left;
1125  
-	margin: 10px 5px;
1126  
-    background-position: -64px top;
  1128
+	/*margin: 10px 5px;*/
  1129
+    background-position: -192px top;
1127 1130
 }
1128 1131
 span.enqueue {
1129 1132
     background-position: left top;
1130 1133
 }
1131 1134
 span.play {
1132  
-    background-position: -32px 0px;
  1135
+    background-position: -96px 0px;
1133 1136
 }
1134 1137
 span.remove {
1135  
-    background-position: -16px 0;
  1138
+    background-position: -48px 0;
1136 1139
 }
1137 1140
 span.information {
1138  
-    background-position: -48px 0;
  1141
+    background-position: -144px 0;
1139 1142
 }
1140 1143
 span.unwatched {
1141  
-    background-position: -80px 0;
  1144
+    background-position: -240px 0;
1142 1145
 }
1143 1146
 span.all {
1144  
-    background-position: -96px 0;
  1147
+    background-position: -288px 0;
1145 1148
 }
1146 1149
 div.recentTVenq a.button:hover span.enqueue {
1147 1150
     background-position: left bottom;
@@ -1150,26 +1153,26 @@ div.folderLinkWrapper a.button:hover span.enqueue {
1150 1153
     background-position: left bottom;
1151 1154
 }
1152 1155
 div.folderLinkWrapper a.button:hover span.play {
1153  
-    background-position: -32px -16px;
  1156
+    background-position: -96px -48px;
1154 1157
 }
1155 1158
 div.folderLinkWrapper a.button:hover span.remove {
1156  
-    background-position: -16px -16px;
  1159
+    background-position: -48px -48px;
1157 1160
 }
1158 1161
 div.folderLinkWrapper a.button:hover span.information {
1159  
-    background-position: -48px -16px;
  1162
+    background-position: -144px -48px;
1160 1163
 }
1161 1164
 div.folderLinkWrapper a.button:hover span.unwatched {
1162  
-    background-position: -80px -16px;
  1165
+    background-position: -240px -48px;
1163 1166
 }
1164 1167
 div.folderLinkWrapper span.playlistmove:hover {
1165 1168
 	float: left;
1166  
-    background-position: -64px -16px;
  1169
+    background-position: -192px -48px;
1167 1170
 }
1168 1171
 div.folderLinkWrapper span.playnext:hover {
1169  
-    background-position: -112px -16px;
  1172
+    background-position: -336px -48px;
1170 1173
 }
1171 1174
 div.folderLinkWrapper a.button:hover span.all {
1172  
-    background-position: -96px -16px;
  1175
+    background-position: -288px -48px;
1173 1176
 }
1174 1177
 div.movieinfo {
1175 1178
 	display: table-row;
BIN  ui.lightDark/images/mini_buttons.png

0 notes on commit cd59f17

Please sign in to comment.
Something went wrong with that request. Please try again.