◆少前百科是非盈利性、非官方的少女前线维基百科。
◆如果您发现某些内容错误/空缺，请勇于修正/添加！参与进来其实很容易！点这里 加入少前百科。
◆有任何意见、建议、纠错，欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群：597764980，微博@GFwiki少前百科
◆To foreigners，You can use twitter to contact us. 		Icon Nyto Silver.png

“Widget:AVGplayer/css”的版本间的差异

来自少前百科GFwiki
跳转至： 导航、 搜索
（测试）
 
 
（未显示2个用户的22个中间版本）
第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 #f4c430;
+
     border: 1px solid #b3e5fc;
 
}
 
}
  
−
#avgautospeed {
+
.avgsmallbtn {
 +
    width: 24px;
 +
    text-align: center;
 +
    display: inline-block;
 +
    border: 1px #eaeaea88 solid;
 +
    padding: 2px;
 +
    margin: 2px 1px;
 +
    cursor: pointer;
 +
}
 +
 
 +
#avgbtnbox {
 
     display: -webkit-inline-box;
 
     display: -webkit-inline-box;
 
     border: 1px #eaeaea solid;
 
     border: 1px #eaeaea solid;
 
     vertical-align: top;
 
     vertical-align: top;
 +
    padding: 0px 1px;
 
}
 
}
  
−
.avgautobtn {
+
div#avgsoundwidth {
−
     width: 30%;
+
     width: 40px;
−
     display: inline-block;
+
    height: 26px;
−
     border: 1px #eaeaea88 solid;
+
     margin: 2px 0px;
−
     padding: 2px 10px;
+
     border: 1px #000 solid;
−
    cursor: pointer;
+
     background-image: linear-gradient(90deg, #eaeaea 80%, transparent 80%);
 
}
 
}
  
 
#avgautonum {
 
#avgautonum {
−
     width: 40%;
+
     width: 30px;
 +
    height: 24px;
 +
    padding: 2px;
 +
    margin: 2px;
 +
    line-height: 24px;
 
     text-align: center;
 
     text-align: center;
 +
    vertical-align: middle;
 
}
 
}
  
 
#avgload {
 
#avgload {
 +
    float: right;
 
     display: inline-block;
 
     display: inline-block;
−
     border-bottom: 1px #eaeaea solid;
+
    border-top: 1px #eaeaea solid;
 +
     border-bottom: 1px solid #eaeaea;
 
     font-size: 12px;
 
     font-size: 12px;
 
     vertical-align: bottom;
 
     vertical-align: bottom;
−
     margin-left: 12px;  
+
     margin-left: 12px;
 +
    padding: 7px 2px 6px 2px;
 
}
 
}
  
 
#avgbox {
 
#avgbox {
 
     position: relative;
 
     position: relative;
 +
    overflow: hidden;
 
     width: 1200px;
 
     width: 1200px;
 
     height: 675px;
 
     height: 675px;
第76行： 第119行：
 
     left: 200px;
 
     left: 200px;
 
     z-index: 7;
 
     z-index: 7;
−
     background-image: url(http://www.gfwiki.org/images/3/3e/Avglinebg.png);
+
     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);
第86行： 第129行：
 
#avgspeaker {
 
#avgspeaker {
 
     height: 32px;
 
     height: 32px;
−
     margin: 4px 10px;
+
     margin: 4px 12px;
−
     font-size: 20px;
+
     font-size: 22px;
 
}
 
}
  
 
#avgline {
 
#avgline {
−
     margin: 4px 25px;
+
     margin: 4px 28px;
−
     font-size: 16px;
+
     font-size: 18px;
−
     font-weight: lighter;
+
}
 +
 
 +
.endsigndiv {
 +
    position: absolute;
 +
    top: 75px;
 +
    right: 20px;
 +
    font-size: 30px;
 +
     font-weight: bold;
 
}
 
}
  
第107行： 第157行：
 
     width: 896px;
 
     width: 896px;
 
     overflow: hidden;
 
     overflow: hidden;
−
}
 
−
 
−
.telemaskdiv{
 
−
    background-image: url(http://www.gfwiki.org/images/3/38/Telephonebg.png);
 
−
    position: absolute;
 
−
    top:37px;
 
−
    left:262px;
 
−
    width:264px;
 
−
    height:382px;
 
−
    background-size:5px;
 
−
    opacity:0.6;
 
−
    border:8px double #0690ef;
 
 
}
 
}
  
第129行： 第167行：
 
     background-color: rgba(0, 0, 0, 0.533);
 
     background-color: rgba(0, 0, 0, 0.533);
 
}
 
}
 +
 +
div#avgbranchdiv {
 +
    position: absolute;
 +
    top: 100px;
 +
    left: 300px;
 +
    width: 600px;
 +
    height: 350px;
 +
    z-index: 9;
 +
    text-align: center;
 +
}
 +
div#avgbranchdiv.cg-options {
 +
  height: 100%;
 +
  left: 0;
 +
  top: 0;
 +
  width: 100%;
 +
}
 +
 +
.avgbranch {
 +
    padding: 12px 0px;
 +
    background-color: black;
 +
    margin-bottom: 40px;
 +
    border: 1px solid #949494;
 +
    font-size: 16px;
 +
    user-select: none;
 +
    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;
 +
}
 +
 +
.avgbranch:before {
 +
    content: "▶";
 +
    position: absolute;
 +
    left: 10px;
 +
    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);
 +
}
 +
 +
.avgbranch:hover {
 +
    background-color: #f4c430;
 +
    color: black;
 +
    border-color: black;
 +
}
 +
 +
.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 {
 +
    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::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>

2023年6月5日 (一) 01:01的最新版本

取自“https://www.gfwiki.org/index.php?title=Widget:AVGplayer/css&oldid=113548”