首页/styles.css：修订间差异
无编辑摘要 |
无编辑摘要 |
||
| 第6行： | 第6行： | ||
box-shadow: 0 2px 5px #aaa; | box-shadow: 0 2px 5px #aaa; | ||
} | } | ||
. | .flex_block{ | ||
display: flex; | |||
flex-wrap: wrap; | |||
width: 100%; | |||
justify-content: center; | |||
} | |||
.video_block{ | |||
position: relative; | position: relative; | ||
box-shadow: 0 2px 5px #aaa; | box-shadow: 0 2px 5px #aaa; | ||
| 第12行： | 第18行： | ||
transition: transform 0.3s ease-in-out; | transition: transform 0.3s ease-in-out; | ||
} | } | ||
.video_block:hover { | |||
box-shadow: 1px 5px 8px #aaa; | box-shadow: 1px 5px 8px #aaa; | ||
animation: float 4s infinite ease-in-out; | animation: float 4s infinite ease-in-out; | ||
} | } | ||
.video_block .neuro-button{ | |||
position: absolute; | position: absolute; | ||
width: 0; | width: 0; | ||
| 第30行： | 第36行： | ||
text-align: center; | text-align: center; | ||
} | } | ||
.video_block:hover .neuro-button{ | |||
width: 120px; | width: 120px; | ||
padding: 3px; | padding: 3px; | ||
| 第36行： | 第42行： | ||
padding-right:6px; | padding-right:6px; | ||
} | } | ||
.video_block .neuro-button:hover{ | |||
height: 60px; | height: 60px; | ||
padding: 6px; | padding: 6px; | ||
} | } | ||
.video_block #neuro{ | |||
top: 55%; | top: 55%; | ||
right: 5%; | right: 5%; | ||
animation: float-neuro 0.35s infinite ease-in-out; | animation: float-neuro 0.35s infinite ease-in-out; | ||
} | } | ||
.video_block #evil{ | |||
top: 50%; | top: 50%; | ||
left: 20%; | left: 20%; | ||
animation: float-evil 0.3s infinite ease-in-out; | animation: float-evil 0.3s infinite ease-in-out; | ||
} | } | ||
.video_block #vedal{ | |||
top: 15%; | top: 15%; | ||
right: 25%; | right: 25%; | ||
animation: float-vedal 0.41s infinite ease-in-out; | animation: float-vedal 0.41s infinite ease-in-out; | ||
} | } | ||
.video_block * a{ | |||
color: white; | color: white; | ||
} | } | ||
.video_block * a.new{ | |||
color: white; | color: white; | ||
} | } | ||
| 第85行： | 第91行： | ||
90% {transform: translate(-0.83px, -1.67px);} | 90% {transform: translate(-0.83px, -1.67px);} | ||
} | } | ||
.video_block p .mw-default-size span img { | |||
max-width: 100%; | max-width: 100%; | ||
height: 100%; | height: 100%; | ||