No edit summary |
No edit summary |
||
| Line 12: | Line 12: | ||
} | } | ||
p span { | |||
display: block; | display: block; | ||
} | } | ||
.ModuleGenerator-bg-light2 { | .ModuleGenerator-bg-light2 a img { | ||
opacity: 0.33; | opacity: 0.33; | ||
} | } | ||
.ModuleGenerator-icon { | .ModuleGenerator-icon a img { | ||
top: 50px; | top: 50px; | ||
margin-right: auto; | margin-right: auto; | ||
| Line 29: | Line 29: | ||
} | } | ||
.ModuleGenerator-module-class { | .ModuleGenerator-module-class a img { | ||
width: 36px; | width: 36px; | ||
height: 36px; | height: 36px; | ||
| Line 36: | Line 36: | ||
} | } | ||
.ModuleGenerator-socket-type { | .ModuleGenerator-socket-type a img { | ||
width: 36px; | width: 36px; | ||
height: 36px; | height: 36px; | ||
| Line 43: | Line 43: | ||
} | } | ||
.ModuleGenerator-cost-icon { | .ModuleGenerator-cost-icon a img { | ||
position: absolute; | position: absolute; | ||
width: 36px; | width: 36px; | ||
| Line 51: | Line 51: | ||
} | } | ||
.ModuleGenerator-cost { | .ModuleGenerator-cost a img { | ||
position: absolute; | position: absolute; | ||
top: 4px; | top: 4px; | ||
| Line 84: | Line 84: | ||
} | } | ||
.ModuleGenerator-special-mask { | .ModuleGenerator-special-mask a img { | ||
position: absolute; | position: absolute; | ||
z-index: 3; | z-index: 3; | ||
} | } | ||
Revision as of 08:07, 7 June 2024
.ModuleGenerator-container {
position: relative;
width: 298px;
height: 404px;
}
span a img {
position: absolute;
max-width: 100%;
max-height: 100%;
z-index: 1;
}
p span {
display: block;
}
.ModuleGenerator-bg-light2 a img {
opacity: 0.33;
}
.ModuleGenerator-icon a img {
top: 50px;
margin-right: auto;
margin-left: auto;
left: 0;
right: 0;
z-index: 2;
}
.ModuleGenerator-module-class a img {
width: 36px;
height: 36px;
top: 8px;
left: 10px;
}
.ModuleGenerator-socket-type a img {
width: 36px;
height: 36px;
top: 8px;
left: 48px;
}
.ModuleGenerator-cost-icon a img {
position: absolute;
width: 36px;
height: 36px;
top: 8px;
right: 36px;
}
.ModuleGenerator-cost a img {
position: absolute;
top: 4px;
right: 18px;
color: #fff;
font-family: "Teko", sans-serif;
font-size: 36px;
z-index: 2;
}
.ModuleGenerator-name {
position: absolute;
top: 240px;
color: #fff;
text-align: center;
font-family: "Noto Sans", sans-serif;
font-size: 36px;
font-weight: 500;
line-height: 1;
z-index: 2;
}
.ModuleGenerator-rarity-mask {
position: absolute;
left: 25%;
top: 50px;
width: 148px;
height: 148px;
margin-left: auto;
margin-right: auto;
z-index: 2;
}
.ModuleGenerator-special-mask a img {
position: absolute;
z-index: 3;
}