Changes

Jump to: navigation, search
no edit summary
Line 147: Line 147:     
/* infobox */
 
/* infobox */
.infobox {
+
@media screen and (max-width: 1280px) {
  background-color: #00000000;
+
  table.infobox {
   width: 100% !important;
+
    width: 100% !important;
   max-width: 100% !important;
+
    margin: 0;
  table-layout: fixed !important;
+
    padding: 0 0.5em;
  box-sizing: border-box;
+
    box-sizing: border-box;
 +
    table-layout: auto !important;
 +
    overflow-x: hidden !important;
 +
   }
 +
  table.infobox > tbody {
 +
    display: block;
 +
    min-width: 100%;
 +
  }
 +
  table.infobox th,
 +
  table.infobox td {
 +
    text-align: center !important;
 +
    white-space: normal !important;
 +
    word-wrap: break-word !important;
 +
    padding: 0.5em;
 +
   }
 +
  table.infobox img {
 +
    display: block;
 +
    width: 100% !important;
 +
    height: auto !important;
 +
    margin: 0;
 +
  } 
 
}
 
}
   −
.infobox table {
+
/* section dropdown */
   width: 100% !important;
+
.section-heading.collapsible-heading {
  border-collapse: collapse;
+
   display: block !important;
 
}
 
}
   −
.infobox td,
+
.section-heading.collapsible-heading > .mw-ui-icon,
.infobox th {
+
.section-heading.collapsible-heading > .mw-headline,
  text-align: center !important;
+
.section-heading.collapsible-heading > .mw-editsection {
  padding: 0.5em !important;
+
   display: block !important;
  word-break: break-word;
+
   /* optional spacing if you want a little gap between icon/headline/edit link */
  white-space: normal;
+
   margin-bottom: 0.25em;
}
  −
.infobox img {
  −
  display: block;
  −
  width: 100% !important;
  −
  max-width: 100% important;
  −
  height: auto !important;
  −
  margin: 0 auto;
  −
}
  −
 
  −
.infobox details,
  −
.infobox summary {
  −
  display: block;
  −
  clear: both;
  −
  font-weight: bold;
  −
  cursor: pointer;
  −
  z-index: auto;
  −
}
  −
 
  −
.infobox .infobox-list,
  −
.infobox > ul {
  −
   margin: 0 auto;
  −
   display: inline-block;
  −
   text-align: left;
   
}
 
}
   −
.infobox .infobox-list li,
+
.section-heading.collapsible-heading > .mw-ui-icon {
.infobox > ul > li {
+
   float: left;
   text-align: center;
+
  margin-right: 0.5em;
 
}
 
}

Navigation menu