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;}

yatex.org