| Current Path : /var/www/html/german-vocational.cn/themes/showcase_lite/css/components/ |
Linux ift1.ift-informatik.de 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 |
| Current File : /var/www/html/german-vocational.cn/themes/showcase_lite/css/components/field-mt-video.css |
/**
* @file
* Visual styles for mt-video field in Showcase Lite.
*/
.field--name-field-mt-video.field__item,
.field--name-field-mt-video .field__item {
margin: 20px 0;
}
.video-item > a {
position: relative;
display: block;
overflow: hidden;
float: left;
max-width: 100%;
}
.video-item > a:before {
content: "";
position: absolute;
bottom: 0px;
left: 0;
right: 0;
top: 0;
height: 100%;
width: 100%;
border-radius: 5px;
opacity: 0.2;
filter: alpha(opacity=20);
webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
background-color: rgba(0, 0, 0, 0.7);
}
.video-item > a:after {
content: "\f04b";
font-family: "FontAwesome";
font-size: 28px;
line-height: 70px;
position: absolute;
left: 50%;
top: 50%;
margin: -40px 0 0 -40px;
color: #ffffff;
width: 100%;
text-align: center;
width: 80px;
height: 80px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
background: transparent;
border-width: 5px;
border-style: solid;
border-color: rgba(255, 255, 255, 0.1);
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
-o-transition: all linear 0.2s;
-ms-transition: all linear 0.2s;
transition: all linear 0.2s;
opacity: 0.8;
filter: alpha(opacity=80);
}
.video-item > a:hover:after {
border-color: #ffffff;
}
.video-item:hover > a:before,
.video-item:hover > a:after {
opacity: 1;
filter: alpha(opacity=100);
}