MediaWiki:Common.css: Difference between revisions

Revision as of 22:02, 11 July 2026

/* Larger, easier-to-click form action buttons (Request account, Confirm, etc.) */
input[type="submit"],
input[type="button"],
input[type="reset"] {
	font-size: 1.15em;
	padding: 0.55em 1.6em;
	line-height: 1.4;
	cursor: pointer;
}
/* Larger, easier-to-click form action buttons (Request account, Confirm, etc.) */
input[type="submit"],
input[type="button"],
input[type="reset"] {
	font-size: 1.15em;
	padding: 0.55em 1.6em;
	line-height: 1.4;
	cursor: pointer;
}

/* Slightly larger checkboxes and radio buttons */
input[type="checkbox"],
input[type="radio"] {
	width: 1.2em;
	height: 1.2em;
	vertical-align: middle;
	cursor: pointer;
}
/* Form fields should match the page text size (they default smaller) */
input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]),
textarea,
select,
.oo-ui-inputWidget-input {
	font-size: 1em;
}
/* Roomier wikitext editor – easier to read while editing */
#wpTextbox1 {
	line-height: 1.7;
	padding: 14px 16px;
}
/* also covers the CodeMirror editor, if syntax highlighting is ever turned on */
.cm-editor .cm-content {
	line-height: 1.7 !important;
}
/* Main Page: stack the two columns on phones/small screens */
@media screen and (max-width: 800px) {
  #mp-upper,
  #mp-upper > tbody,
  #mp-upper > tbody > tr {
    display: block !important;
    width: 100% !important;
  }
  #mp-upper > tbody > tr > td.MainPageBG {
    display: block !important;
    width: 100% !important;
    border: 1px solid #999 !important;
    margin: 0 0 12px 0 !important;
    box-sizing: border-box !important;
  }
  #mp-upper img { max-width: 100% !important; height: auto !important; }
}