Jump to content

MediaWiki:Common.css: Difference between revisions

From Continuum Universes Wiki
Line 43: Line 43:
   #blog-page-right,
   #blog-page-right,
   #blog-page-middle { flex: 1 1 auto; order: initial; }
   #blog-page-middle { flex: 1 1 auto; order: initial; }
}
.c-form-title {
color: white;
}
}

Revision as of 18:42, 3 September 2025

.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;
}