2008-05-12 Maciej Stachowiak <mjs@apple.com>
authormjs@apple.com <mjs@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Mon, 12 May 2008 09:10:31 +0000 (09:10 +0000)
committermjs@apple.com <mjs@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Mon, 12 May 2008 09:10:31 +0000 (09:10 +0000)
        Tweaked demo visuals slightly.

        * demos/transitions-and-transforms/leopard.css:

git-svn-id: http://svn.webkit.org/repository/webkit/trunk@33042 268f45cc-cd09-0410-ab3c-d52691b4dbfc

WebKitSite/ChangeLog
WebKitSite/demos/transitions-and-transforms/leopard.css

index e1b455e18ca61d1bcbf31de0c97a5da583aa8973..11fa7c63c6ac49a8a6356bb5a9966a8ec8e751e6 100644 (file)
@@ -1,3 +1,9 @@
+2008-05-12  Maciej Stachowiak  <mjs@apple.com>
+
+        Tweaked demo visuals slightly.
+
+        * demos/transitions-and-transforms/leopard.css:
+
 2008-05-12  Maciej Stachowiak  <mjs@apple.com>
 
         Tweak CSS to look a little better while loading.
 2008-05-12  Maciej Stachowiak  <mjs@apple.com>
 
         Tweak CSS to look a little better while loading.
index b09d29ea21b29bad0aa2c2a3d5099a89faf77ac3..456fa2aabf01003471798a3d3a05d70421b9102a 100644 (file)
@@ -1,11 +1,12 @@
+html { height: 100%; }
+
 body {
     background-color: black;
     background-image: url(Horsehead.png);
     -webkit-background-size: 100% 100%;
 body {
     background-color: black;
     background-image: url(Horsehead.png);
     -webkit-background-size: 100% 100%;
-    font-family: "Lucida Grande";
+    font-family: "Lucida Grande" "Arial";
 }
 
 }
 
-
 h1 {
     background-color: #400030;
     color: white;
 h1 {
     background-color: #400030;
     color: white;
@@ -60,6 +61,7 @@ h1 {
     -webkit-timing-function: ease-in;
     -webkit-transform: rotate(-5deg);
     opacity: 0;
     -webkit-timing-function: ease-in;
     -webkit-transform: rotate(-5deg);
     opacity: 0;
+    background-color: white;
     border: 5px solid white;
     position: absolute;
     left: 120%;
     border: 5px solid white;
     position: absolute;
     left: 120%;
@@ -69,7 +71,7 @@ h1 {
 
 #features > li > .picture > img {
     display: block;
 
 #features > li > .picture > img {
     display: block;
-    background-color: black;
+    background-color: white;
     width: 380px;
 }
 
     width: 380px;
 }