No edit summary |
No edit summary |
||
Line 67: | Line 67: | ||
z-index: 5; | z-index: 5; | ||
text-align: left; | text-align: left; | ||
width: 48px; | |||
height: 48px; | |||
} | } | ||
Revision as of 07:40, 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: 36%; 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; }