MediaWiki:Mobile.css: Unterschied zwischen den Versionen

Aus Datenschutz-Wiki
Wechseln zu: Navigation, Suche
(Common.css wird hier wiederholt. Wird sonst für Mobile nicht geladen.)
 
(Behebt fehlende lit auf kleinen Displays)
 
Zeile 94: Zeile 94:
 
     list-style: none;
 
     list-style: none;
 
     position: relative;
 
     position: relative;
 +
    margin-left: 2em;
 
}
 
}
  

Aktuelle Version vom 5. März 2019, 12:34 Uhr

/* Das folgende CSS wird für alle Nutzer der mobilen Ansicht geladen. */
/* Common.css wird hier wiederholt */

.tocnumber { display: none !important; }

/* style sheets for auto numbers in checklist tables */
table.chklsts { 
    counter-reset: levels1; 
}
 
tr.level1 {
    counter-reset: levels2;
    counter-increment: levels1;
}    
tr.level2 {
counter-reset: levels3 levels4;
counter-increment: levels2;
font-weight: bold;
}
tr.level3 {
    counter-reset: levels4;
}
tr.level4 {
    counter-reset: levels5;
}
tr.level1.level2 {
    counter-reset: levels2 levels3 levels4levels5;
    counter-increment: levels1 levels2;
}
 
td.level2 {
    font-weight: bold;
}
td.level3 {
    counter-increment: levels3;
}
td.level4 {
    counter-increment: levels4;
}
td.level5 {
    counter-increment: levels5;
}
 
th.level1:before {
    content: counter(levels1) '. ';
}
td.level1:before {
    content: counter(levels1) '. ';
}
td.level2:before {
    content: counter(levels1) '.' counter(levels2)' ';
}
td.level3:before {
    content: counter(levels1) '.'counter(levels2) '.' counter(levels3) ' ';
}
td.level4:before {
    content: counter(levels1) '.'counter(levels2) '.' counter(levels3) '.' counter(levels4) ' ';
}
td.level5:before {
    content: counter(levels1) '.'counter(levels2) '.' counter(levels3) '.' counter(levels4) '.' counter(levels5)'';
}
 
td.level3:after {' '; }
td.level4:after { ' '; }
td.level5:after {' '; }

/* formatting for the logo */
#p-logo { 
    height: 85px;
    width: 135px;
    padding: 55px 0 0 8px;
}

#p-logo a,
#p-logo a:hover {
    display: block;
    height: 85px;
    width: 135px;
    background-repeat: no-repeat;
}

/* formatting the footer */
#footer-operatedbyico a{
    padding-left: 5px;
    padding-right: 5px;  
}

/* create a letter list like a), b) etc. for using in paragraphs */
ol.lit {
    counter-reset: alpha;
}

ol.lit li {
    list-style: none;
    position: relative;
    margin-left: 2em;
}

ol.lit > li:before {
    counter-increment: alpha;
    content:"" counter(alpha, lower-alpha)") ";
    display: inline-block;
    width: 2.0em;
    margin-left: -2.0em !important; margin-left: -2.0em;
}

/* format numbers */
ol.num {
    counter-reset: number;
    margin-left: 3.9em;
}

ol.num li {
    list-style: none;
    position: relative;
}

ol.num > li:before {
    counter-increment: number;
    content:"" counter(number)". ";
    display: inline-block;
    width: 2.0em;
    margin-left: -2.0em !important; margin-left: -2.0em;
}

/* format articles and reasons */
.art-kap {
    font-size: 1.3em;
    font-weight: bold;
}

.art-abs {
    font-size: 1.2em;
    line-height: 1.5em;
    padding: 1.3em 0 0 0;
    font-weight: bold;
}

.art-tit {
    font-size: 1.1em;
    line-height: 1.5em;
    padding: 1.3em 0;
    font-weight: bold;
}

.art-eg {
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 1.5em;
}

/* formatting table DS-GVO full content */
.gvo td {
    border-bottom: 1px solid #c4c4c4;
    padding: 2px;
}

.gvo tr:hover {
    background-color: #e0e0e0;
}

/* format title bdsg */

.p-teil {
    font-size: 1.2em;
    font-weight: bold;
}

.p-kap {
    font-size: 1.2em;
    padding: 0.5em 0 0 0;
    font-weight: bold;
}

.p-abs {
    font-size: 1.2em;
    padding: 0.5em 0 0 0;
    font-weight: bold;
}

.p-tit {
    font-size: 1em;
    padding: 1.5em 0 0 0;
    font-weight: bold;
}