57 lines
749 B
CSS
57 lines
749 B
CSS
|
html, body {
|
||
|
|
background: white;
|
||
|
|
width: 200px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ytThumbMenuStyle, .ytMenuStyle {
|
||
|
|
z-index:100;
|
||
|
|
position:fixed;
|
||
|
|
background:rgba(0,0,0,0.64);
|
||
|
|
margin-left:auto;;
|
||
|
|
margin-right:auto;
|
||
|
|
width:auto;
|
||
|
|
height:auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ytThumbMenuStyle {
|
||
|
|
display:none;
|
||
|
|
bottom:65px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ytMenuStyle {
|
||
|
|
bottom:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.imageStyle {
|
||
|
|
width:32px;
|
||
|
|
height:32px;
|
||
|
|
margin-right:0.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.imageStyle:hover {
|
||
|
|
background:rgba(12,160,193,.64);
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
#xIconHoverTop {
|
||
|
|
margin-bottom: 80px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.thumbImageStyle {
|
||
|
|
width: 200px;
|
||
|
|
height: 100px;
|
||
|
|
margin-right: 2em;
|
||
|
|
}
|
||
|
|
|
||
|
|
#draggable {
|
||
|
|
z-index: 100;
|
||
|
|
position: fixed;
|
||
|
|
right: 0px;
|
||
|
|
bottom: 0px;
|
||
|
|
min-width: 400px;
|
||
|
|
min-height: 250px;
|
||
|
|
width: 650px;
|
||
|
|
height: 400px;
|
||
|
|
background: black;
|
||
|
|
}
|