Add ordered list styling for /help/ pages.

This adds a styling that puts the numbers in a Zulip brand green bubble
with white text for the number.
This commit is contained in:
Brock Whittaker 2017-01-24 17:12:43 -08:00 committed by Tim Abbott
parent ae35bde3a6
commit 8dfd5d7134

View File

@ -57,10 +57,51 @@ body {
font-size: 17px;
}
li {
.markdown ul,
.markdown ol {
margin-left: 30px;
}
.markdown li {
line-height: 150%;
}
.markdown ol {
counter-reset: item;
list-style: none;
}
.markdown ol li {
counter-increment: item;
margin-bottom: 5px;
}
.markdown ol li:before {
content: counter(item);
display: inline-block;
vertical-align: top;
padding: 3px 6.5px 3px 7.5px;
margin-right: 5px;
background-color: #52c2af;
color: white;
border-radius: 100%;
font-size: 0.9em;
line-height: 1.1;
text-align: center;
}
.markdown ol li p {
display: inline-block;
vertical-align: top;
max-width: calc(100% - 28px);
position: relative;
top: -2px;
}
.title {
font-family: Helvetica;
font-size: 100px;