더시드위키
최근 변경최근 토론
특수 기능

Aidenk/test(비교)

보기RAWBlame되돌리기비교
r12 vs r13
......
7171
[clearfix]
7272
== 망작1 gemini 작품 ==
7373
{{{#!style
74
/* 전체 컨테이너: 너비 420px */
75
table.stel-vtab {
74
table.stel-vtab-fixed {
7675
width: 420px; max-width: 100%; margin: 20px auto;
7776
background: transparent; border: none; border-collapse: separate; border-spacing: 0;
7877
}
79
80
/* 왼쪽 세로 버튼 (Thead 영역) */
81
table.stel-vtab > thead > tr {
82
display: flex; flex-direction: column; width: 100px; float: left;
83
margin-top: 10px; /* 본문보다 약간 아래에서 시작하게 조정 가능 */
78
table.stel-vtab-fixed > thead > tr {
79
display: flex; flex-direction: column; width: 85px; float: left;
8480
}
85
86
table.stel-vtab > thead > tr > th {
81
table.stel-vtab-fixed > thead > tr > th {
8782
padding: 15px 0 !important; margin-bottom: 5px;
8883
border: 2px solid #9A95BA; border-right: none;
89
border-radius: 15px 0 0 15px; /* 왼쪽만 둥글게 해서 본문에 붙은 느낌 */
90
background: #fff; color: #9A95BA; font-weight: bold; cursor: pointer;
84
border-radius: 15px 0 0 15px; background: #fff;
85
color: #9A95BA; font-size: 13px; cursor: pointer; text-align: center;
9186
}
92
93
/* 활성화된 탭 디자인 (자시안 예시의 색상 강조) */
94
table.stel-vtab > thead > tr > th.header-sort-up,
95
table.stel-vtab > thead > tr > th.header-sort-down,
96
table.stel-vtab > thead > tr > th[aria-sort] {
87
table.stel-vtab-fixed > thead > tr > th.header-sort-up,
88
table.stel-vtab-fixed > thead > tr > th.header-sort-down,
89
table.stel-vtab-fixed > thead > tr > th[aria-sort] {
9790
background: #9A95BA !important; color: #fff !important;
9891
}
99
100
/* 오른쪽 본문 내용 영역 */
101
table.stel-vtab > tbody {
102
display: block; width: 320px; float: left;
92
table.stel-vtab-fixed > tbody {
93
display: block; width: 335px; float: left;
10394
}
104
table.stel-vtab > tbody > tr:nth-of-type(n+2) { display: none; }
105
table.stel-vtab > tbody > tr > td { display: none; padding: 0; border: none !important; }
106
107
table.stel-vtab > tbody > tr > td.content {
95
table.stel-vtab-fixed > tbody > tr:nth-of-type(n+2) { display: none; }
96
table.stel-vtab-fixed > tbody > tr > td { display: none; padding: 0; border: none !important; }
97
table.stel-vtab-fixed > tbody > tr > td.content {
10898
display: block !important; width: 100%; min-height: 400px;
10999
border: 2px solid #9A95BA !important; border-radius: 0 20px 20px 20px;
110100
overflow: hidden;
111101
background: linear-gradient(160deg in oklch, #ffd3b6 0%, #ffaaa5 40%, #d4a5ff 80%, #a29bfe 100%) !important;
112102
}
113
114
.inner-content { padding: 15px; text-align: center; }
103
.inner-box { padding: 15px; text-align: center; }
115104
.m-badge-slim {
116
display: inline-block; padding: 2px 10px; margin: 3px 1.5px; border-radius: 3px;
105
display: inline-block; padding: 2px 8px; margin: 3px 1.5px; border-radius: 3px;
117106
font-size: 11px; font-weight: 800; color: #5a4fcf !important; background: #fff;
118107
border: 1px solid #9A95BA;
119108
}
120109
}}}
121
122
||<thead><sortable><tableclass=stel-vtab> 1기생 ||<sortable> 2기생 ||<sortable> 3기생 ||
123
||<class=content> 0{{{#!wiki class="inner-content"
110
||<thead><sortable><tableclass=stel-vtab-fixed> 1기생 ||<sortable> 2기생 ||<sortable> 3기생 ||
111
||<class=content> 0{{{#!wiki class="inner-box"
124112
[[파일:스텔 1기.png|width=100%]]
125113
{{{#!wiki style="margin-top: 15px;"
126114
{{{#!wiki class="m-badge-slim" style="border-left: 5px solid #8182b8;"
......
129117
[[사키하네 후야|후야]]}}}
130118
}}}
131119
}}} || 1 || 1 ||
132
|| 1 ||<class=content> 0{{{#!wiki class="inner-content"
120
|| 1 ||<class=content> 0{{{#!wiki class="inner-box"
133121
[[파일:스텔 2기.png|width=100%]]
134122
{{{#!wiki style="margin-top: 15px;"
135123
{{{#!wiki class="m-badge-slim" style="border-left: 5px solid #9EB5EE;"
......
139127
[[네네코 마시로|시로]]}}}
140128
}}}
141129
}}} || 1 ||
142
|| 1 || 1 ||<class=content> 0{{{#!wiki class="inner-content"
130
|| 1 || 1 ||<class=content> 0{{{#!wiki class="inner-box"
143131
[[파일:스텔 3기.png|width=100%]]
144132
{{{#!wiki style="margin-top: 15px;"
145133
{{{#!wiki class="m-badge-slim" style="border-left: 5px solid #B8A9CA;"
146134
[[텐코 시부키|부키]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #BAC0E6;"
147
[[아오쿠모 린|린]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 4px solid #8fe0b0;"
148
[[유즈하 리코|리코]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 4px solid #B8A9CA;"
135
[[아오쿠모 린|린]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #8fe0b0;"
136
[[유즈하 리코|리코]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #B8A9CA;"
149137
[[하나코 나나|나나]]}}}
150138
}}}
151139
}}} ||
152140
153141
154
155142
== 망작 2 gpt 작품 ==
156143
{{{#!style
157144
.stel-wrap{
......