c81ee506 by TaishiTokudome

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

1 parent 4b41f4e1
......@@ -3552,3 +3552,83 @@ body.itemid-132 table {
bottom: 47px;
}
}
/* -------------------------------------------------------------------------
 ビデオライブラリページ
------------------------------------------------------------------------- */
.videos-custom h5 {
padding-left: 0;
font-size: 1.125rem;
}
.videos-custom-item-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.videos-custom-item-wrapper:before {
content: "";
display: block;
min-width: 190px;
width: 30%;
height: 0px;
order: 1;
}
.videos-custom-item-wrapper:after {
content: "";
display: block;
min-width: 190px;
width: 30%;
height: 0px;
}
.videos-custom-item {
min-width: 190px;
width: 30%;
margin-bottom: 16px;
}
.videos-custom-item-title {
font-size: 1.125rem;
}
.videos-custom-item-explanation {
font-size: 1rem;
}
/* ビデオライブラリページ レスポンシブ*/
@media (max-width: 900px) {
.videos-custom-item {
width: 45%;
}
.videos-custom-item-wrapper:before {
width: 45%;
}
.videos-custom-item-wrapper:after {
width: 45%;
}
}
@media (max-width: 550px) {
.videos-custom-item-wrapper {
display: block;
}
.videos-custom-item {
height: auto;
width: 100%;
padding-bottom: 8px;
border-bottom: #003894 4px solid;
margin-bottom: 24px;
}
.videos-custom-item-title {
font-size: 1rem;
}
.videos-custom-item-explanation {
font-size: 0.875rem;
}
}
\ 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!