| ◆少前百科是非盈利性、非官方的少女前线维基百科。 ◆如果您发现某些内容错误/空缺，请勇于修正/添加！参与进来其实很容易！点这里 加入少前百科。 ◆有任何意见、建议、纠错，欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群：597764980，微博@GFwiki少前百科 ◆To foreigners，You can use twitter to contact us. |
|
“Widget:AVGplayer/css”的版本间的差异
（更新） |
（更新） |
||
| 第189行： | 第189行： | ||
font-size: 12px; | font-size: 12px; | ||
font-weight: lighter; | font-weight: lighter; | ||
| + | } | ||
| + | |||
| + | div#avgbranchdiv { | ||
| + | position: absolute; | ||
| + | top: 100px; | ||
| + | left: 300px; | ||
| + | width: 600px; | ||
| + | height: 350px; | ||
| + | z-index: 9; | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | .avgbranch { | ||
| + | padding: 12px 0px; | ||
| + | background-color: black; | ||
| + | margin-bottom: 40px; | ||
| + | border: 1px solid #949494; | ||
| + | font-size: 16px; | ||
| + | user-select: none; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | |||
| + | .avgbranch:before { | ||
| + | content: "▶"; | ||
| + | position: absolute; | ||
| + | left: 10px; | ||
| + | color: #f4c430; | ||
| + | } | ||
| + | |||
| + | .avgbranch:hover { | ||
| + | background-color: #f4c430; | ||
| + | color: black; | ||
| + | border-color: black; | ||
| + | } | ||
| + | |||
| + | @keyframes glitch { | ||
| + | 0% { | ||
| + | clip-path: var(--slice-0); | ||
| + | } | ||
| + | 10% { | ||
| + | clip-path: var(--slice-1); | ||
| + | } | ||
| + | 90% { | ||
| + | clip-path: var(--slice-2); | ||
| + | } | ||
| + | 95% { | ||
| + | clip-path: var(--slice-3); | ||
| + | } | ||
| + | 100% { | ||
| + | clip-path: var(--slice-3); | ||
| + | } | ||
| + | } | ||
| + | |||
| + | .telemaskdiv { | ||
| + | background-image: url(http://www.gfwiki.org/images/3/38/Telephonebg.png); | ||
| + | position: absolute; | ||
| + | top: 44px; | ||
| + | left: 302px; | ||
| + | width: 282px; | ||
| + | height: 408px; | ||
| + | background-size: 4px; | ||
| + | border: 4px solid #000000; | ||
| + | box-shadow: inset 0 0 14px 9px #000000; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | |||
| + | .telemaskdiv::after { | ||
| + | --slice-0: inset(0% 50% 99% 50%); | ||
| + | --slice-1: inset(2% 0% 97% 0%); | ||
| + | --slice-2: inset(99% 0% 0% 0%); | ||
| + | --slice-3: inset(100% 0% 0% 0%); | ||
| + | clip-path: var(--slice-0); | ||
| + | position: absolute; | ||
| + | width: 282px; | ||
| + | height: 408px; | ||
| + | content: ""; | ||
| + | background-color: #84a5d0; | ||
| + | box-shadow: inset 0px 0px 20px 6px #000000; | ||
| + | animation: glitch 6s; | ||
| + | animation-iteration-count: infinite; | ||
} | } | ||
</style></includeonly> | </style></includeonly> | ||
