편집토론문서 역사

틀:Proitem: 두 판 사이의 차이

(새 문서: <onlyinclude><div class="drift-btn{{#ifeq:{{{4|진행}}}|진행| wip-active| wip-standby}}" style="position:relative;min-height:80px;border-radius:4px;border:1px solid #222;border-left:4px solid #854369;border-bottom:3px solid #050505;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,0.6), inset 0 1px 1px rgba(255,255,255,0.05);cursor:pointer;"> <div class="wip-stripe-layer"></div> <div style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:flex;jus...)
 
편집 요약 없음
 
(같은 사용자의 중간 판 2개는 보이지 않습니다)
1번째 줄: 1번째 줄:
<onlyinclude><div class="drift-btn{{#ifeq:{{{4|진행}}}|진행|&#32;wip-active|&#32;wip-standby}}" style="position:relative;min-height:80px;border-radius:4px;border:1px solid #222;border-left:4px solid #854369;border-bottom:3px solid #050505;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,0.6), inset 0 1px 1px rgba(255,255,255,0.05);cursor:pointer;">
<onlyinclude><div class="drift-btn{{#ifeq:{{{4|진행}}}|진행|&#32;wip-active|&#32;wip-standby}}" style="position:relative;min-height:80px;border-radius:4px;border:1px solid #222;border-left:4px solid #854369;border-bottom:3px solid #050505;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,0.6), inset 0 1px 1px rgba(255,255,255,0.05);cursor:default;">
<div class="wip-stripe-layer"></div>
<div class="wip-stripe-layer"></div>
<div style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:flex;justify-content:flex-end;align-items:center;pointer-events:none;opacity:0.15;">{{{3|}}}</div>
<div style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:flex;justify-content:flex-end;align-items:center;pointer-events:none;opacity:0.15;">{{{3|}}}</div>
<div style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;background:linear-gradient(to right, #151515 30%, rgba(21,21,21,0.85) 60%, transparent 100%);"></div>
<div style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;background:linear-gradient(to right, #151515 30%, rgba(21,21,21,0.85) 60%, transparent 100%);"></div>
<div style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;">[[#|<div style="width:100%;height:100%;"></div>]]</div>
<div style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;">{{#if:{{{link|}}}|[[{{{link|}}}|<div style="width:100%;height:100%;"></div>]]}}</div>
<div style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;display:flex;align-items:center;padding:0 20px;box-sizing:border-box;pointer-events:none;">
<div style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;display:flex;align-items:center;padding:0 20px;box-sizing:border-box;pointer-events:none;">
<div style="text-shadow:0 2px 4px #000;"><b style="font-size:12pt;color:#fff;letter-spacing:1px;">{{{1|제목}}}</b><br><span style="font-size:7.5pt;color:#854369;font-weight:bold;">{{{2|WORK IN PROGRESS}}}</span></div>
<div style="text-shadow:0 2px 4px #000;"><b style="font-size:12pt;color:#fff;letter-spacing:1px;">{{{1|제목}}}</b><br><span style="font-size:7.5pt;color:#854369;font-weight:bold;">{{{2|WORK IN PROGRESS}}}</span></div>
</div>
</div>
</div>
</div>
{{#css:
</onlyinclude>
.wip-stripe-layer {
position:absolute !important;
top:0 !important;
left:-280px !important;
width:calc(100% + 560px) !important;
height:100% !important;
opacity:0.08 !important;
background:repeating-linear-gradient(
45deg,
#969696,
#969696 10px,
transparent 10px,
transparent 20px
) !important;
z-index:0 !important;
}
.wip-active .wip-stripe-layer {
animation:wip-stripe-move 8s linear infinite !important;
}
.wip-standby .wip-stripe-layer {
animation:none !important;
}
@keyframes wip-stripe-move {
from { transform:translateX(0); }
to  { transform:translateX(280px); }
}
}}</onlyinclude>
[[분류:틀]]
[[분류:틀]]

2026년 4월 18일 (토) 18:23 기준 최신판

제목
WORK IN PROGRESS