ignite-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From dsetrak...@apache.org
Subject svn commit: r1651188 - in /incubator/ignite/site/branches/sidenav: computing.html css/all.css css/syntaxhighlighter.css scss/all.scss
Date Mon, 12 Jan 2015 20:22:26 GMT
Author: dsetrakyan
Date: Mon Jan 12 20:22:26 2015
New Revision: 1651188

URL: http://svn.apache.org/r1651188
Log:
Applying sidenav patch with tabs

Added:
    incubator/ignite/site/branches/sidenav/css/syntaxhighlighter.css
Modified:
    incubator/ignite/site/branches/sidenav/computing.html
    incubator/ignite/site/branches/sidenav/css/all.css
    incubator/ignite/site/branches/sidenav/scss/all.scss

Modified: incubator/ignite/site/branches/sidenav/computing.html
URL: http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/computing.html?rev=1651188&r1=1651187&r2=1651188&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/computing.html (original)
+++ incubator/ignite/site/branches/sidenav/computing.html Mon Jan 12 20:22:26 2015
@@ -12,6 +12,8 @@
 
     <link media="all" rel="stylesheet" href="css/all.css">
 
+    <link media="all" rel="stylesheet" href="css/syntaxhighlighter.css">
+
     <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic'
           rel='stylesheet' type='text/css'>
 
@@ -87,48 +89,66 @@
         <main id="main" role="main" class="container">
             <div class="row">
                 <!-- Side Nav -->
-                <div class="col-md-3 hidden-xs hidden-sm sidebar" >
-                    <ul id="sidebar-main-menu" class="nav-stacked affix list-unstyled">
+                <nav class="col-md-3 hidden-xs hidden-sm sidebar" role="navigation">
+                    <ul class="nav-stacked affix list-unstyled">
 
                         <li><a href="#hpc">High Performance Computing</a></li>
-                            <ul id="sidebar-sub-menu" class="list-unstyled">
+                            <ul class="list-unstyled sidebar-sub-menu">
+
                                 <li><a href="#clustering">Clustering</a></li>
+
                                 <li><a href="#distributedmessaging">Distributed
Messaging</a></li>
+
                                 <li><a href="#distributedevents">Distributed
Events</a></li>
+
                                 <li><a href="#distributedservices">Distributed
Services</a></li>
+
                             </ul>
 
                         <li><a href="">Data Grid</a>
-                            <ul id="sidebar-sub-menu" class="list-unstyled">
+                            <ul class="list-unstyled sidebar-sub-menu">
+
                                 <li><a href="">Distributed Caching</a></li>
+
                                 <li><a href="">Web Session Clustering</a></li>
+
                                 <li><a href="">Hibernate L2 Cache</a></li>
+
                                 <li><a href="">Distributed Data Structures</a></li>
+
                                 <li><a href="">Distributed Cache Queries</a></li>
+
                                 <li><a href="">Distributed Transactions</a></li>
+
                                 <li><a href="">Distributed Locking</a></li>
+
                             </ul>
                         </li>
 
                         <li><a href="">Streaming</a>
-                            <ul id="sidebar-sub-menu" class="list-unstyled">
+                            <ul class="list-unstyled sidebar-sub-menu">
+
                                 <li><a href="">Complex Event Processing</a></li>
+
                             </ul>
                         </li>
 
                         <li><a href="">Hadoop Acceleration</a>
-                            <ul id="sidebar-sub-menu" class="list-unstyled">
+                            <ul class="list-unstyled sidebar-sub-menu">
+
                                 <li><a href="">Distributed File System</a></li>
+
                                 <li><a href="">MapReduce</a></li>
+
                             </ul>
                         </li>
                     </ul>
-                </div>
+                </nav>
 
                 <!--Main Content -->
-                <div class="col-md-9 col-sm-9 main-content"  data-spy="scroll" data-target=".sidebar">
+                <div class="col-md-9 col-sm-9 main-content">
 
-                    <section class="hpc" id="hpc">
+                    <section id="hpc" class="hpc" >
 
                         <h2>High Performance Computing</h2>
 
@@ -139,43 +159,34 @@
                         <p>Apache Ignite computational features include</p>
 
                         <ul class="list-unstyled">
-
                             <li>Dynamic Clustering</li>
-
                             <li>Fork-Join & MapReduce Processing</li>
-
                             <li>Distributed Closure Execution</li>
-
                             <li>Load Balancing and Fault Tolerance</li>
-
                             <li>Distributed Messaging and Events</li>
-
                             <li>Linear Scalability</li>
-
                         </ul>
 
                     </section>
 
