◆42Lab是非盈利性、非官方的云图计划维基百科。
◆诚邀指挥官们加入编辑部共同建设wiki。点这里加入42Lab
如果您发现某些内容错误/空缺,请勇于修正/添加!参与进来其实很容易!
◆有任何意见、建议、纠错,欢迎在任意评论区评论
◆编辑讨论QQ群741423564 微博@GFwiki少前百科 欢迎您

“用户:BlackJAck”的版本间的差异

来自42LAB
 
(未显示同一用户的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>
 

2021年10月3日 (日) 21:06的最新版本

Icon Skill AllBase.pngIcon active A base.pngIcon persicaria skill.pngIcon active frame.png
Icon Skill AllBase.pngIcon active A base.pngIcon persicaria skill.pngIcon active frame.png
Icon Skill AllBase.pngIcon active A base.pngIcon persicaria skill.pngIcon active frame.png