MediaWiki:Gadget-Infobox.css: Difference between revisions
MediaWiki interface page
More actions
ReisuDesign (talk | contribs) No edit summary |
Reduced min-width |
||
| (5 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
.portable-infobox { | .portable-infobox { | ||
min-width: 320px; | |||
background: var(--background-color-1); | background: var(--background-color-1); | ||
border-radius: 20px; | border-radius: 20px; | ||
| Line 8: | Line 7: | ||
.pi-title { | .pi-title { | ||
background-color: var(-- | background-color: var(--color-accent); | ||
text-align: center; | text-align: center; | ||
border-radius: 10px; | border-radius: 10px; | ||
color: var(--color- | color: var(--color-accent-text); | ||
margin-bottom: 5px !important; | margin-bottom: 5px !important; | ||
} | } | ||
.pi-data { | .pi-data { | ||
background-color: var(--background-color- | background-color: var(--background-color-2); | ||
border-radius: 10px; | border-radius: 10px; | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
| Line 54: | Line 48: | ||
.pi-media-collection-tabs .current { | .pi-media-collection-tabs .current { | ||
background-color: var(--background-color- | background-color: var(--background-color-4) !important; | ||
} | } | ||
.pi-media-collection-tabs li { | .pi-media-collection-tabs li { | ||
border-radius: 10px !important; | border-radius: 10px !important; | ||
background-color: var(--background-color- | background-color: var(--background-color-2) !important; | ||
} | } | ||
| Line 65: | Line 59: | ||
max-width: none !important; | max-width: none !important; | ||
flex-grow: 1; | flex-grow: 1; | ||
} | |||
.pi-media-collection .pi-tab-link { | |||
border: 0; | |||
} | } | ||
| Line 73: | Line 71: | ||
} | } | ||
/* Group | /* Group styling */ | ||
.pi-horizontal-group { | .pi-horizontal-group { | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
| Line 84: | Line 82: | ||
.pi-horizontal-group { | .pi-horizontal-group { | ||
td , th { | td, | ||
th { | |||
border-color: var(--background-color-1) !important; | border-color: var(--background-color-1) !important; | ||
border-width: 5px !important; | border-width: 5px !important; | ||
background-color: var(--background-color- | background-color: var(--background-color-2); | ||
} | } | ||
} | } | ||
| Line 93: | Line 92: | ||
.pi-group { | .pi-group { | ||
border: none; | border: none; | ||
} | |||
/* Hide dummy infobox */ | |||
aside.pi-theme-dummy, | |||
aside.pi-theme-dummy ~ aside.portable-infobox + p > br:first-child, | |||
aside.pi-theme-dummy ~ aside.portable-infobox + p:empty + p > br:first-child { | |||
display: none; | |||
} | } | ||