Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Mobile.css: Difference between revisions

MediaWiki interface page
No edit summary
Tags: Mobile edit Mobile web edit
No edit summary
Tags: Mobile edit Mobile web edit
 
(26 intermediate revisions by the same user not shown)
Line 108: Line 108:
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {background-color: #E69710; color: #FFFFFF;}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {background-color: #E69710; color: #FFFFFF;}
#a.oo-ui-buttonElement-button {background-color: #E69710; border-color: #E69710;}
#a.oo-ui-buttonElement-button {background-color: #E69710; border-color: #E69710;}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled {background-color: #E69710; border-color: #E69710;}
.oo-ui-buttonElement-button {background-color: #E69710; border-color: #E69710;}


/* preferences page */
/* preferences page */
Line 141: Line 143:
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-inputWidget.oo-ui-checkboxInputWidget {--color-primary: #B47B18}
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-inputWidget.oo-ui-checkboxInputWidget {--color-primary: #B47B18}


.warningbox
/* preferences */
:root {--color-primary: #E69710;}
 
/* infobox */
@media screen and (max-width: 1280px) {
  table.infobox {
    width: 100% !important;
    margin: 0;
    padding: 0 0.5em;
    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;
  } 
}
 
/* section dropdown */
.section-heading.collapsible-heading {
  display: block !important;
}
 
.section-heading.collapsible-heading > .mw-ui-icon,
.section-heading.collapsible-heading > .mw-headline,
.section-heading.collapsible-heading > .mw-editsection {
  display: block !important;
  /* optional spacing if you want a little gap between icon/headline/edit link */
  margin-bottom: 0.25em;
}
 
.section-heading.collapsible-heading > .mw-ui-icon {
  float: left;
  margin-right: 0.5em;
}