ResiLien
/
terraform
2
0
Fork 0
Code Issues Pull Requests Packages 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-docs,
body.layout-intro{ 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{ >.container{
.col-md-8[role=main]{ .col-md-8[role=main]{
min-height: 800px; min-height: 800px;
background-color: white; 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{ >div{
position: relative; position: relative;
z-index: 10; z-index: 10;
@ -31,13 +20,11 @@ body.layout-intro{
} }
.docs-sidebar{ .docs-sidebar{
position: relative; position: relative;
z-index: 20; z-index: 20;
margin-bottom: 30px; margin-bottom: 30px;
margin-top: 50px; margin-top: 50px;
margin-right: 4%; margin-right: 4%;
background-color: @light-purple;
border-radius: @el-border-radius;
a{ a{
color: @purple; color: @purple;
@ -72,7 +59,7 @@ body.layout-intro{
> li { > li {
padding: 10px 0; padding: 10px 0;
margin: 0 30px; margin: 0 30px;
border-bottom: 2px solid #fff; //border-bottom: 2px solid #fff;
>.nav{ >.nav{
li{ li{
@ -154,9 +141,9 @@ body.layout-intro{
font-size: 20px; font-size: 20px;
font-family: @font-family-open-sans; font-family: @font-family-open-sans;
font-weight: @font-weight-open; font-weight: @font-weight-open;
line-height: 1.5em; line-height: 1.5em;
margin: 0 0 18px; margin: 0 0 18px;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
} }
pre{ pre{
@ -180,9 +167,10 @@ body.layout-intro{
color: @purple; color: @purple;
text-transform: uppercase; text-transform: uppercase;
padding-bottom: 24px; padding-bottom: 24px;
margin-top: 40px; margin-top: 40px;
margin-bottom: 24px; margin-bottom: 24px;
border-bottom: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;
.lato-light();
} }
h2, h3, h4{ h2, h3, h4{

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

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

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

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