Шаблон:Примечания/styles.css: различия между версиями
Перейти к навигации
Перейти к поиску
Владимир (обсуждение | вклад) шаблоны примечаний (демо) |
Владимир (обсуждение | вклад) м иконки вместо эмодзи |
||
| Строка 1: | Строка 1: | ||
.note{border-left:4px solid;padding:.6em 1em;margin:.8em 0;border-radius:4px;line-height:1.5} | .note{border-left:4px solid;padding:.6em 1em;margin:.8em 0;border-radius:4px;line-height:1.5} | ||
.note .ttl{font-weight:bold;margin-right:. | .note .ttl{font-weight:bold} | ||
.note .ttl::before{content:"";display:inline-block;width:1.3em;height:1.3em;line-height:1.3em;text-align:center;border-radius:50%;color:#fff;margin-right:.5em;font-weight:bold;font-style:normal;font-size:.85em;vertical-align:.05em} | |||
.note-info{border-color:#3366cc;background:#eaf3ff} | .note-info{border-color:#3366cc;background:#eaf3ff} | ||
.note-info .ttl::before{content:"i";background:#3366cc} | |||
.note-tip{border-color:#14866d;background:#e6f6f0} | .note-tip{border-color:#14866d;background:#e6f6f0} | ||
.note-warning{border-color:# | .note-tip .ttl::before{content:"\2713";background:#14866d} | ||
.note-warning{border-color:#e0a800;background:#fff8e1} | |||
.note-warning .ttl::before{content:"!";background:#e0a800} | |||
.note-danger{border-color:#dd3333;background:#fdecea} | .note-danger{border-color:#dd3333;background:#fdecea} | ||
.note-danger .ttl::before{content:"!";background:#dd3333} | |||
Текущая версия от 17:42, 21 июня 2026
.note{border-left:4px solid;padding:.6em 1em;margin:.8em 0;border-radius:4px;line-height:1.5}
.note .ttl{font-weight:bold}
.note .ttl::before{content:"";display:inline-block;width:1.3em;height:1.3em;line-height:1.3em;text-align:center;border-radius:50%;color:#fff;margin-right:.5em;font-weight:bold;font-style:normal;font-size:.85em;vertical-align:.05em}
.note-info{border-color:#3366cc;background:#eaf3ff}
.note-info .ttl::before{content:"i";background:#3366cc}
.note-tip{border-color:#14866d;background:#e6f6f0}
.note-tip .ttl::before{content:"\2713";background:#14866d}
.note-warning{border-color:#e0a800;background:#fff8e1}
.note-warning .ttl::before{content:"!";background:#e0a800}
.note-danger{border-color:#dd3333;background:#fdecea}
.note-danger .ttl::before{content:"!";background:#dd3333}