MediaWiki:Common.css

/** CSS placed here will be applied to all skins */ /* Turn off some irrelevant MediaWiki help page links */ .mw-indicators { display:none; } /* Infobox template style */ .infobox { border: 1px solid #aaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; /* margin-left: 0.5em; */	padding: 0.2em; float: right; clear: right; } .infobox td,.infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered td,.infobox.bordered th { border: 1px solid #aaa; } .infobox.bordered .borderless td,.infobox.bordered .borderless th { border: 0; } .infobox.sisterproject { width: 20em; font-size: 90%; } @media print { .infobox.sisterproject { display: none; } } /* styles for bordered infobox with merged rows */ .infobox.bordered .mergedtoprow td,.infobox.bordered .mergedtoprow th { border: 0; border-top: 1px solid #aaa; border-right: 1px solid #aaa; } .infobox.bordered .mergedrow td,.infobox.bordered .mergedrow th { border: 0; border-right: 1px solid #aaa; } /* Standard Navigations Documentation at NavFrame. */ div.Boxmerge,div.NavFrame { margin: 0px; margin-left: 0em; padding: 4px; border: 0px solid #aaa; 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: #fff; margin: 0px; padding: 2px; float: left; } div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: #D7D8DB; 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; } div.Boxmerge,div.MainPageNavFrame { margin: 0px; padding: 4px; border: 0px solid #aaa; text-align: center; border-collapse: collapse; font-size: 95%; } div.MainPageNavHead { height: 1.6em; font-weight: bold; background-color: transparent; position:relative; } /* Hide title */ body.page-Main_Page h1.firstHeading { display:none; } /* Recentchanges stuff */ li #credits { white-space: normal; } .headbare h1, .headbare h2 { border-bottom: none; } .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; } /* Wikitable (Prettytable) class for skinning normal tables */ table.wikitable,table.prettytable { margin: 1em 1em 1em 0; background: #f9f9f9; border: 1px #aaaaaa solid; border-collapse: collapse; empty-cells: show; } table.wikitable th, table.wikitable td,table.prettytable th, table.prettytable td { border: 1px #aaaaaa solid; padding: 0.2em 0.4em; } table.wikitable th, table.wikitable td.hl3, table.wikitable th.hl3,table.prettytable th, table.prettytable td.hl3, table.wikitable th.hl3 { background: #8da7d6; text-align: center; } table.wikitable td.hl1, table.wikitable th.hl1,table.prettytable td.hl1, table.wikitable th.hl1 { background: #c5d8fc; text-align: center; } table.wikitable td.hl2, table.wikitable th.hl2,table.prettytable td.hl2, table.wikitable th.hl2 { background: #a7c1f2; text-align: center; } table.wikitable caption,table.prettytable caption { margin-left: inherit; margin-right: inherit; } /* Infoboxes */ .infobox_table_headings { height:20px; background:#F1F1F1; font-weight: bold; padding:0 0 0 5px; } .infobox_table_content { padding:5px 10px 10px 10px; font-size:90%; text-align:justify; } /* General Infoboxes */ .general_info_table { padding:5px; background:#F1F1F1; } .general_info_headings { padding-left:5px; background:#F1F1F1; font-weight: bold; } .general_info_labels { font-size:80%; width:30%; padding:3px; background:#F8F8F8; border-bottom:1px solid #CCCCCC; } .general_info_values { padding:3px; background:#FFF; border-bottom:1px solid #CCCCCC; } .infobox_table_headings { height:20px; background:#F1F1F1; font-weight: bold; padding:0 0 0 5px; } .infobox_table_content { padding:5px 10px 10px 10px; font-size:90%; text-align:justify; } /* Images */

/* General purpose "pretty (data) tables" */ table.datatable { background-color: transparent; } table.datatable th, table.datatable td { padding: 4px; } table.datatable th { text-align: left; background-color: #d87093; } table.datatable tr { background-color: #ccccff; } table.datatable tr:hover { background-color: #e3e6ff; }

/* Navigation table*/ .NavigationTable { background-color: #EBEBEB; background-image: url(https://ffxiv.gamerescape.com/w/images/a/a4/NavigationTablebg.jpg); background-repeat: repeat-y; }	padding:0px 0px 25px 0px; }
 * 1) recent-all {

/* Gamer Escape tables */ table.datatable-GEtable,table.GEtable { border-collapse:ge-collapse; background-color: transparent; border-spacing:1px; } table.datatable-GEtable th,table.GEtable th, table.datatable td { font-weight: bold; color:#ffffff; border-spacing:1px; padding: 0px; } table.datatable-GEtable th,table.GEtable th { text-align: left; background-color: #7F7474; } table.datatable-GEtable tr,table.GEtable tr { border: 1px solid black; background-color: #D7D8DB; } table.datatable-GEtable tr:hover,table.GEtable tr:hover { background-color: #EBECF0; } table.datatable-GEtable a:link { color:#0645AD; } table.datatable-GEtable a:visited { color:#0B0080; } table.datatable-GEtable a:active { color:#faa700; } table.datatable-GEtable a:hover { text-decoration: underline; } table.datatable-GEtable a.new { color:#CC2200; } table.datatable-GEtable a.new:visited { color:#A55858; } /* Gamer Escape tables 2 */ table.datatable-GEtable2,table.GEtable2 { border-collapse:collapse; background-color: transparent; } table.datatable-GEtable2 th,table.GEtable2 th, table.datatable td { font-weight: bold; color:#000000; padding: 3px; } table.datatable-GEtable2 th,table.GEtable2 th { text-align: left; background-color: #EBECF0; } table.datatable-GEtable2 tr,table.GEtable2 tr { border: 0px solid black; background-color: #FFFFFF; padding: 3px; } table.datatable-GEtable2 tr:hover,table.GEtable tr:hover { background-color: #FFFFFF; } /* Gamer Escape tables 3 */ table.datatable-GEtable3,table.GEtable { border-collapse:collapse; background-color: transparent; border-spacing:1px; } table.datatable-GEtable3 th,table.GEtable th, table.datatable td { font-weight: bold; color:#ffffff; border-spacing:1px; padding: 0px; } table.datatable-GEtable3 th,table.GEtable th { text-align: left; background-color: #636363; } table.datatable-GEtable3 tr,table.GEtable tr { font-weight: normal; color:#000000; border: 1px solid black; background-color: #D7D8DB; } table.datatable-GEtable3 tr:hover,table.GEtable tr:hover { font-weight: normal; color:#000000; background-color: #EBECF0; } table.datatable-GEtable3 a:link { color:#0000EE; } table.datatable-GEtable3 a:visited { color:#551A8B; } table.datatable-GEtable3 a:active { color:#faa700; } table.datatable-GEtable3 a:hover { text-decoration: underline; } table.datatable-GEtable3 a.new { color:#0000EE; } table.datatable-GEtable3 a.new:visited { color:#551A8B; }

/* Default skin for navigation boxes */ table.navbox { /* Navbox container style */ border: 1px solid #aaa; 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: #fdfdfd; /* Background color */ } .navbox-list { border-color: #fdfdfd; /* Must match background color */ } .navbox-title,table.navbox th { background: #D7D8DB; /* Level 1 color */ } .navbox-abovebelow,.navbox-group,.navbox-subgroup .navbox-title { background: #E6E6E6; /* Level 2 color */ } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #EDEDED; /* Level 3 color */ } .navbox-even { background: #EBEBEB; /* Even row striping */ } .navbox-odd { background: transparent; /* Odd row striping */ } .collapseButton { /* 'show'/'hide' buttons created dynamically */ float: right; /* by the CollapsibleTables javascript in */ font-weight: normal; /* MediaWiki:Common.jsare styled here */ text-align: right; /* so they can be customised. */	width: auto; } .navbox .collapseButton { /* In navboxes, the show/hide button balances */ width: 6em; /* the vde links from Template:Tnavbar, */ } /* so they need to be the same width. */ div.transboxheader{ width:100%; height:90px; margin:0px 0px; background-color:#ffffff; border:0px solid black; /* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6; }

/* FFXIV Box*/ .xivbox { min-width: 100px; max-width: 950px; background: url("https://ffxiv.gamerescape.com/w/images/1/1d/Box-bg.png"); } .xivbox div.content { color: white; padding-top: 25px; padding-right: 25px; } .xivbox div.tl { display:block; background: url("https://ffxiv.gamerescape.com/w/images/9/94/Box-tl.png") top left no-repeat; } .xivbox div.tr { display:block; background: url("https://ffxiv.gamerescape.com/w/images/4/41/Box-tr.png") top right no-repeat; margin-left:27px; } .xivbox div.bl { display: block; background: url("https://ffxiv.gamerescape.com/w/images/f/ff/Box-bl.png") bottom left no-repeat; margin-top: -19px; height: 45px; } .xivbox div.br { display: block; background: url("https://ffxiv.gamerescape.com/w/images/8/88/Box-br.png") bottom right no-repeat; height: 45px; margin-left:27px; } /* Allow limiting of which header levels are shown in a TOC; , for instance, will limit toshowing ==headings== and ===headings=== but no further(as long as there are no =headings= on the page, whichthere shouldn't be according to the MoS).*/ .toclimit-2 .toclevel-1 ul,.toclimit-3 .toclevel-2 ul,.toclimit-4 .toclevel-3 ul,.toclimit-5 .toclevel-4 ul,.toclimit-6 .toclevel-5 ul,.toclimit-7 .toclevel-6 ul { display: none; } p.invisible{ display:none; visibility:hidden; }

/* Itembox*/ .itembox { background-image: url(https://ffxiv.gamerescape.com/w/images/8/8b/Itembg.png),url(https://ffxiv.gamerescape.com/w/images/8/8b/Itembg.png); background-repeat: repeat; background-clip:padding-box; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin-bottom: 5px; -webkit-border-image:url("https://ffxiv.gamerescape.com/w/images/6/6f/Itembgborder.png") 7 7 round; /* Safari 5 */ -webkit-border-image:url("https://ffxiv.gamerescape.com/w/images/6/6f/Itembgborder.png") 7 7 round; /* Safari 5 */ -o-border-image:url("https://ffxiv.gamerescape.com/w/images/6/6f/Itembgborder.png") 7 7 round; /* Opera */ border-image:url("https://ffxiv.gamerescape.com/w/images/6/6f/Itembgborder.png") 7 7 round; } .shadowed { -moz-box-shadow: 3px 7px 12px #000000; -webkit-box-shadow: 3px 7px 12px #000000; box-shadow: 3px 7px 12px #000000; } .padded { padding-left:50px; } .indented { padding-left:3px; } .itembox a:link { color:#A3C7F0; } .itembox a:visited { color:#A3C7F0; } .itembox a:active { color:#FAA700; } .itembox a:hover { text-decoration: underline; } .itembox a.new { color:#D45137; } .itembox a.new:visited { color:#D45137; } .rightbox { float:right; width:96%; background-color:#EBECF0; padding: 5px; border:1px solid #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .rightbox a:link { color:#0645AD; } .rightbox a:visited { color:#0B0080; } .rightbox a:active { color:#faa700; } .rightbox a:hover { text-decoration: underline; } .rightbox a.new { color:#CC2200; } .rightbox a.new:visited { color:#A55858; }	background: -moz-linear-gradient(left, rgba(0,0,0,1) 72%, rgba(0,0,0,0.53) 79%, rgba(48,70,88,0) 87%, rgba(125,185,232,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(72%,rgba(0,0,0,1)), color-stop(79%,rgba(0,0,0,0.53)), color-stop(87%,rgba(48,70,88,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(0,0,0,1) 72%,rgba(0,0,0,0.53) 79%,rgba(48,70,88,0) 87%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(0,0,0,1) 72%,rgba(0,0,0,0.53) 79%,rgba(48,70,88,0) 87%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(0,0,0,1) 72%,rgba(0,0,0,0.53) 79%,rgba(48,70,88,0) 87%,rgba(125,185,232,0) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(0,0,0,1) 72%,rgba(0,0,0,0.53) 79%,rgba(48,70,88,0) 87%,rgba(125,185,232,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */ } /* make the Cite extension list of references look smaller and highlight clicked reference in blue */ ol.references { font-size: 90%; } ol.references li:target { background-color: #ddeeff; } sup.reference:target { background-color: #ddeeff; } /* remove underline on a class of links */ .lorelink a { color: #000000; text-decoration: none; } .loreht p { color: #000000; text-decoration: none; } /* Make the list of references smaller */ ol.references,div.reflist,div.refbegin { font-size: 90%; /* Default font-size */ margin-bottom: 0.5em; } div.refbegin-100 { font-size: 100%; /* Option for normal fontsize in 'refbegin' template */ } div.reflist ol.references { font-size: 100%; /* Reset font-size when nested in div.reflist */ list-style-type: inherit; /* Enable custom list style types */ } div.reflist-three-col { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; } div.reflist-two-col { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; } /* css to make the background cells on the "Experience Points/Chart" page alternate color - Hezkezl */ .exptable tr:nth-child(even) { background-color: #D4D6CB; font-weight:bold; text-align: center; } .exptable tr:nth-child(odd) { background-color: #E5E7D9; font-weight:bold; text-align: center; } /* Loremonger Quote - Hezkezl*/ .bubble:nth-of-type(even) { position: relative; background-color:#e2e2e2; margin: 0; padding:10px; border-radius:10px; box-shadow: 0px 0 3px rgba(0,0,0,0.25); } .bubble:nth-of-type(odd) { background-color:#B9B9B9; margin: 0; padding:10px; border-radius:10px; box-shadow: 0px 0 3px rgba(0,0,0,0.25); } .bubble:after { position: absolute; display: block; content: “”; border-color: #eee transparent transparent transparent; border-style: solid; border-width: 10px; height:0; width:0; position:absolute; bottom:-19px; left:1em; } .bubble a { text-decoration:none; } /* Make the category lists smaller and fixed height*/ .catlinks { font-size: 90%; max-height: 5em; overflow:auto; }
 * 1) itemlevelfade {

/* Changing Header text color to WHITE for use on dark backgrounds. H1 is not used. */ .whiteheaders h2 { color: #FFFFFF; } .whiteheaders h3 { color: #FFFFFF; } .whiteheaders h4 { color: #FFFFFF; } .whiteheaders h5 { color: #FFFFFF; } .whiteheaders h6 { color: #FFFFFF; }

/* Changing expand/collapse text color to WHITE for use on dark backgrounds. H1 is not used. */ .data-expandtext { color: #FFFFFF; } /* Collapse Toggle container */ display: table; border-collapse: collapse; width: 100%; }	display: table-row; } /* Collapse Header should be on the left */ display: table-cell; vertical-align: middle; padding: 5px; } /* Collapse indicator image should be inline. align wherever you would like */ display: table-cell; vertical-align: middle; padding: 5px; text-align: right; } /* Collapse indicator image size should be something sane*/ height: 20px !important; width: 20px !important; } /* Collapse indicator image should rotate when toggled*/ /* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg); /* IE */ -ms-transform: rotate(90deg); /* Opera */ -o-transform: rotate(90deg); /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } /**************************************************** ** Responsive Main Page ** ****************************************************/ box-sizing: border-box; --color-accent: #be2819; }	box-sizing: inherit; } /** News Section*/ display: flex; flex-wrap: wrap; }	margin-bottom: 1em; padding: 1em; padding-top: 0; flex-grow: 1; max-width: 50%; color: white; }	color: inherit; }	margin-right: .5em; }	margin-left: .5em; }	list-style: none; margin-left: 0; }	color: var(--color-accent); font-weight: bold; }	content: "["; }	content: "]"; } /* There's a "min-width: 1200px" breakpoint on the WP skin */ @media (max-width: 1199px) { #wrapper-main_page #news div { max-width: none; }	#wrapper-main_page #news > div:first-child,#wrapper-main_page #news > div:last-child { margin: 0; margin-bottom: 1em; } } /** Features*/ display: flex; justify-content: space-evenly; flex-wrap: wrap; }	border-radius: 5px 0 0 5px; }	border-radius: 0 5px 5px 0; } /** Statistics*/ padding: 1em; padding-top: 0; margin-top: 1em; color: white; }	color: inherit; } /** Quick Links*/ display: flex; flex-wrap: wrap; justify-content: center; }	width: 100%; }	background-color: var(--color-accent); padding-left: .5em; color: white; font-size: 110%; font-family: Play; }	/* hard-coded since I can't get it to work with a template* { {			filepath:{ {					PAGENAME:File:Map27_Icon.png }			}		}	}	* -> url("/w/{		{			filepath:{				{					PAGENAME:File:Map27_Icon.png }			}		}	}	")*/ list-style-image: url("/w/images/4/46/Map27_Icon.png"); }	list-style-image: url("/w/images/6/64/Map28_Icon.png"); } /**************************************************** ** End Responsive Main Page ** ****************************************************/
 * 1) collapse-pre-one .mw-collapsible-toggle{
 * 1) collapse-pre-one .mw-collapsible-toggle-row{
 * 1) collapse-pre-one .mw-collapsible-toggle .mw-collapsible-toggle-header{
 * 1) collapse-pre-one .mw-collapsible-toggle .mw-collapsible-toggle-indicator{
 * 1) collapse-pre-one .mw-collapsible-toggle .mw-collapsible-toggle-indicator img{
 * 1) collapse-pre-one:not(.mw-collapsed) .mw-collapsible-toggle .mw-collapsible-toggle-indicator img{
 * 1) wrapper-main_page {
 * 1) wrapper-main_page *,#wrapper-main_page *:before,#wrapper-main_page *:after {
 * 1) wrapper-main_page #news {
 * 1) wrapper-main_page #news > div {
 * 1) wrapper-main_page #news h2,#wrapper-main_page #news li a {
 * 1) wrapper-main_page #news > div:first-child {
 * 1) wrapper-main_page #news > div:last-child {
 * 1) wrapper-main_page #news ul {
 * 1) wrapper-main_page #news time {
 * 1) wrapper-main_page #news time::before {
 * 1) wrapper-main_page #news time::after {
 * 1) wrapper-main_page #features {
 * 1) wrapper-main_page #features a:first-child img {
 * 1) wrapper-main_page #features a:last-child img {
 * 1) wrapper-main_page #statistics {
 * 1) wrapper-main_page #statistics h2 {
 * 1) wrapper-main_page #quicklinks {
 * 1) wrapper-main_page #quicklinks h2 {
 * 1) wrapper-main_page #quicklinks h3 {
 * 1) wrapper-main_page #quicklinks li {
 * 1) wrapper-main_page #quicklinks li:last-child {

