Difference between revisions of "MediaWiki:Common.css"

Revision as of 04:47, 14 December 2020

/* CSS placed here will be applied to all skins */

/* Item and Equipment Templates */
.item {
   float:left;
   width:300px;
   border:1px solid #907854;
   background-color: #1a1a1a;
   color: #FFFFFF;
   padding: 0.2em;
   font-size: 0.90em;
   font-family: Verdana, Arial, sans-serif;
}

.item span {color:GreenYellow}
.item a:visited {color:SkyBlue}
.item a:link, a:hover, a:active {color:RoyalBlue}

.item_textbox {
   background-color:#e6dd80;
   border:1px solid #cc9900;
   color:#000000;
   padding:30px;
   width:500px;
   margin:10px auto 0;
   text-align:justify;
}

.item_textbox #author {
   border-top:1px solid #cc9900;
   margin:10px 0;
}

.item ul, .item_textbox ul {
   margin: 0;
   padding: 0;
   list-style: none;
   list-style-type: none;
   list-style-image: none;
}

.item li.topbottomspace {margin:10px 0px;}
.item li.topspace {margin-top:10px;}
.item li.bottomspace {margin-bottom:10px;}
.item li.dmgbonus {padding-left:6px;}
.item li.inscription {border-top:1px solid #907854;}

#item_header {
   display:table;
   padding:2px;
   text-align:center;
   width:100%;
   font-weight:bold;
}

#item_header div {
   display:table-cell;
   vertical-align: middle;
}

#item_header div + div {
   display:table-cell;
   vertical-align: middle;
   width:40px;
}

/* Creature and NPC Templates */
.character-infobox {
    background:#000033;
    border:2px solid #c90;
    padding:0.3em;
    width:22em;
    float:right;
    font-size:95%;
    color:#ffffff;
}

.character-infobox th {
    padding:0.5em;
    font-size:120%;
}

/* Dungeon Summary Template */
.location-infobox {
    background:#000033;
    border:2px solid #c90;
    padding:0.3em;
    width:22em;
    float:right;
    font-size:95%;
    color:#ffffff;
}

.location-infobox th {
    padding:0.5em;
    font-size:120%;
}

/* Quest Summary Template */
.quest-infobox {
    background:#000033;
    border:2px solid #c90;
    padding:0.3em;
    width:22em;
    float:right;
    font-size:95%;
    color:#ffffff;
}

.quest-infobox th {
    padding:0.5em;
    text-align:center;
    font-size:120%;
}

/* Quest Rewards Template */
table.questrewards {
    width:375px;
    background:#000033;
    border:2px solid #c90;
    margin-bottom:3px;
}
 
table.questrewards th {
   background:#c90;
   font: normal 105% Verdana;
}
 
table.questrewards td:first-child {
   text-align:center;
   width:100px;
   font: normal 95% Verdana;
   color:#ffffff;
}

table.questrewards td:last-child {
   font: normal 100% Arial;
}

table.questrewards tr {
   vertical-align:top;
}

/* Item list templates */
.itemtable {
    display:table;
    margin-left:6px;
    margin-bottom:10px;
}

.itemtable_row {
    display:table-row;
}

.itemtable_cell {
    display:table-cell;
    padding:5px;
}

.itemtable_caption {
    font-weight: bold;
}

.itemlist ul {
   list-style: none;
   list-style-type: none;
   list-style-image: none;
}

.creatureitems {
    display:inline-block;
    padding:3px;
    margin-bottom:1px;
}

.creatureitems > span {
    position: absolute;
}

.creatureitems > span > span {
    font-size:29px;
    z-index:1;
    position: absolute;
    right: -32px;
    bottom: -26px;
}

/* Horizontal ToC bar (dungeon and quest templates) */
.contentsbar {
    background:#000033;
    padding:5px;
    width:100%;
    text-align:center;
}

/* Map point template */
.mappoint {
    position:relative;
    top:0px;
    left:0px;
    width:260px;
}
.mappoint span:first-child {
    position:absolute;
    top:2px;
    left:2px;
    z-index:1;
}

.mappoint span + span, .mappointloc {
    z-index:2;
}

/* Tooltips */
.htt .tooltip-content .tooltip-hide, .hidden { display:none; }

.tooltip-error {
   background-color: black;
   color: white;
   max-width: 18em;
}

.tooltip-ready {
  visibility:hidden;
  display:block;
  z-index:999;
}

.creaturetooltip {
   background-color: #f9f9f9;
}

/* Chat colors */
span.say {
color:black;
}

span.emote {
color:grey;
}

span.tell {
color:darkgoldenrod;
}

span.event {
color:green;
}

span.magic {
color:cornflowerblue;
}

/* Buffed/debuffed stat color */
span.buffed {
color:greenyellow;
}

span.debuffed {
color:red;
}

/* Hide main page title */
body.page-Home h1.firstHeading {display:none;}