Styling for admonition blocks
Project: http://git-wip-us.apache.org/repos/asf/tomee-site-generator/repo Commit: http://git-wip-us.apache.org/repos/asf/tomee-site-generator/commit/5651b699 Tree: http://git-wip-us.apache.org/repos/asf/tomee-site-generator/tree/5651b699 Diff: http://git-wip-us.apache.org/repos/asf/tomee-site-generator/diff/5651b699 Branch: refs/heads/master Commit: 5651b699adaf01323616742731a3a56be541235a Parents: 1a5ceae Author: dblevins <david.blev...@gmail.com> Authored: Sat Dec 1 12:31:30 2018 -0800 Committer: dblevins <david.blev...@gmail.com> Committed: Sat Dec 1 12:31:30 2018 -0800 ---------------------------------------------------------------------- src/main/jbake/assets/css/cardio.css | 90 +++++++++++++++++++++++++++++-- src/main/jbake/jbake.properties | 2 +- src/main/jbake/templates/menu.gsp | 3 ++ 3 files changed, 90 insertions(+), 5 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/tomee-site-generator/blob/5651b699/src/main/jbake/assets/css/cardio.css ---------------------------------------------------------------------- diff --git a/src/main/jbake/assets/css/cardio.css b/src/main/jbake/assets/css/cardio.css index 0128a63..580cc42 100755 --- a/src/main/jbake/assets/css/cardio.css +++ b/src/main/jbake/assets/css/cardio.css @@ -112,13 +112,14 @@ header .typed-cursor { pre { border: 0px solid #ccc; + margin: 0 0 20px; } code { color: #8a6d3b; background-color: #f5f5f5; } p { - margin: 20px 0 20px; + margin: 0px 0 20px; } td p { margin: 0px; @@ -129,15 +130,16 @@ body { line-height: 1.5; -webkit-font-smoothing: antialiased; } -h1, .h1, h2, .h2, h3, .h3 { +h1, .h1, h2, .h2, h3, .h3, h4, .h4, { margin-top: 30px; margin-bottom: 10px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 300; } -h4, .h4, h5, .h5, h6, .h6 { +h5, .h5, h6, .h6 { margin-top: 25px; + font-weight: 600; } .page-header h1 { font-weight: 500; @@ -1180,4 +1182,84 @@ h2 { /*ensure downlooad as PDF are clickable*/ } vspace { height: 1em; -} \ No newline at end of file +} + +.admonitionblock td.content > .title, .exampleblock > .title, .imageblock > .title, .videoblock > .title, .listingblock > .title, .literalblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, .sidebarblock > .title, .tableblock > .title, .verseblock > .title, .dlist > .title, .olist > .title, .ulist > .title, .qlist > .title, .hdlist > .title { text-align: left; font-weight: bold; } + +.tableblock > caption { text-align: left; font-weight: bold; white-space: nowrap; overflow: visible; max-width: 0; } + +table.tableblock #preamble > .sectionbody > .paragraph:first-of-type p { font-size: inherit; } + +.admonitionblock > table { + border: 0; + background: none; + width: 100%; + margin: 0px 0px 20px; +} + +.admonitionblock > table td.icon { + text-align: center; + width: 80px; +} + +.admonitionblock > table td.icon img { + max-width: none; +} + +.admonitionblock > table td.icon .title { + font-weight: bold; + text-transform: uppercase; +} + +.admonitionblock > table td.content { + padding-left: 1.125em; + padding-right: 1.25em; + border-left: 1px solid #dddddd; + color: #6f6f6f; + font-size: 15px; +} + +.admonitionblock > table td.content > :last-child > :last-child { + margin-bottom: 0; +} + +[class^="icon-"], [class*=" icon-"] { + display: inline-block; + vertical-align: middle; + background-position: 14px 14px; + background-repeat: no-repeat; +} +span.icon > [class^="icon-"], span.icon > [class*=" icon-"] { cursor: default; } + +.admonitionblock td.icon [class^="fa icon-"]:before { + font-size: 2.5em; + text-shadow: 1px 1px 2px #e6e6e6; + cursor: default; /* -webkit-font-smoothing: antialiased; */ +} + +.admonitionblock td.icon .icon-note:before { + content: "\f05a"; + color: #005498; + color: #80a8c7; +} + +.admonitionblock td.icon .icon-tip:before { + content: "\f0eb"; + text-shadow: 1px 1px 2px rgba(222, 222, 68, 0.8); + color: #c7ba71; +} + +.admonitionblock td.icon .icon-warning:before { + content: "\f071"; + color: #da8f33; +} + +.admonitionblock td.icon .icon-caution:before { + content: "\f06d"; + color: #af5e40; +} + +.admonitionblock td.icon .icon-important:before { + content: "\f06a"; + color: #bd5a5a; +} http://git-wip-us.apache.org/repos/asf/tomee-site-generator/blob/5651b699/src/main/jbake/jbake.properties ---------------------------------------------------------------------- diff --git a/src/main/jbake/jbake.properties b/src/main/jbake/jbake.properties index ef3f1d0..b40573c 100755 --- a/src/main/jbake/jbake.properties +++ b/src/main/jbake/jbake.properties @@ -15,5 +15,5 @@ template.blog.file = blog.gsp # template.archive.file = archive.gsp # template.tag.file = tags.gsp # template.feed.file = feed.gsp - +asciidoctor.attributes=icons=font http://git-wip-us.apache.org/repos/asf/tomee-site-generator/blob/5651b699/src/main/jbake/templates/menu.gsp ---------------------------------------------------------------------- diff --git a/src/main/jbake/templates/menu.gsp b/src/main/jbake/templates/menu.gsp index d84aceb..5c9dbad 100755 --- a/src/main/jbake/templates/menu.gsp +++ b/src/main/jbake/templates/menu.gsp @@ -1,5 +1,7 @@ <nav class="navbar"> <div class="container"> + <div class="row"> <div class="col-md-12"> + <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> @@ -33,6 +35,7 @@ </ul> </div> <!-- /.navbar-collapse --> + </div></div> </div> <!-- /.container-fluid --> </nav>