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)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

@font-face {
 font-family: 'Cabin';
 src: url('/skins/Poncho/fonts/Cabin-Regular.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}

body {
 font-family: 'Cabin';
 background-image: url("/skins/Poncho/images/MSP_Challenge_Imagery-Darken.jpg");
 background-size: 100% auto;
 background-repeat: no-repeat;
 font-size: 16px;
 color: #055d63;
}

a {
 color: #e68400;
}

#poncho-menu .poncho-menu-item a.active, #poncho-menu .poncho-menu-item a:hover  {
 color: #e68400 !important;
}

#poncho-menu .poncho-menu-item:hover {
 background: unset !important;
}

#poncho-header-wrapper {
 height: 66px;
 margin-top: 25px;
 padding: unset !important;
 background: linear-gradient(90deg,transparent,#fff 65%);
 border: unset !important;
}

#poncho-header {
 background: unset !important;
}

#poncho-logo-wrapper img {
 height: 35px;
 margin: 16px 22px;
}

#poncho-menu {
 font-weight: 700;
 margin: 7px 50px 0 0;
}

.poncho-menu-item {
 margin: 0 10px;
}

.poncho-menu-item a {
 margin: unset !important;
 padding: 10px;
}

#poncho-sidebar-icon-wrapper {
 float: right !important;
}

#poncho-sidebar-wrapper {
 height: unset !important;
 padding: unset !important;
 position: absolute;
 right: 0;
 background: white;
 top: 50px;
}

#poncho-sidebar-icon {
 background: unset !important;
 width: unset !important;
 opacity: unset !important;
 vertical-align: unset !important;
}

#poncho-search-form-wrapper {
 margin: 30px;
}

#poncho-content-wrapper {
 max-width: unset !important;
 padding: unset !important;
 margin: 61px 0 0 0 !important;
}

#content {
 background: white;
 margin: unset !important;
 position: relative;
}

#bodyContent {
 padding-top: 15px;
 max-width: 1024px;
 margin: auto;
}

#firstHeading {
 color: white !important;
 margin-top: 125px;
 text-align: center;
 font-size: 50px;
}

#firstSubHeading {
 text-align: center;
 color: white;
 font-family: "Georgia";
 font-style: italic;
 font-weight: lighter;
}

h1, h2, h3, h4, h5, h6 {
 margin: 30px 0 10px 0;
}

#toc {
 background: #037c7c;
 border: unset !important;
 margin: 0 1em;
 padding: 1em;
 float: right;
 color: white;
 max-width: 260px;
}

#toc .tocnumber, #toc a, #mainpagenavigation tr.body ul li {
 color: white !important;
}

#mainpagenavigation tr.body {
 background: url("/skins/Poncho/images/MSP_Challenge_Imagery-Blur_and_Darken.jpg");
}

#mainpagenavigation tr.body a {
 color: white;
}

#mainpagenavigation td, #mainpagenavigation th {
 padding: 1em .5em;
 vertical-align: top;
}

#catlinks > div {
 font-size: 16px;
}

#catlinks li a {
  background: unset;
  border: unset;
  border-radius: unset;
  color: #e68400;
  display: unset;
  padding: unset;
  text-decoration: unset;
  font-size: 16px;
}

.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
 top: 90px !important;
}

.oo-ui-flaggedElement-close .oo-ui-buttonElement-button, .oo-ui-flaggedElement-back .oo-ui-buttonElement-button {
  background: unset !important;
  color: unset !important;
  padding: 10px 12px !important;
}

.oo-ui-iconElement-icon:not(.oo-ui-icon-previous, .oo-ui-icon-close) {
  background: none !important;
}

.oo-ui-actionWidget .oo-ui-buttonElement-button:not(.oo-ui-flaggedElement-close .oo-ui-buttonElement-button, .oo-ui-flaggedElement-back .oo-ui-buttonElement-button) {
  background: unset !important;
  color: unset !important;
  padding: 10px 12px !important;
  border-style: solid !important;
}

.oo-ui-buttonElement-button, .oo-ui-inputWidget-input:not(textarea) {
 border-radius: 3em !important;
}

.oo-ui-buttonElement-button {
 border-color: unset !important;
 border-style: unset !important;
 border-width: unset !important;
 background: #037c7c !important;
 color: #ffffff !important;
 padding: 8px 16px !important;
}

.oo-ui-buttonElement-button:hover {
 background: #f7a02b !important;
}

.infobox {
  float: right;
}

.infobox caption {
  text-align: center;
  background: #037c7c;
  color: #f9f9f9;
  font-weight: bold;
}

.infobox img {
  width: 345px !important;
  height: auto;
}

#poncho-actions .oo-ui-buttonElement-button {
 background: #f8f9fa !important;
 color: #055d63 !important;
}

#poncho-actions .oo-ui-buttonElement-button:hover {
 background: #f7a02b !important;
 color: white !important;
}

#poncho-actions {
 float: unset !important;
 background: #037c7c;
 padding: 10px;
 color: white;
 text-align: center;
 margin: 40px 0;
}


#poncho-actions div {
 margin: 20px 0;
}

#poncho-footer-wrapper {
 margin: unset !important;
 max-width: unset !important;
 padding: unset !important;
 background: #055d63;
 color: white;
}

#poncho-footer-wrapper a {
 color: white;
}

#poncho-footer {
 margin: unset !important;
 border: unset !important;
}

#poncho-footer div {
 margin: 20px 0;
}

#poncho-footer div span {
 margin: 0 20px;
}