MediaWiki:Common.css: Difference between revisions

(+Navbox)
(Un-fixing image heights in flex boxes)
Line 808: Line 808:
.flex-container img {
.flex-container img {
     object-fit: contain;
     object-fit: contain;
}
.img-100 img {
     width: 100px;
     width: 100px;
     height: 50px;
     height: 50px;
}
}


.img-200 img {
    width: 200px;
    height: 100px;
}





Revision as of 16:52, 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  ***/

/* NAVBOX FROM WP */

/* Default style for navigation boxes */.navbox {                    /* Navbox container style */    border: 1px solid #aaa;    width: 100%;    margin: auto;    clear: both;    font-size: 88%;    text-align: center;    padding: 1px;}.navbox-inner,.navbox-subgroup {    width: 100%;}.navbox-group,.navbox-title,.navbox-abovebelow {    padding: 0.25em 1em;      /* Title, group and above/below styles */    line-height: 1.5em;    text-align: center;}th.navbox-group {            /* Group style */    white-space: nowrap;    /* @noflip */    text-align: right;}.navbox,.navbox-subgroup {    background: #fdfdfd;      /* Background color */}.navbox-list {    line-height: 1.8em;    border-color: #fdfdfd;    /* Must match background color */}.navbox th,.navbox-title {    background: #ccccff;      /* Level 1 color */}.navbox-abovebelow,th.navbox-group,.navbox-subgroup .navbox-title {    background: #ddddff;      /* Level 2 color */}.navbox-subgroup .navbox-group,.navbox-subgroup .navbox-abovebelow {    background: #e6e6ff;      /* Level 3 color */}.navbox-even {    background: #f7f7f7;      /* Even row striping */}.navbox-odd {    background: transparent;  /* Odd row striping */}table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)      */}.navbox .hlist td dl,.navbox .hlist td ol,.navbox .hlist td ul,.navbox td.hlist dl,.navbox td.hlist ol,.navbox td.hlist ul {    padding: 0.125em 0;      /* Adjust hlist padding in navboxes */}ol + table.navbox,ul + table.navbox {    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */} /* Default styling for Navbar template */.navbar {    display: inline;    font-size: 88%;    font-weight: normal;}.navbar ul {    display: inline;    white-space: nowrap;}.navbar li {    word-spacing: -0.125em;}.navbar.mini li span {  font-variant: small-caps;}/* Navbar styling when nested in infobox and navbox */.infobox .navbar {    font-size: 100%;}.navbox .navbar {    display: block;    font-size: 100%;}.navbox-title .navbar {    /* @noflip */    float: left;    /* @noflip */    text-align: left;    /* @noflip */    margin-right: 0.5em;    width: 6em;} /* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript  in [[MediaWiki:Common.js]] are styled here so they can be customised. */.collapseButton {    /* @noflip */    float: right;    font-weight: normal;    /* @noflip */    margin-left: 0.5em;    /* @noflip */    text-align: right;    width: auto;}/* In navboxes, the show/hide button balances the v·d·e links  from [[Template:Navbar]], so they need to be the same width. */.navbox .collapseButton {    width: 6em;} /* Styling for JQuery makeCollapsible, matching that of collapseButton */.mw-collapsible-toggle {    font-weight: normal;    /* @noflip */    text-align: right;}.navbox .mw-collapsible-toggle {    width: 6em;}


/* MBOX as these are removed from WP */

 /* Messagebox templates */.messagebox {    border: 1px solid #aaa;    background-color: #f9f9f9;    width: 80%;    margin: 0 auto 1em auto;    padding: .2em;}.messagebox.merge {    border: 1px solid #c0b8cc;    background-color: #f0e5ff;    text-align: center;}.messagebox.cleanup {    border: 1px solid #9f9fff;    background-color: #efefff;    text-align: center;}.messagebox.standard-talk {    border: 1px solid #c0c090;    background-color: #f8eaba;    margin: 4px auto;}/* For old WikiProject banners inside banner shells. */.mbox-inside .standard-talk,.messagebox.nested-talk {    border: 1px solid #c0c090;    background-color: #f8eaba;    width: 100%;    margin: 2px 0;    padding: 2px;}.messagebox.small {    width: 238px;    font-size: 85%;    /* @noflip */    float: right;    clear: both;    /* @noflip */    margin: 0 0 1em 1em;    line-height: 1.25em;}.messagebox.small-talk {    width: 238px;    font-size: 85%;    /* @noflip */    float: right;    clear: both;    /* @noflip */    margin: 0 0 1em 1em;    line-height: 1.25em;    background: #F8EABA;} /* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */th.mbox-text, td.mbox-text {   /* The message body cell(s) */    border: none;    /* @noflip */    padding: 0.25em 0.9em;     /* 0.9em left/right */    width: 100%;               /* Make all mboxes the same width regardless of text length */}td.mbox-image {                /* The left image cell */    border: none;    /* @noflip */    padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */    text-align: center;}td.mbox-imageright {           /* The right image cell */    border: none;    /* @noflip */    padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */    text-align: center;}td.mbox-empty-cell {           /* An empty narrow cell */    border: none;    padding: 0px;    width: 1px;} /* Article message box styles */table.ambox {    margin: 0px 10%;                  /* 10% = Will not overlap with other elements */    border: 1px solid #aaa;    /* @noflip */    border-left: 10px solid #1e90ff;  /* Default "notice" blue */    background: #fbfbfb;}table.ambox + table.ambox {      /* Single border between stacked boxes. */    margin-top: -1px;}.ambox th.mbox-text,.ambox td.mbox-text {            /* The message body cell(s) */    padding: 0.25em 0.5em;       /* 0.5em left/right */}.ambox td.mbox-image {           /* The left image cell */    /* @noflip */    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */}.ambox td.mbox-imageright {      /* The right image cell */    /* @noflip */    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */} table.ambox-notice {    /* @noflip */    border-left: 10px solid #1e90ff;    /* Blue */}table.ambox-speedy {    /* @noflip */    border-left: 10px solid #b22222;    /* Red */    background: #fee;                   /* Pink */}table.ambox-delete {    /* @noflip */    border-left: 10px solid #b22222;    /* Red */}table.ambox-content {    /* @noflip */    border-left: 10px solid #f28500;    /* Orange */}table.ambox-style {    /* @noflip */    border-left: 10px solid #f4c430;    /* Yellow */}table.ambox-move {    /* @noflip */    border-left: 10px solid #9932cc;    /* Purple */}table.ambox-protection {    /* @noflip */    border-left: 10px solid #bba;       /* Gray-gold */} /* Image message box styles */table.imbox {    margin: 4px 10%;    border-collapse: collapse;    border: 3px solid #1e90ff;    /* Default "notice" blue */    background: #fbfbfb;}.imbox .mbox-text .imbox {  /* For imboxes inside imbox-text cells. */    margin: 0 -0.5em;       /* 0.9 - 0.5 = 0.4em left/right.        */    display: block;         /* Fix for webkit to force 100% width.  */}.mbox-inside .imbox {       /* For imboxes inside other templates.  */    margin: 4px;} table.imbox-notice {    border: 3px solid #1e90ff;    /* Blue */}table.imbox-speedy {    border: 3px solid #b22222;    /* Red */    background: #fee;             /* Pink */}table.imbox-delete {    border: 3px solid #b22222;    /* Red */}table.imbox-content {    border: 3px solid #f28500;    /* Orange */}table.imbox-style {    border: 3px solid #f4c430;    /* Yellow */}table.imbox-move {    border: 3px solid #9932cc;    /* Purple */}table.imbox-protection {    border: 3px solid #bba;       /* Gray-gold */}table.imbox-license {    border: 3px solid #88a;       /* Dark gray */    background: #f7f8ff;          /* Light gray */}table.imbox-featured {    border: 3px solid #cba135;    /* Brown-gold */} /* Category message box styles */table.cmbox {    margin: 3px 10%;    border-collapse: collapse;    border: 1px solid #aaa;    background: #DFE8FF;    /* Default "notice" blue */} table.cmbox-notice {    background: #D8E8FF;    /* Blue */}table.cmbox-speedy {    margin-top: 4px;    margin-bottom: 4px;    border: 4px solid #b22222;    /* Red */    background: #FFDBDB;          /* Pink */}table.cmbox-delete {    background: #FFDBDB;    /* Red */}table.cmbox-content {    background: #FFE7CE;    /* Orange */}table.cmbox-style {    background: #FFF9DB;    /* Yellow */}table.cmbox-move {    background: #E4D8FF;    /* Purple */}table.cmbox-protection {    background: #EFEFE1;    /* Gray-gold */} /* Other pages message box styles */table.ombox {    margin: 4px 10%;    border-collapse: collapse;    border: 1px solid #aaa;       /* Default "notice" gray */    background: #f9f9f9;} table.ombox-notice {    border: 1px solid #aaa;       /* Gray */}table.ombox-speedy {    border: 2px solid #b22222;    /* Red */    background: #fee;             /* Pink */}table.ombox-delete {    border: 2px solid #b22222;    /* Red */}table.ombox-content {    border: 1px solid #f28500;    /* Orange */}table.ombox-style {    border: 1px solid #f4c430;    /* Yellow */}table.ombox-move {    border: 1px solid #9932cc;    /* Purple */}table.ombox-protection {    border: 2px solid #bba;       /* Gray-gold */} /* Talk page message box styles */table.tmbox {    margin: 4px 10%;    border-collapse: collapse;    border: 1px solid #c0c090;    /* Default "notice" gray-brown */    background: #f8eaba;}.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */    margin: 2px 0;               /* this declaration overrides other styles (including mbox-small above)   */    width: 100%;                 /* For Safari and Opera */}.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */    line-height: 1.5em;          /* also "nested", so reset styles that are   */    font-size: 100%;             /* set in "mbox-small" above.                */} table.tmbox-speedy {    border: 2px solid #b22222;    /* Red */    background: #fee;             /* Pink */}table.tmbox-delete {    border: 2px solid #b22222;    /* Red */}table.tmbox-content {    border: 2px solid #f28500;    /* Orange */}table.tmbox-style {    border: 2px solid #f4c430;    /* Yellow */}table.tmbox-move {    border: 2px solid #9932cc;    /* Purple */}table.tmbox-protection,table.tmbox-notice {    border: 1px solid #c0c090;    /* Gray-brown */} /* Disambig and set index box styles */table.dmbox {    clear: both;    margin: 0.9em 1em;    border-top: 1px solid #ccc;    border-bottom: 1px solid #ccc;    background: transparent;} /* Footer and header message box styles */table.fmbox {    clear: both;    margin: 0.2em 0;    width: 100%;    border: 1px solid #aaa;    background: #f9f9f9;     /* Default "system" gray */}table.fmbox-system {    background: #f9f9f9;}table.fmbox-warning {    border: 1px solid #bb7070;  /* Dark pink */    background: #ffdbdb;        /* Pink */}table.fmbox-editnotice {    background: transparent;}/* Div based "warning" style fmbox messages. */div.mw-warning-with-logexcerpt,div.mw-lag-warn-high,div.mw-cascadeprotectedwarning,div#mw-protect-cascadeon {    clear: both;    margin: 0.2em 0;    border: 1px solid #bb7070;    background: #ffdbdb;    padding: 0.25em 0.9em;}/* Div based "system" style fmbox messages.   Used in [[MediaWiki:Readonly lag]]. */div.mw-lag-warn-normal,div.fmbox-system {    clear: both;    margin: 0.2em 0;    border: 1px solid #aaa;    background: #f9f9f9;    padding: 0.25em 0.9em;} /* These mbox-small classes must be placed after all other   ambox/tmbox/ombox etc classes. "body.mediawiki" is so   they override "table.ambox + table.ambox" above. */body.mediawiki table.mbox-small {   /* For the "small=yes" option. */    /* @noflip */    clear: right;    /* @noflip */    float: right;    /* @noflip */    margin: 4px 0 4px 1em;    width: 238px;    font-size: 88%;    line-height: 1.25em;}body.mediawiki table.mbox-small-left {   /* For the "small=left" option. */    /* @noflip */    margin: 4px 1em 4px 0;    width: 238px;    border-collapse: collapse;    font-size: 88%;    line-height: 1.25em;} /* Style for compact ambox *//* Hide the images */.compact-ambox table .mbox-image,.compact-ambox table .mbox-imageright,.compact-ambox table .mbox-empty-cell {    display: none;}/* Remove borders, backgrounds, padding, etc. */.compact-ambox table.ambox {    border: none;    border-collapse: collapse;    background: transparent;    margin: 0 0 0 1.6em !important;    padding: 0 !important;    width: auto;    display: block;}body.mediawiki .compact-ambox table.mbox-small-left {    font-size: 100%;    width: auto;    margin: 0;}/* Style the text cell as a list item and remove its padding */.compact-ambox table .mbox-text {    padding: 0 !important;    margin: 0 !important;}.compact-ambox table .mbox-text-span {    display: list-item;    line-height: 1.5em;    list-style-type: square;    list-style-image: url(//bits.wikimedia.org/skins/common/images/bullet.gif);}.skin-vector .compact-ambox table .mbox-text-span {    list-style-type: circle;    list-style-image: url(//bits.wikimedia.org/skins/vector/images/bullet-icon.png)}/* Allow for hiding text in compact form */.compact-ambox .hide-when-compact {    display: none;} 

/* end Mbox* /


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


.img-100 img {
    width: 100px;
    height: 50px;
}


.img-200 img {
    width: 200px;
    height: 100px;
}


/* Specific link-flex for main page */

.link-flex div {
    margin:2px;
}


.link-flex div span a, .link-flex div span a.new {
    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 {
    width: 150px;
    height: 100px;
}



.nofit img { object-fit: contain; }
.fit img { object-fit: cover; }

a.mw-redirect {    text-decoration: underline dotted; } /* highlight links to redirection pages */