lite-vimeo { font-size: 10px; background-color: #000; position: relative; display: block; contain: content; background-position: center center; background-size: cover; background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgOCA0LjUiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBvbHlnb24gcG9pbnRzPSIwLDAgMSwwIDEsNC41IDAsNC41IiBmaWxsPSIjODVkY2U1Ii8+PHBvbHlnb24gcG9pbnRzPSIxLDAgMiwwIDIsNC41IDEsNC41IiBmaWxsPSIjZWJmMmY0Ii8+PHBvbHlnb24gcG9pbnRzPSIyLDAgMywwIDMsNC41IDIsNC41IiBmaWxsPSIjZmU1MjIxIi8+PHBvbHlnb24gcG9pbnRzPSIzLDAgNCwwIDQsNC41IDMsNC41IiBmaWxsPSIjZjdmYzhiIi8+PHBvbHlnb24gcG9pbnRzPSI0LDAgNSwwIDUsNC41IDQsNC41IiBmaWxsPSIjMTJhOWQxIi8+PHBvbHlnb24gcG9pbnRzPSI1LDAgNiwwIDYsNC41IDUsNC41IiBmaWxsPSIjNDEzNzMxIi8+PHBvbHlnb24gcG9pbnRzPSI2LDAgNywwIDcsNC41IDYsNC41IiBmaWxsPSIjYmQyZDA3Ii8+PHBvbHlnb24gcG9pbnRzPSI3LDAgOCwwIDgsNC41IDcsNC41IiBmaWxsPSIjY2ZlZDI1Ii8+PC9zdmc+"); cursor: pointer; } lite-vimeo.awb-lite-vimeo-no-background { background-image: none; } /* gradient, vimeo doesn't have this */ /*lite-vimeo::before { content: ''; display: block; position: absolute; top: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==); background-position: top; background-repeat: repeat-x; height: 60px; padding-bottom: 50px; width: 100%; transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); }*/ /* responsive iframe with a 16:9 aspect ratio thanks https://css-tricks.com/responsive-iframes/ */ lite-vimeo::after { content: ""; display: block; padding-bottom: calc(100% / (16 / 9)); } lite-vimeo > iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } /* play button */ lite-vimeo > .ltv-playbtn { width: 6.5em; height: 4em; background: rgba(23,35,34,.75); z-index: 1; opacity: 0.8; border-radius: .5em; /* TODO: Consider replacing this with YT's actual svg. Eh. */ transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); outline: 0; border: 0; cursor: pointer; } lite-vimeo:hover > .ltv-playbtn { background-color: rgb(0, 173, 239); opacity: 1; } /* play button triangle */ lite-vimeo > .ltv-playbtn::before { content: ''; border-style: solid; border-width: 10px 0 10px 20px; border-color: transparent transparent transparent #fff; } lite-vimeo > .ltv-playbtn, lite-vimeo > .ltv-playbtn::before { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); } /* Post-click styles */ lite-vimeo.ltv-activated { cursor: unset; } lite-vimeo.ltv-activated::before, lite-vimeo.ltv-activated > .ltv-playbtn { opacity: 0; pointer-events: none; }
satulifecraftmilikKMP – Bali Global News
Bali Global News
Media Informasi Masyarakat
Close the sidebar
Bali Global News
Browsing tag
satulifecraftmilikKMP
Dua KRI TNI AL temukan satu “life craft” milik KMP Yunicee
Read more
This open-source AI writing assistant:
source
.