MediaWiki:Pixeled.css
Thaumanovic (Talk | contribs) m (Test styles for new infoboxes) |
Thaumanovic (Talk | contribs) (Add ship designs table styling) |
||
(11 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#contentwrapper | #contentwrapper | ||
{ | { | ||
- | + | width: auto !important; | |
+ | float: none !important; | ||
} | } | ||
- | textarea | + | textarea#wpTextbox1 |
{ | { | ||
- | + | resize: vertical; | |
+ | width: 100%; | ||
} | } | ||
.icon | .icon | ||
{ | { | ||
- | + | display: inline-block; | |
- | + | background-size: 16px 16px; | |
- | + | background-repeat: no-repeat; | |
- | + | padding-left: 20px; | |
- | + | min-height: 16px; | |
- | + | line-height: 18px; | |
- | + | background-position: center left; | |
} | } | ||
.icon.icon-alien | .icon.icon-alien | ||
{ | { | ||
- | + | background-image: url("https://galaxylegion1-1faae.kxcdn.com/images/icons/button-alien.png"); | |
} | } | ||
Line 60: | 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; | |
+ | padding: 0 1.4em; | ||
} | } | ||
.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; | |
text-align: right; | text-align: right; | ||
width: 48px; | width: 48px; | ||
Line 100: | Line 82: | ||
.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; | ||
padding: 2px 7px | 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; | ||
+ | } | ||
+ | |||
+ | li + li | ||
+ | { | ||
+ | margin-top: 0.4em; | ||
+ | } | ||
+ | |||
+ | dl + dl | ||
+ | { | ||
+ | margin-top: 0.6em; | ||
+ | } | ||
+ | |||
+ | |||
+ | body.skin-pixeled h1, | ||
+ | body.skin-pixeled h2 | ||
+ | { | ||
+ | padding: 0.4em 0; | ||
+ | border-bottom: solid #353535 1px; | ||
+ | margin-bottom: 0.6em; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | |||
+ | .table | ||
+ | { | ||
+ | |||
+ | } | ||
+ | |||
+ | .table-ship-designs | ||
+ | { | ||
+ | table-layout: fixed; | ||
+ | border-collapse: collapse; | ||
+ | } | ||
+ | |||
+ | .table-ship-designs td | ||
+ | { | ||
+ | padding: 1em; | ||
+ | } | ||
+ | |||
+ | .table-ship-designs img | ||
+ | { | ||
+ | max-width: 80%; | ||
} | } |
Current revision as of 23:35, 2 May 2024
#contentwrapper { width: auto !important; float: none !important; } textarea#wpTextbox1 { resize: vertical; width: 100%; } .icon { display: inline-block; background-size: 16px 16px; background-repeat: no-repeat; padding-left: 20px; min-height: 16px; line-height: 18px; 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; padding: 0 1.4em; } .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; } li + li { margin-top: 0.4em; } dl + dl { margin-top: 0.6em; } body.skin-pixeled h1, body.skin-pixeled h2 { padding: 0.4em 0; border-bottom: solid #353535 1px; margin-bottom: 0.6em; overflow: hidden; } .table { } .table-ship-designs { table-layout: fixed; border-collapse: collapse; } .table-ship-designs td { padding: 1em; } .table-ship-designs img { max-width: 80%; }