Permalink
Browse files

SVG background logo with PNG fallback

  • Loading branch information...
1 parent c336450 commit eefe2d50c5daa37ceee785c9f4abad3c38ddf2fe @dmfrancisco committed Aug 3, 2011
View
@@ -58,7 +58,6 @@ section {
#toolbar {
color: black;
text-shadow: 0px 1px 0px #ccc;
- font-family: "Lucida Grande";
padding: 1px 10px;
overflow: hidden;
z-index: 10000;
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@@ -14,13 +14,17 @@
font-size: 105px;
color: #111;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 2px 0 rgba(255, 255, 255, 0.3), 0 3px 0 rgba(255, 255, 255, 0.3);
- background: url('<%= @root %>/images/logo.svg') 0px 33px no-repeat;
height: 95px;
padding: 0 0 0 115px;
border: none;
display: inline;
letter-spacing: -5px;
-webkit-transition: .2s all linear;
+
+ background-image: url('<%= @root %>/images/logo.png'); /* SVG fallback explained here: http://goo.gl/7HyYZ */
+ background-image: none, url('<%= @root %>/images/logo.svg'), url('<%= @root %>/images/logo.png');
+ background-position: 0px 33px;
+ background-repeat: no-repeat;
}
#slide1 h2 {
font-size: 32px;

0 comments on commit eefe2d5

Please sign in to comment.