parent
3f1e728781
commit
4385f1acbc
425 changed files with 59924 additions and 37200 deletions
32
web/semantic/dist/components/video.css
vendored
Normal file → Executable file
32
web/semantic/dist/components/video.css
vendored
Normal file → Executable file
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* # Semantic UI 1.11.4 - Video
|
||||
* # Semantic UI 2.0.0 - Video
|
||||
* http://github.com/semantic-org/semantic-ui/
|
||||
*
|
||||
*
|
||||
|
@ -42,26 +42,23 @@
|
|||
z-index: 10;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
opacity: 0.8;
|
||||
-webkit-transition: opacity 0.3s;
|
||||
transition: opacity 0.3s;
|
||||
background: transparent;
|
||||
-webkit-transition: background 0.2s ease;
|
||||
transition: background 0.2s ease;
|
||||
}
|
||||
.ui.video .play.icon:before {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
z-index: 11;
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
width: 8rem;
|
||||
height: 8rem;
|
||||
line-height: 8rem;
|
||||
border-radius: 500rem;
|
||||
color: #ffffff;
|
||||
font-size: 8rem;
|
||||
text-shadow: none;
|
||||
-webkit-transform: translateX(-50%) translateY(-50%);
|
||||
-ms-transform: translateX(-50%) translateY(-50%);
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
font-size: 7rem;
|
||||
text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.15);
|
||||
-webkit-transition: color 0.2s ease;
|
||||
transition: color 0.2s ease;
|
||||
}
|
||||
.ui.video .placeholder {
|
||||
position: absolute;
|
||||
|
@ -97,18 +94,21 @@
|
|||
---------------*/
|
||||
|
||||
.ui.video .play:hover {
|
||||
opacity: 1;
|
||||
background: rgba(0, 0, 0, 0);
|
||||
}
|
||||
.ui.video .play:hover:before {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/*--------------
|
||||
Active
|
||||
---------------*/
|
||||
|
||||
.ui.video.active .play,
|
||||
.ui.video.active .placeholder {
|
||||
.ui.active.video .play,
|
||||
.ui.active.video .placeholder {
|
||||
display: none;
|
||||
}
|
||||
.ui.video.active .embed {
|
||||
.ui.active.video .embed {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
|
|
Reference in a new issue