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

Aidenk/test(비교)

보기RAWBlame되돌리기비교
r14 vs r15
......
7171
[clearfix]
7272
== 망작1 gemini 작품 ==
7373
{{{#!style
74
table.stel-vtab-final {
74
table.stel-tab-perfect {
7575
width: 420px; max-width: 100%; margin: 20px auto;
76
background: transparent; border: none; border-collapse: separate; border-spacing: 0;
76
border-collapse: collapse; table-layout: fixed;
7777
}
7878
79
/* 왼쪽 버튼 영역 고정 */
80
table.stel-vtab-final > thead {
81
display: table-cell; width: 80px; vertical-align: top;
79
/* 상단 버튼 영역: 420px 전체를 3등분 */
80
table.stel-tab-perfect > thead {
81
display: table; width: 100%;
8282
}
83
table.stel-vtab-final > thead > tr {
84
display: flex; flex-direction: column; width: 80px;
83
table.stel-tab-perfect > thead > tr {
84
display: table-row;
8585
}
86
table.stel-vtab-final > thead > tr > th {
87
display: block; width: 80px; padding: 15px 0 !important; margin-bottom: 5px;
88
border: 2px solid #9A95BA; border-right: none;
89
border-radius: 15px 0 0 15px; background: #fff;
90
color: #9A95BA; font-size: 13px; cursor: pointer; text-align: center;
86
table.stel-tab-perfect > thead > tr > th {
87
display: table-cell; width: 33.33%; /* 3개 버튼이 정확히 가로를 꽉 채움 */
88
padding: 20px 0 !important; /* 위아래로 더 크게 */
89
border: 2px solid #9A95BA; border-bottom: none;
90
background: #fff; color: #9A95BA; font-size: 17px; /* 글자도 더 크게 */
91
font-weight: bold; cursor: pointer; text-align: center;
9192
box-sizing: border-box;
9293
}
9394
94
/* 활성화 버튼 */
95
table.stel-vtab-final > thead > tr > th.header-sort-up,
96
table.stel-vtab-final > thead > tr > th.header-sort-down,
97
table.stel-vtab-final > thead > tr > th[aria-sort] {
95
/* 모서리 둥글게 */
96
table.stel-tab-perfect > thead > tr > th:first-child { border-radius: 12px 0 0 0; }
97
table.stel-tab-perfect > thead > tr > th:last-child { border-radius: 0 12px 0 0; }
98
99
/* 선택된 버튼 활성화 */
100
table.stel-tab-perfect > thead > tr > th.header-sort-up,
101
table.stel-tab-perfect > thead > tr > th.header-sort-down,
102
table.stel-tab-perfect > thead > tr > th[aria-sort] {
98103
background: #9A95BA !important; color: #fff !important;
99104
}
100105
101
/* 오른쪽 본문 영역 고정 */
102
table.stel-vtab-final > tbody {
103
display: table-cell; width: 340px; vertical-align: top;
106
/* 하단 본문 박스 */
107
table.stel-tab-perfect > tbody {
108
display: block; width: 420px;
104109
}
105
table.stel-vtab-final > tbody > tr:nth-of-type(n+2) { display: none; }
106
table.stel-vtab-final > tbody > tr > td { display: none; padding: 0; border: none !important; }
107
108
table.stel-vtab-final > tbody > tr > td.content {
109
display: block !important; width: 340px; min-height: 400px;
110
border: 2px solid #9A95BA !important; border-radius: 0 20px 20px 20px;
111
overflow: hidden; box-sizing: border-box;
110
table.stel-tab-perfect > tbody > tr:nth-of-type(n+2) { display: none; }
111
table.stel-tab-perfect > tbody > tr > td { display: none; padding: 0; border: none !important; }
112
table.stel-tab-perfect > tbody > tr > td.content {
113
display: block !important; width: 420px; min-height: 400px;
114
border: 2px solid #9A95BA !important; border-radius: 0 0 15px 15px;
112115
background: linear-gradient(160deg in oklch, #ffd3b6 0%, #ffaaa5 40%, #d4a5ff 80%, #a29bfe 100%) !important;
116
box-sizing: border-box;
113117
}
114118
115
.inner-box { padding: 15px; text-align: center; }
119
.inner-box { padding: 25px 15px; text-align: center; }
116120
.m-badge-slim {
117
display: inline-block; padding: 2px 8px; margin: 3px 1.5px; border-radius: 3px;
118
font-size: 11px; font-weight: 800; color: #5a4fcf !important; background: #fff;
121
display: inline-block; padding: 4px 12px; margin: 4px 2px; border-radius: 5px;
122
font-size: 13px; font-weight: 800; color: #5a4fcf !important; background: #fff;
119123
border: 1px solid #9A95BA;
120124
}
121125
}}}
122
||<thead><sortable><tableclass=stel-vtab-final> 1기생 ||<sortable> 2기생 ||<sortable> 3기생 ||
126
||<thead><sortable><tableclass=stel-tab-perfect> 1기생 ||<sortable> 2기생 ||<sortable> 3기생 ||
123127
||<class=content> 0{{{#!wiki class="inner-box"
124128
[[파일:스텔 1기.png|width=100%]]
125
{{{#!wiki style="margin-top: 15px;"
129
{{{#!wiki style="margin-top: 20px;"
126130
{{{#!wiki class="m-badge-slim" style="border-left: 5px solid #8182b8;"
127131
[[아이리 칸나|칸나]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #A2D0EF;"
128132
[[아야츠노 유니|유니]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #60497f;"
......
131135
}}} || 1 || 1 ||
132136
|| 1 ||<class=content> 0{{{#!wiki class="inner-box"
133137
[[파일:스텔 2기.png|width=100%]]
134
{{{#!wiki style="margin-top: 15px;"
138
{{{#!wiki style="margin-top: 20px;"
135139
{{{#!wiki class="m-badge-slim" style="border-left: 5px solid #9EB5EE;"
136140
[[아라하시 타비|타비]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #610A09;"
137141
[[아카네 리제|리제]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #ff9680;"
......
141145
}}} || 1 ||
142146
|| 1 || 1 ||<class=content> 0{{{#!wiki class="inner-box"
143147
[[파일:스텔 3기.png|width=100%]]
144
{{{#!wiki style="margin-top: 15px;"
148
{{{#!wiki style="margin-top: 20px;"
145149
{{{#!wiki class="m-badge-slim" style="border-left: 5px solid #B8A9CA;"
146150
[[텐코 시부키|부키]]}}} {{{#!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;"
151
[[아오쿠모 린|린]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #8fe0b0;"
152
[[유즈하 리코|리코]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #B8A9CA;"
149153
[[하나코 나나|나나]]}}}
150154
}}}
151155
}}} ||
152156
153157
158
154159
== 망작 2 gpt 작품 ==
155160
{{{#!style
156161
.stel-wrap{
......