servicemix-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From cmoulli...@apache.org
Subject svn commit: r1172641 - in /servicemix/sandbox/cmoulliard: ServiceMix-home.html images/logoGetInvolved.png service mix - good version-new.png styles/style.css
Date Mon, 19 Sep 2011 14:28:58 GMT
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>
-			&nbsp;&nbsp; <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>
+                    &nbsp;&nbsp; <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));
 }
 



Mime
View raw message