Index: computing.html =================================================================== --- computing.html (revision 1650645) +++ computing.html (working copy) @@ -12,6 +12,8 @@ + + @@ -87,48 +89,66 @@
- + -
+
-
+

High Performance Computing

@@ -139,43 +159,34 @@

Apache Ignite computational features include

    -
  • Dynamic Clustering
  • -
  • Fork-Join & MapReduce Processing
  • -
  • Distributed Closure Execution
  • -
  • Load Balancing and Fault Tolerance
  • -
  • Distributed Messaging and Events
  • -
  • Linear Scalability
  • -
-
+

Clustering

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

    -
  • Dynamic topology management
  • Automatic discovery on LAN, WAN, and AWS
  • Automatic “split-brain” (i.e. network segmentation) resolution
  • Unicast, broadcast, and group-based message exchange
  • On-demand and direct deployment
  • Support for virtual clusters and node groupings
  • -
-
+

Distributed Messaging

@@ -189,9 +200,72 @@
  • Cluster-aware message listener auto-deployment
  • +

    Example

    + +
    + + + +
    + +
    +

    Send and receive unordered messages

    + +
    +                                        try (Grid grid = GridGain.start("examples/config/example-compute.xml")) {
    +                                            // Add unordered message listener on all grid nodes.
    +                                            grid.message().remoteListen("MyUnorderedTopic", new GridBiPredicate<UUID, String>() {
    +                                                @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));
    +                                        }
    +                                    
    +
    + +
    +

    Send and receive ordered messages

    + +
    +                                        try (Grid grid = GridGain.start()) {
    +                                          // Add ordered message listener on all grid nodes.
    +                                          grid.message().remoteListen("MyOrderedTopic", new GridBiPredicate<UUID, String>() {
    +                                            @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);
    +                                        }
    +                                    
    +
    + +
    +

    Example 3 Content

    +

    and so on ...

    +
    + +
    + +
    +
    -
    +

    Distributed Events

    @@ -205,7 +279,7 @@
    -
    +

    Distributed Services

    @@ -317,6 +391,9 @@ + + + Index: css/all.css =================================================================== --- css/all.css (revision 1650645) +++ css/all.css (working copy) @@ -7630,47 +7630,36 @@ .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 @@ 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 @@ 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 @@ 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 @@ 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 @@ left: 0; margin: 0; } + +.tabs ul.nav.nav-tabs li a { + color: black; +} +.tabs ul.nav.nav-tabs li a:hover { + color: #f00; +} Index: css/syntaxhighlighter.css =================================================================== --- css/syntaxhighlighter.css (revision 0) +++ css/syntaxhighlighter.css (working copy) @@ -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 Index: scss/all.scss =================================================================== --- scss/all.scss (revision 1650645) +++ scss/all.scss (working copy) @@ -775,59 +775,39 @@ } .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; - } + border-left: 1px 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 { - - 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; padding-top: 30px; @@ -866,15 +846,15 @@ } } li { - padding: 0 0 0 20px; - position: relative; - @include arrow-lazy(right, 5px, $gray-dark, 4px); + padding: 0 0 0 20px; + position: relative; + @include arrow-lazy(right, 5px, $gray-dark, 4px); - &:before{ - left: 0; - margin: 0; - } + &:before{ + left: 0; + margin: 0; } + } } .clustering { margin: 35px 0 0; @@ -897,6 +877,9 @@ @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 @@ @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 @@ @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 @@ @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 @@ margin: 0; } } +} +.tabs { + ul.nav.nav-tabs li{ + a { + color:black; + + &:hover{ + color: $red; + } + } + } } \ No newline at end of file