MediaWiki:Common.css
Vai alla navigazione
Vai alla ricerca
Nota: dopo aver pubblicato, potrebbe essere necessario pulire la cache del proprio browser per vedere i cambiamenti.
- Firefox / Safari: tieni premuto il tasto delle maiuscole Shift e fai clic su Ricarica, oppure premi Ctrl-F5 o Ctrl-R (⌘-R su Mac)
- Google Chrome: premi Ctrl-Shift-R (⌘-Shift-R su un Mac)
- Edge: tieni premuto il tasto Ctrl e fai clic su Aggiorna, oppure premi Ctrl-F5.
/* Gli stili CSS inseriti qui si applicano a tutti i temi */
.page-Main_Page .firstHeading,
.page-Pagina_principale .firstHeading {
display: none;
}
.fc-card {
background: #ffffff;
border-radius: 16px;
padding: 18px 20px;
box-shadow: 0 3px 10px rgba(0,0,0,0.12);
border-left: 6px solid #00843D;
margin: 15px 0;
}
.fc-card h2 {
margin-top: 0;
font-size: 26px;
color: #00843D;
border-bottom: 1px solid #eee;
padding-bottom: 6px;
}
.fc-grid {
display: grid;
grid-template-columns: repeat(2, minmax(280px, 1fr));
gap: 16px;
margin: 18px 0;
}
.fc-grid .fc-card {
margin: 0;
}
@media screen and (max-width: 800px) {
.fc-grid {
grid-template-columns: 1fr;
}
}
.fc-hero {
background: #002b41;
border-top: 6px solid #00843D;
border-bottom: 6px solid #00843D;
border-radius: 20px;
padding: 15px 25px;
margin: 18px 0 24px 0;
text-align: center;
box-shadow: 0 4px 14px rgba(0,0,0,0.18);
}
.fc-hero-title {
color: #FFFFFF;
font-size: 42px;
font-weight: 800;
letter-spacing: 1px;
}
.fc-hero-subtitle {
font-size: 18px;
color: #dbe7ee;
margin-top: 8px;
}
.fc-menu {
background: #002b41;
text-align: center;
margin: 18px 0 25px 0;
padding: 12px;
border-radius: 16px;
box-shadow: 0 3px 10px rgba(0,0,0,.12);
border-top: 4px solid #00843D;
}
.fc-menu a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
background: #ffffff;
border-radius: 10px;
margin: 4px;
box-shadow: 0 2px 6px rgba(0,0,0,.18);
transition: all .2s ease;
vertical-align: middle;
}
.fc-menu a:hover {
transform: translateY(-3px);
box-shadow: 0 4px 12px rgba(0,0,0,.25);
}
.fc-featured {
background: #002b41;
border-radius: 16px;
padding: 18px 20px;
margin: 22px 0;
box-shadow: 0 3px 10px rgba(0,0,0,.12);
border-top: 5px solid #00843D;
}
.fc-featured-title {
font-size: 26px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
margin-bottom: 14px;
border-bottom: 1px solid #eee;
padding-bottom: 8px;
}
.fc-featured img {
border-radius: 10px;
box-shadow: 0 3px 10px rgba(0,0,0,.18);
}
.fc-featured-caption {
color: #8cffb3 !important;
text-align: center;
font-size: 16px;
font-weight: 600;
}
.fc-history {
background: #002b41;
color: #dbe7ee;
border-radius: 16px;
padding: 20px;
margin-top: 25px;
box-shadow: 0 3px 10px rgba(0,0,0,.12);
border-left: 6px solid #00843D;
}
.fc-history h2 {
margin-top: 0;
color: #ffffff;
}
.fc-history-title {
font-size: 20px;
font-weight: 700;
color: #ffffff;
margin-bottom: 8px;
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
text-align: center;
}
.fc-league-card {
background: #002b41;
border-radius: 16px;
padding: 18px;
margin: 15px 0;
box-shadow: 0 3px 10px rgba(0,0,0,.12);
transition: all .2s ease;
text-align: center;
}
.fc-league-card:hover {
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(0,0,0,.18);
}
.fc-league-title {
font-size: 28px;
font-weight: bold;
margin-top: 8px;
}
.fc-league-subtitle {
color: #666;
margin-top: 5px;
}
.fc-section {
background: #002b41;
border-radius: 16px;
padding: 20px;
margin: 20px 0;
box-shadow: 0 3px 10px rgba(0,0,0,.12);
border-left: 6px solid #0b5ed7;
}
.fc-section-title {
font-size: 28px;
font-weight: bold;
color: #0b5ed7;
margin-bottom: 15px;
border-bottom: 1px solid #ddd;
padding-bottom: 8px;
}
.fc-league-link {
display: block;
background: #f8f9fa;
border-radius: 12px;
padding: 15px;
margin: 10px 0;
text-decoration: none;
box-shadow: 0 2px 6px rgba(0,0,0,.08);
}
.fc-league-link:hover {
transform: translateX(5px);
transition: .2s;
}
.fc-teams {
background: #002b41;
border-radius: 16px;
padding: 16px 20px;
margin: 20px 0;
box-shadow: 0 3px 10px rgba(0,0,0,.12);
border-left: 6px solid #00843D;
}
.fc-teams-title {
font-size: 20px;
font-weight: 700;
margin-bottom: 8px;
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
color: #ffffff;
text-align: center;
}
.fc-teams-buttons {
display: flex;
justify-content: center;
gap: 20px;
margin: 20px 0 5px 0;
flex-wrap: wrap;
}
.fc-teams-buttons a {
display: inline-block;
min-width: 140px;
padding: 14px 20px;
border-radius: 14px;
text-decoration: none;
font-weight: bold;
box-shadow: 0 2px 6px rgba(0,0,0,.12);
transition: all .2s ease;
}
.fc-teams-buttons a:hover {
transform: translateY(-3px);
box-shadow: 0 4px 12px rgba(0,0,0,.18);
}
.fc-leagues-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
margin-top: 10px;
}
.fc-league-box {
background: #002b41;
border-radius: 12px;
padding: 10px 12px;
text-align: center;
box-shadow: 0 2px 6px rgba(0,0,0,.10);
transition: all .2s ease;
min-height: 70px;
color: #002b41;
}
.fc-league-box:hover {
transform: translateY(-3px);
box-shadow: 0 4px 12px rgba(0,0,0,.18);
}
.fc-league-box img {
display: block;
margin: 0 auto 8px auto;
}
.fc-league-name {
font-size: 15px;
font-weight: bold;
}
.fc-league-a {
background: #e8f6ff;
border-top: 5px solid #009fe3;
}
.fc-league-b {
background: #ffe8e8;
border-top: 5px solid #ff7b7b;
}
.fc-league-c {
background: #e8fff0;
border-top: 5px solid #3cb878;
}
@media screen and (max-width: 800px) {
.fc-leagues-grid {
grid-template-columns: 1fr;
}
}
.fc-media-section {
background: #002b41;
border-radius: 16px;
padding: 16px 20px;
margin: 20px 0;
box-shadow: 0 3px 10px rgba(0,0,0,.12);
border-left: 6px solid #00843D;
}
.fc-media-title {
font-size: 20px;
font-weight: 700;
color: #ffffff;
text-align: center;
margin-bottom: 12px;
border-bottom: 1px solid #ddd;
padding-bottom: 6px;
}
.fc-media-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
}
.fc-media-box {
text-align: center;
border-radius: 12px;
padding: 8px;
box-shadow: 0 2px 6px rgba(0,0,0,.10);
transition: all .2s ease;
}
.fc-media-box:hover {
transform: translateY(-3px);
box-shadow: 0 4px 12px rgba(0,0,0,.18);
}
.fc-media-box img {
border-radius: 8px;
max-width: 100%;
height: auto;
}
.fc-media-link {
margin-top: 8px;
font-weight: bold;
}
.fc-border-a {
background: #e8f6ff;
border-top: 5px solid #009fe3;
}
.fc-border-b {
background: #ffe8e8;
border-top: 5px solid #ff7b7b;
}
.fc-border-c {
background: #e8fff0;
border-top: 5px solid #3cb878;
}
@media screen and (max-width: 800px) {
.fc-media-grid {
grid-template-columns: 1fr;
}
}
/* Link chiari nelle sezioni scure */
.fc-history a,
.fc-sidebox a,
.fc-featured a {
color: #8cffb3 !important;
text-decoration: none;
}
.fc-history a:visited,
.fc-sidebox a:visited,
.fc-featured a:visited {
color: #8cffb3 !important;
}
.fc-history a:hover,
.fc-sidebox a:hover,
.fc-featured a:hover {
color: #ffffff !important;
text-decoration: underline;
}
.fc-sidebox-title a,
.fc-sidebox-title a:visited {
color: #ffffff !important;
text-decoration: none;
}
.fc-sidebox-title a:hover {
color: #ffffff !important;
text-decoration: none;
}
.fc-history-title a,
.fc-history-title a:visited {
color: #ffffff !important;
text-decoration: none;
}
.fc-history-title a:hover {
color: #ffffff !important;
text-decoration: none;
}
.fc-featured-extra {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
margin-top: 18px;
}
.fc-featured-small {
text-align: center;
}
.fc-featured-small img {
max-width: 100%;
border-radius: 10px;
}
.fc-featured-small-caption {
color: #8cffb3;
font-weight: 600;
}
@media screen and (max-width: 800px) {
.fc-featured-extra {
grid-template-columns: 1fr;
}
}
.fc-sidebox ul,
.fc-history ul {
list-style: none;
padding-left: 0;
}
.fc-sidebox li,
.fc-history li {
position: relative;
padding-left: 18px;
}
.fc-sidebox li::before,
.fc-history li::before {
content: "•";
color: #ffffff;
position: absolute;
left: 0;
}