MediaWiki:Fandomdesktop.css

/* CSS placed here will be applied the new UCX skin (import from Wikia.css) */

/******CONTENTS********/ /**********************/ /* Staff Color Alterations */            /* ############ Contains BUREAUCRATS, ADMINISTRATORS, PATROLLERS, BOT #######*/ /* Wiki Header Alterations */            /* ############ WIKIHEADER #########*/

/*FANDOM DESKTOP Light/Dark theme variable/syntax*/ /* ThemeDesigner Over-rides */           /*Defined colours and background images for Light/Dark themes*/ /*Keep at top for variable declarations used just about everywhere else*/ /* Minor Link Color Alterations */       /* ############ Contains LINK COLORS ####t###############*/

/* Table Alterations */                  /* ############ Contains TABLES, BIG TABLES ############*/

/* Message Boxes (On Blogs, etc) Alterations */ /*####### Contains MESSAGE BOX TEMPLATES #########*/

/* Infobox Template Alterations */       /* ############ Contains INFOBOX TEMPLATE STYLE ########*/

/* Navbox Alterations */                 /* ############ Contains DEFAULT SKIN FOR NAVIGATION BOXES, STANDARD NAVIGATIONSLEISTEN #######*/

/* Diff Skin Alterations */

/* Miscellaneous Alterations */          /* ########### Everything else ######*/

/**************************************************************************************************/                            /* Staff Color Alterations */

