|
|
(未显示同一用户的4个中间版本) |
第39行: |
第39行: |
| }}</div> | | }}</div> |
| | | |
− | {{#widget:style|style=
| |
− | .icon .back {
| |
− | clip-path: polygon(91.92% 0.00%, 8.08% 0.00%, 0.00% 8.08%, 0.00% 91.92%, 8.08% 100.00%, 42.19% 100.00%, 42.19% 96.87%, 9.38% 96.87%, 3.13% 90.62%, 3.13% 9.38%, 9.38% 3.13%, 90.63% 3.13%, 96.88% 9.38%, 96.88% 90.63%, 90.63% 96.88%, 42.19% 96.88%, 42.19% 100.00%, 91.92% 100.00%, 100.00% 91.92%, 100.00% 8.08%, 91.92% 0.00%);
| |
− | position: absolute;
| |
− | display: block;
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | top: 0;
| |
− | left: 0px;
| |
− | z-index: 2;
| |
− | }
| |
− | .icon .plate {
| |
− | clip-path: polygon(8.83% 97.50%, 2.50% 91.17%, 2.50% 8.83%, 8.83% 2.50%, 91.16% 2.50%, 97.49% 8.83%, 97.49% 91.16%, 91.16% 97.49%, 8.83% 97.49%);
| |
− | position: absolute;
| |
− | background-image: radial-gradient(circle, transparent 60%, rgb(0 0 0 / 50%) 150%);
| |
− | display: block;
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | top: 0;
| |
− | left: 0px;
| |
− | z-index: -1;
| |
− | }
| |
− | .icon {
| |
− | position: relative;
| |
− | display: inline-block;
| |
− | aspect-ratio: auto 1 / 1;
| |
− | font-size: 2rem;
| |
− | width:128px;
| |
− | }
| |
− | @media screen and (max-width:600px){
| |
− | .icon {
| |
− | width:64px;
| |
− | }
| |
− | }
| |
− | .icon .mainicon{z-index:0;height:auto;width:100%}
| |
− | .icon .subicon{z-index:1;position:absolute;height:auto;}
| |
− | .icon .subicon.rb{
| |
− | right: 10%;
| |
− | bottom: 10%;
| |
− | width:20%;
| |
− | height:20%;
| |
− | }
| |
− | .icon .subicon.rb{
| |
− | left: 5%;
| |
− | top: 5%;
| |
− | width:20%;
| |
− | height:20%;
| |
− | }
| |
− | .icon .overclip{
| |
− | clip-path: polygon(91.92% 0%, 8.08% 0%, 0% 8.08%, 0% 91.92%, 8.08% 100%, 91.92% 100%, 100% 91.92%, 100% 8.08%);
| |
− | position: absolute;
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | z-index: 1;
| |
− | }
| |
− | .icon span.quantity {
| |
− | font-family:"Agency FB";
| |
− | position: absolute;
| |
− | right: 0;
| |
− | bottom: 0;
| |
− | display: block;
| |
− | color: white;
| |
− | line-height: 100%;
| |
− | background-color: rgb(0 0 0 / 50%);
| |
− | padding: 1% 6% 3% 3%;
| |
− | }
| |
− | .icon.rarity1 .back {background-color:#7D7D7D}
| |
− | .icon.rarity1 .plate {background-color:#606060}
| |
| | | |
− | .icon.rarity2 .back {background-color:#60c030}
| + | {{物品图标|稀有度=5|数量=|类型角标=|右下角标=|图标名=ICON_10136.png}} |
− | .icon.rarity2 .plate {background-color:#507040}
| |
− | | |
− | .icon.rarity3 .back {background-color:#5CB7EC}
| |
− | .icon.rarity3 .plate {background-color:#256070}
| |
− | | |
− | .icon.rarity4 .back {background-color:#BA77FF}
| |
− | .icon.rarity4 .plate {background-color:#6C4466}
| |
− | | |
− | .icon.rarity5 .back {background-color:#FF8000}
| |
− | .icon.rarity5 .plate {background-color:#805530}
| |
− | | |
− | }}
| |
− | <div class="icon"><div class="overclip"><span class="quantity" style="
| |
− | ">2000</span>[[file:亲密度技能升级 好感小.png|link=|class=subicon tl]]</div>[[file:亲密度技能升级 好感小.png|link=|class=subicon rb]][[FILE:Icon persicaria skill.png|link=|class=mainicon]]<span class="plate"></span><span class="back"></span></div>
| |