Difference between revisions of "MediaWiki:Vector.css"
Jump to navigation
Jump to search
(Test) |
|||
Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Vector skin */ | /* CSS placed here will affect users of the Vector skin */ | ||
− | /* | + | /** |
− | + | * Don't show the external link icon for ShoutWiki sites & email | |
+ | * Works for most skins, except cologneblue, modern, and truglass | ||
+ | **/ | ||
+ | .mw-body .external[href*=".shoutwiki.com"], | ||
+ | .mw-body .external[href$="@shoutwiki.com"] { | ||
+ | background: none; | ||
+ | padding-right: 0; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * For [[Template:Wiki]] | ||
+ | * Force over-sized logo/wordmark to fit in {{{logo-width}}} | ||
+ | **/ | ||
+ | .sw-logo { | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | .sw-logo > .external, | ||
+ | .sw-logo > .external > img { | ||
+ | max-width: inherit; | ||
+ | } | ||
+ | |||
+ | /* For [[Template:Outdent]] */ | ||
+ | .sw-outdent { | ||
+ | color: #888; | ||
+ | font-family: sans-serif; | ||
+ | margin: -0.5em 0; | ||
+ | word-wrap: normal; | ||
+ | } | ||
+ | |||
+ | .sw-outdent > span { | ||
+ | display: inline-block; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | /* For [[Template:Email]] */ | ||
+ | .sw-email { | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | /* Documentation box, e.g., for template docs */ | ||
+ | div.sw-doc { | ||
+ | border: 1px solid #ddd; | ||
+ | display: table; | ||
+ | max-width: 600px; | ||
+ | padding: 0.5em 1em; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | /* Adjust SyntaxHighlight top & bottom margin */ | ||
+ | .mw-highlight { | ||
+ | margin: 1em 0; | ||
+ | } | ||
+ | .mw-highlight > pre { | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | /* Message box styles for [[Template:Mbox]] */ | ||
+ | .sw-mbox { | ||
+ | background-color: #f8f8f8; | ||
+ | border: 1px solid #888; | ||
+ | border-left: 10px solid #000; | ||
+ | margin: 0 10%; | ||
+ | padding: 0.25em 0; | ||
+ | } | ||
+ | |||
+ | /* Message cells */ | ||
+ | .sw-mbox > div { | ||
+ | display: table-cell; | ||
+ | padding: 0 1em; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | /* Fake a line height for images */ | ||
+ | .sw-mbox > div > img, | ||
+ | .sw-mbox > div > a > img { | ||
+ | padding: 0.25em 0; | ||
+ | } | ||
+ | |||
+ | /* Floating message box */ | ||
+ | .sw-mbox.sw-mbox-float { | ||
+ | clear: right; | ||
+ | float: right; | ||
+ | margin: 0 0 0 1em; | ||
+ | width: 25%; | ||
+ | } | ||
+ | |||
+ | /* Single border between stacked boxes */ | ||
+ | .sw-mbox + .sw-mbox { | ||
+ | margin-top: -1px; | ||
+ | } | ||
+ | |||
+ | /* Assorted color overrides */ | ||
+ | .sw-mbox.sw-mbox-gray { | ||
+ | border-left-color: #aaa; | ||
+ | } | ||
+ | |||
+ | .sw-mbox.sw-mbox-red { | ||
+ | border-left-color: #d00; | ||
+ | } | ||
+ | |||
+ | .sw-mbox.sw-mbox-rred { | ||
+ | background-color: #fee; | ||
+ | border-left-color: #d00; | ||
+ | } | ||
+ | |||
+ | .sw-mbox.sw-mbox-orange { | ||
+ | border-left-color: #f70; | ||
+ | } | ||
+ | |||
+ | .sw-mbox.sw-mbox-oorange { | ||
+ | background-color: #fed; | ||
+ | border-left-color: #f70; | ||
+ | } | ||
+ | |||
+ | .sw-mbox.sw-mbox-yellow { | ||
+ | border-left-color: #f8f800; | ||
+ | } | ||
+ | |||
+ | .sw-mbox.sw-mbox-yyellow { | ||
+ | background-color: #ffe; | ||
+ | border-left-color: #f8f800; | ||
+ | } | ||
+ | |||
+ | .sw-mbox.sw-mbox-green { | ||
+ | border-left-color: #0d0; | ||
+ | } | ||
+ | |||
+ | .sw-mbox.sw-mbox-ggreen { | ||
+ | background-color: #efe; | ||
+ | border-left-color: #0d0; | ||
+ | } | ||
+ | |||
+ | .sw-mbox.sw-mbox-blue { | ||
+ | border-left-color: #0de; | ||
+ | } | ||
+ | |||
+ | .sw-mbox.sw-mbox-bblue { | ||
+ | background-color: #eef8ff; | ||
+ | border-left-color: #0de; | ||
+ | } | ||
+ | |||
+ | .sw-mbox.sw-mbox-indigo { | ||
+ | border-left-color: #04f; | ||
+ | } | ||
+ | .sw-mbox.sw-mbox-iindigo { | ||
+ | background-color: #def; | ||
+ | border-left-color: #04f; | ||
+ | } | ||
+ | |||
+ | .sw-mbox.sw-mbox-violet { | ||
+ | border-left-color: #60f; | ||
+ | } | ||
+ | |||
+ | .sw-mbox.sw-mbox-vviolet { | ||
+ | background-color: #edf; | ||
+ | border-left-color: #60f; | ||
+ | } | ||
+ | |||
+ | .sw-mbox.sw-mbox-magenta { | ||
+ | border-left-color: #d0d; | ||
+ | } | ||
+ | |||
+ | .sw-mbox.sw-mbox-mmagenta { | ||
+ | background-color: #fef; | ||
+ | border-left-color: #d0d; | ||
+ | } | ||
+ | |||
+ | /* Don't print message boxes */ | ||
+ | @media print { | ||
+ | .sw-mbox { | ||
+ | display: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* Highlight table rows on hover */ | ||
+ | .sw-hovertable > tbody > tr:hover { | ||
+ | background-color: #efe; | ||
+ | } | ||
+ | |||
+ | .sw-hovertable > tbody > tr.sw-nohover { | ||
+ | background-color: inherit; | ||
+ | } | ||
+ | |||
+ | /* List styles, e.g., for Extension:Cite groups */ | ||
+ | .lower-alpha ol { | ||
+ | list-style-type: lower-alpha; | ||
+ | } | ||
+ | |||
+ | .upper-alpha ol { | ||
+ | list-style-type: upper-alpha; | ||
+ | } | ||
+ | |||
+ | .lower-greek ol { | ||
+ | list-style-type: lower-greek; | ||
+ | } | ||
+ | |||
+ | .lower-roman ol { | ||
+ | list-style-type: lower-roman; | ||
+ | } | ||
+ | |||
+ | .upper-roman ol { | ||
+ | list-style-type: upper-roman; | ||
+ | } | ||
+ | |||
+ | /* Make ol & toc indents the same as ul & dd */ | ||
+ | .mw-content-ltr ol, | ||
+ | .mw-content-rtl .mw-content-ltr ol, | ||
+ | .mw-content-ltr .toc ul ul, | ||
+ | .mw-content-ltr #toc ul ul, | ||
+ | .mw-content-rtl .mw-content-ltr .toc ul ul, | ||
+ | .mw-content-rtl .mw-content-ltr #toc ul ul { | ||
+ | margin-left: 1.6em; | ||
+ | } | ||
+ | |||
+ | /* Make pre behave like kbd or samp, but preserve spaces */ | ||
+ | pre.sw-inline { | ||
+ | background-color: inherit; | ||
+ | border: 0 none; | ||
+ | color: inherit; | ||
+ | display: inline; | ||
+ | line-height: inherit; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | white-space: pre-wrap; | ||
+ | } | ||
+ | |||
+ | /* For [[MediaWiki:No such wiki]] */ | ||
+ | .sw-nosuchwiki-heading { | ||
+ | color: #4682b4; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .sw-nosuchwiki-table { | ||
+ | background: transparent; | ||
+ | border-collapse: collapse; | ||
+ | border-spacing: 0; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .sw-nosuchwiki-table td { | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | /* Lua */ | ||
+ | .lua-error { | ||
+ | color: #d33; | ||
+ | font-size: larger; | ||
+ | } |
Revision as of 00:59, 11 February 2020
/* CSS placed here will affect users of the Vector skin */ /** * Don't show the external link icon for ShoutWiki sites & email * Works for most skins, except cologneblue, modern, and truglass **/ .mw-body .external[href*=".shoutwiki.com"], .mw-body .external[href$="@shoutwiki.com"] { background: none; padding-right: 0; } /** * For [[Template:Wiki]] * Force over-sized logo/wordmark to fit in {{{logo-width}}} **/ .sw-logo { margin: 0 auto; } .sw-logo > .external, .sw-logo > .external > img { max-width: inherit; } /* For [[Template:Outdent]] */ .sw-outdent { color: #888; font-family: sans-serif; margin: -0.5em 0; word-wrap: normal; } .sw-outdent > span { display: inline-block; overflow: hidden; } /* For [[Template:Email]] */ .sw-email { white-space: nowrap; } /* Documentation box, e.g., for template docs */ div.sw-doc { border: 1px solid #ddd; display: table; max-width: 600px; padding: 0.5em 1em; width: 100%; } /* Adjust SyntaxHighlight top & bottom margin */ .mw-highlight { margin: 1em 0; } .mw-highlight > pre { margin: 0; } /* Message box styles for [[Template:Mbox]] */ .sw-mbox { background-color: #f8f8f8; border: 1px solid #888; border-left: 10px solid #000; margin: 0 10%; padding: 0.25em 0; } /* Message cells */ .sw-mbox > div { display: table-cell; padding: 0 1em; vertical-align: middle; } /* Fake a line height for images */ .sw-mbox > div > img, .sw-mbox > div > a > img { padding: 0.25em 0; } /* Floating message box */ .sw-mbox.sw-mbox-float { clear: right; float: right; margin: 0 0 0 1em; width: 25%; } /* Single border between stacked boxes */ .sw-mbox + .sw-mbox { margin-top: -1px; } /* Assorted color overrides */ .sw-mbox.sw-mbox-gray { border-left-color: #aaa; } .sw-mbox.sw-mbox-red { border-left-color: #d00; } .sw-mbox.sw-mbox-rred { background-color: #fee; border-left-color: #d00; } .sw-mbox.sw-mbox-orange { border-left-color: #f70; } .sw-mbox.sw-mbox-oorange { background-color: #fed; border-left-color: #f70; } .sw-mbox.sw-mbox-yellow { border-left-color: #f8f800; } .sw-mbox.sw-mbox-yyellow { background-color: #ffe; border-left-color: #f8f800; } .sw-mbox.sw-mbox-green { border-left-color: #0d0; } .sw-mbox.sw-mbox-ggreen { background-color: #efe; border-left-color: #0d0; } .sw-mbox.sw-mbox-blue { border-left-color: #0de; } .sw-mbox.sw-mbox-bblue { background-color: #eef8ff; border-left-color: #0de; } .sw-mbox.sw-mbox-indigo { border-left-color: #04f; } .sw-mbox.sw-mbox-iindigo { background-color: #def; border-left-color: #04f; } .sw-mbox.sw-mbox-violet { border-left-color: #60f; } .sw-mbox.sw-mbox-vviolet { background-color: #edf; border-left-color: #60f; } .sw-mbox.sw-mbox-magenta { border-left-color: #d0d; } .sw-mbox.sw-mbox-mmagenta { background-color: #fef; border-left-color: #d0d; } /* Don't print message boxes */ @media print { .sw-mbox { display: none; } } /* Highlight table rows on hover */ .sw-hovertable > tbody > tr:hover { background-color: #efe; } .sw-hovertable > tbody > tr.sw-nohover { background-color: inherit; } /* List styles, e.g., for Extension:Cite groups */ .lower-alpha ol { list-style-type: lower-alpha; } .upper-alpha ol { list-style-type: upper-alpha; } .lower-greek ol { list-style-type: lower-greek; } .lower-roman ol { list-style-type: lower-roman; } .upper-roman ol { list-style-type: upper-roman; } /* Make ol & toc indents the same as ul & dd */ .mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol, .mw-content-ltr .toc ul ul, .mw-content-ltr #toc ul ul, .mw-content-rtl .mw-content-ltr .toc ul ul, .mw-content-rtl .mw-content-ltr #toc ul ul { margin-left: 1.6em; } /* Make pre behave like kbd or samp, but preserve spaces */ pre.sw-inline { background-color: inherit; border: 0 none; color: inherit; display: inline; line-height: inherit; margin: 0; padding: 0; white-space: pre-wrap; } /* For [[MediaWiki:No such wiki]] */ .sw-nosuchwiki-heading { color: #4682b4; text-align: center; } .sw-nosuchwiki-table { background: transparent; border-collapse: collapse; border-spacing: 0; width: 100%; } .sw-nosuchwiki-table td { vertical-align: top; } /* Lua */ .lua-error { color: #d33; font-size: larger; }