MediaWiki:Common.css: Difference between revisions

From The Jolly Contrarian
Jump to navigation Jump to search
No edit summary
No edit summary
 
(232 intermediate revisions by the same user not shown)
Line 2: Line 2:
body.page-Main_Page h1.firstHeading { display: none; }
body.page-Main_Page h1.firstHeading { display: none; }
body.Page-main_Page .catlinks { display: none; }
body.Page-main_Page .catlinks { display: none; }
* {font-family: georgia }
body.mediawiki { font-family: georgia }
#firstHeading{ font-family: arial, sans-serif; }
#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;}


.mw-body-content h2, .mw-body-content h3, .mw-body-content h4, .mw-body-content h5{ font-family: arial, sans-serif; }
.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 */
* Styling for links generated by [[MediaWiki:Edittools]]
a.mw-selflink {
* @source https://www.mediawiki.org/wiki/Extension:CharInsert#Styling
  font-weight: inherit;
* @updated 2012-02-29
*/
.mw-charinsert-buttons {
margin-top: 10px;
border: 1px solid #aaaaaa;
padding: 1px;
text-align: center;
font-size: 110%;
}
.mw-charinsert-buttons a {
color: black;
background-color: #cde !important;
font-weight: bold;
font-size: .9em;
text-decoration: none;
border: thin #069 outset;
padding: 0 .1em .1em;
}
.mw-charinsert-buttons a:hover,
.mw-charinsert-buttons a:active {
background-color: #bcd;
border-style: inset;
}
.client-js .mw-edittools-section {
display: inline;
}
.client-js .mw-edittools-section input[type="button"] {
font-size: 0.9em;
padding-left: 1px;
padding-right: 1px;
margin-left: 1px;
}
}


Line 59: Line 46:
max-width:100%;
max-width:100%;
height:auto;
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: 4px;
  margin-bottom: -5x;
  font-size: 2.3em;
  font-family: Georgia;
  line-height: 110%;
}
/* 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 */
/* Style for dialogue text with hanging indent */
.dialogue {
  margin-left: 0px;
  text-indent: -40px; /* First line flush with the margin */
  padding-left: 40px; /* Indent all other lines by 40px */
  padding-bottom: 2px:
}
.character {
  font-style: italic;
  text-transform: uppercase;
  display: inline;
}
}

Latest revision as of 08:52, 2 October 2024

/* 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: 4px;
  margin-bottom: -5x; 
  font-size: 2.3em;
  font-family: Georgia;
  line-height: 110%;
}



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

/* Style for dialogue text with hanging indent */
.dialogue {
  margin-left: 0px;
  text-indent: -40px; /* First line flush with the margin */
  padding-left: 40px; /* Indent all other lines by 40px */
  padding-bottom: 2px:
}

.character {
  font-style: italic;
  text-transform: uppercase;
  display: inline;
}