|
|
| 第67行： |
第67行： |
| position: relative; /* 取消绝对定位，进入Flexbox流 */ | | position: relative; /* 取消绝对定位，进入Flexbox流 */ |
| transform: translate(0, 0) scale(1); /* 重置位置和大小 */ | | transform: translate(0, 0) scale(1); /* 重置位置和大小 */ |
| | } |
| | |
| | .cd_block .mw-default-size span img { |
| | max-width: 100%; |
| | height: 100%; |
| | object-fit: contain; |
| } | | } |
| @keyframes float-neuro { | | @keyframes float-neuro { |
| 第84行： |
第90行： |
| 90% {transform: translate(-0.83px, -1.67px);} | | 90% {transform: translate(-0.83px, -1.67px);} |
| } | | } |
| .video_block .mw-default-size span img {
| | |
| max-width: 100%;
| |
| height: 100%;
| |
| object-fit: contain;
| |
| }
| |
| .video_block .progress_bar{
| |
| position: absolute;
| |
| bottom: 0;
| |
| width: 100%;
| |
| height: 0;
| |
| color: white;
| |
| text-align: center;
| |
| background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
| |
| transition: height 0.3s ease-in-out, transform 0.3s ease-in-out;
| |
| }
| |
| .video_block:hover .progress_bar{
| |
| height: 64px;
| |
| }
| |
| .video_block .progress_bar .bar{
| |
| position: absolute;
| |
| top: 22px;
| |
| left: 2.5%;
| |
| width: 95%;
| |
| height: 4px;
| |
| color: white;
| |
| text-align: center;
| |
| background-color: rgba(255, 255, 255, 0.8);
| |
| }
| |
| .dOOPAe {
| |
| position: absolute;
| |
| top: 26px;
| |
| left: 24px;
| |
| color: white;
| |
| font-size: 20px;
| |
| text-align: center;
| |
| }
| |
| .dO1PAe {
| |
| position: absolute;
| |
| top: 1px;
| |
| left: 20px;
| |
| color: white;
| |
| text-align: center;
| |
| }
| |
| .sidebar_block{
| |
| min-width:300px;
| |
| margin:0;
| |
| flex-grow: 1;
| |
| padding: 0;
| |
| }
| |
| .flex_button{ | | .flex_button{ |
| width:auto; | | width:auto; |