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/07/15 15:50:33 UTC
svn commit: r1147152 - in /servicemix/sandbox/cmoulliard:
ServiceMix-home.html styles/ styles/style.css
Author: cmoulliard
Date: Fri Jul 15 13:50:32 2011
New Revision: 1147152
URL: http://svn.apache.org/viewvc?rev=1147152&view=rev
Log:
add styles + make some modifications
Added:
servicemix/sandbox/cmoulliard/styles/
servicemix/sandbox/cmoulliard/styles/style.css
Modified:
servicemix/sandbox/cmoulliard/ServiceMix-home.html
Modified: servicemix/sandbox/cmoulliard/ServiceMix-home.html
URL: http://svn.apache.org/viewvc/servicemix/sandbox/cmoulliard/ServiceMix-home.html?rev=1147152&r1=1147151&r2=1147152&view=diff
==============================================================================
--- servicemix/sandbox/cmoulliard/ServiceMix-home.html (original)
+++ servicemix/sandbox/cmoulliard/ServiceMix-home.html Fri Jul 15 13:50:32 2011
@@ -1,48 +1,51 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
-<html><head>
-
+<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>
+<body>
-
-</head><body>
-<table style="text-align: left; width: 1040px; height: 53px;" border="0" cellpadding="2" cellspacing="2">
-
+<table style="text-align: left; height: 53px;" border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
- <td style="vertical-align: top; width: 40%;"><img src="images/logo-smx-tm-feather.png" alt="logo-smx-tm-feather" style="width: 437px; height: 110px;"><br>
+ <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: 60%;">
- <table style="text-align: left; width: 583px; height: 62px;" border="0" cellpadding="2" cellspacing="2">
+ <td style="vertical-align: top; width: 55%;">
+ <table style="text-align: left;" border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
- <td style="vertical-align: middle; font-family: Lucida Grande;"><font size="-1">HOME<br>
- </font> </td>
- <td style="vertical-align: middle; font-family: Lucida Grande;"><font size="-1">DOWNLOAD<br>
- </font> </td>
- <td style="vertical-align: middle; font-family: Lucida Grande;"><font size="-1">GETTING STARTED<br>
- </font> </td>
- <td style="vertical-align: middle; font-family: Lucida Grande;"><font size="-1">TUTORIALS<br>
- </font> </td>
- <td style="vertical-align: middle; font-family: Lucida Grande;"><font size="-1">SUPPORT<br>
- </font> </td>
- <td style="vertical-align: middle; font-family: Lucida Grande;"><font size="-1">CONTACT<br>
- </font> </td>
+ <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 style="width: 1024px; height: 7px;" alt="blue-line" src="images/blue-line.png"><br>
+ <td colspan="2" rowspan="1" style="vertical-align: top;">
+ <img alt="blue-line" style="height: 3px; width: 1350px " src="images/blue-line.png">
</td>
</tr>
</tbody>
</table>
+
<br>
-<table style="text-align: left; width: 1040px; height: 390px;" border="0" cellpadding="2" cellspacing="2">
+<table style="text-align: left; height: 390px;" border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
@@ -62,23 +65,23 @@ Source World</span></big><br>
<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>
<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>
+ 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>
<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>
+ <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">
@@ -97,16 +100,16 @@ sem eros, placerat in adipiscing et, pos
<td style="vertical-align: top;"><img style="width: 250px; height: 32px;" alt="search" src="images/search.png"><br>
</td>
</tr>
- <tr>
- <td style="vertical-align: top; text-align: center;"><img style="width: 154px; height: 98px;" alt="Download" src="images/rectangle_orange.png"><br>
+ <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>
- <td style="vertical-align: top; text-align: center;"><img style="width: 154px; height: 98px;" alt="Download" src="images/rectangle_blue.png"><br>
+ <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>
- <td style="vertical-align: top; text-align: center;"><img style="width: 154px; height: 98px;" alt="Download" src="images/rectangle_grey.png"><br>
+ <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>
@@ -126,17 +129,17 @@ sem eros, placerat in adipiscing et, pos
<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>
+ <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>
@@ -144,17 +147,17 @@ non nulla...<br>
<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>
+ <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>
@@ -163,13 +166,13 @@ non nulla...<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>
+ 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>
@@ -206,13 +209,14 @@ continous contribution) or send your sug
<div style="text-align: center;"><br>
<font style="color: rgb(45, 105, 157);" size="-1">
-</font>
-</div>
+</font></div>
+
<table style="text-align: left; width: 100%;" border="0" 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 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>
</tr>
<tr align="center">
@@ -225,5 +229,5 @@ continous contribution) or send your sug
<br>
<br>
-
-</body></html>
\ No newline at end of file
+</body>
+</html>
\ No newline at end of file
Added: servicemix/sandbox/cmoulliard/styles/style.css
URL: http://svn.apache.org/viewvc/servicemix/sandbox/cmoulliard/styles/style.css?rev=1147152&view=auto
==============================================================================
--- servicemix/sandbox/cmoulliard/styles/style.css (added)
+++ servicemix/sandbox/cmoulliard/styles/style.css Fri Jul 15 13:50:32 2011
@@ -0,0 +1,61 @@
+body{
+ background: #FFFFFF;
+ font-size: 14px;
+ font-family: Lucida Grande, arial, sans-serif;
+}
+
+hr {
+ border: 0;
+ background: url(../images/blue-line.png) no-repeat scroll;
+ height: 3px;
+}
+
+#nav {
+ 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));
+}
+