Documentation: improve code block titles and notes CSS

The title of code blocks and notes had no CSS style at all. So they
looked like any other normal text around.

Now, code blocks and notes look much closer to how native asciidoc
renders them. This change also outdents code blocks.

Test plan:
  $ buck build docs
  $ open buck-out/gen/Documentation/searchfree__tmp/Documentation/intro-user.html
Check how notes and code block titles are rendered.

Change-Id: Iae5d5a77dcb9a1d4b94073f742b1446381256845
This commit is contained in:
Saša Živkov
2016-03-23 14:33:41 +01:00
parent cf30948e54
commit 1181414e9a

View File

@@ -32,7 +32,6 @@ li p {
.listingblock > .content {
border: 2px solid silver;
background: #ebebeb;
margin-left: 2em;
color: darkgreen;
padding: 2px;
overflow: auto;
@@ -58,3 +57,24 @@ th.tableblock,
td.tableblock {
border: 1px solid #EEE;
}
div.title {
color: #527bbd;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: left;
}
.listingblock div.title {
margin-top: 1.0em;
margin-bottom: 0.5em;
}
div.admonitionblock {
margin-top: 1em;
}
div.admonitionblock td.content {
padding-left: 0.5em;
border-left: 3px solid #dddddd;
}