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

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

来自少前百科GFwiki
跳转至: 导航搜索
(更新)
 
(未显示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 #f4c430;
+
     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, #f4c430 80%, transparent 80%);
+
     background-image: linear-gradient(90deg, #eaeaea 80%, transparent 80%);
 
}
 
}
  
第53行: 第76行:
 
}
 
}
  
div#avgtitle {
+
#avgload {
 +
    float: right;
 
     display: inline-block;
 
     display: inline-block;
     font-size: 14px;
+
     border-top: 1px #eaeaea solid;
    vertical-align: bottom;
 
    margin-left: 12px;
 
 
     border-bottom: 1px solid #eaeaea;
 
     border-bottom: 1px solid #eaeaea;
}
 
 
#avgload {
 
    display: inline-block;
 
    border-bottom: 1px #eaeaea solid;
 
 
     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;
}
 
 
#avganime {
 
    display: none;
 
    position: absolute;
 
    width: 1200px;
 
    height: 675px;
 
    top: 0px;
 
    left: 0px;
 
    overflow: hidden;
 
    z-index: 1;
 
 
}
 
}
  
第111行: 第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);
第121行: 第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;
 
}
 
}
  
第151行: 第166行:
 
     overflow: hidden;
 
     overflow: hidden;
 
     background-color: rgba(0, 0, 0, 0.533);
 
     background-color: rgba(0, 0, 0, 0.533);
}
 
 
table#avgnavigation {
 
    max-width: 1202px;
 
}
 
 
#avgnavigation th {
 
    color: #eaeaea;
 
    background-color: #333;
 
    border: 1px solid #eaeaea88;
 
}
 
 
#avgnavigation td {
 
    color: #eaeaea;
 
    background-color: #111;
 
    border: 1px solid #eaeaea88;
 
    padding: 3px;
 
}
 
 
.avgchoice {
 
    display: inline-block;
 
    margin: 3px;
 
    padding: 2px 6px;
 
    user-select: none;
 
    cursor: pointer;
 
    border: 1px solid #8886;
 
    background-color: #6664;
 
}
 
 
.avgchoice:hover {
 
    color: black;
 
    background-color: #eaeaea;
 
}
 
 
span.subsign {
 
    font-size: 12px;
 
    font-weight: lighter;
 
 
}
 
}
  
第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);
 
     }
 
     }
}
 
 
.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;
 
 
}
 
}
  
第269行: 第271行:
 
     animation-iteration-count: infinite;
 
     animation-iteration-count: infinite;
 
}
 
}
 +
*/
 
</style></includeonly>
 
</style></includeonly>

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