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
}