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
