c81ee506 by TaishiTokudome

ビデオライブラリページのスタイル指定

1 parent 4b41f4e1
...@@ -3551,4 +3551,84 @@ body.itemid-132 table { ...@@ -3551,4 +3551,84 @@ body.itemid-132 table {
3551 #aside > .custom-archive-module:after { 3551 #aside > .custom-archive-module:after {
3552 bottom: 47px; 3552 bottom: 47px;
3553 } 3553 }
3554 }
3555
3556 /* -------------------------------------------------------------------------
3557  ビデオライブラリページ
3558 ------------------------------------------------------------------------- */
3559 .videos-custom h5 {
3560 padding-left: 0;
3561 font-size: 1.125rem;
3562 }
3563
3564 .videos-custom-item-wrapper {
3565 display: flex;
3566 flex-wrap: wrap;
3567 justify-content: space-around;
3568 }
3569
3570 .videos-custom-item-wrapper:before {
3571 content: "";
3572 display: block;
3573 min-width: 190px;
3574 width: 30%;
3575 height: 0px;
3576 order: 1;
3577 }
3578 .videos-custom-item-wrapper:after {
3579 content: "";
3580 display: block;
3581 min-width: 190px;
3582 width: 30%;
3583 height: 0px;
3584 }
3585
3586 .videos-custom-item {
3587 min-width: 190px;
3588 width: 30%;
3589 margin-bottom: 16px;
3590 }
3591
3592 .videos-custom-item-title {
3593 font-size: 1.125rem;
3594 }
3595
3596 .videos-custom-item-explanation {
3597 font-size: 1rem;
3598 }
3599
3600 /* ビデオライブラリページ レスポンシブ*/
3601 @media (max-width: 900px) {
3602 .videos-custom-item {
3603 width: 45%;
3604 }
3605 .videos-custom-item-wrapper:before {
3606 width: 45%;
3607 }
3608 .videos-custom-item-wrapper:after {
3609 width: 45%;
3610 }
3611 }
3612
3613 @media (max-width: 550px) {
3614 .videos-custom-item-wrapper {
3615 display: block;
3616 }
3617
3618 .videos-custom-item {
3619 height: auto;
3620 width: 100%;
3621 padding-bottom: 8px;
3622 border-bottom: #003894 4px solid;
3623 margin-bottom: 24px;
3624 }
3625
3626
3627 .videos-custom-item-title {
3628 font-size: 1rem;
3629 }
3630
3631 .videos-custom-item-explanation {
3632 font-size: 0.875rem;
3633 }
3554 } 3634 }
...\ No newline at end of file ...\ No newline at end of file
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!