MediaWiki:Pixeled.css
Thaumanovic (Talk | contribs) (Do not float #contentwrapper) |
Thaumanovic (Talk | contribs) (Fixes) |
||
Line 1: | Line 1: | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#contentwrapper | #contentwrapper | ||
{ | { | ||
Line 28: | Line 7: | ||
textarea#wpTextbox1 | textarea#wpTextbox1 | ||
{ | { | ||
- | + | resize: vertical; | |
+ | width: 100%; | ||
} | } | ||
.icon | .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 | .icon.icon-alien | ||
{ | { | ||
- | + | background-image: url("https://galaxylegion1-1faae.kxcdn.com/images/icons/button-alien.png"); | |
} | } | ||
Line 61: | Line 41: | ||
.infobox .header | .infobox .header | ||
{ | { | ||
- | + | font-size: 1.04em; | |
- | + | font-weight: bold; | |
- | + | padding: 0.8em; | |
- | + | text-align: center; | |
- | + | background-color: #0c0c0c; | |
} | } | ||
.infobox .image-container | .infobox .image-container | ||
{ | { | ||
- | + | max-width: 16em; | |
- | + | margin-left: auto; | |
- | + | margin-top: 1em; | |
- | + | margin-right: auto; | |
} | } | ||
.infobox .image-container img | .infobox .image-container img | ||
{ | { | ||
- | + | max-width: inherit; | |
- | + | height: auto; | |
} | } | ||
.infobox .content | .infobox .content | ||
{ | { | ||
- | + | padding: 1em; | |
} | } | ||
.infobox dt | .infobox dt | ||
{ | { | ||
- | float: left; | + | float: left; |
text-align: right; | text-align: right; | ||
width: 48px; | width: 48px; | ||
Line 101: | Line 81: | ||
.infobox dd | .infobox dd | ||
{ | { | ||
- | + | float: left; | |
width: 140px; | width: 140px; | ||
font-weight: 400; | font-weight: 400; | ||
- | + | line-height: 1.4em; | |
border-left: 2px solid #4c4c4c; | border-left: 2px solid #4c4c4c; | ||
margin: 0; | margin: 0; |
Revision as of 11:06, 28 April 2024
#contentwrapper { width: auto !important; float: none !important; } textarea#wpTextbox1 { resize: vertical; width: 100%; } .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 } /** * TOC styling */ #toc { background-color: #25252529; padding: 0.3em 1em; border: solid 1px #252525; } #toctitle { text-align: center; } #toctitle h2 { display: inline; font-size: inherit; } #toc ul { list-style-type: none; padding: 0; line-height: 1.3em; margin-top: 1em; margin-bottom: 0.8em; } .toc ul li { padding: 0; }