WikiPhone

MediaWiki:Common.css: Difference between revisions

← Older edit
No edit summary
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* ==============================
  GLOBAL LAYOUT / PAGE STYLES
  ============================== */
/* Base page container */
.mp-container {
.mp-container {
   display: flex;
   display: flex;
Line 16: Line 11:
}
}


/* Right sidebar */
.mp-right {
.mp-right {
   flex: 0 0 320px;
   flex: 0 0 320px;
Line 34: Line 28:
     flex-direction: column;
     flex-direction: column;
   }
   }
   .mp-right {
   .mp-right {
     flex: none;
     flex: none;
Line 45: Line 40:
   }
   }
}
}
/* ==============================
  CONTRIBUTION CTA BUTTON
  ============================== */


.wp-contrib-cta {
.wp-contrib-cta {
Line 122: Line 113:
   }
   }
}
}
/* ==============================
  MAIN PAGE HEADING HIDES
  ============================== */


body.page-Main_Page #firstHeading,
body.page-Main_Page #firstHeading,
Line 142: Line 129:
}
}


/* ==============================
.mw-parser-output {
  INFOBOX
  overflow: auto;
  ============================== */
}
 
.mw-parser-output::after {
  content: "";
  display: block;
  clear: both;
}
 
.mw-parser-output > p:first-child {
  margin-top: 0 !important;
}
 
.mw-parser-output > .infobox:first-child,
.mw-parser-output > table.infobox:first-child {
  margin-top: 0 !important;
}
 
.mw-parser-output > .infobox + p,
.mw-parser-output > table.infobox + p {
  margin-top: 0 !important;
}


.infobox {
.infobox {
Line 158: Line 165:
}
}


@media (max-width: 600px) {
.infobox tr,
  .infobox {
.infobox tbody,
    float: none;
.infobox thead,
    margin: 0 auto 1em auto;
.infobox tfoot {
    width: 100%;
  margin: 0;
  }
  padding: 0;
}
}


/* title */
.infobox-title {
.infobox-title {
   background: #b0c4de;
   background: #b0c4de;
Line 176: Line 182:
}
}


/* image */
.infobox-imagearea {
.infobox-imagearea {
   text-align: center;
   text-align: center;
Line 189: Line 194:
}
}


/* rows */
.infobox-rows {
.infobox-rows {
   width: 100%;
   width: 100%;
Line 197: Line 201:
.infobox-rows th,
.infobox-rows th,
.infobox-rows td {
.infobox-rows td {
   padding: 2px 5px; /* tighter spacing */
   padding: 2px 5px;
   vertical-align: top;
   vertical-align: top;
   border-bottom: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
Line 213: Line 217:
}
}


/* footer */
.infobox-footer {
.infobox-footer {
   text-align: center;
   text-align: center;
Line 223: Line 226:
}
}


/* spacing fix */
.infobox td p {
.mw-parser-output > .infobox + p {
  margin: 0;
   margin-top: 0 !important;
}
 
.infobox td p:empty {
  display: none !important;
   margin: 0 !important;
  padding: 0 !important;
}
}


.infobox td p:empty,
.infobox td p:has(br:only-child) {
.infobox td p:has(br) {
   display: none !important;
   display: none !important;
   margin: 0 !important;
   margin: 0 !important;
Line 235: Line 242:
}
}


.infobox-section th {
.infobox-section th,
.infobox .infobox-section {
   background: #b0c4de !important;
   background: #b0c4de !important;
   color: #000;
   color: #000;
Line 244: Line 252:
}
}


.infobox .infobox-section{
@media (max-width: 600px) {
  background: var(--quaternary, #5865f2);
   .infobox {
  color:#fff;
    float: none;
   text-align:left;
    clear: both;
  padding:.35em .6em;
    margin: 0 auto 1em auto;
  font-weight:600;
    width: 100%;
}
   }
 
.infobox .infobox-section{
  display:block;
  background: var(--quaternary, #5865f2);
  color:#fff;
  padding:.4em .6em;
   font-weight:600;
  border-radius:4px;
  margin:.5em 0;
}
}
Retrieved from "https://www.telephones.wiki/MediaWiki:Common.css"