You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
90 lines
1.4 KiB
SCSS
90 lines
1.4 KiB
SCSS
#interactive.viewport{
|
|
width: $videoWidth;
|
|
height: $videoHeight;
|
|
}
|
|
|
|
#interactive.viewport canvas, video{
|
|
float: left;
|
|
width: $videoWidth;
|
|
height: $videoHeight;
|
|
&.drawingBuffer{
|
|
margin-left: -$videoWidth;
|
|
}
|
|
}
|
|
|
|
.controls {
|
|
fieldset {
|
|
border: none;
|
|
}
|
|
.input-group {
|
|
float: left;
|
|
input, button {
|
|
display: block;
|
|
}
|
|
}
|
|
.reader-config-group {
|
|
float: right;
|
|
|
|
label {
|
|
display: block;
|
|
span {
|
|
width: 11rem;
|
|
display: inline-block;
|
|
text-align: right;
|
|
}
|
|
}
|
|
}
|
|
&:after {
|
|
content:'';
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
#result_strip{
|
|
margin: 10px 0;
|
|
border-top: 1px solid #EEE;
|
|
border-bottom: 1px solid #EEE;
|
|
padding: 10px 0;
|
|
|
|
& > ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style-type: none;
|
|
width: auto;
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
white-space: nowrap;
|
|
|
|
& > li{
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: $videoWidth/4;
|
|
.thumbnail{
|
|
padding: 5px;
|
|
margin: 4px;
|
|
border: 1px dashed #CCC;
|
|
|
|
img{
|
|
max-width: $videoWidth/4 - 20px;
|
|
}
|
|
.caption{
|
|
white-space: normal;
|
|
h4{
|
|
text-align: center;
|
|
word-wrap: break-word;
|
|
height: 40px;
|
|
margin: 0px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&:after{
|
|
content: "";
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
}
|
|
}
|