diff --git a/media/css/fallback.css b/media/css/fallback.css index 88908b0..1eb633f 100644 --- a/media/css/fallback.css +++ b/media/css/fallback.css @@ -1,3 +1,54 @@ -.no-opacity .home #spark-content, .no-opacity .home #firefox-content { +.no-opacity .home #spark-content, +.no-opacity .home #firefox-content, +.no-opacity .spark #firefox-content, +.no-opacity .spark #home, +.no-opacity .firefox #spark-content, +.no-opacity .firefox #home, +.no-opacity .spark-1 #spark-2, +.no-opacity .spark-1 #spark-3, +.no-opacity .spark-2 #spark-1, +.no-opacity .spark-2 #spark-3, +.no-opacity .spark-3 #spark-1, +.no-opacity .spark-3 #spark-2, +.no-opacity .layer-1 #layer-2, +.no-opacity .layer-1 #layer-3, +.no-opacity .layer-1 #layer-4, +.no-opacity .layer-2 #layer-1, +.no-opacity .layer-2 #layer-3, +.no-opacity .layer-2 #layer-4, +.no-opacity .layer-3 #layer-1, +.no-opacity .layer-3 #layer-2, +.no-opacity .layer-3 #layer-4, +.no-opacity .layer-4 #layer-1, +.no-opacity .layer-4 #layer-2, +.no-opacity .layer-4 #layer-3 { visibility:hidden; +} + +.no-opacity .tooltip { + visibility:hidden; +} + +.no-cssgradients #spark-button { + background:url('../img/fallbacks/yellow-bg.png') repeat-x 0 0; +} + +.no-cssgradients #firefox-button { + background:url('../img/fallbacks/blue-bg.png') repeat-x 0 0; +} + +.no-cssgradients #ff-download { + background:url('../img/fallbacks/green-bg.png') repeat-x 0 0; +} + +.no-boxshadow #spark-button { + border-bottom:3px solid #ad9d35; +} + +.no-boxshadow #firefox-button { + border-bottom:3px solid #346b88; +} + +.no-boxshadow #ff-download { + border-bottom:3px solid #779c00; } \ No newline at end of file diff --git a/media/css/firefox-4.css b/media/css/firefox-4.css index d0d54a2..fe91513 100644 --- a/media/css/firefox-4.css +++ b/media/css/firefox-4.css @@ -58,14 +58,20 @@ } #layer-4 .block-3 .icon { - height:25px; + height:26px; width:25px; margin-right:10px; - background:#444; float:left; margin-top:-5px; } +#layer-4 .block-3 ul:nth-child(1) li:nth-child(1) .icon {background:url('../img/sprites-firefox.png') no-repeat 0 -300px;} +#layer-4 .block-3 ul:nth-child(1) li:nth-child(2) .icon {background:url('../img/sprites-firefox.png') no-repeat -25px -300px;} +#layer-4 .block-3 ul:nth-child(1) li:nth-child(3) .icon {background:url('../img/sprites-firefox.png') no-repeat -50px -300px;} +#layer-4 .block-3 ul:nth-child(2) li:nth-child(1) .icon {background:url('../img/sprites-firefox.png') no-repeat -75px -300px;} +#layer-4 .block-3 ul:nth-child(2) li:nth-child(2) .icon {background:url('../img/sprites-firefox.png') no-repeat -100px -300px;} +#layer-4 .block-3 ul:nth-child(2) li:nth-child(3) .icon {background:url('../img/sprites-firefox.png') no-repeat -125px -300px;} + #layer-4 .block-4, #layer-4 .block-5 { margin-top:20px; } diff --git a/media/img/fallbacks/blue-bg.png b/media/img/fallbacks/blue-bg.png new file mode 100644 index 0000000..632e0f8 Binary files /dev/null and b/media/img/fallbacks/blue-bg.png differ diff --git a/media/img/fallbacks/green-bg.png b/media/img/fallbacks/green-bg.png new file mode 100644 index 0000000..024561e Binary files /dev/null and b/media/img/fallbacks/green-bg.png differ diff --git a/media/img/fallbacks/yellow-bg.png b/media/img/fallbacks/yellow-bg.png new file mode 100644 index 0000000..7158c47 Binary files /dev/null and b/media/img/fallbacks/yellow-bg.png differ diff --git a/media/img/sprites-firefox.png b/media/img/sprites-firefox.png index 78954a5..87a3bac 100644 Binary files a/media/img/sprites-firefox.png and b/media/img/sprites-firefox.png differ