Permalink
Browse files

@font-face

  • Loading branch information...
1 parent 97c7472 commit ecfd8e378479f26ca3de06bc5c441d845979b992 @AllanD AllanD committed Apr 8, 2011
Showing with 18 additions and 10 deletions.
  1. BIN content/css/Lobster_1.4.otf
  2. +14 −6 content/css/main.css
  3. +4 −4 content/index.txt
Binary file not shown.
View
@@ -65,6 +65,14 @@ input, select { vertical-align: middle; }
and read this CSS rule. Don't ever use a normal HTML
comment inside the CC or it will close prematurely. */
+@font-face {
+ font-family: "Lobster 1.4"; src: url('lobster_1.4.otf');
+}
+
+.lobsterFont {
+ font-family: "Lobster 1.4", Georgia, serif;
+}
+
/* General */
html, body {
height: 100%;
@@ -141,7 +149,6 @@ header h1.logo a {
/* MainContent */
.grid .top,
.grid .bottom {
- height: 250px;
}
.grid aside {
position: relative;
@@ -154,8 +161,7 @@ header h1.logo a {
.grid h2 {
height: 80px;
line-height: 90px;
- font-family: georgia, serif;
- font-size: 25px;
+ font-size: 30px;
padding-left: 70px;
}
.grid h2 img {
@@ -169,12 +175,11 @@ header h1.logo a {
.grid .gridIcon4 {}
.grid .gridContent {
- height: 170px;
overflow: hidden;
padding: 0 10px;
}
.grid .boxed {
- height: 150px;
+ height: 180px;
margin-top: -20px;
position: relative;
bottom: 0;
@@ -183,10 +188,13 @@ header h1.logo a {
background: #dbdbdb;
-moz-border-radius: 10px;
border-radius: 10px;
+ -moz-box-shadow:inset 0 0 2px white;
+ -webkit-box-shadow:inset 0 0 2px white;
+ box-shadow:inset 0 0 2px white;
}
-.grid
+.grid,
.mainContent {
padding-bottom: 100px; /* Height of footer */
}
View
@@ -14,13 +14,13 @@ filter:
<div class="grid clearfix">
<div class="top clearfix">
<aside>
- <h2><img class="gridIcon1" src="../images/icon_toolbox.png" alt="#" />Why MacRuby?</h2>
+ <h2 class="lobsterFont"><img class="gridIcon1" src="../images/icon_toolbox.png" alt="#" />Why MacRuby?</h2>
<div class="gridContent">
MacRuby began as an attempt to work around many problems inherent in RubyCocoa. In the course of solving these problems, MacRuby has also solved numerous problems in the original implementation of Ruby. Consequently, there are a number of reasons (e.g. convenience, efficiency, flexibility, performance) why one might wish to use MacRuby for new (and ongoing) Ruby applications... <a href="/documentation/why-macruby.html"><br/><i>Read more...</i></a>
</div>
</aside>
<aside>
- <h2><img class="gridIcon2" src="../images/icon_star.png" alt="#" /> Whats Going on</h2>
+ <h2 class="lobsterFont"><img class="gridIcon2" src="../images/icon_star.png" alt="#" /> Whats Going on</h2>
<div >
<div class="gridContent boxed">
apsod ifhap sodfih aspdfioh
@@ -29,14 +29,14 @@ filter:
</div>
<div class="bottom clearfix">
<aside>
- <h2><img class="gridIcon3" src="../images/icon_notebook.png" alt="#" />The Definitive Guide</h2>
+ <h2 class="lobsterFont"><img class="gridIcon3" src="../images/icon_notebook.png" alt="#" />The Definitive Guide</h2>
<div class="gridContent">
Matt Aimonetti is currently working on a MacRuby book for O'Reilly. It is under development and the book is being published as it is being written. The work is released under a <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/us/">Creative Commons</a> license, with the idea of getting early feedback from the community.
<br/><a href="http://macruby.labs.oreilly.com/">Check it out!</a>
</div>
</aside>
<aside>
- <h2><img class="gridIcon4" src="../images/icon_cloud.png" alt="#" />MacRuby Blogs</h2>
+ <h2 class="lobsterFont"><img class="gridIcon4" src="../images/icon_cloud.png" alt="#" />MacRuby Blogs</h2>
<div class="gridContent boxed">
apsod ifhap sodfih aspdfioh
</div>

0 comments on commit ecfd8e3

Please sign in to comment.