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

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

来自少前百科GFwiki
跳转至： 导航、 搜索
 
（未显示同一用户的10个中间版本）
第1行： 第1行：
 
<includeonly><style type="text/css">
 
<includeonly><style type="text/css">
 
.skinselectbox {
 
.skinselectbox {
−
     padding: 5px;
+
     padding: 10px;
 
     margin: 5px 0px;
 
     margin: 5px 0px;
−
     border-radius: 1px;
+
     border-radius: 10px;
−
     border: 1px solid #888;
+
     background-size: 100px 25px;
−
     background-color: black;
+
     background-image: linear-gradient(135deg, #222 10%, #2a2a2a 10%, #2a2a2a 20%, #222 20%, #222 30%, #2a2a2a 30%, #2a2a2a 40%, #222 40%, #222 50%, #2a2a2a 50%, #2a2a2a 60%, #222 60%, #222 70%, #2a2a2a 70%, #2a2a2a 80%, #222 80%, #222 90%, #2a2a2a 90%, #2a2a2a 100%);
−
     background-size: 53px;
+
      
 
}
 
}
  
 
div.onesuit {
 
div.onesuit {
−
    border: 1px dotted #eaeaeaaa;
 
−
    background-color: black;
 
−
    padding: 8px 10px 18px 10px;
 
 
     margin: 10px 0px;
 
     margin: 10px 0px;
 
}
 
}
第18行： 第15行：
 
a.suitname {
 
a.suitname {
 
     margin-bottom: 10px;
 
     margin-bottom: 10px;
 +
    border-radius: 1px;
 
     padding: 6px;
 
     padding: 6px;
 +
    padding-top: 5px;
 
     font-size: 16px;
 
     font-size: 16px;
 
     letter-spacing: 3px;
 
     letter-spacing: 3px;
 +
    border-top: 1px solid #f4c43088;
 
     color: #f4c430;
 
     color: #f4c430;
 
     display: block;
 
     display: block;
−
     transition-duration: 0.5s;
+
    transition-timing-function: ease;
 +
     transition-duration: 0.6s;
 
}
 
}
  
第34行： 第35行：
 
div.oneskin {
 
div.oneskin {
 
     display: inline-block;
 
     display: inline-block;
 +
    width: 128px;
 
     margin-right: 20px;
 
     margin-right: 20px;
 
     margin-bottom: 20px;
 
     margin-bottom: 20px;
−
    border-radius: 1px;
 
 
     user-select: none;
 
     user-select: none;
 +
    transition: box-shadow 1s;
 +
}
 +
 +
div.skinfocus {
 +
    border-left: 1px solid #939393;
 +
    box-shadow: 0px 0px 0px 0px #939393;
 +
}
 +
 +
div.skinfocus:hover {
 +
    box-shadow: 0px 0px 10px 4px #3b3b3b;
 
}
 
}
  
 
div.skinpicndiv {
 
div.skinpicndiv {
−
     width: 120px;
+
     width: 128px;
 
     overflow: hidden;
 
     overflow: hidden;
−
     transition:all 0.3s cubic-bezier(0.16, 0.96, 0.51, 0.99)
+
     position: relative;
 
}
 
}
−
@media screen and (min-width:900px){div.skinpicndiv:hover {width:240px}}
+
 
 +
div.skinpicndiv:hover {
 +
    background-color: #292929;
 +
}
 +
 
 
img.skinpicn {
 
img.skinpicn {
 +
    position: relative;
 +
    left: 0%;
 +
    width: 256px;
 +
    transition: all 0.4s cubic-bezier(0.71, 0.01, 0.25, 0.99);
 
     cursor: zoom-in;
 
     cursor: zoom-in;
 
     user-select: none;
 
     user-select: none;
 
     -webkit-user-drag: none;
 
     -webkit-user-drag: none;
 +
}
 +
 +
img.skinpicn:hover {
 +
    left: -100%;
 +
    transition: all 0.6s cubic-bezier(0.71, 0.01, 0.25, 0.99);
 
}
 
}
  
 
.cardgreen {
 
.cardgreen {
−
     border-left: 8px solid #D6E35A;
+
     border-left: 8px solid #c0ca33;
 
}
 
}
  
 
.cardblue {
 
.cardblue {
−
     border-left: 8px solid #6BDFCE;
+
     border-left: 8px solid #00acc1;
 
}
 
}
  
 
.cardorange {
 
.cardorange {
−
     border-left: 8px solid #F4C430;
+
     border-left: 8px solid #ffb300;
 
}
 
}
  
 
.cardgrey {
 
.cardgrey {
−
     border-left: 8px solid #4d4d4d;
+
     border-left: 8px solid #757575;
 
}
 
}
  
第78行： 第102行：
  
 
div.skindolllink {
 
div.skindolllink {
−
    padding-right: 5px;
 
 
     cursor: pointer;
 
     cursor: pointer;
−
    transition-duration: 0.5s;
 
 
}
 
}
  
−
div.skindolllink:hover {
+
div.skindolllink:hover::before {
−
     text-shadow: 5px 5px 2.5px #eaeaea;
+
    opacity: 1;
 +
}
 +
 
 +
div.skindolllink::before {
 +
    content: "To";
 +
    font-size: 12px;
 +
    position: absolute;
 +
    top: 2px;
 +
    left: 5px;
 +
    opacity: 0;
 +
    transition: 1s;
 +
}
 +
 
 +
div.skinTextOnly {
 +
    display: inline-block;
 +
     text-align: center;
 +
    padding: 3px 6px;
 +
    margin-right: 5px;
 +
    margin-bottom: 5px;
 +
    border-radius: 6px;
 +
    box-shadow: inset 0 0 3px 0px #979797;
 +
}
 +
 
 +
div.skinTextOnly:hover {
 +
    box-shadow: 0 0 5px 1px #979797;
 
}
 
}
  
第97行： 第143行：
 
     display: inline-block;
 
     display: inline-block;
 
     position: relative;
 
     position: relative;
−
    left: 4px;
 
 
     top: -1px;
 
     top: -1px;
 
}
 
}
第103行： 第148行：
 
