MediaWiki:Common.css

Revision as of 01:10, 24 February 2020 by Hezkezl (talk | contribs) (adding center text for exptable)

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 & GE Contributors */ 

 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: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/1/17/Questleftborder2b.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;
}

.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;}

.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;
}

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

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