MediaWiki:Common.css
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */ body.page-Main_Page h1.firstHeading { display: none; } body.Page-main_Page .catlinks { display: none; } body.mediawiki { font-family: georgia } #firstHeading{ font-family: helvetica, sans-serif; font-size: 180%; } #content h2, #content h3, #content h4, #content h5 { font-family: helvetica, sans-serif; font-weight: normal; } #content h2 { font-size: 160%; } #content h3 { font-size: 140%; } #content h4 { font-size: 125%; } #content h5 { font-size: 110%; } #content h6 { font-family: helvetica, sans-serif; font-weight: normal; font-size: 105%; font-style: italic;} .col2 { column-count: 2; column-gap: 35px; text-align: justify; text-justify: inter-word; hyphens: auto; } .col3 { column-count: 3; column-gap: 30px; text-align: justify; text-justify: inter-word; hyphens: auto; } .col4 { column-count: 4; column-gap: 25px; } .col5 { column-count: 5; column-gap: 20px; } .fontsize { font-size: 50%; } .right { text-align: right; } .italic { font-style: italic; } .wrap { white-space: pre; } .indent { text-indent: 30px; } .quote { margin-left: 30px; } .quotalic { font-style: italic; margin-left: 30px; } .smallarial { font-family: arial, sans-serif; font-size: 90%; } .capitalize { text-transform: capitalize; } /* make self-links not go bold */ a.mw-selflink { font-weight: inherit; } /* Change the external link icon to an Adobe icon for all PDF files */ .mw-parser-output a[href$=".pdf"], .mw-parser-output a[href*=".pdf?"], .mw-parser-output a[href*=".pdf#"], .mw-parser-output a[href$=".PDF"], .mw-parser-output a[href*=".PDF?"], .mw-parser-output a[href*=".PDF#"] { background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right; /* @noflip */ padding-right: 18px; } /* To make images responsive */ img { max-width:100%; height:auto; } /* Autonumbering paragraphs */ .mw-content-ltr dd { margin-left: 30px; } .mw-content-ltr ul { margin-top: 0px; margin-bottom: 0px; margin-left: 30px; margin-right: 0px; } .mw-content-ltr ol { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; } ul { list-style-position: outside; text-align: left; margin-bottom: 0px; margin-left: 30px; /* Adjusted margin */ } ol { counter-reset: number; list-style-position: outside; text-align: left; margin-bottom: 0px; counter-reset: list; padding-left: 0px; /* No padding */ } ol > li { list-style: none; counter-increment: list; margin-top: 6px; padding-left: 30px; /* Adjust this value to set the inner margin */ } ol.decimal > li::before { content: counter(list); vertical-align: left; position: absolute; margin-left: -30px; /* Adjusted margin */ } ol.doubledecimal > li::before { content: counters(list, "."); counter-increment: 1; vertical-align: left; position: absolute; margin-left: -30px; /* Adjusted margin */ } ol.lower-alpha > li::before { content: "(" counter(list, lower-alpha) ") "; vertical-align: left; position: absolute; margin-left: -30px; /* Adjusted margin */ } ol.upper-alpha > li::before { content: "(" counter(list, upper-alpha) ") "; vertical-align: left; position: absolute; margin-left: -30px; /* Adjusted margin */ } ol.lower-roman > li::before { content: "(" counter(list, lower-roman) ") "; vertical-align: left; position: absolute; margin-left: -30px; /* Adjusted margin */ } ol.upper-roman > li::before { content: "(" counter(list, upper-roman) ") "; vertical-align: left; position: absolute; margin-left: -30px; /* Adjusted margin */ } /* DROP CAPS */ /*Regular Drop Cap */ .drop { font-weight: regular; float: left; margin-right: 5px; margin-bottom: -5px; font-size: 3.5em; font-family: Georgia; line-height: 100%; } /*Small Drop Cap */ .smalldrop { font-weight: regular; float: left; margin-right: 5px; margin-bottom: -5px; font-size: 2.5em; font-family: Georgia; line-height: 100%; } /* Georgia bullet */ ul.gbullet { list-style-type: disc; /* Ensures disc bullets are used */ list-style-position: outside; /* Keeps bullets inside the list item */ padding-left: 0px; /* No extra padding */ margin-left: 10px; /* No extra margin */ } ul.gbullet li { font-family: Georgia, serif !important; /* Consistent font */ padding-left: 20px; /* Space for text and bullet */ text-indent: 0px; /* Adjust the hanging indent (half of padding-left) */ margin-left: 0; /* Align text flush left */ position: relative; /* For potential custom positioning */ } ul.gbullet li::marker { margin-left: 0; /* Bullet flush left */ width: 100px; /* Adjust this width to fine-tune bullet spacing */ } /* Helvetica bullet */ ul.hbullet { list-style-type: disc; /* Ensures disc bullets are used */ list-style-position: outside; /* Keeps bullets inside the list item */ padding-left: 0px; /* No extra padding */ margin-left: 10px; /* No extra margin */ } ul.hbullet li { font-family: Helvetica, sans-serif !important; /* Consistent font */ padding-left: 20px; /* Space for text and bullet */ text-indent: 0px; /* Adjust the hanging indent (half of padding-left) */ margin-left: 0; /* Align text flush left */ position: relative; /* For potential custom positioning */ } ul.hbullet li::marker { margin-left: 0; /* Bullet flush left */ width: 100px; /* Adjust this width to fine-tune bullet spacing */ font-size: 0.8em; /* Reduce size relative to the current font size */ } /*TABLES */ /* Default styles for the tables */ /* Static-table Box */ #static-table { width: 50%; /* Default width when not beside another table */ float: right; /* Default float setting */ margin: 0px 0 0 10px; border: 1px solid lightgray; /* Updated border style */ box-sizing: border-box; position: relative; /* Ensure proper stacking context */ z-index: 1; /* Ensure table content is above blockquote */ } /* Adaptive-table Box */ #adaptive-table { width: 49%; margin: 0 1% 1% 0; border: 1px solid lightgray; box-sizing: border-box; } /* Subtable Box */ #subtable-box { width: calc(100% - 5px); /* Adjust width to fit inside the static table */ margin: 5px; /* Ensure it sits flush with the text inside the static table */ padding: 5px; /* Add padding for inner content */ border: 1px solid solid lightgray; /* Border style for the subtable box */ box-sizing: border-box; /* Ensure padding and border are included in the width and height */ background-color: #f9f9f9; /* Background color for better visibility */ } /* Ensure tables stack properly below one another */ .stacked { width: 100% !important; float: none !important; margin: 1% 0 !important; } /* CUSTOM STYLE FOR BLOCKQUOTES */ blockquote { margin: 0 20px 0 30px; /*Top margin 0, left 20, bottom 0, right 30 */ padding: 10px 20px 10px 20px; /* Increase right padding for more space */ position: relative; /* Positioning for pseudo-elements */ line-height: 1.5; /* Line height for readability */ border: none; /* Remove any borders */ clear: none; /* Allow wrapping around floated elements */ z-index: 0; /* Ensure blockquote is below table content */ } .hquote { font-size: 85%; /* 85% of the normal font size */ font-family: Helvetica, sans-serif; /* Use Helvetica font */ } .gquote { font-size: 85%; /* 85% of the normal font size */ font-family: Georgia, serif; /* Use Georgia font */ } .hgreenquote { font-size: 85%; /* 85% of the normal font size */ font-family: Helvetica, sans-serif; /* Use Helvetica font */ color: #008000; /* Text color */ } .hbluequote { font-size: 85%; /* 85% of the normal font size */ font-family: Helvetica, sans-serif; /* Use Helvetica font */ color: #000080; /* Text color */ } /* DIALOGUE */ .dialogue { margin-left: 4em; /* Increase the overall indentation */ text-indent: -4em; /* Adjust the first line to align with the left margin */ padding-left: 4em; /* Ensure the dialogue text starts 4em from the left margin */ position: relative; } .character { font-weight: bold; position: absolute; left: 0; width: auto; /* Allow the character name to take up as much space as needed */ } .text { display: inline-block; margin-left: 4em; /* Ensure the dialogue text starts 4em from the left margin */ }