Jump to content

MediaWiki:Common.css

From Continuum Universes Wiki
Revision as of 18:42, 3 September 2025 by Cdjensen94 (talk | contribs)

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.
.welcome {
	text-align: center;
	font-size: 4em;
}
.lore-spotlight-widget {
    background: #001933;
    border: 1px solid #FF6300;
    padding: 0.75em;
    margin: 1em 0;
    font-style: italic;
    border-radius: 4px;
}

#blog-page-right {
	background-color: var(--color-accent-navy);
}
/* Layout */
#blog-page-container {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;           /* space between columns */
}

/* Reset any old floats from legacy CSS */
#blog-page-left,
#blog-page-middle,
#blog-page-right {
  float: none !important;
}

/* Column sizing + order */
#blog-page-left  { flex: 0 0 260px; order: 1; }
#blog-page-middle{ flex: 1 1 auto;  min-width: 0; order: 2; }
#blog-page-right { flex: 0 0 300px; order: 3; }

/* Make sure the clear div doesn't nuke the layout */
#blog-page-container .visualClear { display: none; }

/* Responsive stack on narrow screens */
@media (max-width: 1000px) {
  #blog-page-container { flex-direction: column; }
  #blog-page-left,
  #blog-page-right,
  #blog-page-middle { flex: 1 1 auto; order: initial; }
}
.c-form-title {
	color: white;
}