RandomShortsv2: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<includeonly> | <includeonly> | ||
<div class="vanipedia-random-shorts-widget" style="background: #feffe1; border: 1px solid #1c5249; border-radius: 10px; padding: 10px; width: 280px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-start;"> | |||
<div class="vanipedia-random-shorts-widget" style="background: #feffe1; border: 1px solid #1c5249; border-radius: 10px; padding: 10px; width: 280px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-start | |||
<!-- | <!-- Target player placement zone --> | ||
<div class="vani-shorts-viewport" style="width: 260px; height: 260px; background: #faf9df; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 13px; color: #888; margin: 0 auto; overflow: hidden;"> | <div class="vani-shorts-viewport" style="width: 260px; height: 260px; background: #faf9df; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 13px; color: #888; margin: 0 auto; overflow: hidden;"> | ||
Loading short... | |||
</div> | </div> | ||
<!-- | <!-- Selected video details segment --> | ||
<div class="vani-shorts-title" style="padding-top: 10px; text-align: center; font-weight: bold; color: #345b63; font-size: 13px; line-height: 1.3;"> | <div class="vani-shorts-title" style="padding-top: 10px; text-align: center; font-weight: bold; color: #345b63; font-size: 13px; line-height: 1.3;"> | ||
</div> | </div> | ||
</div> | </div> | ||
</includeonly> | </includeonly> | ||