質問編集履歴

2

コードを変更

2024/10/26 10:05

投稿

light_shun
light_shun

スコア2

test CHANGED
File without changes
test CHANGED
@@ -16,285 +16,7 @@
16
16
 
17
17
  ### 該当のソースコード
18
18
 
19
- ```ここに言語を入力
20
- @charset "UTF-8";
21
19
 
22
- /* Reset some default styles */
23
- body, h1, h2, h3, h4, h5, p, ul, ol, li, figure, figcaption {
24
- margin: 0;
25
- padding: 0;
26
- box-sizing: border-box;
27
- }
28
-
29
- /* Base styles */
30
- body {
31
- font-family: 'Helvetica Neue', Arial, sans-serif;
32
- line-height: 1.6;
33
- color: #333;
34
- background-color: #e9f5fc;
35
- padding: 20px;
36
- }
37
-
38
- /* Main containers */
39
- .el-main, .kv-main {
40
- padding: 0 30px;
41
- max-width: 600px;
42
- margin: 0 auto;
43
- }
44
-
45
- /* Segment styling */
46
- .ui.segment {
47
- border: none;
48
- box-shadow: none;
49
- margin: 0;
50
- padding: 0;
51
- }
52
-
53
- /* Row and column styling */
54
- .ui.grid>.row {
55
- padding: 0;
56
- background-color: #ffffff;
57
- border-bottom: 1px solid #f1f1f1;
58
- }
59
-
60
- .ui.grid>.row>.column {
61
- padding: 10px;
62
- width: 100%!important;
63
- display: flex;
64
- flex-wrap: wrap;
65
- }
66
-
67
- .row[data-v-3bc2fb22] {
68
- margin: 0;
69
- }
70
-
71
- /* Form field styling */
72
- .ui.form .el-step.is-horizontal {
73
- background-color: #dceefe;
74
- }
75
-
76
- .ui.form .field>label {
77
- margin: 0;
78
- width: 250px;
79
- font-weight: bold;
80
- color: #555;
81
- }
82
-
83
- /* Input field styling */
84
- .ui.form input[type=text], .ui.form input[type=tel], .ui.form input[type=email], .ui.form textarea {
85
- width: 500px;
86
- padding: 10px;
87
- border: 1px solid #a8a8a8;
88
- border-radius: 4px;
89
- }
90
-
91
- /* Bottom border for separating items */
92
- .ui.grid>.row>.column[data-v-82c47118] {
93
- font-size: 14px;
94
- margin: -1px 0 0 0;
95
- border-bottom: 1px solid #f1f1f1;
96
- }
97
-
98
- /* Note display styling */
99
- .el-radio__label {
100
- padding-left: 4px;
101
- font-size: 12px;
102
- color: #777;
103
- }
104
-
105
- /* Input field and field label styling */
106
- .el-color-picker__icon, .el-input, .el-textarea {
107
- display: inline-block;
108
- width: calc(100% - 300px);
109
- padding: 10px;
110
- border-left: 1px solid #f1f1f1;
111
- }
112
-
113
- /* Lookup icon styling */
114
- .el-input-group {
115
- display: inline-table !important;
116
- }
117
-
118
- /* Field styling */
119
- .ui.form .fields {
120
- display: flex;
121
- flex-direction: row;
122
- border-top: 1px solid #f1f1f1;
123
- border-left: 1px solid #f1f1f1;
124
- padding: 15px;
125
- margin: 0;
126
- width: calc(100% - 200px);
127
- background-color: #ffffff;
128
- }
129
-
130
- /* Optional and required field indicators */
131
- .ui.form .field>label[data-v-82c47118]:after {
132
- content: "任意" !important;
133
- white-space: nowrap;
134
- min-width: 40px;
135
- text-align: center;
136
- padding: 3px 5px;
137
- border-radius: 4px;
138
- background-color: #afadad;
139
- color: #ffffff;
140
- font-size: 11px;
141
- float: right;
142
- }
143
-
144
- .ui.form .required.field>label:after {
145
- content: "必須" !important;
146
- white-space: nowrap;
147
- min-width: 40px;
148
- text-align: center;
149
- padding: 3px 5px;
150
- border-radius: 4px;
151
- background-color: #d7000F;
152
- color: #ffffff;
153
- font-size: 11px;
154
- float: right;
155
- }
156
-
157
- /* Field label styling */
158
- .ui.form .field>label[data-v-82c47118] {
159
- width: 300px;
160
- padding: 15px;
161
- font-weight: bold;
162
- color: #555;
163
- }
164
-
165
- /* Help content styling */
166
- .help-content[data-v-82c47118] {
167
- width: calc(100% - 300px);
168
- margin-left: 300px;
169
- padding: 0 15px 15px;
170
- background-color: #dceefe;
171
- border-left: 1px solid #f1f1f1;
172
- }
173
-
174
- /* Confirmation screen styling */
175
- .ui.grid>.row>[class*="two wide"].column {
176
- width: 30% !important;
177
- }
178
-
179
- .ui.grid>.row>[class*="fourteen wide"].column {
180
- width: 70% !important;
181
- background-color: #ffffff;
182
- }
183
-
184
- .ui.stackable.grid[data-v-4961d6c2] {
185
- flex-direction: column-reverse;
186
- }
187
-
188
- .ui.orange.labeled.icon.button.fb-back {
189
- margin-top: 10px;
190
- }
191
-
192
- /* Button styling */
193
- .ui.orange.button, .ui.orange.buttons .button {
194
- background-color: transparent;
195
- color: #444;
196
- border: 1px solid #666;
197
- font-size: 0.8em;
198
- }
199
-
200
- .ui[class*="internally celled"].grid {
201
- border-top: 1px solid #f1f1f1;
202
- border-bottom: 1px solid #f1f1f1;
203
- }
204
-
205
- .ui.segment:has(.ui[class*="internally celled"].grid)::before {
206
- content: "入力内容をご確認ください";
207
- display: block;
208
- color: #000;
209
- width: 100%;
210
- text-align: center;
211
- font-size: 24px;
212
- font-weight: 700;
213
- margin: 40px auto;
214
- }
215
-
216
- .ui.labeled.icon.button {
217
- margin: 30px auto;
218
- }
219
-
220
- .ui.teal.button, .ui.teal.buttons .button {
221
- background-color: #007bff;
222
- border: 6px solid #007bff;
223
- color: #ffffff;
224
- }
225
-
226
- .ui.teal.button:hover, .ui.teal.buttons .button:hover,
227
- .ui.teal.buttons .button:focus, .ui.teal.button:focus,
228
- .ui.teal.buttons .button:active, .ui.teal.button:active {
229
- background-color: #0056b3;
230
- border: 6px solid #0056b3;
231
- }
232
-
233
- .ui.labeled.icon.button>.icon, .ui.labeled.icon.buttons>.button>.icon {
234
- border-right: 1px solid #666;
235
- }
236
-
237
- .el-button--primary {
238
- box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
239
- padding: 12px 20px;
240
- background-color: #007bff;
241
- border: none;
242
- border-radius: 4px;
243
- color: #ffffff;
244
- }
245
-
246
- .el-button--primary:hover {
247
- background-color: #0056b3;
248
- }
249
-
250
- /* Fix for el-input el-input--suffix */
251
- .el-input.el-input--suffix {
252
- display: flex;
253
- align-items: center;
254
- width: calc(100% - 500px);
255
- padding: 10px;
256
- border: 1px solid #f1f1f1;
257
- border-radius: 4px;
258
- }
259
-
260
- .el-input.el-input--suffix {
261
- display: flex;
262
- flex-wrap: nowrap;
263
- align-items: center;
264
- width: 550px;
265
- padding: 10px;
266
- }
267
-
268
- .kviewer-lookup-input.el-input.el-input-group.el-input-group--append {
269
- display: flex;
270
- flex-wrap: nowrap;
271
- align-items: center;
272
- width: 550px;
273
- padding: 10px;
274
- }
275
-
276
- .el-input__inner {
277
- width: 500px !important;
278
- padding: 20px;
279
- flex-wrap: nowrap;
280
- border: 1px solid #f1f1f1;
281
- border-radius: 4px;
282
- }
283
-
284
- .column.el-form-item.field.required {
285
- display: flex;
286
- flex-wrap: nowrap; /* 要素が1行に収まるように指定 */
287
- border-left: 1px solid #f1f1f1;
288
- }
289
-
290
- .w-full.min-w-\[60px\].el-cascader {
291
- width: calc(100% - 300px) !important;
292
- }
293
-
294
- .el-form-item__error {
295
- width: 250px;
296
-
297
- ```
298
20
  ```GAS
299
21
 
300
22
  function weatherReport1() {

1

コードを変更

2024/10/26 10:01

投稿

light_shun
light_shun

スコア2

test CHANGED
File without changes
test CHANGED
@@ -16,6 +16,285 @@
16
16
 
17
17
  ### 該当のソースコード
18
18
 
19
+ ```ここに言語を入力
20
+ @charset "UTF-8";
21
+
22
+ /* Reset some default styles */
23
+ body, h1, h2, h3, h4, h5, p, ul, ol, li, figure, figcaption {
24
+ margin: 0;
25
+ padding: 0;
26
+ box-sizing: border-box;
27
+ }
28
+
29
+ /* Base styles */
30
+ body {
31
+ font-family: 'Helvetica Neue', Arial, sans-serif;
32
+ line-height: 1.6;
33
+ color: #333;
34
+ background-color: #e9f5fc;
35
+ padding: 20px;
36
+ }
37
+
38
+ /* Main containers */
39
+ .el-main, .kv-main {
40
+ padding: 0 30px;
41
+ max-width: 600px;
42
+ margin: 0 auto;
43
+ }
44
+
45
+ /* Segment styling */
46
+ .ui.segment {
47
+ border: none;
48
+ box-shadow: none;
49
+ margin: 0;
50
+ padding: 0;
51
+ }
52
+
53
+ /* Row and column styling */
54
+ .ui.grid>.row {
55
+ padding: 0;
56
+ background-color: #ffffff;
57
+ border-bottom: 1px solid #f1f1f1;
58
+ }
59
+
60
+ .ui.grid>.row>.column {
61
+ padding: 10px;
62
+ width: 100%!important;
63
+ display: flex;
64
+ flex-wrap: wrap;
65
+ }
66
+
67
+ .row[data-v-3bc2fb22] {
68
+ margin: 0;
69
+ }
70
+
71
+ /* Form field styling */
72
+ .ui.form .el-step.is-horizontal {
73
+ background-color: #dceefe;
74
+ }
75
+
76
+ .ui.form .field>label {
77
+ margin: 0;
78
+ width: 250px;
79
+ font-weight: bold;
80
+ color: #555;
81
+ }
82
+
83
+ /* Input field styling */
84
+ .ui.form input[type=text], .ui.form input[type=tel], .ui.form input[type=email], .ui.form textarea {
85
+ width: 500px;
86
+ padding: 10px;
87
+ border: 1px solid #a8a8a8;
88
+ border-radius: 4px;
89
+ }
90
+
91
+ /* Bottom border for separating items */
92
+ .ui.grid>.row>.column[data-v-82c47118] {
93
+ font-size: 14px;
94
+ margin: -1px 0 0 0;
95
+ border-bottom: 1px solid #f1f1f1;
96
+ }
97
+
98
+ /* Note display styling */
99
+ .el-radio__label {
100
+ padding-left: 4px;
101
+ font-size: 12px;
102
+ color: #777;
103
+ }
104
+
105
+ /* Input field and field label styling */
106
+ .el-color-picker__icon, .el-input, .el-textarea {
107
+ display: inline-block;
108
+ width: calc(100% - 300px);
109
+ padding: 10px;
110
+ border-left: 1px solid #f1f1f1;
111
+ }
112
+
113
+ /* Lookup icon styling */
114
+ .el-input-group {
115
+ display: inline-table !important;
116
+ }
117
+
118
+ /* Field styling */
119
+ .ui.form .fields {
120
+ display: flex;
121
+ flex-direction: row;
122
+ border-top: 1px solid #f1f1f1;
123
+ border-left: 1px solid #f1f1f1;
124
+ padding: 15px;
125
+ margin: 0;
126
+ width: calc(100% - 200px);
127
+ background-color: #ffffff;
128
+ }
129
+
130
+ /* Optional and required field indicators */
131
+ .ui.form .field>label[data-v-82c47118]:after {
132
+ content: "任意" !important;
133
+ white-space: nowrap;
134
+ min-width: 40px;
135
+ text-align: center;
136
+ padding: 3px 5px;
137
+ border-radius: 4px;
138
+ background-color: #afadad;
139
+ color: #ffffff;
140
+ font-size: 11px;
141
+ float: right;
142
+ }
143
+
144
+ .ui.form .required.field>label:after {
145
+ content: "必須" !important;
146
+ white-space: nowrap;
147
+ min-width: 40px;
148
+ text-align: center;
149
+ padding: 3px 5px;
150
+ border-radius: 4px;
151
+ background-color: #d7000F;
152
+ color: #ffffff;
153
+ font-size: 11px;
154
+ float: right;
155
+ }
156
+
157
+ /* Field label styling */
158
+ .ui.form .field>label[data-v-82c47118] {
159
+ width: 300px;
160
+ padding: 15px;
161
+ font-weight: bold;
162
+ color: #555;
163
+ }
164
+
165
+ /* Help content styling */
166
+ .help-content[data-v-82c47118] {
167
+ width: calc(100% - 300px);
168
+ margin-left: 300px;
169
+ padding: 0 15px 15px;
170
+ background-color: #dceefe;
171
+ border-left: 1px solid #f1f1f1;
172
+ }
173
+
174
+ /* Confirmation screen styling */
175
+ .ui.grid>.row>[class*="two wide"].column {
176
+ width: 30% !important;
177
+ }
178
+
179
+ .ui.grid>.row>[class*="fourteen wide"].column {
180
+ width: 70% !important;
181
+ background-color: #ffffff;
182
+ }
183
+
184
+ .ui.stackable.grid[data-v-4961d6c2] {
185
+ flex-direction: column-reverse;
186
+ }
187
+
188
+ .ui.orange.labeled.icon.button.fb-back {
189
+ margin-top: 10px;
190
+ }
191
+
192
+ /* Button styling */
193
+ .ui.orange.button, .ui.orange.buttons .button {
194
+ background-color: transparent;
195
+ color: #444;
196
+ border: 1px solid #666;
197
+ font-size: 0.8em;
198
+ }
199
+
200
+ .ui[class*="internally celled"].grid {
201
+ border-top: 1px solid #f1f1f1;
202
+ border-bottom: 1px solid #f1f1f1;
203
+ }
204
+
205
+ .ui.segment:has(.ui[class*="internally celled"].grid)::before {
206
+ content: "入力内容をご確認ください";
207
+ display: block;
208
+ color: #000;
209
+ width: 100%;
210
+ text-align: center;
211
+ font-size: 24px;
212
+ font-weight: 700;
213
+ margin: 40px auto;
214
+ }
215
+
216
+ .ui.labeled.icon.button {
217
+ margin: 30px auto;
218
+ }
219
+
220
+ .ui.teal.button, .ui.teal.buttons .button {
221
+ background-color: #007bff;
222
+ border: 6px solid #007bff;
223
+ color: #ffffff;
224
+ }
225
+
226
+ .ui.teal.button:hover, .ui.teal.buttons .button:hover,
227
+ .ui.teal.buttons .button:focus, .ui.teal.button:focus,
228
+ .ui.teal.buttons .button:active, .ui.teal.button:active {
229
+ background-color: #0056b3;
230
+ border: 6px solid #0056b3;
231
+ }
232
+
233
+ .ui.labeled.icon.button>.icon, .ui.labeled.icon.buttons>.button>.icon {
234
+ border-right: 1px solid #666;
235
+ }
236
+
237
+ .el-button--primary {
238
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
239
+ padding: 12px 20px;
240
+ background-color: #007bff;
241
+ border: none;
242
+ border-radius: 4px;
243
+ color: #ffffff;
244
+ }
245
+
246
+ .el-button--primary:hover {
247
+ background-color: #0056b3;
248
+ }
249
+
250
+ /* Fix for el-input el-input--suffix */
251
+ .el-input.el-input--suffix {
252
+ display: flex;
253
+ align-items: center;
254
+ width: calc(100% - 500px);
255
+ padding: 10px;
256
+ border: 1px solid #f1f1f1;
257
+ border-radius: 4px;
258
+ }
259
+
260
+ .el-input.el-input--suffix {
261
+ display: flex;
262
+ flex-wrap: nowrap;
263
+ align-items: center;
264
+ width: 550px;
265
+ padding: 10px;
266
+ }
267
+
268
+ .kviewer-lookup-input.el-input.el-input-group.el-input-group--append {
269
+ display: flex;
270
+ flex-wrap: nowrap;
271
+ align-items: center;
272
+ width: 550px;
273
+ padding: 10px;
274
+ }
275
+
276
+ .el-input__inner {
277
+ width: 500px !important;
278
+ padding: 20px;
279
+ flex-wrap: nowrap;
280
+ border: 1px solid #f1f1f1;
281
+ border-radius: 4px;
282
+ }
283
+
284
+ .column.el-form-item.field.required {
285
+ display: flex;
286
+ flex-wrap: nowrap; /* 要素が1行に収まるように指定 */
287
+ border-left: 1px solid #f1f1f1;
288
+ }
289
+
290
+ .w-full.min-w-\[60px\].el-cascader {
291
+ width: calc(100% - 300px) !important;
292
+ }
293
+
294
+ .el-form-item__error {
295
+ width: 250px;
296
+
297
+ ```
19
298
  ```GAS
20
299
 
21
300
  function weatherReport1() {