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; }
LKPJbupati – Bali Global News
Bali Global News
Media Informasi Masyarakat
Close the sidebar
Bali Global News
Browsing tag
LKPJbupati
DPRD Badung Finalisasi Rekomendasi LKPJ Bupati
Read more
DPRD Tabanan Akan Bahas LKPJ Bupati
Read more
See
this project
for a cross-platform AI writing client.