MediaWiki:Common.css

Revision as of 15:53, 22 April 2019 by Gahoo (talk | contribs)

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

@import url("https://gamerescape.com/wp-content/themes/tromax-pro/assets/font-awesome/css/font-awesome.min.css?ver=5.1.1"); 

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

 /* 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 {
   border-collapse: collapse;
 }
 .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: 1em;
        font-weight: bold;
        background-color: #ccf;
        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;
}

/* Template preloads */

.preload_table
{
text-align:center;
padding:1px;
border-spacing: 4px 2px;
}
 
.preload_button, .preload_button2
{
background-color:#ddddee;
border:2px outset #9999bb;
text-align:center;
padding:2px 4px;
}
 
.preload_button2
{
font-size: 110%;
background-color: #E0BF1C;
border:2px outset #BFb428;
}

/* Homepage/Portal Tabs */
 .activetab {
  padding:5px 12px 6px 12px;
  background:#C2C6CF;
  text-decoration:none;
  color:black;
  -moz-border-radius-topright:0.5em;
  -moz-border-radius-topleft:0.5em;
  border-top: 1px solid #777A7F;
  border-left: 1px solid #777A7F;
  border-right: 1px solid #777A7F;
 }

 .inactivetab {
  border-top: 1px solid #C2C6CF;
  border-left: 1px solid #C2C6CF;
  border-right: 1px solid #C2C6CF;
 }

 a .inactivetab {
  padding:5px 12px 5px 12px;
  text-decoration:none;
  background:#F5F5F5;
  color:black;
  -moz-border-radius-topright:0.5em;
  -moz-border-radius-topleft:0.5em;
 }

 a .inactivetab:link, a .inactivetab:visited, a .inactivetab:focus, a .inactivetab:hover, a .inactivetab:active {
  text-decoration:none;
  background:#C2C6CF;
  color:black;
  border-top: 1px solid #777A7F;
  border-left: 1px solid #777A7F;
  border-right: 1px solid #777A7F;
 }

 .mainpage-enclosure {
  position:relative;
  max-width:100em;
  min-width:59em;
  margin-left:auto;
  margin-right:auto;
 }

 body.page-Main_Page_2 #background_accent1, body.page-Main_Page_2 #background_accent2 {
    display: none;
 }
 body.page-Main_Page_2 #background_strip {
    background: transparent;
    border: 0;
 }
 body.page-Main_Page_2 {
    background: url(https://ffxi.gamerescape.com/w/images/3/37/Mainpage_background.jpg) repeat-x;
 }

/* poll stuff */
div.ajax-poll {
	border:none !important;
	width:88% !important;
}

.pollAnswer { background-color: #8BB7D5 !important }
.pollAnswerName { font-size: 100%; font-weight: bold; color: #0B0B0B !important }
.pollAnswerVotes { margin-left: -0.7px !important; }

/* SE development table */
.DevelopmentTable {
background-color: #EBEBEB;
background-image: url(https://ffxi.gamerescape.com/w/images/4/46/Developmentbg.gif);
background-repeat: repeat-y;
}

.DevelopmentTitle {
background-color: #EBEBEB;
background-image: url(https://ffxi.gamerescape.com/w/images/1/19/Developmentbgtop3.gif);
background-repeat: repeat-y;
}

/* SE community table */
.CommunityTable {
background-color: #EBEBEB;
background-image: url(https://ffxi.gamerescape.com/w/images/b/bf/Communitybg.gif);
background-repeat: repeat-y;
}

.CommunityTitle {
background-color: #EBEBEB;
background-image: url(https://ffxi.gamerescape.com/w/images/8/8e/Communitybgtop.gif);
background-repeat: repeat-y;
}

/* SE life in vana'diel table */
.LifeTable {
background-color: #EBEBEB;
background-image: url(https://ffxi.gamerescape.com/w/images/9/98/Lifebg.gif);
background-repeat: repeat-y;
}

.LifeTitle {
background-color: #EBEBEB;
background-image: url(https://ffxi.gamerescape.com/w/images/1/11/Lifebgtop.gif);
background-repeat: repeat-y;
}

/* SE news table */
.NewsTable {
background-color: #EBEBEB;
background-image: url(https://ffxi.gamerescape.com/w/images/e/e8/Newsbg.gif);
background-repeat: repeat-y;
}

.NewsTitle {
background-color: #EBEBEB;
background-image: url(https://ffxi.gamerescape.com/w/images/7/78/Newsbgtop3.gif);
background-repeat: repeat-y;
}

/* SE announcement table*/
.AnnouncementTable {
background-color: #EBEBEB;
background-image: url(https://ffxi.gamerescape.com/w/images/0/0b/Announcementbg.gif);
background-repeat: repeat-y;
}

/* SE version update table*/
.UpdateTable {
background-color: #EBEBEB;
background-image: url(https://ffxi.gamerescape.com/w/images/2/2d/VersionUpdateBG.gif);
background-repeat: repeat-y;
}

/* SE census update table*/
.CensusTable {
background-color: #EBEBEB;
background-image: url(https://ffxi.gamerescape.com/w/images/9/97/CensusBG.jpg);
background-repeat: repeat-y;
}

/* SE census 2009 table*/
.AnotherCensusTable {
background-color: #EBEBEB;
background-image: url(https://ffxi.gamerescape.com/w/images/b/b8/The_9th_Vanadiel_Census_bg.gif);
background-repeat: repeat-y;
}

/* SE Adventurer Recruitment table*/
.AdventurerRecruitmentTable {
background-color: #EBEBEB;
background-image: url(https://ffxi.gamerescape.com/w/images/c/c6/AdventurerRecruitmentBG.gif);
background-repeat: repeat-y;
}

/* SE Return Home table*/
.ReturnHomeTable {
background-color: #EBEBEB;
background-image: url(https://ffxi.gamerescape.com/w/images/8/81/ReturnHomeBG.gif);
background-repeat: repeat-y;
}

/* SE Fifth Anniversary table*/
.FifthAnniversaryTable {
background-color: #EBEBEB;
background-image: url(https://ffxi.gamerescape.com/w/images/7/7e/FifthAnniversaryBG.jpg);
background-repeat: repeat-y;
}

/* SE Vanafesta2007 table*/
.VanafestaTable {
background-color: #EBEBEB;
background-image: url(https://ffxi.gamerescape.com/w/images/3/36/VanafestaBG.jpg);
background-repeat: repeat-y;
}

/* SE Vanafesta2008 table*/
.Vanafesta2008Table {
background-color: #EBEBEB;
background-image: url(https://ffxi.gamerescape.com/w/images/4/4d/Vanafesta2008BG.gif);
background-repeat: repeat-y;
}

/* SE Fan fest 2008 table*/
.FanFest2008Table {
background-color: #EBEBEB;
background-image: url(https://ffxi.gamerescape.com/w/images/b/b7/Fanfestbg.jpg);
background-repeat: repeat-y;
}

.FanFest2008Table2 {
background-color: #EBEBEB;
background-image: url(https://ffxi.gamerescape.com/w/images/1/1e/FanFest2008ContentBG.jpg);
background-repeat: repeat-y;
}

.FanFest2008Table3 {
background-color: #EBEBEB;
background-image: url(https://ffxi.gamerescape.com/w/images/0/0b/FanFest2008ContentBG2.gif);
background-repeat: repeat-y;
}

/* Mog Bonanza table*/
.MogBonanzaTable {
background-color: #EBEBEB;
background-image: url(https://ffxi.gamerescape.com/w/images/e/ef/Mogbonanzabg.gif);
background-repeat: repeat-y;
}

/* Vana'diel Tribune II table */
.VTTable {
background-color: #D3CEC3;
background-image: url(https://ffxi.gamerescape.com/w/images/f/f6/VTBG.PNG);
background-repeat: repeat-y;
}

.VTTitle {
background-color: #D3CEC3;
background-image: url(https://ffxi.gamerescape.com/w/images/1/12/VTHeaderBG.PNG);
background-repeat: repeat-y;
}

/* Vana'diel Tribune I table */
.VT1Table {
background-color: #E4CDA3;
background-image: url(https://ffxi.gamerescape.com/w/images/4/4f/VT1Bg.jpg);
background-repeat: repeat-y;
}

.VT1Title {
background-color: #E4CDA3;
background-image: url(https://ffxi.gamerescape.com/w/images/1/12/VT1TableBG3.PNG);
background-repeat: repeat-y;
}

/* Fan Fest 2008 Survey table*/
.FanFest2008SurveyTable {
background-color: #EBEBEB;
background-image: url(https://ffxi.gamerescape.com/w/images/b/b8/FanFest2008SurveyBG.gif);
background-repeat: repeat-y;
}

/* Player Event Support Services table*/
.PlayerEventSupportServicesTable {
background-color: #EBEBEB;
background-image: url(https://ffxi.gamerescape.com/w/images/f/fd/PlayerEventSupportServiceBG.gif);
background-repeat: repeat-y;
}

/* Fantastic Fraulein Mumor 2*/
.FantasticFrauleinMumor2Table {
background-color: #EBEBEB;
background-image: url(https://ffxi.gamerescape.com/w/images/9/91/Fantastic_Fraulein_Mumor_2-bg.gif);
background-repeat: repeat-y;
}

/* Hide Edittools on Special Upload */
body.page-Special_Upload div.mw-editTools {display:none !important;}

#siteSub {
    display: inline;
    font-size: 90%;
    font-weight: normal;
    font-style: italic;
    text-align: right;

}

/* Hide title */

.page-Main_Page .firstHeading,
.page-Main_Page_Community_Portal .firstHeading,
.page-Main_Page_Featured_Article .firstHeading,
.page-Main_Page_Info .firstHeading,
.page-Main_Page_Knowledge_Base .firstHeading,
.page-Main_Page_News .firstHeading,
.page-Main_Page_News_Breaking .firstHeading,
.page-Main_Page_Right_Column .firstHeading,
.page-Main_Page_RSS .firstHeading,
.page-Main_Page_Site_Activity .firstHeading,
.page-Main_Page_Tribune .firstHeading,
.page-Main_Page_Welcome .firstHeading
 { display: none; }

/* TabView extension */

/*set the base backcolor of the 'off' tabs */
.yui-navset .yui-nav li
{
  padding:5px 12px 5px 12px;
  text-decoration:none;
  background:#F5F5F5;
  color:black;
  -moz-border-radius-topright:0.5em;
  -moz-border-radius-topleft:0.5em;
}

/*set the background color of the content and the 'on' tab the same*/
.yui-content, .yui-navset .yui-nav li.selected
{
  background-color: #E7E7E7;
  -moz-border-radius-topright:0.5em;
/*   border: 1px solid #A3B1BF; */
/*   border-bottom: 1px solid #A3B1BF; */
/*   border-right: 1px solid #A3B1BF; */
/*   border-left: 1px solid #A3B1BF; */
}


/** style the 'on' tab **/
.yui-navset .yui-nav .selected {
  padding:5px 12px 6px 12px;
  background:#C2C6CF;
  text-decoration:none;
  color:black;
  -moz-border-radius-topright:0.5em;
  -moz-border-radius-topleft:0.5em;
  border-top: 1px solid #777A7F;
  border-left: 1px solid #777A7F;
  border-right: 1px solid #777A7F;
}


/* keep the side padding, but enforce no gap between content area and tabs */
.yui-content {
margin-top: 0;
padding-top: 0.25em;
padding-left: 0.5em;
padding-right: 0.5em;
}

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

li #credits { white-space: normal; }
.headbare h1, .headbare h2 { border-bottom: none; }
.mw-plusminus-pos { color: #006500; }
.mw-plusminus-neg { color: #8B0000; }

/* Lists with less indentation */
.compact-list dd {
  margin-left: 1ex;
}

.flush-list dd {
  margin-left: 0;
}

/* Various common tables */

table.wide-table {
  width: 60%;
}

table.ffxi-table,
table.monster-table {
  border-spacing: 2px;
}

table.monster-table,
table.poi-table,
table.npc-table {
  width: 100%;
}

table.job-table {
  border-spacing: 0;
  border-collapse: collapse;
}

table.job-table td,
table.job-table th {
  border: 2px ridge;
}

table.ffxi-table td,
table.ffxi-table th,
table.monster-table td,
table.monster-table th,
table.job-table td,
table.job-table th,{
  padding: 2px;
}

table.monster-table th {
  padding: 1ex;
}

table.monster-table td:first-child,
table.job-table td,
table.job-table th {
  padding-left: 1ex;
}

table.job-table td {
  vertical-align: top;
}

table.poi-table td,
table.poi-table th,
table.npc-table td,
table.npc-table th,
table.monster-table tr.ffxi-footer td,
table.monster-table td.ffxi-footer {
  text-align: center;
  padding: 2px;
}

/* Various table background colors */

table.ffxi-table td,
table.monster-table td {
  background-color: #e3e6ff;
}

.bg-blue,
.bg-blue td,
.bg-blue th {
  background-color: #e3e6ff !important;
}

.bg-blue-alt,
.bg-blue-alt td,
.bg-blue-alt th {
  background-color: #d5d9ff !important;
}

table.job-table td {
  background-color: #eaf0ff;
}

.bg-bright-blue,
.bg-bright-blue td,
.bg-bright-blue th {
  background-color: #eaf0ff !important;
}

table.spell-table td {
  background-color: #eeeeff;
}

.bg-faint-blue
.bg-faint-blue td,
.bg-faint-blue th {
  background-color: #eeeeff !important;
}

table.nm-table td {
  background-color: #ffd9d9;
}

.bg-red,
.bg-red td,
.bg-red th,
.bg-nm,
.bg-nm td,
.bg-nm th {
  background-color: #ffd9d9 !important;
}

table.artifact-table td {
  background-color: #ffeaf0;
}

.bg-faint-red,
.bg-faint-red td,
.bg-faint-red th {
  background-color: #ffeaf0 !important;
}

table.skill-table td {
  background-color: #f5f5f5;
}

.bg-beige,
.bg-beige td,
.bg-beige th {
  background-color: #f5f5f5 !important;
}

table.ffxi-table th,
table.monster-table th,
table.poi-table th,
table.npc-table th,
tr.ffxi-header td,
tr.ffxi-header th,
tr.ffxi-footer td,
tr.ffxi-footer th,
tr td.ffxi-header,
tr th.ffxi-header
tr td.ffxi-footer,
tr th.ffxi-footer {
  background-color: #ffdead;
}

.bg-header,
.bg-header td,
.bg-header th {
  background-color: #ffdead !important;
}

table.job-table th {
  background-color: #66ccff;
}

.bg-header-blue,
.bg-header-blue td,
.bg-header-blue th {
  background-color: #66ccff !important;
}

table.spell-table th {
  background-color: #ccaaff;
}

.bg-header-purple,
.bg-header-purple td,
.bg-header-purple th {
  background-color: #ccaaff !important;
}

table.skill-table th {
  background-color: #cdc8b1;
}

.bg-header-beige,
.bg-header-beige td,
.bg-header-beige th {
  background-color: #cdc8b1 !important;
}

table.artifact-table th {
  background-color: #e87093;
}

.bg-header-red,
.bg-header-red td,
.bg-header-red th {
  background-color: #e87093 !important;
}


table.poi-table td {
    background-color: #c8e6c9;
}

.bg-green,
.bg-green td,
.bg-green th, {
    background-color: #c8e6c9 !important;
}

table.npc-table td {
    background-color: #e1bee7;
}

.bg-purple,
.bg-purple td,
.bg-purple th, {
    background-color: #e1bee7 !important;
}