From 77f5d045e212a3d40f12f004ab23b01f425775c4 Mon Sep 17 00:00:00 2001 From: Joris Guyonvarch Date: Thu, 19 Feb 2015 00:56:36 +0100 Subject: Styling ordered lists --- style.css | 37 +++++++++++++++++++++---------------- 1 file changed, 21 insertions(+), 16 deletions(-) (limited to 'style.css') diff --git a/style.css b/style.css index 9aaedda..a2143e8 100644 --- a/style.css +++ b/style.css @@ -62,27 +62,18 @@ img { ul { margin-bottom: 30px; + counter-reset: list; } ol { margin-bottom: 30px; + counter-reset: list; } -ul ul { - margin-bottom: 0px; -} - -ul ol { - margin-bottom: 0px; -} - -ol ul { - margin-bottom: 0px; -} - -ol ol { - margin-bottom: 0px; -} +ul ul { margin-bottom: 0px; } +ul ol { margin-bottom: 0px; } +ol ul { margin-bottom: 0px; } +ol ol { margin-bottom: 0px; } li { margin-left: 30px; @@ -91,7 +82,7 @@ li { text-align: justify; } -li:before { +ul > li:before { content: "•"; color: #F52F8A; position: relative; @@ -100,6 +91,20 @@ li:before { font-size: 18px; } +ol li { + counter-increment: list; + position: relative; +} + +ol > li:before { + content: counter(list) "."; + color: #F52F8A; + position: absolute; + left: -2.5em; + width: 2em; + text-align: right; +} + a { text-decoration: none; color: darkblue; -- cgit v1.2.3