| ◆少前百科是非盈利性、非官方的少女前线维基百科。 ◆如果您发现某些内容错误/空缺，请勇于修正/添加！参与进来其实很容易！点这里 加入少前百科。 ◆有任何意见、建议、纠错，欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群：597764980，微博@GFwiki少前百科 ◆To foreigners，You can use twitter to contact us. |
|
“Widget:SkinQuery/css”的版本间的差异
（shadow大小） |
|||
| 第34行： | 第34行： | ||
div.oneskin { | div.oneskin { | ||
display: inline-block; | display: inline-block; | ||
| + | width: 120px; | ||
margin-right: 20px; | margin-right: 20px; | ||
margin-bottom: 20px; | 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 40px 4px #939393; | ||
} | } | ||
| 第43行： | 第53行： | ||
width: 120px; | width: 120px; | ||
overflow: hidden; | overflow: hidden; | ||
| − | + | position: relative; | |
| + | } | ||
| + | |||
| + | div.skinpicndiv:hover { | ||
| + | background-color: #292929; | ||
} | } | ||
| − | + | ||
img.skinpicn { | img.skinpicn { | ||
| + | position: relative; | ||
| + | left: 0%; | ||
| + | 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 # | + | border-left: 8px solid #c0ca33; |
} | } | ||
.cardblue { | .cardblue { | ||
| − | border-left: 8px solid # | + | border-left: 8px solid #00acc1; |
} | } | ||
.cardorange { | .cardorange { | ||
| − | border-left: 8px solid # | + | border-left: 8px solid #ffb300; |
} | } | ||
.cardgrey { | .cardgrey { | ||
| − | border-left: 8px solid # | + | border-left: 8px solid #757575; |
} | } | ||
| 第78行： | 第100行： | ||
div.skindolllink { | div.skindolllink { | ||
| − | |||
cursor: pointer; | cursor: pointer; | ||
| − | |||
} | } | ||
| − | div.skindolllink:hover { | + | div.skindolllink:hover::before { |
| − | + | opacity: 1; | |
| + | } | ||
| + | |||
| + | div.skindolllink::before { | ||
| + | content: "To"; | ||
| + | font-size: 12px; | ||
| + | position: absolute; | ||
| + | top: 2px; | ||
| + | left: 5px; | ||
| + | opacity: 0; | ||
| + | transition: 1s; | ||
} | } | ||
| 第97行： | 第127行： | ||
display: inline-block; | display: inline-block; | ||
position: relative; | position: relative; | ||
| − | |||
top: -1px; | top: -1px; | ||
} | } | ||
| 第103行： | 第132行： | ||
.skintext { | .skintext { | ||
text-align: right; | text-align: right; | ||
| − | padding: 5px | + | padding: 5px; |
| + | padding-right: 3px; | ||
position: relative; | position: relative; | ||
} | } | ||
| 第151行： | 第181行： | ||
} | } | ||
| − | div. | + | div.gfcheckbtn { |
display: inline-block; | display: inline-block; | ||
text-align: center; | text-align: center; | ||
| − | padding: | + | padding: 3px 9px; |
| − | margin: | + | margin: 5px 1px; |
| − | width: | + | width: 50px; |
| − | background-color: | + | background-color: inherit; |
| − | color: | + | color: rgb(234, 234, 234); |
| − | border-style: | + | border-style: dashed; |
| + | border-width: 1px; | ||
user-select: none; | user-select: none; | ||
cursor: pointer; | cursor: pointer; | ||
| + | transition: all 0.5s; | ||
} | } | ||
div.suitbtn { | 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; | ||
| − | + | border-width: 3px; | |
| − | |||
| − | |||
| − | border- | ||
| − | |||
| − | |||
} | } | ||
| − | div. | + | div.gfactivebtn { |
display: inline-block; | display: inline-block; | ||
text-align: center; | text-align: center; | ||
| 第190行： | 第222行： | ||
} | } | ||
| − | div. | + | div.gfactivebtn:active { |
| − | + | background-color: #f4c430aa; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | background- | ||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | .gfactivebtn:hover { |
| − | |||
| − | |||
| − | |||
color: #f4c430; | color: #f4c430; | ||
} | } | ||
| 第313行： | 第333行： | ||
color: black; | color: black; | ||
} | } | ||
| + | |||
</style></includeonly> | </style></includeonly> | ||
