Jump to content

MediaWiki:Common.css: Difference between revisions

From Montanari Tour Wiki
Created page with "CSS placed here will be applied to all skins: Stile pagina principale: .mt-mainpage { max-width: 1180px; margin: 0 auto; font-family: sans-serif; } .mt-hero { background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 8px; padding: 28px 32px; margin-bottom: 18px; text-align: center; } .mt-hero-title { font-size: 2.1em; font-weight: bold; margin-bottom: 8px; color: #202122; } .mt-hero-subtitle { font-size: 1.1em; color: #545..."
 
No edit summary
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
/* Stile pagina principale */
/* Knowledge Base aziendale - Pagina principale */


.mt-mainpage {
.kb-mainpage {
   max-width: 1180px;
   max-width: 1200px;
   margin: 0 auto;
   margin: 0 auto;
   font-family: sans-serif;
   font-family: sans-serif;
}
}


.mt-hero {
.kb-hero {
   background: #f8f9fa;
   background: #f8f9fa;
   border: 1px solid #a2a9b1;
   border: 1px solid #a2a9b1;
   border-radius: 8px;
   border-radius: 10px;
   padding: 28px 32px;
   padding: 30px;
   margin-bottom: 18px;
   margin-bottom: 16px;
   text-align: center;
   text-align: center;
}
}


.mt-hero-title {
.kb-title {
   font-size: 2.1em;
   font-size: 2.2em;
   font-weight: bold;
   font-weight: bold;
  color: #202122;
   margin-bottom: 8px;
   margin-bottom: 8px;
  color: #202122;
}
}


.mt-hero-subtitle {
.kb-subtitle {
   font-size: 1.1em;
   font-size: 1.1em;
   color: #54595d;
   color: #54595d;
}
}


.mt-grid {
.kb-alert {
  background: #fff8e5;
  border: 1px solid #f0c36d;
  border-radius: 8px;
  padding: 14px 18px;
  margin-bottom: 18px;
  line-height: 1.6;
}
 
.kb-grid {
   display: grid;
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   grid-template-columns: repeat(2, minmax(0, 1fr));
Line 35: Line 44:
}
}


.mt-box,
.kb-box,
.mt-wide-box {
.kb-wide-box {
   background: #ffffff;
   background: #ffffff;
   border: 1px solid #a2a9b1;
   border: 1px solid #a2a9b1;
Line 43: Line 52:
}
}


.mt-box-title {
.kb-box-title {
   background: #eaecf0;
   background: #eaecf0;
   border-bottom: 1px solid #a2a9b1;
   border-bottom: 1px solid #a2a9b1;
Line 52: Line 61:
}
}


.mt-box-content {
.kb-box-content {
   padding: 14px 18px;
   padding: 14px 18px;
   line-height: 1.6;
   line-height: 1.6;
}
}


.mt-wide-box {
.kb-box-content ul {
  margin-top: 0.3em;
}
 
.kb-wide-box {
   margin-top: 16px;
   margin-top: 16px;
}
}


.mt-footer {
.kb-footer {
   margin-top: 18px;
   margin-top: 18px;
   padding: 12px;
   padding: 12px;
Line 69: Line 82:
}
}


/* Mobile */
/* Versione mobile */
@media screen and (max-width: 700px) {
@media screen and (max-width: 700px) {
   .mt-grid {
   .kb-grid {
     grid-template-columns: 1fr;
     grid-template-columns: 1fr;
   }
   }


   .mt-hero {
   .kb-hero {
     padding: 22px 18px;
     padding: 22px 18px;
   }
   }


   .mt-hero-title {
   .kb-title {
     font-size: 1.6em;
     font-size: 1.6em;
   }
   }
}
/* Collapsible */
.mt-collapsible {
  border-top: 10px solid #ffffff;
}
.mt-collapsible-title {
  font-size: 1.2em;
  font-weight: bold;
  background: #efefef;
  border-bottom: 5px solid #0077D4;
  padding: 10px;
}
.mt-collapsible-content {
  border: 4px solid #ffffff;
  background: #f7f7f7;
  padding: 10px;
}
}

Latest revision as of 04:03, 6 July 2026

/* CSS placed here will be applied to all skins */
/* Knowledge Base aziendale - Pagina principale */

.kb-mainpage {
  max-width: 1200px;
  margin: 0 auto;
  font-family: sans-serif;
}

.kb-hero {
  background: #f8f9fa;
  border: 1px solid #a2a9b1;
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 16px;
  text-align: center;
}

.kb-title {
  font-size: 2.2em;
  font-weight: bold;
  color: #202122;
  margin-bottom: 8px;
}

.kb-subtitle {
  font-size: 1.1em;
  color: #54595d;
}

.kb-alert {
  background: #fff8e5;
  border: 1px solid #f0c36d;
  border-radius: 8px;
  padding: 14px 18px;
  margin-bottom: 18px;
  line-height: 1.6;
}

.kb-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.kb-box,
.kb-wide-box {
  background: #ffffff;
  border: 1px solid #a2a9b1;
  border-radius: 8px;
  overflow: hidden;
}

.kb-box-title {
  background: #eaecf0;
  border-bottom: 1px solid #a2a9b1;
  padding: 10px 14px;
  font-weight: bold;
  font-size: 1.05em;
  color: #202122;
}

.kb-box-content {
  padding: 14px 18px;
  line-height: 1.6;
}

.kb-box-content ul {
  margin-top: 0.3em;
}

.kb-wide-box {
  margin-top: 16px;
}

.kb-footer {
  margin-top: 18px;
  padding: 12px;
  text-align: center;
  color: #54595d;
  font-size: 0.95em;
}

/* Versione mobile */
@media screen and (max-width: 700px) {
  .kb-grid {
    grid-template-columns: 1fr;
  }

  .kb-hero {
    padding: 22px 18px;
  }

  .kb-title {
    font-size: 1.6em;
  }
}



/* Collapsible */


.mt-collapsible {
  border-top: 10px solid #ffffff;
}

.mt-collapsible-title {
  font-size: 1.2em;
  font-weight: bold;
  background: #efefef;
  border-bottom: 5px solid #0077D4;
  padding: 10px;
}

.mt-collapsible-content {
  border: 4px solid #ffffff;
  background: #f7f7f7;
  padding: 10px;
}