.skintext {
 
.skintext {
 
     text-align: right;
 
     text-align: right;
−
     padding: 5px 0px 0px 5px;
+
     padding: 5px;
 +
    padding-right: 3px;
 
     position: relative;
 
     position: relative;
 
}
 
}
第132行： 第178行：
 
     text-decoration: none;
 
     text-decoration: none;
 
     background-color: #f4c430;
 
     background-color: #f4c430;
 +
    box-shadow: 0 3px 6px 0px #f4c430;
 
     color: black;
 
     color: black;
 
}
 
}
第151行： 第198行：
 
}
 
}
  
−
div.skinbtn {
+
div.gfcheckbtn {
 
     display: inline-block;
 
     display: inline-block;
 
     text-align: center;
 
     text-align: center;
−
     padding: 2px 8px;
+
     padding: 3px 9px;
−
     margin: 4px 0px;
+
     margin: 5px 1px;
−
     width: 70px;
+
     width: 50px;
−
     background-color: #ceab42;
+
     background-color: inherit;
−
     color: black;
+
     color: rgb(234, 234, 234);
−
     border-style: double;
+
     border-style: dashed;
 +
    border-width: 1px;
 
     user-select: none;
 
     user-select: none;
 
     cursor: pointer;
 
     cursor: pointer;
 +
    transition: all 0.5s;
 
}
 
}
  
 
div.suitbtn {
 
div.suitbtn {
−
     display: inline-block;
+
     width: 60px;
−
     text-align: center;
+
}
 +
 
 +
div.buttonStateOn {
 +
    color: black;
 +
    border-style: double;
 +
     background-color: rgb(206, 171, 66);
 
     padding: 2px 8px;
 
     padding: 2px 8px;
 
     margin: 4px 0px;
 
     margin: 4px 0px;
−
    width: 50px;
+
     border-width: 3px;
−
    background-color: #ceab42;
 
−
    color: black;
 
−
     border-style: double;
 
−
    user-select: none;
 
−
    cursor: pointer;
 
 
}
 
}
  
−
div.skinsecall {
+
div.gfactivebtn {
 
     display: inline-block;
 
     display: inline-block;
 
     text-align: center;
 
     text-align: center;
第190行： 第239行：
 
}
 
}
  
−
div.skinclear {
+
div.gfactivebtn:active {
−
    display: inline-block;
+
     background-color: #f4c430aa;
−
    text-align: center;
 
−
    padding: 3px 7px;
 
−
    margin: 4px 0px;
 
−
    width: 40px;
 
−
    border: 1px solid #f4c430aa;
 
−
     background-color: transparent;
 
−
    color: #eaeaea;
 
−
    user-select: none;
 
−
    cursor: pointer;
 
 
}
 
}
  
−
.skinsecall:hover {
+
.gfactivebtn:hover {
−
    color: #f4c430;
 
−
}
 
−
.skinclear:hover {
 
 
     color: #f4c430;
 
     color: #f4c430;
 
}
 
}
第220行： 第257行：
 
     background-color: #111111;
 
     background-color: #111111;
 
     border: 1px solid #eaeaea;
 
     border: 1px solid #eaeaea;
−
     box-shadow: #eaeaea 0px 0px 13px 5px;
+
     box-shadow: #eaeaea 0px 0px 10px 1px;
 
     z-index: 5;
 
     z-index: 5;
 
     user-select: none;
 
     user-select: none;
 
     cursor: grab;
 
     cursor: grab;
 
}
 
}
 +
 
div#skinalbum.mousedown {
 
div#skinalbum.mousedown {
 
     cursor: grabbing;
 
     cursor: grabbing;
第288行： 第326行：
  
 
table.pageControl {
 
table.pageControl {
−
    border: 1px solid #888;
 
 
     border-spacing: 6px;
 
     border-spacing: 6px;
−
    background-color: black;
 
 
     margin: 0px 0px 10px 0px;
 
     margin: 0px 0px 10px 0px;
 
     font-family: 'LinBiolinum';
 
     font-family: 'LinBiolinum';
第311行： 第347行：
 
     background-color: #f4c430;
 
     background-color: #f4c430;
 
     color: black;
 
     color: black;
 +
}
 +
 +
 +
div.oneskin {
 +
    width: 128px;
 +
}
 +
 +
img.skinpicn {
 +
    width: 256px;
 +
}
 +
 +
div.skinpicndiv {
 +
    width: 128px;
 +
}
 +
 +
div.skinfocus:hover {
 +
    box-shadow: 0px 0px 10px 4px #3b3b3b;
 
}
 
}
 
</style></includeonly>
 
</style></includeonly>

2022年8月18日 (四) 00:27的最新版本

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