MediaWiki:Common.css: Unterschied zwischen den Versionen

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-box {
 +
 
     border: 2px solid;
 
     border: 2px solid;
 
     border-radius: 5px;
 
     border-radius: 5px;
 
     padding: 10px;
 
     padding: 10px;
 +
    margin-top: 8px;
 
}
 
}
  
 
.box-red {
 
.box-red {
 +
 
     border-color: #b94a48;
 
     border-color: #b94a48;
 
     background-color: #f2dede;
 
     background-color: #f2dede;
Zeile 12: Zeile 15:
  
 
.box-orange {
 
.box-orange {
 +
 
     border-color: #c09853;
 
     border-color: #c09853;
 
     background-color: #fcf8e3;
 
     background-color: #fcf8e3;
Zeile 17: Zeile 21:
  
 
.box-green {
 
.box-green {
 +
 
     border-color: #468847;
 
     border-color: #468847;
 
     background-color: #dff0d8;
 
     background-color: #dff0d8;
Zeile 22: Zeile 27:
  
 
.box-blue {
 
.box-blue {
 +
 
     border-color: #3a87ad;
 
     border-color: #3a87ad;
 
     background-color: #d9edf7;
 
     background-color: #d9edf7;
Zeile 27: Zeile 33:
  
 
.green_hook {
 
.green_hook {
 +
 
     background-image: url(images/icons/gruener_haken_sm.png);
 
     background-image: url(images/icons/gruener_haken_sm.png);
 
     width: 16px;
 
     width: 16px;
Zeile 35: Zeile 42:
  
 
.green-check {
 
.green-check {
 +
 
     background-image: url(images/icons/green-checkmark.png);
 
     background-image: url(images/icons/green-checkmark.png);
 
     width: 16px;
 
     width: 16px;
Zeile 42: Zeile 50:
  
 
.okay {
 
.okay {
 +
 
     background-image: url(images/icons/green-checkhook.png);
 
     background-image: url(images/icons/green-checkhook.png);
 
     width: 16px;
 
     width: 16px;

Version vom 18. April 2017, 15:17 Uhr

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
.border-box {

    border: 2px solid;
    border-radius: 5px;
    padding: 10px;
    margin-top: 8px;
}

.box-red {

    border-color: #b94a48;
    background-color: #f2dede;
}

.box-orange {

    border-color: #c09853;
    background-color: #fcf8e3;
}

.box-green {

    border-color: #468847;
    background-color: #dff0d8;
}

.box-blue {

    border-color: #3a87ad;
    background-color: #d9edf7;
}

.green_hook {

    background-image: url(images/icons/gruener_haken_sm.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 8px;
}

.green-check {

    background-image: url(images/icons/green-checkmark.png);
    width: 16px;
    height: 16px;
    display: inline-block;
}

.okay {

    background-image: url(images/icons/green-checkhook.png);
    width: 16px;
    height: 16px;
    display: inline-block;
}