Author: nivanov
Date: Fri Jan 23 19:20:14 2015
New Revision: 1654335

URL: http://svn.apache.org/r1654335
Log:
WIP.

Modified:
    incubator/ignite/site/branches/sidenav/css/all.css
    incubator/ignite/site/branches/sidenav/index.html
    incubator/ignite/site/branches/sidenav/scss/ignite.scss

Modified: incubator/ignite/site/branches/sidenav/css/all.css
URL: 
http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/css/all.css?rev=1654335&r1=1654334&r2=1654335&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/css/all.css (original)
+++ incubator/ignite/site/branches/sidenav/css/all.css Fri Jan 23 19:20:14 2015
@@ -7924,6 +7924,9 @@ div, p, h1, h2, h3, span, body, html, ul
 #overview h2,
 #cluster-compute h2,
 #streaming h2,
+#documentation h2,
+#download h2,
+#community h2,
 #data-grid h2 {
   font-size: 28px;
   color: #333;
@@ -7934,6 +7937,9 @@ div, p, h1, h2, h3, span, body, html, ul
 #overview h2:after,
 #cluster-compute h2:after,
 #streaming h2:after,
+#documentation h2:after,
+#download h2:after,
+#community h2:after,
 #data-grid h2:after {
   display: none;
   width: 0;
@@ -7983,6 +7989,30 @@ p {
   text-align: center;
 }
 
+#documentation {
+  margin: -38px 0 0;
+  padding-top: 20px;
+}
+#documentation p {
+  text-align: center;
+}
+
+#download {
+  margin: -38px 0 0;
+  padding-top: 20px;
+}
+#download p {
+  text-align: center;
+}
+
+#community {
+  margin: -38px 0 0;
+  padding-top: 20px;
+}
+#community p {
+  text-align: center;
+}
+
 .feature-block {
   margin-top: 40px;
   padding: 40px 0 24px;
@@ -8048,9 +8078,31 @@ div#banner1 p {
   font-size: 24px;
 }
 
+a,
 .navbar-default .navbar-nav > .active > a,
 .navbar-default .navbar-nav > .active > a:hover,
 .navbar-default .navbar-nav > .active > a:focus {
-  color: #3498db;
+  color: #E74C3C;
   background-color: transparent;
 }
+
+#documentation table > tbody > tr > th {
+  text-align: center;
+  background-color: #3d566e;
+  color: #fff;
+}
+#documentation table, #documentation table > tbody > tr > tr, #documentation 
table > tbody > tr > th, #documentation table > tbody > tr > td {
+  border: 1px solid #4f6f8f;
+}
+#documentation table ul#javadoc,
+#documentation table ul#docs,
+#documentation table ul#videos {
+  margin: 0;
+  padding: 4px 0;
+  list-style: none;
+}
+#documentation table ul#javadoc > li,
+#documentation table ul#docs > li,
+#documentation table ul#videos > li {
+  padding-bottom: 4px;
+}

Modified: incubator/ignite/site/branches/sidenav/index.html
URL: 
http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/index.html?rev=1654335&r1=1654334&r2=1654335&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/index.html (original)
+++ incubator/ignite/site/branches/sidenav/index.html Fri Jan 23 19:20:14 2015
@@ -198,43 +198,47 @@ under the License.
                 </div>
             </section>
 
