Difference between revisions of "Tod Naturlich/story text.css"

From All The Fallen Stories
Jump to navigation Jump to search
m (Edited settings)
m (Change from "em" to "rem")
Line 5: Line 5:
.mw-body-content p, .mw-body-content li {
.mw-body-content p, .mw-body-content li {
     font-family: "Times New Roman", Times, serif;
     font-family: "Times New Roman", Times, serif;
     font-size: 1.4em;
     font-size: 1.4rem;
     text-align: justify;
     text-align: justify;
}
}
Line 13: Line 13:
.mw-body-content .toc li, .mw-body-content .mw-normal-catlinks li {
.mw-body-content .toc li, .mw-body-content .mw-normal-catlinks li {
     font-family: Arial, Helvetica, sans-serif !important;
     font-family: Arial, Helvetica, sans-serif !important;
     font-size: 1em;
     font-size: 1rem;
}
}


Line 36: Line 36:


.firstHeading {
.firstHeading {
     font-size: 0.5em !important;
     font-size: 0.5rem !important;
}
}


Line 44: Line 44:


.mw-body-content h1 {
.mw-body-content h1 {
     font-size: 2.2em !important;
     font-size: 2.2rem !important;
}
}


.mw-body-content h2 {
.mw-body-content h2 {
     font-size: 1.8em !important;
     font-size: 1.8rem !important;
}
}


.mw-body-content h3 {
.mw-body-content h3 {
     font-size: 1.6em !important;
     font-size: 1.6rem !important;
}
}


.mw-body-content h4, .mw-body-content h5, .mw-body-content h6 {
.mw-body-content h4, .mw-body-content h5, .mw-body-content h6 {
     font-size: 1.4em !important;
     font-size: 1.4rem !important;
}
}


Line 63: Line 63:
.mw-body-content code {
.mw-body-content code {
     font-family: "Courier New", Courier, monospace;
     font-family: "Courier New", Courier, monospace;
     font-size: 0.8em;
     font-size: 0.8rem;
     border-width: 0px;
     border-width: 0px;
     color: #001f3f; /* Navy */
     color: #001f3f; /* Navy */

Revision as of 23:21, 3 September 2017

/***** 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 {

   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 {

   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: #B10DC9; /* Purple */

}

/* The wiki generated title can be extremely long, I don't like it, so I reduce it. */

.firstHeading {

   font-size: 0.5rem !important;

}

.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 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 {

   font-family: "Courier New", Courier, monospace;
   font-size: 0.8rem;
   border-width: 0px;
   color: #001f3f; /* Navy */
   background-color: #DDDDDD; /* silver */

}

/* */