/* Standardizes edit bracket sizes */ .mw-editsection-bracket { vertical-align: middle; font-size: smaller; } .ltr .mw-editsection { vertical-align: sub; font-size: smaller; } .rtl .mw-editsection { vertical-align: sub; font-size: smaller; } /*Standard tabber */ .tabbernav { font-family: inherit /*!important*/ ;	font-weight: normal /*!important*/ ;	font-size: 10px /*!important*/ ;	border-bottom: 3px solid #cc9f2e !important; padding: 0.3em 0 /*!important*/ ; } .tabbernav a { padding: 0.3em 0.5em /*!important*/ ;	margin: 0 /*!important*/ ;	color: #cc9f2e !important; border: none !important; background: transparent !important; } .tabberactive a { color: white !important; background: #777777 !important; border-radius: 3px 3px 0px 0px; } .tabbernav :not(.tabberactive) a:hover { background: #e0e0e0 !important; color: black !important; } .tabbertab { /* border: none !important; If you take this out, then a "|___|" will appear around the tabcontent*/ padding: 0 /*!important*/ ; } /*END Standard tabber */ /* vertical tabber */ .tab-vertical .tabberlive { display: table; width: 100%; } .tab-vertical .tabbernav { display: table-cell; width: 20px; padding: 0; vertical-align: top; border-bottom: none !important; } .tab-vertical .tabbernav a { display: block; margin: 0; border: none; padding: 2px; font-size: 10px; background: transparent ; } .tab-vertical .tabbertab { display: table-cell; border: none; padding: 0em 1em; } .tab-vertical .tabbertab p:nth-child(2){ margin-top: 0; } .tab-vertical .tabberactive a { background: #777777 !important; color: white !important; border-radius: 3px; } .tab-vertical .tabbernav .tabberactive a:hover{ background-color: #e0e0e0 !important; } .tab-vertical .tabbernav :not(.tabberactive) a:hover { background: #dee9ed !important; } /* END vertical tabber */ /* dark tabber */

.tab-dark .tabberlive { display: table; width: 100%; }

.tab-dark .tabbernav { font-family: inherit /*!important*/	; font-weight: heavy /*!important*/	; border-bottom: 3px solid #545454 !important; padding: 0.3em 0 /*!important*/	; font-size: 12px /*!important*/	; } .tab-dark .tabbernav a { padding: 0.3em 0.5em /*!important*/	; margin: 0 /*!important*/	; color: #545454 !important; border: none !important; background: transparent !important; } .tab-dark .tabberactive a { color: white !important; background: #777777 !important; border-radius: 3px 3px 0px 0px; } .tab-dark .tabbernav :not(.tabberactive) a:hover { background: #bfbfbf !important; color: black !important; } .tab-dark .tabbertab { /* border: none !important; If you take this out, then a "|___|" will appear around the tabcontent*/ padding: 0 /*!important*/	; } /* END dark tabber */