|
|
| Zeile 1: |
Zeile 1: |
| | /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | | /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ |
| | + | .border-box { |
| | + | border: 2px solid; |
| | + | border-radius: 5px; |
| | + | padding: 10px; |
| | + | } |
| | | | |
| − | <span class="nc">.border-box</span> <span class="p">{</span>
| + | .box-red { |
| − | <span class="nb">border</span><span class="o">:</span> <span class="m">2px</span> <span class="nb">solid</span><span class="p">;</span> | + | border-color: #b94a48; |
| − | <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> | + | background-color: #f2dede; |
| − | <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>
| + | .box-orange { |
| − | <span class="nb">border-color</span><span class="o">:</span> <span class="m">#b94a48</span><span class="p">;</span> | + | border-color: #c09853; |
| − | <span class="nb">background-color</span><span class="o">:</span> <span class="m">#f2dede</span><span class="p">;</span> | + | background-color: #fcf8e3; |
| − | <span class="p">}</span>
| + | } |
| | | | |
| − | <span class="nc">.box-orange</span> <span class="p">{</span>
| + | .box-green { |
| − | <span class="nb">border-color</span><span class="o">:</span> <span class="m">#c09853</span><span class="p">;</span> | + | border-color: #468847; |
| − | <span class="nb">background-color</span><span class="o">:</span> <span class="m">#fcf8e3</span><span class="p">;</span> | + | background-color: #dff0d8; |
| − | <span class="p">}</span>
| + | } |
| | | | |
| − | <span class="nc">.box-green</span> <span class="p">{</span>
| + | .box-blue { |
| − | <span class="nb">border-color</span><span class="o">:</span> <span class="m">#468847</span><span class="p">;</span> | + | border-color: #3a87ad; |
| − | <span class="nb">background-color</span><span class="o">:</span> <span class="m">#dff0d8</span><span class="p">;</span> | + | background-color: #d9edf7; |
| − | <span class="p">}</span>
| + | } |
| | | | |
| − | <span class="nc">.box-blue</span> <span class="p">{</span>
| + | .green_hook { |
| − | <span class="nb">border-color</span><span class="o">:</span> <span class="m">#3a87ad</span><span class="p">;</span> | + | background-image: url(images/icons/gruener_haken_sm.png); |
| − | <span class="nb">background-color</span><span class="o">:</span> <span class="m">#d9edf7</span><span class="p">;</span> | + | width: 16px; |
| − | <span class="p">}</span>
| + | height: 16px; |
| | + | display: inline-block; |
| | + | margin-left: 8px; |
| | + | } |
| | | | |
| − | <span class="nc">.green_hook</span> <span class="p">{</span>
| + | .green-check { |
| − | <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> | + | background-image: url(images/icons/green-checkmark.png); |
| − | <span class="nb">width</span><span class="o">:</span> <span class="m">16px</span><span class="p">;</span> | + | width: 16px; |
| − | <span class="nb">height</span><span class="o">:</span> <span class="m">16px</span><span class="p">;</span> | + | height: 16px; |
| − | <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> | + | display: inline-block; |
| − | <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>
| + | .okay { |
| − | <span class="nb">background-image</span><span class="o">:</span> <span class="sx">url(images/icons/green-checkmark.png)</span><span class="p">;</span>
| + | background-image: url(images/icons/green-checkhook.png); |
| − | <span class="nb">width</span><span class="o">:</span> <span class="m">16px</span><span class="p">;</span>
| + | width: 16px; |
| − | <span class="nb">height</span><span class="o">:</span> <span class="m">16px</span><span class="p">;</span>
| + | height: 16px; |
| − | <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>
| + | display: inline-block; |
| − | <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>
| |