Tod Naturlich/format classes.css: Difference between revisions
Jump to navigation
Jump to search
TodNaturlich (talk | contribs) Added <code> replacement. |
m Reverted edits by Icy.horse (talk) to last revision by TodNaturlich Tag: Rollback |
||
| (4 intermediate revisions by 2 users not shown) | |||
| Line 9: | Line 9: | ||
.mw-body-content .image-description img { | .mw-body-content .image-description img { | ||
margin: 0 1em 0 0; | margin: 0 1em 0 0; | ||
} | |||
.mw-body-content .image-description dl { | |||
flex-grow: 1; | |||
} | } | ||
/* A replacement for the "code" tag, so that format can be used inside it (but you have to use < and the like instead of simple copy/paste. */ | /* A replacement for the "code" tag, so that format can be used inside it (but you have to use < and the like instead of simple copy/paste. */ | ||
.mw-body-content .code { | .mw-body-content .code p { | ||
font-family: "Courier New", Courier, monospace; | font-family: "Courier New", Courier, monospace; | ||
font-size: 1rem; | font-size: 1rem; | ||
| Line 22: | Line 26: | ||
} | } | ||
.mw-body-content .code .user-input { | .mw-body-content .code p .user-input { | ||
color: #ee2222; /* Red */ | color: #ee2222; /* Red */ | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
/* A block for insets, like "code", but without changing the type face. */ | |||
.mw-body-content .text-inset { | |||
padding: .5em; | |||
border: .2em solid black; | |||
border-radius: 1em; | |||
background-color: rgb(235,235,235); | |||
} | |||
/* <noinclude>[[Category:StyleSheets|format_classes.css]]</noinclude> */ | /* <noinclude>[[Category:StyleSheets|format_classes.css]]</noinclude> */ | ||
Latest revision as of 14:08, 26 January 2021
/***** Classes to give some effects *****/
/* Image with a description to the right, the image must be the first element on the div, the description must be a single element, can be wrapped in a div.*/
.mw-body-content .image-description {
display: flex;
}
.mw-body-content .image-description img {
margin: 0 1em 0 0;
}
.mw-body-content .image-description dl {
flex-grow: 1;
}
/* A replacement for the "code" tag, so that format can be used inside it (but you have to use < and the like instead of simple copy/paste. */
.mw-body-content .code p {
font-family: "Courier New", Courier, monospace; font-size: 1rem; color: #001f3f; /* Navy */ background-color: #DDDDDD; /* silver */ border-radius: 1em; padding: 1em;
}
.mw-body-content .code p .user-input {
color: #ee2222; /* Red */ font-weight: bold;
}
/* A block for insets, like "code", but without changing the type face. */
.mw-body-content .text-inset {
padding: .5em; border: .2em solid black; border-radius: 1em; background-color: rgb(235,235,235);
}
/* */