MediaWiki:Common.css
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/** CSS placed here will be applied to all skins */
/* Turn off some irrelevant MediaWiki help page links */
.mw-indicators {
display:none;
}
/* Admins & Staff */
table.diff a[title="User:Alhanalem"], ul#pagehistory li a[title="User:Alhanalem"], ul.special li a[title="User:Alhanalem"],
table.diff a[title="User:Anwyll"], ul#pagehistory li a[title="User:Anwyll"], ul.special li a[title="User:Anwyll"],
table.diff a[title="User:Charitwo"], ul#pagehistory li a[title="User:Charitwo"], ul.special li a[title="User:Charitwo"],
table.diff a[title="User:delmontyb"], ul#pagehistory li a[title="User:delmontyb"], ul.special li a[title="User:delmontyb"],
table.diff a[title="User:Fusionx"], ul#pagehistory li a[title="User:Fusionx"], ul.special li a[title="User:Fusionx"],
table.diff a[title="User:Gahoo"], ul#pagehistory li a[title="User:Gahoo"], ul.special li a[title="User:Gahoo"],
table.diff a[title="User:Hezkezl"], ul#pagehistory li a[title="User:Hezkezl"], ul.special li a[title="User:Hezkezl"],
table.diff a[title="User:Urthdigger"], ul#pagehistory li a[title="User:Urthdigger"], ul.special li a[title="User:Urthdigger"],
table.diff a[title="User:Xenedra"], ul#pagehistory li a[title="User:Xenedra"], ul.special li a[title="User:Xenedra"]
{ font-weight: bold;
color:#E51937;
background-image: url(https://ffxiv.gamerescape.com/w/images/0/0b/Geiconsmall.png);
background-position: left center;
background-repeat: no-repeat;
height:16px;
padding-left: 16px; /* Or size of icon + spacing */
}
/* 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 [[Wikipedia: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.MainPageNavFrame 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 */
.town_photo {
padding:10px 10px 0 10px;
}
.town_photo img {
border:2px black solid;
}
.npc_photo {
padding:10px 10px 0 10px;
}
.npc_photo img {
border:2px black solid;
}
/* 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;
}
#recent-all {
padding:0px 0px 25px 0px;
}
/* General purpose red tables */
table.datatable-red { background-color: transparent; }
table.datatable-red th, table.datatable td { padding: 4px; }
table.datatable-red th { text-align: left; background-color: #F2746B; }
table.datatable-red tr { background-color: #F7BAC4; }
table.datatable-red tr:hover { background-color: #F0D1D6; }
/* General purpose blue tables */
table.datatable-blue { background-color: transparent; }
table.datatable-blue th, table.datatable td { padding: 4px; }
table.datatable-blue th { text-align: left; background-color: #969AFD; }
table.datatable-blue tr { background-color: #C3C5FF; }
table.datatable-blue tr:hover { background-color: #E5E6FF; }
/* General purpose orange tables */
table.datatable-orange { background-color: transparent; }
table.datatable-orange th, table.datatable td { padding: 4px; }
table.datatable-orange th { text-align: left; background-color: #FCC33E; }
table.datatable-orange tr { background-color: #FADFA0; }
table.datatable-orange tr:hover { background-color: #FDEFCF; }
/* General purpose green tables */
table.datatable-green { background-color: transparent; }
table.datatable-green th, table.datatable td { padding: 4px; }
table.datatable-green th { text-align: left; background-color: #8DE087; }
table.datatable-green tr { background-color: #B0D1AE; }
table.datatable-green tr:hover { background-color: #D1F0D3; }
/* General purpose yellow tables */
table.datatable-yellow { background-color: transparent; }
table.datatable-yellow th, table.datatable td, tr.datatable-yellow th { padding: 4px; }
table.datatable-yellow th, tr.datatable-yellow th { text-align: left; background-color: #E0D087; }
table.datatable-yellow tr { background-color: #F0EBD1; }
table.datatable-yellow .hover { background-color: #FFFAE1; }
/* Mob default tables */
table.datatable-mob { background-color: transparent; }
table.datatable-mob th, table.datatable td { padding: 4px; }
table.datatable-mob th { text-align: left; background-color: #E0D087; }
table.datatable-mob tr { background-color: #F0EBD1; }
table.datatable-mob tr:hover { background-color: #FFFAE1; }
table.datatable-mobNM { background-color: transparent; }
table.datatable-mobNM th, table.datatable td { padding: 4px; }
table.datatable-mobNM th { text-align: left; background-color: #F2746B; }
table.datatable-mobNM tr { background-color: #F7BAC4; }
table.datatable-mobNM tr:hover { background-color: #F0D1D6; }
table.datatable-mobevent { background-color: transparent; }
table.datatable-mobevent th, table.datatable td { padding: 4px; }
table.datatable-mobevent th { text-align: left; background-color: #72C26D; }
table.datatable-mobevent tr { background-color: #B0D1AE; }
table.datatable-mobevent tr:hover { background-color: #D1F0D3; }
table.datatable-mobquest { background-color: transparent; }
table.datatable-mobquest th, table.datatable td { padding: 4px; }
table.datatable-mobquest th { text-align: left; background-color: #6EAFDB; }
table.datatable-mobquest tr { background-color: #9FC8E3; }
table.datatable-mobquest tr:hover { background-color: #E5E6FF; }
/* Custom hover rows */
table tr.datarow-blue { background-color: #C3C5FF; }
table tr.datarow-blue:hover { background-color: #E5E6FF; }
table tr.datarow-orange { background-color: #FADFA0; }
table tr.datarow-orange:hover { background-color: #FDEFCF; }
table tr.datarow-green { background-color: #B0D1AE; }
table tr.datarow-green:hover { background-color: #D1F0D3; }
table tr.datarow-NM { background-color: #F7BAC4; }
table tr.datarow-NM:hover { background-color: #F0D1D6; }
table tr.datarow-Event { background-color: #B0D1AE; }
table tr.datarow-Event:hover { background-color: #D1F0D3; }
table tr.datarow-Normal { background-color: #F0EBD1; }
table tr.datarow-Normal:hover { background-color: #FFFAE1; }
table tr.datarow-Quest { background-color: #C7D7ED; }
table tr.datarow-Quest:hover { background-color: #E5E6FF; }
/* Merchant sales tables */
table.datatable-merchant { background-color: transparent; }
table.datatable-merchant th, table.datatable td { padding: 4px; }
table.datatable-merchant th { text-align: left; background-color: #C2C2C2; }
table.datatable-merchant tr { background-color: #CAEDE3; }
table.datatable-merchant tr:hover { background-color: #A1D4C5; }
/* Merchant listing tables */
table.datatable-merchantlist { background-color: transparent; }
table.datatable-merchantlist th, table.datatable td { padding: 4px; }
table.datatable-merchantlist th { text-align: left; background-color: #AC9C69; }
table.datatable-merchantlist tr { background-color: #EBDAA3; }
table.datatable-merchantlist tr:hover { background-color: #F9F0D4; }
/* Camp NPC listing tables */
table.datatable-campNPClist { background-color: transparent; }
table.datatable-campNPClist th, table.datatable td { padding: 4px; }
table.datatable-campNPClist th { text-align: left; background-color: #81C443; }
table.datatable-campNPClist tr { background-color: #B3D692; }
table.datatable-campNPClist tr:hover { background-color: #DDEDCE; }
/* Action tables */
table.datatable-action { background-color: transparent; }
table.datatable-action th, table.datatable td { padding: 4px; }
table.datatable-action th { text-align: left; background-color: #94B5AC; }
table.datatable-action tr { background-color: #C5DED7; }
table.datatable-action tr:hover { background-color: #D8F0E9; }
table.datatable-action2 { background-color: transparent; }
table.datatable-action2 th, table.datatable td { padding: 4px; }
table.datatable-action2 th { text-align: left; background-color: #94B5AC; }
table.datatable-action2 tr { background-color: #B6CFC8; }
table.datatable-action2 tr:hover { background-color: #CCE3DC; }
/* Quest tables */
table.datatable-quest { background-color: transparent; }
table.datatable-quest th, table.datatable td { padding: 4px; }
table.datatable-quest th { text-align: left; background-color: #B4C49B; }
table.datatable-quest tr { background-color: #AFD674; }
table.datatable-quest tr:hover { background-color: #E6F0D8; }
/* Armor tables */
table.datatable-armor { background-color: transparent; }
table.datatable-armor th, table.datatable td { padding: 4px; }
table.datatable-armor th { text-align: left; background-color: #B8C3E6; }
table.datatable-armor tr { background-color: #D7D8DB; }
table.datatable-armor tr:hover { background-color: #EBECF0; }
table.datatable-armor2 { background-color: transparent; }
table.datatable-armor2 th, table.datatable td { padding: 4px; }
table.datatable-armor2 th { text-align: left; background-color: #B8C3E6; }
table.datatable-armor2 tr { background-color: #EBECF0; }
table.datatable-armor2 tr:hover { background-color: #FAFAFA; }
/* 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;}
/* Region connection tables */
table.datatable-regionconnection { background-color: transparent; }
table.datatable-regionconnection th, table.datatable td { padding: 4px; }
table.datatable-regionconnection th { text-align: left; background-color: #929EAD; }
table.datatable-regionconnection tr { background-color: #D7D8DB; }
table.datatable-regionconnection tr:hover { background-color: #DCE8F2; }
/* 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.js]]are 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;
}
/* Progress Bar*/
.progressbar-bg {
background: url("https://ffxiv.gamerescape.com/w/images/1/10/Progress-bg.png") repeat-x;
height: 8px;
}
.progressbar-bar {
background: url("https://ffxiv.gamerescape.com/w/images/d/df/Progress-bar.png") left center repeat-x;
}
.progressbar-right {
background: url("https://ffxiv.gamerescape.com/w/images/4/46/Progress-right.png") right center no-repeat;
padding-right:7px;
}
.progressbar-left {
background: url("https://ffxiv.gamerescape.com/w/images/5/55/Progress-left.png") left center no-repeat;
}
/* Divider*/
.xivdivider em{
display: block;
float: left;
background: url(https://ffxiv.gamerescape.com/w/images/9/96/Xivdividerleft.png) no-repeat;
width: 39px;
height: 9px;
}
.xivdivider span{
display: block;
float: left;
background: url(https://ffxiv.gamerescape.com/w/images/c/c8/Xivdividermiddle.png) repeat-x;
height: 9px;
}
.xivdivider b{
display: block;
float: left;
background: url(https://ffxiv.gamerescape.com/w/images/6/61/Xivdividerright.png) no-repeat;
width: 30px;
height: 9px;
}
/* Callie's attempt at xivdiv */
.xivdiv {
min-width: 70px;
max-width: 2000px;
height: 9px;
background: url("https://ffxiv.gamerescape.com/w/images/c/c8/Xivdividermiddle.png");
}
.xivdiv span.m {
display:block;
height: 9px;
background: url("https://ffxiv.gamerescape.com/w/images/c/c8/Xivdividermiddle.png");
}
.xivdiv span.l {
display:block;
width: 39px;
height: 9px;
background: url("https://ffxiv.gamerescape.com/w/images/9/96/Xivdividerleft.png") left no-repeat;
}
.xivdiv span.r {
display:block;
width: 30px;
height: 9px;
background: url("https://ffxiv.gamerescape.com/w/images/6/61/Xivdividerright.png") right no-repeat;
}
/* 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;
<div class="toclimit-3">, for instance, will limit to
showing ==headings== and ===headings=== but no further
(as long as there are no =headings= on the page, which
there 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; }
/* Newspapers */
.RavenContent {
background-color: #EBEBEB;
background-image: url(https://ffxiv.gamerescape.com/w/images/1/12/RavenBody.png);
background-repeat: repeat-y;
width: 678px;
height: 100px;
}
.HarborheraldContent {
background-color: #EBEBEB;
background-image: url(https://ffxiv.gamerescape.com/w/images/9/94/HarborheraldBody.png);
background-repeat: repeat-y;
width: 678px;
height: 100px;
}
.MythrileyeContent {
background-color: #EBEBEB;
background-image: url(https://ffxiv.gamerescape.com/w/images/6/61/MythrileyeBody.png);
background-repeat: repeat-y;
width: 678px;
height: 100px;
}
.mainpagebackground {
background-color: transparent;
background-image: url(https://ffxiv.gamerescape.com/w/images/c/c1/Xivmainhead.png);
background-repeat: no-repeat;
height:292px;
}
.logobackground {
background-color: transparent;
background-image: url(https://ffxiv.gamerescape.com/w/images/1/12/ARRlogo.jpg);
background-repeat: no-repeat;
height:338px;
filter:alpha(opacity=40);
opacity:0.4;
}
.logobackground2 {
background-color: transparent;
background-image: url(https://ffxiv.gamerescape.com/w/images/8/8e/Ffxivarlogocenter.png);
background-repeat: no-repeat;
height:322px;
}
.mainrssbox {
border: 2px solid #000000;
background-color: #000000;
color: black;
padding: 0.2em;
float: left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
/* for IE */
filter:alpha(opacity=70);
/* CSS3 standard */
opacity:0.7;
}
.arritemunderline {
background-color: #DEDEDE;
float: left;
}
.ARRbox {
background-color: #2E2E2E;
padding: 0.2em;
float: left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
/* ARR Quest Box*/
.arrquestbox {
min-width: 100px;
max-width: 950px;
background: url("https://ffxiv.gamerescape.com/w/images/1/1d/Box-bg.png");
}
.arrquestbox div.content {
color: white;
padding-top: 25px;
padding-right: 25px;
}
.arrquestbox div.content a:link {color:#0645AD;}
.arrquestbox div.content a:visited {color:#0B0080;}
.arrquestbox div.content a:active {color:#faa700;}
.arrquestbox div.content a:hover {text-decoration: underline;}
.arrquestbox div.content a.new {color:#CC2200;}
.arrquestbox div.tl {
display:block;
/* background: url("https://ffxiv.gamerescape.com/w/images/f/f4/Questleftupcorner.png") top left no-repeat;*/
background: url("https://ffxiv.gamerescape.com/w/images/2/20/Questleftupcorner2a.png") top left no-repeat;
}
.arrquestbox div.tr {
display:block;
/* background: url("https://ffxiv.gamerescape.com/w/images/c/c8/Questrightupcorner.png") top right no-repeat;*/
background: url("https://ffxiv.gamerescape.com/w/images/1/19/Questrightupcorner2a.png") top right no-repeat;
margin-left:27px;
}
.arrquestbox div.bl {
display: block;
/* background: url("https://ffxiv.gamerescape.com/w/images/b/b1/Questleftdowncorner.png") bottom left no-repeat;*/
margin-top: -19px;
height: 82px;
background: url("https://ffxiv.gamerescape.com/w/images/3/39/Questleftdowncorner2a.png") bottom left no-repeat;
}
.arrquestbox div.br {
display: block;
/* background: url("https://ffxiv.gamerescape.com/w/images/f/f1/Questrightdowncorner.png") bottom right no-repeat;*/
height: 82px;
margin-left:27px;
background: url("https://ffxiv.gamerescape.com/w/images/4/41/Questrightdowncorner2a.png") bottom right no-repeat;
}
.arrquestbox div.tls {
display:block;
/* background: url("https://ffxiv.gamerescape.com/w/images/7/7d/Questleftborder.png") top left repeat-y;*/
background: url("https://ffxiv.gamerescape.com/w/images/8/8b/Questleftborder3a.png") top left repeat-y; /*background-size: 100% auto;*/
}
.arrquestbox div.trs {
display:block;
/* background: url("https://ffxiv.gamerescape.com/w/images/1/15/Questrightborder.png") top right repeat-y;*/
background: url("https://ffxiv.gamerescape.com/w/images/3/35/Questrightborder3h.png") top right repeat-y; /*background-size: 100% auto;*/
}
.arrquestbox div.trb {
display:block;
/* background: url("https://ffxiv.gamerescape.com/w/images/c/c1/Questbottomborder.png") bottom left repeat-x;*/
background: url("https://ffxiv.gamerescape.com/w/images/0/09/Questbottomborder3a.png") bottom left repeat-x;
}
.arrquestbox div.trt {
display:block;
background: url("https://ffxiv.gamerescape.com/w/images/1/1c/Questtopborder.png") top left repeat-x;
}
.arrquestbox div.ticon {
display: block;
background: url("https://ffxiv.gamerescape.com/w/images/3/34/Defaultquesticon.png") top center no-repeat;
background: url("https://ffxiv.gamerescape.com/w/images/1/1c/Questtopborder.png") top left repeat-x;
}
/* ARR Action Box*/
.arractionbox {
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(top, #8A8A8A 0%, #303030 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #8A8A8A 0%, #303030 100%);
/* Opera */
background-image: -o-linear-gradient(top, #8A8A8A 0%, #303030 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8A8A8A), color-stop(1, #303030));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #8A8A8A 0%, #303030 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to bottom, #8A8A8A 0%, #303030 100%);
}
/* Eorzean Font */
@font-face {
font-family: 'eorzearegular';
src: url('https://www.gamerescape.com/fonts/eorzea-webfont.eot');
src: url('https://www.gamerescape.com/fonts/eorzea-webfont.eot?#iefix') format('embedded-opentype'),
url('https://www.gamerescape.com/fonts/eorzea-webfont.woff') format('woff'),
url('https://www.gamerescape.com/fonts/eorzea-webfont.ttf') format('truetype'),
url('https://www.gamerescape.com/fonts/eorzea-webfont.svg#eorzearegular') format('svg');
font-weight: normal;
font-style: normal;
}
.eorzea {
font-family:eorzearegular;
font-size:16px;
color:black;
}
.eorzea:hover {
font-family:Verdana;
font-size:12px;
text-decoration: none;
font-weight: normal;
color:#002EC4;
letter-spacing:2px;
}
.nounderlinelink a {
text-decoration:none;
}
.itembox {
background-image: 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;
}
.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;}
.classbox {
float:left;
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;
}
.classbox a:link {color:#0645AD;}
.classbox a:visited {color:#0B0080;}
.classbox a:active {color:#faa700;}
.classbox a:hover {text-decoration: underline;}
.classbox a.new {color:#CC2200;}
.classbox a.new:visited {color:#A55858;}
.classboxsmall {
width:55%;
background-color:#EBECF0;
margin-left: 50px;
border:1px solid #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.classboxsmall a:link {color:#0645AD;}
.classboxsmall a:visited {color:#0B0080;}
.classboxsmall a:active {color:#faa700;}
.classboxsmall a:hover {text-decoration: underline;}
.classboxsmall a.new {color:#CC2200;}
.classboxsmall a.new:visited {color:#A55858;}
#stretch
{
border:15px solid transparent;
width:250px;
padding:10px 20px;
-webkit-border-image:url("https://ffxiv.gamerescape.com/w/images/5/55/Dialogue.png") 30 30 stretch; /* Safari 5 */
-o-border-image:url("https://ffxiv.gamerescape.com/w/images/5/55/Dialogue.png") 30 30 stretch; /* Opera */
border-image:url("https://ffxiv.gamerescape.com/w/images/5/55/Dialogue.png") 30 30 stretch;
}
#round
{
border:15px solid transparent;
width:250px;
padding:10px 20px;
-webkit-border-image:url("https://ffxiv.gamerescape.com/w/images/6/6f/Itembgborder.png") 40 40 round; /* Safari 5 */
-o-border-image:url("https://ffxiv.gamerescape.com/w/images/6/6f/Itembgborder.png") 40 40 round; /* Opera */
border-image:url("https://ffxiv.gamerescape.com/w/images/6/6f/Itembgborder.png") 40 40 round;
}
#itemlevelfade {
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 */
}
/* NPC Image Cropping */
.npcimageleft0 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageleft0 img{
margin:0px 0px 0px 0px;
}
.npcimageleft1 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageleft1 img{
margin:0px 0px 0px -20px;
}
.npcimageleft2 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageleft2 img{
margin:0px 0px 0px -40px;
}
.npcimageleft3 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageleft3 img{
margin:0px 0px 0px -60px;
}
.npcimageleft4 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageleft4 img{
margin:0px 0px 0px -80px;
}
.npcimageleft5 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageleft5 img{
margin:0px 0px 0px -100px;
}
.npcimageup0 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup0 img{
margin:0px 0px 0px 0px;
}
.npcimageup1 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup1 img{
margin:-20px 0px 0px 0px;
}
.npcimageup2 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup2 img{
margin:-40px 0px 0px 0px;
}
.npcimageup3 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup3 img{
margin:-60px 0px 0px 0px;
}
.npcimageup4 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup4 img{
margin:-80px 0px 0px 0px;
}
.npcimageup5 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup5 img{
margin:-100px 0px 0px 0px;
}
.npcimageup0left0 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup0left0 img{
margin:0px 0px 0px 0px;
}
.npcimage a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimage img{
margin:0px 0px 0px 0px;
}
.npcimageup1left1 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup1left1 img{
margin:-20px 0px 0px -20px;
}
.npcimageup1left2 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup1left2 img{
margin:-20px 0px 0px -40px;
}
.npcimageup1left3 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup1left3 img{
margin:-20px 0px 0px -60px;
}
.npcimageup1left4 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup1left4 img{
margin:-20px 0px 0px -80px;
}
.npcimageup1left5 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup1left5 img{
margin:-20px 0px 0px -100px;
}
.npcimageup2left1 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup2left1 img{
margin:-40px 0px 0px -20px;
}
.npcimageup2left2 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup2left2 img{
margin:-40px 0px 0px -40px;
}
.npcimageup2left3 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup2left3 img{
margin:-40px 0px 0px -60px;
}
.npcimageup2left4 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup2left4 img{
margin:-40px 0px 0px -80px;
}
.npcimageup2left5 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup2left5 img{
margin:-40px 0px 0px -100px;
}
.npcimageup3left1 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup3left1 img{
margin:-60px 0px 0px -20px;
}
.npcimageup3left2 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup3left2 img{
margin:-60px 0px 0px -40px;
}
.npcimageup3left3 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup3left3 img{
margin:-60px 0px 0px -60px;
}
.npcimageup3left4 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup3left4 img{
margin:-60px 0px 0px -80px;
}
.npcimageup3left5 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup3left5 img{
margin:-60px 0px 0px -100px;
}
.npcimageup4left1 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup4left1 img{
margin:-80px 0px 0px -20px;
}
.npcimageup4left2 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup4left2 img{
margin:-80px 0px 0px -40px;
}
.npcimageup4left3 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup4left3 img{
margin:-80px 0px 0px -60px;
}
.npcimageup4left4 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup4left4 img{
margin:-80px 0px 0px -80px;
}
.npcimageup4left5 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup4left5 img{
margin:-80px 0px 0px -100px;
}
.npcimageup5left1 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup5left1 img{
margin:-100px 0px 0px -20px;
}
.npcimageup5left2 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup5left2 img{
margin:-100px 0px 0px -40px;
}
.npcimageup5left3 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup5left3 img{
margin:-100px 0px 0px -60px;
}
.npcimageup5left4 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup5left4 img{
margin:-100px 0px 0px -80px;
}
.npcimageup5left5 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup5left5 img{
margin:-100px 0px 0px -100px;
}
.npcimageup0left1 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup0left1 img{
margin:0px 0px 0px -20px;
}
.npcimageup0left2 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup0left2 img{
margin:0px 0px 0px -40px;
}
.npcimageup0left3 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup0left3 img{
margin:0px 0px 0px -60px;
}
.npcimageup0left4 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup0left4 img{
margin:0px 0px 0px -80px;
}
.npcimageup0left5 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup0left5 img{
margin:0px 0px 0px -100px;
}
.npcimageup1left0 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup1left0 img{
margin:-20px 0px 0px 0px;
}
.npcimageup2left0 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup2left0 img{
margin:-40px 0px 0px 0px;
}
.npcimageup3left0 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup3left0 img{
margin:-60px 0px 0px 0px;
}
.npcimageup4left0 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup4left0 img{
margin:-80px 0px 0px 0px;
}
.npcimageup5left0 a {
height:400px;
width: 220px;
overflow: hidden;
float: left;
display: block;
}
.npcimageup5left0 img{
margin:-100px 0px 0px 0px;
}
/* Mob Image Cropping */
.mobimageleft0 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimageleft0 img{
margin:0px 0px 0px 0px;
}
.mobimageleft1 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimageleft1 img{
margin:0px 0px 0px -20px;
}
.mobimageleft2 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimageleft2 img{
margin:0px 0px 0px -40px;
}
.mobimageleft3 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimageleft3 img{
margin:0px 0px 0px -60px;
}
.mobimageleft4 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimageleft4 img{
margin:0px 0px 0px -80px;
}
.mobimageleft5 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimageleft5 img{
margin:0px 0px 0px -100px;
}
.mobimageup0 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimageup0 img{
margin:0px 0px 0px 0px;
}
.mobimageup1 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimageup1 img{
margin:-20px 0px 0px 0px;
}
.mobimageup2 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimageup2 img{
margin:-40px 0px 0px 0px;
}
.mobimageup3 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimageup3 img{
margin:-60px 0px 0px 0px;
}
.mobimageup4 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimageup4 img{
margin:-80px 0px 0px 0px;
}
.mobimageup5 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimageup5 img{
margin:-100px 0px 0px 0px;
}
.mobimageup0left0 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimageup0left0 img{
margin:0px 0px 0px 0px;
}
.mobimage a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimage img{
margin:0px 0px 0px 0px;
}
.mobimageup1left1 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimageup1left1 img{
margin:-20px 0px 0px -20px;
}
.mobimageup1left2 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimageup1left2 img{
margin:-20px 0px 0px -40px;
}
.mobimageup1left3 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimageup1left3 img{
margin:-20px 0px 0px -60px;
}
.mobimageup1left4 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimageup1left4 img{
margin:-20px 0px 0px -80px;
}
.mobimageup1left5 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimageup1left5 img{
margin:-20px 0px 0px -100px;
}
.mobimageup2left1 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimageup2left1 img{
margin:-40px 0px 0px -20px;
}
.mobimageup2left2 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimageup2left2 img{
margin:-40px 0px 0px -40px;
}
.mobimageup2left3 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimageup2left3 img{
margin:-40px 0px 0px -60px;
}
.mobimageup2left4 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
}
.mobimageup2left4 img{
margin:-40px 0px 0px -80px;
}
.mobimageup2left5 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
}
.mobimageup2left5 img{
margin:-40px 0px 0px -100px;
}
.mobimageup3left1 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimageup3left1 img{
margin:-60px 0px 0px -20px;
}
.mobimageup3left2 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimageup3left2 img{
margin:-60px 0px 0px -40px;
}
.mobimageup3left3 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimageup3left3 img{
margin:-60px 0px 0px -60px;
}
.mobimageup3left4 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
}
.mobimageup3left4 img{
margin:-60px 0px 0px -80px;
}
.mobimageup3left5 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
}
.mobimageup3left5 img{
margin:-60px 0px 0px -100px;
}
.mobimageup4left1 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimageup4left1 img{
margin:-80px 0px 0px -20px;
}
.mobimageup4left2 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimageup4left2 img{
margin:-80px 0px 0px -40px;
}
.mobimageup4left3 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimageup4left3 img{
margin:-80px 0px 0px -60px;
}
.mobimageup4left4 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
}
.mobimageup4left4 img{
margin:-80px 0px 0px -80px;
}
.mobimageup4left5 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
}
.mobimageup4left5 img{
margin:-80px 0px 0px -100px;
}
.mobimageup5left1 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimageup5left1 img{
margin:-100px 0px 0px -20px;
}
.mobimageup5left2 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimageup5left2 img{
margin:-100px 0px 0px -40px;
}
.mobimageup5left3 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
display: block;
}
.mobimageup5left3 img{
margin:-100px 0px 0px -60px;
}
.mobimageup5left4 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
}
.mobimageup5left4 img{
margin:-100px 0px 0px -80px;
}
.mobimageup5left5 a {
height:300px;
width: 300px;
overflow: hidden;
float: left;
}
.mobimageup5left5 img{
margin:-100px 0px 0px -100px;
}
/* EDPS calculator styles */
.EDPSBox {
background-color: #121212;
border: 1px solid #4F4740 !important;
display: inline-block;
font-variant: small-caps;
color: #EDE8E8;
text-align: center;
font-family: Tahoma, Geneva, sans-serif;
font-size: 85%;
}
.EDPSBox tr:nth-child(2n+1) {
background-color: #2B2B2B;
}
/* End of EDPS calculator styles */
/* 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;
}
/* spoiler css - sourced originally from the Dragon Age Wiki */
.spoiler {
clear: left;
}
.spoiler_banner {
cursor: pointer;
float: left;
margin-right: 12px;
white-space: nowrap;
}
.spoiler_icon {
z-index: 1;
position: relative;
background-image: url(https://ffxiv.gamerescape.com/w/images/8/8b/Itembg.png);
background-repeat: repeat;
}
.spoiler_warning {
display: inline;
}
.spoiler_warning_banner {
margin-left: -3em;
background-image: url(https://ffxiv.gamerescape.com/w/images/8/8b/Itembg.png);
background-repeat: repeat;
}
.spoiler_warning_text {
min-height:64px;
height: 64px;
display: table-cell;
vertical-align: middle;
text-align: center;
color: white;
}
.spoiler_text{
}
.spoiler_icon, .spoiler_warning_banner, .spoiler_icon>div, .spoiler_warning_banner>div {
border-radius: 10em;
}
.spoiler_icon, .spoiler_warning_banner {
display: inline-block;
padding: 2px;
}
.spoiler_icon div, .spoiler_icon img{
display: table-cell;
}
.spoiler_icon>div {
min-height:64px;
height: 64px;
vertical-align: middle;
}
.spoiler_warning_banner>div {
padding: 0 2.4em 0 3em;
}
.spoiler_reference {
display: inline-block;
margin-top: -4px;
margin-bottom: -4px;
}
.spoiler_text_reference {
float: left;
}
/***** Animated loading image for Extension:Livelets *****/
.livelet-loading {
border: 1px solid #ccc;
width: 150px;
height: 100px;
background: url( https://upload.wikimedia.org/wikipedia/commons/d/de/Ajax-loader.gif ) no-repeat center center;
}
/* 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;
}
/*Hezkezl Loremonger Quote Testing */
.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;
}
.loremongerconditional {
color: #117241;
text-shadow: 1px 1px 0 #22E580;
}
/* Make the category lists smaller and fixed height*/
.catlinks { font-size: 90%; max-height: 5em; overflow:auto; }
/* Added by Ganiman - this stuff here styles the drop down menu of wiki links that appears next to the page title */
#ge-wiki-nav {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
font-size: 10px;
}
#ge-wiki-nav li {
float: left;
display: block;
position: relative;
z-index: 500;
margin: 0 1px;
background-color: #ffffff;
}
#ge-wiki-nav li a {
display: block;
padding: 6px 5px 0 5px;
text-decoration: none;
color: #000000;
text-align: center;
}
#ge-wiki-nav ul {
position: absolute;
left: 0;
display: none;
margin: 0 0 0 -1px;
padding: 0;
list-style: none;
}
#ge-wiki-nav ul li {
float: left;
border-top: 1px solid #fff;
width: 100%;
white-space: nowrap;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
}
#ge-wiki-nav ul a {
display: block;
padding: 6px 5px;
color: #000000;
text-align: left;
}
#ge-wiki-nav a:hover {
text-decoration: none;
background-color: #F86808;
}
/* Added by Gahoo - attempt to change pagelinks to default links from red */
#ul.susano-wiki-pagelinks li a {
color: #0645ad;
}
/* 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;
}
/* Template:MPCalculator tables */
.MPCalc table {
background-color: #121212;
color: #FFFFFF;
border: 1px solid #4F4740 !important;
font-variant: small-caps;
text-align: center;
font-family: Tahoma, Geneva, sans-serif;
font-size: 90%;
width: 100%;
border-radius: 7px;
padding: 2px;
spacing: 1px;
}
.MPCalc td {
background-color: #FFFFFF;
color: #000000;
text-align: center;
border-radius: 7px;
}
.MPCalc td:nth-child(2n+1) {
background-color: #000000;
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 */
#collapse-pre-one .mw-collapsible-toggle{
display: table;
border-collapse: collapse;
width: 100%;
}
#collapse-pre-one .mw-collapsible-toggle-row{
display: table-row;
}
/* Collapse Header should be on the left */
#collapse-pre-one .mw-collapsible-toggle .mw-collapsible-toggle-header{
display: table-cell;
vertical-align: middle;
padding: 5px;
}
/* Collapse indicator image should be inline. align wherever you would like */
#collapse-pre-one .mw-collapsible-toggle .mw-collapsible-toggle-indicator{
display: table-cell;
vertical-align: middle;
padding: 5px;
text-align: right;
}
/* Collapse indicator image size should be something sane*/
#collapse-pre-one .mw-collapsible-toggle .mw-collapsible-toggle-indicator img{
height: 20px !important;
width: 20px !important;
}
/* Collapse indicator image should rotate when toggled*/
#collapse-pre-one:not(.mw-collapsed) .mw-collapsible-toggle .mw-collapsible-toggle-indicator img{
/* 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 *
* *
***************************************************/
#wrapper-main_page {
box-sizing: border-box;
--color-accent: #be2819;
}
#wrapper-main_page *,
#wrapper-main_page *:before,
#wrapper-main_page *:after {
box-sizing: inherit;
}
/*
* News Section
*/
#wrapper-main_page #news {
display: flex;
flex-wrap: wrap;
}
#wrapper-main_page #news > div {
margin-bottom: 1em;
padding: 1em;
padding-top: 0;
flex-grow: 1;
max-width: 50%;
color: white;
}
#wrapper-main_page #news h2,
#wrapper-main_page #news li a {
color: inherit;
}
#wrapper-main_page #news > div:first-child {
margin-right: .5em;
}
#wrapper-main_page #news > div:last-child {
margin-left: .5em;
}
#wrapper-main_page #news ul {
list-style: none;
margin-left: 0;
}
#wrapper-main_page #news time {
color: var(--color-accent);
font-weight: bold;
}
#wrapper-main_page #news time::before {
content: "[";
}
#wrapper-main_page #news time::after {
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
*/
#wrapper-main_page #features {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}
#wrapper-main_page #features a:first-child img {
border-radius: 5px 0 0 5px;
}
#wrapper-main_page #features a:last-child img {
border-radius: 0 5px 5px 0;
}
/*
* Statistics
*/
#wrapper-main_page #statistics {
padding: 1em;
padding-top: 0;
margin-top: 1em;
color: white;
}
#wrapper-main_page #statistics h2 {
color: inherit;
}
/*
* Quick Links
*/
#wrapper-main_page #quicklinks {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#wrapper-main_page #quicklinks h2 {
width: 100%;
}
#wrapper-main_page #quicklinks h3 {
background-color: var(--color-accent);
padding-left: .5em;
color: white;
font-size: 110%;
font-family: Play;
}
#wrapper-main_page #quicklinks li {
/* 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");
}
#wrapper-main_page #quicklinks li:last-child {
list-style-image: url("/w/images/6/64/Map28_Icon.png");
}
/***************************************************
* *
* End Responsive Main Page *
* *
***************************************************/
/* TabbedSellsSub Box CSS */
.TabbedSellsSub {
width:20%;
background-color:#f0f0f0 !important;
border-radius:2px 2px 0 0 !important;
border-top: 1px solid #C9C9C9 !important;
border-left:1px solid #C9C9C9 !important;
border-right:1px solid #C9C9C9 !important;
width:100%;
padding:1px;
border:0
}
/* Eorzea Shadow Font */
@font-face {
font-family: "Eorzea";
src: url(https://www.gamerescape.com/fonts/eorzea.ttf) format("truetype");
}
/*
@font-face {
font-family: "IEorzea";
src: url(https://www.gamerescape.com/fonts/EORZEA0.eot);
}
*/
.eorzeafont { font-family: "Eorzea", sans-serif; }
span.eorzean_trans {
font-family: "Eorzea";
}
span.eorzean_trans:hover {
font-family: Arial;
}
.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;
}