MediaWiki:Common.css: Difference between revisions

mNo edit summary
mNo edit summary
Line 396: Line 396:


/* =========================================================
/* =========================================================
   OOO SECTION TITLE (Responsive Industrial)
   OOO SECTION TITLE (Brand Industrial Clean)
   ========================================================= */
   ========================================================= */


Line 407: Line 407:
   font-weight: 700;
   font-weight: 700;
   margin: 5rem 0 2.5rem 0;
   margin: 5rem 0 2.5rem 0;
   letter-spacing: 0.5px;
   letter-spacing: 0.6px;
   text-align: center;
   text-transform: uppercase;
  color: inherit;
}
}


/* Lines left + right */
.ooo-section-title::before,
.ooo-section-title::before,
.ooo-section-title::after {
.ooo-section-title::after {
Line 419: Line 421:
     to right,
     to right,
     transparent,
     transparent,
     var(--ooo-accent),
     var(--ooo-accent) 50%,
     transparent
     transparent
   );
   );
  opacity: 0.6;
}
}


/* Dark Mode Glow */
/* Slight glow in dark mode only */
.skin-theme-clientpref-night .ooo-section-title::before,
.skin-theme-clientpref-night .ooo-section-title::before,
.skin-theme-clientpref-night .ooo-section-title::after {
.skin-theme-clientpref-night .ooo-section-title::after {
   box-shadow: 0 0 8px rgba(255,196,0,0.6);
   box-shadow: 0 0 6px rgba(245,196,0,0.4);
}
}


Line 433: Line 436:
   .skin-theme-clientpref-os .ooo-section-title::before,
   .skin-theme-clientpref-os .ooo-section-title::before,
   .skin-theme-clientpref-os .ooo-section-title::after {
   .skin-theme-clientpref-os .ooo-section-title::after {
     box-shadow: 0 0 8px rgba(255,196,0,0.6);
     box-shadow: 0 0 6px rgba(245,196,0,0.4);
   }
   }
}
}


/* On very small screens, remove lines */
/* Small screens remove lines */
@media (max-width: 600px) {
@media (max-width: 600px) {
  .ooo-section-title {
    font-size: 1.4rem;
  }
   .ooo-section-title::before,
   .ooo-section-title::before,
   .ooo-section-title::after {
   .ooo-section-title::after {