resilien
/
terraform
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

add docs page css

This commit is contained in:
JT 2014-07-23 00:55:41 -07:00
parent 2da6524e41
commit 6cb84ca6ed
4 changed files with 20 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
website/source/images/sidebar-wire.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 99 KiB

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

@ -4,24 +4,13 @@
body.layout-docs,
body.layout-intro{
background: @light-purple url('../images/sidebar-dots.jpg') left 62px no-repeat;
background: @light-black url('../images/sidebar-wire.png') left 62px no-repeat;
>.container{
.col-md-8[role=main]{
min-height: 800px;
background-color: white;
/* &::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: -9999px;
right: 0;
border-left: none;
box-shadow: 9999px 0 0 white;
}*/
>div{
position: relative;
z-index: 10;
@ -31,13 +20,11 @@ body.layout-intro{
}
.docs-sidebar{
position: relative;
z-index: 20;
margin-bottom: 30px;
position: relative;
z-index: 20;
margin-bottom: 30px;
margin-top: 50px;
margin-right: 4%;
background-color: @light-purple;
border-radius: @el-border-radius;
a{
color: @purple;
@ -72,7 +59,7 @@ body.layout-intro{
> li {
padding: 10px 0;
margin: 0 30px;
border-bottom: 2px solid #fff;
//border-bottom: 2px solid #fff;
>.nav{
li{
@ -154,9 +141,9 @@ body.layout-intro{
font-size: 20px;
font-family: @font-family-open-sans;
font-weight: @font-weight-open;
line-height: 1.5em;
line-height: 1.5em;
margin: 0 0 18px;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
}
pre{
@ -180,9 +167,10 @@ body.layout-intro{
color: @purple;
text-transform: uppercase;
padding-bottom: 24px;
margin-top: 40px;
margin-top: 40px;
margin-bottom: 24px;
border-bottom: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
.lato-light();
}
h2, h3, h4{

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

@ -17,7 +17,8 @@
// -------------------------
@white: #fff;
@black: #242424;
@black: #000;
@light-black: #242424;
@orange: #e78c5b;
@blue: #5b7fe7;
@green: #5be764;

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

@ -19,8 +19,8 @@
-webkit-font-smoothing: antialiased;
}*/
body {
color: #242424;
background-color: #242424;
color: #000000;
background-color: #000000;
font-size: 15px;
font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
@ -47,7 +47,7 @@ h3 {
margin-bottom: 18px;
}
pre {
background-color: #242424;
background-color: #000000;
color: #ffffff;
font-size: 14px;
font-weight: normal;
@ -938,22 +938,12 @@ body.page-sub #header .main-links.navbar-nav li + li::before {
}
body.layout-docs,
body.layout-intro {
background: #f7f3f9 url('../images/sidebar-dots.jpg') left 62px no-repeat;
background: #242424 url('../images/sidebar-wire.png') left 62px no-repeat;
}
body.layout-docs > .container .col-md-8[role=main],
body.layout-intro > .container .col-md-8[role=main] {
min-height: 800px;
background-color: white;
/* &::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: -9999px;
right: 0;
border-left: none;
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 {
@ -966,8 +956,6 @@ body.layout-intro > .container .col-md-8[role=main] > div {
margin-bottom: 30px;
margin-top: 50px;
margin-right: 4%;
background-color: #f7f3f9;
border-radius: 6px;
}
.docs-sidebar a {
color: #822ff7;
@ -990,17 +978,16 @@ body.layout-intro > .container .col-md-8[role=main] > div {
.docs-sidebar .docs-sidenav li > a:hover,
.docs-sidebar .docs-sidenav li > a:focus {
background-color: transparent !important;
color: #242424;
color: #000000;
-webkit-transition: color 0.5s ease;
transition: color 0.5s ease;
}
.docs-sidebar .docs-sidenav > li {
padding: 10px 0;
margin: 0 30px;
border-bottom: 2px solid #fff;
}
.docs-sidebar .docs-sidenav > li > .nav li a {
color: #242424;
color: #000000;
}
.docs-sidebar .docs-sidenav > li.active {
/*> a:hover,
@ -1087,6 +1074,8 @@ body.layout-intro > .container .col-md-8[role=main] > div {
margin-top: 40px;
margin-bottom: 24px;
border-bottom: 1px solid #eeeeee;
font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 100;
}
.bs-docs-section h2,
.bs-docs-section h3,