MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 761: | Line 761: | ||
} | } | ||
.flex-container div { | .flex-container div { | ||
Revision as of 10:18, 29 August 2022
/* Default styling for HTML elements */
/* Imported from Wikipedia 28 Aug 2022 */
cite,
dfn {
font-style: inherit;
}
/* Straight quote marks for <q> */
q {
quotes: '"' '"' "'" "'";
}
/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote {
overflow: hidden;
margin: 1em 0;
padding: 0 40px;
}
/* Consistent size for <small>, <sub> and <sup> */
small {
font-size: 85%;
}
.mw-body-content sub,
.mw-body-content sup,
span.reference /* for Parsoid */ {
font-size: 80%;
}
/* Same spacing for indented and unindented paragraphs on talk pages */
.ns-talk .mw-body-content dd {
margin-top: 0.4em;
margin-bottom: 0.4em;
}
/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .mw-special-Watchlist #watchlist-message,
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),
/* Hide charinsert base for those not using the gadget */
#editpage-specialchars {
display: none;
}
/* Make the list of references smaller
* Keep in sync with Template:Refbegin/styles.css
* And Template:Reflist/styles.css
*/
ol.references {
font-size: 90%;
margin-bottom: 0.5em;
}
/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
font-weight: normal;
/* @noflip */
text-align: right;
padding-right: 0.2em;
padding-left: 0.2em;
}
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
/* @noflip */
float: left;
/* @noflip */
text-align: left;
}
/* Lists in wikitable data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
/* @noflip */
text-align: left;
}
/* Fix for hieroglyphs specificity issue in infoboxes ([[phab:T43869]]) */
.mw-parser-output table.mw-hiero-table td {
vertical-align: middle;
}
/* Change the external link icon to a PDF icon for all PDF files */
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
/* @noflip */
padding: 8px 18px 8px 0;
}
/* System messages styled similarly to fmbox */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon,
div.titleblacklist-warning {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: #ffdbdb;
padding: 0.25em 0.9em;
box-sizing: border-box;
}
/* default colors for partial block message */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt {
border-color: #fc3;
background-color: #fef6e7;
}
/* Increase the height of the image upload box */
#wpUploadDescription {
height: 13em;
}
/* Minimum thumb width */
.thumbinner {
min-width: 100px;
}
/* Prevent floating boxes from overlapping any category listings,
file histories, edit previews, and edit [Show changes] views. */
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
clear: both;
}
/* Styling for Abuse Filter tags */
.mw-tag-markers {
font-style: italic;
font-size: 90%;
}
/* Hide stuff meant for accounts with special permissions. Made visible again in
[[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],
[[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]],
[[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]],
[[MediaWiki:Group-extendedconfirmed.css]], and [[Mediawiki:Group-autoconfirmed.css]]. */
.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
display: none;
}
/* Hide the redlink generated by {{Editnotice}},
this overrides the ".sysop-show { display: none; }" above that applies
to the same link as well. See [[phab:T45013]]
Hide the images in editnotices to keep them readable in VE view.
Long term, editnotices should become a core feature so that they can be designed responsive. */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
display: none !important;
}
/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors {
margin: 0;
}
ul.permissions-errors > li {
list-style: none;
}
/* larger inline math */
span.mwe-math-mathml-inline {
font-size: 118%;
}
/* Make <math display="block"> be left aligned with one space indent for
* compatibility with style conventions
*/
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em;
}
.mwe-math-mathml-display math {
display: inline;
}
@media screen {
/* Gallery styles background changes are restricted to screen view.
In printing we should avoid applying backgrounds. */
/* The backgrounds for galleries. */
#content .gallerybox div.thumb {
/* Light gray padding */
background-color: #f8f9fa;
}
/* Put a chequered background behind images, only visible if they have transparency.
'.filehistory a img' and '#file img:hover' are handled by MediaWiki core (as of 1.19) */
.gallerybox .thumb img {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}
/* But not on articles, user pages, or portals. */
.ns-0 .gallerybox .thumb img,
.ns-2 .gallerybox .thumb img,
.ns-100 .gallerybox .thumb img {
background-image: none;
}
/* Display "From Wikipedia, the free encyclopedia" in skins that support it,
do not apply to print mode */
#siteSub {
display: block;
}
}
/* Hide FlaggedRevs notice UI when there are no pending changes */
.flaggedrevs_draft_synced,
.flaggedrevs_stable_synced,
/* "Temporary" to remove links in sidebar T255381 */
#t-upload,
/* Hide broken download box on Special:Book pending T285400 */
.mw-special-Book #coll-downloadbox {
display: none;
}
/*
* BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
* SEE [[MediaWiki talk:Common.css/to do]]
*/
/* Style for horizontal lists (separator following item).
@source mediawiki.org/wiki/Snippets/Horizontal_lists
@revision 8 (2016-05-21)
@author [[User:Edokter]]
*/
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
margin: 0; /* don't trust the note that says margin doesn't work with inline
* removing margin: 0 makes dds have margins again */
display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li {
display: none;
}
/* Generate interpuncts */
.hlist dt:after {
content: ": ";
}
/**
* Note hlist style usage differs in Minerva and is defined in core as well!
* Please check Minerva desktop (and Minerva.css) when changing
* See https://phabricator.wikimedia.org/T213239
*/
.hlist dd:after,
.hlist li:after {
content: " · ";
font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before,
.hlist dd dt:first-child:before,
.hlist dd li:first-child:before,
.hlist dt dd:first-child:before,
.hlist dt dt:first-child:before,
.hlist dt li:first-child:before,
.hlist li dd:first-child:before,
.hlist li dt:first-child:before,
.hlist li li:first-child:before {
content: " (";
font-weight: normal;
}
.hlist dd dd:last-child:after,
.hlist dd dt:last-child:after,
.hlist dd li:last-child:after,
.hlist dt dd:last-child:after,
.hlist dt dt:last-child:after,
.hlist dt li:last-child:after,
.hlist li dd:last-child:after,
.hlist li dt:last-child:after,
.hlist li li:last-child:after {
content: ")";
font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
counter-reset: listitem;
}
.hlist ol > li {
counter-increment: listitem;
}
.hlist ol > li:before {
content: " " counter(listitem) "\a0";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
content: " (" counter(listitem) "\a0";
}
/* Unbulleted lists */
.plainlist ol,
.plainlist ul {
line-height: inherit;
list-style: none;
margin: 0;
}
.plainlist ol li,
.plainlist ul li {
margin-bottom: 0;
}
/* Infobox template style */
.infobox {
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: black;
/* @noflip */
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
font-size: 88%;
line-height: 1.5em;
width: 22em;
}
.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}
.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}
.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
padding: 0.2em;
}
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}
/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row],
.wikitable.plainrowheaders th[scope=rowgroup] {
font-weight: normal;
/* @noflip */
text-align: left;
}
/* Remove underlines from certain links */
.nounderlines a,
.IPA a:link,
.IPA a:visited {
text-decoration: none !important;
}
/* Prevent line breaks in silly places where desired (nowrap)
and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
white-space: nowrap;
}
/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}
/* texhtml class for inline math (based on generic times-serif class) */
span.texhtml {
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 118%;
line-height: 1;
white-space: nowrap;
/* Force tabular and lining display for texhtml */
-webkit-font-feature-settings: "lnum", "tnum", "kern" 0;
font-feature-settings: "lnum", "tnum", "kern" 0;
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
}
span.texhtml span.texhtml {
font-size: 100%;
}
@media screen {
.nochecker .gallerybox .thumb img {
background-image: none;
}
}
/*** END FROM WP ***/
/* START CUSTOM */
/* This just formats the centralised wikia help box on help pages */
.sharedHelp{
background-color:#FEE;
border-color:#F00;
margin-top:40px;
}
.sharedHelpInfo{
font-size:22px;
margin-right:200px;
border:1px solid red;
width:340px;
background-color:#FFF;
margin-bottom:30px;
font-weight:bold;
font-family:verdana, sans-serif;
}
/* Hide title and tagline on Main Page */
body.page-Main_Page h1.firstHeading, body.page-Main_page #siteSub {
display:none;
}
/* Recent changes byte indicators */
.mw-plusminus-pos { color: #006500; }
.mw-plusminus-neg { color: #8B0000; }
/* aligning to avoid content confusion */
#INCONTENT_LEADERBOARD_1_load, #INCONTENT_LEADERBOARD_2_load, #INCONTENT_LEADERBOARD_3_load, #TOP_LEADERBOARD {
background-color:#DDD;
padding:2px;
float:right;
clear:both;
}
.picture-attribution {display:none;}
#mw-missingsummary { background: orange; margin:10px; padding:3px 10px;}
.page-GTA_5_Wishlist .editsection-upper, .page-GTA_5_Wishlist #ca-edit {display:none}
/* This hides the two main edit links on the GTA 5 Wishlist page. */
#sidebar-donate {margin:0 auto; width:100px;}
pre,code,tt {white-space:pre-wrap; font-size:12px; font-family: monospace;}
code {background-color:#eaecf0; padding: 0 5px 0 5px;}
/* Hide links to add/remove friend/foe and giving gifts */
a[href*="Special:AddRelationship"], a[href*="Special:GiveGift"] {display:none;}
.profile-actions {color:#FFF;}
h4#mw-specialpagesgroup-staff {background-color:#C33; color:#FFF;}
.mediawiki #mw-panel .portal .body {background:none;}
/* Hide interwiki language selector */
#p-lang {display:none;}
/* Edits to Special:RecentChanges to declutter the layout. Makes t|c|b and rollback|undo links grey and small, makes comments grey and slightly smaller */
.mw-usertoollinks { font-size:0.7em; text-transform:lowercase;}
.mw-usertoollinks a { color:#888;}
.page-Special_RecentChanges .mw-rollback-link { font-size:0.7em; }
.page-Special_RecentChanges .mw-rollback-link a { color:#888;}
.comment { color:#555; font-size:12px; }
.comment a {color:#88C;}
/* Causes redirects to be light blue, italic, small font in Special:AllPages */
.allpagesredirect a { font-style:italic; color:#88C; font-size:11px;}
/* QUESTIONS */
.ns-130 .mw-summary {display:none;} /* Hide section title box from Question: namespace */
.ns-130 #ca-edit {display:none;} /* Hide Edit button (use links in Template:Question instead) */
/* Fix gallery */
ul.gallery {
display:block;
margin: 0 auto;
font-size: 95%;
text-align:center;
}
/** GREY BOX **/
.greybox {
background:#EEE; border:1px solid #AAA; padding:5px;
}
/* Blockquote styling for Template:Quote */
blockquote {
font-family: Georgia;
background-color: #EEE;
border: 2px dashed #DDD;
margin: 5px;
border-style: dashed;
background-position: 5px 5px;
background-repeat: no-repeat;
width: 500px;
margin-left: 60px;
background-image: url(https://gtw-files-ie.s3.amazonaws.com/Quotes.png);
padding: 13px 10px 13px 60px;
min-height: 25px;
background-size: 40px 36px;
}
/* searchbar hide scrollbar */
#simpleSearch {
overflow:hidden;
}
/** center table columns styles **/
table.center-col-1 td:first-child,
table.center-col-2 td:first-child + td,
table.center-col-3 td:first-child + td + td,
table.center-col-4 td:first-child + td + td + td {
text-align: center;
}
/** character maps styles for GXT article **/
table.charmap {
text-align: center;
}
table.charmap td, table.charmap th {
width: 2em;
height: 2em;
}
table.charmap td {
font-family: monospace;
font-size: 150%;
background-color: #f9f9f9;
border: 1px solid #ddd;
}
/** styles for Menu article **/
table.menu tr:target {
background-color: lightblue;
}
table.menu td:first-child td:first-child + td {
width: 25em;
}
/***********************************************************/
#jump-to-nav {display:none;}
/* Code for automatically highlighting URLs to staff user pages */
/* currently, ALL links are highlighted using: a[href|="/User:Gboyers"],
To only highlight links in diff/history pages etc, use the following code:
table.diff a[href|="/User:Gboyers"],
ul#pagehistory li a[href|="/User:Gboyers"],
ul.special li a[href|="/User:Gboyers"] { color: #007700; font-weight:bold;}
*/
/* EXECUTIVE MANAGERS */
#bodyContent a.extiw[href|="https://www.wikia.com/c:gta:User:Gboyers"],
a[href|="/User:Gboyers"]
{color: #005; font-weight:bold; background:url(https://gtwfilesie-thumb.grandtheftwiki.com/Flight_Sergeant.png/30px-Flight_Sergeant.png) center left no-repeat;padding-left:15px; text-transform:lowercase; background-size: 13px 13px;}
#bodyContent a.extiw[href|="https://www.wikia.com/c:gta:User_talk:Gboyers"],
a[href|="/User_talk:Gboyers"]
{ color: #88A; font-weight:bold; text-transform:lowercase;}
/* MANAGERS
a[href|="/User:Example"]
{color: #005; font-weight:bold; background:url(https://gtwfilesie-thumb.grandtheftwiki.com/Sergeant.png/30px-Sergeant.png) center left no-repeat;padding-left:15px;}
a[href|="/User_talk:Example"]
{ color: #88A; font-weight:bold;}
*/
/* ADMINS */
a[href|="/User:Bluesboyjr"],
a[href|="/User:Grand_Theft_AJ"],
a[href|="/User:Gsu_eagle_31049"],
a[href|="/User:Loadingue"],
a[href|="/User:ZS"],
a[href|="/User:Andreaz1"],
a[href|="/User:Spaceeinstein"],
a[href|="/User:IanPhoenix"]
{ color: #005; font-weight:bold; background:url(https://gtwfilesie-thumb.grandtheftwiki.com/Corporal.png/30px-Corporal.png) center left no-repeat;padding-left:15px; background-size: 15px 15px;}
/* lowercase username */
.mw-userlink[href*="Spaceeinstein"] {
text-transform: lowercase;
}
a[href|="/User_talk:Bluesboyjr"],
a[href|="/User_talk:Grand_Theft_AJ"],
a[href|="/User_talk:Gsu_eagle_31049"],
a[href|="/User_talk:Loadingue"],
a[href|="/User_talk:ZS"],
a[href|="/User_talk:Andreaz1"],
a[href|="/User_talk:Spaceeinstein"],
a[href|="/User_talk:IanPhoenix"]
{ color: #88A; font-weight:bold;}
/* TAGS */
.tags1 {
border-radius: 5px;
background: #73AD21;
color: #FFFFFF;
padding: 2px 5px 2px 5px;
}
.tags1:hover {
background-color: #CCCCCC !important;
color: #222222 !important;
}
.tagspan a:hover{
text-decoration: none;
}
div#mw-content-text {
padding-top: 20px;
}
/* Hide on Desktop */
.nodesktop { display:none;}
/* FLEX */
.flex-container {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.flex-container div {
border: none;
background-color: white;
margin: 5px;
}
.flex-container div span a, .flex-container div span a.new {
color: #333333;
padding: 1px 3px 1px 3px;
text-align: center;
font-weight: bold;
margin: auto;
display: block;
width: 100%;
text-decoration: none;
}
.flex-container div span a.new {
color: darkred;
}
.flex-container div:hover, .flex-container div:hover div {
background-color: red;
}
.flex-container div:hover span a, .flex-container div span a:hover {
color: white;
text-decoration:none;
}
.flex-container img {
object-fit: contain;
width: 100px;
height: 50px;
}
/* Specific link-flex for main page */
.link-flex div {
border: 1px solid darkgray;
background-color: gray;
margin:2px;
}
.link-flex div span a, .link-flex div span a.new {
color: white;
padding: 1px 3px 1px 3px;
text-align: center;
font-weight: bold;
margin: auto;
display: block;
width: 100%;
}
.link-flex div span a.new {
color: darkred;
}
.link-flex div:hover, .link-flex div:hover div {
background-color: red;
}
.link-flex div:hover span a, .link-flex div span a:hover {
color: white;
text-decoration:none;
}
.link-flex img {
object-fit: cover;
width: 150px;
height: 100px;
}
.nofit img { object-fit: contain; }
a.mw-redirect { text-decoration: underline dotted; } /* highlight links to redirection pages */