« MediaWiki:Vector.css » : différence entre les versions

Version du 6 novembre 2018 à 02:54

/* CSS placed here will affect users of the Vector skin */
<pre><span class="o">//</span> <span class="o"><</span><span class="nt">pre</span><span class="o">></span>
<span class="c">/* ------------------------------------------------------------------------------</span>
<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>
<span class="c">   permissions can click the "Update CSS" button found to the left of the edit button.</span>
<span class="c">   ------------------------------------------------------------------------------ */</span>

<span class="c">/* --------------------</span>
<span class="c">          COLORS</span>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<span class="c">         IMPORTS</span>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<span class="nv">@import</span> <span class="s1">'@{dir}/highlight.less'</span><span class="o">;</span>
<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>
        <span class="k">background-color</span><span class="p">:</span> <span class="o">@</span><span class="n">dark-body</span><span class="p">;</span>
        <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>
        <span class="k">line-height</span><span class="p">:</span> <span class="mi">14</span><span class="kt">px</span><span class="p">;</span>
        <span class="k">overflow</span><span class="p">:</span> <span class="kc">auto</span><span class="p">;</span>
        <span class="k">padding</span><span class="p">:</span> <span class="mi">12</span><span class="kt">px</span><span class="p">;</span>
        <span class="k">word-wrap</span><span class="p">:</span> <span class="kc">normal</span><span class="p">;</span>
    <span class="p">}</span>

    <span class="err">code</span> <span class="p">{</span>
        <span class="k">background-color</span><span class="p">:</span> <span class="o">@</span><span class="n">dark-body</span><span class="p">;</span>
        <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>
        <span class="k">border-radius</span><span class="p">:</span> <span class="mi">2</span><span class="kt">px</span><span class="p">;</span>
        <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>
    <span class="p">}</span>

<span class="p">}</span>

<span class="c">/* Notification Page toolbar */</span>
<span class="p">.</span><span class="nc">mw-echo-ui-notificationsInboxWidget-toolbarWrapper</span> <span class="p">{</span>
	<span class="k">background</span><span class="p">:</span><span class="o">@</span><span class="n">dark-page</span><span class="p">;</span>
<span class="p">}</span>

<span class="c">/* Menu dropdown */</span>
<span class="p">.</span><span class="nc">menu</span> <span class="p">{</span>
	<span class="k">background-color</span><span class="p">:</span> <span class="mh">#212D43</span> <span class="cp">!important</span><span class="p">;</span>
	<span class="k">border</span><span class="p">:</span><span class="kc">none</span> <span class="cp">!important</span><span class="p">;</span>
<span class="p">}</span>

<span class="c">/* Title parenthesis */</span>
<span class="p">.</span><span class="nc">title-parenthesis</span> <span class="p">{</span>
    <span class="k">color</span><span class="p">:</span> <span class="mh">#9AA4B7</span><span class="p">;</span>
    <span class="k">font-size</span><span class="p">:</span> <span class="mi">80</span><span class="kt">%</span><span class="p">;</span>
<span class="p">}</span>

<span class="p">#</span><span class="nn">filetoc</span> <span class="p">{</span>
    <span class="k">text-align</span><span class="p">:</span> <span class="kc">center</span><span class="p">;</span>
    <span class="k">background</span><span class="p">:</span> <span class="o">@</span><span class="n">dark-page</span><span class="p">;</span>
    <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>
<span class="p">}</span>

<span class="p">.</span><span class="nc">relativelocation</span> <span class="p">{</span>
    <span class="k">background-color</span><span class="p">:</span> <span class="mh">#212D43</span><span class="p">;</span>
<span class="p">}</span>


<span class="c">/*.mw_metadata td, .mw_metadata th {</span>
<span class="c">    background: #d7ca9f;</span>
<span class="c">    border: 1px solid #c7b67b;</span>
<span class="c">}</span>

<span class="c">.succession-title {</span>
<span class="c">    background: #b7a585;</span>
<span class="c">    font-size:90%;</span>
<span class="c">}</span>

<span class="c">.succession-cell {</span>
<span class="c">    background: #d7ca9f;</span>
<span class="c">    font-size:90%;</span>
<span class="c">}</span>

<span class="c">.offbox {</span>
<span class="c">    background: #d7ca9f;</span>
<span class="c">    border: 1px solid #c7b67b;</span>
<span class="c">}</span>
<span class="c">*/</span></pre>