Mercurial > hgrepos > hgweb.cgi > s4
comparison examples/common/default/default.css @ 999:1fd61bbd69f8 draft
Change h4:before mark using var() reference of CSS3
author | HIROSE Yuuji <yuuji@gentei.org> |
---|---|
date | Sat, 26 Nov 2022 09:55:45 +0859 |
parents | f73eece61ee4 |
children | bbd5a0c50d5b |
comparison
equal
deleted
inserted
replaced
998:f73eece61ee4 | 999:1fd61bbd69f8 |
---|---|
150 /* text-shadow: blue 0px 1px; */ | 150 /* text-shadow: blue 0px 1px; */ |
151 } | 151 } |
152 td.repl hr {display: inline-block; width: 95%; color: #cde} | 152 td.repl hr {display: inline-block; width: 95%; color: #cde} |
153 td.repl em {color: #a00; text-decoration: underline; padding-right: 0.3ex;} | 153 td.repl em {color: #a00; text-decoration: underline; padding-right: 0.3ex;} |
154 td.repl strong {color: white; background: #00a; padding: 0 0.5ex;} | 154 td.repl strong {color: white; background: #00a; padding: 0 0.5ex;} |
155 td.repl h2:before {content: "■"; color: #a22;} | 155 :root {--repl-heading-color: #a22;} |
156 td.repl h3:before {content: "◆"; color: #a22;} | 156 td.repl h2:before {content: "■"; color: var(--repl-heading-color);} |
157 td.repl h4:before {content: "○";} | 157 td.repl h3:before {content: "◆"; color: var(--repl-heading-color);} |
158 td.repl h4:before {content: "◎"; color: var(--repl-heading-color);} | |
158 td.repl div.atall { | 159 td.repl div.atall { |
159 color: white; background: #66f; padding: 0 0.8ex; | 160 color: white; background: #66f; padding: 0 0.8ex; |
160 display: inline-block; border-radius: 0.8ex; | 161 display: inline-block; border-radius: 0.8ex; |
161 } | 162 } |
162 .blog_replies td.repatt {min-width: 12em;} | 163 .blog_replies td.repatt {min-width: 12em;} |