MediaWiki:Common.css: Difference between revisions

From The Jolly Contrarian
Jump to navigation Jump to search
No edit summary
No edit summary
Line 138: Line 138:


/* Adaptive table styles */
/* Adaptive table styles */
.adaptive-table {
.mw-adaptive-table {
    width: 100%;
     float: left;
     float: left;
     clear: left;
     clear: left;
    width: 100%;
}
}


@media (min-width: 800px) {
/* This assumes the static table has a class 'mw-static-table' */
     .adaptive-table {
.mw-static-table {
         width: 49% !important;
    width: 50%;
         float: left;
    float: right;
}
 
/* When static table is present, adjust adaptive table */
.mw-static-table + .mw-adaptive-table,
.mw-static-table ~ .mw-adaptive-table {
    width: calc(50% - 10px); /* 10px gap between tables */
}
 
/* Clear floats after the tables */
.mw-static-table::after,
.mw-adaptive-table::after {
    content: "";
    display: table;
    clear: both;
}
 
/* For smaller screens, stack the tables */
@media (max-width: 800px) {
     .mw-static-table,
    .mw-adaptive-table {
         width: 100% !important;
         float: none;
     }
     }
}
}

Revision as of 09:51, 23 August 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 */
    font-family: georgia;
}

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 */
.drop {
  font-weight: regular;
  float: left;
  margin-right: 5px;
  margin-bottom: -5px; 
  font-size: 3.5em;
  font-family: Georgia;
  line-height: 100%;
}

/* Adaptive table styles */
.mw-adaptive-table {
    width: 100%;
    float: left;
    clear: left;
}

/* This assumes the static table has a class 'mw-static-table' */
.mw-static-table {
    width: 50%;
    float: right;
}

/* When static table is present, adjust adaptive table */
.mw-static-table + .mw-adaptive-table,
.mw-static-table ~ .mw-adaptive-table {
    width: calc(50% - 10px); /* 10px gap between tables */
}

/* Clear floats after the tables */
.mw-static-table::after,
.mw-adaptive-table::after {
    content: "";
    display: table;
    clear: both;
}

/* For smaller screens, stack the tables */
@media (max-width: 800px) {
    .mw-static-table,
    .mw-adaptive-table {
        width: 100% !important;
        float: none;
    }
}