From 213e91d822b12ae3d482e02052d015915f45ba5b Mon Sep 17 00:00:00 2001 From: Brad Hubbard Date: Sat, 21 Dec 2019 08:25:51 +1000 Subject: [PATCH] doc: Modify nature theme Apply ceph project customisations to default nature theme. Signed-off-by: Brad Hubbard --- doc/_themes/ceph/static/nature.css_t | 192 ++++++++++++++++++--------- 1 file changed, 128 insertions(+), 64 deletions(-) diff --git a/doc/_themes/ceph/static/nature.css_t b/doc/_themes/ceph/static/nature.css_t index 5fb55b12aa67..f02a23298a3b 100644 --- a/doc/_themes/ceph/static/nature.css_t +++ b/doc/_themes/ceph/static/nature.css_t @@ -8,18 +8,21 @@ * :license: BSD, see LICENSE for details. * */ - + @import url("basic.css"); - + /* -- page layout ----------------------------------------------------------- */ - + +@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,300,700'); + body { - font-family: Arial, sans-serif; + font-family: Helvetica, Arial, sans-serif; font-size: 100%; background-color: #fff; color: #555; margin: 0; padding: 0; + border-top: 5px solid #F05C56; } div.documentwrapper { @@ -28,24 +31,24 @@ div.documentwrapper { } div.bodywrapper { - margin: 0 0 0 230px; + margin: 0 0 0 330px; } hr { border: 1px solid #B1B4B6; } - + div.document { background-color: #eee; } - + div.body { background-color: #ffffff; color: #3E4349; padding: 0 30px 30px 30px; font-size: 0.9em; } - + div.footer { color: #555; width: 100%; @@ -53,138 +56,151 @@ div.footer { text-align: center; font-size: 75%; } - + div.footer a { color: #444; text-decoration: underline; } - + div.related { - background-color: #6BA81E; + background-color: #80D2DC; line-height: 32px; - color: #fff; - text-shadow: 0px 1px 0 #444; + color: #37424A; font-size: 0.9em; + border-top: #9C4850 5px solid; } - + div.related a { - color: #E2F3CC; + color: #37424A; + text-decoration: none; } - + +div.related a:hover { + color: #fff; + // text-decoration: underline; +} + div.sphinxsidebar { font-size: 0.75em; line-height: 1.5em; + width: 330px; } div.sphinxsidebarwrapper{ padding: 20px 0; } - + div.sphinxsidebar h3, div.sphinxsidebar h4 { - font-family: Arial, sans-serif; - color: #222; + font-family: 'Titillium Web', sans-serif; + color: #e6e8e8; font-size: 1.2em; font-weight: normal; margin: 0; padding: 5px 10px; - background-color: #ddd; - text-shadow: 1px 1px 0 white + background-color: #5e6a71; + // text-shadow: 1px 1px 0 white; + text-transform: uppercase; } div.sphinxsidebar h4{ font-size: 1.1em; } - -div.sphinxsidebar h3 a { - color: #444; + +div.sphinxsidebar h3 a, +div.sphinxsidebar h4 a { + color: #e6e8e8; } - - + div.sphinxsidebar p { color: #888; padding: 5px 20px; } - + div.sphinxsidebar p.topless { } - + div.sphinxsidebar ul { margin: 10px 20px; padding: 0; color: #000; } - + div.sphinxsidebar a { color: #444; } - + div.sphinxsidebar input { border: 1px solid #ccc; font-family: sans-serif; font-size: 1em; } -div.sphinxsidebar .searchformwrapper { +div.sphinxsidebar input[type=text] { margin-left: 20px; margin-right: 20px; } +div.sphinxsidebar input[type=submit] { + border-left: 1px solid #ccc !important; + margin-left: 20px; +} + /* -- body styles ----------------------------------------------------------- */ - + a { - color: #005B81; + color: #F05C56; text-decoration: none; } - + a:hover { color: #E32E00; text-decoration: underline; } - + div.body h1, div.body h2, div.body h3, div.body h4, div.body h5, div.body h6 { - font-family: Arial, sans-serif; - background-color: #BED4EB; + background-color: #99DAE3; font-weight: normal; color: #212224; margin: 30px 0px 10px 0px; padding: 5px 0 5px 10px; - text-shadow: 0px 1px 0 white -} - -div.body h1 { border-top: 20px solid white; margin-top: 0; font-size: 200%; } -div.body h2 { font-size: 150%; background-color: #C8D5E3; } -div.body h3 { font-size: 120%; background-color: #D8DEE3; } -div.body h4 { font-size: 110%; background-color: #D8DEE3; } -div.body h5 { font-size: 100%; background-color: #D8DEE3; } -div.body h6 { font-size: 100%; background-color: #D8DEE3; } - + // text-shadow: 0px 1px 0 white; + text-transform: uppercase; +} + +div.body h1 { font-family: Titillium Web; border-top: 20px solid white; margin-top: 0; font-size: 200%; } +div.body h2 { font-family: Titillium Web; font-size: 150%; background-color: #B2E3EA; } +div.body h3 { font-family: Titillium Web; font-size: 120%; background-color: #CCECF1; } +div.body h4 { font-family: Helvetica, Arial, sans-serif; font-size: 110%; background-color: #CCECF1; } +div.body h5 { font-family: Helvetica, Arial, sans-serif; font-size: 100%; background-color: #CCECF1; } +div.body h6 { font-family: Helvetica, Arial, sans-serif; font-size: 100%; background-color: #CCECF1; } + a.headerlink { color: #c60f0f; font-size: 0.8em; padding: 0 4px 0 4px; text-decoration: none; } - + a.headerlink:hover { background-color: #c60f0f; color: white; } - + div.body p, div.body dd, div.body li { line-height: 1.5em; } - + div.admonition p.admonition-title + p { display: inline; } -div.highlight{ +div.highlight { background-color: white; } @@ -192,29 +208,33 @@ div.note { background-color: #eee; border: 1px solid #ccc; } - + div.seealso { background-color: #ffc; border: 1px solid #ff6; } - + div.topic { background-color: #eee; } - + div.warning { background-color: #ffe4e4; border: 1px solid #f66; } - + +div.warning a { + color: black; +} + p.admonition-title { display: inline; } - + p.admonition-title:after { content: ":"; } - + pre { padding: 10px; background-color: White; @@ -226,8 +246,8 @@ pre { -webkit-box-shadow: 1px 1px 1px #d8d8d8; -moz-box-shadow: 1px 1px 1px #d8d8d8; } - -code { + +tt { background-color: #ecf0f3; color: #222; /* padding: 1px 2px; */ @@ -245,8 +265,52 @@ div.viewcode-block:target { border-bottom: 1px solid #ac9; } -div.code-block-caption { - background-color: #ddd; - color: #222; - border: 1px solid #C6C9CB; -} \ No newline at end of file +table.docutils { + margin: 1.5em; +} + +div.sidebar { + border: 1px solid #5E6A71; + background-color: #E6E8E8; +} + +div.admonition.tip { + background-color: #80D2DC; + border: 1px solid #55AEBA; +} + +div.admonition.important { + background-color: #F05C56; + border: 1px solid #9C4850; + color: #fff; +} + +div.admonition.important a { + color: #E6E8E8; +} + +div.tip tt.literal { + background-color: #55aeba; + color: #fff; +} + +div.important tt.literal { + background-color: #9C4850; + color: #fff; +} + +h2 .literal { + color: #fff; + background-color: #37424a; +} + +dl.glossary dt { + font-size: 1.0em; + padding-top:20px; +} + +p.breathe-sectiondef-title { + font-size: 1.3em; + font-weight: bold; + border-bottom: thin solid #5E6A71; +} -- 2.47.3