◆少前百科是非盈利性、非官方的少女前线维基百科。 ◆如果您发现某些内容错误/空缺,请勇于修正/添加!参与进来其实很容易!点这里 加入少前百科。 ◆有任何意见、建议、纠错,欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群:597764980,微博@GFwiki少前百科 ◆To foreigners,You can use twitter to contact us. |
“Widget:AVGplayer/css”的版本间的差异
(更新) |
|||
(未显示2个用户的19个中间版本) | |||
第1行: | 第1行: | ||
<includeonly><style type="text/css"> | <includeonly><style type="text/css"> | ||
+ | div#avgdiv { | ||
+ | max-width: 1202px; | ||
+ | } | ||
+ | |||
+ | div#avgtitle { | ||
+ | text-align: center; | ||
+ | font-size: 20px; | ||
+ | margin: auto; | ||
+ | padding: 5px 0px; | ||
+ | } | ||
+ | |||
+ | div#avgtitle::before { | ||
+ | content: "-"; | ||
+ | position: relative; | ||
+ | left: -50px; | ||
+ | } | ||
+ | |||
+ | div#avgtitle::after { | ||
+ | content: "-"; | ||
+ | position: relative; | ||
+ | left: 50px; | ||
+ | } | ||
+ | |||
#avgsettings { | #avgsettings { | ||
margin: 5px 0px; | margin: 5px 0px; | ||
第15行: | 第38行: | ||
.avgbutton:hover { | .avgbutton:hover { | ||
− | border: 1px solid # | + | border: 1px solid #b3e5fc; |
} | } | ||
第40行: | 第63行: | ||
margin: 2px 0px; | margin: 2px 0px; | ||
border: 1px #000 solid; | border: 1px #000 solid; | ||
− | background-image: linear-gradient(90deg, # | + | background-image: linear-gradient(90deg, #eaeaea 80%, transparent 80%); |
} | } | ||
第53行: | 第76行: | ||
} | } | ||
− | + | #avgload { | |
+ | float: right; | ||
display: inline-block; | display: inline-block; | ||
− | + | border-top: 1px #eaeaea solid; | |
− | |||
− | |||
border-bottom: 1px solid #eaeaea; | border-bottom: 1px solid #eaeaea; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
font-size: 12px; | font-size: 12px; | ||
vertical-align: bottom; | vertical-align: bottom; | ||
− | margin-left: 2px; | + | margin-left: 12px; |
+ | padding: 7px 2px 6px 2px; | ||
} | } | ||
#avgbox { | #avgbox { | ||
position: relative; | position: relative; | ||
+ | overflow: hidden; | ||
width: 1200px; | width: 1200px; | ||
height: 675px; | height: 675px; | ||
第91行: | 第110行: | ||
position: absolute; | position: absolute; | ||
top: -262.5px; | top: -262.5px; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
第111行: | 第119行: | ||
left: 200px; | left: 200px; | ||
z-index: 7; | z-index: 7; | ||
− | background-image: url( | + | background-image: url(/images/3/3e/Avglinebg.png); |
background-size: 7px; | background-size: 7px; | ||
border: 1px solid rgba(136, 136, 136, 0.533); | border: 1px solid rgba(136, 136, 136, 0.533); | ||
第121行: | 第129行: | ||
#avgspeaker { | #avgspeaker { | ||
height: 32px; | height: 32px; | ||
− | margin: 4px | + | margin: 4px 12px; |
− | font-size: | + | font-size: 22px; |
} | } | ||
#avgline { | #avgline { | ||
− | margin: 4px | + | margin: 4px 28px; |
− | font-size: | + | font-size: 18px; |
− | font-weight: | + | } |
+ | |||
+ | .endsigndiv { | ||
+ | position: absolute; | ||
+ | top: 75px; | ||
+ | right: 20px; | ||
+ | font-size: 30px; | ||
+ | font-weight: bold; | ||
} | } | ||
第151行: | 第166行: | ||
overflow: hidden; | overflow: hidden; | ||
background-color: rgba(0, 0, 0, 0.533); | background-color: rgba(0, 0, 0, 0.533); | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
第198行: | 第176行: | ||
z-index: 9; | z-index: 9; | ||
text-align: center; | text-align: center; | ||
+ | } | ||
+ | div#avgbranchdiv.cg-options { | ||
+ | height: 100%; | ||
+ | left: 0; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
} | } | ||
第208行: | 第192行: | ||
user-select: none; | user-select: none; | ||
cursor: pointer; | cursor: pointer; | ||
+ | } | ||
+ | .cg-options .avgbranch { | ||
+ | align-items: center; | ||
+ | display: flex; | ||
+ | height: 36px; | ||
+ | justify-content: center; | ||
+ | padding: 0; | ||
+ | position: absolute; | ||
+ | transform: translate(-50%, -50%) rotate(45deg); | ||
+ | width: 36px; | ||
} | } | ||
第215行: | 第209行: | ||
left: 10px; | left: 10px; | ||
color: #f4c430; | color: #f4c430; | ||
+ | } | ||
+ | .cg-options .avgbranch::before{ | ||
+ | content: '\f002'; | ||
+ | font-family: 'Font Awesome 5 Free'; | ||
+ | font-size: 24px; | ||
+ | font-weight: 900; | ||
+ | position: static; | ||
+ | transform: rotate(-45deg); | ||
} | } | ||
第223行: | 第225行: | ||
} | } | ||
+ | .telemaskdiv { | ||
+ | background-image: url(/images/3/38/Telephonebg.png); | ||
+ | position: absolute; | ||
+ | top: 44px; | ||
+ | left: 310px; | ||
+ | width: 282px; | ||
+ | height: 408px; | ||
+ | background-size: 4px; | ||
+ | border: 4px solid #000000; | ||
+ | box-shadow: outset 0 0 14px 9px #000000; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | /* | ||
@keyframes glitch { | @keyframes glitch { | ||
0% { | 0% { | ||
第239行: | 第254行: | ||
clip-path: var(--slice-3); | clip-path: var(--slice-3); | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
第269行: | 第271行: | ||
animation-iteration-count: infinite; | animation-iteration-count: infinite; | ||
} | } | ||
+ | */ | ||
</style></includeonly> | </style></includeonly> |