Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
Created page with "CSS placed here will be applied to all skins: Featured Wiki Grid: .bbog-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 10px; } @media (max-width: 700px) { .bbog-grid { grid-template-columns: 1fr; } } .bbog-card { text-align: center; padding: 12px; } .bbog-featured-title { font-size: 1.1rem; font-weight: 600; margin-bottom: 12px; } .bbog-featured-img img { width: 100%; height: auto..."
 
No edit summary
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
/* Featured Wiki Grid */
/* Featured Wiki Grid */
/* Featured Wiki Grid */
.bbog-grid {
.bbog-grid {
   display: grid;
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 24px;
   gap: 40px; /* more breathing room */
   margin-top: 10px;
   margin-top: 20px;
}
}


Line 16: Line 17:
.bbog-card {
.bbog-card {
   text-align: center;
   text-align: center;
   padding: 12px;
   padding: 0; /* remove padding */
  background: none; /* remove background */
  border: none; /* remove borders */
  box-shadow: none; /* remove any theme shadow */
}
}


Line 22: Line 26:
   font-size: 1.1rem;
   font-size: 1.1rem;
   font-weight: 600;
   font-weight: 600;
   margin-bottom: 12px;
   margin-bottom: 14px;
}
}


Line 28: Line 32:
   width: 100%;
   width: 100%;
   height: auto;
   height: auto;
   max-width: 520px;
   max-width: 560px;
   border-radius: 12px;
   border-radius: 14px;
   display: block;
   display: block;
   margin: 0 auto;
   margin: 0 auto;
Line 40: Line 44:


.bbog-featured-link {
.bbog-featured-link {
   margin-top: 12px;
   margin-top: 14px;
}
}

Revision as of 12:15, 16 February 2026

/* CSS placed here will be applied to all skins */
/* Featured Wiki Grid */
/* Featured Wiki Grid */
.bbog-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 40px; /* more breathing room */
  margin-top: 20px;
}

@media (max-width: 700px) {
  .bbog-grid {
    grid-template-columns: 1fr;
  }
}

.bbog-card {
  text-align: center;
  padding: 0; /* remove padding */
  background: none; /* remove background */
  border: none; /* remove borders */
  box-shadow: none; /* remove any theme shadow */
}

.bbog-featured-title {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 14px;
}

.bbog-featured-img img {
  width: 100%;
  height: auto;
  max-width: 560px;
  border-radius: 14px;
  display: block;
  margin: 0 auto;
  transition: transform 0.15s ease;
}

.bbog-featured-img img:hover {
  transform: scale(1.02);
}

.bbog-featured-link {
  margin-top: 14px;
}