10,082
editsMediaWiki:Mobile.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
(Remove obsolete CSS.) |
No edit summary |
||
| (6 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
--color-primary__h: 15; | --color-primary__h: 15; | ||
--color-secondary__h: 255; | --color-secondary__h: 255; | ||
--color-surface-0: hsl(var(--color-primary__h) 10% 10%); | --color-surface-0: hsl(var(--color-primary__h) 10% 10%); | ||
--color-surface-1: hsl(var(--color-primary__h) 10% 10%); | --color-surface-1: hsl(var(--color-primary__h) 10% 10%); | ||
| Line 21: | Line 21: | ||
--bg3wiki-tooltip-border: #785000; | --bg3wiki-tooltip-border: #785000; | ||
} | |||
/* MobileFrontend should strip elements with this class, but still */ | |||
.nomobile { | |||
display: none; | |||
} | |||
/* Trick to easily make lists with list-style: none */ | |||
/* Wrap a list in <div class="bg3wiki-list-style-none"> */ | |||
.bg3wiki-list-style-none > ul { | |||
list-style: none; | |||
} | } | ||
| Line 85: | Line 96: | ||
/* Imitating in-game tooltips */ | /* Imitating in-game tooltips */ | ||
.bg3wiki-tooltip-box { | |||
overflow: hidden; | |||
margin: 0.5em 0.2em 0 0.2em; | |||
} | |||
.skin-citizen-dark .bg3wiki-tooltip-box { | .skin-citizen-dark .bg3wiki-tooltip-box { | ||
| Line 123: | Line 139: | ||
font-family: 'Linux Libertine', 'Georgia', serif; | font-family: 'Linux Libertine', 'Georgia', serif; | ||
} | } | ||
/* ItemIcon stuff */ | |||
:root { | :root { | ||
| Line 135: | Line 153: | ||
--bg3wiki-itemicon-gradient-bot-opacity: 12.5%; | --bg3wiki-itemicon-gradient-bot-opacity: 12.5%; | ||
--bg3wiki-itemicon-border-opacity: 60%; | --bg3wiki-itemicon-border-opacity: 60%; | ||
} | } | ||
| Line 186: | Line 195: | ||
/* Relative Location stuff */ | /* Relative Location stuff */ | ||
.relative-location { | .relative-location { | ||
background: var(--bg3wiki-relative-location-bg); | background: var(--bg3wiki-relative-location-bg); | ||
| Line 200: | Line 210: | ||
/* Damage Rider As Source (DRS) template */ | /* Damage Rider As Source (DRS) template */ | ||
.bg3wiki-damage-rider-source { | .bg3wiki-damage-rider-source { | ||
font-size:10px; | font-size:10px; | ||
| Line 207: | Line 218: | ||
/* License box */ | /* License box */ | ||
#mw-license-preview .bg3wiki-license-box-container { | #mw-license-preview .bg3wiki-license-box-container { | ||
/* Don't want margin in the preview box because that breaks things */ | /* Don't want margin in the preview box because that breaks things */ | ||
| Line 233: | Line 245: | ||
vertical-align: top; | vertical-align: top; | ||
padding: 0.4rem 0 0.4rem 0.9rem; | padding: 0.4rem 0 0.4rem 0.9rem; | ||
} | } | ||
| Line 501: | Line 508: | ||
.bg3wiki-blockquote-marks { | .bg3wiki-blockquote-marks { | ||
font-size: 120%; | font-size: 120%; | ||
font-family: serif; | font-family: serif; | ||
| Line 510: | Line 516: | ||
.bg3wiki-template-shortcut { | .bg3wiki-template-shortcut { | ||
display: inline-block; | display: inline-block; | ||
background-color: var(-- | background-color: var(--color-surface-2); | ||
text-align: center; | text-align: center; | ||
margin: 1em; | margin: 1em; | ||
| Line 530: | Line 535: | ||
/* Amboxes */ | /* Amboxes */ | ||
.ambox { | .ambox { | ||
background-color: var(-- | background-color: var(--color-surface-2); | ||
} | } | ||
.ambox-speedy { | .ambox-speedy { | ||
| Line 540: | Line 545: | ||
/* These are hidden since the screen may be too narrow. */ | /* These are hidden since the screen may be too narrow. */ | ||
display: none; | display: none; | ||
} | |||
/* PortableInfobox */ | |||
.portable-infobox [data-item-name="bg3wiki-resistances"] ul { | |||
margin: 0; | |||
list-style: none; | |||
display: flex; | |||
justify-content: center; | |||
gap: 5px; | |||
} | } | ||
| Line 549: | Line 564: | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
background-color: | background-color: var(--color-surface-0); | ||
} | } | ||
| Line 556: | Line 570: | ||
font-size: 130%; | font-size: 130%; | ||
text-align: center; | text-align: center; | ||
background: | background: var(--color-surface-1); | ||
} | } | ||
.infobox-subheader { | .infobox-subheader { | ||
text-align: center; | text-align: center; | ||
background-color: | background-color: var(--color-surface-0); | ||
} | } | ||
| Line 570: | Line 582: | ||
font-size: 130%; | font-size: 130%; | ||
text-align: center; | text-align: center; | ||
background: | background: var(--color-surface-1); | ||
} | } | ||
| Line 579: | Line 590: | ||
.infobox-label { | .infobox-label { | ||
background-color: | background-color: var(--color-surface-1); | ||
margin-right: 5em; | margin-right: 5em; | ||
padding: 5px; | padding: 5px; | ||
| Line 600: | Line 610: | ||
.infobox-data { | .infobox-data { | ||
text-align: center; | text-align: center; | ||
background-color: | background-color: var(--color-surface-1); | ||
padding: 5px; | padding: 5px; | ||
} | } | ||
| Line 607: | Line 616: | ||
.infobox-below { | .infobox-below { | ||
text-align: center; | text-align: center; | ||
background: | background: var(--color-surface-1); | ||
} | } | ||
.infobox-image { | .infobox-image { | ||
text-align: center; | text-align: center; | ||
background-color: | background-color: var(--color-surface-0); | ||
} | } | ||
| Line 623: | Line 630: | ||
.infobox caption { | .infobox caption { | ||
display: table-caption; | display: table-caption; | ||
background-color: | background-color: var(--color-surface-0); | ||
} | } | ||