MediaWiki:Mobile.css: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| (16 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
/* Das folgende CSS wird für alle Nutzer der mobilen Ansicht geladen. */ | /* Das folgende CSS wird für alle Nutzer der mobilen Ansicht geladen. */ | ||
. | |||
.mainheader { | |||
background-color: #021B23; | |||
color:#FFFFFF; | |||
text-align:left; | |||
font-size:25px; | |||
width:100%; | |||
padding-left:5px; | |||
height:120px; | |||
padding-top:30px; | |||
} | |||
.mainheader .title { | |||
height:30px; | |||
line-height:30px; | |||
} | } | ||
.bold { | .bold { | ||
| Zeile 68: | Zeile 82: | ||
background-image: url(/de/resources/assets/iq-digital.png?53da3); | background-image: url(/de/resources/assets/iq-digital.png?53da3); | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-size: | background-size: 100px auto; | ||
background-position: left center; | background-position: left center; | ||
padding-left: | padding-left:100px; | ||
height:32px; | height:32px; | ||
float:none; | |||
} | } | ||
.header .branding-box { | .header .branding-box { | ||
width: | width:90%; | ||
} | } | ||
| Zeile 110: | Zeile 125: | ||
-moz-border-radius: 5px; | -moz-border-radius: 5px; | ||
border-radius: 5px; | border-radius: 5px; | ||
} | |||
.specsBox #toc { | |||
margin-top:1em; | |||
} | } | ||
| Zeile 284: | Zeile 303: | ||
} | } | ||
@media (max-width: 352px) { | .chapter { | ||
.mainpage { | width:320px; | ||
min-width:320px; | |||
margin-right:16px; | |||
} | |||
@media screen and (max-width: 352px) { | |||
.mainpage, .specsBox { | |||
margin-left:-16px; | margin-left:-16px; | ||
margin-right:-16px; | margin-right:-16px; | ||
} | |||
.chapter { | |||
width:320px; | |||
min-width:320px; | |||
margin-right:0; | |||
} | |||
.mainheader { | |||
padding-top:15px; | |||
} | } | ||
} | } | ||
. | @media screen and (max-width: 370px) { | ||
width: | .mainheader { | ||
padding-top:15px; | |||
} | |||
} | |||
@media screen and (min-width: 720px) { | |||
.mainpage { | |||
margin-left:-3.35em; | |||
margin-right:-3.35em; | |||
} | |||
.mainheader .title{ | |||
text-align:left; | |||
} | |||
} | |||
@media screen and (max-width: 672px) { | |||
.chapter { | |||
margin-right:0; | |||
} | |||
.mainheader .title{ | |||
text-align:left; | |||
} | |||
} | } | ||
.kontakt{ | .kontakt{ | ||
| Zeile 350: | Zeile 409: | ||
background-color: #f8f9fa; | background-color: #f8f9fa; | ||
color: #222; | color: #222; | ||
margin: 1em | margin: 1em auto; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
font-size:16px; | font-size:16px; | ||
| Zeile 357: | Zeile 416: | ||
.chapterlist .clheader { | .chapterlist .clheader { | ||
font-size:22px; | font-size:22px; | ||
background-color:# | background-color:#021B23; | ||
color:#FFF; | color:#FFF; | ||
padding: 0.2em 0.4em; | padding: 0.2em 0.4em; | ||
| Zeile 383: | Zeile 442: | ||
.chapterlist li *{ | .chapterlist li *{ | ||
font-family: 'Rajdhani',sans-serif,Arial,Tahoma,Verdana; | font-family: 'Rajdhani',sans-serif,Arial,Tahoma,Verdana; | ||
} | |||
.minerva-user-navigation { | |||
display:none; | |||
} | } | ||