MediaWiki:Common.css: Difference between revisions
Appearance
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 |
||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* | /* Knowledge Base aziendale - Pagina principale */ | ||
. | .kb-mainpage { | ||
max-width: | max-width: 1200px; | ||
margin: 0 auto; | margin: 0 auto; | ||
font-family: sans-serif; | font-family: sans-serif; | ||
} | } | ||
. | .kb-hero { | ||
background: #f8f9fa; | background: #f8f9fa; | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
border-radius: | border-radius: 10px; | ||
padding: | padding: 30px; | ||
margin-bottom: | margin-bottom: 16px; | ||
text-align: center; | text-align: center; | ||
} | } | ||
. | .kb-title { | ||
font-size: 2. | font-size: 2.2em; | ||
font-weight: bold; | font-weight: bold; | ||
color: #202122; | |||
margin-bottom: 8px; | margin-bottom: 8px; | ||
} | } | ||
. | .kb-subtitle { | ||
font-size: 1.1em; | font-size: 1.1em; | ||
color: #54595d; | 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; | display: grid; | ||
grid-template-columns: repeat(2, minmax(0, 1fr)); | grid-template-columns: repeat(2, minmax(0, 1fr)); | ||
| Line 35: | Line 44: | ||
} | } | ||
. | .kb-box, | ||
. | .kb-wide-box { | ||
background: #ffffff; | background: #ffffff; | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
| Line 43: | Line 52: | ||
} | } | ||
. | .kb-box-title { | ||
background: #eaecf0; | background: #eaecf0; | ||
border-bottom: 1px solid #a2a9b1; | border-bottom: 1px solid #a2a9b1; | ||
| Line 52: | Line 61: | ||
} | } | ||
. | .kb-box-content { | ||
padding: 14px 18px; | padding: 14px 18px; | ||
line-height: 1.6; | line-height: 1.6; | ||
} | } | ||
. | .kb-box-content ul { | ||
margin-top: 0.3em; | |||
} | |||
.kb-wide-box { | |||
margin-top: 16px; | margin-top: 16px; | ||
} | } | ||
. | .kb-footer { | ||
margin-top: 18px; | margin-top: 18px; | ||
padding: 12px; | padding: 12px; | ||
| Line 69: | Line 82: | ||
} | } | ||
/* | /* Versione mobile */ | ||
@media screen and (max-width: 700px) { | @media screen and (max-width: 700px) { | ||
. | .kb-grid { | ||
grid-template-columns: 1fr; | grid-template-columns: 1fr; | ||
} | } | ||
. | .kb-hero { | ||
padding: 22px 18px; | padding: 22px 18px; | ||
} | } | ||
. | .kb-title { | ||
font-size: 1.6em; | font-size: 1.6em; | ||
} | } | ||
} | } | ||
Revision as of 09:12, 3 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;
}
}