meta and lighten purple link/h2 over dark bg

This commit is contained in:
JT 2014-07-27 21:47:03 -07:00
parent bd93aac189
commit 009ba717a7
7 changed files with 44 additions and 42 deletions

View File

@ -1,39 +1,3 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<link rel="shortcut icon" href="/images/favicon.png">
<title><%= current_page.data.page_title ? "#{current_page.data.page_title} - " : "" %>Terraform</title>
<!-- Bootstrap core CSS -->
<%= stylesheet_link_tag "bootstrap.min" %>
<%= stylesheet_link_tag "main" %>
<!-- google fonts -->
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<%= javascript_include_tag "html5shiv", "respond.min" %>
<![endif]-->
<%= yield_content :head %>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-53231375-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body id="page-<%= current_page.data.page_title ? "#{current_page.data.page_title}" : "home" %>" class="page-<%= current_page.data.page_title ? "#{current_page.data.page_title} layout-#{current_page.data.layout} page-sub" : "home layout-#{current_page.data.layout}" %>">
<div id="header" class="<%= current_page.data.page_title == "home" ? "" : "navbar-static-top" %>"> <div id="header" class="<%= current_page.data.page_title == "home" ? "" : "navbar-static-top" %>">
<div class="container"> <div class="container">
<div class="col-sm-12 col-md-4 nav-logo"> <div class="col-sm-12 col-md-4 nav-logo">

View File

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<link rel="shortcut icon" href="/images/favicon.png">
<title><%= current_page.data.page_title ? "#{current_page.data.page_title} - " : "" %>Terraform</title>
<!-- Bootstrap core CSS -->
<%= stylesheet_link_tag "bootstrap.min" %>
<%= stylesheet_link_tag "main" %>
<!-- google fonts -->
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<%= javascript_include_tag "html5shiv", "respond.min" %>
<![endif]-->
<%= yield_content :head %>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-53231375-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body id="page-<%= current_page.data.page_title ? "#{current_page.data.page_title}" : "home" %>" class="page-<%= current_page.data.page_title ? "#{current_page.data.page_title} layout-#{current_page.data.layout} page-sub" : "home layout-#{current_page.data.layout}" %>">

View File

@ -1,3 +1,4 @@
<%= partial "layouts/meta" %>
<%= partial "layouts/header" %> <%= partial "layouts/header" %>
<%= yield %> <%= yield %>
<%= partial "layouts/footer" %> <%= partial "layouts/footer" %>

View File

@ -82,7 +82,7 @@ body.layout-intro{
&.active { &.active {
>a{ >a{
color: @purple; color: lighten(@purple, 4%);
font-weight: 500; font-weight: 500;
} }
@ -110,7 +110,7 @@ body.layout-intro{
display: block; display: block;
li.active a { li.active a {
color: @purple; color: lighten(@purple, 4%);
font-weight: 500; font-weight: 500;
} }
} }

View File

@ -34,6 +34,7 @@ body.page-sub{
} }
.buttons.nav > li > a, .buttons.nav > li > a { .buttons.nav > li > a, .buttons.nav > li > a {
//background-color: lighten(@purple, 1%);
.transition( background-color 0.3s ease ); .transition( background-color 0.3s ease );
} }

View File

@ -250,7 +250,7 @@
h2 { h2 {
margin-top: 0; margin-top: 0;
font-size: 28px; font-size: 28px;
color: lighten(@purple, 5%); color: lighten(@purple, 8%);
.lato-light(); .lato-light();
} }

View File

@ -1250,7 +1250,7 @@ body.page-home #footer {
#demos .explantion h2 { #demos .explantion h2 {
margin-top: 0; margin-top: 0;
font-size: 28px; font-size: 28px;
color: #9148f8; color: #9a56f9;
font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 200; font-weight: 200;
} }
@ -1679,7 +1679,7 @@ body.layout-intro > .container .col-md-8[role=main] > div {
}*/ }*/
} }
.docs-sidebar .docs-sidenav > li.active > a { .docs-sidebar .docs-sidenav > li.active > a {
color: #822ff7; color: #8e43f8;
font-weight: 500; font-weight: 500;
} }
.docs-sidebar .docs-sidenav > li.active:before { .docs-sidebar .docs-sidenav > li.active:before {
@ -1704,7 +1704,7 @@ body.layout-intro > .container .col-md-8[role=main] > div {
display: block; display: block;
} }
.docs-sidebar .docs-sidenav > li.active .nav li.active a { .docs-sidebar .docs-sidenav > li.active .nav li.active a {
color: #822ff7; color: #8e43f8;
font-weight: 500; font-weight: 500;
} }
.docs-sidebar .docs-sidenav > li > a { .docs-sidebar .docs-sidenav > li > a {