MediaWiki:Gadget-Common-prototype.css

From Primal Fear Wiki
Jump to navigation Jump to search

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.
body #fp-container {
	grid-gap: 10px;
}

body #fp-container {
	display: grid;
	grid-template-columns: 1fr;
}
@media screen and (min-width:990px) {
	body #fp-container {
		grid-template-columns: 1fr 1fr;
	}
}
@media screen and (min-width:1350px) {
	body #fp-container {
		grid-template-columns: 1fr 1fr 1fr;
	}
}


body .fpbox {
  margin: 10px 0 0;
  padding: 0;
  border: 2px solid #4f6d68;
  border-radius: 8px;
}
body .fpbox:first-child {
	margin-top: 0;
}
body .fpbox > .fpheading,
body .fpbox > .fp-hero-image {
  border-bottom: 2px solid #4f6d68;
}
body .fpbox.fpfeaturebox p {
	text-align: center;
}

body .fpheading {
  margin: 0;
  padding: 0.6rem 1em;
  border: none;
  border-radius: 0; 
}

body .fpbox p {
  margin: 0.5em 1.2em;
}
body .fpbox .tabber__section {
  height: auto !important;
}
body .fpbox .tabber__panel p {
  text-align: center;
}
body .fpbox > ul {
  margin: 0.5em 1.2em 0.5em 1.8em;
}
.fpbox h3, .fpbox h4 {
  text-align: center;
}

body .fpbox .fp-hero-image {
  margin: 0;
}

@media (prefers-reduced-motion: no-preference) and (min-width: 720px) {
  body .tabber__header, body .tabber__section, body .tabber__tabs {
    scroll-behavior: initial;
  }
}