User:FlamingMojo/vector.css: Difference between revisions
Jump to navigation
Jump to search
FlamingMojo (talk | contribs) mNo edit summary |
FlamingMojo (talk | contribs) No edit summary |
||
(3 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | |||
/* Dune Wiki Style for Vector (default) skin */ | |||
/** ResourceLoaderSkinModule: normalize,elements,content-tables,content-links,content-media,interface-message-box,interface-category,toc */ | /** ResourceLoaderSkinModule: normalize,elements,content-tables,content-links,content-media,interface-message-box,interface-category,toc */ | ||
Line 6: | Line 9: | ||
--color-background-main: #171513; | --color-background-main: #171513; | ||
--color-background-highlight: #A65FCB; | --color-background-highlight: #A65FCB; | ||
--color-background-lowlight: #8F3DBB; | |||
--color-text-main: #F4CF8B; | --color-text-main: #F4CF8B; | ||
--color-text-dark: #E39B16; | --color-text-dark: #E39B16; | ||
Line 199: | Line 203: | ||
/* Set link colours */ | /* Set link colours */ | ||
a, a * { | a, a * { | ||
color: var(--color-text-dark) !important; | |||
&:visited { | |||
color: var(--color-text-dark) !important; | |||
} | |||
} | |||
.mw-collapsible-toggle-default, .mw-collapsible-text { | |||
color: var(--color-text-dark) !important; | color: var(--color-text-dark) !important; | ||
&:visited { | &:visited { | ||
Line 291: | Line 302: | ||
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, | .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { | ||
background-color: #321541; | background-color: #321541; | ||
} | } | ||
Line 307: | Line 317: | ||
} | } | ||
/* Special case: Legacy modal */ | |||
/* Diamond Box for Headers */ | body .ui-dialog .ui-widget-header, | ||
.ui-widget-content .ui-state-default { | |||
background-color: var(--color-background-main) !important; | |||
background-image: none !important; | |||
} | |||
/* Diamond Box for Page Headers */ | |||
.mw-first-heading { | .mw-first-heading { | ||
height: 1.5rem; | height: 1.5rem; | ||
Line 346: | Line 364: | ||
width: 1.37rem; | width: 1.37rem; | ||
height: 1.38rem; | height: 1.38rem; | ||
} | |||
/* Diamond Box for Header template */ | |||
.diamond-box { | |||
height: 1.5rem; | |||
line-height: 1.5rem; | |||
border-top: 2px solid #F4CF8B; | |||
border-bottom: 2px solid #F4CF8B; | |||
width: fit-content; | |||
padding: 0.2rem 0; | |||
position: absolute; | |||
text-align: center; | |||
display: flex; | |||
text-transform: uppercase; | |||
font-family: sans-serif; | |||
color: #F4CF8B | |||
} | |||
.diamond-box::before { | |||
content: ''; | |||
display: inline-block; | |||
left: -0.75rem; | |||
rotate: -45deg; | |||
border-top: 2px solid #F4CF8B; | |||
border-left: 2px solid #F4CF8B; | |||
position: relative; | |||
width: 1.37rem; | |||
height: 1.38rem; | |||
} | |||
.diamond-box::after { | |||
content: ''; | |||
display: inline-block; | |||
right: -0.75rem; | |||
rotate: 135deg; | |||
border-top: 2px solid #F4CF8B; | |||
border-left: 2px solid #F4CF8B; | |||
position: relative; | |||
width: 1.37rem; | |||
height: 1.38rem; | |||
} | |||
/* Infobox template style borrowed from Wikipedia */ | |||
.infobox { | |||
border: 1px solid var(--color-text-main); | |||
border-spacing: 3px; | |||
background-color: var(--color-background-base); | |||
color: var(--color-text-main); | |||
/* @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; | |||
} | |||
/* Normal font styling for wikitable row headers with scope="row" tag */ | |||
.wikitable.plainrowheaders th[scope=row], | |||
.wikitable.plainrowheaders th[scope=rowgroup] { | |||
font-weight: normal; | |||
/* @noflip */ | |||
text-align: left; | |||
} | |||
/* Remove underlines from certain links */ | |||
.nounderlines a, | |||
.IPA a:link, | |||
.IPA a:visited { | |||
text-decoration: none !important; | |||
} | |||
/* Prevent line breaks in silly places where desired (nowrap) | |||
and links when we don't want them to (nowraplinks a) */ | |||
.nowrap, | |||
.nowraplinks a { | |||
white-space: nowrap; | |||
} | |||
/* But allow wrapping where desired: */ | |||
.wrap, | |||
.wraplinks a { | |||
white-space: normal; | |||
} | |||
/* texhtml class for inline math (based on generic times-serif class) */ | |||
span.texhtml { | |||
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif; | |||
font-size: 118%; | |||
line-height: 1; | |||
white-space: nowrap; | |||
/* Force tabular and lining display for texhtml */ | |||
font-variant-numeric: lining-nums tabular-nums; | |||
font-kerning: none; | |||
} | |||
span.texhtml span.texhtml { | |||
font-size: 100%; | |||
} | |||
@media screen { | |||
.nochecker .gallerybox .thumb img { | |||
background-image: none; | |||
} | |||
} | |||
/* Navbox */ | |||
/* {{pp|small=y}} */ | |||
.navbox { | |||
box-sizing: border-box; | |||
border: 1px solid #A65FCB; | |||
width: 100%; | |||
clear: both; | |||
font-size: 88%; | |||
text-align: center; | |||
padding: 1px; | |||
margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */ | |||
} | |||
.navbox .navbox { | |||
margin-top: 0; /* No top margin for nested navboxes */ | |||
} | |||
.navbox + .navbox, /* TODO: remove first line after transclusions have updated */ | |||
.navbox + .navbox-styles + .navbox { | |||
margin-top: -1px; /* Single pixel border between adjacent navboxes */ | |||
} | |||
.navbox-inner, | |||
.navbox-subgroup { | |||
width: 100%; | |||
} | |||
.navbox-group, | |||
.navbox-title, | |||
.navbox-abovebelow { | |||
padding: 0.25em 1em; | |||
line-height: 1.5em; | |||
text-align: center; | |||
} | |||
.navbox-group { | |||
white-space: nowrap; | |||
/* @noflip */ | |||
text-align: right; | |||
} | |||
.navbox, | |||
.navbox-subgroup { | |||
background-color: var(--color-background-main); | |||
} | |||
.navbox-list { | |||
line-height: 1.5em; | |||
border-color: var(--color-background-lowlight); /* Must match background color */ | |||
} | |||
.navbox-list-with-group { | |||
text-align: left; | |||
border-left-width: 2px; | |||
border-left-style: solid; | |||
} | |||
/* cell spacing for navbox cells */ | |||
/* Borders above 2nd, 3rd, etc. rows */ | |||
/* TODO: figure out how to replace tr as structure; | |||
* with div structure it should be just a matter of first-child */ | |||
tr + tr > .navbox-abovebelow, | |||
tr + tr > .navbox-group, | |||
tr + tr > .navbox-image, | |||
tr + tr > .navbox-list { | |||
border-top: 2px solid var(--color-background-lowlight); /* Must match background color */ | |||
} | |||
.navbox-title { | |||
background-color: var(--color-background-lowlight); /* Level 1 color */ | |||
} | |||
.navbox-abovebelow, | |||
.navbox-group, | |||
.navbox-subgroup .navbox-title { | |||
background-color: var(--color-background-base); /* Level 2 color */ | |||
} | |||
.navbox-subgroup .navbox-group, | |||
.navbox-subgroup .navbox-abovebelow { | |||
background-color: var(--color-background-base); /* Level 3 color */ | |||
} | |||
.navbox-even { | |||
background-color: var(--color-background-base); | |||
} | |||
.navbox-odd { | |||
background-color: var(--color-background-main); | |||
} | |||
/* TODO: figure out how to remove reliance on td as structure */ | |||
.navbox .hlist td dl, | |||
.navbox .hlist td ol, | |||
.navbox .hlist td ul, | |||
.navbox td.hlist dl, | |||
.navbox td.hlist ol, | |||
.navbox td.hlist ul { | |||
padding: 0.125em 0; | |||
} | |||
.navbox .navbar { | |||
display: block; | |||
font-size: 100%; | |||
} | |||
.navbox-title .navbar { | |||
/* @noflip */ | |||
float: left; | |||
/* @noflip */ | |||
text-align: left; | |||
/* @noflip */ | |||
margin-right: 0.5em; | |||
} | |||
/** T367463 */ | |||
body.skin--responsive .navbox-image img { | |||
max-width: none !important; | |||
} | |||
@media print { | |||
body.ns-0 .navbox { | |||
display: none !important; | |||
} | |||
} | |||
/* Navbar category list */ | |||
.CategoryTreeTag { | |||
column-count: 5; | |||
margin-top: 0.5ex; | |||
margin-bottom: 0.5ex; | |||
} | } |
Latest revision as of 23:32, 19 September 2024
/* CSS placed here will be applied to all skins */ /* Dune Wiki Style for Vector (default) skin */ /** ResourceLoaderSkinModule: normalize,elements,content-tables,content-links,content-media,interface-message-box,interface-category,toc */ /* Set global colour vars */ :root { --color-background-base: #23201D; --color-background-main: #171513; --color-background-highlight: #A65FCB; --color-background-lowlight: #8F3DBB; --color-text-main: #F4CF8B; --color-text-dark: #E39B16; } /* Set base background colour (body and header bar) */ body { background-color: var(--color-background-base); background-image: linear-gradient(0deg, rgba(121,86,52,1) 0%, rgba(121,86,52,1) 2%, rgba(65,50,33,1) 5%, rgba(39,35,30,1) 20%, rgba(35,32,29,1) 100%); background-size:auto,cover; background-position:top left, center; background-attachment:fixed; color: var(--color-text-main); } #mw-head { background: var(--color-background-base); } /* Set main background colour */ #content, .editOptions, .wikitable, .wikitable > * > tr > th, #catlinks, #searchInput, #mw-page-base, #mw-head-base, #wpSummary, #wpSummary::placeholder, #filetoc, #wpUploadDescription, .mw-content-ltr figure[typeof~="mw:File/Thumb"], .mw-content-ltr figure[typeof~="mw:File/Frame"], figure[typeof~="mw:File/Thumb"] > figcaption, figure[typeof~="mw:File/Frame"] > figcaption, li.gallerybox div.thumb, .toc, .toccolours, .infobox, .oo-ui-inputWidget-input, .mw-editfont-monospace, .oo-ui-icon-bookmark, .mw-ui-icon-bookmark::before, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .mw-rcfilters-ui-changesListWrapperWidget, .mw-changeslist-legend, .mw-rcfilters-ui-filterTagMultiselectWidget, .oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget-handle, .oo-ui-textInputWidget, .oo-ui-inputWidget-input, .mw-notification, .mw-notification-autohide, .postedit, .mw-notification-visible, .oo-ui-tagMultiselectWidget, .oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget-outlined, .oo-ui-tagItemWidget, .oo-ui-widget-enabled, .oo-ui-textInputWidget, .oo-ui-inputWidget-input, .oo-ui-menuSelectWidget, .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .mw-rcfilters-ui-row, .mw-rcfilters-ui-filterMenuSectionOptionWidget-header, .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk), .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-filterMenuSectionOptionWidget, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .oo-ui-popupWidget-popup, .suggestions-results, .suggestions-special, .oo-ui-window-content, .uls-search, .uls-filtersuggestion, .uls-lcd, .ve-ui-mwTransclusionOutlineTemplateWidget-sticky, .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-optionWidget-selected, .oo-ui-optionWidget-highlighted, .ve-ui-mwTargetWidget > .ve-init-target > .mw-body-content, .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive, .mw-mmv-post-image, .mw-mmv-image-metadata, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .ve-ui-mwSaveDialog-options, .mw-echo-ui-notificationsInboxWidget-toolbarWrapper, .mw-echo-ui-pageFilterWidget-title, .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected, .ui-widget-content { background: var(--color-background-main); } /* Set main text colour */ body, h1, h2, h3, h4, h5, h6, li, text, span, *[aria-label], .mw-body, .wikitable, .editOptions, #footer-info li, .mw-footer li, #wpSummary, #wpSummary::placeholder, #searchInput, #searchInput::placeholder, #wpUploadDescription, .infobox, .mw-editfont-monospace, .oo-ui-inputWidget-input::placeholder, .oo-ui-textInputWidget::placeholder, .oo-ui-inputWidget-input, .oo-ui-textInputWidget, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-widget-enabled, .oo-ui-menuSelectWidget, .oo-ui-tagItemWidget.oo-ui-widget-enabled, .mw-rcfilters-ui-row, .mw-rcfilters-ui-filterMenuSectionOptionWidget-header, .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk), .mw-rcfilters-ui-filterMenuSectionOptionWidget, .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title, .oo-ui-labelElement-label, .mw-rcfilters-ui-filterMenuHeaderWidget-title, .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label, .oo-ui-textInputWidget.oo-ui-widget-enabled, .oo-ui-inputWidget-input:focus, .webfonts-changed, .uls-search, .uls-lcd, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-optionWidget-selected, .oo-ui-optionWidget-highlighted, .ve-ui-mwTargetWidget > .ve-init-target > .mw-body-content, .mw-mmv-post-image, .mw-mmv-image-metadata { color: var(--color-text-main); } /* Set main border colour */ .mw-body, .toc, #searchInput, #wpSummary, #wpSummary::placeholder, #wpUploadDescription, li.gallerybox div.thumb, .infobox, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .oo-ui-inputWidget-input, .oo-ui-textInputWidget, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .uls-search, .oo-ui-optionWidget-selected, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .ve-ui-mwSaveDialog-options, .ui-dialog, .ui-dialog-titlebar { border: 1px solid var(--color-text-main); } /* Set Box Shadow colours */ .oo-ui-optionWidget-selected { box-shadow: inset 0 -2px 0 0 var(--color-text-dark); } /* Set link colours */ a, a * { color: var(--color-text-dark) !important; &:visited { color: var(--color-text-dark) !important; } } .mw-collapsible-toggle-default, .mw-collapsible-text { color: var(--color-text-dark) !important; &:visited { color: var(--color-text-dark) !important; } } /* Special case: main tabs */ .vector-menu-tabs-legacy li { background: var(--color-background-base); &.selected { background: var(--color-background-main); } } .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background-image: linear-gradient(to bottom, var(--color-text-dark) 0, var(--color-text-main) 100%); } /* Special case: code blocks */ pre, code, .mw-code { background-color: #000000; color: var(--color-text-main); border: 1px solid var(--color-text-dark); } /* Special case: toolbars */ .oo-ui-toolbar-bar, .wikiEditor-ui-toolbar, .oo-ui-barToolGroup-tools > .oo-ui-tool, .oo-ui-tool-link, .ve-ui-toolbar-group-format, .ve-ui-toolbar-group-style, .ve-ui-toolbar-group-link, .ve-ui-toolbar-group-cite, .ve-ui-toolbar-group-structure, .ve-ui-toolbar-group-insert, .ve-ui-toolbar-group-help, .ve-ui-toolbar-group-pageMenu, .ve-ui-toolbar-group-editMode, .oo-ui-toolGroup-tools, .ve-ui-toolbar-group-specialCharacter, .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement, .ext-WikiEditor-ResizingDragBar-ew, .ext-WikiEditor-ResizingDragBar, #pagehistory li.selected { background-color: var(--color-background-highlight); } .oo-ui-popupToolGroup-handle > .oo-ui-labelElement-label, oo-ui-tool-title { color: var(--color-background-base); } /* Special case: buttons */ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled, oo-ui-buttonElement-button, .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button, body .ui-button { color: var(--color-background-base); background-color: var(--color-text-main); border-color: var(--color-text-main); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--color-text-main); background-color: var(--color-background-base); border-color: var(--color-text-main); } .oo-ui-tool-link .oo-ui-tool-title, .oo-ui-tool-link .oo-ui-iconElement-icon .oo-ui-tool-link .oo-ui-tool-accel, .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { color: black !important; } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--color-text-dark); } /* Special case: Modals */ .oo-ui-windowManager-modal > .oo-ui-dialog, .ui-widget-overlay { background-color: rgba(32, 15, 41, 0.75); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--color-text-dark); color: var(--color-background-main); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background-color: #321541; } /* Special case: Unordered List */ ul { list-style-image: url('https://awakening.wiki/images/1/1d/Spicepile.png'); } /* Special case: Checkboxes */ .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--color-background-highlight); border-color: var(--color-background-highlight); } /* Special case: Legacy modal */ body .ui-dialog .ui-widget-header, .ui-widget-content .ui-state-default { background-color: var(--color-background-main) !important; background-image: none !important; } /* Diamond Box for Page Headers */ .mw-first-heading { height: 1.5rem; line-height: 1.5rem !important; border-top: 2px solid #F4CF8B; border-bottom: 2px solid #F4CF8B; width: fit-content; padding: 0.2rem 0 !important; text-align: center; display: flex; text-transform: uppercase; font-family: sans-serif !important; color: #F4CF8B; margin-bottom: 0.5em; } .mw-first-heading::before { content: ''; display: inline-block; left: -0.75rem; rotate: -45deg; border-top: 2px solid #F4CF8B; border-left: 2px solid #F4CF8B; position: relative; width: 1.37rem; height: 1.38rem; } .mw-first-heading::after { content: ''; display: inline-block; right: -0.75rem; rotate: 135deg; border-top: 2px solid #F4CF8B; border-left: 2px solid #F4CF8B; position: relative; width: 1.37rem; height: 1.38rem; } /* Diamond Box for Header template */ .diamond-box { height: 1.5rem; line-height: 1.5rem; border-top: 2px solid #F4CF8B; border-bottom: 2px solid #F4CF8B; width: fit-content; padding: 0.2rem 0; position: absolute; text-align: center; display: flex; text-transform: uppercase; font-family: sans-serif; color: #F4CF8B } .diamond-box::before { content: ''; display: inline-block; left: -0.75rem; rotate: -45deg; border-top: 2px solid #F4CF8B; border-left: 2px solid #F4CF8B; position: relative; width: 1.37rem; height: 1.38rem; } .diamond-box::after { content: ''; display: inline-block; right: -0.75rem; rotate: 135deg; border-top: 2px solid #F4CF8B; border-left: 2px solid #F4CF8B; position: relative; width: 1.37rem; height: 1.38rem; } /* Infobox template style borrowed from Wikipedia */ .infobox { border: 1px solid var(--color-text-main); border-spacing: 3px; background-color: var(--color-background-base); color: var(--color-text-main); /* @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; } /* Normal font styling for wikitable row headers with scope="row" tag */ .wikitable.plainrowheaders th[scope=row], .wikitable.plainrowheaders th[scope=rowgroup] { font-weight: normal; /* @noflip */ text-align: left; } /* Remove underlines from certain links */ .nounderlines a, .IPA a:link, .IPA a:visited { text-decoration: none !important; } /* Prevent line breaks in silly places where desired (nowrap) and links when we don't want them to (nowraplinks a) */ .nowrap, .nowraplinks a { white-space: nowrap; } /* But allow wrapping where desired: */ .wrap, .wraplinks a { white-space: normal; } /* texhtml class for inline math (based on generic times-serif class) */ span.texhtml { font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif; font-size: 118%; line-height: 1; white-space: nowrap; /* Force tabular and lining display for texhtml */ font-variant-numeric: lining-nums tabular-nums; font-kerning: none; } span.texhtml span.texhtml { font-size: 100%; } @media screen { .nochecker .gallerybox .thumb img { background-image: none; } } /* Navbox */ /* {{pp|small=y}} */ .navbox { box-sizing: border-box; border: 1px solid #A65FCB; width: 100%; clear: both; font-size: 88%; text-align: center; padding: 1px; margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */ } .navbox .navbox { margin-top: 0; /* No top margin for nested navboxes */ } .navbox + .navbox, /* TODO: remove first line after transclusions have updated */ .navbox + .navbox-styles + .navbox { margin-top: -1px; /* Single pixel border between adjacent navboxes */ } .navbox-inner, .navbox-subgroup { width: 100%; } .navbox-group, .navbox-title, .navbox-abovebelow { padding: 0.25em 1em; line-height: 1.5em; text-align: center; } .navbox-group { white-space: nowrap; /* @noflip */ text-align: right; } .navbox, .navbox-subgroup { background-color: var(--color-background-main); } .navbox-list { line-height: 1.5em; border-color: var(--color-background-lowlight); /* Must match background color */ } .navbox-list-with-group { text-align: left; border-left-width: 2px; border-left-style: solid; } /* cell spacing for navbox cells */ /* Borders above 2nd, 3rd, etc. rows */ /* TODO: figure out how to replace tr as structure; * with div structure it should be just a matter of first-child */ tr + tr > .navbox-abovebelow, tr + tr > .navbox-group, tr + tr > .navbox-image, tr + tr > .navbox-list { border-top: 2px solid var(--color-background-lowlight); /* Must match background color */ } .navbox-title { background-color: var(--color-background-lowlight); /* Level 1 color */ } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background-color: var(--color-background-base); /* Level 2 color */ } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background-color: var(--color-background-base); /* Level 3 color */ } .navbox-even { background-color: var(--color-background-base); } .navbox-odd { background-color: var(--color-background-main); } /* TODO: figure out how to remove reliance on td as structure */ .navbox .hlist td dl, .navbox .hlist td ol, .navbox .hlist td ul, .navbox td.hlist dl, .navbox td.hlist ol, .navbox td.hlist ul { padding: 0.125em 0; } .navbox .navbar { display: block; font-size: 100%; } .navbox-title .navbar { /* @noflip */ float: left; /* @noflip */ text-align: left; /* @noflip */ margin-right: 0.5em; } /** T367463 */ body.skin--responsive .navbox-image img { max-width: none !important; } @media print { body.ns-0 .navbox { display: none !important; } } /* Navbar category list */ .CategoryTreeTag { column-count: 5; margin-top: 0.5ex; margin-bottom: 0.5ex; }