MediaWiki:Common.css: Difference between revisions
From Heterodontosaurus Balls
(Undo revision 24935 by Heterodontosaurus (talk)) Tag: Undo |
(Test) Tag: Reverted |
||
Line 4: | Line 4: | ||
.portable-infobox.pi-theme-delta .pi-secondary-background { | .portable-infobox.pi-theme-delta .pi-secondary-background { | ||
background-color: #000080; | background-color: #000080; | ||
} | |||
/* Main title styling */ | |||
.infobox-title { | |||
font-size: 16px; /* Default font size */ | |||
line-height: 120% !important; | |||
text-align: center; | |||
display: block; | |||
padding-top: 2px; | |||
} | |||
/* Native name styling */ | |||
.infobox-native-name { | |||
font-size: 80%; | |||
line-height: 1.2; | |||
color: #555; /* Optional: adjust color for better visibility */ | |||
} | |||
/* Timeline container */ | |||
.infobox-timeline { | |||
display: flex; | |||
justify-content: space-between; | |||
align-items: center; | |||
margin-top: 5px; | |||
margin-bottom: 5px; | |||
} | |||
/* Timeline left section (predecessor) */ | |||
.infobox-timeline-left { | |||
width: 4em; | |||
height: 1em; | |||
text-align: left; | |||
display: inline-block; | |||
} | |||
/* Timeline right section (successor) */ | |||
.infobox-timeline-right { | |||
width: 4em; | |||
height: 1em; | |||
text-align: right; | |||
display: inline-block; | |||
} | |||
/* Lifespan styling */ | |||
.infobox-lifespan { | |||
font-size: 125%; | |||
font-weight: bold; | |||
line-height: 100%; | |||
text-align: center; | |||
} | |||
/* Custom styling for images/icons within the timeline */ | |||
.infobox-timeline img { | |||
vertical-align: middle; | |||
margin: 0 2px; | |||
max-height: 18px; /* Ensure consistent icon size */ | |||
} | |||
/* Optional: Adjust for overall infobox layout */ | |||
.infobox { | |||
border: 1px solid #ccc; | |||
background-color: #f9f9f9; | |||
padding: 10px; | |||
margin: 10px 0; | |||
border-radius: 5px; | |||
font-family: Arial, sans-serif; | |||
} | |||
/* Accent colors (optional, tied to your "accent-color-source") */ | |||
.infobox[data-theme="themecolor"] { | |||
border-left: 5px solid var(--theme-color, #0077cc); /* Fallback color */ | |||
} | |||
.infobox[data-theme="textcolor"] { | |||
color: var(--text-color, #333); /* Fallback color */ | |||
} | } |
Revision as of 01:26, 24 December 2024
body { font-size: 15px; } mw_content { background-color: #e7fce3; } .portable-infobox.pi-theme-delta .pi-secondary-background { background-color: #000080; } /* Main title styling */ .infobox-title { font-size: 16px; /* Default font size */ line-height: 120% !important; text-align: center; display: block; padding-top: 2px; } /* Native name styling */ .infobox-native-name { font-size: 80%; line-height: 1.2; color: #555; /* Optional: adjust color for better visibility */ } /* Timeline container */ .infobox-timeline { display: flex; justify-content: space-between; align-items: center; margin-top: 5px; margin-bottom: 5px; } /* Timeline left section (predecessor) */ .infobox-timeline-left { width: 4em; height: 1em; text-align: left; display: inline-block; } /* Timeline right section (successor) */ .infobox-timeline-right { width: 4em; height: 1em; text-align: right; display: inline-block; } /* Lifespan styling */ .infobox-lifespan { font-size: 125%; font-weight: bold; line-height: 100%; text-align: center; } /* Custom styling for images/icons within the timeline */ .infobox-timeline img { vertical-align: middle; margin: 0 2px; max-height: 18px; /* Ensure consistent icon size */ } /* Optional: Adjust for overall infobox layout */ .infobox { border: 1px solid #ccc; background-color: #f9f9f9; padding: 10px; margin: 10px 0; border-radius: 5px; font-family: Arial, sans-serif; } /* Accent colors (optional, tied to your "accent-color-source") */ .infobox[data-theme="themecolor"] { border-left: 5px solid var(--theme-color, #0077cc); /* Fallback color */ } .infobox[data-theme="textcolor"] { color: var(--text-color, #333); /* Fallback color */ }