MediaWiki:Citizen.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.

/* All CSS here will be loaded for users of the Citizen skin */

/* Hide the "Upload File" option on the Sidebar Toolbox
**************************************************************/
#t-upload {display:none;}

/* Body Shadow
**************************************************************/
body:before {
	content: "";
	position: fixed;
	top: -10px;
	left: 0;
	width: 100%;
	height: 10px;
	z-index: 100;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
}

/* Images
**************************************************************/

img.mapImage {
  display: block;
  margin-left: auto;
  margin-right: auto;
  object-fit: cover;
}

img.artImage {
  display: block;
  margin-left: auto;
  margin-right: auto;
  object-fit: cover;
  height: 50%;
  width: 50%;
}

/* Figure Captions
**************************************************************/
figcaption.imageCaption {
  display: flex;
  flex-flow: column wrap;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;

  /* font-family: Merriweather, serif; */
  line-height: 1.2;
  text-align: center;
}

/* Panels
**************************************************************/
.panel {
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #f2f2f2;
  color: #333333; }
  .panel > :first-child {
    margin-top: 0; }
  .panel > :last-child {
    margin-bottom: 0; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {
    color: #333333; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
    line-height: 1;
    margin-bottom: 0.625rem; }
    .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
      line-height: 1.4; }
  .panel.callout {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    /* background: #ecfaff; */
    background: #f8f8f8;
    color: #333333; }
    .panel.callout > :first-child {
      margin-top: 0; }
    .panel.callout > :last-child {
      margin-bottom: 0; }
    /*.panel.callout h1,*/ .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl {
      color: #333333; }
    /*.panel.callout h1,*/ .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
      line-height: 1;
      margin-bottom: 0.625rem; }
      /*.panel.callout h1.subheader,*/ .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
        line-height: 1.4; }
    /* .panel.callout a:not(.button) {
      color: #008CBA; }
      .panel.callout a:not(.button):hover, .panel.callout a:not(.button):focus {
        color: #0078a0; } */
  .panel.radius {
    border-radius: 3px; }