Common.css

Hinweis: Leere nach dem Speichern den Browser-Cache, um die Änderungen sehen zu können.

• Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
• Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
• Internet Explorer: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
• Opera: Gehe zu Menü → Einstellungen (Opera → Einstellungen auf dem Mac) und dann auf Datenschutz & Sicherheit → Browserdaten löschen → Gespeicherte Bilder und Dateien.

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

<pre><span class="nc">.border-box</span> <span class="p">{</span>
    <span class="nb">border</span><span class="o">:</span> <span class="m">2px</span> <span class="nb">solid</span><span class="p">;</span>
    <span class="nb">border</span><span class="o">-</span><span class="n">radius</span><span class="o">:</span> <span class="m">5px</span><span class="p">;</span>
    <span class="nb">padding</span><span class="o">:</span> <span class="m">10px</span><span class="p">;</span>
<span class="p">}</span>

<span class="nc">.box-red</span> <span class="p">{</span>
    <span class="nb">border-color</span><span class="o">:</span> <span class="m">#b94a48</span><span class="p">;</span>
    <span class="nb">background-color</span><span class="o">:</span> <span class="m">#f2dede</span><span class="p">;</span>
<span class="p">}</span>

<span class="nc">.box-orange</span> <span class="p">{</span>
    <span class="nb">border-color</span><span class="o">:</span> <span class="m">#c09853</span><span class="p">;</span>
    <span class="nb">background-color</span><span class="o">:</span> <span class="m">#fcf8e3</span><span class="p">;</span>
<span class="p">}</span>

<span class="nc">.box-green</span> <span class="p">{</span>
    <span class="nb">border-color</span><span class="o">:</span> <span class="m">#468847</span><span class="p">;</span>
    <span class="nb">background-color</span><span class="o">:</span> <span class="m">#dff0d8</span><span class="p">;</span>
<span class="p">}</span>

<span class="nc">.box-blue</span> <span class="p">{</span>
    <span class="nb">border-color</span><span class="o">:</span> <span class="m">#3a87ad</span><span class="p">;</span>
    <span class="nb">background-color</span><span class="o">:</span> <span class="m">#d9edf7</span><span class="p">;</span>
<span class="p">}</span>

<span class="nc">.green_hook</span> <span class="p">{</span>
    <span class="nb">background-image</span><span class="o">:</span> <span class="sx">url(images/icons/gruener_haken_sm.png)</span><span class="p">;</span>
    <span class="nb">width</span><span class="o">:</span> <span class="m">16px</span><span class="p">;</span>
    <span class="nb">height</span><span class="o">:</span> <span class="m">16px</span><span class="p">;</span>
    <span class="nb">display</span><span class="o">:</span> <span class="nb">inline</span><span class="o">-</span><span class="nb">block</span><span class="p">;</span>
    <span class="nb">margin-left</span><span class="o">:</span> <span class="m">8px</span><span class="p">;</span>
<span class="p">}</span>

<span class="nc">.green-check</span> <span class="p">{</span>
    <span class="nb">background-image</span><span class="o">:</span> <span class="sx">url(images/icons/green-checkmark.png)</span><span class="p">;</span>
    <span class="nb">width</span><span class="o">:</span> <span class="m">16px</span><span class="p">;</span>
    <span class="nb">height</span><span class="o">:</span> <span class="m">16px</span><span class="p">;</span>
    <span class="nb">display</span><span class="o">:</span> <span class="nb">inline</span><span class="o">-</span><span class="nb">block</span><span class="p">;</span>
<span class="p">}</span>

<span class="nc">.okay</span> <span class="p">{</span>
    <span class="nb">background-image</span><span class="o">:</span> <span class="sx">url(images/icons/green-checkhook.png)</span><span class="p">;</span>
    <span class="nb">width</span><span class="o">:</span> <span class="m">16px</span><span class="p">;</span>
    <span class="nb">height</span><span class="o">:</span> <span class="m">16px</span><span class="p">;</span>
    <span class="nb">display</span><span class="o">:</span> <span class="nb">inline</span><span class="o">-</span><span class="nb">block</span><span class="p">;</span>
<span class="p">}</span></pre>