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
No edit summary
No edit summary
 
Line 1: Line 1:
/* Hero section */
/* Family Wiki Hero */
.main-hero {
.family-hero {
   text-align: center;
   text-align: center;
  background: #111;
   padding: 40px 20px;
   padding: 40px 20px;
  background: linear-gradient(145deg, #0f0f0f, #1c1c1c);
   border-bottom: 2px solid #3ec1d3;
   border-bottom: 2px solid #3ec1d3;
}
}


.main-hero h1 {
.family-hero h1 {
   font-size: 2.5em;
   font-size: 2.8em;
  color: #ffffff;
}
 
.main-hero .highlight {
   color: #3ec1d3;
   color: #3ec1d3;
  margin-bottom: 20px;
}
}


.main-hero .subtext {
.family-search input {
   color: #ccc;
   width: 50%;
   margin-top: 10px;
   max-width: 500px;
   font-size: 1.2em;
  padding: 10px;
}
   font-size: 1.1em;
 
  border-radius: 6px;
.search-wrapper {
   border: 1px solid #444;
   margin-top: 20px;
}
}


/* Button grid */
/* Wiki Family Grid */
.main-buttons {
.wiki-family-grid {
   display: flex;
   display: flex;
   flex-wrap: wrap;
   flex-wrap: wrap;
   justify-content: center;
   justify-content: center;
   margin: 30px auto;
   gap: 20px;
   gap: 12px;
   padding: 30px 20px;
}
}


.main-button {
.wiki-box {
   background-color: #222;
   background: #1b1b1b;
   border: 1px solid #3ec1d3;
   border: 1px solid #333;
   border-radius: 10px;
   border-radius: 10px;
   color: #eee;
   width: 260px;
  padding: 12px 20px;
  min-width: 120px;
   text-align: center;
   text-align: center;
   font-weight: bold;
   padding: 20px;
  transition: transform 0.3s, box-shadow 0.3s;
   cursor: pointer;
   cursor: pointer;
   transition: background 0.3s ease;
   color: #eee;
}
}


.main-button:hover {
.wiki-box img {
   background-color: #3ec1d3;
  width: 80px;
   color: #000;
  height: 80px;
   object-fit: contain;
   margin-bottom: 15px;
}
}


/* Featured article */
.wiki-box h3 {
.main-featured {
  text-align: center;
  margin: 40px auto;
}
 
.main-featured img {
  max-width: 90%;
  border-radius: 10px;
   margin: 10px 0;
   margin: 10px 0;
  color: #3ec1d3;
}
}


/* Info stats and events */
.wiki-box:hover {
.main-info {
   transform: translateY(-5px);
   display: flex;
   box-shadow: 0 0 10px #3ec1d3aa;
  justify-content: center;
   gap: 20px;
  flex-wrap: wrap;
  margin: 40px auto;
}
 
.info-box {
  background-color: #111;
  border: 1px solid #333;
  border-radius: 8px;
  padding: 20px;
  max-width: 300px;
  color: #ccc;
}
}
/* Social buttons */
.social-links {
  text-align: center;
  margin: 30px auto;
}
.social-button {
  display: inline-block;
  padding: 12px 20px;
  margin: 5px;
  color: white;
  font-weight: bold;
  border-radius: 6px;
}
.social-button.discord { background: #7289da; }
.social-button.patreon { background: #f96854; }
.social-button.kofi    { background: #29abe0; }
.social-button.reddit  { background: #ff5700; }

Latest revision as of 16:11, 12 June 2025

/* Family Wiki Hero */
.family-hero {
  text-align: center;
  background: #111;
  padding: 40px 20px;
  border-bottom: 2px solid #3ec1d3;
}

.family-hero h1 {
  font-size: 2.8em;
  color: #3ec1d3;
  margin-bottom: 20px;
}

.family-search input {
  width: 50%;
  max-width: 500px;
  padding: 10px;
  font-size: 1.1em;
  border-radius: 6px;
  border: 1px solid #444;
}

/* Wiki Family Grid */
.wiki-family-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  padding: 30px 20px;
}

.wiki-box {
  background: #1b1b1b;
  border: 1px solid #333;
  border-radius: 10px;
  width: 260px;
  text-align: center;
  padding: 20px;
  transition: transform 0.3s, box-shadow 0.3s;
  cursor: pointer;
  color: #eee;
}

.wiki-box img {
  width: 80px;
  height: 80px;
  object-fit: contain;
  margin-bottom: 15px;
}

.wiki-box h3 {
  margin: 10px 0;
  color: #3ec1d3;
}

.wiki-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 0 10px #3ec1d3aa;
}