MediaWiki:Common.css: Difference between revisions

Hide site subtitles
No edit summary
(Hide site subtitles)
 
(112 intermediate revisions by 5 users not shown)
Line 1: Line 1:
/** CSS placed here will be applied to all skins */
/* Default styling for HTML elements */


/* wikitable/prettytable class for skinning normal tables <pre>*/
/* 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;
}
 
/* Hide site subtitle */
#siteSub, #contentSub, #contentSub2 {
display: none;
}
}
 
/* 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;
}


body {
/* Display list items inline */
background-attachment: fixed;
.hlist dd,
background-color: #EDEFEE;
.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;
}
}


table.wikitable,
/* Display nested lists inline */
table.prettytable {
.hlist.inline,
  margin: 1em 1em 1em 0;
.hlist.inline dl,
  background: #f9f9f9;
.hlist.inline ol,
  border: 1px #aaa solid;
.hlist.inline ul,
  border-collapse: collapse;
.hlist dl dl,
  vertical-align:top;
.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;
}
}


table.wikitable th, table.wikitable td,
/* Hide empty list items */
table.prettytable th, table.prettytable td {
.hlist .mw-empty-li {
  border: 1px #aaa solid;
display: none;
  padding: 0.2em;
  vertical-align:top;
}
}


table.wikitable th,
/* Generate interpuncts */
table.prettytable th {
.hlist dt:after {
  background: #f2f2f2;
content: ": ";
  text-align: center;
  vertical-align:top;
}
}


table.wikitable caption,
/**
table.prettytable caption {
* Note hlist style usage differs in Minerva and is defined in core as well!
  margin-left: inherit;
* Please check Minerva desktop (and Minerva.css) when changing
  margin-right: inherit;
* See https://phabricator.wikimedia.org/T213239
  font-weight: bold;
*/
.hlist dd:after,
.hlist li:after {
content: " · ";
font-weight: bold;
}
}


/* Messagebox templates */
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}


.messagebox {
/* Add parentheses around nested lists */
  border: 1px solid #aaa;
.hlist dd dd:first-child:before,
  background-color: #f9f9f9;
.hlist dd dt:first-child:before,
  width: 80%;
.hlist dd li:first-child:before,
  margin: 0 auto 1em auto;
.hlist dt dd:first-child:before,
  padding: .2em;
.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;
}
}
.messagebox.merge {
 
  border: 1px solid #c0b8cc;
.hlist dd dd:last-child:after,
  background-color: #f0e5ff;
.hlist dd dt:last-child:after,
  text-align: center;
.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;
}
}
.messagebox.cleanup {
 
  border: 1px solid #9f9fff;
/* Put ordinals in front of ordered list items */
  background-color: #efefff;
.hlist ol {
  text-align: center;
counter-reset: listitem;
}
}
.messagebox.standard-talk {
 
  border: 1px solid #c0c090;
.hlist ol > li {
  background-color: #f8eaba;
counter-increment: listitem;
}
}
.messagebox.nested-talk {
 
  border: 1px solid #c0c090;
.hlist ol > li:before {
  background-color: #f8eaba;
content: " " counter(listitem) "\a0";
  width: 100%;
  margin: 2px 4px 2px 4px;
}
}


.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 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 {
.infobox-label,
  border: 1px solid #aaa;
.infobox-data,
  background-color: #f9f9f9;
/* Remove element selector when every .infobox thing is using the standard module/templates  */
  color: black;
.infobox th,
  margin-bottom: 0.5em;
.infobox td {
  margin-left: 1em;
/* @noflip */
  padding: 0.2em;
text-align: left;
  float: right;
  clear: right;
  font-size: 11px;
}
}
.infobox td,
 
.infobox th {
/* Remove .infobox when element selectors above are removed */
  vertical-align: top;
.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 {
.infobox caption {
   font-size: larger;
padding: 0.2em;
   margin-left: inherit;
}
 
/* 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;
}
}
.infobox.bordered {
 
  border-collapse: collapse;
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;
}
}
.infobox.bordered td,
 
.infobox.bordered th {
.tags1:hover {
  border: 1px solid #aaa;
  background-color: #CCCCCC !important;
  color: #222222 !important;
}
}
.infobox.bordered .borderless td,
 
.infobox.bordered .borderless th {
.tagspan a:hover{
  border: 0;
  text-decoration: none;
}
}


/* Big Tables */
div#mw-content-text {
.bigtable {
    padding-top: 20px;
  background-color: #f8f8f8;
}
  border: 1px solid #aaa;
 
  color: black;
 
  margin-bottom: 0.5em;
 
  margin-left: 1em;
 
  padding: 0.2em;
/* Hide on Desktop */
  border-spacing: 25px 1px;
.nodesktop { display:none;}
 
 
 
 
/* FLEX */
 
 
 
.flex-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
}
.bigtable th {
 
  font-size: 15px;
 
  text-align: left;
.flex-container div {
    border: none;
    background-color: white;
    margin: 5px;
}
}
.bigtable td, .bigtable th {
 
  vertical-align: top;
 
  padding: 0 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;
}
}
.bigtable td {
.flex-container div span a.new {
  background-color: #f8f8f8;
    color: darkred;
}
}


div.topicon {
 
  position:absolute;
.flex-container div:hover, .flex-container div:hover div {
  z-index:100;
    background-color: red;
  top:10px;
  display: block !important;
}
}


.interProject {
.flex-container div:hover span a, .flex-container div span a:hover {
  display:none;
  color: white;
  clear: both;
  text-decoration:none;
  border-top: 2px dotted #AAAAAA;  
  margin-top: 2em;
}
}
.flex-container img {
    object-fit: contain;
}
/* flexbox image size options (div classes) */
.img-50 img {
    width: 50px;
    height: 25px;
}
.img-100 img {
    width: 100px;
    height: 50px;
}
.img-150 img {
    width: 150px;
    height: 75px;
}
.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;
}
.nofit img { object-fit: contain; }
.fit img { object-fit: cover; }
a.mw-redirect {    text-decoration: underline dotted; } /* highlight links to redirection pages */