MediaWiki:Common.css: differenze tra le versioni
(Creata pagina con "→Gli stili CSS inseriti qui si applicano a tutti i temi: .widget-maps { width: 100% !important; →Larghezza dinamica: max-width: 100%; →Impedisce overflow: height: 800px; →Altezza fissa o adattabile: }") |
Nessun oggetto della modifica |
||
(10 versioni intermedie di uno stesso utente non sono mostrate) | |||
Riga 6: | Riga 6: | ||
height: 800px; /* Altezza fissa o adattabile */ | height: 800px; /* Altezza fissa o adattabile */ | ||
} | } | ||
/* VIDEO PREVIEW */ | |||
.full-width img { | |||
width: 100%; | |||
max-width: 100%; | |||
height: auto; | |||
} | |||
.video-thumbnail { | |||
position: relative; | |||
display: inline-block; | |||
} | |||
.video-thumbnail img { | |||
width: 100%; | |||
height: auto; | |||
display: block; | |||
} | |||
.video-thumbnail::after { | |||
content: '▶'; /* Simbolo Play */ | |||
font-size: 50px; /* Dimensione del simbolo */ | |||
color: white; /* Colore */ | |||
position: absolute; | |||
top: 50%; | |||
left: 50%; | |||
transform: translate(-50%, -50%); | |||
background: rgba(0, 0, 0, 0.6); /* Sfondo semi-trasparente */ | |||
border-radius: 50%; | |||
width: 80px; | |||
height: 80px; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
cursor: pointer; | |||
pointer-events: none; | |||
} | |||
/* VIDEO PREVIEW */ |
Versione attuale delle 04:52, 3 mar 2025
/* Gli stili CSS inseriti qui si applicano a tutti i temi */ .widget-maps { width: 100% !important; /* Larghezza dinamica */ max-width: 100%; /* Impedisce overflow */ height: 800px; /* Altezza fissa o adattabile */ } /* VIDEO PREVIEW */ .full-width img { width: 100%; max-width: 100%; height: auto; } .video-thumbnail { position: relative; display: inline-block; } .video-thumbnail img { width: 100%; height: auto; display: block; } .video-thumbnail::after { content: '▶'; /* Simbolo Play */ font-size: 50px; /* Dimensione del simbolo */ color: white; /* Colore */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.6); /* Sfondo semi-trasparente */ border-radius: 50%; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; cursor: pointer; pointer-events: none; } /* VIDEO PREVIEW */