Difference between revisions of "User:Mediarch/Page.css"
m (t) |
m |
||
Line 1: | Line 1: | ||
− | . | + | .weapon-dem |
− | + | { | |
− | + | width:96px; | |
− | + | height:96px; | |
− | + | margin:7px; | |
+ | border:solid 1px lightpink; | ||
+ | display:table; | ||
+ | float:left; | ||
+ | position:relative; | ||
+ | z-index:1; | ||
+ | } | ||
+ | |||
+ | .weapon-dem p | ||
+ | { | ||
+ | margin:0; | ||
+ | } | ||
+ | |||
+ | .weapon-dem:hover{ | ||
+ | z-index:2; | ||
+ | } | ||
+ | |||
+ | .inner-dem | ||
+ | { | ||
+ | display:table-cell; | ||
+ | padding:6px; | ||
+ | height:84px; | ||
+ | width:84px; | ||
+ | text-align:center; | ||
+ | vertical-align:middle; | ||
+ | } | ||
+ | |||
+ | .inner-dem img | ||
+ | { | ||
+ | width:auto; | ||
+ | height:auto; | ||
+ | max-width:100%; | ||
+ | max-height:100%; | ||
+ | } | ||
+ | |||
+ | .weapon-dem .name-popup | ||
+ | { | ||
+ | position: absolute; | ||
+ | top: 100%; | ||
+ | border: solid 2px lightpink; | ||
+ | background: #1C1C1C; | ||
+ | padding: 7px 12px; | ||
+ | text-align: center; | ||
+ | color: #fff; | ||
+ | font-size: 16px; | ||
+ | line-height: 1.5; | ||
+ | text-transform: uppercase; | ||
+ | font-family: "TF2 Build",Tf2 Build, Arial, sans-serif; | ||
+ | left: 50%; | ||
+ | margin-left: -112px; | ||
+ | width: 200px; | ||
+ | margin-top: 25px; | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .weapon-dem:hover .name-popup | ||
+ | { | ||
+ | display:block; | ||
} | } |
Revision as of 18:19, 26 April 2024
.weapon-dem { width:96px; height:96px; margin:7px; border:solid 1px lightpink; display:table; float:left; position:relative; z-index:1; } .weapon-dem p { margin:0; } .weapon-dem:hover{ z-index:2; } .inner-dem { display:table-cell; padding:6px; height:84px; width:84px; text-align:center; vertical-align:middle; } .inner-dem img { width:auto; height:auto; max-width:100%; max-height:100%; } .weapon-dem .name-popup { position: absolute; top: 100%; border: solid 2px lightpink; background: #1C1C1C; padding: 7px 12px; text-align: center; color: #fff; font-size: 16px; line-height: 1.5; text-transform: uppercase; font-family: "TF2 Build",Tf2 Build, Arial, sans-serif; left: 50%; margin-left: -112px; width: 200px; margin-top: 25px; display:none; } .weapon-dem:hover .name-popup { display:block; }