ビデオライブラリページのスタイル指定
Showing
1 changed file
with
80 additions
and
0 deletions
... | @@ -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 | ... | ... |
-
Please register or sign in to post a comment