MediaWiki:Mobile.css: Difference between revisions

Pianoforte (talk | contribs)
No edit summary
Added some stylings
Tags: Mobile edit Mobile web edit
Line 17: Line 17:
.bg-rarity {
.bg-rarity {
     display: none;
     display: none;
}
.tooltip-content {
  display: none;
}
#content.mw-body {
  background-color: rgba(12,12,12,0.90);
  border: none;
  color: rgba(250,250,250,1);
  text-shadow: 0 0 0.2em black,0 0 0.2em black;
}
.card-bg {
  background-image:url("//en.gfwiki.com/images/5/5a/Infobox_bg.png");
  width:256px;
  height:456px;
  padding:10px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
/* For compatibility. Move to card-bg class if possible. */
.profiletable .card-bg {
  height:auto;
  margin: 0;
  display: inline-block;
}
.card-bg .raritystars {
  position: absolute;
  top: 11px;
  right: 15px;
  z-index: 3;
}
.card-bg .raritystars.rarityEXTRA {
  top: inherit;
  bottom: 120px;
}
.card-bg .dollname {
  position: absolute;
  margin-left: 2px;
  z-index: 4;
  text-align: left;
  font-size: 250%;
  text-shadow: none;
  color: black;
  font-weight: bold;
  font-family: times new roman;
  bottom: 50px;
}
.card-bg .indexnumber {
  position: absolute;
  bottom: 3px;
  width: 66px;
  z-index: 4;
  font-size: 245%;
  text-shadow: none;
  color: white;
  font-family: courier new;
  letter-spacing: -6px;
  text-align: center;
  right: 8px;
  line-height: 1;
}
.card-bg .namefield {
  position: absolute;
  z-index: 3;
  bottom: 52px;
}
.card-bg .classificationsymbol {
  position: absolute;
  margin-left: 1px;
  margin-top: 1px;
  z-index: 3;
}
.card-bg .profilebackground {
  position: absolute;
  z-index: 2;
}
.card-bg .dollprofileimage {
  margin-top: 21px;
  min-width: 256px;
  margin-bottom: 94px;
}
/* Charactertabber */
.charactertabber {
  width: 100%;
  border-bottom: 2px solid #808080;
}
.charactertabber td {
  padding: 8px;
  background-color: #808080;
  font-weight: bold;
  opacity: 0.45;
  white-space: nowrap;
}
.charactertabber td:hover {
  opacity: 1;
}
.charactertabber td.active {
  background-color: #f0b000;
  font-weight: bold;
  color: white;
  opacity: 1;
}
.charactertabber td.filler {
  width: 100%;
  opacity: 0;
}
.obtainflagcontainer {
  float: left;
  color: black;
  text-shadow: none;
  display: inline-block;
  width: 150px;
}
.obtainflag {
  border: 1px solid transparent;
  border-radius:2px;
  margin-right:2px;
  padding-left: 2px;
  padding-right: 2px;
  clear: both;
}
.obtainflag.obtain-normal { background:green;  }
.obtainflag.obtain-heavy  { background:orange; }
.obtainflag.obtain-drop  { background:yellow; }
.obtainflag.obtain-reward { background:salmon; }
.obtainflag.obtain-hoc-fragments { background: #f9d988; }
.obtainflag.notpossible  { opacity: 0.25;    }
/* Equipment named card */
.equipmentnamedcard {
  width: 80px;
  text-align: center;
  display: inline-block;
  margin-right: 15px;
  vertical-align: top;
}
.equipmentnamedcard .equipmentcard {
  margin-left: 5px;
  margin-right: 5px;
}
.equipmentnamedcard .equipname {
  font-size: 0.9em;
}
.equipmentnamedcard .equipname small {
  display: none;
}
/* Equipment cards */
.equipmentcard {
  display: inline-block;
  background-color: #303030;
  border: 2px solid #d0d0d0;
  width: 64px;
  height: 60px;
  position: relative;
  overflow: hidden;
}
.equipmentcard .equipmentcardfiller {
  position: absolute;
  z-index: 5;
}
.equipmentcard img.typeicon {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
.equipmentcard .raritystars {
  position: absolute;
  margin-top: 1px;
  margin-left: auto;
  margin-right: 1px;
  height: 8px;
  z-index: 3;
  top: 0px;
  right: 0px;
}
.equipmentcard .equipimage {
  position: absolute;
  margin-top: 3px;
  top: 0;
  left: 0;
}
/* Stats Graph */
line.emphased {
  stroke-width: 3pt
}
line.radial {
  stroke: #333;
  stroke-width: 4pt;
}
svg {
  fill: none;
  stroke: #777;
  stroke-opacity: 1;
  stroke-width: 1pt;
}
text {
  fill: white;
  font-size: 2.5em;
  font-weight: normal;
  stroke: none;
  text-anchor: middle;
}
polygon {
  stroke-width: 3pt;
  fill-opacity: 0.5;
}
.graph-orange {
  stroke: #ff7733;
  fill: orange;
}
.graph-red {
  stroke: #bd0b0b;
  fill: red;
}
.graph-green {
  stroke: #007f00;
  fill: green;
}
.graph-blue {
  stroke: #00007f;
  fill: blue;
}
li.gallerybox div.thumb {
  background-color: #f9f9f91a;
}
}