Difference between revisions of "MediaWiki:Mini Infobox.css"
Jump to navigation
Jump to search
(Created page with ".Mini-Infobox-Collection { display: grid; grid-template-columns: repeat(auto-fit, minmax(12em, 1fr)); grid-gap: 0.5em; } .Mini-Infobox-Card { →! max-width: 18em;: ...") |
m |
||
(13 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
.Mini-Infobox-Collection { | .Mini-Infobox-Collection { | ||
display: grid; | display: grid; | ||
grid-template-columns: repeat(auto- | grid-template-columns: repeat(auto-fill, minmax(24em, 1fr)); | ||
grid-gap: 0.5em; | grid-gap: 0.5em; | ||
} | |||
.Mini-Infobox-Collection .SB-Infobox { | |||
width: unset; | |||
} | } | ||
.Mini-Infobox-Card { | .Mini-Infobox-Card { | ||
background: rgba(49, 68, 77, 0.15); | background: rgba(49, 68, 77, 0.15); | ||
outline: 2px solid #3a808063; | outline: 2px solid #3a808063; | ||
Line 14: | Line 16: | ||
background: linear-gradient(transparent, #3a808045); | background: linear-gradient(transparent, #3a808045); | ||
padding: 1em; | padding: 1em; | ||
height: 10em; | |||
} | } | ||
.Mini-Infobox-Img-Wrap img { | .Mini-Infobox-Img-Wrap img { | ||
max-width: 100%; | max-width: 100%; | ||
max-height: 100%; | |||
width: auto; | |||
height: auto; | height: auto; | ||
} | } | ||
Line 26: | Line 31: | ||
text-align: center; | text-align: center; | ||
} | } | ||
/* | |||
.Mini-Infobox-Section-Header { | .Mini-Infobox-Section-Header { | ||
font-family: KenneyFuture; | font-family: KenneyFuture; | ||
Line 43: | Line 49: | ||
column-gap: 0.5em; | column-gap: 0.5em; | ||
padding: 0 0.4em; | padding: 0 0.4em; | ||
}*/ | |||
.Mini-Infobox-Collection .SB-Infobox-Data-Section-Header { | |||
font-family: KenneyFuture; | |||
font-size: 1.2em; | |||
border-bottom: 1px solid #394442; | |||
width: 75%; | |||
text-align: center; | |||
line-height: 130%; | |||
margin: 0.1em auto; | |||
background: none; | |||
padding-top: 1em; | |||
} | |||
.Mini-Infobox-Collection .SB-Infobox-Data-Section-Header::before { | |||
display: none; | |||
} | |||
.Mini-Infobox-Collection .SB-Infobox-Construction-Section { | |||
grid-template-columns: repeat(auto-fit, minmax(8em, 1fr)); | |||
column-gap: 0.5em; | |||
padding: 0 0.4em; | |||
} | |||
.Mini-Infobox-Collection .SB-Infobox-Name { | |||
font-size: 1.6em | |||
} | |||
.Mini-Infobox-Collection .SB-Infobox-Image-Wrap { | |||
height: 10em!important; | |||
} | |||
.Mini-Infobox-Swatch { | |||
width: 1em; | |||
height: 1em; | |||
display: inline-block; | |||
margin: 0.2em; | |||
} | |||
.sb-collapsible .mw-collapsible-toggle-default::after { | |||
color: #51defd; | |||
font-size: 80%; | |||
content: '▼'; | |||
margin-left: .25em; | |||
vertical-align: middle; | |||
} | |||
.sb-collapsible .mw-collapsible-toggle-expanded::after { | |||
content: '▲'; | |||
} | |||
.sb-collapsible .mw-collapsible-toggle-default::before { | |||
content: ''; | |||
} | |||
.sb-collapsible .mw-collapsible-toggle-default { | |||
float: none; | |||
text-align: center; | |||
display: block; | |||
background: #3a808063; | |||
font-size: 1.5em; | |||
font-family: kenneyfuture; | |||
margin-bottom: 0.25em | |||
} | } |
Latest revision as of 01:19, 14 July 2021
.Mini-Infobox-Collection {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(24em, 1fr));
grid-gap: 0.5em;
}
.Mini-Infobox-Collection .SB-Infobox {
width: unset;
}
.Mini-Infobox-Card {
background: rgba(49, 68, 77, 0.15);
outline: 2px solid #3a808063;
padding-bottom: 0.25em;
}
.Mini-Infobox-Img-Wrap {
text-align: center;
background: linear-gradient(transparent, #3a808045);
padding: 1em;
height: 10em;
}
.Mini-Infobox-Img-Wrap img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.Mini-Infobox-Name {
font-family: KenneyFuture;
font-size: 1.6em;
color: #edcd50;
background: #3a808063;
text-align: center;
}
/*
.Mini-Infobox-Section-Header {
font-family: KenneyFuture;
font-size: 1.2em;
border-bottom: 1px solid #394442;
width: 75%;
text-align: center;
line-height: 130%;
margin: 0.1em auto;
}
.Mini-Infobox-Section {
padding-bottom: 1em;
}
.Mini-Infobox-Construction-Section {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(8em, 1fr));
column-gap: 0.5em;
padding: 0 0.4em;
}*/
.Mini-Infobox-Collection .SB-Infobox-Data-Section-Header {
font-family: KenneyFuture;
font-size: 1.2em;
border-bottom: 1px solid #394442;
width: 75%;
text-align: center;
line-height: 130%;
margin: 0.1em auto;
background: none;
padding-top: 1em;
}
.Mini-Infobox-Collection .SB-Infobox-Data-Section-Header::before {
display: none;
}
.Mini-Infobox-Collection .SB-Infobox-Construction-Section {
grid-template-columns: repeat(auto-fit, minmax(8em, 1fr));
column-gap: 0.5em;
padding: 0 0.4em;
}
.Mini-Infobox-Collection .SB-Infobox-Name {
font-size: 1.6em
}
.Mini-Infobox-Collection .SB-Infobox-Image-Wrap {
height: 10em!important;
}
.Mini-Infobox-Swatch {
width: 1em;
height: 1em;
display: inline-block;
margin: 0.2em;
}
.sb-collapsible .mw-collapsible-toggle-default::after {
color: #51defd;
font-size: 80%;
content: '▼';
margin-left: .25em;
vertical-align: middle;
}
.sb-collapsible .mw-collapsible-toggle-expanded::after {
content: '▲';
}
.sb-collapsible .mw-collapsible-toggle-default::before {
content: '';
}
.sb-collapsible .mw-collapsible-toggle-default {
float: none;
text-align: center;
display: block;
background: #3a808063;
font-size: 1.5em;
font-family: kenneyfuture;
margin-bottom: 0.25em
}