Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

SVG background logo with PNG fallback

  • Loading branch information...
commit eefe2d50c5daa37ceee785c9f4abad3c38ddf2fe 1 parent c336450
@dmfrancisco authored
View
1  lib/styles.css
@@ -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
BIN  slideshow/images/bgd.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  slideshow/images/logo.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
6 slideshow/slide1.html.partial
@@ -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;
Please sign in to comment.
Something went wrong with that request. Please try again.