You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@servicemix.apache.org by cm...@apache.org on 2011/09/19 16:28:58 UTC
svn commit: r1172641 - in /servicemix/sandbox/cmoulliard:
ServiceMix-home.html images/logoGetInvolved.png service mix - good
version-new.png styles/style.css
Author: cmoulliard
Date: Mon Sep 19 14:28:58 2011
New Revision: 1172641
URL: http://svn.apache.org/viewvc?rev=1172641&view=rev
Log:
Move styles from HTML page into style.css file
Added:
servicemix/sandbox/cmoulliard/images/logoGetInvolved.png (with props)
Modified:
servicemix/sandbox/cmoulliard/ServiceMix-home.html
servicemix/sandbox/cmoulliard/service mix - good version-new.png
servicemix/sandbox/cmoulliard/styles/style.css
Modified: servicemix/sandbox/cmoulliard/ServiceMix-home.html
URL: http://svn.apache.org/viewvc/servicemix/sandbox/cmoulliard/ServiceMix-home.html?rev=1172641&r1=1172640&r2=1172641&view=diff
==============================================================================
--- servicemix/sandbox/cmoulliard/ServiceMix-home.html (original)
+++ servicemix/sandbox/cmoulliard/ServiceMix-home.html Mon Sep 19 14:28:58 2011
@@ -1,233 +1,228 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
-<head>
- <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
- <link rel="stylesheet" href="styles/style.css" type="text/css">
- <title>ServiceMix-home</title>
+<head>
+ <meta content="text/html; charset=ISO-8859-1"
+ http-equiv="content-type">
+ <link rel="stylesheet" href="styles/style.css" type="text/css">
+ <title>ServiceMix-home</title>
</head>
<body>
-
-<table style="text-align: left; height: 53px;" border="0" cellpadding="2" cellspacing="2">
- <tbody>
+<table style="text-align: left; height: 53px;" cellpadding="2" cellspacing="2">
+ <tbody>
<tr>
- <td style="vertical-align: top; width: 45%;">
- <img src="images/logo-smx-tm-feather.png" alt="logo-smx-tm-feather" style="width: 437px; height: 110px;"><br>
- </td>
- <td style="vertical-align: top; width: 55%;">
- <table style="text-align: left;" border="0" cellpadding="2" cellspacing="2">
- <tbody>
- <tr>
- <td>
- <div id="nav">
- <ul>
- <li><a href="#">Home</a></li>
- <li><a href="#">Download</a></li>
- <li><a href="#">Getting Started</a></li>
- <li><a href="#">Tutorials</a></li>
- <li><a href="#">Support</a></li>
- <li><a href="#">Contact</a></li>
- </ul>
- </div>
- </td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- <tr>
- <td colspan="2" rowspan="1" style="vertical-align: top;">
- <img alt="blue-line" style="height: 3px; width: 1350px " src="images/blue-line.png">
- </td>
+ <td style="width: 45%;">
+ <img style="width: 437px; height: 110px;"
+ src="images/logo-smx-tm-feather.png" alt="logo-smx-tm-feather"><br>
+ </td>
+ <td style="width: 55%;">
+ <table cellpadding="2" cellspacing="2">
+ <tbody>
+ <tr>
+ <td>
+ <div id="nav">
+ <ul>
+ <li><a href="#">Home</a></li>
+ <li><a href="#">Download</a></li>
+ <li><a href="#">Getting Started</a></li>
+ <li><a href="#">Tutorials</a></li>
+ <li><a href="#">Support</a></li>
+ <li><a href="#">Contact</a></li>
+ </ul>
+ </div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </td>
+ </tr>
+ <tr>
+ <td colspan="2" rowspan="1">
+ <img class="blueline" alt="blue-line" src="images/blue-line.png">
+ </td>
</tr>
- </tbody>
+ </tbody>
</table>
-
-
<br>
-
-<table style="text-align: left; height: 390px;" border="0" cellpadding="2" cellspacing="2">
-
- <tbody>
+<table style="text-align: left; height: 390px;" cellpadding="2" cellspacing="2">
+ <tbody>
<tr>
- <td style="vertical-align: top; width: 70%;">
- <table style="text-align: left; width: 100%; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
- <tbody>
- <tr>
- <td style="vertical-align: top; width: 267px; text-align: center;"><img style="width: 96px; height: 99px;" alt="earth" src="images/earth.png"><br>
- </td>
- <td style="vertical-align: top; text-align: center; width: 429px;"><big><span style="font-family: Lucida Grande;"><br>
-Leading Enterprise Service</span> <span style="font-family: Lucida Grande;">Bus</span><br style="font-family: Lucida Grande;">
- <span style="font-family: Lucida Grande; font-weight: bold;">in</span><br style="font-family: Lucida Grande; font-weight: bold;">
- <span style="font-family: Lucida Grande; font-weight: bold;">Open
-Source World</span></big><br>
- </td>
- </tr>
- <tr style="font-family: Lucida Grande;">
- <td colspan="2" rowspan="1" style="vertical-align: top;"><small><span style="font-weight: bold;">The Apache Service Mix Project</span><br>
+ <td style=" width: 70%;">
+ <table style="text-align: left; width: 100%; margin-left: auto; margin-right: auto;"
+ cellpadding="2" cellspacing="2">
+ <tbody>
+ <tr>
+ <td style="width: 267px; text-align: center;">
+ <img style="width: 96px; height: 99px;" alt="earth" src="images/earth.png"><br>
+ </td>
+ <td style="width: 429px;">
+ <div class="bigText" >Leading Enterprise ServiceBus</div>
+ <div class="bigTextBold">in<br>Open Source World</div>
+ </td>
+ </tr>
+ <tr>
+ <td colspan="2" rowspan="1" style="">
+ <small><span
+ style="font-weight: bold;">The Apache Service Mix Project</span><br>
+ <br>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. <span
+ class="colorLinks">Morbi tincidunt</span> urna vel
+ lectus porta quis dapibus augue iaculis. Integer in purus nibh, sed
+ aliquet diam. Nam hendrerit tempor nisi quis ultrices. Praesent luctus
+ hendrerit volutpat. In hac habitasse platea dictumst. Phasellus mauris
+ leo, placerat a condimentum eget, varius vel nisi. Quisque nec sem
+ neque, ac sollicitudin urna. <br>
+ Nulla lobortis suscipit ligula, auctor pretium risus tempus vitae.
+ Aliquam mattis, nunc nec tristique molestie, sapien tortor convallis
+ tortor, nec elementum purus libero a eros. Duis et est lorem, vehicula
+ ultricies diam. Nulla rhoncus ullamcorper iaculis. Proin venenatis
+ commodo ante vitae venenatis. <br>
+ <br>
+ <span class="colorLinks" ">Maecenas gravida
+ mollis </span>dui vitae laoreet. Donec non tincidunt mauris. Ut
+ ultrices condimentum tortor sed sollicitudin. Aliquam ac metus massa.
+ Aliquam euismod adipiscing nulla, ut congue justo dignissim non. Sed
+ sem eros, placerat in adipiscing et, posuere nec dui. <br>
+ </small>
+ </td>
+ </tr>
+ <tr align="right">
+ <td colspan="2" rowspan="1" style=""><img
+ style="width: 63px; height: 22px;" alt="more"
+ src="images/more-light-blue.png"><br>
+ </td>
+ </tr>
+ </tbody>
+ </table>
<br>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. <span style="color: rgb(45, 105, 157);">Morbi tincidunt</span> urna vel
- lectus porta quis dapibus augue iaculis. Integer in purus nibh, sed
- aliquet diam. Nam hendrerit tempor nisi quis ultrices. Praesent luctus
- hendrerit volutpat. In hac habitasse platea dictumst. Phasellus mauris
- leo, placerat a condimentum eget, varius vel nisi. Quisque nec sem
- neque, ac sollicitudin urna. <br>
- Nulla lobortis suscipit ligula, auctor pretium risus tempus vitae.
- Aliquam mattis, nunc nec tristique molestie, sapien tortor convallis
- tortor, nec elementum purus libero a eros. Duis et est lorem, vehicula
- ultricies diam. Nulla rhoncus ullamcorper iaculis. Proin venenatis
- commodo ante vitae venenatis. <br>
+ </td>
+ <td style=" width: 30%;">
+ <div style="text-align: right;"></div>
+ <table style="text-align: left; width: 168px; height: 362px; margin-left: auto; margin-right: 0px;"
+ cellpadding="2" cellspacing="2">
+ <tbody>
+ <tr>
+ <td><img
+ style="width: 250px; height: 32px;" alt="search"
+ src="images/search.png"><br>
+ </td>
+ </tr>
+ <tr align="right">
+ <td>
+ <div class="buttonImgGetIt">
+ <br><b>Get It</b></br>
+ <br>Download the latest version of Apache ServiceMix here</br>
+ </div>
+ </td>
+ </tr>
+ <tr align="right">
+ <td>
+ <div class="buttonLearn">
+ <br><b>Discover It</b></br>
+ <br>Learn how to use power of Apache ServiceMix</br>
+ </div>
+ </td>
+ </tr>
+ <tr align="right">
+ <td>
+ <div class="buttonImgGetInvolved">
+ <br><b>Get Involved</b></br>
+ <br>Contribute to the project and become part of it</br>
+ </div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
<br>
- <span style="color: rgb(45, 105, 157);">Maecenas gravida
- mollis </span>dui vitae laoreet. Donec non tincidunt mauris. Ut
- ultrices condimentum tortor sed sollicitudin. Aliquam ac metus massa.
- Aliquam euismod adipiscing nulla, ut congue justo dignissim non. Sed
- sem eros, placerat in adipiscing et, posuere nec dui. <br>
- </small></td>
- </tr>
- <tr align="right">
- <td colspan="2" rowspan="1" style="vertical-align: top;"><img style="width: 63px; height: 22px;" alt="more" src="images/more-light-blue.png"><br>
- </td>
- </tr>
- </tbody>
- </table>
- <br>
- </td>
- <td style="vertical-align: top; width: 30%;">
- <div style="text-align: right;"> </div>
- <table style="text-align: left; width: 168px; height: 362px; margin-left: auto; margin-right: 0px;" border="0" cellpadding="2" cellspacing="2">
- <tbody>
- <tr>
- <td style="vertical-align: top;"><img style="width: 250px; height: 32px;" alt="search" src="images/search.png"><br>
- </td>
- </tr>
- <tr align="right">
- <td style="vertical-align: top;"><img style="width: 154px; height: 98px;" alt="Download" src="images/rectangle_orange.png"><br>
- </td>
- </tr>
- <tr align="right">
- <td style="vertical-align: top;"><img style="width: 154px; height: 98px;" alt="Download" src="images/rectangle_blue.png"><br>
- </td>
- </tr>
- <tr align="right">
- <td style="vertical-align: top;"><img style="width: 154px; height: 98px;" alt="Download" src="images/rectangle_grey.png"><br>
- </td>
- </tr>
- </tbody>
- </table>
- <br>
- </td>
+ </td>
</tr>
- </tbody>
+ </tbody>
</table>
-
<br>
-
-<small> </small><small> </small><small> </small><small> </small><small>
-</small>
-<table style="text-align: left; width: 1040px; font-family: Lucida Grande; height: 451px;" border="0" cellpadding="2" cellspacing="2">
-
- <tbody>
- <tr>
- <td style="vertical-align: top; width: 33%;"><small><big style="font-weight: bold; color: rgb(45, 105, 157);">News</big><br>
- <br>
- 10.05.10 | Lorem ipsum dolor sit amet, consectetur <br>
- adipiscing elit,Lorem ipsum dolor sit amet, consectetur <br>
- adipiscing elit. Nulla non elit metus, at ullamcorper i<br>
- psum. Vestibulum ante ipsum primis in faucibus orci <br>
- luctus et ultrices posuere cubilia Curae; Integer eget <br>
- ultrices dui. Etiam varius vulputate velit viverra tristique. <br>
- Etiam non est ac erat fermentum ullamcorper quis ac <br>
- lorem. Integer quis turpis a dolor molestie fringilla nec <br>
- non nulla...<br>
- <br>
- </small>
- <div style="text-align: right;"><small><img style="width: 63px; height: 22px;" alt="more" src="images/more-dark-blue.png"></small><br>
- <small> </small></div>
- </td>
- <td style=""><img style="width: 1px; height: 250px;" alt="vertical-line" src="images/vertical-line2-blue.png"><br>
- </td>
- <td style="vertical-align: top; width: 33%;"><small><big style="font-weight: bold; color: rgb(45, 105, 157);">Recent changes</big><br>
- <br>
- 10.05.10 | Lorem ipsum dolor sit amet, consectetur <br>
- adipiscing elit,Lorem ipsum dolor sit amet, consectetur <br>
- adipiscing elit. Nulla non elit metus, at ullamcorper i<br>
- psum. Vestibulum ante ipsum primis in faucibus orci <br>
- luctus et ultrices posuere cubilia Curae; Integer eget <br>
- ultrices dui. Etiam varius vulputate velit viverra tristique. <br>
- Etiam non est ac erat fermentum ullamcorper quis ac <br>
- lorem. Integer quis turpis a dolor molestie fringilla nec <br>
- non nulla...<br>
- <br>
- </small>
- <div style="text-align: right;"><small><img style="width: 63px; height: 22px;" alt="more" src="images/more-light-blue.png"></small><br>
- </div>
- </td>
- <td style=""><img style="width: 1px; height: 250px;" alt="vertical-line" src="images/vertical-line2-blue.png"><br>
- </td>
- <td style="vertical-align: top; width: 33%;"><small><big style="font-weight: bold; color: rgb(45, 105, 157);">User's guide</big><br>
- <br>
- Welcome to Apache ServiceMix Users' Guide. This guide is a work in
- progress from the Apache ServiceMix community. <br>
- <span style="font-weight: bold;">Your contributions to
- this documentation effort are welcome</span>;
- just comment the appropriate wiki page (bottom of page) or use the
- freely accessible wiki area or ask for a wiki log in (best for
- continous contribution) or send your suggestions at the mailing list.<br>
- <br>
- </small>
- <div style="text-align: right;"><small><img style="width: 63px; height: 22px;" alt="more" src="images/more-dark-blue.png"></small><br>
- </div>
- </td>
- </tr>
- </tbody>
-</table>
-
-<div style="text-align: right;"><small> </small></div>
-
-<table style="text-align: left; width: 100%; font-family: Lucida Grande;" border="0" cellpadding="2" cellspacing="2">
-
- <tbody>
+<table style="text-align: left; width: 1040px; height: 451px;" cellpadding="2" cellspacing="2">
+ <tbody>
<tr>
+ <td style="width: 33%;">
+ <div class="colorBoldNewsTitle">News</div>
+ <div class="smallText">
+ <br>
+ 10.05.10 | Lorem ipsum dolor sit amet, consectetur <br>
+ adipiscing elit,Lorem ipsum dolor sit amet, consectetur <br>
+ adipiscing elit. Nulla non elit metus, at ullamcorper i<br>
+ psum. Vestibulum ante ipsum primis in faucibus orci <br>
+ luctus et ultrices posuere cubilia Curae; Integer eget <br>
+ ultrices dui. Etiam varius vulputate velit viverra tristique. <br>
+ Etiam non est ac erat fermentum ullamcorper quis ac <br>
+ lorem. Integer quis turpis a dolor molestie fringilla nec <br>
+ non nulla...<br>
+ </div>
+ <div style="text-align: right;">
+ <small><img
+ style="width: 63px; height: 22px;" alt="more"
+ src="images/more-dark-blue.png"></small>
+ <br>
+ </div>
+ </td>
+ <td><img class="verticalLineBlue" alt="vertical-line" src="images/vertical-line2-blue.png"><br>
+ </td>
+ <td style="width: 33%;">
+ <div class="colorBoldNewsTitle">Recent changes</div>
+ <div class="smallText">
+ <br>
+ 10.05.10 | Lorem ipsum dolor sit amet, consectetur <br>
+ adipiscing elit,Lorem ipsum dolor sit amet, consectetur <br>
+ adipiscing elit. Nulla non elit metus, at ullamcorper i<br>
+ psum. Vestibulum ante ipsum primis in faucibus orci <br>
+ luctus et ultrices posuere cubilia Curae; Integer eget <br>
+ ultrices dui. Etiam varius vulputate velit viverra tristique. <br>
+ Etiam non est ac erat fermentum ullamcorper quis ac <br>
+ lorem. Integer quis turpis a dolor molestie fringilla nec <br>
+ non nulla...<br>
+ </div>
+ <div style="text-align: right;">
+ <small> <img class="moreblueimage" alt="more" src="images/more-light-blue.png"></small>
+ <br>
+ </div>
+ </td>
+ <td><img class="verticalLineBlue" alt="vertical-line" src="images/vertical-line2-blue.png"><br>
+ </td>
+ <td style="width: 33%;">
+ <div class="colorBoldNewsTitle">User's guide</div>
+ <div class="smallText">
+ <br>
+ Welcome to Apache ServiceMix Users' Guide. This guide is a work in
+ progress from the Apache ServiceMix community. <br>
+ <span style="font-weight: bold;">Your contributions to
+ this documentation effort are welcome</span>; just comment the
+ appropriate wiki page (bottom of page) or use the freely accessible
+ wiki area or ask for a wiki log in (best for continous contribution) or
+ send your suggestions at the mailing list.<br>
+ <br>
+ </div>
+ <div style="text-align: right;">
+ <small>
+ <img class="moreblueimage" alt="more"
+ src="images/more-dark-blue.png">
+ </small>
+ <br>
+ </div>
+ </td>
</tr>
- </tbody>
-</table>
-
-<div style="text-align: right;"><small> </small></div>
-
-<table style="text-align: left; width: 100%; font-family: Lucida Grande;" border="0" cellpadding="2" cellspacing="2">
-
- <tbody>
- </tbody>
-</table>
-
-<div style="text-align: right;"><small>
-</small></div>
-
-<table style="text-align: left; width: 100%; font-family: Lucida Grande;" border="0" cellpadding="2" cellspacing="2">
-
+ </tbody>
</table>
-
-<div style="text-align: center;"><br>
-<font style="color: rgb(45, 105, 157);" size="-1">
-</font></div>
-
-<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2">
-
- <tbody>
+<br>
+<table style="text-align: left; width: 100%;" cellpadding="2" cellspacing="2">
+ <tbody>
<tr>
- <td style="vertical-align: top; text-align: center;"><font style="color: rgb(45, 105, 157);" size="-1"><span style="font-family: Lucida Grande;">Home | Download | Getting Started
-| Tutorials | Support | Contact</span></font><br>
- </td>
+ <td style="text-align: center;">
+ <div class="colorLinks">Home | Download | Getting Started | Tutorials | Support | Contact</div>
+ </td>
</tr>
<tr align="center">
- <td style="vertical-align: top;"><img style="width: 365px; height: 10px;" alt="copyright" src="images/copyright.png"><br>
- </td>
+ <td>
+ <img style="width: 365px; height: 10px;" alt="copyright" src="images/copyright.png"><br>
+ </td>
</tr>
- </tbody>
+ </tbody>
</table>
-
-<br>
-
-<br>
</body>
-</html>
\ No newline at end of file
+</html>
Added: servicemix/sandbox/cmoulliard/images/logoGetInvolved.png
URL: http://svn.apache.org/viewvc/servicemix/sandbox/cmoulliard/images/logoGetInvolved.png?rev=1172641&view=auto
==============================================================================
Binary file - no diff available.
Propchange: servicemix/sandbox/cmoulliard/images/logoGetInvolved.png
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Modified: servicemix/sandbox/cmoulliard/service mix - good version-new.png
URL: http://svn.apache.org/viewvc/servicemix/sandbox/cmoulliard/service%20mix%20-%20good%20version-new.png?rev=1172641&r1=1172640&r2=1172641&view=diff
==============================================================================
Binary files - no diff available.
Modified: servicemix/sandbox/cmoulliard/styles/style.css
URL: http://svn.apache.org/viewvc/servicemix/sandbox/cmoulliard/styles/style.css?rev=1172641&r1=1172640&r2=1172641&view=diff
==============================================================================
--- servicemix/sandbox/cmoulliard/styles/style.css (original)
+++ servicemix/sandbox/cmoulliard/styles/style.css Mon Sep 19 14:28:58 2011
@@ -1,61 +1,151 @@
-body{
+body {
background: #FFFFFF;
- font-size: 14px;
+ font-size: 14px;
font-family: Lucida Grande, arial, sans-serif;
}
hr {
- border: 0;
- background: url(../images/blue-line.png) no-repeat scroll;
- height: 3px;
+ border: 0;
+ background: url(../images/blue-line.png) no-repeat scroll;
+ height: 3px;
+}
+
+.smallText {
+ font-size: 0.75em;
+ word-spacing: 0.3em;
+}
+
+.bigText{
+ text-align: center;
+ font-size: 1.2em;
+}
+
+.bigTextBold {
+ text-align: center;
+ font-weight: bold;
+ font-size: 1.2em;
+}
+
+.colorLinks {
+ color: rgb(45, 105, 157);
+}
+
+.colorBoldNewsTitle {
+ color: rgb(45, 105, 157);
+ font-weight: bold;
+ font-size: 1.0em;
+}
+
+.verticalLineBlue {
+ width: 1px;
+ height: 250px;
+}
+
+.buttonImgGetIt {
+ width: 132px;
+ height: 80px;
+ padding: 1em;
+ font-size: smaller;
+ text-align: left;
+ vertical-align: top;
+ background-color: #ff8c00;
+ /* background-image: url(../images/logoGetInvolved.png);*/
+ background-repeat: no-repeat;
+ background-position: right;
+ color: #FFFFFF;
+}
+
+.buttonLearn {
+ width: 132px;
+ height: 80px;
+ padding: 1em;
+ font-size: smaller;
+ text-align: left;
+ vertical-align: top;
+ background-color: #2D699D;
+ /* background-image: url(../images/logoGetInvolved.png);*/
+ background-repeat: no-repeat;
+ background-position: right;
+ color: #FFFFFF;
+}
+
+.buttonImgGetInvolved {
+ width: 132px;
+ height: 80px;
+ padding: 1em;
+ font-size: smaller;
+ text-align: left;
+ vertical-align: top;
+ background-color: #797979;
+ background-image: url(../images/logoGetInvolved.png);
+ background-repeat: no-repeat;
+ background-position: right;
+ color: #FFFFFF;
+ /* -moz-border-radius: 25px;
+ -webkit-border-radius: 15px; */
+}
+
+.blueline {
+ height: 3px;
+ width: 1350px;
+}
+
+.moreblueimage {
+ width: 63px; height: 22px;
+}
+
+
+table td {
+ border: 0px;
+ vertical-align: top;
}
#nav {
- width: 1100px;
- margin: 10px auto;
+ width: 1100px;
+ margin: 10px auto;
}
#nav ul {
- float: left;
- list-style-type: none;
- width: 800px;
- height: 38px;
-
- -moz-border-radius: 2px;
- -webkit-border-radius: 2px;
-
- background: #FFFFFF;
- background: -moz-linear-gradient(top, #ccc, #999);
- background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999));
-
- -moz-box-shadow: 1px 1px 3px #333;
- -webkit-box-shadow: 1px 1px 3px #333;
- box-shadow: 1px 1px 3px #333;
-
- text-shadow: 0 1px 0 white;
-}
-
-#nav ul a{
- display: block;
- padding: 10px 20px 10px 20px;
- list-style-type: none;
- float: left;
- color: #2D699D;
- font-size: 16px;
- text-decoration: none;
-}
-
-#nav ul a:hover{
- display: block;
- padding: 10px 20px 10px 20px;
- list-style-type: none;
- float: left;
- color: #ddd;
-
- text-shadow: 0 1px 0 black;
-
- background: #555;
- background: -moz-linear-gradient(top, #444, #555);
- background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#555));
+ float: left;
+ list-style-type: none;
+ width: 800px;
+ height: 38px;
+
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+
+ background: #FFFFFF;
+ background: -moz-linear-gradient(top, #ccc, #999);
+ background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999));
+
+ -moz-box-shadow: 1px 1px 3px #333;
+ -webkit-box-shadow: 1px 1px 3px #333;
+ box-shadow: 1px 1px 3px #333;
+
+ text-shadow: 0 1px 0 white;
+}
+
+#nav ul a {
+ display: block;
+ padding: 10px 20px 10px 20px;
+ list-style-type: none;
+ float: left;
+ color: #2D699D;
+ font-size: 16px;
+ text-decoration: none;
+}
+
+#nav ul a:hover {
+ display: block;
+ padding: 10px 20px 10px 20px;
+ list-style-type: none;
+ float: left;
+ color: #ddd;
+
+ text-shadow: 0 1px 0 black;
+
+ background: #555;
+ background: -moz-linear-gradient(top, #444, #555);
+ background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#555));
}