Skip to content

Commit 0f2e534

Browse files
Update: Add [!maintenance_template] callout
CSS implementation of [maintenance template](https://morrowind-modding.github.io/MMW-Design--and--Planning/Style---MMW-Banner-Style-Maintenance-Templates) callout. Added an Obsidian CSS snippet and updated Quartz `custom.scss`. This callout is styled like the default `[!warning]` callout, except it's title is set to `display: none;`, images set to `float: left;`, and bold text ('strong') set to a slightly larger font size and colored orange. Todo: - create avatars of NPCs from which flavour quotes for each maintenance template come from. - create templates for each variation of the callout (each 'maintenance template')
1 parent 3659e1f commit 0f2e534

File tree

2 files changed

+55
-0
lines changed

2 files changed

+55
-0
lines changed
Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
/*--- Maintenance Template ---*/
2+
.callout[data-callout="maintenance_template"] {
3+
border: 1px solid #db894244;
4+
background-color: #db894210;
5+
padding: 2px;
6+
}
7+
8+
.callout[data-callout="maintenance_template"] > .callout-title {
9+
display: none;
10+
}
11+
12+
.callout[data-callout="maintenance_template"] img {
13+
float: left;
14+
max-width: 30%;
15+
margin: auto;
16+
object-fit: contain;
17+
}
18+
19+
.callout[data-callout="maintenance_template"] p {
20+
font-size: 0.8rem;
21+
}
22+
23+
.callout[data-callout="maintenance_template"] p strong {
24+
font-size: 1rem;
25+
color: #db8942;
26+
text-align: center;
27+
}

quartz/styles/custom.scss

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -836,3 +836,31 @@ kbd:active kbd {
836836
box-shadow: 0px 0px 0px black;
837837
background: none;
838838
}
839+
840+
/*--- Maintenance Template ---*/
841+
.callout[data-callout="maintenance_template"] {
842+
border: 1px solid #db894244;
843+
background-color: #db894210;
844+
padding: 2px;
845+
}
846+
847+
.callout[data-callout="maintenance_template"] > .callout-title {
848+
display: none;
849+
}
850+
851+
.callout[data-callout="maintenance_template"] img {
852+
float: left;
853+
max-width: 30%;
854+
margin: auto;
855+
object-fit: contain;
856+
}
857+
858+
.callout[data-callout="maintenance_template"] p {
859+
font-size: 0.9rem;
860+
}
861+
862+
.callout[data-callout="maintenance_template"] p strong {
863+
font-size: 1rem;
864+
color: #db8942;
865+
text-align: center;
866+
}

0 commit comments

Comments
 (0)