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: Difference between revisions

From Idiosymbolia
No edit summary
No edit summary
 
(16 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Note Boxes - Minified & Optimized */
.notes-box{border:1px solid #ccc;padding:10px;margin:15px 0;border-radius:5px;font-size:16px;line-height:1.5}.notes-box.easy{background-color:#e6ffe6;border-color:#4caf50;color:#388e3c}.notes-box.warning{background-color:#fff3cd;border-color:#ff9800;color:#ff5722}.notes-box.info{background-color:#e0f7fa;border-color:#00bcd4;color:#00796b}
.isnotebox{display:block;width:100%;height:auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;margin:1em 0;border-radius:6px;border-left:4px solid;box-shadow:0 2px 8px rgba(0,0,0,0.08);padding:.7em 1em .8em;box-sizing:border-box;}


.isbutton a{display:inline-block;max-width:90%;height:auto;margin:10px auto 12px auto;text-align:center;background-color:#349cd9;color:#fff;text-decoration:none;border-radius:8px;padding:.7em 1em .7em;}
.isbutton a:hover{display:inline-block;max-width:90%;height:auto;margin:10px auto 12px auto;text-align:center;background-color:#3681ad;color:#fff;text-decoration:none;border-radius:8px;padding:.7em 1em .7em;}


.inotetitle{display:block;background-color:rgba(0,0,0,0.0);padding:0;margin:0 auto;user-select: none;width:100%;height:auto;margin:0 auto 7px auto;}
/** To do Back button **/
.inotetitle span{font-weight:600;margin-bottom:8px;display:block;background-color:rgba(0,0,0,0.0);width:90%;height:auto;margin:0 auto;}
.isback .fancy{display:inline-block;min-width:100px;height:auto;margin:0 auto;padding:.5em;text-align:center;}
.inote-icontainer{display:block;width:96%;height:auto;margin:0 auto;font-size:14px;}
.isback a{background-color:#f1f1f1;color:#036;padding:.5em 1em .5em;text-decoration:none;text-align:center;}
.inote-ieasy{color:#2e7d32;background-color:#e8f5e9}
.isback a:hover{background-color:#222;color:#fff;padding:.5em 1em .5em;text-decoration:none;text-align:center;}
.inote-iwarning{color:#d84315;background-color:#ffebee}
.dazgallery{display:flex;gap:10px;}.dazgallery img{display:block;width:100%;height:320px;margin:10px auto 12px auto;border-radius:7px;box-shadow:0 0 1px #fff;transition: all .3s;}.dazgallery img:hover{box-shadow:0 7px 12px #999;}
.inote-iinfo{color:#1565c0;background-color:#e3f2fd}

Latest revision as of 13:16, 11 August 2025

.notes-box{border:1px solid #ccc;padding:10px;margin:15px 0;border-radius:5px;font-size:16px;line-height:1.5}.notes-box.easy{background-color:#e6ffe6;border-color:#4caf50;color:#388e3c}.notes-box.warning{background-color:#fff3cd;border-color:#ff9800;color:#ff5722}.notes-box.info{background-color:#e0f7fa;border-color:#00bcd4;color:#00796b}

.isbutton a{display:inline-block;max-width:90%;height:auto;margin:10px auto 12px auto;text-align:center;background-color:#349cd9;color:#fff;text-decoration:none;border-radius:8px;padding:.7em 1em .7em;}
.isbutton a:hover{display:inline-block;max-width:90%;height:auto;margin:10px auto 12px auto;text-align:center;background-color:#3681ad;color:#fff;text-decoration:none;border-radius:8px;padding:.7em 1em .7em;}

/** To do Back button **/
.isback .fancy{display:inline-block;min-width:100px;height:auto;margin:0 auto;padding:.5em;text-align:center;}
.isback a{background-color:#f1f1f1;color:#036;padding:.5em 1em .5em;text-decoration:none;text-align:center;}
.isback a:hover{background-color:#222;color:#fff;padding:.5em 1em .5em;text-decoration:none;text-align:center;}
.dazgallery{display:flex;gap:10px;}.dazgallery img{display:block;width:100%;height:320px;margin:10px auto 12px auto;border-radius:7px;box-shadow:0 0 1px #fff;transition: all .3s;}.dazgallery img:hover{box-shadow:0 7px 12px #999;}