Docs: Enhance contrast and increase font-weight

Also replace 'Courier New' with newer monospace fonts,
and make font in main text slightly smaller to better fit
smaller screen.

See #1678.
This commit is contained in:
Anthony Fok 2015-12-16 19:10:46 -07:00
parent 868e4798d5
commit 705104338e
2 changed files with 13 additions and 17 deletions

View file

@ -66,7 +66,7 @@ code,
kbd, kbd,
pre, pre,
samp { samp {
font-family: monospace, serif; font-family: Menlo, Consolas, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', Monaco, 'Droid Sans Mono', monospace;
font-size: 1em; font-size: 1em;
} }
pre { pre {
@ -361,10 +361,6 @@ address {
font-style: normal; font-style: normal;
line-height: 1.428571429; line-height: 1.428571429;
} }
code,
pre {
font-family: Lato;
}
code { code {
padding: 2px 4px; padding: 2px 4px;
font-size: 90%; font-size: 90%;

View file

@ -91,8 +91,8 @@ h1, h2, h3 {
} }
pre code { pre code {
font-size: 18px !important; font-size: 15px !important;
font-family: 'Courier New', monospace; font-family: Menlo, Consolas, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', Monaco, 'Droid Sans Mono', monospace;
} }
body { body {
@ -101,12 +101,12 @@ body {
font-family: 'Lato', sans-serif; font-family: 'Lato', sans-serif;
padding: 0px !important; padding: 0px !important;
margin: 0px !important; margin: 0px !important;
font-size:16px !important; font-size: 16px !important;
font-weight: 300; font-weight: 400;
} }
h1,h2,h3,h4,h5{ h2,h3,h4,h5{
font-weight: 400; font-weight: 700;
} }
@ -119,7 +119,7 @@ h1[id]:before, h2[id]:before, h3[id]:before, h4[id]:before, h5[id]:before {
} }
label{ label{
font-weight: 300; font-weight: 400;
} }
.sidebar-menu .fa { .sidebar-menu .fa {
@ -220,7 +220,7 @@ ul.sidebar-menu li ul.sub li a {
-o-transition: all 0.3s ease; -o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease; -ms-transition: all 0.3s ease;
transition: all 0.3s ease; transition: all 0.3s ease;
color: #737B83; color: #656C73;
font-size: 14px; font-size: 14px;
} }
@ -248,12 +248,12 @@ ul.sidebar-menu li a span{
} }
ul.sidebar-menu li a{ ul.sidebar-menu li a{
color: #8b9199; color: #72767D;
text-decoration: none; text-decoration: none;
display: block; display: block;
padding: 10px 0 10px 10px; padding: 10px 0 10px 10px;
font-size: 16px; font-size: 16px;
font-weight: 300; font-weight: 400;
outline: none; outline: none;
-webkit-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease; -moz-transition: all 0.3s ease;
@ -316,7 +316,7 @@ ul.sidebar-menu li.active a i {
#main-content { #main-content {
margin-left: 200px; margin-left: 200px;
line-height: 1.8; line-height: 1.8;
font-size: 19px; font-size: 18px;
} }
.header { .header {
@ -346,7 +346,7 @@ ul.sidebar-menu li.active a i {
a.logo { a.logo {
font-size: 22px; font-size: 22px;
font-weight: 300; font-weight: 400;
color: #8E8E93; color: #8E8E93;
float: left; float: left;
margin-top: 10px; margin-top: 10px;