Permalink
Browse files

Background gradient

  • Loading branch information...
1 parent 9fbc1c0 commit 875b9394f68996d82950043a7822127fba3daef2 @wehriam wehriam committed May 16, 2012
Showing with 31 additions and 7 deletions.
  1. +27 −3 css/style.css
  2. BIN img/logos/Sunset.jpg
  3. +2 −2 index.html
  4. +2 −2 js/script.js
View
@@ -220,7 +220,30 @@ td { vertical-align: top; }
body {
- background-color:#006699;
+ background-color:#0F3F58;
+
+ background-repeat:no-repeat;
+ background-attachment:fixed;
+ background-position:center;
+
+ /* IE10 */
+ background-image: -ms-linear-gradient(top right, #666666 0%, #111111 100%);
+
+ /* Mozilla Firefox */
+ background-image: -moz-linear-gradient(top right, #666666 0%, #111111 100%);
+
+ /* Opera */
+ background-image: -o-linear-gradient(top right, #666666 0%, #111111 100%);
+
+ /* Webkit (Safari/Chrome 10) */
+ background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0, #666666), color-stop(1, #111111));
+
+ /* Webkit (Chrome 11+) */
+ background-image: -webkit-linear-gradient(top right, #666666 0%, #111111 100%);
+
+ /* Proposed W3C Markup */
+ background-image: linear-gradient(top right, #666666 0%, #111111 100%);
+
}
html {
@@ -536,12 +559,13 @@ a:hover {
/* Conclusion */
#conclusion p {
- font-size:96px;
+ font-size:36px;
+ padding-left:200px;
color:#ffffff;
}
#conclusion .background {
- background-image: url(../img/road.jpg);
+ background-image: url(../img/sunset.jpg);
}
/* Team */
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -73,7 +73,7 @@
<div class="blank">
<div class="content">
<img class="driver" src="img/x6/driver.png" />
- <p>Tred helps you configure your car...</p>
+ <p>Tred helps you configure your perfect car...</p>
<img class="rear" src="img/x6/rear.png" />
</div>
</div>
@@ -91,7 +91,7 @@
<div class="background"></div>
<div class="blank">
<div class="content">
- <p>Summer 2012.</p>
+ <p>Summer 2012</p>
</div>
</div>
</div>
View
@@ -99,15 +99,15 @@ $(document).ready(function() {
scrollorama.animate("#conclusion .background", {
duration:200,
- delay: 400,
+ delay: 200,
property:'opacity',
start:0,
end:1,
baseline: "bottom"
});
scrollorama.animate("#conclusion .background", {
duration:200,
- delay: 0,
+ delay: 100,
property:'opacity',
start:1,
end:0,

0 comments on commit 875b939

Please sign in to comment.