Difference between revisions of "MediaWiki:Common.css"

(Changing header color for itembox to be white. Combined 'whiteheaders' class to reduce unnecessary size)
(changing the arrquestbox borders back to how they originally were (experiment with new pictures failed))
Line 813: Line 813:
 
.arrquestbox div.tl {
 
.arrquestbox div.tl {
 
     display:block;
 
     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/f/f4/Questleftupcorner.png") top left no-repeat;
    background: url("https://ffxiv.gamerescape.com/w/images/2/20/Questleftupcorner2a.png") top left no-repeat;
+
/*   background: url("https://ffxiv.gamerescape.com/w/images/2/20/Questleftupcorner2a.png") top left no-repeat;*/
 
}
 
}
  
 
.arrquestbox div.tr {
 
.arrquestbox div.tr {
 
     display:block;
 
     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/c/c8/Questrightupcorner.png") top right no-repeat;
    background: url("https://ffxiv.gamerescape.com/w/images/1/19/Questrightupcorner2a.png") top right no-repeat;
+
/*   background: url("https://ffxiv.gamerescape.com/w/images/1/19/Questrightupcorner2a.png") top right no-repeat;*/
 
     margin-left:27px;
 
     margin-left:27px;
 
}
 
}
Line 826: Line 826:
 
.arrquestbox div.bl {
 
.arrquestbox div.bl {
 
     display: block;
 
     display: block;
/*    background: url("https://ffxiv.gamerescape.com/w/images/b/b1/Questleftdowncorner.png") bottom left no-repeat;*/
+
    background: url("https://ffxiv.gamerescape.com/w/images/b/b1/Questleftdowncorner.png") bottom left no-repeat;
 
     margin-top: -19px;
 
     margin-top: -19px;
 
     height: 82px;
 
     height: 82px;
    background: url("https://ffxiv.gamerescape.com/w/images/3/39/Questleftdowncorner2a.png") bottom left no-repeat;
+
/*    background: url("https://ffxiv.gamerescape.com/w/images/3/39/Questleftdowncorner2a.png") bottom left no-repeat;*/
 
}
 
}
  
 
.arrquestbox div.br {
 
.arrquestbox div.br {
 
     display: block;
 
     display: block;
/*    background: url("https://ffxiv.gamerescape.com/w/images/f/f1/Questrightdowncorner.png") bottom right no-repeat;*/
+
    background: url("https://ffxiv.gamerescape.com/w/images/f/f1/Questrightdowncorner.png") bottom right no-repeat;
 
     height: 82px;
 
     height: 82px;
 
     margin-left:27px;
 
     margin-left:27px;
    background: url("https://ffxiv.gamerescape.com/w/images/4/41/Questrightdowncorner2a.png") bottom right no-repeat;
+
/*    background: url("https://ffxiv.gamerescape.com/w/images/4/41/Questrightdowncorner2a.png") bottom right no-repeat;*/
 
}
 
}
  
 
.arrquestbox div.tls {
 
.arrquestbox div.tls {
 
     display:block;
 
     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/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;*/
+
/*   background: url("https://ffxiv.gamerescape.com/w/images/1/17/Questleftborder2b.png") top left repeat-y; background-size: 100% auto;*/
 
}
 
}
  
 
.arrquestbox div.trs {
 
.arrquestbox div.trs {
 
     display:block;
 
     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/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;*/
+
/*   background: url("https://ffxiv.gamerescape.com/w/images/3/35/Questrightborder3h.png") top right repeat-y; background-size: 100% auto;*/
 
}
 
}
  
 
.arrquestbox div.trb {
 
.arrquestbox div.trb {
 
     display:block;
 
     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/c/c1/Questbottomborder.png") bottom left repeat-x;
    background: url("https://ffxiv.gamerescape.com/w/images/0/09/Questbottomborder3a.png") bottom left repeat-x;
+
/*   background: url("https://ffxiv.gamerescape.com/w/images/0/09/Questbottomborder3a.png") bottom left repeat-x;*/
 
}
 
}
  

Revision as of 21:56, 12 June 2019

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

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

.itembox h2, h3, h4, h5 {color:#FFF;}

.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, h3, h4, h5, h6 {color:#FFF;}

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