MediaWiki:Mobile.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied

@@ Zeile 1: / Zeile 1: @@
 /* 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 {
+font-weight:bold;
+}
 @font-face {
@@ Zeile 60: / Zeile 82: @@
      background-image: url(/de/resources/assets/iq-digital.png?53da3);
      background-repeat: no-repeat;
-     background-size: 70px auto;
+     background-size: 100px auto;
      background-position: left center;
-     padding-left:80px;
+     padding-left:100px;
 height:32px;
+float:none;
 }
 .header .branding-box {
-width:80%;
+width:90%;
 }
@@ Zeile 102: / Zeile 125: @@
 -moz-border-radius: 5px;
 border-radius: 5px;
+}
+.specsBox #toc {
+margin-top:1em;
 }
@@ Zeile 267: / Zeile 294: @@
 display:flex;
 flex-wrap:wrap;
-justify-content:flex-start;
+justify-content:center;
+min-width:320px;
+box-sizing: border-box;
+}
+.mainpage * {
+box-sizing: border-box;
 }
 .chapter {
-width:100%;
+width:320px;
 min-width:320px;
+margin-right:16px;
 }
+@media screen and (max-width: 352px) {
+  .mainpage, .specsBox {
+    margin-left:-16px;
+    margin-right:-16px;
+  }
+  .chapter {
+    width:320px;
+    min-width:320px;
+    margin-right:0;
+  }
+  .mainheader {
+    padding-top:15px;
+  }
+}
+@media screen and (max-width: 370px) {
+  .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{
@@ Zeile 322: / Zeile 402: @@
   color:#ff0000;
   float:left;
+}
+.chapterlist {
+  width:320px;
+  border: 0.5px solid #a2a9b1;
+  background-color: #f8f9fa;
+  color: #222;
+  margin: 1em auto;
+  border-collapse: collapse;
+  font-size:16px;
+}
+.chapterlist .clheader {
+  font-size:22px;
+  background-color:#021B23;
+  color:#FFF;
+  padding: 0.2em 0.4em;
+  font-weight:bold;
+  font-family: 'Rajdhani',sans-serif,Arial,Tahoma,Verdana;
+}
+.chapterlist ul {
+  margin:0;
+  padding:0;
+  font-family: 'Rajdhani',sans-serif,Arial,Tahoma,Verdana;
+}
+.chapterlist li {
+  list-style-type: none;
+  list-style-image: none;
+  padding: 0.2em 0.4em;
+  margin:0;
+  font-weight:bold;
+  border-bottom: 0.5px solid #a2a9b1;
+  line-height:1.6;
+  font-family: 'Rajdhani',sans-serif,Arial,Tahoma,Verdana;
+  font-size:100%;
+}
+.chapterlist li *{
+font-family: 'Rajdhani',sans-serif,Arial,Tahoma,Verdana;
+}
+.minerva-user-navigation {
+display:none;
 }