MediaWiki:Mobile.css: Difference between revisions

Add styles for small card
No edit summary
Line 1,078: Line 1,078:
.tabButtonLane > .tabButton-active {
.tabButtonLane > .tabButton-active {
    background-color: rgba(100,100,100,0.7)!important;
    background-color: rgba(100,100,100,0.7)!important;
}
.enemyname {
  color: #FF0012;
  text-shadow: 0px 0px 3px #EC5151;
  display: inline-block;
}
.enemyname.boss {
  /* background-image: url('/images/1/1e/Boss_Icon_Small.png');*/
  background-image: url('/images/f/fc/Boss_Skull_Icon.png');
  background-size: 12px;
  background-repeat: no-repeat;
  padding-left: 14px;
  background-position-y: 3px;
  background-position-x: 0;
}
/* PNC specifics =========================== */
/* Character index */
.pnc-index-entry {
position: relative;
display: inline-block;
height: 250px;
width: 128px;
overflow: hidden;
margin-right: 20px;
border-radius: 5px;
}
.pnc-index-entry .file {
position: absolute;
top: 0;
left: 0;
}
.pnc-index-entry .card {
position: absolute;
top: 14px;
left: 2px;
width: 124px;
}
.pnc-index-entry .back {
position: absolute;
top: 20px;
left: 0px;
}
.pnc-index-entry .hero {
position: absolute;
top: 0px;
left: 1px;
width: 126px;
}
.pnc-index-entry .front {
position: absolute;
bottom: 0px;
}
.pnc-index-entry .company {
position: absolute;
top: 12px;
left: 40px;
width: 120px;
opacity: 20%;
}
.pnc-index-entry .rarity {
position: absolute;
bottom: 32px;
left: 4px;
height: 16px;
}
.pnc-index-entry .name {
position: absolute;
bottom: 10px;
left: 8px;
width: 120px;
color: lightgray;
font-size: 20px;
}
.pnc-index-entry .heroclass {
position: absolute;
top: 15px;
left: 4px;
width: 16px;
}
}