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

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

来自少前百科GFwiki
跳转至： 导航、 搜索
（更新）
 
（未显示2个用户的33个中间版本）
第1行： 第1行：
 
<includeonly><style type="text/css">
 
<includeonly><style type="text/css">
 +
.skinselectbox {
 +
    padding: 10px;
 +
    margin: 5px 0px;
 +
    border-radius: 10px;
 +
    background-size: 100px 25px;
 +
    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%);
 +
   
 +
}
 +
 
div.onesuit {
 
div.onesuit {
−
    border: 1px dotted #eaeaeaaa;
 
−
    background-color: black;
 
−
    padding: 8px 10px 18px 10px;
 
 
     margin: 10px 0px;
 
     margin: 10px 0px;
 
}
 
}
第9行： 第15行：
 
a.suitname {
 
a.suitname {
 
     margin-bottom: 10px;
 
     margin-bottom: 10px;
 +
    border-radius: 1px;
 
     padding: 6px;
 
     padding: 6px;
−
     width: 30%;
+
     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-timing-function: ease;
 +
    transition-duration: 0.6s;
 +
}
 +
 +
span.suittime {
 +
    font-size: 12px;
 +
    margin-left: 20px;
 +
    letter-spacing: 3px;
 
}
 
}
  
 
div.oneskin {
 
div.oneskin {
 
     display: inline-block;
 
     display: inline-block;
 +
    width: 128px;
 
     margin-right: 20px;
 
     margin-right: 20px;
−
     border-radius: 1px;
+
     margin-bottom: 20px;
 
     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;
−
     cursor: pointer;
+
     position: relative;
 +
}
 +
 
 +
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;
 
     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;
 
}
 
}
  
第58行： 第99行：
 
     color: #000000;
 
     color: #000000;
 
     font-family: fantasy;
 
     font-family: fantasy;
 +
}
 +
 +
div.skindolllink {
 +
    cursor: pointer;
 +
}
 +
 +
div.skindolllink:hover::before {
 +
    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;
 
}
 
}
  
第64行： 第137行：
 
     font-size: 20px;
 
     font-size: 20px;
 
     font-weight: bold;
 
     font-weight: bold;
 +
    margin-right: 5px;
 
}
 
}
  
第69行： 第143行：
 
     display: inline-block;
 
     display: inline-block;
 
     position: relative;
 
     position: relative;
−
    left: 4px;
 
 
     top: -1px;
 
     top: -1px;
 
}
 
}
第75行： 第148行：
 
.skintext {
 
.skintext {
 
     text-align: right;
 
     text-align: right;
−
     padding: 5px 5px 0px 5px;
+
     padding: 5px;
 +
    padding-right: 3px;
 
     position: relative;
 
     position: relative;
 
}
 
}
−
 
  
 
.skinname {
 
.skinname {
第99行： 第172行：
 
.itemgrey {
 
.itemgrey {
 
     color: #4d4d4d;
 
     color: #4d4d4d;
 +
    height: 24px;
 
}
 
}
−
 
  
 
a.suitname:hover {
 
a.suitname:hover {
 
     text-decoration: none;
 
     text-decoration: none;
 
     background-color: #f4c430;
 
     background-color: #f4c430;
 +
    box-shadow: 0 3px 6px 0px #f4c430;
 
     color: black;
 
     color: black;
 
}
 
}
第124行： 第198行：
 
}
 
}
  
−
div.skinbtn {
+
div.gfcheckbtn {
 
     display: inline-block;
 
     display: inline-block;
 
     text-align: center;
 
     text-align: center;
 +
    padding: 3px 9px;
 +
    margin: 5px 1px;
 +
    width: 50px;
 +
    background-color: inherit;
 +
    color: rgb(234, 234, 234);
 +
    border-style: dashed;
 +
    border-width: 1px;
 +
    user-select: none;
 +
    cursor: pointer;
 +
    transition: all 0.5s;
 +
}
 +
 +
div.suitbtn {
 +
    width: 60px;
 +
}
 +
 +
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: 70px;
+
     border-width: 3px;
−
     background-color: #ceab42;
+
}
−
     color: black;
+
 
−
     border-style: double;
+
div.gfactivebtn {
 +
    display: inline-block;
 +
     text-align: center;
 +
    padding: 3px 7px;
 +
    margin: 4px 0px;
 +
    width: 40px;
 +
    border: 1px solid #f4c430aa;
 +
     background-color: transparent;
 +
     color: #eaeaea;
 
     user-select: none;
 
     user-select: none;
 
     cursor: pointer;
 
     cursor: pointer;
 +
}
 +
 +
div.gfactivebtn:active {
 +
    background-color: #f4c430aa;
 +
}
 +
 +
.gfactivebtn:hover {
 +
    color: #f4c430;
 
}
 
}
  
第140行： 第250行：
 
     font-size: 12px;
 
     font-size: 12px;
 
     margin-left: 1px;
 
     margin-left: 1px;
 +
}
 +
 +
div#skinalbum {
 +
    display: none;
 +
    position: fixed;
 +
    background-color: #111111;
 +
    border: 1px solid #eaeaea;
 +
    box-shadow: #eaeaea 0px 0px 10px 1px;
 +
    z-index: 5;
 +
    user-select: none;
 +
    cursor: grab;
 +
}
 +
 +
div#skinalbum.mousedown {
 +
    cursor: grabbing;
 +
}
 +
 +
img#skinalbumpic {
 +
    margin: 10px;
 +
    pointer-events:none;
 +
}
 +
 +
div.skinalbumbtn {
 +
    position: absolute;
 +
    top: 10px;
 +
    font-size: 30px;
 +
    width: 48px;
 +
    background-color: #eaeaea33;
 +
    text-align: center;
 +
    border-radius: 2px;
 +
    user-select: none;
 +
    cursor: pointer;
 +
    transition-duration: 0.5s;
 +
}
 +
 +
div.skinalbumbtn:hover {
 +
    background-color: #eaeaea;
 +
    color: black;
 +
}
 +
 +
div#skinalbumswitch {
 +
    right: 70px;
 +
}
 +
 +
div#skinalbumclose {
 +
    right: 10px;
 +
}
 +
 +
table.pageControl {
 +
    width: 100%;
 +
    text-align: center;
 +
}
 +
 +
td.pagePrev {
 +
    width: 80px;
 +
    border: 1px solid #f4c430aa;
 +
    user-select: none;
 +
    cursor: pointer;
 +
}
 +
 +
td.pagePrev:hover {
 +
    color: #f4c430;
 +
}
 +
 +
td.pageNext {
 +
    width: 80px;
 +
    border: 1px solid #f4c430aa;
 +
    user-select: none;
 +
    cursor: pointer;
 +
}
 +
 +
td.pageNext:hover {
 +
    color: #f4c430;
 +
}
 +
 +
table.pageControl {
 +
    border-spacing: 6px;
 +
    margin: 0px 0px 10px 0px;
 +
    font-family: 'LinBiolinum';
 +
}
 +
 +
.pageNumber {
 +
    display: inline-block;
 +
    width: 22px;
 +
    border: 1px solid #f4c430aa;
 +
    margin: 0px 2px;
 +
    user-select: none;
 +
    cursor: pointer;
 +
}
 +
 +
.pageNumber:hover {
 +
    box-shadow: 0 0 3px 1px #f4c430;
 +
}
 +
 +
.pageChosen {
 +
    background-color: #f4c430;
 +
    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”