/* Bureaucrats */ a[href="/wiki/User:Kiwismurf"] {color:#4DFF00 !important;}

a[href="/wiki/User:LS11sVaultBoy"] {color:#4DFF00 !important;}

a[href="/wiki/User:SJWalker"] {color:#4DFF00 !important;}

/* Administrators */ a[href="/wiki/User:Camilo_Flores"] {color:#1589FF !important;}

a[href="/wiki/User:BolbiiS"] {color:#1589FF !important;}

a[href="/wiki/User:Matrexpingvin"] {color:#1589FF !important;}

/* Patrollers */

a[href="/wiki/User:NalexandruN"] {color:#FF6600 !important;}

a[href="/wiki/User:Jibvander"] {color:#FF6600 !important;}

a[href="/wiki/User:Kamikatsu"] {color:#FF6600 !important;}

a[href="/wiki/User:TheF3nt0n"] {color:#FF6600 !important;}

/* Bot */ a[href="/wiki/User:MonkeyBot188"] {color:#8904B1 !important;}

/**************************************************************************************************/ /**************************************************************************************************/ /* Wiki Header Alterations */ /*Mainpage "Home" H1 heading suppression */ /* Hide title and tagline on Main Page */ .mainpage .page-header__title { display: none; } /**************************************************************************************************/                               /*FANDOM DESKTOP Light/Dark theme variable/syntax*/ /* Setting colors to theme variable values color: var(--theme-);

Variable value list: see: GTA Wiki: Colors

dynamic-color-1 is fandom-black (#0E191A) for light backgrounds and white (#FFFFFF) for dark backgrounds. dynamic-color-2 is dark grey (#3A3A3A) for light backgrounds and light grey (#E6E6E6) for dark backgrounds.

.theme-fandomdesktop-light is for elements that are themed for the light theme. .theme-fandomdesktop-dark is for elements that are themed for the dark theme.

/**************************************************************************************************/ /******************************************************************************/ /*                                                    ThemeDesigner Over-rides                                            */ /* suppress header background

.fandom-community-header__background { background-image: none; background-color: rgba(var(--theme-page-background-color--rgb),0.5); }

.fandom-community-header__background::before { background-image: none; background-color: none; background: none; }*/

.theme-fandomdesktop-light { background-image: url(https://static.wikia.nocookie.net/gtawiki/images/9/96/WikiBackground-Trilogy.png); background-size: contain; background-position: 50px 150px; background-repeat: no-repeat; /*var(--theme-body-background-image);*/ /*url(https://static.wikia.nocookie.net/gtawiki/images/b/b5/Site-background-light);*/ /***Custom variable additions: *****/ --theme-sticky-nav-background-color--rgb: 221, 72, 143; --theme-table-header-color: #dd488f; --theme-table-body-color: #f6c6dd; --theme-table-header-text-color: #272727; --theme-table-body-text-color: #3d3a34; --theme-table-body-altcolor: #ddc6f6; }

.theme-fandomdesktop-dark { background-image: url(https://static.wikia.nocookie.net/gtawiki/images/9/96/WikiBackground-Trilogy.png); background-size: contain; background-position: 50px 150px; background-repeat: no-repeat; /*var(--theme-body-background-image);*/ /*url(https://static.wikia.nocookie.net/gtawiki/images/0/08/Site-background-dark);*/ /***Custom variable additions: *****/ --theme-sticky-nav-background-color--rgb: 101, 180, 211; --theme-table-header-color: #2d6eb9; /*Online player Blue*/ --theme-table-body-color: #3d3a34; --theme-table-header-text-color: #272727; --theme-table-body-text-color: #d9f8ff; --theme-table-body-altcolor: #4a5454; } /*class colours hard-coded to be used in talk page templates*/ .theme-fandomdesktop-light .talkinfomessage { background-color: #f6c6dd; color: #3d3a34; } .theme-fandomdesktop-light .talkwarnmessage { background-color: #f1768c; color: #0e191a; } .theme-fandomdesktop-light .talkcritmessage { background-color: #dd488f; color: #0e191a; } .theme-fandomdesktop-dark .talkinfomessage { background-color: #3d3a34; color: #d9f8ff; } .theme-fandomdesktop-dark .talkwarnmessage { background-color: #272727; color: #d9f8ff; } .theme-fandomdesktop-dark .talkcritmessage { background-color: #0e191a; color: #d9f8ff; } .talkinfomessage, .talkcritmessage, .talkwarnmessage { display: flex; }

/**************************************************************************************************/ /* Table of Contents */ .toc { border: 2px solid var(--theme-border-color); background-color: var(--theme-page-background-color--secondary); color: var(--theme-page-text-color); padding-bottom: 0px; width: 25vw; min-width: 250px; max-width: 350px; } .toc .toctitle { background-color: RGBA(var(--theme-body-background-color--rgb),0.50); color: var(--theme-body-dynamic-color-2); border-bottom: 2px solid var(--theme-border-color); font-weight: bold; padding: 0 10px 0 10px; }

border: 1px solid var(--theme-border-color); background-color: var(--theme-page-background-color--secondary); } /*button alterations */ a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"]:not(.wds-button), input[type="reset"], input[type="button"], .button, button { background-color: var(--theme-table-header-color); border: 1px solid var(--theme-table-header-color); color: var(--theme-table-header-text-color); } /* Table Alterations */ /******************************************************************************/ /*new table class lightdarktable with FandomDesktop Light or Dark Theme dynamic colours*/ table.lightdarktable { width: 100%; margin: 1em 1em 1em 0; border: 2px solid var(--theme-border-color); border-radius: 5px; border-collapse: separate; vertical-align: top; background-color: var(--theme-table-body-color); }				/* Table body */
 * 1) filetoc {

table.lightdarktable th { font-size: medium; font-weight: bold; padding: 0.2em; color: var(--theme-table-header-text-color); background-color: var(--theme-table-header-color); text-align: center; }				/* Table headings */

table.lightdarktable > tr > th, table.lightdarktable > tr > td, table.lightdarktable > * > tr > th, table.lightdarktable > * > tr > td { border: 1px solid var(--theme-border-color); }

table.lightdarktable td { border: 1px var(--theme-border-color); padding: 0.2em; vertical-align:top; text-align: left; border-collapse: collapse;

} table.lightdarktable tr.even-row.even-row { background: var(--theme-table-body-color); color: var(--theme-table-body-text-color); }

table.lightdarktable tr.odd-row.odd-row { background: var(--theme-table-body-altcolor); color: var(--theme-table-body-text-color); } /* Override for even/odd tr */

table.lightdarktable tr:nth-child(odd) { background: var(--theme-table-body-altcolor); color: var(--theme-table-body-text-color); }				/* lightdarktable sortable odd rows distinguish */ /******************************************************************************/ /*new table class with alternate colour rows aka zebratable, otherwise uses wikitable formatting*/ table.zebratable { width: 100%; margin: 0.3em 0em; }				/* Table body */

table.zebratable th { font-size: 15px; color: var(--theme-page-text-color)/*white*/; font-weight: bold; background-color: var(--theme-table-header-color)/*black*/; text-align: center; }				/* Table headings */

table.zebratable tr.even-row.even-row { background: var(--theme-table-body-altcolor)/*#3C3C3C*/; color: var(--theme-page-text-color)/*white*/; }

table.zebratable tr.odd-row.odd-row { background: var(--theme-table-body-color)/*#222222*/; color: var(--theme-page-text-color)/*lightgrey*/; } /* Override for even/odd tr */

table.zebratable tr:nth-child(odd) { background: var(--theme-table-body-color)/*#222222*/; color: var(--theme-page-text-color)/*lightgrey*/; }				/* Zebratable sortable odd rows distinguish */

/*wikitable class customizations*/ table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { border: 0 none; }

table.wikitable { margin: auto; border-collapse: collapse; vertical-align:top; max-width: 99%; }

table.wikitable th, table.wikitable td { border: 0 none; padding: 0.2em; vertical-align:top; border-collapse: collapse; }

table.wikitable td { border: 0 none; padding: 0.2em; vertical-align:top; text-align: left; color: var(--theme-table-body-text-color);/*silver;*/ border-collapse: collapse; background-color: var(--theme-table-body-color);/*#3c3c3c;*/ }

table.wikitable th { background-color: var(--theme-table-header-color)/*#000000*/ !important; color: var(--theme-table-header-text-color); /*white;*/ text-align: center; vertical-align:top; }

/*article-table class customizations*/ table.article-table { margin: 1em 1em 1em 0; border: 2px solid var(--theme-border-color)/*white*/; border-collapse: collapse; vertical-align: top; max-width: 99%; }

table.article-table th, table.article-table td { border: 1px solid var(--theme-border-color)/*white*/; padding: 0.2em; vertical-align:top; border-collapse: collapse; }

table.article-table td { border: 1px solid var(--theme-border-color)/*white*/; padding: 0.2em; vertical-align:top; border-collapse: collapse; background-color: var(--theme-table-body-altcolor);/*#3c3c3c;*/ color: var(--theme-table-body-text-color);/*silver;*/ }

table.article-table th { background-color: var(--theme-table-header-color)/*#000000*/ !important; color: var(--theme-table-header-text-color); /*white;*/ text-align: center; vertical-align:top; }

table.article-table caption { margin-left: inherit; margin-right: inherit; font-weight: bold; }

/* Big Tables */ .bigtable { background-color: var(--theme-table-body-color)/*#f8f8f8*/; border: 1px solid var(--theme-border-color)/*#aaa*/; color: var(--theme-table-body-text-color)/*black*/; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; border-spacing: 25px 1px; } .bigtable th { font-size: 15px; text-align: left; } .bigtable td, .bigtable th { vertical-align: top; padding: 0 5px; } .bigtable td { background-color: var(--theme-table-body-color)/*#f8f8f8*/; } /* Styles used for article-table and WikiaTable */

.mw-collapsible-toggle { float: right; background-color: var(--theme-accent-color); /*padding: 1px; */ border-radius: 3px; text-align: center; } .ooui-theme-fandomooui .mw-collapsible-toggle a:hover, .ooui-theme-fandomooui .mw-collapsible-toggle a:focus, .ooui-theme-fandomooui .mw-collapsible-toggle a:active { color: var(--theme-accent-color--hover); } .ooui-theme-fandomooui .mw-collapsible-toggle a { color: var(--theme-accent-label-color); transition: color 300ms; }

/*un-themed standard mediawiki tables*/ .mw-datatable th { background-color: var(--theme-table-header-color); color: var(--theme-table-header-text-color); text-align: center; vertical-align:top; } .mw-datatable td { background-color: var(--theme-table-body-color); } .mw_metadata th { background-color: var(--theme-table-header-color); color: var(--theme-table-header-text-color); text-align: center; vertical-align:top; } .mw_metadata td { background-color: var(--theme-table-body-color); } /* end table customisations*/ /*****************************************************************/

.interProject { display:none; clear: both; border-top: 2px dotted var(--theme-border-color)/*#AAAAAA*/; margin-top: 2em; }

/**************************************************************************************************/                      /* Message Boxes (On Blogs, etc) Alterations */

/* Message Box 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; } .messagebox.nested-talk { border: 1px solid #c0c090; background-color: #f8eaba; width: 100%; margin: 2px 4px 2px 4px; }

/**************************************************************************************************/                          /* Infobox Template Alterations */ /* Infobox Template Style */

.infobox { border: 1px solid #aaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; font-size: 11px; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }

/**************************************************************************************************/                                 /* Navbox Alterations */ /* Default Skin for Navigation Boxes */ table.navbox {           /* navbox container style */ border: 1px solid var(--theme-accent-color); width: 100%; margin: auto; clear: both; font-size: 88%; text-align: center; padding: 1px; } table.navbox + table.navbox { /* single pixel border between adjacent navboxes */ margin-top: -1px;           /* (doesn't work for IE6, but that's okay)       */ } .navbox-title, .navbox-abovebelow, table.navbox th { text-align: center;     /* title and above/below styles */ padding-left: 1em; padding-right: 1em; } .navbox-group {          /* group style */ white-space: nowrap; text-align: right; font-weight: bold; padding-left: 1em; padding-right: 1em; } .navbox, .navbox-subgroup { background: var(--theme-page-background-color);/* #333333;    Background color */ } .navbox-list { border-color: var(--theme-page-background-color);/*#333333;  Must match background color */ } .navbox-title, table.navbox th { background: var(--theme-table-header-color); /*#ccccff;     Level 1 color */ } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--theme-page-background-color--secondary);/* #ddddff;    Level 2 color */ } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--theme-page-background-color--secondary);/*#e6e6ff;     Level 3 color */ } .navbox-even { background: var(--theme-table-body-color);/* #f7f7f7;    Even row striping */ } .navbox-odd { background: var(--theme-table-body-altcolor);/* transparent; Odd row striping */ } .collapseButton {         /* 'show'/'hide' buttons created dynamically by the        */ float: right;         /* CollapsibleTables javascript in MediaWiki:Common.js */ font-weight: normal;  /* are styled here so they can be customised. */   text-align: right; width: auto; } .navbox .collapseButton { /* In navboxes, the show/hide button balances the vde links from */ width: 6em;           /* Template:Tnavbar, so they need to be the same width. */ }

/* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at NavFrame. */

div.Boxmerge, div.NavFrame { margin: 0px; padding: 4px; border: 1px solid var(--theme-border-color); text-align: center; border-collapse: collapse; font-size: 95%; } div.Boxmerge div.NavFrame { border-style: none; border-style: hidden; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: var(--theme-body-text-color); /*#fff;*/ margin: 0px; padding: 2px; float: left; } div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: var(--theme-table-header-color); position:relative; } div.NavFrame p { font-size: 100%; } div.NavFrame div.NavContent { font-size: 100%; } div.NavFrame div.NavContent p { font-size: 100%; } div.NavEnd { margin: 0px; padding: 0px; line-height: 1px; clear: both; } a.NavToggle { position:absolute; top:0px; right:3px; font-weight:normal; font-size:smaller; }

.lightlinks a { color:#CCE; } .lightlinks a.new {color:#FBB!important;} .darklinks a { color:#33A; } .whitelinks a { color:#FFF; } .whitelinks a.new {color:#FFF!important;} .blacklinks a { color:#000; } .underlinelinks a { text-decoration:underline; } .boldlinks a {font-weight: bold;} /**************************************************************************************************/                                 /* Diff Skin Alterations */ .diff-addedline { border: none !important; background-color: #c2edcc !important; color: #263329!important; padding: 9px 1px 6px 5px !important; margin-top: 2px!important; margin-bottom: 2px!important; } .diff-addedline:hover { border: 1px solid #5DCC72 !important; background-color: #282828 !important; color: #6F6F6F !important; margin-top: 1px !important; margin-bottom: 1px !important; padding: 8px 0 5px 4px !important; }

.diff-deletedline { border: none !important; background-color: #FFBABA !important; color: #33262A !important; padding: 9px 1px 6px 5px !important; margin-top: 2px!important; margin-bottom: 2px!important; } .diff-deletedline:hover { border: 1px solid #ED8080 !important; background-color: #282828 !important; color: #6F6F6F !important; margin-top: 1px !important; margin-bottom: 1px !important; padding: 8px 0 5px 4px !important; }

.diff-context { border: none !important; background-color: var(--theme-page-background-color)/*#272727*/ !important; margin: 2px 1px 2px 1px!important; color: #4F4F4F !important; padding: 9px 1px 6px 5px !important;

} .diff-context:hover { border: 1px solid #9f9f9f !important; background-color: var(--theme-page-background-color)/*#272727*/ !important; margin: 1px 0px 1px 0px!important; color: #9F9F9F !important; padding: 8px 0 5px 4px !important;

}

td.diff-addedline .diffchange { border-radius: 8px !important; padding-top: 2px; padding-bottom: 2px; height: 14px !important; background-color:#5DCC72 !important; color: #000 !important; }

td.diff-deletedline .diffchange { border-radius: 8px !important; padding-top: 2px; padding-bottom: 2px; background-color: #ED8080 !important; color:black!important; }

.diff-marker { color: var(--theme-accent-color)/*#FEC356*/; }

.diff.diff-contentalign-left { background-color:rgba(0, 0, 0, 0.0); padding: 10px; }

.diff-lineno { background-color: var(--theme-accent-color)/*#FEC356*/ !important; color: #000; text-align: center; }

/**************************************************************************************************/                                 /* Miscellaneous Alterations */ /* Removing damn video captions */ .noCaption .article-thumb figcaption { display:none; } /* Use to work */

/* Recent changes byte indicators */ .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; }

/* quote boxes */ .quotebox { /* border: 1px solid #523F35; background:#222222; */ -moz-border-radius: 1em; border-radius: 1em; -webkit-border-radius: 1em; display: table; } .quotebox + .quotebox { margin:1em 0 0 0; } .quotebox .leftquote { color: var(--theme-accent-color)/*#FEC356*/; font-size: 3em; font-family: Times New Roman, serif; font-weight: bold; text-align: left; padding:0.3em 0 0 0.3em; } .quotebox .rightquote { color: var(--theme-accent-color)/*#FEC356*/; font-size: 3em; font-family: Times New Roman, serif; font-weight: bold; text-align:right; padding:0 0.3em 0 0; } .quotebox .quote { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; padding: 1em 0.2em 0 0.2em; line-height: 1.6em; width: 100%; } .quotebox .attribution { text-align: right; padding: 0em 1em 0.4em 0; font-weight: bold; font-style: oblique; }

/* poll colors */ .pollAnswerVotes div { background: #825118 !important; } .pollAnswerVotes { border: 1px solid #888 !important; }

/** Custom tags for profiles **/ a.tag {color: inherit;}

/* Timed Slider Styles */ /* http://dev.wikia.com/wiki/TimedSlider */

/* hide all slides */ .ts-container .ts-slide { display: none; } /* show slide that has class="ts-active" */ .ts-container .ts-active { display: block; } /* support inline slides as well */ .ts-container.ts-container-inline .ts-active { display: inline; }

/* Prevent scrollbox behavior when there are mulitple editintro templates. */ .editpage-intro > .editpage-intro-wrapper { max-height: 100%; }

/* Scrollbox fixes */ .rellink { font-style: italic; } .rellink i { font-style: normal; } .scrollbox { margin-bottom:3px; margin-top:3px; } .scrollbox tr > td { background: transparent; } .scrollbox tr > td > div { overflow: auto; -moz-border-radius-topleft: 0.5em; border: 1px solid #AAAAAA; padding-left: 0.5em; background: transparent; }

/* Edit Summaries box alterations */ border-radius: 3px; padding: 1px 2px; width: 262px; background-color: var(--theme-page-background-color)/*#272727*/ !important; /* Background color of box */ border: 1px solid var(--theme-border-color)/*#555555*/ !important; /* Border around the box */ color: var(--theme-page-text-color)/*white*/; /* Font color */ margin-bottom: 4px; /* Anything underneath is moved further away */ }
 * 1) stdSummaries {


 * 1) stdSummaries:focus {border: 2px solid #E5A814 !important;}
 * 2) wpSummary:focus   {border: 2px solid #E5A814 !important;}

/* Center heading on modules */ .WikiaRail .module h2 {text-align:center;} /* h2 settings in general */ .WikiaArticle h2 {border-bottom: 2px solid var(--theme-border-color)/*white*/;}
 * 1) wkRelPagHead   {border-bottom: 2px solid var(--theme-border-color)/*white*/;}

/* Upgrading Tabber Aesthetics */ /*****WARNING!! The wds.tabber impacts local & sticky navigation menu items as well as in-page tabbers. Style carefully with specificity!*****/

.page-content ul.wds-tabs { /* Color of the tabber bar */ background-color:rgba(var(--theme-sticky-nav-background-color--rgb),0.75)/*transparent*/; /* gradient on tabbers without overflow (L>R arrows)-webkit-mask-image: linear-gradient(90deg,transparent,var(--theme-page-dynamic-color-1) 30%,var(--theme-page-dynamic-color-1) 70%,transparent);*/ } /*ACTIVE TABBER*/ .wds-tabs__tab.wds-is-current { /* Active button color */ background-color: rgba(var(--theme-accent-color--rgb),0.85); /* Active font color */ color: var(--theme-page-dynamic-color-1); padding-bottom:2px; } .wds-tab__content.wds-is-current { padding-top: 18px; background-color: rgba(var(--theme-accent-color--rgb),0.1); } .wds-tabber:not(.pi-image-collection) .wds-tabs__tab.wds-is-current { /* Active top border radii (not on Portable Infobox tabbers) */ border-top-left-radius: 10px; border-top-right-radius: 10px; }   .pi-image-collection .wds-tabs__tab.wds-is-current  { /* Active bottom border radii (only on Portable Infobox tabbers) */ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } /* View Source Background Color Changes */ background-color:var(--theme-page-background-color)/*#272727*/; color: var(--theme-page-text-color)/*white*/; border: 2px solid var(--theme-border-color)/*white*/ !important; }   color:var(--theme-accent-color)/*#FEC356*/; }
 * 1) WikiaArticle #source-code {
 * 1) WikiaArticle #source-code a {

/* Wikia Rail Adjustments */ background-color: var(--theme-body-background-color)/*#272727*/; }
 * 1) WikiaRail .community-page-entry-point-button {

/* 20/4/17 RAIL FIXES */ section#wikia-recent-activity.rail-module.activity-module {	/*Still valid in UCX*/ padding: 15px; background-color: var(--theme-body-background-color)/*#2D2D2D*/; border: 1px solid var(--theme-border-color)/*#525252*/; margin: -8px -1px 20px -1px; }

section.rail-module.recirculation-unit.premium-recirculation-rail {	/*Still valid in UCX*/ /*e.g. Popular Pages*/ padding: 15px; background-color: var(--theme-body-background-color)/*#2D2D2D*/; border: 1px solid var(--theme-border-color)/*#525252*/; margin: -8px -1px 20px -1px; } section.community-page-rail-module { padding: 15px; background-color: var(--theme-body-background-color)/*#2D2D2D*/; border-top: 1px solid var(--theme-border-color)/*525252*/; margin: 15px -1px 20px -1px; }

/* Hover effects in Special:Images and article galleries */ li.gallerybox div.thumb:hover { transform: scale(1.05,1.05); transition: ease-in-out 0.2s; } li.gallerybox div.thumb { transition: ease-in-out 0.1s; }

div.wikia-gallery-item .thumb:hover { transform: scale(1.05,1.05); transition: ease-in-out 0.2s; } div.wikia-gallery-item .thumb { transition: ease-in-out 0.1s; } .portable-infobox .pi-data-label { box-sizing: content-box; } /*Infobox bordering - move to portableinfobox.css to avoid conflicts? */ .portable-infobox .pi-item.pi-header, .portable-infobox .pi-item.pi-image, .portable-infobox .pi-item.pi-title { border-bottom-width: 1px; border-bottom-style: solid; border-top-width: 1px; border-top-style: solid; border-color: rgb(170, 170, 170); } /*remove length restriction on sub menus of the wiki navigation and sticky-nav menus, prevents word wrapping except at extremely narrow viewprot */ .fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content, .fandom-community-header__local-navigation .wds-dropdown__content { max-width: unset; }

/* featured video banner */ .featured-video__wrapper:after, .featured-video.is-collapsed .featured-video__player-container:after { content: 'The above video was added by FANDOM staff, not the editors of this site. Its content may not accurately represent the content of this article.' !important; background: var(--theme-page-background-color)/*#3C3C3C*/; text-align: center !important; border: 2px solid var(--theme-accent-color)/*#FEC356*/; border-radius: 0; margin-top: .5em !important; padding: .5em !important; display: block !important; }

/* --- Quotes --- */ .page-content .quotetext { color: var(--theme-body-text-color--hover); } .wikia-gallery-caption-below .lightbox-caption { color: var(--theme-page-text-color) !important; } /*Wikiabar (bottom toolbar) anonymous unsigned-in user button format workaround fix */ .WikiaBarWrapper .wikia-bar .wikiabar-button { height: auto; margin-left: 1em; } /* ****** Classes to support Lifeinvader replica profiles in templates ***** */ .lifeinvader .page-content ul.wds-tabs a { /* tabber bar */ background-color: white; color: maroon; padding-left: 10px; padding-right: 10px; padding-bottom: 2px; flex-flow: row nowrap; overflow-x: visible; justify-content: flex-end; align-items: stretch; border: none; } .lifeinvader ul.wds-tabs { background-color:transparent; } /* Custom cursor - replicate in-game cursur - active only within Lifeinvader page divs */ .lifeinvader a:link { cursor: url('https://vignette.wikia.nocookie.net/gtawiki/images/b/b5/Cursor-GTAWiki-Active.png/revision/latest?cb=20190922225740') 9 1, auto !important; } .lifeinvader a:visited { cursor: url('https://vignette.wikia.nocookie.net/gtawiki/images/b/b5/Cursor-GTAWiki-Active.png/revision/latest?cb=20190922225740') 9 1, auto !important; } .lifeinvader a:hover { cursor: url('https://vignette.wikia.nocookie.net/gtawiki/images/b/b5/Cursor-GTAWiki-Active.png/revision/latest?cb=20190922225740') 9 1, auto !important; } .lifeinvader a:active { cursor: url('https://vignette.wikia.nocookie.net/gtawiki/images/b/b5/Cursor-GTAWiki-Active.png/revision/latest?cb=20190922225740') 9 1, auto !important; } .lifeinvader .wds-tabs__tab { flex: 25%; text-align: center; background-color: white; } .lifeinvader .wds-tabs__tab-label { color: maroon; } .lifeinvader .wds-tabs__tab-label:hover { color: red; } .lifeinvader .wds-tabs__wrapper.with-bottom-border { border: none; } .lifeinvader .wds-tabs__tab.wds-is-current { background-color: white; color: maroon; box-shadow: none; } .lifeinvader .wds-tab__content.wds-is-current { padding-top: 10px; background-color: transparent; } .lifeinvadermessage { border: 2px solid rgb(238,205,205); padding: 2px; vertical-align:top; text-align:left; color: black; background-color:white; width: 100%; } .lifeinvadermessage:hover { border:2px solid maroon; } .lifeinvadermessage .lih3 { color: maroon; font-size: 1em; padding-top: 10px; font-weight: normal; line-height: 1.25em; } .lifeinvadermessage .lih4 { color: grey; font-size: 1em; font-weight: normal; line-height: 1.125em; } .lifeinvadermessage .litxt { color: black; font-size: 1em; font-weight: normal; line-height: 1em; } .lifeinvadermessage .lih3 a { color: maroon; } .lifeinvadermessage .mw-collapsible-toggle { float: left; background-color: transparent; padding: 1px; text-align: left; } .lifeinvadermessage .mw-collapsible-toggle a:hover, .lifeinvadermessage .mw-collapsible-toggle a:focus, .lifeinvadermessage .mw-collapsible-toggle a:active { color: black; } .lifeinvadermessage .mw-collapsible-toggle a { color: grey; transition: color 300ms; } /* **** Definitive Edition Custom classes **** */ /* ****** Classes to support Definitive Edition Tabber styling ***** */ .definitiveedition { -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-left-radius: 4px; padding: 0.5em 0; height:auto; margin-bottom: 0; border-bottom: 0; background-color: var(--theme-page-accent-mix-color); font-size:75%; background-image: linear-gradient(var(--theme-page-accent-mix-color), var(--theme-page-background-color) 35%); float:right; width:302px; border: 1px solid var(--theme-border-color); } .definitiveedition.page-content ul.wds-tabs a { /* tabber bar */ background-color: var(--theme-page-accent-mix-color); padding-left: 0.5em; padding-right: 0.25em; padding-bottom: 0; flex-flow: row nowrap; overflow-x: hidden; justify-content: flex-end; align-items: stretch; } .definitiveedition ul.wds-tabs { background-color:var(--theme-page-accent-mix-color); } .definitiveedition .wds-tabs__tab-label:hover { color: var(--theme-accent-color--hover); } .definitiveedition .wds-tabs__tab.wds-is-current { box-shadow: none; font-size:90%; color: var(--theme-accent-label-color); background-color: var(--theme-accent-color); } .definitiveedition .wds-tab__content.wds-is-current { padding-top: 5px; background-color: var(--theme-accent-color); } .definitiveedition .pi-image-collection .wds-tabs__tab.wds-is-current { /* Active bottom border radii (only on Portable Infobox tabbers) */ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 0; border-top-right-radius: 0; } .definitiveedition .wds-tabs__tab.wds-is-current .wds-tabber:not(.pi-image-collection) { /* Active top border radii (not on Portable Infobox tabbers) */ border-top-left-radius: 10px; border-top-right-radius: 10px; } /* themed border/frame for GTA Online: The Contract DLC */ .contractframe { border: 1px solid transparent; border-image-slice: 500; border-image-width: 6rem; border-image-source: url(https://static.wikia.nocookie.net/gtawiki/images/2/2b/TheContract-GTAOe-ThemedBorder.png); } /*News horizontal tickers*/ .tickers { text-transform:uppercase; font-family:'Courier New', monospace; font-size:1em; display: inline-block; white-space: nowrap; animation: floatText 45s infinite linear; padding-left: 100%; /*Initial offset*/ color:var(--theme-accent-color); }

.tickers:hover { animation-play-state: paused; }

@keyframes floatText { to { transform: translateX(-100%); } }