itRewrite CSS file to respect HTML semantics - monochromatic - monochromatic blog: http://blog.z3bra.org Err z3bra.org 70 hgit clone git://z3bra.org/monochromatic URL:git://z3bra.org/monochromatic z3bra.org 70 1Log /scm/monochromatic/log.gph z3bra.org 70 1Files /scm/monochromatic/files.gph z3bra.org 70 1Refs /scm/monochromatic/refs.gph z3bra.org 70 i--- Err z3bra.org 70 1commit a6c4a91890cea5711167708a835fa64bdf1fdc07 /scm/monochromatic/commit/a6c4a91890cea5711167708a835fa64bdf1fdc07.gph z3bra.org 70 1parent 167d6041409999f3bebbcce77970596064cc3d24 /scm/monochromatic/commit/167d6041409999f3bebbcce77970596064cc3d24.gph z3bra.org 70 hAuthor: Willy Goiffon URL:mailto:dev@z3bra.org z3bra.org 70 iDate: Fri, 27 Dec 2019 15:45:07 +0100 Err z3bra.org 70 i Err z3bra.org 70 iRewrite CSS file to respect HTML semantics Err z3bra.org 70 i Err z3bra.org 70 iThe old stylesheet used to abuse

tags for styling stuff, and Err z3bra.org 70 i/
as well. Err z3bra.org 70 iThis one will allow styling the HTML without having to resort to hack Err z3bra.org 70 itto make it look decent, thus making the markdown sources more readable Err z3bra.org 70 ias-is. Err z3bra.org 70 i Err z3bra.org 70 iDiffstat: Err z3bra.org 70 i M monochrome.css | 136 +++++++++++++------------------ Err z3bra.org 70 i Err z3bra.org 70 i1 file changed, 55 insertions(+), 81 deletions(-) Err z3bra.org 70 i--- Err z3bra.org 70 1diff --git a/monochrome.css b/monochrome.css /scm/monochromatic/file/monochrome.css.gph z3bra.org 70 it@@ -1,108 +1,82 @@ Err z3bra.org 70 i-/* Main blocks style */ Err z3bra.org 70 i body { Err z3bra.org 70 i- width:90%; Err z3bra.org 70 i- max-width:720px; Err z3bra.org 70 i- margin:auto; Err z3bra.org 70 i+ width:90%; Err z3bra.org 70 i+ max-width:720px; Err z3bra.org 70 i+ margin:auto; Err z3bra.org 70 i } Err z3bra.org 70 i Err z3bra.org 70 i-#wrapper { Err z3bra.org 70 i-} Err z3bra.org 70 i- Err z3bra.org 70 i-footer { Err z3bra.org 70 i- text-align: center; Err z3bra.org 70 i- margin: auto; Err z3bra.org 70 i- width: 70%; Err z3bra.org 70 i- max-width: 720px; Err z3bra.org 70 i- border-top:1px solid #aaa; Err z3bra.org 70 i- padding: 10px; Err z3bra.org 70 i-} Err z3bra.org 70 i+h1:hover { color: #755; } Err z3bra.org 70 i+a:hover { color: #755; } Err z3bra.org 70 i Err z3bra.org 70 i-/* Titles and headers */ Err z3bra.org 70 i-h1, h2 { Err z3bra.org 70 i- display: inline-block; Err z3bra.org 70 i+article h1, a { Err z3bra.org 70 i+ border-bottom: 1px dotted grey; Err z3bra.org 70 i } Err z3bra.org 70 i Err z3bra.org 70 i-h2 { Err z3bra.org 70 i- font-weight: normal; Err z3bra.org 70 i- color: #666; Err z3bra.org 70 i- font-size: 100%; Err z3bra.org 70 i-} Err z3bra.org 70 i- Err z3bra.org 70 i-/* Pretty links */ Err z3bra.org 70 i a { Err z3bra.org 70 i- color: #333; Err z3bra.org 70 i- text-decoration: none; Err z3bra.org 70 i- font-style: italic; Err z3bra.org 70 i- border-bottom: 1px dotted grey; Err z3bra.org 70 i+ color: #333; Err z3bra.org 70 i+ text-decoration: none; Err z3bra.org 70 i+ font-style: italic; Err z3bra.org 70 i } Err z3bra.org 70 i Err z3bra.org 70 i-a:hover { Err z3bra.org 70 i- color: #755; Err z3bra.org 70 i+pre { Err z3bra.org 70 i+ border: 1px dotted grey; Err z3bra.org 70 i+ padding: 2px; Err z3bra.org 70 i+ overflow-x: auto; Err z3bra.org 70 i+ overflow-y: hidden; Err z3bra.org 70 i } Err z3bra.org 70 i Err z3bra.org 70 i-h1 a, h2 a, h3 a { Err z3bra.org 70 i- font-style: normal; Err z3bra.org 70 i+blockquote, q { Err z3bra.org 70 i+ color: #666; Err z3bra.org 70 i+ font-style: italic; Err z3bra.org 70 i } Err z3bra.org 70 i Err z3bra.org 70 i-header { Err z3bra.org 70 i- text-align: center; Err z3bra.org 70 i+blockquote { Err z3bra.org 70 i+ border-left: 8px solid grey; Err z3bra.org 70 i+ padding-left: 8px; Err z3bra.org 70 i+ margin-left: -8px; Err z3bra.org 70 i } Err z3bra.org 70 i Err z3bra.org 70 i-header h1 a { Err z3bra.org 70 i- color: #fff; Err z3bra.org 70 i- border: none; Err z3bra.org 70 i- text-shadow: 0px 0px 8px black; Err z3bra.org 70 i-} Err z3bra.org 70 i-header h1 a:hover { Err z3bra.org 70 i- color: #fff; Err z3bra.org 70 i- text-shadow: 0px 0px 8px #755; Err z3bra.org 70 i+video, img { Err z3bra.org 70 i+ display: block; Err z3bra.org 70 i+ width: 100%; Err z3bra.org 70 i } Err z3bra.org 70 i Err z3bra.org 70 i-/* Coding style () */ Err z3bra.org 70 i-pre { Err z3bra.org 70 i- color: #eee; Err z3bra.org 70 i- font-family: monospace; Err z3bra.org 70 i- font-size: 90%; Err z3bra.org 70 i- background-color: #333; Err z3bra.org 70 i- border: 1px solid #eee; Err z3bra.org 70 i- border-radius: 4px; Err z3bra.org 70 i- padding: 10px; Err z3bra.org 70 i- overflow-x: auto; Err z3bra.org 70 i- overflow-y: hidden; Err z3bra.org 70 i+/* article date is a

tag following

*/ Err z3bra.org 70 i+h1 + p { Err z3bra.org 70 i+ color: #666; Err z3bra.org 70 i+ font-style: italic; Err z3bra.org 70 i+ text-align: right; Err z3bra.org 70 i } Err z3bra.org 70 i Err z3bra.org 70 i-pre code { Err z3bra.org 70 i- padding: 0; Err z3bra.org 70 i- border: none; Err z3bra.org 70 i+/* image captions are tags following or