servicemix-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From cmoulli...@apache.org
Subject svn commit: r1147152 - in /servicemix/sandbox/cmoulliard: ServiceMix-home.html styles/ styles/style.css
Date Fri, 15 Jul 2011 13:50:33 GMT
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>
-&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>
+			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>
@@ -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));
+}
+



Mime
View raw message