updated theme font and demo page

vibster · Jun 30, 2011 · 640f572 · 640f572
1 parent d4c9a37
commit 640f572
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 7 deletions.
diff --git a/humane-themes/bold-dark.css b/humane-themes/bold-dark.css
@@ -1,3 +1,5 @@
+@import 'http://fonts.googleapis.com/css?family=Ubuntu&v2';
+
 /* recommended base settings */
 html, body { height: 100%; }
 .humane {
@@ -24,7 +26,7 @@ div.humane.humane-show:hover { opacity: 0.2; }
 
 /* custom settings */
 .humane {
-  font-family           : Verdana, sans-serif;
+  font-family           : Ubuntu, Verdana, sans-serif;
   font-size             : 25px;
   letter-spacing        : -1px;
   top                   : 25%;

diff --git a/humane-themes/bold-light.css b/humane-themes/bold-light.css
@@ -1,3 +1,5 @@
+@import 'http://fonts.googleapis.com/css?family=Ubuntu&v2';
+
 /* recommended base settings */
 html, body { height: 100%; }
 .humane {
@@ -24,7 +26,7 @@ div.humane.humane-show:hover { opacity: 0.2; }
 
 /* custom settings */
 .humane {
-  font-family           : Verdana, sans-serif;
+  font-family           : Ubuntu, Verdana, sans-serif;
   font-size             : 25px;
   letter-spacing        : -1px;
   top                   : 25%;

diff --git a/humane-themes/libnotify.css b/humane-themes/libnotify.css
@@ -1,3 +1,5 @@
+@import 'http://fonts.googleapis.com/css?family=Ubuntu&v2';
+
 /* recommended base settings */
 html, body { height: 100%; }
 .humane {
@@ -24,7 +26,7 @@ div.humane.humane-show:hover { opacity: 0.2; }
 
 /* custom settings */
 .humane {
-  font-family           : Verdana, sans-serif;
+  font-family           : Ubuntu, sans-serif;
   font-size             : 15px;
   letter-spacing        : -1px;
   top                   : 10px;

diff --git a/index.html b/index.html
@@ -2,17 +2,31 @@
 <html>
    <head>
       <title>Humane JS</title>
+      <link href='http://fonts.googleapis.com/css?family=Ubuntu&v2' rel='stylesheet' type='text/css'>
+      <link href='http://fonts.googleapis.com/css?family=Cabin+Sketch:700&v2' rel='stylesheet' type='text/css'>
       <style>
          body {
-            font-family: Verdana, sans-serif;
+            font-family: Ubuntu, sans-serif;
             padding: 80px;
-            background-color: #eee;
+            background-color: #f0f0f0;
          }
          h1,h3 {
-            text-shadow: 0 -1px 1px #aaa;
+            font-family: 'Cabin Sketch', serif;
+            text-shadow: -1px 0px 1px #aaa;
+         }
+         h1 {
+            font-size: 4em;
+            margin: 0
+         }
+         h3 {
+            font-size: 2em;
+            margin: 0
          }
          pre {
-            background-color: #ddd;
+            font-size: 0.9em;
+            background-color: #fff;
+            border: 1px solid #aaa;
+            border-radius: 6px;
             padding: 10px;
          }
          blockquote {