MediaWiki:Pixeled.css
Thaumanovic (Talk | contribs) (Add GP icon styling) |
Thaumanovic (Talk | contribs) m (Test styles for new infoboxes) |
||
Line 1: | Line 1: | ||
- | |||
span.icon | span.icon | ||
{ | { | ||
Line 19: | Line 18: | ||
font-weight: bold; | font-weight: bold; | ||
text-decoration: none; | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #contentwrapper | ||
+ | { | ||
+ | width: auto !important; | ||
+ | } | ||
+ | |||
+ | textarea.#wpTextbox1 | ||
+ | { | ||
+ | resize: vertical | ||
+ | } | ||
+ | |||
+ | .icon | ||
+ | { | ||
+ | display: block; | ||
+ | background-size: 22px 22px; | ||
+ | background-repeat: no-repeat; | ||
+ | padding-left: 28px; | ||
+ | min-height: 22px; | ||
+ | line-height: 24px; | ||
+ | background-position: center left; | ||
+ | } | ||
+ | |||
+ | .icon.icon-alien | ||
+ | { | ||
+ | background-image: url("https://galaxylegion1-1faae.kxcdn.com/images/icons/button-alien.png"); | ||
+ | } | ||
+ | |||
+ | .infobox | ||
+ | { | ||
+ | float: right; | ||
+ | margin-left: 2em; | ||
+ | margin-bottom: 2em; | ||
+ | border-radius: 0.4em; | ||
+ | border: solid 1px #4c4c4c; | ||
+ | max-width: 270px; | ||
+ | overflow: hidden; | ||
+ | background: rgb(0 0 0 / 33%); | ||
+ | } | ||
+ | |||
+ | .infobox .header | ||
+ | { | ||
+ | font-size: 1.04em; | ||
+ | font-weight: bold; | ||
+ | padding: 0.8em; | ||
+ | text-align: center; | ||
+ | background-color: #0c0c0c; | ||
+ | } | ||
+ | |||
+ | .infobox .image-container | ||
+ | { | ||
+ | max-width: 16em; | ||
+ | margin-left: auto; | ||
+ | margin-top: 1em; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | .infobox .image-container img | ||
+ | { | ||
+ | max-width: inherit; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | .infobox .content | ||
+ | { | ||
+ | padding: 1em; | ||
+ | } | ||
+ | |||
+ | .infobox dt | ||
+ | { | ||
+ | float: left; | ||
+ | text-align: right; | ||
+ | width: 48px; | ||
+ | line-height: 1.4em; | ||
+ | font-weight: 700; | ||
+ | clear: left; | ||
+ | margin: 0 -2px 0 0; | ||
+ | padding: 2px 8px 2px 3px | ||
+ | } | ||
+ | |||
+ | .infobox dd | ||
+ | { | ||
+ | float: left; | ||
+ | width: 140px; | ||
+ | font-weight: 400; | ||
+ | line-height: 1.4em; | ||
+ | border-left: 2px solid #4c4c4c; | ||
+ | margin: 0; | ||
+ | padding: 2px 7px | ||
} | } |
Revision as of 19:36, 27 April 2024
span.icon { display: inline-block; font-size: 12px; line-height: 28px; padding-left: 25px; height: 25px; } span.icon.gp { background: url("https://h6w2n3n7.stackpathcdn.com/images/icons/galaxypoints.png") no-repeat center left; } span.icon.gp a { color: #00CCFF; font-weight: bold; text-decoration: none; } #contentwrapper { width: auto !important; } textarea.#wpTextbox1 { resize: vertical } .icon { display: block; background-size: 22px 22px; background-repeat: no-repeat; padding-left: 28px; min-height: 22px; line-height: 24px; background-position: center left; } .icon.icon-alien { background-image: url("https://galaxylegion1-1faae.kxcdn.com/images/icons/button-alien.png"); } .infobox { float: right; margin-left: 2em; margin-bottom: 2em; border-radius: 0.4em; border: solid 1px #4c4c4c; max-width: 270px; overflow: hidden; background: rgb(0 0 0 / 33%); } .infobox .header { font-size: 1.04em; font-weight: bold; padding: 0.8em; text-align: center; background-color: #0c0c0c; } .infobox .image-container { max-width: 16em; margin-left: auto; margin-top: 1em; margin-right: auto; } .infobox .image-container img { max-width: inherit; height: auto; } .infobox .content { padding: 1em; } .infobox dt { float: left; text-align: right; width: 48px; line-height: 1.4em; font-weight: 700; clear: left; margin: 0 -2px 0 0; padding: 2px 8px 2px 3px } .infobox dd { float: left; width: 140px; font-weight: 400; line-height: 1.4em; border-left: 2px solid #4c4c4c; margin: 0; padding: 2px 7px }