https://calc.euil.cn/index.php?action=history&feed=atom&title=%E6%A8%A1%E6%9D%BF%3AVideo%2Fstyles.css 2026-05-26T18:40:18Z 本wiki上该页面的版本历史 MediaWiki 1.45.3 https://calc.euil.cn/index.php?title=%E6%A8%A1%E6%9D%BF:Video/styles.css&diff=257&oldid=prev 2026-02-11T17:05:06Z

<p>创建页面，内容为“.video-card { margin: 1em auto; max-width: 800px; border: 1px solid #a2a9b1; background: #f8f9fa; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); font-family: sans-serif; overflow: hidden; } .video-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 1em 1.5em; background: #ffffff; border-bottom: 1px solid #c8ccd1; } .video-title { d…”</p> <p><b>新页面</b></p><div>.video-card {<br /> margin: 1em auto;<br /> max-width: 800px;<br /> border: 1px solid #a2a9b1;<br /> background: #f8f9fa;<br /> border-radius: 12px;<br /> box-shadow: 0 4px 12px rgba(0,0,0,0.08);<br /> font-family: sans-serif;<br /> overflow: hidden;<br /> }<br /> <br /> .video-header {<br /> display: flex;<br /> flex-wrap: wrap;<br /> align-items: center;<br /> justify-content: space-between;<br /> padding: 1em 1.5em;<br /> background: #ffffff;<br /> border-bottom: 1px solid #c8ccd1;<br /> }<br /> <br /> .video-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> font-size: 1.2em;<br /> font-weight: 600;<br /> color: #202122;<br /> }<br /> <br /> .video-source {<br /> background: #eaecf0;<br /> padding: 4px 14px;<br /> border-radius: 30px;<br /> font-size: 0.85em;<br /> color: #54595d;<br /> border: none;<br /> }<br /> <br /> .video-iframe-container {<br /> position: relative;<br /> width: 100%;<br /> padding-top: 56.25%;<br /> background: #000000;<br /> }<br /> <br /> .video-iframe {<br /> position: absolute;<br /> top: 0;<br /> left: 0;<br /> width: 100%;<br /> height: 100%;<br /> border: none;<br /> }<br /> <br /> .video-caption {<br /> padding: 1.2em 1.5em;<br /> background: #ffffff;<br /> border-top: 1px solid #eaecf0;<br /> color: #2c3e50;<br /> font-size: 0.95em;<br /> line-height: 1.5;<br /> }<br /> <br /> .video-footer {<br /> background: #f0f4fc;<br /> padding: 0.7em 1.5em;<br /> border-top: 1px solid #c8ccd1;<br /> display: flex;<br /> justify-content: space-between;<br /> align-items: center;<br /> font-size: 0.9em;<br /> }<br /> <br /> .video-footer-left {<br /> color: #3366cc;<br /> }<br /> <br /> .video-footer-right {<br /> color: #54595d;<br /> }<br /> <br /> @media (prefers-color-scheme: dark) {<br /> .video-card {<br /> border-color: #404244;<br /> background: #1a1c1e;<br /> box-shadow: 0 4px 12px rgba(0,0,0,0.5);<br /> }<br /> <br /> .video-header {<br /> background: #1e1f21;<br /> border-bottom-color: #404244;<br /> }<br /> <br /> .video-title {<br /> color: #eaeef2;<br /> }<br /> <br /> .video-source {<br /> background: #2c2e30;<br /> color: #d1d5d9;<br /> }<br /> <br /> .video-caption {<br /> background: #1e1f21;<br /> border-top-color: #404244;<br /> color: #d4d8dc;<br /> }<br /> <br /> .video-footer {<br /> background: #1a1c1e;<br /> border-top-color: #404244;<br /> }<br /> <br /> .video-footer-left {<br /> color: #99bbff;<br /> }<br /> <br /> .video-footer-right {<br /> color: #b0b4b8;<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .video-header {<br /> flex-direction: column;<br /> align-items: flex-start;<br /> gap: 10px;<br /> }<br /> <br /> .video-caption {<br /> padding: 1em;<br /> }<br /> <br /> .video-footer {<br /> flex-direction: column;<br /> gap: 6px;<br /> text-align: center;<br /> }<br /> }</div>

小小白哦