-                    <section class="clustering" id="clustering">
+                    <section id="clustering" class="clustering">
 
                         <h2>Clustering</h2>
 
                         <p>Apache Ignite provides one of the most sophisticated clustering
technologies on the Java Virtual Machine (JVM). It's advanced clustering features are fully
exposed to developers and offer</p>
 
                         <ul class="list-unstyled">
-
                             <li>Dynamic topology management</li>
                             <li>Automatic discovery on LAN, WAN, and AWS</li>
                             <li>Automatic “split-brain” (i.e. network segmentation)
resolution</li>
                             <li>Unicast, broadcast, and group-based message exchange</li>
                             <li>On-demand and direct deployment</li>
                             <li>Support for virtual clusters and node groupings</li>
-
                         </ul>
 
                     </section>
 
-                    <section class="distributedmessaging"  id="distributedmessaging">
+                    <section id="distributedmessaging" class="distributedmessaging">
 
                         <h2>Distributed Messaging</h2>
 
@@ -189,9 +200,72 @@
                             <li>Cluster-aware message listener auto-deployment </li>
                         </ul>
 
+                        <h3>Example</h3>
+
+                        <div class="tabs">
+
+                            <ul class="nav nav-tabs">
+                                <li class="active"><a href="#unordered" data-toggle="tab">Unordered
Messages</a></li>
+                                <li><a href="#ordered" data-toggle="tab">Ordered
Messages</a></li>
+                                <li><a href="#example3" data-toggle="tab">Example
3</a></li>
+                            </ul>
+
+                            <div class="tab-content">
+
+                                <div id="unordered" class="tab-pane active">
+                                    <p>Send and receive unordered messages</p>
+
+                                    <pre class="brush:java">
+                                        try (Grid grid = GridGain.start("examples/config/example-compute.xml"))
{
+                                            // Add unordered message listener on all grid
nodes.
+                                            grid.message().remoteListen("MyUnorderedTopic",
new GridBiPredicate&lt;UUID, String&gt;() {
+                                                @Override public boolean apply(UUID nodeId,
String msg) {
+                                                    println("Unordered message [msg=" + msg
+ ", fromNodeId=" + nodeId + ']');
+
+                                                    return true; // Return true to continue
listening.
+                                                }
+                                            }).get();
+
+                                            // Send unordered messages to all remote nodes.
+                                            for (int i = 0; i < 10; i++)
+                                                grid.forRemotes().message().send("MyUnorderedTopic",
Integer.toString(i));
+                                        }
+                                    </pre>
+                                </div>
+
+                                <div id="ordered" class="tab-pane">
+                                    <p>Send and receive ordered messages</p>
+
+                                    <pre class="brush:java">
+                                        try (Grid grid = GridGain.start()) {
+                                          // Add ordered message listener on all grid nodes.
+                                          grid.message().remoteListen("MyOrderedTopic", new
GridBiPredicate&lt;UUID, String&gt;() {
+                                            @Override public boolean apply(UUID nodeId, String
msg) {
+                                              println("Ordered message [msg=" + msg + ",
fromNodeId=" + nodeId + ']');
+
+                                              return true; // Return true to continue listening.
+                                            }
+                                          }).get();
+
+                                          // Send ordered messages to all remote nodes.
+                                          for (int i = 0; i < 10; i++)
+                                            grid.forRemotes().message().sendOrdered("MyOrderedTopic",
Integer.toString(i), 0);
+                                        }
+                                    </pre>
+                                </div>
+
+                                <div id="example3" class="tab-pane">
+                                    <h4>Example 3 Content</h4>
+                                    <p> and so on ...</p>
+                                </div>
+
+                            </div>
+
+                        </div>
+
                     </section>
 
-                    <section class="distributedevents"  id="distributedevents">
+                    <section id="distributedevents" class="distributedevents">
 
                         <h2>Distributed Events</h2>
 
@@ -205,7 +279,7 @@
 
                     </section>
 
-                    <section class="distributedservices"  id="distributedservices">
+                    <section id="distributedservices" class="distributedservices">
 
                         <h2>Distributed Services</h2>
 
@@ -317,6 +391,9 @@
 
     </script>
 
+    <!--Syntax highlighter -->
+    <script src="http://crux-framework-tools.googlecode.com/svn/trunk/misc/highlight/highlightLoader.js"></script>
+
 </body>
 
 </html>

Modified: incubator/ignite/site/branches/sidenav/css/all.css
URL: http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/css/all.css?rev=1651188&r1=1651187&r2=1651188&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/css/all.css (original)
+++ incubator/ignite/site/branches/sidenav/css/all.css Mon Jan 12 20:22:26 2015
@@ -7630,47 +7630,36 @@ p {
 
 .sidebar {
   display: block;
-  padding: 110px 20px;
+  padding: 95px 20px;
 }
-.sidebar #sidebar-main-menu a {
+.sidebar a {
   display: block;
   font-size: 18px;
   font-weight: 900;
   color: #808080;
   padding-left: 10px;
+  margin-top: 15px;
+  margin-bottom: 15px;
 }
-.sidebar #sidebar-main-menu a:hover {
+.sidebar a:hover {
   color: #f00;
-  text-decoration: none;
   background-color: transparent;
   border-left: 1px solid #f00;
 }
-.sidebar #sidebar-main-menu li.active a {
+.sidebar li.active a {
   color: #f00;
-  text-decoration: none;
   background-color: transparent;
   border-left: 2px solid #f00;
 }
-.sidebar #sidebar-sub-menu a {
-  margin-top: 10px;
-  margin-bottom: 10px;
+
+.sidebar-sub-menu a {
+  margin-top: 15px;
+  margin-bottom: 15px;
   margin-left: 20px;
   font-size: 15px;
   font-weight: 400;
   color: #999;
 }
-.sidebar #sidebar-sub-menu a:hover {
-  color: #f00;
-  text-decoration: none;
-  background-color: transparent;
-  border-left: 1px solid #f00;
-}
-.sidebar #sidebar-sub-menu li.active a {
-  color: #f00;
-  text-decoration: none;
-  background-color: transparent;
-  border-left: 2px solid #f00;
-}
 
 .main-content {
   display: block;
@@ -7771,6 +7760,11 @@ p {
   left: 0;
   background: url(../images/sprite.png) no-repeat;
 }
+@media (max-width: 767px) {
+  .clustering h2 {
+    margin: 0;
+  }
+}
 .clustering li {
   padding: 0 0 0 20px;
   position: relative;
@@ -7825,6 +7819,11 @@ p {
   left: 0;
   background: url(../images/sprite.png) no-repeat;
 }
+@media (max-width: 767px) {
+  .distributedmessaging h2 {
+    margin: 0;
+  }
+}
 .distributedmessaging li {
   padding: 0 0 0 20px;
   position: relative;
@@ -7879,6 +7878,11 @@ p {
   left: 0;
   background: url(../images/sprite.png) no-repeat;
 }
+@media (max-width: 767px) {
+  .distributedevents h2 {
+    margin: 0;
+  }
+}
 .distributedevents li {
   padding: 0 0 0 20px;
   position: relative;
@@ -7933,6 +7937,11 @@ p {
   left: 0;
   background: url(../images/sprite.png) no-repeat;
 }
+@media (max-width: 767px) {
+  .distributedservices h2 {
+    margin: 0;
+  }
+}
 .distributedservices li {
   padding: 0 0 0 20px;
   position: relative;
@@ -7958,3 +7967,10 @@ p {
   left: 0;
   margin: 0;
 }
+
+.tabs ul.nav.nav-tabs li a {
+  color: black;
+}
+.tabs ul.nav.nav-tabs li a:hover {
+  color: #f00;
+}

Added: incubator/ignite/site/branches/sidenav/css/syntaxhighlighter.css
URL: http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/css/syntaxhighlighter.css?rev=1651188&view=auto
==============================================================================
--- incubator/ignite/site/branches/sidenav/css/syntaxhighlighter.css (added)
+++ incubator/ignite/site/branches/sidenav/css/syntaxhighlighter.css Mon Jan 12 20:22:26 2015
@@ -0,0 +1,672 @@
+/**
+ * SyntaxHighlighter
+ * http://alexgorbatchev.com/SyntaxHighlighter
+ *
+ * SyntaxHighlighter is donationware. If you are using it, please donate.
+ * http://alexgorbatchev.com/SyntaxHighlighter/donate.html
+ *
+ * @version
+ * 3.0.83 (July 02 2010)
+ *
+ * @copyright
+ * Copyright (C) 2004-2010 Alex Gorbatchev.
+ *
+ * @license
+ * Dual licensed under the MIT and GPL licenses.
+ */
+.syntaxhighlighter a,
+.syntaxhighlighter div,
+.syntaxhighlighter code,
+.syntaxhighlighter table,
+.syntaxhighlighter table td,
+.syntaxhighlighter table tr,
+.syntaxhighlighter table tbody,
+.syntaxhighlighter table thead,
+.syntaxhighlighter table caption,
+.syntaxhighlighter textarea {
+  -moz-border-radius: 0 0 0 0 !important;
+  -webkit-border-radius: 0 0 0 0 !important;
+  background: none !important;
+  border: 0 !important;
+  bottom: auto !important;
+  float: none !important;
+  height: auto !important;
+  left: auto !important;
+  line-height: 1.1em !important;
+  margin: 0 !important;
+  outline: 0 !important;
+  overflow: visible !important;
+  padding: 0 !important;
+  position: static !important;
+  right: auto !important;
+  text-align: left !important;
+  top: auto !important;
+  vertical-align: baseline !important;
+  width: auto !important;
+  box-sizing: content-box !important;
+  font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace
!important;
+  font-weight: normal !important;
+  font-style: normal !important;
+  font-size: 1em !important;
+  min-height: inherit !important;
+  min-height: auto !important;
+}
+
+.syntaxhighlighter {
+  width: 100% !important;
+  margin: 1em 0 1em 0 !important;
+  position: relative !important;
+  overflow: auto !important;
+  font-size: 1em !important;
+}
+.syntaxhighlighter.source {
+  overflow: hidden !important;
+}
+.syntaxhighlighter .bold {
+  font-weight: bold !important;
+}
+.syntaxhighlighter .italic {
+  font-style: italic !important;
+}
+.syntaxhighlighter .line {
+  white-space: pre !important;
+}
+.syntaxhighlighter table {
+  width: 100% !important;
+}
+.syntaxhighlighter table caption {
+  text-align: left !important;
+  padding: .5em 0 0.5em 1em !important;
+}
+.syntaxhighlighter table td.code {
+  width: 100% !important;
+}
+.syntaxhighlighter table td.code .container {
+  position: relative !important;
+}
+.syntaxhighlighter table td.code .container textarea {
+  box-sizing: border-box !important;
+  position: absolute !important;
+  left: 0 !important;
+  top: 0 !important;
+  width: 100% !important;
+  height: 100% !important;
+  border: none !important;
+  background: white !important;
+  padding-left: 1em !important;
+  overflow: hidden !important;
+  white-space: pre !important;
+}
+.syntaxhighlighter table td.gutter .line {
+  text-align: right !important;
+  padding: 0 0.5em 0 1em !important;
+}
+.syntaxhighlighter table td.code .line {
+  padding: 0 1em !important;
+}
+.syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code
.line {
+  padding-left: 0em !important;
+}
+.syntaxhighlighter.show {
+  display: block !important;
+}
+.syntaxhighlighter.collapsed table {
+  display: none !important;
+}
+.syntaxhighlighter.collapsed .toolbar {
+  padding: 0.1em 0.8em 0em 0.8em !important;
+  font-size: 1em !important;
+  position: static !important;
+  width: auto !important;
+  height: auto !important;
+}
+.syntaxhighlighter.collapsed .toolbar span {
+  display: inline !important;
+  margin-right: 1em !important;
+}
+.syntaxhighlighter.collapsed .toolbar span a {
+  padding: 0 !important;
+  display: none !important;
+}
+.syntaxhighlighter.collapsed .toolbar span a.expandSource {
+  display: inline !important;
+}
+.syntaxhighlighter .toolbar {
+  position: absolute !important;
+  right: 1px !important;
+  top: 1px !important;
+  width: 11px !important;
+  height: 11px !important;
+  font-size: 10px !important;
+  z-index: 10 !important;
+}
+.syntaxhighlighter .toolbar span.title {
+  display: inline !important;
+}
+.syntaxhighlighter .toolbar a {
+  display: block !important;
+  text-align: center !important;
+  text-decoration: none !important;
+  padding-top: 1px !important;
+}
+.syntaxhighlighter .toolbar a.expandSource {
+  display: none !important;
+}
+.syntaxhighlighter.ie {
+  font-size: .9em !important;
+  padding: 1px 0 1px 0 !important;
+}
+.syntaxhighlighter.ie .toolbar {
+  line-height: 8px !important;
+}
+.syntaxhighlighter.ie .toolbar a {
+  padding-top: 0px !important;
+}
+.syntaxhighlighter.printing .line.alt1 .content,
+.syntaxhighlighter.printing .line.alt2 .content,
+.syntaxhighlighter.printing .line.highlighted .number,
+.syntaxhighlighter.printing .line.highlighted.alt1 .content,
+.syntaxhighlighter.printing .line.highlighted.alt2 .content {
+  background: none !important;
+}
+.syntaxhighlighter.printing .line .number {
+  color: #bbbbbb !important;
+}
+.syntaxhighlighter.printing .line .content {
+  color: black !important;
+}
+.syntaxhighlighter.printing .toolbar {
+  display: none !important;
+}
+.syntaxhighlighter.printing a {
+  text-decoration: none !important;
+}
+.syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a {
+  color: black !important;
+}
+.syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a {
+  color: #008200 !important;
+}
+.syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a {
+  color: blue !important;
+}
+.syntaxhighlighter.printing .keyword {
+  color: #006699 !important;
+  font-weight: bold !important;
+}
+.syntaxhighlighter.printing .preprocessor {
+  color: gray !important;
+}
+.syntaxhighlighter.printing .variable {
+  color: #aa7700 !important;
+}
+.syntaxhighlighter.printing .value {
+  color: #009900 !important;
+}
+.syntaxhighlighter.printing .functions {
+  color: #ff1493 !important;
+}
+.syntaxhighlighter.printing .constants {
+  color: #0066cc !important;
+}
+.syntaxhighlighter.printing .script {
+  font-weight: bold !important;
+}
+.syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a {
+  color: gray !important;
+}
+.syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a {
+  color: #ff1493 !important;
+}
+.syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a {
+  color: red !important;
+}
+.syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a {
+  color: black !important;
+}
+
+/** CUSTOM **/
+.syntaxhighlighter .toolbar {
+	display: none;
+}
+/**
+ * SyntaxHighlighter
+ * http://alexgorbatchev.com/SyntaxHighlighter
+ *
+ * SyntaxHighlighter is donationware. If you are using it, please donate.
+ * http://alexgorbatchev.com/SyntaxHighlighter/donate.html
+ *
+ * @version
+ * 3.0.83 (July 02 2010)
+ *
+ * @copyright
+ * Copyright (C) 2004-2010 Alex Gorbatchev.
+ *
+ * @license
+ * Dual licensed under the MIT and GPL licenses.
+ */
+.syntaxhighlighter a,
+.syntaxhighlighter div,
+.syntaxhighlighter code,
+.syntaxhighlighter table,
+.syntaxhighlighter table td,
+.syntaxhighlighter table tr,
+.syntaxhighlighter table tbody,
+.syntaxhighlighter table thead,
+.syntaxhighlighter table caption,
+.syntaxhighlighter textarea {
+  -moz-border-radius: 0 0 0 0 !important;
+  -webkit-border-radius: 0 0 0 0 !important;
+  background: none !important;
+  border: 0 !important;
+  bottom: auto !important;
+  float: none !important;
+  height: auto !important;
+  left: auto !important;
+  line-height: 1.1em !important;
+  margin: 0 !important;
+  outline: 0 !important;
+  overflow: visible !important;
+  padding: 0 !important;
+  position: static !important;
+  right: auto !important;
+  text-align: left !important;
+  top: auto !important;
+  vertical-align: baseline !important;
+  width: auto !important;
+  box-sizing: content-box !important;
+  font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace
!important;
+  font-weight: normal !important;
+  font-style: normal !important;
+  font-size: 1em !important;
+  min-height: inherit !important;
+  min-height: auto !important;
+}
+
+.syntaxhighlighter {
+  width: 100% !important;
+  margin: 1em 0 1em 0 !important;
+  position: relative !important;
+  overflow: visible !important;
+  font-size: 1em !important;
+}
+.syntaxhighlighter.source {
+  overflow: hidden !important;
+}
+.syntaxhighlighter .bold {
+  font-weight: bold !important;
+}
+.syntaxhighlighter .italic {
+  font-style: italic !important;
+}
+.syntaxhighlighter .line {
+  white-space: pre !important;
+}
+.syntaxhighlighter table {
+  width: 100% !important;
+}
+.syntaxhighlighter table caption {
+  text-align: left !important;
+  padding: .5em 0 0.5em 1em !important;
+}
+.syntaxhighlighter table td.code {
+  width: 100% !important;
+}
+.syntaxhighlighter table td.code .container {
+  position: relative !important;
+}
+.syntaxhighlighter table td.code .container textarea {
+  box-sizing: border-box !important;
+  position: absolute !important;
+  left: 0 !important;
+  top: 0 !important;
+  width: 100% !important;
+  height: 100% !important;
+  border: none !important;
+  background: white !important;
+  padding-left: 1em !important;
+  overflow: hidden !important;
+  white-space: pre !important;
+}
+.syntaxhighlighter table td.gutter .line {
+  text-align: right !important;
+  padding: 0 0.5em 0 1em !important;
+}
+.syntaxhighlighter table td.code .line {
+  padding: 0 1em !important;
+}
+.syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code
.line {
+  padding-left: 0em !important;
+}
+.syntaxhighlighter.show {
+  display: block !important;
+}
+.syntaxhighlighter.collapsed table {
+  display: none !important;
+}
+.syntaxhighlighter.collapsed .toolbar {
+  padding: 0.1em 0.8em 0em 0.8em !important;
+  font-size: 1em !important;
+  position: static !important;
+  width: auto !important;
+  height: auto !important;
+}
+.syntaxhighlighter.collapsed .toolbar span {
+  display: inline !important;
+  margin-right: 1em !important;
+}
+.syntaxhighlighter.collapsed .toolbar span a {
+  padding: 0 !important;
+  display: none !important;
+}
+.syntaxhighlighter.collapsed .toolbar span a.expandSource {
+  display: inline !important;
+}
+.syntaxhighlighter .toolbar {
+  position: absolute !important;
+  right: 1px !important;
+  top: 1px !important;
+  width: 11px !important;
+  height: 11px !important;
+  font-size: 10px !important;
+  z-index: 10 !important;
+}
+.syntaxhighlighter .toolbar span.title {
+  display: inline !important;
+}
+.syntaxhighlighter .toolbar a {
+  display: block !important;
+  text-align: center !important;
+  text-decoration: none !important;
+  padding-top: 1px !important;
+}
+.syntaxhighlighter .toolbar a.expandSource {
+  display: none !important;
+}
+.syntaxhighlighter.ie {
+  font-size: .9em !important;
+  padding: 1px 0 1px 0 !important;
+}
+.syntaxhighlighter.ie .toolbar {
+  line-height: 8px !important;
+}
+.syntaxhighlighter.ie .toolbar a {
+  padding-top: 0px !important;
+}
+.syntaxhighlighter.printing .line.alt1 .content,
+.syntaxhighlighter.printing .line.alt2 .content,
+.syntaxhighlighter.printing .line.highlighted .number,
+.syntaxhighlighter.printing .line.highlighted.alt1 .content,
+.syntaxhighlighter.printing .line.highlighted.alt2 .content {
+  background: none !important;
+}
+.syntaxhighlighter.printing .line .number {
+  color: #bbbbbb !important;
+}
+.syntaxhighlighter.printing .line .content {
+  color: black !important;
+}
+.syntaxhighlighter.printing .toolbar {
+  display: none !important;
+}
+.syntaxhighlighter.printing a {
+  text-decoration: none !important;
+}
+.syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a {
+  color: black !important;
+}
+.syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a {
+  color: #008200 !important;
+}
+.syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a {
+  color: blue !important;
+}
+.syntaxhighlighter.printing .keyword {
+  color: #006699 !important;
+  font-weight: bold !important;
+}
+.syntaxhighlighter.printing .preprocessor {
+  color: gray !important;
+}
+.syntaxhighlighter.printing .variable {
+  color: #aa7700 !important;
+}
+.syntaxhighlighter.printing .value {
+  color: #009900 !important;
+}
+.syntaxhighlighter.printing .functions {
+  color: #ff1493 !important;
+}
+.syntaxhighlighter.printing .constants {
+  color: #0066cc !important;
+}
+.syntaxhighlighter.printing .script {
+  font-weight: bold !important;
+}
+.syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a {
+  color: gray !important;
+}
+.syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a {
+  color: #ff1493 !important;
+}
+.syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a {
+  color: red !important;
+}
+.syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a {
+  color: black !important;
+}
+
+.syntaxhighlighter {
+  background-color: white !important;
+}
+.syntaxhighlighter .line.alt1 {
+  background-color: white !important;
+}
+.syntaxhighlighter .line.alt2 {
+  background-color: white !important;
+}
+.syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 {
+  background-color: #e0e0e0 !important;
+}
+.syntaxhighlighter .line.highlighted.number {
+  color: black !important;
+}
+.syntaxhighlighter table caption {
+  color: black !important;
+}
+.syntaxhighlighter .gutter {
+  color: #afafaf !important;
+}
+.syntaxhighlighter .gutter .line {
+  border-right: 3px solid #6ce26c !important;
+}
+.syntaxhighlighter .gutter .line.highlighted {
+  background-color: #6ce26c !important;
+  color: white !important;
+}
+.syntaxhighlighter.printing .line .content {
+  border: none !important;
+}
+.syntaxhighlighter.collapsed {
+  overflow: visible !important;
+}
+.syntaxhighlighter.collapsed .toolbar {
+  color: blue !important;
+  background: white !important;
+  border: 1px solid #6ce26c !important;
+}
+.syntaxhighlighter.collapsed .toolbar a {
+  color: blue !important;
+}
+.syntaxhighlighter.collapsed .toolbar a:hover {
+  color: red !important;
+}
+.syntaxhighlighter .toolbar {
+  color: white !important;
+  background: #6ce26c !important;
+  border: none !important;
+}
+.syntaxhighlighter .toolbar a {
+  color: white !important;
+}
+.syntaxhighlighter .toolbar a:hover {
+  color: black !important;
+}
+.syntaxhighlighter .plain, .syntaxhighlighter .plain a {
+  color: black !important;
+}
+.syntaxhighlighter .comments, .syntaxhighlighter .comments a {
+  color: #008200 !important;
+}
+.syntaxhighlighter .string, .syntaxhighlighter .string a {
+  color: blue !important;
+}
+.syntaxhighlighter .keyword {
+  color: #006699 !important;
+}
+.syntaxhighlighter .preprocessor {
+  color: gray !important;
+}
+.syntaxhighlighter .variable {
+  color: #aa7700 !important;
+}
+.syntaxhighlighter .value {
+  color: #009900 !important;
+}
+.syntaxhighlighter .functions {
+  color: #ff1493 !important;
+}
+.syntaxhighlighter .constants {
+  color: #0066cc !important;
+}
+.syntaxhighlighter .script {
+  font-weight: bold !important;
+  color: #006699 !important;
+  background-color: none !important;
+}
+.syntaxhighlighter .color1, .syntaxhighlighter .color1 a {
+  color: gray !important;
+}
+.syntaxhighlighter .color2, .syntaxhighlighter .color2 a {
+  color: #ff1493 !important;
+}
+.syntaxhighlighter .color3, .syntaxhighlighter .color3 a {
+  color: red !important;
+}
+/**
+ * SyntaxHighlighter
+ * http://alexgorbatchev.com/SyntaxHighlighter
+ *
+ * SyntaxHighlighter is donationware. If you are using it, please donate.
+ * http://alexgorbatchev.com/SyntaxHighlighter/donate.html
+ *
+ * @version
+ * 3.0.83 (July 02 2010)
+ *
+ * @copyright
+ * Copyright (C) 2004-2010 Alex Gorbatchev.
+ *
+ * @license
+ * Dual licensed under the MIT and GPL licenses.
+ */
+.syntaxhighlighter {
+  background-color: white !important;
+}
+.syntaxhighlighter .line.alt1 {
+  background-color: white !important;
+}
+.syntaxhighlighter .line.alt2 {
+  background-color: white !important;
+}
+.syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 {
+  background-color: #e0e0e0 !important;
+}
+.syntaxhighlighter .line.highlighted.number {
+  color: black !important;
+}
+.syntaxhighlighter table caption {
+  color: black !important;
+}
+.syntaxhighlighter .gutter {
+  color: #afafaf !important;
+}
+.syntaxhighlighter .gutter .line {
+  border-right: 3px solid #6ce26c !important;
+}
+.syntaxhighlighter .gutter .line.highlighted {
+  background-color: #6ce26c !important;
+  color: white !important;
+}
+.syntaxhighlighter.printing .line .content {
+  border: none !important;
+}
+.syntaxhighlighter.collapsed {
+  overflow: visible !important;
+}
+.syntaxhighlighter.collapsed .toolbar {
+  color: blue !important;
+  background: white !important;
+  border: 1px solid #6ce26c !important;
+}
+.syntaxhighlighter.collapsed .toolbar a {
+  color: blue !important;
+}
+.syntaxhighlighter.collapsed .toolbar a:hover {
+  color: red !important;
+}
+.syntaxhighlighter .toolbar {
+  color: white !important;
+  background: #6ce26c !important;
+  border: none !important;
+}
+.syntaxhighlighter .toolbar a {
+  color: white !important;
+}
+.syntaxhighlighter .toolbar a:hover {
+  color: black !important;
+}
+.syntaxhighlighter .plain, .syntaxhighlighter .plain a {
+  color: black !important;
+}
+.syntaxhighlighter .comments, .syntaxhighlighter .comments a {
+  color: #008200 !important;
+}
+.syntaxhighlighter .string, .syntaxhighlighter .string a {
+  color: blue !important;
+}
+.syntaxhighlighter .keyword {
+  color: #006699 !important;
+}
+.syntaxhighlighter .preprocessor {
+  color: gray !important;
+}
+.syntaxhighlighter .variable {
+  color: #aa7700 !important;
+}
+.syntaxhighlighter .value {
+  color: #009900 !important;
+}
+.syntaxhighlighter .functions {
+  color: #ff1493 !important;
+}
+.syntaxhighlighter .constants {
+  color: #0066cc !important;
+}
+.syntaxhighlighter .script {
+  font-weight: bold !important;
+  color: #006699 !important;
+  background-color: none !important;
+}
+.syntaxhighlighter .color1, .syntaxhighlighter .color1 a {
+  color: gray !important;
+}
+.syntaxhighlighter .color2, .syntaxhighlighter .color2 a {
+  color: #ff1493 !important;
+}
+.syntaxhighlighter .color3, .syntaxhighlighter .color3 a {
+  color: red !important;
+}
+
+.syntaxhighlighter .keyword {
+  font-weight: bold !important;
+}
\ No newline at end of file

Modified: incubator/ignite/site/branches/sidenav/scss/all.scss
URL: http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/scss/all.scss?rev=1651188&r1=1651187&r2=1651188&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/scss/all.scss (original)
+++ incubator/ignite/site/branches/sidenav/scss/all.scss Mon Jan 12 20:22:26 2015
@@ -775,58 +775,38 @@ p {
 }
 .sidebar {
     display: block;
-    padding: 110px 20px;
+    padding: 95px 20px;
+    a {
+        display: block;
+        font-size: 18px;
+        font-weight: 900;
+        color: #808080;
+        padding-left:10px;
+        margin-top: 15px;
+        margin-bottom: 15px;
 
-	#sidebar-main-menu {
-		a{
-			display: block;
-			font-size: 18px;
-			font-weight: 900;
-			color: #808080;
-			padding-left:10px;
-
-			&:hover{
-				color: $red;
-				text-decoration: none;
-				background-color: transparent;
-				border-left: 1px solid $red;
-			}
-		}
-
-		li.active a {
-
-		    color: $red;
-            text-decoration: none;
+        &:hover{
+            color: $red;
             background-color: transparent;
-            border-left: 2px solid $red;
-		}
-
-	}
-	#sidebar-sub-menu {
-		a {
-			margin-top: 10px;
-			margin-bottom: 10px;
-			margin-left: 20px;
-			font-size: 15px;
-			font-weight: 400;
-			color: #999;
-
-			&:hover{
-                    color: $red;
-                    text-decoration: none;
-                    background-color: transparent;
-                    border-left: 1px solid $red;
-                }
-
-		}
-		li.active a {
+            border-left: 1px solid $red;
+        }
+    }
 
-        		    color: $red;
-                    text-decoration: none;
-                    background-color: transparent;
-                    border-left: 2px solid $red;
-        		}
-	}
+    li.active a {
+        color: $red;
+        background-color: transparent;
+        border-left: 2px solid $red;
+    }
+}
+.sidebar-sub-menu {
+    a {
+        margin-top: 15px;
+        margin-bottom: 15px;
+        margin-left: 20px;
+        font-size: 15px;
+        font-weight: 400;
+        color: #999;
+    }
 }
 .main-content {
     display: block;
@@ -866,15 +846,15 @@ p {
 		}
 	}
 	li {
-            padding: 0 0 0 20px;
-            position: relative;
-            @include arrow-lazy(right, 5px, $gray-dark, 4px);
-
-            &:before{
-                left: 0;
-                margin: 0;
-            }
+        padding: 0 0 0 20px;
+        position: relative;
+        @include arrow-lazy(right, 5px, $gray-dark, 4px);
+
+        &:before{
+            left: 0;
+            margin: 0;
         }
+    }
 }
 .clustering {
     margin: 35px 0 0;
@@ -897,6 +877,9 @@ p {
             @include after(0,auto,auto,0);
             background: url(../images/sprite.png) no-repeat;
         }
+        @media (max-width: $mobile) {
+            margin: 0;
+        }
     }
     li {
         padding: 0 0 0 20px;
@@ -930,6 +913,9 @@ p {
             @include after(0,auto,auto,0);
             background: url(../images/sprite.png) no-repeat;
         }
+        @media (max-width: $mobile) {
+            margin: 0;
+        }
     }
     li {
         padding: 0 0 0 20px;
@@ -963,6 +949,9 @@ p {
             @include after(0,auto,auto,0);
             background: url(../images/sprite.png) no-repeat;
         }
+        @media (max-width: $mobile) {
+            margin: 0;
+        }
     }
     li {
         padding: 0 0 0 20px;
@@ -996,6 +985,9 @@ p {
             @include after(0,auto,auto,0);
             background: url(../images/sprite.png) no-repeat;
         }
+        @media (max-width: $mobile) {
+            margin: 0;
+        }
     }
     li {
         padding: 0 0 0 20px;
@@ -1007,4 +999,15 @@ p {
             margin: 0;
         }
     }
+}
+.tabs {
+    ul.nav.nav-tabs li{
+        a {
+            color:black;
+
+            &:hover{
+                color: $red;
+            }
+        }
+    }
 }
\ No newline at end of file



Mime
View raw message