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; }
paskibrakakotadenpasar – Bali Global News
Bali Global News
Media Informasi Masyarakat
Close the sidebar
Bali Global News
Browsing tag
paskibrakakotadenpasar
Paskibraka Kota Denpasar Tahun 2023 Digembleng Materi Penguatan Ideologi Pancasila
Read more
Discover
Rytr
with full feature access.