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