Common.css

Nota: tras guardar, quizás necesites actualizar la caché de tu navegador para ver los cambios.

• Firefox/Safari: Mantén presionada la tecla Mayús mientras pulsas el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
• Google Chrome: presiona Ctrl+Shift+R (⌘+Mayús+R en Mac)
• Internet Explorer: mantén presionada Ctrl mientras pulsas Actualizar, o presiona Ctrl+F5
• Opera: vacía la caché en Herramientas → Preferencias

/* El CSS colocado en esta página será aplicado a todas las apariencias */

<pre class="de1"><span class="coMULTI">/**
 * Styling for links generated by [[MediaWiki:Edittools]]
 * @source www.mediawiki.org/wiki/Extension:CharInsert#Styling
 * @updated 2012-02-29
 */</span>
<span class="re1">.mw-charinsert-buttons</span> <span class="br0">{</span>
        <span class="kw1">margin-top</span><span class="sy0">:</span> <span class="re3">10px</span><span class="sy0">;</span>
        <span class="kw1">border</span><span class="sy0">:</span> <span class="re3">1px</span> <span class="kw2">solid</span> <span class="re0">#aaaaaa</span><span class="sy0">;</span>
        <span class="kw1">padding</span><span class="sy0">:</span> <span class="re3">1px</span><span class="sy0">;</span>
        <span class="kw1">text-align</span><span class="sy0">:</span> <span class="kw2">center</span><span class="sy0">;</span>
        <span class="kw1">font-size</span><span class="sy0">:</span> <span class="re3">110%</span><span class="sy0">;</span>
<span class="br0">}</span>
<span class="re1">.mw-charinsert-buttons</span> a <span class="br0">{</span>
        <span class="kw1">color</span><span class="sy0">:</span> <span class="kw1">black</span><span class="sy0">;</span>
        <span class="kw1">background-color</span><span class="sy0">:</span> <span class="re0">#cde</span> !important<span class="sy0">;</span>
        <span class="kw1">font-weight</span><span class="sy0">:</span> <span class="kw2">bold</span><span class="sy0">;</span>
        <span class="kw1">font-size</span><span class="sy0">:</span> <span class="re3">.9em</span><span class="sy0">;</span>
        <span class="kw1">text-decoration</span><span class="sy0">:</span> <span class="kw2">none</span><span class="sy0">;</span>
        <span class="kw1">border</span><span class="sy0">:</span> <span class="kw2">thin</span> <span class="re0">#069</span> <span class="kw2">outset</span><span class="sy0">;</span>
        <span class="kw1">padding</span><span class="sy0">:</span> <span class="nu0">0</span> <span class="re3">.1em</span> <span class="re3">.1em</span><span class="sy0">;</span>
<span class="br0">}</span>
<span class="re1">.mw-charinsert-buttons</span> a<span class="re2">:hover</span><span class="sy0">,</span>
<span class="re1">.mw-charinsert-buttons</span> a<span class="re2">:active </span><span class="br0">{</span>
        <span class="kw1">background-color</span><span class="sy0">:</span> <span class="re0">#bcd</span><span class="sy0">;</span>
        <span class="kw1">border-style</span><span class="sy0">:</span> <span class="kw2">inset</span><span class="sy0">;</span>
<span class="br0">}</span>
<span class="re1">.client-js</span> <span class="re1">.mw-edittools-section</span> <span class="br0">{</span>
        <span class="kw1">display</span><span class="sy0">:</span> <span class="kw2">inline</span><span class="sy0">;</span>
<span class="br0">}</span>
<span class="re1">.client-js</span> <span class="re1">.mw-edittools-section</span> input<span class="br0">[</span>type<span class="sy0">=</span><span class="st0">"button"</span><span class="br0">]</span> <span class="br0">{</span>
        <span class="kw1">font-size</span><span class="sy0">:</span> <span class="re3">0.9em</span><span class="sy0">;</span>
        <span class="kw1">padding-left</span><span class="sy0">:</span> <span class="re3">1px</span><span class="sy0">;</span>
        <span class="kw1">padding-right</span><span class="sy0">:</span> <span class="re3">1px</span><span class="sy0">;</span>
        <span class="kw1">margin-left</span><span class="sy0">:</span> <span class="re3">1px</span><span class="sy0">;</span>
<span class="br0">}</span></pre>

.row.display { background: #eee; font-size: 11px; margin-bottom: 10px; }
.row.display .columns, .row.display .column { background: #e7e7e7; border: 1px solid #ddd; font-size: 13px; font-weight: bold; text-indent: 3px; padding-top: 8px; color: #444; padding-bottom: 8px; }

/* CodeRay Syntax Highlighting Styles to match Github */
.CodeRay {
  background-color: #eee;
  border: 1px solid #cccccc;
  font-family: "Consolas", "Liberation Mono", Courier, monospace;
  color: #000;
  padding: 0.8em 0 0.8em 0.8em;
  margin-bottom: 1.3em;
  overflow: auto; }

.CodeRay pre {
  margin: 0px;
  font-size: .9em;
  line-height: 1.4em;
  white-space: pre; }

/* Custom Foreground menubar colors to go with WikiApiary theme */
.top-bar,
.top-bar-section ul,
.top-bar-section ul li.active > a,
.top-bar-section li a:not(.button),
.top-bar-section .has-form {
   background: #F0F0F0;
   color: #000000;
}

.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"] {
  border-color: #F0F0F0;
}

/* Darker color for the hover over items */
.top-bar-section ul li.hover > a,
.top-bar-section ul li ul.dropdown li.hover > a{
    background: #A8A8A8;
}

/* Slightly darker color for the dropdowns */
.top-bar-section ul li ul.dropdown li > a {
    background: #D8D8D8;
}