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

Aidenk/test(비교)

보기RAWBlame되돌리기비교
r7 vs r8
......
7171
[clearfix]
7272
== 망작1 gemini 작품 ==
7373
{{{#!style
74
.st-container {
75
margin: 20px auto; max-width: 500px; height: 430px;
76
border-radius: 30px; overflow: hidden; position: relative;
77
background-color: #ff9a8b !important;
78
background-image:
79
radial-gradient(rgba(255, 255, 255, 0.2) 1px, transparent 1px),
80
linear-gradient(160deg, #ffd3b6 0%, #ffaaa5 40%, #d4a5ff 80%, #a29bfe 100%) !important;
81
background-size: 20px 20px, 100% 100%;
82
border: 1px solid rgba(255,255,255,0.3);
74
table.stel-tab {
75
width: 500px; max-width: 100%; table-layout: fixed;
76
margin: 20px auto; background: transparent; border: none; box-sizing: border-box;
8377
}
84
.st-tab-bar { display: flex; background: rgba(0,0,0,0.15); height: 50px; }
85
.st-tab-item { flex: 1; line-height: 50px; text-align: center; color: #fff; font-weight: bold; cursor: pointer; z-index: 100; position: relative; }
86
.st-view-overlay {
87
display: none; position: absolute; top: 50px; left: 0;
88
width: 100%; height: 380px; z-index: 50;
89
background: inherit; padding: 15px; box-sizing: border-box;
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;
9083
}
91
.btn-gen2:active ~ .view-gen2 { display: block !important; }
92
.btn-gen3:active ~ .view-gen3 { display: block !important; }
93
.m-label {
94
display: inline-block; padding: 2px 10px; margin: 3px 1.5px; border-radius: 3px;
95
font-size: 11.5px; font-weight: 800; color: #5a4fcf !important; background: #fff;
96
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
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;
9788
}
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);
96
}
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;
100
}
98101
}}}
99102
100
{{{#!wiki class="st-container"
101
{{{#!wiki class="st-tab-bar"
102
{{{#!wiki class="st-tab-item" style="border-bottom: 3px solid #fff;"
103
1기생}}}
104
{{{#!wiki class="st-tab-item btn-gen2"
105
2기생}}}
106
{{{#!wiki class="st-tab-item btn-gen3"
107
3기생}}}
108
{{{#!wiki class="st-view-overlay view-gen2"
103
||<thead><sortable><tableclass=stel-tab> 1기생 ||<sortable> 2기생 ||<sortable> 3기생 ||
104
||<class=content> 0{{{#!wiki style="padding: 20px; text-align: center;"
105
[[파일:스텔 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;"
110
[[사키하네 후야|후야]]}}}
111
}}}
112
}}} || 1 || 1 ||
113
|| 1 ||<class=content> 0{{{#!wiki style="padding: 20px; text-align: center;"
109114
[[파일:스텔 2기.png|width=100%]]
110
{{{#!wiki style="margin-top: 15px; text-align: center;"
111
{{{#!wiki class="m-label" style="border-left: 4px solid #9EB5EE;"
112
[[아라하시 타비|타비]]}}} {{{#!wiki class="m-label" style="border-left: 4px solid #610A09;"
113
[[아카네 리제|리제]]}}} {{{#!wiki class="m-label" style="border-left: 4px solid #ff9680;"
114
[[시라유키 히나|히나]]}}} {{{#!wiki class="m-label" style="border-left: 4px solid #65686a;"
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;"
115120
[[네네코 마시로|시로]]}}}
116121
}}}
117
}}}
118
{{{#!wiki class="st-view-overlay view-gen3"
122
}}} || 1 ||
123
|| 1 || 1 ||<class=content> 0{{{#!wiki style="padding: 20px; text-align: center;"
119124
[[파일:스텔 3기.png|width=100%]]
120
{{{#!wiki style="margin-top: 15px; text-align: center;"
121
{{{#!wiki class="m-label" style="border-left: 4px solid #B8A9CA;"
122
[[텐코 시부키|부키]]}}} {{{#!wiki class="m-label" style="border-left: 4px solid #BAC0E6;"
123
[[아오쿠모 린|린]]}}} {{{#!wiki class="m-label" style="border-left: 4px solid #8fe0b0;"
124
[[유즈하 리코|리코]]}}} {{{#!wiki class="m-label" style="border-left: 4px solid #B8A9CA;"
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;"
125130
[[하나코 나나|나나]]}}}
126131
}}}
127
}}}
128
}}}
129
{{{#!wiki style="padding: 15px; text-align: center; height: 380px;"
130
[[파일:스텔 1기.png|width=100%]]
131
{{{#!wiki style="margin-top: 15px;"
132
{{{#!wiki class="m-label" style="border-left: 4px solid #8182b8;"
133
[[아이리 칸나|칸나]]}}} {{{#!wiki class="m-label" style="border-left: 4px solid #A2D0EF;"
134
[[아야츠노 유니|유니]]}}} {{{#!wiki class="m-label" style="border-left: 4px solid #60497f;"
135
[[사키하네 후야|후야]]}}}
136
}}}
137
}}}
138
}}}
132
}}} ||
139133
140
141
142134
== 망작 2 gpt 작품 ==
143135
{{{#!style
144136
.tabbox{max-width:520px;margin:20px auto;border-radius:18px;overflow:hidden;border:2px solid #a8aafc}
......