luxolus
/
open-consul
2
0
Fork 0
Code Issues 1 Pull Requests Packages Releases Wiki Activity

docs background color sorted out

This commit is contained in:
JT 2014-04-08 16:38:25 -07:00
parent 358b925efe
commit 876086bbd7
8 changed files with 50 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
website/source/javascripts/app/deploy/site.js
View File

@ -66,8 +66,7 @@ var APP = APP || {};
//cache elements
this.ui = {
$doc: $(window),
$hero: $('#jumbotron'),
$pagination: null
$hero: $('#jumbotron')
}
this.addEventListeners();
@ -87,7 +86,6 @@ var APP = APP || {};
_this.ui.$hero.css('webkitTransform', 'translate(0, '+ speedAdj +'px)');
_this.ui.$hero.find('.container').css('webkitTransform', 'translate(0, '+ speedAdjOffset +'px)');
//_this.ui.$pagination.css('webkitTransform', 'translate(0, '+ speedAdjOffset +'px)');
})
}
}

2
website/source/javascripts/app/deploy/site.min.js vendored
View File

@ -1 +1 @@
var APP=function(){function a(){APP.Utils.runIfClassNamePresent("page-home",b)}function b(){APP.Homepage.init()}return{initialize:a}}(),APP=APP||{};APP.Utils=function(){return{isMobile:function(){return navigator.userAgent.match(/Android/i)||navigator.userAgent.match(/webOS/i)||navigator.userAgent.match(/iPhone/i)||navigator.userAgent.match(/iPod/i)||navigator.userAgent.match(/BlackBerry/i)||navigator.userAgent.match(/Windows Phone/i)?!0:!1}(),runIfClassNamePresent:function(a,b){var c=document.getElementsByClassName(a);c.length>0&&b()}}}();var APP=APP||{};!function(){APP.Homepage=function(){return{ui:null,init:function(){this.ui={$doc:$(window),$hero:$("#jumbotron"),$pagination:null},this.addEventListeners()},addEventListeners:function(){var a=this;APP.Utils.isMobile||a.ui.$doc.scroll(function(){var b=a.ui.$doc.scrollTop(),c=.8*b,d=c-b;a.ui.$hero.css("webkitTransform","translate(0, "+c+"px)"),a.ui.$hero.find(".container").css("webkitTransform","translate(0, "+d+"px)")})}}}()}(jQuery,this);
var APP=function(){function a(){APP.Utils.runIfClassNamePresent("page-home",b)}function b(){APP.Homepage.init()}return{initialize:a}}(),APP=APP||{};APP.Utils=function(){return{isMobile:function(){return navigator.userAgent.match(/Android/i)||navigator.userAgent.match(/webOS/i)||navigator.userAgent.match(/iPhone/i)||navigator.userAgent.match(/iPod/i)||navigator.userAgent.match(/BlackBerry/i)||navigator.userAgent.match(/Windows Phone/i)?!0:!1}(),runIfClassNamePresent:function(a,b){var c=document.getElementsByClassName(a);c.length>0&&b()}}}();var APP=APP||{};!function(){APP.Homepage=function(){return{ui:null,init:function(){this.ui={$doc:$(window),$hero:$("#jumbotron")},this.addEventListeners()},addEventListeners:function(){var a=this;APP.Utils.isMobile||a.ui.$doc.scroll(function(){var b=a.ui.$doc.scrollTop(),c=.8*b,d=c-b;a.ui.$hero.css("webkitTransform","translate(0, "+c+"px)"),a.ui.$hero.find(".container").css("webkitTransform","translate(0, "+d+"px)")})}}}()}(jQuery,this);

4
website/source/javascripts/app/homepage.js
View File

@ -14,8 +14,7 @@ var APP = APP || {};
//cache elements
this.ui = {
$doc: $(window),
$hero: $('#jumbotron'),
$pagination: null
$hero: $('#jumbotron')
}
this.addEventListeners();
@ -35,7 +34,6 @@ var APP = APP || {};
_this.ui.$hero.css('webkitTransform', 'translate(0, '+ speedAdj +'px)');
_this.ui.$hero.find('.container').css('webkitTransform', 'translate(0, '+ speedAdjOffset +'px)');
//_this.ui.$pagination.css('webkitTransform', 'translate(0, '+ speedAdjOffset +'px)');
})
}
}

17
website/source/stylesheets/_docs.less
View File

@ -8,8 +8,23 @@ body.layout-intro{
>.container{
.col-md-8[role=main]{
min-height: 600px;
min-height: 800px;
background-color: white;
&::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: -9999px;
right: 0;
box-shadow: 9999px 0 0 white;
}
>div{
position: relative;
z-index: 10;
}
}
}
}

3
website/source/stylesheets/_home.less
View File

@ -1,6 +1,9 @@
//
// Home
// --------------------------------------------------
body.page-home{
background-color: #f8f8f8;
}
#features{
.anti-alias();

7
website/source/stylesheets/_jumbotron.less
View File

@ -4,8 +4,9 @@
#jumbotron-mask{
overflow: hidden;
width: 100%;
height: @jumbotron-total-height;
margin-top: -92px;
margin-top: @negative-hero-margin;
}
#jumbotron {
@ -13,7 +14,7 @@
height: @jumbotron-total-height;
padding-top: 0;
padding-bottom: 0;
margin-top: -92px;
margin-top: @negative-hero-margin;
color: @jumbotron-color;
.consul-gradient-bg();
@ -30,7 +31,7 @@
left: 0;
height: 632px;
width: 100%;
margin-top: -92px;
margin-top: @negative-hero-margin;
background: transparent url('../images/hero-dots.png') center @header-height no-repeat;
}

1
website/source/stylesheets/_variables.less
View File

@ -12,6 +12,7 @@
@jumbotron-color: #fff;
@btn-border-radius: 4px;
@el-border-radius: 6px;
@negative-hero-margin: -93px;
// colors
// -------------------------

27
website/source/stylesheets/main.css
View File

@ -371,15 +371,16 @@ body.page-sub #header {
}
#jumbotron-mask {
overflow: hidden;
width: 100%;
height: 542px;
margin-top: -92px;
margin-top: -93px;
}
#jumbotron {
position: relative;
height: 542px;
padding-top: 0;
padding-bottom: 0;
margin-top: -92px;
margin-top: -93px;
color: #ffffff;
background: #694a9c;
/* Old browsers */
@ -409,7 +410,7 @@ body.page-sub #header {
left: 0;
height: 632px;
width: 100%;
margin-top: -92px;
margin-top: -93px;
background: transparent url('../images/hero-dots.png') center 92px no-repeat;
}
#jumbotron .container {
@ -466,6 +467,9 @@ body.page-sub #header {
.outline-btn:hover.purple {
background-color: rgba(255, 255, 255, 0.5);
}
body.page-home {
background-color: #f8f8f8;
}
#features {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
@ -637,9 +641,24 @@ body.layout-intro {
}
body.layout-docs > .container .col-md-8[role=main],
body.layout-intro > .container .col-md-8[role=main] {
min-height: 600px;
min-height: 800px;
background-color: white;
}
body.layout-docs > .container .col-md-8[role=main]::before,
body.layout-intro > .container .col-md-8[role=main]::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: -9999px;
right: 0;
box-shadow: 9999px 0 0 white;
}
body.layout-docs > .container .col-md-8[role=main] > div,
body.layout-intro > .container .col-md-8[role=main] > div {
position: relative;
z-index: 10;
}
.docs-sidebar {
margin-bottom: 30px;
margin-top: 50px;