Tod Naturlich/story text.css: Difference between revisions
TodNaturlich (talk | contribs) m Edited settings |
m Reverted edits by Icy.horse (talk) to last revision by TodNaturlich Tag: Rollback |
||
| (29 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
p, li { | /***** General Style for Stories *****/ | ||
/* Long lines and long paragraphs read better in bigger font with serif, and look better justified. */ | |||
.mw-body-content p, .mw-body-content li, .mw-body-content dl { | |||
font-family: "Times New Roman", Times, serif; | font-family: "Times New Roman", Times, serif; | ||
font-size: 1. | font-size: 1.4rem; | ||
text-align: justify; | text-align: justify; | ||
} | } | ||
p { | /* Revert changes to TOC and Category lists. */ | ||
.mw-body-content .toc li, .mw-body-content .mw-normal-catlinks li { | |||
font-family: Arial, Helvetica, sans-serif !important; | |||
font-size: 1rem; | |||
} | |||
/* The default for the wiki makes it difficult to "see" paragraph breaks, this makes it better for reading. */ | |||
.mw-body-content p, .mw-body-content dl { | |||
line-height: 130% !important; | line-height: 130% !important; | ||
margin: 0.8em 0 !important; | margin: 0.8em 0 !important; | ||
} | } | ||
a:link { | /* Colors for visited and unvisited links were too alike, and too close to black, so they hide in the middle of text. */ | ||
color: # | |||
.mw-body-content a:link:not(.new) { | |||
color: #0074D9; /* Blue */ | |||
} | |||
.mw-body-content a:visited:not(.new) { | |||
color: #661aff; /* Purple */ | |||
} | |||
/* The wiki generated title can be extremely long, I don't like it, so I reduce it. */ | |||
.firstHeading { | |||
font-size: 0.5rem !important; | |||
} | |||
/* Replacement for H1 when using TOC, so it won't mess the TOC. */ | |||
.mw-body-content .page-title { | |||
display: block; | |||
border-bottom: 1px solid #aaa; | |||
margin-top: 1em; | |||
margin-bottom: 0.25em; | |||
line-height: 1.3; | |||
padding: 0; | |||
} | |||
.mw-body-content .page-title, .mw-body-content h1, .mw-body-content h2, .mw-body-content h3, .mw-body-content h4, .mw-body-content h5, .mw-body-content h6 { | |||
font-family: Arial, Helvetica, sans-serif !important; | |||
} | |||
.mw-body-content .page-title, .mw-body-content h1 { | |||
font-size: 2.2rem !important; | |||
} | |||
.mw-body-content h2 { | |||
font-size: 1.8rem !important; | |||
} | |||
.mw-body-content h3 { | |||
font-size: 1.6rem !important; | |||
} | |||
.mw-body-content h4, .mw-body-content h5, .mw-body-content h6 { | |||
font-size: 1.4rem !important; | |||
} | |||
/* I don't like the box around "code" elements, so I remove it. */ | |||
.mw-body-content code, .mw-body-content pre { | |||
font-family: "Courier New", Courier, monospace; | |||
font-size: 1rem; | |||
border-width: 0px; | |||
color: #001f3f; /* Navy */ | |||
background-color: #DDDDDD; /* silver */ | |||
} | |||
.mw-body-content pre { | |||
border-radius: 1em; | |||
} | |||
/* Make definition lists one line. */ | |||
.mw-body-content dt { | |||
float: left; | |||
clear: left; | |||
margin: 0; | |||
font-family: "Times New Roman", Times, serif; | |||
font-size: 1.4rem; | |||
font-weight: bold; | |||
line-height: 1.0; | |||
} | } | ||
.mw-body-content dt::after { | |||
content: ": "; | |||
} | } | ||
.mw-body-content dd { | |||
line-height: 1.0; | |||
} | } | ||
/* <noinclude>[[Category:StyleSheets|story text.css]]</noinclude> */ | /* <noinclude>[[Category:StyleSheets|story text.css]]</noinclude> */ | ||
Latest revision as of 14:07, 26 January 2021
/***** General Style for Stories *****/
/* Long lines and long paragraphs read better in bigger font with serif, and look better justified. */
.mw-body-content p, .mw-body-content li, .mw-body-content dl {
font-family: "Times New Roman", Times, serif; font-size: 1.4rem; text-align: justify;
}
/* Revert changes to TOC and Category lists. */
.mw-body-content .toc li, .mw-body-content .mw-normal-catlinks li {
font-family: Arial, Helvetica, sans-serif !important; font-size: 1rem;
}
/* The default for the wiki makes it difficult to "see" paragraph breaks, this makes it better for reading. */
.mw-body-content p, .mw-body-content dl {
line-height: 130% !important; margin: 0.8em 0 !important;
}
/* Colors for visited and unvisited links were too alike, and too close to black, so they hide in the middle of text. */
.mw-body-content a:link:not(.new) {
color: #0074D9; /* Blue */
}
.mw-body-content a:visited:not(.new) {
color: #661aff; /* Purple */
}
/* The wiki generated title can be extremely long, I don't like it, so I reduce it. */
.firstHeading {
font-size: 0.5rem !important;
}
/* Replacement for H1 when using TOC, so it won't mess the TOC. */
.mw-body-content .page-title {
display: block; border-bottom: 1px solid #aaa; margin-top: 1em; margin-bottom: 0.25em; line-height: 1.3; padding: 0;
}
.mw-body-content .page-title, .mw-body-content h1, .mw-body-content h2, .mw-body-content h3, .mw-body-content h4, .mw-body-content h5, .mw-body-content h6 {
font-family: Arial, Helvetica, sans-serif !important;
}
.mw-body-content .page-title, .mw-body-content h1 {
font-size: 2.2rem !important;
}
.mw-body-content h2 {
font-size: 1.8rem !important;
}
.mw-body-content h3 {
font-size: 1.6rem !important;
}
.mw-body-content h4, .mw-body-content h5, .mw-body-content h6 {
font-size: 1.4rem !important;
}
/* I don't like the box around "code" elements, so I remove it. */
.mw-body-content code, .mw-body-content pre {
font-family: "Courier New", Courier, monospace; font-size: 1rem; border-width: 0px; color: #001f3f; /* Navy */ background-color: #DDDDDD; /* silver */
}
.mw-body-content pre {
border-radius: 1em;
}
/* Make definition lists one line. */
.mw-body-content dt {
float: left; clear: left; margin: 0; font-family: "Times New Roman", Times, serif; font-size: 1.4rem; font-weight: bold; line-height: 1.0;
}
.mw-body-content dt::after {
content: ": ";
}
.mw-body-content dd {
line-height: 1.0;
}
/* */