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

Aidenk/test(비교)

보기RAWBlame되돌리기비교
r9 vs r10
......
7171
[clearfix]
7272
== 망작1 gemini 작품 ==
7373
{{{#!style
74
table.stel-tab {
74
/* 전체 테이블: 주신 예시처럼 테두리가 딱딱 끊어지는 네모 형태 */
75
table.stel-table {
7576
width: 500px; max-width: 100%; table-layout: fixed;
76
margin: 20px auto; background: transparent; border: none; box-sizing: border-box;
77
margin: 20px auto; border: 2px solid #9A95BA;
78
border-collapse: collapse; background: #fff;
7779
}
78
table.stel-tab > thead > tr { display: flex; justify-content: center; }
79
table.stel-tab > thead > tr > th {
80
flex: 1; padding: 10px !important;
81
border: 1px solid rgba(255,255,255,0.3); border-bottom: none; border-radius: 15px 15px 0 0;
82
background: rgba(0,0,0,0.1); color: #fff; font-weight: bold; cursor: pointer; text-align: center;
80
/* 탭 버튼 영역 */
81
table.stel-table > thead > tr > th {
82
padding: 10px !important; border: 1px solid #9A95BA;
83
background: #f8f8ff; color: #9A95BA; font-weight: bold; cursor: pointer;
8384
}
84
table.stel-tab > thead > tr > th.header-sort-up,
85
table.stel-tab > thead > tr > th.header-sort-down,
86
table.stel-tab > thead > tr > th[aria-sort] {
87
background: rgba(255,255,255,0.2) !important; border-bottom: 3px solid #fff !important;
85
/* 클릭해서 활성화된 탭 */
86
table.stel-table > thead > tr > th.header-sort-up,
87
table.stel-table > thead > tr > th.header-sort-down,
88
table.stel-table > thead > tr > th[aria-sort] {
89
background: #9A95BA !important; color: #fff !important;
8890
}
89
table.stel-tab > tbody > tr:nth-of-type(n+2) { display: none; }
90
table.stel-tab > tbody > tr > td { display: none; padding: 0; border: none !important; }
91
table.stel-tab > tbody > tr > td.content {
92
display: inline-block !important; width: 100%; padding: 0; box-sizing: border-box;
93
background: #ff9a8b !important;
94
background-image: linear-gradient(160deg in oklch, #ffd3b6 0%, #ffaaa5 40%, #d4a5ff 80%, #a29bfe 100%) !important;
95
border-radius: 0 0 30px 30px; overflow: hidden; box-shadow: 0 15px 30px rgba(0,0,0,0.1);
91
/* 내용 영역 */
92
table.stel-table > tbody > tr:nth-of-type(n+2) { display: none; }
93
table.stel-table > tbody > tr > td { display: none; padding: 0; border: none !important; }
94
table.stel-table > tbody > tr > td.content {
95
display: block !important; width: 100%; border: 1px solid #9A95BA !important;
9696
}
97
.m-badge {
98
display: inline-block; padding: 2px 10px; margin: 3px 1.5px; border-radius: 3px;
99
font-size: 11.5px; font-weight: 800; color: #5a4fcf !important; background: #fff;
97
98
/* 내부 디자인: 노을 그라데이션만 살짝 적용 */
99
.stel-inner {
100
padding: 15px; text-align: center;
101
background: linear-gradient(160deg in oklch, #ffd3b6 0%, #ffaaa5 40%, #d4a5ff 80%, #a29bfe 100%);
100102
}
103
.m-badge-slim {
104
display: inline-block; padding: 2px 10px; margin: 3px 1.5px; border-radius: 3px;
105
font-size: 12px; font-weight: 800; color: #5a4fcf !important; background: #fff;
106
border: 1px solid #9A95BA;
107
}
101108
}}}
102109
103
||<thead><sortable><tableclass=stel-tab> 1기생 ||<sortable> 2기생 ||<sortable> 3기생 ||
104
||<class=content> 0{{{#!wiki style="padding: 20px; text-align: center;"
110
||<thead><sortable><tableclass=stel-table> 1기생 ||<sortable> 2기생 ||<sortable> 3기생 ||
111
||<class=content> 0{{{#!wiki class="stel-inner"
105112
[[파일:스텔 1기.png|width=100%]]
106
{{{#!wiki style="margin-top: 15px;"
107
{{{#!wiki class="m-badge" style="border-left: 5px solid #8182b8;"
108
[[아이리 칸나|칸나]]}}} {{{#!wiki class="m-badge" style="border-left: 5px solid #A2D0EF;"
109
[[아야츠노 유니|유니]]}}} {{{#!wiki class="m-badge" style="border-left: 5px solid #60497f;"
113
[br]{{{#!wiki style="margin-top: 10px;"
114
{{{#!wiki class="m-badge-slim" style="border-left: 5px solid #8182b8;"
115
[[아이리 칸나|칸나]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #A2D0EF;"
116
[[아야츠노 유니|유니]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #60497f;"
110117
[[사키하네 후야|후야]]}}}
111118
}}}
112119
}}} || 1 || 1 ||
113
|| 1 ||<class=content> 0{{{#!wiki style="padding: 20px; text-align: center;"
120
|| 1 ||<class=content> 0{{{#!wiki class="stel-inner"
114121
[[파일:스텔 2기.png|width=100%]]
115
{{{#!wiki style="margin-top: 15px;"
116
{{{#!wiki class="m-badge" style="border-left: 5px solid #9EB5EE;"
117
[[아라하시 타비|타비]]}}} {{{#!wiki class="m-badge" style="border-left: 5px solid #610A09;"
118
[[아카네 리제|리제]]}}} {{{#!wiki class="m-badge" style="border-left: 5px solid #ff9680;"
119
[[시라유키 히나|히나]]}}} {{{#!wiki class="m-badge" style="border-left: 5px solid #65686a;"
122
[br]{{{#!wiki style="margin-top: 10px;"
123
{{{#!wiki class="m-badge-slim" style="border-left: 5px solid #9EB5EE;"
124
[[아라하시 타비|타비]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #610A09;"
125
[[아카네 리제|리제]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #ff9680;"
126
[[시라유키 히나|히나]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #65686a;"
120127
[[네네코 마시로|시로]]}}}
121128
}}}
122129
}}} || 1 ||
123
|| 1 || 1 ||<class=content> 0{{{#!wiki style="padding: 20px; text-align: center;"
130
|| 1 || 1 ||<class=content> 0{{{#!wiki class="stel-inner"
124131
[[파일:스텔 3기.png|width=100%]]
125
{{{#!wiki style="margin-top: 15px;"
126
{{{#!wiki class="m-badge" style="border-left: 5px solid #B8A9CA;"
127
[[텐코 시부키|부키]]}}} {{{#!wiki class="m-badge" style="border-left: 5px solid #BAC0E6;"
128
[[아오쿠모 린|린]]}}} {{{#!wiki class="m-badge" style="border-left: 4px solid #8fe0b0;"
129
[[유즈하 리코|리코]]}}} {{{#!wiki class="m-badge" style="border-left: 4px solid #B8A9CA;"
132
[br]{{{#!wiki style="margin-top: 10px;"
133
{{{#!wiki class="m-badge-slim" style="border-left: 5px solid #B8A9CA;"
134
[[텐코 시부키|부키]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #BAC0E6;"
135
[[아오쿠모 린|린]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #8fe0b0;"
136
[[유즈하 리코|리코]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #B8A9CA;"
130137
[[하나코 나나|나나]]}}}
131138
}}}
132139
}}} ||
133140
141
142
134143
== 망작 2 gpt 작품 ==
135144
{{{#!style
136145
table.steltab{width:100%;max-width:540px;margin:auto;border:none;background:transparent}
......