107
contributi
MediaWiki:Common.css: differenze tra le versioni
Embed Twitch
Nessun oggetto della modifica |
(Embed Twitch) |
||
| Riga 307: | Riga 307: | ||
display: none; | display: none; | ||
} | } | ||
/* Twitch */ | |||
#twitch-bordo {display:none; background:#f8f9fa; text-align:right; border-radius:2px; position:fixed; bottom:2px; right:2px; border:1px solid #c8ccd1; padding:2px; font-family:Arial; font-size:15px;} | |||
#twitch-chiudi {position:absolute; border-radius:100%; cursor:pointer; top:-34px; right:0px; background:#f8f9fa; color:#333; border:1px solid #c8ccd1; padding:4px 8px; font-size:15px; opacity:0; pointer-events:none; animation:apparechiudi .6s linear 3s forwards; text-decoration:none;} | |||
@keyframes apparechiudi { | |||
0% {opacity:0;} | |||
100% {opacity:1; pointer-events:auto;} | |||
} | |||
#twitch-chiudi:hover {color:#000; border-color:#888;} | |||
#twitch-container { | |||
position: relative; | |||
display: block; | |||
cursor: pointer; | |||
overflow: hidden; | |||
text-shadow: 0 0 3px #000; | |||
padding-top: 2px; | |||
} | |||
#twitch-testo { | |||
position: absolute; | |||
padding-top: 50px; | |||
text-align: center; | |||
left: 0; | |||
width: 100%; | |||
height: 100%; | |||
background: #000000a0; | |||
opacity: 0; | |||
transition: opacity .2s linear; | |||
color: #fff; | |||
font-family: arial; | |||
font-weight: bold; | |||
font-size: 18px; | |||
} | |||
#twitch-container:hover #twitch-testo {opacity:1;} | |||
#twitch-embed {display:flex; background:#000; width:208px; height:117px;} | |||
.twitch-mostra {display:inline-block!important;} | |||