◆少前百科是非盈利性、非官方的少女前线维基百科。 ◆如果您发现某些内容错误/空缺,请勇于修正/添加!参与进来其实很容易!点这里 加入少前百科。 ◆有任何意见、建议、纠错,欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群:597764980,微博@GFwiki少前百科 ◆To foreigners,You can use twitter to contact us. |
“Widget:SkinQuery/css”的版本间的差异
(创建页面,内容为“<includeonly><style type="text/css"> .onesuit { →border: 3px dashed #c7c7c7;: padding: 10px; } .oneskin { display: inline-block; margin-right: 2…”) |
|||
(未显示2个用户的37个中间版本) | |||
第1行: | 第1行: | ||
<includeonly><style type="text/css"> | <includeonly><style type="text/css"> | ||
− | . | + | .skinselectbox { |
− | |||
padding: 10px; | 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%); | ||
+ | |||
} | } | ||
− | .oneskin { | + | div.onesuit { |
+ | margin: 10px 0px; | ||
+ | } | ||
+ | |||
+ | a.suitname { | ||
+ | margin-bottom: 10px; | ||
+ | border-radius: 1px; | ||
+ | padding: 6px; | ||
+ | padding-top: 5px; | ||
+ | font-size: 16px; | ||
+ | letter-spacing: 3px; | ||
+ | border-top: 1px solid #f4c43088; | ||
+ | color: #f4c430; | ||
+ | display: block; | ||
+ | transition-timing-function: ease; | ||
+ | transition-duration: 0.6s; | ||
+ | } | ||
+ | |||
+ | span.suittime { | ||
+ | font-size: 12px; | ||
+ | margin-left: 20px; | ||
+ | letter-spacing: 3px; | ||
+ | } | ||
+ | |||
+ | div.oneskin { | ||
display: inline-block; | display: inline-block; | ||
+ | width: 128px; | ||
margin-right: 20px; | margin-right: 20px; | ||
+ | margin-bottom: 20px; | ||
+ | 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: | + | width: 128px; |
overflow: hidden; | overflow: hidden; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | div.skinpicndiv:hover { | ||
+ | background-color: #292929; | ||
+ | } | ||
+ | |||
+ | 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; | ||
+ | -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; |
} | } | ||
第38行: | 第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; | ||
} | } | ||
第44行: | 第137行: | ||
font-size: 20px; | font-size: 20px; | ||
font-weight: bold; | font-weight: bold; | ||
+ | margin-right: 5px; | ||
} | } | ||
第49行: | 第143行: | ||
display: inline-block; | display: inline-block; | ||
position: relative; | position: relative; | ||
− | |||
top: -1px; | top: -1px; | ||
} | } | ||
第55行: | 第148行: | ||
.skintext { | .skintext { | ||
text-align: right; | text-align: right; | ||
− | padding: 5px | + | padding: 5px; |
+ | padding-right: 3px; | ||
+ | position: relative; | ||
} | } | ||
− | |||
.skinname { | .skinname { | ||
第78行: | 第172行: | ||
.itemgrey { | .itemgrey { | ||
color: #4d4d4d; | color: #4d4d4d; | ||
+ | height: 24px; | ||
+ | } | ||
+ | |||
+ | a.suitname:hover { | ||
+ | text-decoration: none; | ||
+ | background-color: #f4c430; | ||
+ | box-shadow: 0 3px 6px 0px #f4c430; | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | .skinanime { | ||
+ | position: absolute; | ||
+ | float: left; | ||
+ | top: -23px; | ||
+ | font-size: 12px; | ||
+ | background-color: #e8666f; | ||
+ | padding: 0px 5px; | ||
+ | border-radius: 4px; | ||
+ | font-weight: lighter; | ||
+ | } | ||
+ | |||
+ | div.skinbtnbox { | ||
+ | display: inline-block; | ||
+ | margin-right: 8px; | ||
+ | } | ||
+ | |||
+ | div.gfcheckbtn { | ||
+ | display: inline-block; | ||
+ | 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; | ||
+ | margin: 4px 0px; | ||
+ | border-width: 3px; | ||
+ | } | ||
+ | |||
+ | 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; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | div.gfactivebtn:active { | ||
+ | background-color: #f4c430aa; | ||
+ | } | ||
+ | |||
+ | .gfactivebtn:hover { | ||
+ | color: #f4c430; | ||
+ | } | ||
+ | |||
+ | span.btntext { | ||
+ | font-size: 12px; | ||
+ | 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; | |
− | width: | + | } |
− | + | ||
− | + | 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; | 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> |