質問編集履歴

1

CSSのコードを追加

2019/09/11 06:01

投稿

garudaflap
garudaflap

スコア6

test CHANGED
File without changes
test CHANGED
@@ -22,11 +22,9 @@
22
22
 
23
23
 
24
24
 
25
- ### scriptソースコード
25
+
26
-
27
-
28
-
26
+
29
- ```ここに言語名を入力
27
+ ```javascript
30
28
 
31
29
  $(function(){
32
30
 
@@ -122,13 +120,7 @@
122
120
 
123
121
 
124
122
 
125
- ### htmlソースコード
126
-
127
- ※最後の連続の改行は一時的に高さを増してスクロールの確認をするために入れています
128
-
129
-
130
-
131
- ```ここに言語名を入力
123
+ ```html
132
124
 
133
125
  <body>
134
126
 
@@ -270,6 +262,202 @@
270
262
 
271
263
  </body>
272
264
 
273
- </html>
274
-
275
265
  ```
266
+
267
+
268
+
269
+ ```css
270
+
271
+ #load {
272
+
273
+ max-width:80%;
274
+
275
+ height:800px;
276
+
277
+ overflow-y:auto;
278
+
279
+ -ms-overflow-style:none;/* IE */
280
+
281
+ border: red 1px dashed;
282
+
283
+ margin:0 auto;
284
+
285
+ }
286
+
287
+ #load::-webkit-scrollbar{
288
+
289
+ display:none;
290
+
291
+ }
292
+
293
+ .container {
294
+
295
+ max-width: 980px;
296
+
297
+ margin: 0 auto;
298
+
299
+ *zoom: 1;
300
+
301
+ line-height: 2;
302
+
303
+ position: relative;
304
+
305
+ }
306
+
307
+ .container:after {
308
+
309
+ content: "";
310
+
311
+ display: table;
312
+
313
+ clear: both;
314
+
315
+ }
316
+
317
+ section {
318
+
319
+ position: relative;
320
+
321
+ }
322
+
323
+ #contents {
324
+
325
+ position: relative;
326
+
327
+ }
328
+
329
+ #parapara {
330
+
331
+ position: fixed;
332
+
333
+ bottom: 0;
334
+
335
+ left: 0;
336
+
337
+ width: 100%;
338
+
339
+ height: 100px;
340
+
341
+ z-index: 5;
342
+
343
+ }
344
+
345
+ #parapara #screen {
346
+
347
+ width: 980px;
348
+
349
+ margin: auto;
350
+
351
+ }
352
+
353
+ #parapara2 {
354
+
355
+ position: fixed;
356
+
357
+ top: 170px;
358
+
359
+ left: 0;
360
+
361
+ width: 100%;
362
+
363
+ height: 600px;
364
+
365
+ z-index: -1;
366
+
367
+ }
368
+
369
+ #parapara2 #screen2 {
370
+
371
+ width: 980px;
372
+
373
+ margin: auto;
374
+
375
+ }
376
+
377
+ #parapara2 #pic1, #parapara2 #pic2, #parapara2 #pic3, #parapara2 #pic4 {
378
+
379
+ position: fixed;
380
+
381
+ transition: 0.5s;
382
+
383
+ transform: scale(0.5);
384
+
385
+ opacity: 0;
386
+
387
+ }
388
+
389
+ #parapara2 #pic1.on, #parapara2 #pic2.on, #parapara2 #pic3.on, #parapara2 #pic4.on {
390
+
391
+ transform: scale(1);
392
+
393
+ opacity: 1;
394
+
395
+ }
396
+
397
+ #person #contents {
398
+
399
+ padding-top: 170px;
400
+
401
+ }
402
+
403
+ #person .que {
404
+
405
+ padding-left: 490px;
406
+
407
+ padding-bottom: 55px;
408
+
409
+ }
410
+
411
+ #person .que h2 {
412
+
413
+ font-size: 20px;
414
+
415
+ font-size: 1.25rem;
416
+
417
+ line-height: 1.4;
418
+
419
+ padding-bottom: 20px;
420
+
421
+ }
422
+
423
+ #person .que h2 i {
424
+
425
+ font-size: 26px;
426
+
427
+ font-size: 1.625rem;
428
+
429
+ color: #c7161d;
430
+
431
+ letter-spacing: 1px;
432
+
433
+ }
434
+
435
+ #person .que dl {
436
+
437
+ background: #fafafa;
438
+
439
+ padding: 30px;
440
+
441
+ }
442
+
443
+ #person .que dl dt {
444
+
445
+ font-size: 22px;
446
+
447
+ font-size: 1.375rem;
448
+
449
+ font-weight: bold;
450
+
451
+ line-height: 1.4;
452
+
453
+ }
454
+
455
+ #person .que dl dd {
456
+
457
+ padding-top: 20px;
458
+
459
+ }
460
+
461
+ ```
462
+
463
+ ※html最後の連続の改行は一時的に高さを増してスクロールの確認をするために入れています