diff manuals/theme/better/static/better.css_t @ 934:519b14c5260d

(issue89) Add sphinx better theme
author Andre Heinecke <andre.heinecke@intevation.de>
date Fri, 22 Aug 2014 17:16:53 +0200
parents
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/manuals/theme/better/static/better.css_t	Fri Aug 22 17:16:53 2014 +0200
@@ -0,0 +1,324 @@
+@import url("better_basic.css");
+
+{% set theme_headtextcolor = theme_headtextcolor or theme_textcolor %}
+{% set theme_footertextcolor = theme_footertextcolor or theme_textcolor %}
+
+/* main styles */
+
+body {
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-size: 100%;
+    color: {{ theme_textcolor }};
+    margin: 0;
+    padding: 0;
+    line-height: 135%;
+}
+
+a {
+    color: #008;
+    text-decoration: none;
+}
+
+a:visited {
+    color: #208;
+    text-decoration: none;
+}
+
+a:hover {
+    text-decoration: underline;
+}
+
+a.toc-backref {
+    color: {{ theme_headtextcolor }};
+}
+
+p {
+    margin: 1rem 0;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    margin-top: 1em;
+    margin-bottom: 0.5em;
+    color: {{ theme_headtextcolor }};
+    line-height: 135%;
+}
+
+.body .section:first-child > :first-child,
+.sphinxsidebarwrapper > :first-child,
+.sphinxsidebar .search:first-child
+{
+    margin-top: 1rem;
+}
+
+h1 { font-size: 1.5rem; font-weight: bold; }
+h2 { font-size: 1.5rem; font-weight: normal; }
+h3 { font-size: 1.25rem; font-weight: bold; }
+h4 { font-size: 1.25rem; font-weight: normal; }
+h5 { font-size: 1rem; font-weight: bold; }
+h6 { font-size: 1rem; font-weight: normal; }
+
+/* page-level layout of containers */
+
+header#pageheader, footer#pagefooter, .related, .document {
+    width: 100%;
+    max-width: 60rem;
+    margin: auto;
+}
+
+.documentwrapper {
+    float: left;
+    width: 100%;
+}
+
+.bodywrapper {
+    {% if theme_rightsidebar|tobool -%}
+    margin: 0 {{ theme_sidebarwidth }} 0 0;
+    {%- else -%}
+    margin: 0 0 0 {{ theme_sidebarwidth }};
+    {%- endif %}
+}
+
+footer#pagefooter, footer#pagefooter a {
+    color: {{ theme_footertextcolor }};
+}
+
+
+footer#pagefooter {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+    text-align: center;
+}
+
+footer#pagefooter a {
+    text-decoration: underline;
+}
+
+/* header styles */
+
+body > header h1 a, body > header h1 a:visited {
+    color: {{ theme_headtextcolor }};
+}
+
+a.headerlink {
+    font-size: 0.8em;
+    padding: 0 4px 0 4px;
+    text-decoration: none;
+}
+
+/* code styles */
+
+pre, tt {
+    background-color: #eee;
+    color: #333;
+}
+
+pre {
+    font-family: Monaco, Consolas, "Lucida Console", monospace;
+    margin: 1rem -5px;
+    padding: 5px;
+    border-left: none;
+    border-right: none;
+    font-size: 0.8rem;
+    line-height: 1rem;
+}
+
+tt {
+    padding: 0 1px 0 1px;
+    font-family: Consolas, Monaco, monospace;
+}
+
+/* API doc styles */
+
+dl.function,
+dl.class,
+dl.method,
+dl.attribute,
+dl.data,
+dl.classmethod {
+    margin-bottom: 2rem;
+}
+
+/* relbar */
+
+.related {
+    line-height: 30px;
+    width: 100%;
+    font-size: 0.9rem;
+}
+
+.related.top {
+    border-bottom: 1px solid #aaa;
+}
+
+.related.bottom {
+    border-top: 1px solid #aaa;
+}
+
+.related ul {
+    padding: 0;
+    margin: 0;
+    list-style: none;
+}
+
+.related li {
+    display: inline;
+}
+
+nav#rellinks {
+    float: right;
+}
+
+nav#rellinks li+li:before {
+    content: "|";
+}
+
+nav#breadcrumbs li+li:before {
+    content: "\00BB";
+}
+
+/* sidebar */
+
+.sphinxsidebarwrapper {
+    padding: 0 1rem 0 0;
+}
+
+.sphinxsidebar {
+    width: {{ theme_sidebarwidth }};
+    margin-left: -100%;
+    font-size: 0.9rem;
+    {%- if theme_rightsidebar|tobool %}
+    float: right;
+    {%- else %}
+    float: left;
+    {%- endif %}
+}
+
+.sphinxsidebar h3 a {
+    color: {{ theme_headtextcolor }};
+}
+
+.sphinxsidebar p.topless {
+    margin: 5px 10px 10px 10px;
+}
+
+.sphinxsidebar ul {
+    margin: 0;
+    padding: 0;
+    margin-bottom: 1rem;
+    list-style: none;
+}
+
+.sphinxsidebar ul ul,
+.sphinxsidebar ul.want-points {
+    margin-left: 20px;
+    list-style: square;
+}
+
+.sphinxsidebar ul ul {
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
+.sphinxsidebar input {
+    box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    height: 1.5rem;
+    font-size: 0.9rem;
+    margin: 0;
+
+    background-color: white;
+    border: 1px solid #ccc;
+    color: #555;
+}
+
+.sphinxsidebar .search {
+    margin-top: 2rem;
+}
+
+.sphinxsidebar .search input[type=text] {
+    {#- width: calc({{ theme_sidebarwidth }} - 5rem); #}
+    {#- width: -webkit-calc({{ theme_sidebarwidth }} - 5rem); #}
+    width: 90%;
+    display: inline-block;
+}
+
+.sphinxsidebar .search input[type=submit] {
+    width: 4rem;
+    display: inline-block;
+}
+
+/* paragraph-level markup */
+
+.admonition p.admonition-title + p {
+    display: inline;
+}
+
+.admonition p {
+    margin-bottom: 5px;
+}
+
+.admonition pre {
+    margin-bottom: 5px;
+}
+
+.admonition ul, .admonition ol {
+    margin-bottom: 5px;
+}
+
+p.admonition-title {
+    display: inline;
+    margin-right: 0;
+}
+
+p.admonition-title:after {
+    content: ":";
+}
+
+.note {
+    background-color: #eee;
+    border: 1px solid #ccc;
+}
+
+.seealso {
+    background-color: #ffc;
+    border: 1px solid #ff6;
+}
+
+.topic {
+    background-color: #eee;
+}
+
+.warning {
+    background-color: #ffe4e4;
+    border: 1px solid #f66;
+}
+
+.warning tt {
+    background: #efc2c2;
+}
+
+.note tt {
+    background: #d6d6d6;
+}
+
+.viewcode-block:target {
+    background-color: #f4debf;
+    border-top: 1px solid #ac9;
+    border-bottom: 1px solid #ac9;
+}
+
+/* responsive styles */
+
+@media (max-width: 820px) {
+    /* kill the sidebar */
+    .bodywrapper { margin: 0; }
+    .sphinxsidebar {
+        display: none;
+    }
+    header#pageheader, footer#pagefooter, .related, .document {
+        margin: 0 1rem;
+        width: calc(100% - 2rem);
+        width: -webkit-calc(100% - 2rem);
+    }
+}

http://wald.intevation.org/projects/trustbridge/