質問編集履歴

1

cssにて、ボタン以外のcssを追記しました。

2020/07/18 01:51

投稿

mikeko0901
mikeko0901

スコア227

test CHANGED
File without changes
test CHANGED
@@ -354,6 +354,8 @@
354
354
 
355
355
 
356
356
 
357
+
358
+
357
359
  .side-nav ul li {
358
360
 
359
361
  display: table;
@@ -412,7 +414,151 @@
412
414
 
413
415
  height: 50px;
414
416
 
417
+
418
+
415
- }
419
+ }
420
+
421
+
422
+
423
+ /*サイドバーのログイン中*/
424
+
425
+ .logout a {
426
+
427
+ color: #494949;
428
+
429
+ font-size: 10px;
430
+
431
+ }
432
+
433
+
434
+
435
+ .logout a:hover {
436
+
437
+ cursor: pointer;
438
+
439
+ transform: scale(1.1);
440
+
441
+ }
442
+
443
+
444
+
445
+ .loginchu {
446
+
447
+ color: #494949;
448
+
449
+ font-size: 10px;
450
+
451
+ }
452
+
453
+
454
+
455
+ /*エラーテキスト*/
456
+
457
+ .error {
458
+
459
+ color: #ff0000;
460
+
461
+ }
462
+
463
+
464
+
465
+ /*スマホの時*/
466
+
467
+ @media screen and (max-width: 768px) {
468
+
469
+ #sticky-sidebar {
470
+
471
+ display: none;
472
+
473
+ }
474
+
475
+
476
+
477
+ #nav-drawer {
478
+
479
+ display:inline!important;
480
+
481
+ position: absolute;
482
+
483
+ }
484
+
485
+
486
+
487
+ #sm-title {
488
+
489
+ display:inline!important;
490
+
491
+ font-weight: bold;
492
+
493
+
494
+
495
+ }
496
+
497
+
498
+
499
+ .hambargar-title {
500
+
501
+ display:inline!important;
502
+
503
+ font-weight: bold;
504
+
505
+ font-size: 18px;
506
+
507
+ color: #33B1A9;
508
+
509
+ }
510
+
511
+
512
+
513
+ .sm-head {
514
+
515
+ position: relative;
516
+
517
+ height: 50px;
518
+
519
+ border-bottom: solid 1px #CCCCCC;
520
+
521
+ }
522
+
523
+
524
+
525
+ /*スマホの時は空けるのを消す*/
526
+
527
+ /*
528
+
529
+ #main {
530
+
531
+ padding-left: 5%!important;
532
+
533
+ padding-right: 5%!important;
534
+
535
+ }
536
+
537
+ */
538
+
539
+
540
+
541
+ }
542
+
543
+
544
+
545
+ /*PCの時はサイドバー分あける*/
546
+
547
+ /*
548
+
549
+ #main {
550
+
551
+ padding-left: 18%;
552
+
553
+ padding-right: 2%;
554
+
555
+ width: 100%;
556
+
557
+
558
+
559
+ }
560
+
561
+ */
416
562
 
417
563
 
418
564
 
@@ -422,17 +568,61 @@
422
568
 
423
569
  #wrapper {
424
570
 
571
+ /*height: 100%; これを消すとシナリオ登録の隙間がなくなる*/
572
+
573
+ color: #494949;
574
+
575
+ }
576
+
577
+
578
+
579
+ .contents-area {
580
+
425
581
  height: 100%;
426
582
 
427
- color: #494949;
428
-
429
- }
583
+ }
584
+
585
+
586
+
430
-
587
+ /*カードの大枠が大きすぎるので*/
431
-
432
-
588
+
433
- .contents-area {
589
+ .card-deck {
590
+
434
-
591
+ margin-right: 0px !important;
592
+
593
+ margin-left: 0px !important;
594
+
595
+ }
596
+
597
+
598
+
599
+
600
+
601
+ /*線*/
602
+
603
+ .hr-nomal {
604
+
435
- height: 100%;
605
+ height: 5px;
606
+
607
+ background-color: rgba(28,126,196,.5);
608
+
609
+ width: 100%;
610
+
611
+ border: none;
612
+
613
+ border-radius: 2px;
614
+
615
+ }
616
+
617
+
618
+
619
+ /*シナリオ一覧のカードの高さをそろえるために*/
620
+
621
+ .scenario-card {
622
+
623
+ padding-top: 15px;
624
+
625
+ padding-bottom: 15px;
436
626
 
437
627
  }
438
628