質問編集履歴
4
該当htmlとcssを追加いたしました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -327,3 +327,213 @@
|
|
327
327
|
})( window );
|
328
328
|
|
329
329
|
```
|
330
|
+
|
331
|
+
|
332
|
+
|
333
|
+
```lang-html
|
334
|
+
|
335
|
+
<div class="menu-wrap clearfix">
|
336
|
+
|
337
|
+
<nav class="nav-inner">
|
338
|
+
|
339
|
+
<div class="nav_logo"><img src="images/head_nav_tit.gif" alt="" width="100%"></div>
|
340
|
+
|
341
|
+
<ul class="nav_list clearfix">
|
342
|
+
|
343
|
+
<li><a href="#"></a></li>
|
344
|
+
|
345
|
+
<li><a href="#"></a></li>
|
346
|
+
|
347
|
+
<li><a href="#"></a></li>
|
348
|
+
|
349
|
+
<li><a href="#"></a></li>
|
350
|
+
|
351
|
+
<li><a href="#"></a></li>
|
352
|
+
|
353
|
+
</ul>
|
354
|
+
|
355
|
+
</nav>
|
356
|
+
|
357
|
+
<button class="close-button" id="close-button">Close</button>
|
358
|
+
|
359
|
+
</div>
|
360
|
+
|
361
|
+
```
|
362
|
+
|
363
|
+
|
364
|
+
|
365
|
+
```lang-css
|
366
|
+
|
367
|
+
body{
|
368
|
+
|
369
|
+
overflow-x:hidden;
|
370
|
+
|
371
|
+
|
372
|
+
|
373
|
+
}
|
374
|
+
|
375
|
+
|
376
|
+
|
377
|
+
.container {
|
378
|
+
|
379
|
+
}
|
380
|
+
|
381
|
+
|
382
|
+
|
383
|
+
.content-wrap {
|
384
|
+
|
385
|
+
overflow-y: scroll;
|
386
|
+
|
387
|
+
-webkit-overflow-scrolling: touch;
|
388
|
+
|
389
|
+
-webkit-transition: -webkit-transform 0.3s;
|
390
|
+
|
391
|
+
transition: transform 0.3s;
|
392
|
+
|
393
|
+
}
|
394
|
+
|
395
|
+
|
396
|
+
|
397
|
+
|
398
|
+
|
399
|
+
|
400
|
+
|
401
|
+
/* Close Button */
|
402
|
+
|
403
|
+
.close-button {
|
404
|
+
|
405
|
+
width: 2.5em;
|
406
|
+
|
407
|
+
height: 2.5em;
|
408
|
+
|
409
|
+
position: absolute;
|
410
|
+
|
411
|
+
right: 1em;
|
412
|
+
|
413
|
+
top: 1em;
|
414
|
+
|
415
|
+
overflow: hidden;
|
416
|
+
|
417
|
+
text-indent: 1em;
|
418
|
+
|
419
|
+
border: none;
|
420
|
+
|
421
|
+
background: transparent;
|
422
|
+
|
423
|
+
color: transparent;
|
424
|
+
|
425
|
+
}
|
426
|
+
|
427
|
+
|
428
|
+
|
429
|
+
.close-button::before,
|
430
|
+
|
431
|
+
.close-button::after {
|
432
|
+
|
433
|
+
content: '';
|
434
|
+
|
435
|
+
position: absolute;
|
436
|
+
|
437
|
+
width: 2px;
|
438
|
+
|
439
|
+
height: 100%;
|
440
|
+
|
441
|
+
top: 0;
|
442
|
+
|
443
|
+
left: 50%;
|
444
|
+
|
445
|
+
background: #ec0085;
|
446
|
+
|
447
|
+
}
|
448
|
+
|
449
|
+
|
450
|
+
|
451
|
+
.close-button::before {
|
452
|
+
|
453
|
+
-webkit-transform: rotate(45deg);
|
454
|
+
|
455
|
+
transform: rotate(45deg);
|
456
|
+
|
457
|
+
}
|
458
|
+
|
459
|
+
|
460
|
+
|
461
|
+
.close-button::after {
|
462
|
+
|
463
|
+
-webkit-transform: rotate(-45deg);
|
464
|
+
|
465
|
+
transform: rotate(-45deg);
|
466
|
+
|
467
|
+
}
|
468
|
+
|
469
|
+
|
470
|
+
|
471
|
+
/* Menu */
|
472
|
+
|
473
|
+
.menu-wrap {
|
474
|
+
|
475
|
+
position: absolute;
|
476
|
+
|
477
|
+
z-index: 1001;
|
478
|
+
|
479
|
+
width: 150%;
|
480
|
+
|
481
|
+
height: 100%;
|
482
|
+
|
483
|
+
right:0;
|
484
|
+
|
485
|
+
background-image: url(../images/head_nav_bg.png);
|
486
|
+
|
487
|
+
background-repeat: no-repeat;
|
488
|
+
|
489
|
+
background-size: 100%;
|
490
|
+
|
491
|
+
background-position: right top;
|
492
|
+
|
493
|
+
padding: 2em;
|
494
|
+
|
495
|
+
-webkit-transform: translate3d(600px,-600px,0);
|
496
|
+
|
497
|
+
transform: translate3d(600px,-600px,0);
|
498
|
+
|
499
|
+
-webkit-transition: -webkit-transform 0.3s;
|
500
|
+
|
501
|
+
transition: transform 0.3s;
|
502
|
+
|
503
|
+
}
|
504
|
+
|
505
|
+
|
506
|
+
|
507
|
+
.nav-inner{
|
508
|
+
|
509
|
+
width:60%;
|
510
|
+
|
511
|
+
float:right;
|
512
|
+
|
513
|
+
|
514
|
+
|
515
|
+
}
|
516
|
+
|
517
|
+
|
518
|
+
|
519
|
+
.nav-inner .nav_logo { width: 35%; margin: 0 0 0 4%;}
|
520
|
+
|
521
|
+
.nav-inner ul.nav_list {}
|
522
|
+
|
523
|
+
.nav-inner ul.nav_list li { float: left; width:38%; margin: 10px 0 0 4%; padding: 5.5% 0 5% 7%; background-image: url(../images/head_nav_arr.gif); background-position: left center; background-size: 10%; background-repeat: no-repeat; font-size: 1.2em; line-height: 1; text-align: left;}
|
524
|
+
|
525
|
+
|
526
|
+
|
527
|
+
|
528
|
+
|
529
|
+
/* Shown menu */
|
530
|
+
|
531
|
+
.show-menu .menu-wrap {
|
532
|
+
|
533
|
+
-webkit-transform: translate3d(0,0,0);
|
534
|
+
|
535
|
+
transform: translate3d(0,0,0);
|
536
|
+
|
537
|
+
}
|
538
|
+
|
539
|
+
```
|
3
何度も失礼致しました。jsハイライトに致しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -58,7 +58,7 @@
|
|
58
58
|
|
59
59
|
|
60
60
|
|
61
|
-
|
61
|
+
```lang-javascript
|
62
62
|
|
63
63
|
/**
|
64
64
|
|
@@ -160,11 +160,11 @@
|
|
160
160
|
|
161
161
|
})();
|
162
162
|
|
163
|
-
|
163
|
+
```
|
164
|
-
|
165
|
-
|
166
|
-
|
164
|
+
|
165
|
+
|
166
|
+
|
167
|
-
|
167
|
+
```lang-javascript
|
168
168
|
|
169
169
|
/*!
|
170
170
|
|
@@ -326,4 +326,4 @@
|
|
326
326
|
|
327
327
|
})( window );
|
328
328
|
|
329
|
-
|
329
|
+
```
|
2
ハイライトに致しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -58,7 +58,7 @@
|
|
58
58
|
|
59
59
|
|
60
60
|
|
61
|
-
'''javascript
|
61
|
+
'''lang-javascript
|
62
62
|
|
63
63
|
/**
|
64
64
|
|
@@ -164,7 +164,7 @@
|
|
164
164
|
|
165
165
|
|
166
166
|
|
167
|
-
'''javascript
|
167
|
+
'''lang-javascript
|
168
168
|
|
169
169
|
/*!
|
170
170
|
|
1
ハイライトに致しました。間違っていましたらまた修正いたします。
test
CHANGED
File without changes
|
test
CHANGED
@@ -56,9 +56,9 @@
|
|
56
56
|
|
57
57
|
|
58
58
|
|
59
|
+
|
60
|
+
|
59
|
-
|
61
|
+
'''javascript
|
60
|
-
|
61
|
-
|
62
62
|
|
63
63
|
/**
|
64
64
|
|
@@ -160,15 +160,11 @@
|
|
160
160
|
|
161
161
|
})();
|
162
162
|
|
163
|
-
|
164
|
-
|
165
|
-
|
166
|
-
|
167
|
-
|
163
|
+
'''
|
164
|
+
|
165
|
+
|
166
|
+
|
168
|
-
|
167
|
+
'''javascript
|
169
|
-
|
170
|
-
|
171
|
-
|
172
168
|
|
173
169
|
/*!
|
174
170
|
|
@@ -329,3 +325,5 @@
|
|
329
325
|
|
330
326
|
|
331
327
|
})( window );
|
328
|
+
|
329
|
+
'''
|