No edit summary |
No edit summary |
||
(14 intermediate revisions by the same user not shown) | |||
Line 40: | Line 40: | ||
z-index: 2; | z-index: 2; | ||
} | } | ||
.ModuleGenerator-socket-type-box a img { | .ModuleGenerator-socket-type-box a img { | ||
Line 51: | Line 50: | ||
} | } | ||
.ModuleGenerator-socket-type a img { | .ModuleGenerator-socket-type a img { | ||
width: | width: 48px; | ||
height: | height: 48px; | ||
top: | top: -7px; | ||
left: 36%; | |||
z-index: 10; | |||
} | } | ||
Line 60: | Line 60: | ||
position: absolute; | position: absolute; | ||
top: -30px; | top: -30px; | ||
right: | right: 32%; | ||
color: # | color: #fff; | ||
font-family: "Teko", sans-serif; | font-family: "Teko", sans-serif; | ||
font-weight: 400; | font-weight: 400; | ||
font-size: 64px; | font-size: 64px; | ||
z-index: 5; | z-index: 5; | ||
text-align: left; | |||
width: 48px; | |||
height: 48px; | |||
} | } | ||
Line 72: | Line 75: | ||
width: 100%; | width: 100%; | ||
top: 240px; | top: 240px; | ||
color: # | color: #fff; | ||
text-align: center; | text-align: center; | ||
font-family: "Noto Sans", sans-serif; | font-family: "Noto Sans", sans-serif; |
Latest revision as of 07:41, 30 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: 10; } .ModuleGenerator-module-class a img, .ModuleGenerator-module-class-bg a img{ width: 60px; height: 60px; top: -10px; right: -10px; } .ModuleGenerator-module-class a img{ z-index: 2; } .ModuleGenerator-socket-type-box a img { width:156px; height: 68px; position: absolute; left: 23.75%; top: -14px; z-index: 4; } .ModuleGenerator-socket-type a img { width: 48px; height: 48px; top: -7px; left: 36%; z-index: 10; } .ModuleGenerator-cost { position: absolute; top: -30px; right: 32%; color: #fff; font-family: "Teko", sans-serif; font-weight: 400; font-size: 64px; z-index: 5; text-align: left; width: 48px; height: 48px; } .ModuleGenerator-name { position: absolute; width: 100%; 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 a img { position: absolute; left: 25%; top: 50px; width: 148px; height: 148px; margin-left: auto; margin-right: auto; z-index: 20; } .ModuleGenerator-special-mask a img { position: absolute; z-index: 3; } .ModuleGenerator-notice { width: 298px; text-align: center; font-size: 12px; }