MediaWiki:Common.css: differenze tra le versioni
Nessun oggetto della modifica Etichetta: Annullato |
Nessun oggetto della modifica |
||
(6 versioni intermedie di uno stesso utente non sono mostrate) | |||
Riga 7: | Riga 7: | ||
} | } | ||
. | /* VIDEO PREVIEW */ | ||
.full-width img { | |||
width: 100%; | |||
max-width: 100%; | |||
height: auto; | |||
} | |||
.video-thumbnail { | |||
position: relative; | |||
display: inline-block; | |||
} | } | ||
. | |||
.video-thumbnail img { | |||
width: 100%; | width: 100%; | ||
height: auto; | 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 */