[gimp-web/static-html5] crude, but scalable splash.

[Jakub Steiner <jimmac src gnome org>]

commit 676402bc7d4e6921c4ba5f26a622121d7cb7432b
Author: Jakub Steiner <jimmac novell com>
Date:   Sun Jun 20 20:24:07 2010 +0200

    crude, but scalable splash.

 css/gimp.css        |   22 ++++++++++++++++++++++
 css/gimp.sass       |   17 +++++++++++++++++
 css/grid.css        |    2 +-
 img/frontsplash.jpg |  Bin 0 -> 52282 bytes
 4 files changed, 40 insertions(+), 1 deletions(-)
---
diff --git a/css/gimp.css b/css/gimp.css
index 9039c9d..b99dcf3 100644
--- a/css/gimp.css
+++ b/css/gimp.css
@@ -2,6 +2,7 @@
 @import url(grid.css) all;
 body {
   font-family: "Droid Sans", sans-serif;
+  font-size: 13px;
   background: #374e70 url(/img/frbg.png) repeat-x center top;
   color: white;
   margin: 0;
@@ -55,5 +56,26 @@ a {
       font-size: 130%;
       margin-left: 1em; }
 
+#splash img {
+  display: block;
+  width: 100%;
+  height: inherit;
+  margin: 0; }
+#splash .subtitle {
+  background-color: #3c3c3c;
+  padding: 20px;
+  border-bottom-left-radius: 10px;
+  border-bottom-right-radius: 10px;
+  -moz-border-radius-bottomleft: 10px;
+  -moz-border-radius-bottomright: 10px;
+  -webkit-border-bottom-left-radius: 10px;
+  -webkit-border-bottom-right-radius: 10px; }
+  #splash .subtitle h3 {
+    font-size: 100%;
+    margin: 0 0 1em; }
+  #splash .subtitle p {
+    font-size: 80%;
+    color: #888a85; }
+
 #content {
   min-height: 400px; }
diff --git a/css/gimp.sass b/css/gimp.sass
index b1a1042..d6e3874 100644
--- a/css/gimp.sass
+++ b/css/gimp.sass
@@ -27,6 +27,7 @@ $headline: 'RaveIn Condensed', 'Avenir Condensed', Avenir, Prelude, sans-serif
   
 body
   font-family: $text
+  font-size: 13px
   background: $bodybg url(/img/frbg.png) repeat-x center top
   color: $bodyfg
   margin: 0
@@ -78,6 +79,22 @@ a
       font-size: 130%
       margin-left: 1em
 
+#splash
+  img
+    display: block
+    width: 100%
+    height: inherit
+    margin: 0
+  .subtitle
+    background-color: #3c3c3c
+    padding: 20px
+    +border-radius-bottom(10px)
+    h3
+      font-size: 100%
+      margin: 0 0 1em
+    p
+      font-size: 80%
+      color: #888a85
 #content
   min-height: 400px
 
diff --git a/css/grid.css b/css/grid.css
index 5d51003..26baaa4 100644
--- a/css/grid.css
+++ b/css/grid.css
@@ -13,7 +13,7 @@
 {
 	width: 92%;
 	margin: 0 auto;
-	max-width: 800px;
+	max-width: 730px;
 }
 .container-12.wide,
 .container-16.wide {
diff --git a/img/frontsplash.jpg b/img/frontsplash.jpg
new file mode 100644
index 0000000..5aefd2c
Binary files /dev/null and b/img/frontsplash.jpg differ