MediaWiki:Common.css

The UESPWiki – Your source for The Elder Scrolls since 1995
Jump to: navigation, search

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: Clear the cache in Tools → Preferences
/* 

Always check with the [http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.uesp.net%2Fw%2Findex.php%3Ftitle%3DMediaWiki%3ACommon.css%26action%3Draw%26ctype%3Dtext%2Fcss%26smaxage%3D18000&usermedium=all css validator] after making any changes.

*/

#editform {
    text-align: left;
}

/**class for skinning normal tables
 * keep in sync with commonPrint.css
 * modified from shared.css in 1.19.2
 */
table.wikitable {
    background-color: #fdf5e6;
    z-index: 100;
}

table.wikitable > tr > th,
table.wikitable > * > tr > th {
    background: #f5deb3;
}

table.wikitable > caption {
    margin-left: inherit;
    margin-right: inherit;
}

#prefcontrol {
    padding-top: 0em;
}

body {
    background: #FAEBD7 url(/w/extensions/UespCustomCode/files/Parchment_bg.jpg) 0 0 repeat;
}

pre, .mw-code {
    background-color: #EFE1BC;
}

div.pBody, div#content {
    background-color: #FBEFD5;
}

#p-cactions ul li a {
    background: #FBEFD5;
}

#p-cactions ul li.selected a {
    background: #FBEFD5;
}

table {
    background: #FBEFD5;
}

#pagehistory li {
    border: none;
}

#pagehistory li.selected {
    background-color: #FAEBD7;
}

ul, ol {
    margin-left: 0;
    padding-left: 1.5em;
}

ul ul {
    margin-top: 0px;
}

.portlet ul ul {
    padding-left: 0.75em;
}

table.diff, td.diff-otitle, td.diff-ntitle {
    background: #FDF5E6;
}

div.tleft, div.tright, div.tnone {
    border-color: #FBEFD5;
}

.toc, #toc, #catlinks {
    background-color: #FDF5E6;
}

code {
    background-color: #FDF5E6;
}

div.thumb div {
    background-color: #FDF5E6;
}

div.Boxmerge, div.NavFrame {
    margin: 0px;
    padding: 2px;
    border: 1px solid #aaaaaa;
    text-align: center;
    border-collapse: collapse;
    overflow: auto;
}

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: #ffffff;
    margin: 0px;
    padding: 2px;
    float: left;
}

div.NavFrame div.NavHead {
    height: 1.6em;
    font-weight: bold;
    font-size: 100%;
    background-color: #efefef;
    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;
}

#coordinates {
    position: absolute;
    z-index: 1;
    border: none;
    background: none;
    right: 30px;
    top: 3.7em;
    float: right;
    margin: 0.0em;
    padding: 0.0em;
    line-height: 1.5em;
    text-align: right;
    text-indent: 0;
    font-size: 85%;
    text-transform: none;
    white-space: nowrap;
}

td.expneg {
    text-align: right;
    background: #ff9999;
}

td.exppos {
    text-align: right;
    background: #99ff99;
}

#firstHeading {
    line-height: 0.8em;
    padding-bottom: 0.15em;
}

div.book, div.dfbook, div.poem {
    font-size: 130%;
    font-family: serif;
}

.book p {
    margin-left: 1.5em;
    margin-right: 1.5em;
}

.dfbook p {
    text-indent: 1.5em;
    margin-left: 1.5em;
    margin-right: 1.5em;
}

.poem p {
    text-indent: 0em;
    margin: 0 1.5em 0 1.5em;
}

/* Classes to allow magic school colors to all be defined in one central place without having to rely on templates
Only designed to work with tables: 
    - If used as a table class, all headers will be the associated background color
    - Or it can be used on individual rows or cells to override the background color in that part of the table
      Includes some fairly specific css tags in order to override other table color requests */
