|
|
| (3 versions intermédiaires par la même utilisatrice non affichées) |
| Ligne 1 : |
Ligne 1 : |
|
| |
|
| /* CSS placed here will affect users of the Vector skin */ | | /* CSS placed here will affect users of the Vector skin */ |
| | | /* CSS placed here will affect users of the Vector skin */ |
| <span class="o">//</span> <span class="o"><</span><span class="nt">pre</span><span class="o">></span><br/> <span class="c">/* ------------------------------------------------------------------------------</span><br/> <span class="c"> This is the root LESS file that is parsed to produce [[MediaWiki:Vector-darkmode.css]].</span>
| |
| | |
| <span class="c"> Subpages can be found at [[Special:PrefixIndex/MediaWiki:Vector-darkmode.less/]].</span>
| |
| | |
| <span class="c"> To update [[MediaWiki:Vector-darkmode.css]] from here, users with the appropriate</span><br/> <span class="c"> permissions can click the "Update CSS" button found to the left of the edit button.</span><br/> <span class="c"> ------------------------------------------------------------------------------ */</span>
| |
| | |
| <span class="c">/* --------------------</span><br/> <span class="c"> COLORS</span><br/> <span class="c"> -------------------- */</span>
| |
| | |
| <span class="nv">@dark</span><span class="nt">-body</span><span class="o">:</span> <span class="nv">@black</span><span class="nt">-pearl</span><span class="o">;</span><br/> <span class="nv">@dark</span><span class="nt">-links</span><span class="o">:</span> <span class="nv">@portage</span><span class="o">;</span> <span class="o">//</span> <span class="nt">link</span> <span class="nt">color</span><br/> <span class="nv">@dark</span><span class="nt">-links-lighter</span><span class="o">:</span> <span class="nt">lighten</span><span class="o">(</span><span class="nv">@dark</span><span class="nt">-links</span><span class="o">,</span> <span class="nt">20</span><span class="o">%);</span> <span class="o">//</span> <span class="nt">Used</span> <span class="nt">on</span> <span class="nt">hover</span> <span class="nt">effect</span><br/> <span class="nv">@dark</span><span class="nt">-page</span><span class="o">:</span> <span class="nv">@big</span><span class="nt">-stone</span><span class="o">;</span> <span class="o">//</span> <span class="nt">page</span> <span class="nt">bg</span> <span class="nt">color</span><br/> <span class="nv">@dark</span><span class="nt">-text</span><span class="o">:</span> <span class="nt">lighten</span><span class="o">(</span> <span class="nv">@portage</span><span class="o">,</span> <span class="nt">15</span><span class="o">%</span> <span class="o">);</span>
| |
| | |
| <span class="nv">@dark</span><span class="nt">-wikitable-header</span><span class="o">:</span> <span class="nv">@cloud</span><span class="nt">-burst</span><span class="o">;</span><br/> <span class="nv">@dark</span><span class="nt">-wikitable-background</span><span class="o">:</span> <span class="nv">@pickled</span><span class="nt">-bluewood</span><span class="o">;</span><br/> <span class="nv">@dark</span><span class="nt">-wikitable-border</span><span class="o">:</span> <span class="nv">@big</span><span class="nt">-stone</span><span class="o">;</span><br/> <span class="nv">@dark</span><span class="nt">-wikitable-background-lighter</span><span class="o">:</span> <span class="nt">lighten</span><span class="o">(</span><span class="nv">@dark</span><span class="nt">-wikitable-background</span><span class="o">,</span> <span class="nt">20</span><span class="o">%);</span> <span class="o">//</span> <span class="nt">Used</span> <span class="nt">on</span> <span class="nt">hover</span> <span class="nt">effect</span>
| |
| | |
| <span class="nv">@dark</span><span class="nt">-infobox-header</span><span class="o">:</span> <span class="nv">@big</span><span class="nt">-stone</span><span class="o">;</span><br/> <span class="nv">@dark</span><span class="nt">-infobox-subheader</span><span class="o">:</span> <span class="nv">@cloud</span><span class="nt">-burst</span><span class="o">;</span><br/> <span class="nv">@dark</span><span class="nt">-infobox-background</span><span class="o">:</span> <span class="nv">@pickled</span><span class="nt">-bluewood</span><span class="o">;</span><br/> <span class="nv">@dark</span><span class="nt">-infobox-border</span><span class="o">:</span> <span class="nv">@cloud</span><span class="nt">-burst</span><span class="o">;</span>
| |
| | |
| <span class="nv">@dark</span><span class="nt">-button</span><span class="o">:</span> <span class="p">#</span><span class="nn">3980AB</span><span class="o">;</span>
| |
| | |
| <span class="c">/* --------------------</span><br/> <span class="c"> IMPORTS</span><br/> <span class="c"> -------------------- */</span>
| |
| | |
| <span class="nv">@dir</span><span class="o">:</span> <span class="s1">'MediaWiki:Vector-darkmode.less'</span><span class="o">;</span><br/> <span class="nv">@common</span><span class="o">:</span> <span class="s1">'MediaWiki:Common.less'</span><span class="o">;</span>
| |
| | |
| <span class="o">//</span> <span class="nt">basic</span><br/> <span class="nv">@import</span> <span class="s1">'@{common}/variables.less'</span><span class="o">;</span> <span class="o">//</span> <span class="nt">colors</span><span class="o">,</span> <span class="nt">shadows</span><span class="o">,</span> <span class="nt">etc</span><span class="o">.</span><br/> <span class="nv">@import</span> <span class="s1">'@{dir}/elements.less'</span><span class="o">;</span> <span class="o">//</span> <span class="nt">HTML</span> <span class="nt">elements</span><br/> <span class="nv">@import</span> <span class="s1">'@{dir}/links.less'</span><span class="o">;</span> <span class="o">//</span> <span class="nt">link</span> <span class="nt">colors</span><br/> <span class="nv">@import</span> <span class="s1">'@{dir}/interface.less'</span><span class="o">;</span> <span class="o">//</span> <span class="nt">mediawiki</span> <span class="nt">messages</span><span class="o">,</span> <span class="nt">anything</span> <span class="nt">outside</span> <span class="nt">mw-body</span><br/> <span class="nv">@import</span> <span class="s1">'@{dir}/diffs.less'</span><span class="o">;</span> <span class="o">//</span> <span class="nt">page</span> <span class="nt">diffs</span><br/> <span class="nv">@import</span> <span class="s1">'@{dir}/files.less'</span><span class="o">;</span> <span class="o">//</span> <span class="nt">files</span> <span class="nt">-</span> <span class="nt">images</span><span class="o">,</span> <span class="nt">audio</span><span class="o">,</span> <span class="nt">galleries</span><br/> <span class="nv">@import</span> <span class="s1">'@{dir}/button.less'</span><span class="o">;</span> <span class="o">//</span> <span class="nt">Switch</span> <span class="nt">infobox</span> <span class="nt">buttons</span> <span class="nt">and</span> <span class="nt">such</span><br/> <span class="nv">@import</span> <span class="s1">'@{dir}/sourceeditor.less'</span><span class="o">;</span> <span class="o">//</span> <span class="nt">Source</span> <span class="nt">editor</span> <span class="nt">styling</span>
| |
| | |
| <span class="o">//</span> <span class="nt">templates</span> <span class="nt">etc</span><br/> <span class="nv">@import</span> <span class="s1">'@{dir}/wikitables.less'</span><span class="o">;</span> <span class="o">//</span> <span class="nt">wikitables</span> <span class="nt">and</span> <span class="nt">infoboxes</span><br/> <span class="nv">@import</span> <span class="s1">'@{dir}/messageboxes.less'</span><span class="o">;</span> <span class="o">//</span> <span class="nt">messageboxes</span><br/> <span class="nv">@import</span> <span class="s1">'@{dir}/navboxes.less'</span><span class="o">;</span> <span class="o">//</span> <span class="nt">navboxes</span><br/> <span class="nv">@import</span> <span class="s1">'@{dir}/templates.less'</span><span class="o">;</span> <span class="o">//</span> <span class="nt">miscellaneous</span> <span class="nt">templates</span>
| |
| | |
| <span class="o">//</span> <span class="nt">page</span> <span class="nt">specific</span><br/> <span class="nv">@import</span> <span class="s1">'@{dir}/mainpage.less'</span><span class="o">;</span> <span class="o">//</span> <span class="nt">main</span> <span class="nt">page</span><br/> <span class="nv">@import</span> <span class="s1">'@{dir}/popular.less'</span><span class="o">;</span> <span class="o">//</span> <span class="nt">main</span> <span class="nt">page</span> <span class="nt">popular</span> <span class="nt">page</span> <span class="nt">template</span><br/> <span class="nv">@import</span> <span class="s1">'@{dir}/specials.less'</span><span class="o">;</span> <span class="o">//</span> <span class="nt">special</span> <span class="nt">pages</span><br/> <span class="nv">@import</span> <span class="s1">'@{dir}/gadgets.less'</span><span class="o">;</span> <span class="o">//</span> <span class="nt">gadgets</span><br/> <span class="o">//</span> <span class="nv">@import</span> <span class="s1">'@{dir}/gecharts.less'</span><span class="o">;</span> <span class="o">//</span> <span class="nt">GE</span> <span class="nt">charts</span><br/> <span class="nv">@import</span> <span class="s1">'@{dir}/highlight.less'</span><span class="o">;</span><br/> <span class="nv">@import</span> <span class="s1">'@{dir}/ooui.less'</span><span class="o">;</span> <span class="o">//</span> <span class="nt">ooui</span>
| |
| | |
| <span class="p">.</span><span class="nc">mw-parser-output</span> <span class="p">{</span>
| |
| | |
| <span class="err">pre</span> <span class="p">{</span><br/> <span class="k">background-color</span><span class="p">:</span> <span class="o">@</span><span class="n">dark-body</span><span class="p">;</span><br/> <span class="k">border</span><span class="p">:</span> <span class="mi">1</span><span class="kt">px</span> <span class="kc">solid</span> <span class="kc">silver</span><span class="p">;</span><br/> <span class="k">line-height</span><span class="p">:</span> <span class="mi">14</span><span class="kt">px</span><span class="p">;</span><br/> <span class="k">overflow</span><span class="p">:</span> <span class="kc">auto</span><span class="p">;</span><br/> <span class="k">padding</span><span class="p">:</span> <span class="mi">12</span><span class="kt">px</span><span class="p">;</span><br/> <span class="k">word-wrap</span><span class="p">:</span> <span class="kc">normal</span><span class="p">;</span><br/> <span class="p">}</span>
| |
| | |
| <span class="err">code</span> <span class="p">{</span><br/> <span class="k">background-color</span><span class="p">:</span> <span class="o">@</span><span class="n">dark-body</span><span class="p">;</span><br/> <span class="k">border</span><span class="p">:</span> <span class="mi">1</span><span class="kt">px</span> <span class="kc">solid</span> <span class="kc">silver</span><span class="p">;</span><br/> <span class="k">border-radius</span><span class="p">:</span> <span class="mi">2</span><span class="kt">px</span><span class="p">;</span><br/> <span class="k">padding</span><span class="p">:</span> <span class="mi">1</span><span class="kt">px</span> <span class="mi">4</span><span class="kt">px</span><span class="p">;</span><br/> <span class="p">}</span>
| |
| | |
| <span class="p">}</span>
| |
| | |
| <span class="c">/* Notification Page toolbar */</span><br/> <span class="p">.</span><span class="nc">mw-echo-ui-notificationsInboxWidget-toolbarWrapper</span> <span class="p">{</span><br/> <span class="k">background</span><span class="p">:</span><span class="o">@</span><span class="n">dark-page</span><span class="p">;</span><br/> <span class="p">}</span>
| |
| | |
| <span class="c">/* Menu dropdown */</span><br/> <span class="p">.</span><span class="nc">menu</span> <span class="p">{</span><br/> <span class="k">background-color</span><span class="p">:</span> <span class="mh">#212D43</span> <span class="cp">!important</span><span class="p">;</span><br/> <span class="k">border</span><span class="p">:</span><span class="kc">none</span> <span class="cp">!important</span><span class="p">;</span><br/> <span class="p">}</span>
| |
| | |
| <span class="c">/* Title parenthesis */</span><br/> <span class="p">.</span><span class="nc">title-parenthesis</span> <span class="p">{</span><br/> <span class="k">color</span><span class="p">:</span> <span class="mh">#9AA4B7</span><span class="p">;</span><br/> <span class="k">font-size</span><span class="p">:</span> <span class="mi">80</span><span class="kt">%</span><span class="p">;</span><br/> <span class="p">}</span>
| |
| | |
| <span class="p">#</span><span class="nn">filetoc</span> <span class="p">{</span><br/> <span class="k">text-align</span><span class="p">:</span> <span class="kc">center</span><span class="p">;</span><br/> <span class="k">background</span><span class="p">:</span> <span class="o">@</span><span class="n">dark-page</span><span class="p">;</span><br/> <span class="k">border</span><span class="p">:</span> <span class="mi">1</span><span class="kt">px</span> <span class="kc">solid</span> <span class="o">@</span><span class="n">dark-body</span><span class="p">;</span><br/> <span class="p">}</span>
| |
| | |
| <span class="p">.</span><span class="nc">relativelocation</span> <span class="p">{</span><br/> <span class="k">background-color</span><span class="p">:</span> <span class="mh">#212D43</span><span class="p">;</span><br/> <span class="p">}</span>
| |
| | |
| <span class="c">/*.mw_metadata td, .mw_metadata th {</span><br/> <span class="c"> background: #d7ca9f;</span><br/> <span class="c"> border: 1px solid #c7b67b;</span><br/> <span class="c">}</span>
| |
| | |
| <span class="c">.succession-title {</span><br/> <span class="c"> background: #b7a585;</span><br/> <span class="c"> font-size:90%;</span><br/> <span class="c">}</span>
| |
| | |
| <span class="c">.succession-cell {</span><br/> <span class="c"> background: #d7ca9f;</span><br/> <span class="c"> font-size:90%;</span><br/> <span class="c">}</span>
| |
| | |
| <span class="c">.offbox {</span><br/> <span class="c"> background: #d7ca9f;</span><br/> <span class="c"> border: 1px solid #c7b67b;</span><br/> <span class="c">}</span><br/> <span class="c">*/</span>
| |