176 lines
3.8 KiB
CSS
176 lines
3.8 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
|
|
/* Reset */
|
|
|
|
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
a, address, code, img,
|
|
small, strong, dl, dt, dd, ol, ul, li,
|
|
fieldset, form, label {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
outline: 0;
|
|
font-size: 100%;
|
|
vertical-align: baseline;
|
|
background: transparent;
|
|
}
|
|
body {
|
|
line-height: 1.5;
|
|
font-family: arial, sans-serif;
|
|
}
|
|
ol, ul {
|
|
list-style: none;
|
|
}
|
|
|
|
/* End Reset */
|
|
|
|
|
|
|
|
|
|
#secondary #vidbox {
|
|
margin-right:10px;
|
|
-webkit-border-radius: 10px;
|
|
-moz-border-radius: 10px;
|
|
border-radius: 10px;
|
|
-webkit-box-shadow: 0px 0px 4px #514216;
|
|
-moz-box-shadow: 0px 0px 4px #514216;
|
|
box-shadow: 0px 0px 4px #514216;
|
|
background-color: #fffcf8;
|
|
width:530px;
|
|
min-height:560px;
|
|
max-height:560px;
|
|
padding:10px;
|
|
}
|
|
|
|
#vidbox #videoPlayer {
|
|
float:left;
|
|
margin:10px;
|
|
-webkit-border-radius: 10px;
|
|
-moz-border-radius: 10px;
|
|
border-radius: 10px;
|
|
-webkit-box-shadow: 0px 0px 4px #514216;
|
|
-moz-box-shadow: 0px 0px 4px #514216;
|
|
box-shadow: 0px 0px 4px #514216;
|
|
}
|
|
|
|
#vidbox #videoAnnotations .location {
|
|
background:#e4dbc2;
|
|
border:2px solid #716c5e;
|
|
-webkit-box-shadow: 0px 0px 4px #514216;
|
|
-moz-box-shadow: 0px 0px 4px #514216;
|
|
box-shadow: 0px 0px 4px #514216;
|
|
width:176px;
|
|
max-height:100px;
|
|
min-height:100px;
|
|
font-size:11px;
|
|
overflow:auto;
|
|
padding:5px;
|
|
margin:10px 0;
|
|
}
|
|
|
|
#vidbox #videoAnnotations .location:before {
|
|
content:'Locations :-';
|
|
font-weight:bold;
|
|
padding-bottom:5px;
|
|
}
|
|
|
|
#vidbox #videoAnnotations .location .annotItem {
|
|
padding:2px;
|
|
}
|
|
|
|
#vidbox #videoAnnotations .location .annotItem:after {
|
|
content:',';
|
|
}
|
|
|
|
#vidbox #videoAnnotations .location .annotItem:last-child:after {
|
|
content:'.';
|
|
}
|
|
|
|
#vidbox #videoAnnotations .keyword {
|
|
background:#e4dbc2;
|
|
border:2px solid #716c5e;
|
|
-webkit-box-shadow: 0px 0px 4px #514216;
|
|
-moz-box-shadow: 0px 0px 4px #514216;
|
|
box-shadow: 0px 0px 4px #514216;
|
|
width:176px;
|
|
max-height:100px;
|
|
min-height:100px;
|
|
font-size:11px;
|
|
overflow:auto;
|
|
padding:5px;
|
|
margin:10px 0;
|
|
margin-top:12px;
|
|
}
|
|
|
|
#vidbox #videoAnnotations .keyword:before {
|
|
content:'Keywords :-';
|
|
font-weight:bold;
|
|
padding-bottom:5px;
|
|
display:block;
|
|
}
|
|
|
|
#vidbox #videoAnnotations .keyword .annotItem {
|
|
float:left;
|
|
padding:2px;
|
|
}
|
|
|
|
#vidbox #videoAnnotations .keyword .annotItem:after {
|
|
content:',';
|
|
}
|
|
|
|
#vidbox #videoAnnotations .keyword .annotItem:last-child:after {
|
|
content:'.';
|
|
}
|
|
|
|
|
|
#vidbox #videoAnnotations .description {
|
|
background:#e4dbc2;
|
|
border:2px solid #716c5e;
|
|
-webkit-box-shadow: 0px 0px 4px #514216;
|
|
-moz-box-shadow: 0px 0px 4px #514216;
|
|
box-shadow: 0px 0px 4px #514216;
|
|
width:505px;
|
|
max-height:350px;
|
|
min-height:100px;
|
|
font-size:11px;
|
|
overflow:auto;
|
|
padding:5px;
|
|
margin:10px 0 10px 10px;
|
|
}
|
|
|
|
#vidbox #videoAnnotations .description:before {
|
|
content:'Description :-';
|
|
font-weight:bold;
|
|
}
|
|
|
|
#vidbox #videoAnnotations .description .annotItem {
|
|
margin-top:5px;
|
|
}
|
|
|
|
#vidbox #videoAnnotations .transcript {
|
|
background:#e4dbc2;
|
|
border:2px solid #716c5e;
|
|
-webkit-box-shadow: 0px 0px 4px #514216;
|
|
-moz-box-shadow: 0px 0px 4px #514216;
|
|
box-shadow: 0px 0px 4px #514216;
|
|
width:505px;
|
|
max-height:350px;
|
|
min-height:132px;
|
|
font-size:11px;
|
|
overflow:auto;
|
|
padding:5px;
|
|
margin:10px 0 10px 10px;
|
|
}
|
|
|
|
#vidbox #videoAnnotations .transcript:before {
|
|
content:'Transcript :-';
|
|
font-weight:bold;
|
|
}
|
|
|
|
#vidbox #videoAnnotations .transcript .annotItem {
|
|
margin-top:5px;
|
|
}
|
|
|
|
|