Template:Video/styles.css: Difference between revisions
From WikiMSK
No edit summary |
No edit summary |
||
Line 13: | Line 13: | ||
border: 1px solid #eaecf0; | border: 1px solid #eaecf0; | ||
background-color: #f8f9fa; | background-color: #f8f9fa; | ||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.06); | |||
transition: box-shadow 0.2s ease; | |||
} | } | ||
Line 20: | Line 22: | ||
height: 50px; | height: 50px; | ||
max-width: 300%!important; | max-width: 300%!important; | ||
} | |||
.video-box:hover { | |||
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.0475), 0 6px 6px rgba(0, 0, 0, 0.0575); | |||
} | } |
Revision as of 18:00, 19 March 2022
.video-box {
margin: 0 0.2rem 0.4rem 0.2rem;
width: 49%;
display: flex;
font-size: 0.875rem;
flex-grow: 1;
flex-direction: row;
transition: box-shadow 0.2s ease;
padding: 1.2em;
border-radius: 0;
word-wrap: break-word;
box-sizing: border-box;
border: 1px solid #eaecf0;
background-color: #f8f9fa;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.06);
transition: box-shadow 0.2s ease;
}
.video-box div a img {
width: 50px;
height: 50px;
max-width: 300%!important;
}
.video-box:hover {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.0475), 0 6px 6px rgba(0, 0, 0, 0.0575);
}