Tod Naturlich/story text.css: Difference between revisions

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;

}

/* */

@@ Line 3: / Line 3: @@
 /* Long lines and long paragraphs read better in bigger font with serif, and look better justified. */
-p, li {
+.mw-body-content p, .mw-body-content li, .mw-body-content dl {
      font-family: "Times New Roman", Times, serif;
-     font-size: 1.2em;
+     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. */
-p {
+.mw-body-content p, .mw-body-content dl {
      line-height: 130% !important;
      margin: 0.8em 0 !important;
@@ Line 18: / Line 25: @@
 /* Colors for visited and unvisited links were too alike, and too close to black, so they hide in the middle of text. */
-a:link:not(.new) {
+.mw-body-content a:link:not(.new) {
-     color: #0073e6; /* Light blue */
+     color: #0074D9; /* Blue */
+}
+.mw-body-content a:visited:not(.new) {
+    color: #661aff; /* Purple */
 }
-a:visited:not(.new) {
+/* The wiki generated title can be extremely long, I don't like it, so I reduce it. */
-     color: #6600ff; /* Purple */
+.firstHeading {
+     font-size: 0.5rem !important;
 }
-/* The wiki generated title can be extremely long, I don't like it, so I reduce it, and in each chapter use h2 for my real title. */
+/* Replacement for H1 when using TOC, so it won't mess the TOC. */
-h1, h2, h3, h4, h5, h6 {
+.mw-body-content .page-title {
-     font-family: Arial, Helvetica, sans-serif;
+     display: block;
+    border-bottom: 1px solid #aaa;
+    margin-top: 1em;
+    margin-bottom: 0.25em;
+    line-height: 1.3;
+    padding: 0;
 }
-h1 {
+.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-size: 0.5em;
+     font-family: Arial, Helvetica, sans-serif !important;
 }
-h2 {
+.mw-body-content .page-title, .mw-body-content h1 {
-     font-size: 2em;
+     font-size: 2.2rem !important;
 }
-h3 {
+.mw-body-content h2 {
-     font-size: 1.8em;
+    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;
 }
-h4 {
+.mw-body-content dt::after {
-     font-size: 1.5em;
+     content: ":&nbsp;&nbsp;";
 }
-h5, h6 {
+.mw-body-content dd {
-     font-size: 1.2em;
+     line-height: 1.0;
 }
 /* <noinclude>[[Category:StyleSheets|story text.css]]</noinclude> */

Tod Naturlich/story text.css: Difference between revisions

Latest revision as of 14:07, 26 January 2021

Navigation menu

Search