MediaWiki:Common.css: Difference between revisions

From Wikiwide
Jump to navigation Jump to search
No edit summary
No edit summary
 
Line 1: Line 1:
.page-Main_Page h1.firstHeading {
/* Hide Main_Page title */
body.page-Main_Page h1.firstHeading {
   display: none;
   display: none;
}
}


/* Mobile-first grid styling for Wikiwide */
/* Hero Banner */
.wikiwide-hero {
.ww-hero {
   text-align: center;
   text-align: center;
   padding: 20px 10px;
   padding: 20px 10px;
  border-bottom: 2px solid #000;
   background: #fff;
   background: #fff;
  border-bottom: 1px solid #ccc;
}
}
 
.ww-hero-title {
.wikiwide-hero h1 {
   font-size: 1.8em;
   font-size: 1.5em;
  font-weight: bold;
   margin: 10px 0;
   color: #000;
}
}
 
.ww-hero-cta a {
.cta-button {
  background: #000;
  color: #fff;
  padding: 10px 16px;
  border-radius: 6px;
  font-weight: bold;
   display: inline-block;
   display: inline-block;
   background: black;
   margin-top: 10px;
  color: white;
  padding: 10px 16px;
   text-decoration: none;
   text-decoration: none;
  border-radius: 8px;
  font-weight: bold;
}
}


.section-title {
/* Section Styling */
   font-weight: bold;
.ww-section {
   padding: 20px 10px;
  border-bottom: 1px solid #ddd;
}
.ww-section h2 {
   font-size: 1.2em;
   font-size: 1.2em;
   margin: 20px 10px 10px;
  color: #000;
   margin-bottom: 10px;
}
}


.horizontal-scroll {
/* Cards (Profiles/Companies) */
.ww-cards {
   display: flex;
   display: flex;
  overflow-x: auto;
   gap: 10px;
   gap: 10px;
  flex-wrap: wrap;
}
.ww-cards a {
  display: inline-block;
   padding: 10px;
   padding: 10px;
}
   background: #f9f9f9;
 
.card {
   min-width: 160px;
  padding: 12px;
   border: 1px solid #ccc;
   border: 1px solid #ccc;
   border-radius: 10px;
   border-radius: 8px;
   background: #f9f9f9;
   text-decoration: none;
  color: #000;
  min-width: 130px;
   text-align: center;
   text-align: center;
  flex-shrink: 0;
}
}


.updates-list {
/* Footer */
  padding: 0 15px;
.ww-footer {
}
 
.wikiwide-footer {
   text-align: center;
   text-align: center;
  margin-top: 30px;
  padding: 15px 10px;
   font-size: 0.9em;
   font-size: 0.9em;
   color: #888;
   color: #666;
   border-top: 1px solid #ddd;
   padding: 20px 0;
}
}
 
.ww-footer a {
.footer-links a {
  color: #000;
   margin: 0 8px;
   margin: 0 8px;
  color: #555;
  text-decoration: none;
}
}

Latest revision as of 17:05, 23 April 2025

/* Hide Main_Page title */
body.page-Main_Page h1.firstHeading {
  display: none;
}

/* Hero Banner */
.ww-hero {
  text-align: center;
  padding: 20px 10px;
  border-bottom: 2px solid #000;
  background: #fff;
}
.ww-hero-title {
  font-size: 1.8em;
  font-weight: bold;
  color: #000;
}
.ww-hero-cta a {
  background: #000;
  color: #fff;
  padding: 10px 16px;
  border-radius: 6px;
  font-weight: bold;
  display: inline-block;
  margin-top: 10px;
  text-decoration: none;
}

/* Section Styling */
.ww-section {
  padding: 20px 10px;
  border-bottom: 1px solid #ddd;
}
.ww-section h2 {
  font-size: 1.2em;
  color: #000;
  margin-bottom: 10px;
}

/* Cards (Profiles/Companies) */
.ww-cards {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.ww-cards a {
  display: inline-block;
  padding: 10px;
  background: #f9f9f9;
  border: 1px solid #ccc;
  border-radius: 8px;
  text-decoration: none;
  color: #000;
  min-width: 130px;
  text-align: center;
}

/* Footer */
.ww-footer {
  text-align: center;
  font-size: 0.9em;
  color: #666;
  padding: 20px 0;
}
.ww-footer a {
  color: #000;
  margin: 0 8px;
}