MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* 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; }
}
/* Main Page "recent articles": bold title + teaser clamped to 2 lines */
.dpl-recent { margin: 0.3em 0 0 1.4em; padding: 0; }
.dpl-recent li { margin: 0 0 0.6em 0; }
.dpl-recent .clamp {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}