You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ignite.apache.org by ds...@apache.org on 2014/12/27 01:38:07 UTC

svn commit: r1648027 [3/3] - in /incubator/ignite/site/branches/sidenav: computing.html config.rb css/all.css scss/all.scss

Modified: incubator/ignite/site/branches/sidenav/scss/all.scss
URL: http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/scss/all.scss?rev=1648027&r1=1648026&r2=1648027&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/scss/all.scss (original)
+++ incubator/ignite/site/branches/sidenav/scss/all.scss Sat Dec 27 00:38:07 2014
@@ -659,7 +659,7 @@ p {
 #footer {
 	padding: 71px 0 30px;
 	background: $gray-light;
-	
+
 	@media (max-width: $mobile) {
 		text-align: center;
 		padding: 30px 0 10px;
@@ -772,4 +772,239 @@ p {
 			margin: 0 0 5px;
 		}
 	}
+}
+.sidebar {
+    display: block;
+    padding: 110px 20px;
+
+	#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;
+            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 {
+
+        		    color: $red;
+                    text-decoration: none;
+                    background-color: transparent;
+                    border-left: 2px solid $red;
+        		}
+	}
+}
+.main-content {
+    display: block;
+    padding-top: 30px;
+    padding-left: 150px;
+
+    @media (max-width: $tablet) {
+        margin: 0;
+        padding: 30px 0 0;
+    }
+
+    h1{
+        margin: 80 0 10px;
+    }
+    h2{
+        margin: 0 0 10px;
+    }
+}
+.hpc {
+	margin: -8px 0 0;
+	padding: 80px 0 0;
+	position: relative;
+	z-index: 4;
+
+	@media (max-width: $tablet) {
+		margin: 0;
+		padding: 30px 0 0;
+	}
+	h2{
+		position: relative;
+		padding: 3px 0 12px 40px;
+
+		&:after {
+			@include size(21px,25px);
+			@include after(0,auto,auto,0);
+			background: url(../images/sprite.png) no-repeat;
+		}
+	}
+	li {
+            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;
+    padding: 80px 0 0;
+    border-top: 2px solid $gray-light;
+    position: relative;
+    z-index: 4;
+
+    @media (max-width: $tablet) {
+        margin: 0;
+        padding: 30px 0 0;
+    }
+
+    h2 {
+        position: relative;
+        padding: 3px 0 12px 40px;
+
+        &:after {
+            @include size(21px,25px);
+            @include after(0,auto,auto,0);
+            background: url(../images/sprite.png) no-repeat;
+        }
+    }
+    li {
+        padding: 0 0 0 20px;
+        position: relative;
+        @include arrow-lazy(right, 5px, $gray-dark, 4px);
+
+        &:before{
+            left: 0;
+            margin: 0;
+        }
+    }
+}
+.distributedmessaging {
+    margin: 35px 0 0;
+    padding: 80px 0 0;
+    border-top: 2px solid $gray-light;
+    position: relative;
+    z-index: 4;
+
+    @media (max-width: $tablet) {
+        margin: 0;
+        padding: 30px 0 0;
+    }
+
+    h2 {
+        position: relative;
+        padding: 3px 0 12px 40px;
+
+        &:after {
+            @include size(21px,25px);
+            @include after(0,auto,auto,0);
+            background: url(../images/sprite.png) no-repeat;
+        }
+    }
+    li {
+        padding: 0 0 0 20px;
+        position: relative;
+        @include arrow-lazy(right, 5px, $gray-dark, 4px);
+
+        &:before{
+            left: 0;
+            margin: 0;
+        }
+    }
+}
+.distributedevents {
+    margin: 35px 0 0;
+    padding: 80px 0 0;
+    border-top: 2px solid $gray-light;
+    position: relative;
+    z-index: 4;
+
+    @media (max-width: $tablet) {
+        margin: 0;
+        padding: 30px 0 0;
+    }
+
+    h2 {
+        position: relative;
+        padding: 3px 0 12px 40px;
+
+        &:after {
+            @include size(21px,25px);
+            @include after(0,auto,auto,0);
+            background: url(../images/sprite.png) no-repeat;
+        }
+    }
+    li {
+        padding: 0 0 0 20px;
+        position: relative;
+        @include arrow-lazy(right, 5px, $gray-dark, 4px);
+
+        &:before{
+            left: 0;
+            margin: 0;
+        }
+    }
+}
+.distributedservices {
+    margin: 35px 0 0;
+    padding: 80px 0 0;
+    border-top: 2px solid $gray-light;
+    position: relative;
+    z-index: 4;
+
+    @media (max-width: $tablet) {
+        margin: 0;
+        padding: 30px 0 0;
+    }
+
+    h2 {
+        position: relative;
+        padding: 3px 0 12px 40px;
+
+        &:after {
+            @include size(21px,25px);
+            @include after(0,auto,auto,0);
+            background: url(../images/sprite.png) no-repeat;
+        }
+    }
+    li {
+        padding: 0 0 0 20px;
+        position: relative;
+        @include arrow-lazy(right, 5px, $gray-dark, 4px);
+
+        &:before{
+            left: 0;
+            margin: 0;
+        }
+    }
 }
\ No newline at end of file