MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
(5 intermediate revisions by the same user not shown) | |||
Line 14: | Line 14: | ||
display: grid; | display: grid; | ||
column-gap: 36px; | column-gap: 36px; | ||
grid-template: | grid-template: auto / 25em minmax(0,1fr); | ||
grid-template-areas: 'headerStart headerEnd'; | grid-template-areas: 'headerStart headerEnd'; | ||
} | } | ||
Line 23: | Line 23: | ||
} | } | ||
/* Infobox template style */ | |||
.infobox { | |||
border: 1px solid #a2a9b1; | |||
border-spacing: 3px; | |||
background-color: #f8f9fa; | |||
color: black; | |||
/* @noflip */ | |||
margin: 0.5em 0 0.5em 1em; | |||
padding: 0.2em; | |||
/* @noflip */ | |||
float: right; | |||
/* @noflip */ | |||
clear: right; | |||
font-size: 88%; | |||
line-height: 1.5em; | |||
width: 22em; | |||
} | |||
.infobox-header, | |||
.infobox-label, | |||
.infobox-above, | |||
.infobox-full-data, | |||
.infobox-data, | |||
.infobox-below, | |||
.infobox-subheader, | |||
.infobox-image, | |||
.infobox-navbar, | |||
/* Remove element selector when every .infobox thing is using the standard module/templates */ | |||
.infobox th, | |||
.infobox td { | |||
vertical-align: top; | |||
} | |||
.infobox-label, | |||
.infobox-data, | |||
/* Remove element selector when every .infobox thing is using the standard module/templates */ | |||
.infobox th, | |||
.infobox td { | |||
/* @noflip */ | |||
text-align: left; | |||
} | |||
/* Remove .infobox when element selectors above are removed */ | |||
.infobox .infobox-above, | |||
.infobox .infobox-title, | |||
/* Remove element selector when every .infobox thing is using the standard module/templates */ | |||
.infobox caption { | |||
font-size: 125%; | |||
font-weight: bold; | |||
text-align: center; | |||
} | |||
.infobox-title, | |||
/* Remove element selector when every .infobox thing is using the standard module/templates */ | |||
.infobox caption { | |||
padding: 0.2em; | |||
} | |||
/* Remove .infobox when element selectors above are removed */ | |||
.infobox .infobox-header, | |||
.infobox .infobox-subheader, | |||
.infobox .infobox-image, | |||
.infobox .infobox-full-data, | |||
.infobox .infobox-below { | |||
text-align: center; | |||
} | |||
/* Remove .infobox when element selectors above are removed */ | |||
.infobox .infobox-navbar { | |||
/* @noflip */ | |||
text-align: right; | |||
} | |||
.mw-logo-wordmark { | .mw-logo-wordmark { | ||
font-size: 30px; | font-size: 30px; | ||
Line 44: | Line 117: | ||
.mwe-popups-settings-icon { | .mwe-popups-settings-icon { | ||
display: none; } | display: none; } | ||
/* Table vertical line styling */ | |||
.cell-with-line { | |||
position: relative; | |||
text-align: center; /* or other alignment as needed */ | |||
} | |||
.cell-with-line::before { | |||
content: ""; | |||
position: absolute; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
top: 0; | |||
bottom: 0; | |||
width: 1px; /* or the thickness you want */ | |||
background-color: #000; /* or any color you want */ | |||
} | |||
.mw-page-container { | |||
margin-top: 20px !important; | |||
} |
Latest revision as of 00:32, 2 February 2024
/* CSS placed here will be applied to all skins */ .mw-header { background: #353333 url("https://pantherpride.com.au/uploads/default/original/1X/8a5161e61ba010e945f7045371d35d586c703554.png") repeat-x left bottom !important; height: 80px; color: #fff; } body{ background: url('https://pantherpride.com.au/uploads/default/original/1X/8a5161e61ba010e945f7045371d35d586c703554.png') repeat-x left 90px / auto, linear-gradient(to bottom, #353333 0%, #353333 90px, white 90px, white 100%); } .vector-feature-zebra-design-disabled .mw-header { display: grid; column-gap: 36px; grid-template: auto / 25em minmax(0,1fr); grid-template-areas: 'headerStart headerEnd'; } .vector-header-container { background-color: transparent !important; } /* Infobox template style */ .infobox { border: 1px solid #a2a9b1; border-spacing: 3px; background-color: #f8f9fa; color: black; /* @noflip */ margin: 0.5em 0 0.5em 1em; padding: 0.2em; /* @noflip */ float: right; /* @noflip */ clear: right; font-size: 88%; line-height: 1.5em; width: 22em; } .infobox-header, .infobox-label, .infobox-above, .infobox-full-data, .infobox-data, .infobox-below, .infobox-subheader, .infobox-image, .infobox-navbar, /* Remove element selector when every .infobox thing is using the standard module/templates */ .infobox th, .infobox td { vertical-align: top; } .infobox-label, .infobox-data, /* Remove element selector when every .infobox thing is using the standard module/templates */ .infobox th, .infobox td { /* @noflip */ text-align: left; } /* Remove .infobox when element selectors above are removed */ .infobox .infobox-above, .infobox .infobox-title, /* Remove element selector when every .infobox thing is using the standard module/templates */ .infobox caption { font-size: 125%; font-weight: bold; text-align: center; } .infobox-title, /* Remove element selector when every .infobox thing is using the standard module/templates */ .infobox caption { padding: 0.2em; } /* Remove .infobox when element selectors above are removed */ .infobox .infobox-header, .infobox .infobox-subheader, .infobox .infobox-image, .infobox .infobox-full-data, .infobox .infobox-below { text-align: center; } /* Remove .infobox when element selectors above are removed */ .infobox .infobox-navbar { /* @noflip */ text-align: right; } .mw-logo-wordmark { font-size: 30px; color: #eee; } .mw-logo-wordmark a:link, .mw-logo-wordmark a:visited, .mw-logo-wordmark a:hover, .mw-logo-wordmark a:active { color: #eee; text-decoration: none; font-weight: bold; } #vector-user-links-dropdown-checkbox { color: #353333; } #pt-login-2 { display: none; } .mwe-popups-settings-icon { display: none; } /* Table vertical line styling */ .cell-with-line { position: relative; text-align: center; /* or other alignment as needed */ } .cell-with-line::before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 0; bottom: 0; width: 1px; /* or the thickness you want */ background-color: #000; /* or any color you want */ } .mw-page-container { margin-top: 20px !important; }