MediaWiki:Common.css: Difference between revisions

From Wikiwide
Jump to navigation Jump to search
No edit summary
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Scroll Fade-in Animation */
/* collapsible header box */
@keyframes fadeZoomIn {
.headerbox {
   from {
   background: #f9f9f9;
    opacity: 0;
  border: 1px solid #a2a9b1;
    transform: scale(0.95);
  border-radius: 4px;
   }
  padding: 1em;
  to {
  margin: 1em auto;
    opacity: 1;
  max-width: 800px;
    transform: scale(1);
   text-align: center;
   }
}
.headerbox .small {
  font-size: 1.1em;
  font-style: italic;
   margin-top: 0.2em;
}
}


.scroll-fade {
/* horizontal list of buttons */
   opacity: 0;
.mw-hlist > tbody > tr > td {
  transform: translateY(20px);
   padding: 0.2em 1em;
  transition: opacity 0.8s ease, transform 0.8s ease;
}
}


.scroll-fade.in-view {
/* gallery tweaks */
   opacity: 1;
.gallerybox {
   transform: translateY(0);
   border: none;
  box-shadow: none;
}
.gallerytext {
   font-size: 95%;
}
}


/* Fame Card Hover Zoom */
/* in-page hlist (for action links) */
.fame-card:hover {
.mw-hlist {
  display: inline-table;
}
.mw-hlist td {
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  padding: 0.5em 1em;
  margin: 0 0.5em;
  transition: transform 0.2s, box-shadow 0.2s;
}
.mw-hlist td:hover {
   transform: scale(1.05);
   transform: scale(1.05);
   box-shadow: 0 8px 20px rgba(0,0,0,0.1);
   box-shadow: 0 4px 10px rgba(0,0,0,0.1);
   transition: transform 0.3s ease, box-shadow 0.3s ease;
}
 
/* collapsible widget styling */
.mw-collapsible {
   position: relative;
}
.mw-collapsible.mw-collapsed > .mw-collapsible-toggle {
  display: inline-block;
  margin-bottom: 0.5em;
  cursor: pointer;
  color: #025E8D;
  font-weight: bold;
}
}


/* Hide "Main Page" heading */
body.page-Main_Page h1.firstHeading {
.page-Main_Page h1.firstHeading {
     display: none !important;
     display: none;
}
}

Latest revision as of 14:59, 7 May 2025

/* collapsible header box */
.headerbox {
  background: #f9f9f9;
  border: 1px solid #a2a9b1;
  border-radius: 4px;
  padding: 1em;
  margin: 1em auto;
  max-width: 800px;
  text-align: center;
}
.headerbox .small {
  font-size: 1.1em;
  font-style: italic;
  margin-top: 0.2em;
}

/* horizontal list of buttons */
.mw-hlist > tbody > tr > td {
  padding: 0.2em 1em;
}

/* gallery tweaks */
.gallerybox {
  border: none;
  box-shadow: none;
}
.gallerytext {
  font-size: 95%;
}

/* in-page hlist (for action links) */
.mw-hlist {
  display: inline-table;
}
.mw-hlist td {
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  padding: 0.5em 1em;
  margin: 0 0.5em;
  transition: transform 0.2s, box-shadow 0.2s;
}
.mw-hlist td:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* collapsible widget styling */
.mw-collapsible {
  position: relative;
}
.mw-collapsible.mw-collapsed > .mw-collapsible-toggle {
  display: inline-block;
  margin-bottom: 0.5em;
  cursor: pointer;
  color: #025E8D;
  font-weight: bold;
}

body.page-Main_Page h1.firstHeading {
    display: none !important;
}