-            <section class="documentation" id="documentation">
-                <h2>Documentation</h2>
-                <p>We are currently in process of moving GridGain Open Source 
edition to Apache Ignite. Until this migration is complete, please refer to the 
GridGain In-Memory Data Fabric documentation.</p>
-                <table>
-                    <tr>
-                        <th class="heading">In-Memory Data Fabric</th>
-                        <th class="data">APIs</th>
-                        <th class="tutorial">Videos</th>
-                    </tr>
-                    <tr class="java">
-                        <td title="In-Memory Data Fabric 6.5.0 for Java">
-                            <div class="icon">
-                                <img src="images/ico-java.png" width="31" 
height="42" alt="Java">
-                            </div>
-                            <ul class="list-unstyled">
-                                <li><a href="http://doc.gridgain.org/";>Wiki 
– Open Source Documentation</a></li>
-                            </ul>
-                        </td>
-                        <td title="APIs">
-                            <ul class="list-unstyled">
-                                <li><a 
href="http://javadoc.gridgain.org/";>Javadoc APIs</a></li>
-                                <li><a 
href="http://scaladoc.gridgain.org/";>Scaladoc APIs</a></li>
-                            </ul>
-                        </td>
-                        <td title="Videos">
-                            <ul class="list-unstyled">
-                                <li><a 
href="https://vimeo.com/107643054?width=1024&height=576";><nobr>Video: In-Memory 
Data Grid</nobr></a></li>
-                                <li><a 
href="https://vimeo.com/107641014?width=1024&height=576";><nobr>Video: 
Clustering With Apache Ignite</nobr></a></li>
-                                <li><a 
href="https://vimeo.com/107644353?width=1024&height=576";><nobr>Video: 
Distributed Messaging</nobr></a></li>
-                                <li><a 
href="https://vimeo.com/107645729?width=1024&height=576";><nobr>Video: 
Distributed Events</nobr></a></li>
-                                <li><a 
href="https://vimeo.com/107648158?width=1024&height=576";><nobr>Video: 
Distributed Managed Services</nobr></a></li>
-                                <li><a 
href="https://vimeo.com/107646721?width=1024&height=576";><nobr>Video: 
Distributed Cache Queries</nobr></a></li>
-                            </ul>
-                        </td>
-                    </tr>
-                </table>
+            <section id="documentation">
+                <div class="feature-block">
+                    <h2>Documentation</h2>
+                    <p>
+                        We are currently in process of moving GridGain Open 
Source edition
+                        to Apache Ignite. Until this migration is complete, 
please refer to the
+                        GridGain In-Memory Data Fabric documentation.
+                    </p>
+                    <table>
+                        <tr>
+                            <th>In-Memory Data Fabric</th>
+                            <th>APIs</th>
+                            <th>Videos</th>
+                        </tr>
+                        <tr>
+                            <td>
+                                <ul id="docs">
+                                    <li><a target=wiki 
href="http://doc.gridgain.org/";>Open Source Documentation</a></li>
+                                </ul>
+                            </td>
+                            <td>
+                                <ul id="javadoc">
+                                    <li><a target=javadoc 
href="http://javadoc.gridgain.org/";>Javadoc APIs</a></li>
+                                    <li><a target=scaladoc 
href="http://scaladoc.gridgain.org/";>Scaladoc APIs</a></li>
+                                </ul>
+                            </td>
+                            <td>
+                                <ul id="videos">
+                                    <li><a 
href="https://vimeo.com/107643054?width=1024&height=576";><nobr>Video: In-Memory 
Data Grid</nobr></a></li>
+                                    <li><a 
href="https://vimeo.com/107641014?width=1024&height=576";><nobr>Video: 
Clustering With Apache Ignite</nobr></a></li>
+                                    <li><a 
href="https://vimeo.com/107644353?width=1024&height=576";><nobr>Video: 
Distributed Messaging</nobr></a></li>
+                                    <li><a 
href="https://vimeo.com/107645729?width=1024&height=576";><nobr>Video: 
Distributed Events</nobr></a></li>
+                                    <li><a 
href="https://vimeo.com/107648158?width=1024&height=576";><nobr>Video: 
Distributed Managed Services</nobr></a></li>
+                                    <li><a 
href="https://vimeo.com/107646721?width=1024&height=576";><nobr>Video: 
Distributed Cache Queries</nobr></a></li>
+                                </ul>
+                            </td>
+                        </tr>
+                    </table>
+                </div>
             </section>
+
             <section class="community" id="community">
                 <h2>Community</h2>
                 <p>We are very excited to grow our community. If you are 
interested in becoming a contributor,

Modified: incubator/ignite/site/branches/sidenav/scss/ignite.scss
URL: 
http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/scss/ignite.scss?rev=1654335&r1=1654334&r2=1654335&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/scss/ignite.scss (original)
+++ incubator/ignite/site/branches/sidenav/scss/ignite.scss Fri Jan 23 19:20:14 
2015
@@ -63,6 +63,9 @@ div, p, h1, h2, h3, span, body, html, ul
 #overview h2,
 #cluster-compute h2,
 #streaming h2,
+#documentation h2,
+#download h2,
+#community h2,
 #data-grid h2 {
     font-size: 28px;
     color: #333;
@@ -73,6 +76,9 @@ div, p, h1, h2, h3, span, body, html, ul
 #overview h2:after,
 #cluster-compute h2:after,
 #streaming h2:after,
+#documentation h2:after,
+#download h2:after,
+#community h2:after,
 #data-grid h2:after {
     display: none;
     width: 0;
@@ -126,6 +132,33 @@ p {
     }
 }
 
+#documentation {
+    margin: -38px 0 0;
+    padding-top: 20px;
+
+    p {
+        text-align: center;
+    }
+}
+
+#download {
+    margin: -38px 0 0;
+    padding-top: 20px;
+
+    p {
+        text-align: center;
+    }
+}
+
+#community {
+    margin: -38px 0 0;
+    padding-top: 20px;
+
+    p {
+        text-align: center;
+    }
+}
+
 .feature-block {
     margin-top: 40px;
     padding: 40px 0 24px;
@@ -204,9 +237,37 @@ div#banner1 {
     }
 }
 
+a,
 .navbar-default .navbar-nav > .active > a,
 .navbar-default .navbar-nav > .active > a:hover,
 .navbar-default .navbar-nav > .active > a:focus {
-    color: $color-river;
+    color: $color-alizarin;
     background-color: transparent;
 }
+
+#documentation table {
+    & > tbody > tr > th {
+        text-align: center;
+        background-color: lighten($color-asphalt, 5%);
+        color: #fff;
+    }
+
+    &,
+    & > tbody > tr > tr,
+    & > tbody > tr > th,
+    & > tbody > tr > td {
+        border: 1px solid lighten($color-asphalt, 15%);
+    }
+
+    ul#javadoc,
+    ul#docs,
+    ul#videos {
+        margin: 0;
+        padding: 4px 0;
+        list-style: none;
+
+        & > li {
+            padding-bottom: 4px;
+        }
+    }
+}


Reply via email to