MediaWiki:Common.css

/* The following readjusts the popup box that appears when hovering over links in GuidedResearch. */ .tooltip .tooltiptext { left: unset; }

.button-style { background-color: #7897BA; border:4px outset #B3D2F5; border-radius:.5rem; color: white !important; padding: .2rem 1.5rem; text-align: center; text-decoration: none; display: inline-block; font-weight:bold; font-family:Arial; position:absolute; font-size: 1.25rem; cursor: pointer; } .button-style > a, .button-style > a.visited, .button-style > a.external:visited, .button-style > a:hover { color:white !important; text-decoration:none !important; }

/* Set width of search box to 70%, so 'go' button stays inline. */   width: 70%; }
 * 1) bodySearchInputHomePageSearchBox {

/* change the box around the code feature */ code { color: #000; background-color: #f9f9f9; border: 1px solid #ddd; } pre, code, tt, kbd, samp, .mw-code { font-family: monospace,Courier; }

/* make sure missing pages remain colored correctly after visiting */ a.new:visited, #p-personal a.new:visited { color: #a55858 !important; }

/* change border on input forms to be 1pm, instead of 2px, and grey instead of black */ form input { /*   border: 1px solid !important;*/ border-color: darkgrey !important; }

margin-top:0;}
 * 1) newHeading {

/* Define spacing and # of columns based on screen size */ @media screen and (min-width: 1400px) { .column-spacing-fullscreen{ column-count: 6; padding-right: 9% !important; }}	@media screen and (min-width: 1200px) and (max-width: 1399px) { .column-spacing-fullscreen{ column-count: 5; }} @media screen and (min-width: 900px) and (max-width:1199px) { .column-spacing-fullscreen{ column-count: 4; }} @media screen and (min-width: 600px) and (max-width:899px) { .column-spacing-fullscreen{ column-count: 3; }} @media screen and (max-width:745px) { .column-spacing-fullscreen{ column-count: 2; }} @media screen and (max-width:500px) { .column-spacing-fullscreen{ column-count: 1; }}

/* Define spacing and # of columns based on screen size - however, /* this section assumes that only half the screen is available for /* the columns. Even though the screen size may be 1400px, the /* available space for the columns is half that, or 700px. */

@media screen and (min-width: 1400px) { .column-spacing-halfscreen{ column-count: 3; }}	@media screen and (min-width: 1200px) and (max-width: 1399px) { .column-spacing-halfscreen{ column-count: 2; }} @media screen and (min-width: 900px) and (max-width:1199px) { .column-spacing-halfscreen{ column-count: 1; }} .column-spacing-halfscreen li, .column-spacing-fullscreen li {padding-right:5px;}