doc: Moved font family attributes into variables

This commit is contained in:
Tobias Bieniek 2013-12-12 19:29:28 +01:00
parent 00b00ff931
commit b9b44bb87c
1 changed files with 32 additions and 30 deletions

View File

@ -8,13 +8,15 @@
{% set page_width = '940px' %} {% set page_width = '940px' %}
{% set sidebar_width = '220px' %} {% set sidebar_width = '220px' %}
{% set base_font = '"Georgia", serif' %}
{% set header_font = '"Garamond", "Georgia", serif' %}
@import url("basic.css"); @import url("basic.css");
/* -- page layout ----------------------------------------------------------- */ /* -- page layout ----------------------------------------------------------- */
body { body {
font-family: 'Georgia', serif; font-family: {{ base_font }};
font-size: 17px; font-size: 17px;
background-color: white; background-color: white;
color: #000; color: #000;
@ -43,7 +45,7 @@ div.sphinxsidebar {
hr { hr {
border: 1px solid #B1B4B6; border: 1px solid #B1B4B6;
} }
div.body { div.body {
background-color: #ffffff; background-color: #ffffff;
color: #3E4349; color: #3E4349;
@ -54,7 +56,7 @@ img.floatingflask {
padding: 0 0 10px 10px; padding: 0 0 10px 10px;
float: right; float: right;
} }
div.footer { div.footer {
width: {{ page_width }}; width: {{ page_width }};
margin: 20px auto 30px auto; margin: 20px auto 30px auto;
@ -70,7 +72,7 @@ div.footer a {
div.related { div.related {
display: none; display: none;
} }
div.sphinxsidebar a { div.sphinxsidebar a {
color: #444; color: #444;
text-decoration: none; text-decoration: none;
@ -80,7 +82,7 @@ div.sphinxsidebar a {
div.sphinxsidebar a:hover { div.sphinxsidebar a:hover {
border-bottom: 1px solid #999; border-bottom: 1px solid #999;
} }
div.sphinxsidebar { div.sphinxsidebar {
font-size: 14px; font-size: 14px;
line-height: 1.5; line-height: 1.5;
@ -95,10 +97,10 @@ div.sphinxsidebarwrapper p.logo {
margin: 0; margin: 0;
text-align: center; text-align: center;
} }
div.sphinxsidebar h3, div.sphinxsidebar h3,
div.sphinxsidebar h4 { div.sphinxsidebar h4 {
font-family: 'Garamond', 'Georgia', serif; font-family: {{ header_font }};
color: #444; color: #444;
font-size: 24px; font-size: 24px;
font-weight: normal; font-weight: normal;
@ -109,7 +111,7 @@ div.sphinxsidebar h4 {
div.sphinxsidebar h4 { div.sphinxsidebar h4 {
font-size: 20px; font-size: 20px;
} }
div.sphinxsidebar h3 a { div.sphinxsidebar h3 a {
color: #444; color: #444;
} }
@ -120,7 +122,7 @@ div.sphinxsidebar p.logo a:hover,
div.sphinxsidebar h3 a:hover { div.sphinxsidebar h3 a:hover {
border: none; border: none;
} }
div.sphinxsidebar p { div.sphinxsidebar p {
color: #555; color: #555;
margin: 10px 0; margin: 10px 0;
@ -131,32 +133,32 @@ div.sphinxsidebar ul {
padding: 0; padding: 0;
color: #000; color: #000;
} }
div.sphinxsidebar input { div.sphinxsidebar input {
border: 1px solid #ccc; border: 1px solid #ccc;
font-family: 'Georgia', serif; font-family: {{ base_font }};
font-size: 1em; font-size: 1em;
} }
/* -- body styles ----------------------------------------------------------- */ /* -- body styles ----------------------------------------------------------- */
a { a {
color: #004B6B; color: #004B6B;
text-decoration: underline; text-decoration: underline;
} }
a:hover { a:hover {
color: #6D4100; color: #6D4100;
text-decoration: underline; text-decoration: underline;
} }
div.body h1, div.body h1,
div.body h2, div.body h2,
div.body h3, div.body h3,
div.body h4, div.body h4,
div.body h5, div.body h5,
div.body h6 { div.body h6 {
font-family: 'Garamond', 'Georgia', serif; font-family: {{ header_font }};
font-weight: normal; font-weight: normal;
margin: 30px 0px 10px 0px; margin: 30px 0px 10px 0px;
padding: 0; padding: 0;
@ -175,18 +177,18 @@ div.body h3 { font-size: 150%; }
div.body h4 { font-size: 130%; } div.body h4 { font-size: 130%; }
div.body h5 { font-size: 100%; } div.body h5 { font-size: 100%; }
div.body h6 { font-size: 100%; } div.body h6 { font-size: 100%; }
a.headerlink { a.headerlink {
color: #ddd; color: #ddd;
padding: 0 4px; padding: 0 4px;
text-decoration: none; text-decoration: none;
} }
a.headerlink:hover { a.headerlink:hover {
color: #444; color: #444;
background: #eaeaea; background: #eaeaea;
} }
div.body p, div.body dd, div.body li { div.body p, div.body dd, div.body li {
line-height: 1.4em; line-height: 1.4em;
} }
@ -209,7 +211,7 @@ dd div.admonition {
} }
div.admonition p.admonition-title { div.admonition p.admonition-title {
font-family: 'Garamond', 'Georgia', serif; font-family: {{ header_font }};
font-weight: normal; font-weight: normal;
font-size: 24px; font-size: 24px;
margin: 0 0 10px 0; margin: 0 0 10px 0;
@ -233,20 +235,20 @@ div.note {
background-color: #eee; background-color: #eee;
border: 1px solid #ccc; border: 1px solid #ccc;
} }
div.seealso { div.seealso {
background-color: #ffc; background-color: #ffc;
border: 1px solid #ff6; border: 1px solid #ff6;
} }
div.topic { div.topic {
background-color: #eee; background-color: #eee;
} }
p.admonition-title { p.admonition-title {
display: inline; display: inline;
} }
p.admonition-title:after { p.admonition-title:after {
content: ":"; content: ":";
} }
@ -340,7 +342,7 @@ ul, ol {
margin: 10px 0 10px 30px; margin: 10px 0 10px 30px;
padding: 0; padding: 0;
} }
pre { pre {
background: #eee; background: #eee;
padding: 7px 30px; padding: 7px 30px;
@ -357,7 +359,7 @@ dl dl pre {
margin-left: -90px; margin-left: -90px;
padding-left: 90px; padding-left: 90px;
} }
tt { tt {
background-color: #ecf0f3; background-color: #ecf0f3;
color: #222; color: #222;
@ -574,4 +576,4 @@ a:hover tt {
.revsys-inline { .revsys-inline {
display: none!important; display: none!important;
} }