Template:Notes/style.css: Difference between revisions
Appearance
Dascent-wiki (talk | contribs) m Protected "Template:Notes/style.css" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) |
Dascent-wiki (talk | contribs) No edit summary |
||
| Line 4: | Line 4: | ||
.note-box-title{font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:8px} | .note-box-title{font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:8px} | ||
.note-box-title svg{width:1.2em;height:1.2em} | .note-box-title svg{width:1.2em;height:1.2em} | ||
.note-box-title .icon{display:inline-block;width:20px;height:auto;margin-left:5px;margin-right:7px;margin-bottom:3px;text-align:center;}.note-box-title .icon img{display:block;width:20px;height:auto;margin:0;} | |||
.note-easy{color:#2e7d32;background-color:#e8f5e9} | .note-easy{color:#2e7d32;background-color:#e8f5e9} | ||
.note-warning{color:#d84315;background-color:#ffebee} | .note-warning{color:#d84315;background-color:#ffebee} | ||
.note-info{color:#1565c0;background-color:#e3f2fd} | .note-info{color:#1565c0;background-color:#e3f2fd} | ||
Revision as of 08:17, 7 August 2025
/* Note Boxes - Minified & Optimized */
.note-box{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;padding:12px 16px;margin:1em 0;border-radius:6px;border-left:4px solid;box-shadow:0 2px 8px rgba(0,0,0,0.08);position:relative;overflow:hidden}
.note-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.1;background:currentColor}
.note-box-title{font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:8px}
.note-box-title svg{width:1.2em;height:1.2em}
.note-box-title .icon{display:inline-block;width:20px;height:auto;margin-left:5px;margin-right:7px;margin-bottom:3px;text-align:center;}.note-box-title .icon img{display:block;width:20px;height:auto;margin:0;}
.note-easy{color:#2e7d32;background-color:#e8f5e9}
.note-warning{color:#d84315;background-color:#ffebee}
.note-info{color:#1565c0;background-color:#e3f2fd}