Jump to content

⚠ Info: We are working on adding content to this platform.

✔ If you want to share your experience and be an active contributor to this Wiki platform, ✉ contact us

×

Template:Notes/style.css

From Idiosymbolia
Revision as of 08:30, 7 August 2025 by Dascent-wiki (talk | contribs)
/* Note Boxes - Minified & Optimized */
.inote-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-title svg{width:1.2em;height:1.2em} */
.inote-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.1;background:currentColor}
.inote-box-title{display:block;background-color:rgba(0,0,0,0.0);padding:0;margin:0 auto;}
.inote-box-title b{font-weight:600;margin-bottom:8px;display:inline-block;}
.inote-box-title .isicon{display:inline-block;width:30px;height:auto;margin-left:5px;margin-right:7px;margin-bottom:3px;text-align:center;}
.inote-box-title .isicon img{display:block;width:20px;height:auto;margin:0;}
.inote-easy{color:#2e7d32;background-color:#e8f5e9}
.inote-warning{color:#d84315;background-color:#ffebee}
.inote-info{color:#1565c0;background-color:#e3f2fd}