table.MWMagicAlt th, tr.MWMagicAlt th, tr.MWMagicAlt td, th.MWMagicAlt, td.MWMagicAlt {background-color: #FFBBFF !important;}
table.MWMagicCon th, tr.MWMagicCon th, tr.MWMagicCon td, th.MWMagicCon, td.MWMagicCon {background-color: #FFFFCC !important;}
table.MWMagicDes th, tr.MWMagicDes th, tr.MWMagicDes td, th.MWMagicDes, td.MWMagicDes {background-color: #FFCCCC !important;}
table.MWMagicIll th, tr.MWMagicIll th, tr.MWMagicIll td, th.MWMagicIll, td.MWMagicIll {background-color: #CCFFCC !important;}
table.MWMagicMys th, tr.MWMagicMys th, tr.MWMagicMys td, th.MWMagicMys, td.MWMagicMys {background-color: #FFDDFF !important;}
table.MWMagicRes th, tr.MWMagicRes th, tr.MWMagicRes td, th.MWMagicRes, td.MWMagicRes {background-color: #CCCCFF !important;}

table.OBMagicAlt th, tr.OBMagicAlt th, tr.OBMagicAlt td, th.OBMagicAlt, td.OBMagicAlt {background-color: #F1EBF5 !important;}
table.OBMagicCon th, tr.OBMagicCon th, tr.OBMagicCon td, th.OBMagicCon, td.OBMagicCon {background-color: #FFFFB4 !important;}
table.OBMagicDes th, tr.OBMagicDes th, tr.OBMagicDes td, th.OBMagicDes, td.OBMagicDes {background-color: #FFC2C2 !important;}
table.OBMagicIll th, tr.OBMagicIll th, tr.OBMagicIll td, th.OBMagicIll, td.OBMagicIll {background-color: #CCFFCC !important;}
table.OBMagicMys th, tr.OBMagicMys th, tr.OBMagicMys td, th.OBMagicMys, td.OBMagicMys {background-color: #FFBBFF !important;}
table.OBMagicRes th, tr.OBMagicRes th, tr.OBMagicRes td, th.OBMagicRes, td.OBMagicRes {background-color: #C6BFF3 !important;}

table.SRMagicAlt th, tr.SRMagicAlt th, tr.SRMagicAlt td, th.SRMagicAlt, td.SRMagicAlt {background-color: #FFBB88 !important;}
table.SRMagicCon th, tr.SRMagicCon th, tr.SRMagicCon td, th.SRMagicCon, td.SRMagicCon {background-color: #DDAAFF !important;}
table.SRMagicDes th, tr.SRMagicDes th, tr.SRMagicDes td, th.SRMagicDes, td.SRMagicDes {background-color: #DDCCCC !important;}
table.SRMagicIll th, tr.SRMagicIll th, tr.SRMagicIll td, th.SRMagicIll, td.SRMagicIll {background-color: #DDFF88 !important;}
table.SRMagicRes th, tr.SRMagicRes th, tr.SRMagicRes td, th.SRMagicRes, td.SRMagicRes {background-color: #EEDD77 !important;}

/* classes for potions and poisons */
table.Potion th, tr.Potion th, tr.Potion td, th.Potion, td.Potion {background-color: #FFDDDD !important;}
table.Poison th, tr.Poison th, tr.Poison td, th.Poison, td.Poison {background-color: #DDFFDD !important;}

/* classes for ingredient effects */
table.EffectNeg th,   tr.EffectNeg th,   tr.EffectNeg td,   th.EffectNeg,   td.EffectNeg   {background-color: #FFDDDD !important;}
table.EffectPos th,   tr.EffectPos th,   tr.EffectPos td,   th.EffectPos,   td.EffectPos   {background-color: #DDFFDD !important;}
table.EffectMix th,   tr.EffectMix th,   tr.EffectMix td,   th.EffectMix,   td.EffectMix   {background-color: #FFFFDD !important;}
table.EffectOther th, tr.EffectOther th, tr.EffectOther td, th.EffectOther, td.EffectOther {background-color: #FFCCAA !important;}

/* classes for race colors, set up same way as magic school colors.
    Note these definitions do not include creatures, because then it would just get way too long */
table.RaceAlt th, tr.RaceAlt th, tr.RaceAlt td, th.RaceAlt, td.RaceAlt {background-color: #dfbe00 !important; color: #000000 !important;}
table.RaceArg th, tr.RaceArg th, tr.RaceArg td, th.RaceArg, td.RaceArg {background-color: #86ac01 !important; color: #000000 !important;}
table.RaceBos th, tr.RaceBos th, tr.RaceBos td, th.RaceBos, td.RaceBos {background-color: #847000 !important; color: #FFFFFF !important;}
table.RaceBre th, tr.RaceBre th, tr.RaceBre td, th.RaceBre, td.RaceBre {background-color: #993365 !important; color: #FFFFFF !important;}
table.RaceDun th, tr.RaceDun th, tr.RaceDun td, th.RaceDun, td.RaceDun {background-color: #848484 !important; color: #FFFFFF !important;}
table.RaceDar th, tr.RaceDar th, tr.RaceDar td, th.RaceDar, td.RaceDar {background-color: #5f9ea0 !important; color: #FFFFFF !important;}
table.RaceDre th, tr.RaceDre th, tr.RaceDre td, th.RaceDre, td.RaceDre {background-color: #b22222 !important; color: #FFFFFF !important;}
table.RaceGol th, tr.RaceGol th, tr.RaceGol td, th.RaceGol, td.RaceGol {background-color: #ffdd00 !important; color: #000000 !important;}
table.RaceImp th, tr.RaceImp th, tr.RaceImp td, th.RaceImp, td.RaceImp {background-color: #0000ae !important; color: #FFFFFF !important;}
table.RaceKha th, tr.RaceKha th, tr.RaceKha td, th.RaceKha, td.RaceKha {background-color: #f39a00 !important; color: #000000 !important;}
table.RaceNor th, tr.RaceNor th, tr.RaceNor td, th.RaceNor, td.RaceNor {background-color: #00d8d8 !important; color: #000000 !important;}
table.RaceOrc th, tr.RaceOrc th, tr.RaceOrc td, th.RaceOrc, td.RaceOrc {background-color: #118500 !important; color: #FFFFFF !important;}
table.RaceRed th, tr.RaceRed th, tr.RaceRed td, th.RaceRed, td.RaceRed {background-color: #841a1a !important; color: #FFFFFF !important;}
table.RaceOther th, tr.RaceOther th, tr.RaceOther td, th.RaceOther, td.RaceOther {background-color: #000000 !important; color: #FFFFFF !important;}
table.RaceErr th, tr.RaceErr th, tr.RaceErr td, th.RaceErr, td.RaceErr {background-color: #dddddd !important; color: #000000 !important;}

#bodyContent {
    position: relative;
}

div.breadcrumb, table.breadcrumb {
    border-collapse: collapse;
    float: right;
    font-size: 90%;
    height: auto;
    margin: 0em;
    padding: 0;
    position: absolute;
    right: 0em;
    top: 0.6em;
    z-index: 1;
}

div.breadcrumb p, table.breadcrumb p {
    background-color: #FBEFD5;
}

div.pageicon {
    height: 30px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0px;
    top: -34px;
    z-index: 50;
}

div.pageicon a, div.pageicon img {
    bottom: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
}

h1, h2, h3, h4, h5, h6, hr {
    z-index: -100;
}

div.thumb, table.prettytable {
    z-index: 100;
}

/* tweak thumbnail settings for images that will use Image Mark template */
div.thumb div.markedimage div {
    background-color: transparent;
}

.allpagesredirect {
    font-style: italic;
}

table td ul, table td ol, table td dl, table td li, table td dd, table td dt {
    border-bottom-width: 0;
    border-top-width: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0;
}

table.example {
    background-color:#FCF3E0;
    border:1px solid #E3C499;
    padding:0.5em;
}

table.example th {
    text-align:center;
}

table.greylapse, table.graylapse {
    background: #FDF5E6;
}

table.greylapse th, table.graylapse th {
    background: #F5DEB3;
}

table.hiddentable {
    background: transparent;
    border: 0px none;
    margin: 0px;
}

table.hiddentable th, table.hiddentable td {
    background: transparent;
    border: 0px none;
    padding: 0px;
}

table.compress > * > tr > th {
    padding: 1px 4px 1px 4px;
}

table.compress > * > tr > td {
    padding: 0 4px 0 4px;
}

table.compress > caption {
    margin-bottom: -0.8em;
}

table.compress > * > tr > td > p, table.compress > * > ul, table.compress > * > ol, table.compress > * > dl, table.compress > * > li, table.compress > * > dd, table.compress > * > dt {
    border-bottom-width: 0;
    border-top-width: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0;
}

.vmid {
    vertical-align: middle;
}

.vtop {
    vertical-align: top;
}

table.vmid td, table.vmid th, table.vmid tr {
    vertical-align: middle;
}

table.vtop td, table.vtop th, table.vtop tr {
    vertical-align: top;
}

table.firstleft {
    text-align: center;
}

table.firstleft td: first-child, table.firstleft th: first-child {
    text-align: left;
}

table.collapsed tr.collapsible {
    display: none;
}

.collapseButton {             /* 'show'/'hide' buttons created dynamically by the        */
    float: right;             /* CollapsibleTables JavaScript in [[MediaWiki: Common.js]] */
    font-weight: normal;      /* are styled here so they can be customised.              */
    margin-left: 0.5em;
    text-align: right;
    width: auto;
}

/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
    font-weight: normal;
    /* @noflip */
    text-align: right;
}

.navbox .mw-collapsible-toggle {
    width: 6em;
}

.centered, table.centered {
    margin-left: auto;
    margin-right: auto;
}

.toclimit-2 .toclevel-2,
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 {
    display: none;
}

body.page-Main_Page h1.firstHeading {
    display: none;
}

body.page-Main_Page #siteSub {
    display: none;
}

div.news {
    margin-left: 2%;
}

div.news:after {
    content: "."; 
    visibility: hidden; 
    display: block; 
    height: 0; 
    clear: both;
}

div.no_vspace.thumb, div.no_tspace.thumb {
    border-top: 0em;
    margin-top: -1.3em;
}

div.no_lspace.thumb {
    border-left: 0em;
    margin-left: -1.4em;
}

div.no_rspace.thumb {
    border-right: 0em;
    margin-right: -1.4em;
}

div.multi_vert.thumb {
    border-top: 0em;
    margin-top: -1.3em;
}

div.multi_horiz.tleft {
    clear: none;
    border-left: 0em;
    margin-left: -1.9em;
}

div.multi_horiz.tright {
    clear: none;
    border-right: 0em;
    margin-right: -1.4em;
}

#siteSub {
    clear: both;
    display: inline;
    float: right;
    font-size: 84%;
    font-style: italic;
    font-weight: normal;
    line-height: 1.3em;
    margin: 0 0 0 0;
    padding-left: 1em;
    padding-top: 0em;
    text-align: right;
    width: 50%;
}

#contentSub {
    line-height: 1.3em;
    min-height: 13px;
}

/* Add webfont support for Dragon Font */
@font-face {
    font-family: 'DragonscriptRegular';
    src: url('/w/extensions/DragonFont/dragon_script.eot');
    src: url('/w/extensions/DragonFont/dragon_script.eot?#iefix') format('embedded-opentype'),
         url('/w/extensions/DragonFont/dragon_script.woff') format('woff'),
         url('/w/extensions/DragonFont/dragon_script.ttf') format('truetype'),
         url('/w/extensions/DragonFont/dragon_script.svg#DragonscriptRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}

/* Add webfont support for Daedric Font */
@font-face {
    font-family: 'Oblivion';
    src: url('/w/extensions/DaedricFont/Oblivion.eot');
    src: url('/w/extensions/DaedricFont/Oblivion.eot?#iefix') format('embedded-opentype'),
         url('/w/extensions/DaedricFont/Oblivion.woff') format('woff'),
         url('/w/extensions/DaedricFont/Oblivion.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}

/* Add webfont support for Falmer Font */
@font-face {
    font-family: 'Falmer';
    src: url('/w/extensions/FalmerFont/Falmer.eot');
    src: url('/w/extensions/FalmerFont/Falmer.eot?#iefix') format('embedded-opentype'),
         url('/w/extensions/FalmerFont/Falmer.woff') format('woff'),
         url('/w/extensions/FalmerFont/Falmer.ttf') format('truetype'),
         url('/w/extensions/FalmerFont/Falmer.svg#Falmer') format('svg');
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}

table.striped tr: nth-child(even) {
    background-color: #efefef;
}

table.striped tr: nth-child(odd) {
    background-color: transparent;
}

h1, h2, h3, h4, h5, h6 {
    overflow: hidden;
}

/* For use by Template: Note */
.citation: target, .citation: target td {
    background-color: #EEEEFF;
}

.navbox {                     /* Navbox container style */
    border: 1px solid #aaa;
    width: 100%;
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}

.navbox-inner, .navbox-subgroup {
    width: 100%;
}

.navbox th, .navbox-title, .navbox-abovebelow {
    text-align: center;       /* Title and above/below styles */
    padding-left: 1em;
    padding-right: 1em;
}

th.navbox-group {             /* Group style */
    white-space: nowrap;
    /* @noflip */
    text-align: right;
}

.navbox, .navbox-subgroup {
    background: #fdfdfd;      /* Background color */
}

.navbox-list {
    border-color: #fdfdfd;    /* Must match background color */
}

.navbox th, .navbox-title {
    background: #f5deb3;      /* Level 1 color */
}

.navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title {
    background: #efe1bc;      /* Level 2 color */
}

.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
    background: #f5e8c8;      /* Level 3 color */
}

.navbox-even {
    background: #fdf7ea;      /* Even row striping */
}

.navbox-odd {
    background: transparent;  /* Odd row striping */
}

table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */
    margin-top: -1px;         /* (doesn't work for IE6, but that's okay)       */
}

/* Style for horizontal lists (separator following item).
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 8 (2016-05-21)
   @author [[User:Edokter]]
 */
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li {
    display: none;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ": ";
}
.hlist dd:after,
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ")";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: listitem;
}
.hlist ol > li {
    counter-increment: listitem;
}
.hlist ol > li:before {
    content: " " counter(listitem) "\a0";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) "\a0";
}

.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
    padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}

.navbox .hlist dd,
.navbox .hlist dt,
.navbox .hlist li {
    white-space: nowrap;      /* Nowrap list items in navboxes */
    white-space: normal !ie;  /* IE < 8 no-wraps entire list, so disable it */
}

.navbox .hlist dd dl,
.navbox .hlist dt dl,
.navbox .hlist li ol,
.navbox .hlist li ul {
    white-space: normal;      /* But allow parent list items to be wrapped */
}

ol + table.navbox, ul + table.navbox {
    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */
}

.mw-specialpages-table {
    background-color: transparent;
}

ol {
    margin: 0.3em 0 0 1.5em !important;
}

legend + table {
    background-color: inherit;
}

body.page-Main_Page #contentSub {
    margin-bottom: -13px;
}

img {
    vertical-align: top;
}

.hiddenStructure {
    display: none;
}

/* For use by Template: ESO Box */
.ESO-box {
    border: 4px solid;
    -webkit-border-image: url("//images.uesp.net/3/3a/Template-ESO_Box.png") 4 4 4 4 repeat;
    -moz-border-image: url("//images.uesp.net/3/3a/Template-ESO_Box.png") 4 4 4 4 repeat;
    -ms-border-image: url("//images.uesp.net/3/3a/Template-ESO_Box.png") 4 4 4 4 repeat;
    -o-border-image: url("//images.uesp.net/3/3a/Template-ESO_Box.png") 4 4 4 4 repeat;
    border-image: url("//images.uesp.net/3/3a/Template-ESO_Box.png") 4 4 4 4 repeat;
    behavior: url(/PIE.htc);
    width: 97%
}

fieldset#mw-searchoptions {
    background-color: #FDF5E6;
}

fieldset#mw-searchoptions table {
    background-color: #FDF5E6;
}

.idall {
    font-size: 83%;
}

.mw-search-formheader {
    background-color: #F5DEB3;
}

.mw-search-formheader div.search-types ul li.current a {
    font-weight: bold;
}

.not-patrolled {
    background-color:#CCBB88;
}

.os-suggest {
    overflow-y: hidden;
}

/* fix height to stop sidebar from jumping around after page load */
#p-googleplus {
   height: 25px;
}

#n-Discord {
   background-image: url(//images.uesp.net/icons/discordiconsmall.png);
   background-position: top left;
   background-repeat: no-repeat;
   padding-left: 20px;
}

#n-Facebook {
   background-image: url(//images.uesp.net/icons/facebookiconsmall.png);
   background-position: top left;
   background-repeat: no-repeat;
   padding-left: 20px;
}

#n-Twitter {
   background-image: url(//images.uesp.net/icons/twittericonsmall.png);
   background-position: top left;
   background-repeat: no-repeat;
   padding-left: 20px;
}

#n-Google\.2B {
   background-image: url(//images.uesp.net/icons/googleplusiconsmall.png);
   background-position: top left;
   background-repeat: no-repeat;
   padding-left: 20px;
}

#n-Tumblr {
   background-image: url(//images.uesp.net/icons/tumblriconsmall.png);
   background-position: top left;
   background-repeat: no-repeat;
   padding-left: 20px;
}

/* multi column references */
ol.references {
   column-width: 30em; -moz-column-width: 30em; -webkit-column-width: 30em;
   column-gap:20px; -moz-column-gap:20px; -webkit-column-gap:20px;
}
ol.references li {
   margin-left: 2em;
   page-break-inside: avoid; -webkit-column-break-inside: avoid;
}
div.references-columns ol.references {
   column-width: inherit; -moz-column-width: inherit; -webkit-column-width: inherit;
}

/* CSS for styling and layout on Zenimax Interactive Map texts */
div.esomaptext {
   padding:15px 20px 10px 0;
   background:#EBE0C8;
   border-radius:5px;
}

hr.clearboth {
   background-color: #EBE0C8;
   border:1px solid #EBE0C8;
   clear:both;
}

/* MetaTemplate Special page styles */
span.mt-subsetvalue {
    font-style: italic;
}

span.mt-subsetvaluemain {
    color: grey;
}

#preferences {
    background-color: transparent;
}

.prefsection {
    background-color: transparent;
}

.prefsection table, .prefsection legend {
    background-color: transparent;
}

#preftoc li {
    background-color: #fdf5e6;
}

#preftoc li.selected {
    background-color: #f5deb3;
}

.editOptions {
    background-color: #f5deb3;
}

div#userloginForm, div#userlogin {
    background-color: transparent;
}

#mw-createaccount-join {
    box-shadow: none;
}

td.diff-addedline {
    border-color: #B9FFB0;
    background-color: #D8FFD0;
}

td.diff-addedline .diffchange {
    color: red;
    background-color: #B9FFB0;
}

td.diff-deletedline {
    border-color: #FFF890;
    background-color: #FFFFD0;
}

td.diff-deletedline .diffchange {
    color: red;
    background-color: #FFF890;
}

.diffchange {
    background-color: #FFCDF3;
}

td.diff-context {
    background-color: #faebd7;
    border-color: #f5deb3;
}

#firstHeading {
    line-height: 0.9em;
}

li.gallerybox div.thumb div  {
    background-color:transparent;
}

ul.gallery.mw-gallery-nolines, ul.gallery.mw-gallery-packed {
    background-color:#FDF5E6;
    border:1px solid lightgrey;
    padding:4px;
    display:inline-block;
}

ul.gallery.mw-gallery-nolines li.gallerybox {
    padding:4px;
}

ul.gallery.mw-gallery-packed {
    background-color:#FDF5E6;
    border:1px solid lightgrey;
    display:inline-block;
    text-align:left;
}

table.infobox {
     float:right;
     margin:0 0 1em 0.5em;
     width:33%;
}

table.mw-collapsible {
     margin-top: 3px;
}
table.mw-enhanced-rc th, table.mw-enhanced-rc td {
    padding: 0;
    vertical-align: bottom;
}
    table.mw-collapsible.mw-enhanced-rc td:first-of-type {
    padding: 0;
    vertical-align: top;
}
/* Although color is consistent throughout each set, they're included here in case backgrounds are ever changed and color needs to be altered for readability. */
table.lgclass-agility > * > tr > th       { color:white; background-color:#1B5501; }
table.lgclass-endurance > * > tr > th     { color:white; background-color:#8A0A86; }
table.lgclass-intelligence > * > tr > th  { color:white; background-color:#1A91FF; }
table.lgclass-neutral > * > tr > th       { color:white; background-color:#808080; }
table.lgclass-strength > * > tr > th      { color:white; background-color:#E6000B; }
table.lgclass-willpower > * > tr > th     { color:white; background-color:#DDA308; }
table.lgclass-archer > * > tr > th        { color:white; background-image:linear-gradient(to right, #E6000B, #1B5501); }
table.lgclass-assassin > * > tr > th      { color:white; background-image:linear-gradient(to right, #1A91FF, #1B5501); }
table.lgclass-battlemage > * > tr > th    { color:white; background-image:linear-gradient(to right, #E6000B, #1A91FF); }
table.lgclass-crusader > * > tr > th      { color:white; background-image:linear-gradient(to right, #E6000B, #DDA308); }
table.lgclass-mage > * > tr > th          { color:white; background-image:linear-gradient(to right, #1A91FF, #DDA308); }
table.lgclass-monk > * > tr > th          { color:white; background-image:linear-gradient(to right, #DDA308, #1B5501); }
table.lgclass-scout > * > tr > th         { color:white; background-image:linear-gradient(to right, #1B5501, #8A0A86); }
table.lgclass-sorcerer > * > tr > th      { color:white; background-image:linear-gradient(to right, #1A91FF, #8A0A86); }
table.lgclass-spellsword > * > tr > th    { color:white; background-image:linear-gradient(to right, #DDA308, #8A0A86); }
table.lgclass-warrior > * > tr > th       { color:white; background-image:linear-gradient(to right, #E6000B, #8A0A86); }
table.lgclass-houseredoran > * > tr > th  { color:white; background-image:linear-gradient(to right, #E6000B, #DDA308, #8A0A86); }
table.lgclass-housetelvanni > * > tr > th { color:white; background-image:linear-gradient(to right, #1A91FF, #1B5501, #8A0A86); }
table.lgclass-househlaalu > * > tr > th   { color:white; background-image:linear-gradient(to right, #E6000B, #DDA308, #1B5501); }
table.lgclass-tribunaltemple > * > tr > th   { color:white; background-image:linear-gradient(to right, #1A91FF, #DDA308, #8A0A86); }
table.lgclass-housedagoth > * > tr > th   { color:white; background-image:linear-gradient(to right, #E6000B, #1A91FF, #1B5501); }

table.lgclass-agility > * > tr > th a,
table.lgclass-endurance > * > tr > th a,
table.lgclass-intelligence > * > tr > th a,
table.lgclass-neutral > * > tr > th a,
table.lgclass-strength > * > tr > th a,
table.lgclass-willpower > * > tr > th a,
table.lgclass-archer > * > tr > th a,
table.lgclass-assassin > * > tr > th a,
table.lgclass-battlemage > * > tr > th a,
table.lgclass-crusader > * > tr > th a,
table.lgclass-mage > * > tr > th a,
table.lgclass-monk > * > tr > th a,
table.lgclass-scout > * > tr > th a,
table.lgclass-sorcerer > * > tr > th a,
table.lgclass-spellsword > * > tr > th a,
table.lgclass-warrior > * > tr > th a,
table.lgclass-houseredoran > * > tr > th a,
table.lgclass-housetelvanni > * > tr > th a,
table.lgclass-househlaalu > * > tr > th a,
table.lgclass-tribunaltemple > * > tr > th a,
table.lgclass-housedagoth > * > tr > th a { color:white; }

table.lgclass-agility > * > tr > td       { color:black; background-color:#8AFD56; }
table.lgclass-endurance > * > tr > td     { color:black; background-color:#F79AF4; }
table.lgclass-intelligence > * > tr > td  { color:black; background-color:#B3DAFF; }
table.lgclass-neutral > * > tr > td       { color:black; background-color:#CCCCCC; }
table.lgclass-strength > * > tr > td      { color:black; background-color:#FF8086; }
table.lgclass-willpower > * > tr > td     { color:black; background-color:#FADA83; }
table.lgclass-archer > * > tr > td        { color:black; background-image:linear-gradient(to right, #FF8086, #8AFD56); }
table.lgclass-assassin > * > tr > td      { color:black; background-image:linear-gradient(to right, #B3DAFF, #8AFD56); }
table.lgclass-battlemage > * > tr > td    { color:black; background-image:linear-gradient(to right, #FF8086, #B3DAFF); }
table.lgclass-crusader > * > tr > td      { color:black; background-image:linear-gradient(to right, #FF8086, #FADA83); }
table.lgclass-mage > * > tr > td          { color:black; background-image:linear-gradient(to right, #B3DAFF, #FADA83); }
table.lgclass-monk > * > tr > td          { color:black; background-image:linear-gradient(to right, #FADA83, #8AFD56); }
table.lgclass-scout > * > tr > td         { color:black; background-image:linear-gradient(to right, #8AFD56, #F79AF4); }
table.lgclass-sorcerer > * > tr > td      { color:black; background-image:linear-gradient(to right, #B3DAFF, #F79AF4); }
table.lgclass-spellsword > * > tr > td    { color:black; background-image:linear-gradient(to right, #FADA83, #F79AF4); }
table.lgclass-warrior > * > tr > td       { color:black; background-image:linear-gradient(to right, #FF8086, #F79AF4); }
table.lgclass-houseredoran > * > tr > td  { color:black; background-image:linear-gradient(to right, #FF8086, #FADA83, #F79AF4); }
table.lgclass-housetelvanni > * > tr > td { color:black; background-image:linear-gradient(to right, #B3DAFF, #8AFD56, #F79AF4); }
table.lgclass-househlaalu > * > tr > td   { color:black; background-image:linear-gradient(to right, #FF8086, #FADA83, #8AFD56); }
table.lgclass-tribunaltemple > * > tr > td   { color:black; background-image:linear-gradient(to right, #B3DAFF, #FADA83, #F79AF4); }
table.lgclass-housedagoth > * > tr > td   { color:black; background-image:linear-gradient(to right, #FF8086, #B3DAFF, #8AFD56); }

table.wikitable th.racecolor1,     .racecolor1     { color:#000000; background-color:#DDDDDD; }
table.wikitable th.racecolor1-alt, .racecolor1-alt { color:#000000; background-color:#DFBE00; }
table.wikitable th.racecolor1-ani, .racecolor1-ani { color:#00FF00; background-color:#000000; }
table.wikitable th.racecolor1-arg, .racecolor1-arg { color:#000000; background-color:#86AC01; }
table.wikitable th.racecolor1-ash, .racecolor1-ash { color:#FF0000; background-color:#000000; }
table.wikitable th.racecolor1-bea, .racecolor1-bea { color:#00FF00; background-color:#000000; }
table.wikitable th.racecolor1-bos, .racecolor1-bos { color:#FFFFFF; background-color:#847000; }
table.wikitable th.racecolor1-bre, .racecolor1-bre { color:#FFFFFF; background-color:#993365; }
table.wikitable th.racecolor1-dae, .racecolor1-dae { color:#FFFF00; background-color:#000000; }
table.wikitable th.racecolor1-dar, .racecolor1-dar { color:#FFFFFF; background-color:#5F9EA0; }
table.wikitable th.racecolor1-dre, .racecolor1-dre { color:#FFFFFF; background-color:#B22222; }
table.wikitable th.racecolor1-dun, .racecolor1-dun { color:#FFFFFF; background-color:#848484; }
table.wikitable th.racecolor1-dwe, .racecolor1-dwe { color:#FF9900; background-color:#000000; }
table.wikitable th.racecolor1-fab, .racecolor1-fab { color:#FF00BB; background-color:#000000; }
table.wikitable th.racecolor1-gob, .racecolor1-gob { color:#66DD66; background-color:#000000; }
table.wikitable th.racecolor1-gol, .racecolor1-gol { color:#000000; background-color:#FFDD00; }
table.wikitable th.racecolor1-hor, .racecolor1-hor { color:#CC9900; background-color:#000000; }
table.wikitable th.racecolor1-imp, .racecolor1-imp { color:#FFFFFF; background-color:#0000AE; }
table.wikitable th.racecolor1-kha, .racecolor1-kha { color:#000000; background-color:#F39A00; }
table.wikitable th.racecolor1-kwa, .racecolor1-kwa { color:#8888FF; background-color:#000000; }
table.wikitable th.racecolor1-mon, .racecolor1-mon { color:#66DD66; background-color:#000000; }
table.wikitable th.racecolor1-nor, .racecolor1-nor { color:#000000; background-color:#00D8D8; }
table.wikitable th.racecolor1-orc, .racecolor1-orc { color:#FFFFFF; background-color:#118500; }
table.wikitable th.racecolor1-red, .racecolor1-red { color:#FFFFFF; background-color:#841A1A; }
table.wikitable th.racecolor1-spe, .racecolor1-spe { color:#FFCC66; background-color:#000000; }
table.wikitable th.racecolor1-und, .racecolor1-und { color:#00FFFF; background-color:#000000; }
table.wikitable th.racecolor1-woo, .racecolor1-woo { color:#FFFFFF; background-color:#DDDDDD; }

table.wikitable th.racecolor2,     .racecolor2     { color:#000000; background-color:#EEEEEE; }
table.wikitable th.racecolor2-alt, .racecolor2-alt { color:#000000; background-color:#EFDF80; }
table.wikitable th.racecolor2-ani, .racecolor2-ani { color:#00FF00; background-color:#808080; }
table.wikitable th.racecolor2-arg, .racecolor2-arg { color:#000000; background-color:#86AC01; }
table.wikitable th.racecolor2-ash, .racecolor2-ash { color:#FF0000; background-color:#000000; }
table.wikitable th.racecolor2-bea, .racecolor2-bea { color:#00FF00; background-color:#000000; }
table.wikitable th.racecolor2-bos, .racecolor2-bos { color:#FFFFFF; background-color:#847000; }
table.wikitable th.racecolor2-bre, .racecolor2-bre { color:#FFFFFF; background-color:#993365; }
table.wikitable th.racecolor2-dae, .racecolor2-dae { color:#FFFF00; background-color:#000000; }
table.wikitable th.racecolor2-dar, .racecolor2-dar { color:#FFFFFF; background-color:#5F9EA0; }
table.wikitable th.racecolor2-dre, .racecolor2-dre { color:#FFFFFF; background-color:#B22222; }
table.wikitable th.racecolor2-dun, .racecolor2-dun { color:#FFFFFF; background-color:#CACACA; }
table.wikitable th.racecolor2-dwe, .racecolor2-dwe { color:#FF9900; background-color:#000000; }
table.wikitable th.racecolor2-fab, .racecolor2-fab { color:#FF00BB; background-color:#000000; }
table.wikitable th.racecolor2-gob, .racecolor2-gob { color:#66DD66; background-color:#000000; }
table.wikitable th.racecolor2-gol, .racecolor2-gol { color:#000000; background-color:#FFDD00; }
table.wikitable th.racecolor2-hor, .racecolor2-hor { color:#CC9900; background-color:#000000; }
table.wikitable th.racecolor2-imp, .racecolor2-imp { color:#FFFFFF; background-color:#0000AE; }
table.wikitable th.racecolor2-kha, .racecolor2-kha { color:#000000; background-color:#F39A00; }
table.wikitable th.racecolor2-kwa, .racecolor2-kwa { color:#8888FF; background-color:#000000; }
table.wikitable th.racecolor2-mon, .racecolor2-mon { color:#66DD66; background-color:#000000; }
table.wikitable th.racecolor2-nor, .racecolor2-nor { color:#000000; background-color:#00D8D8; }
table.wikitable th.racecolor2-orc, .racecolor2-orc { color:#FFFFFF; background-color:#118500; }
table.wikitable th.racecolor2-red, .racecolor2-red { color:#FFFFFF; background-color:#841A1A; }
table.wikitable th.racecolor2-spe, .racecolor2-spe { color:#FFCC66; background-color:#000000; }
table.wikitable th.racecolor2-und, .racecolor2-und { color:#00FFFF; background-color:#000000; }
table.wikitable th.racecolor2-woo, .racecolor2-woo { color:#FFFFFF; background-color:#DDDDDD; }

div.footer {
    margin:2em 0.5em 0 0.5em;
    border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    padding: .3em;
}

span.coloredlinks a {
    color:inherit;
}

p {
    margin-block-end: 0;
}

/* Fix for double-underlining of N and m in RC/history in some browsers - copied from shared.css for MW 1.26+ */
abbr[title],
.explain[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

@supports (text-decoration: underline dotted) {
    abbr[title],
    .explain[title] {
        border-bottom: none;
        text-decoration: underline dotted;
    }
}