#body { margin: 0 auto; } .video-results h2 { margin-bottom: 0; } .video-results .desc { margin-bottom: 15px; max-height: 2em; color: #888; font-size: 95%; clear: both; } .status { width: 100%; padding: 1.5em; background-color: #EEE; } /* element style */ #video { float: left; margin-left: 10px; } #tagEdit { float: right; min-height: 200px; padding: 4px; width: 175px; border: 1px solid #CCC; } #tagEdit.hidden { display:none; } /* tag list */ /* tag player */ #tags { float: left; } #tags input { width: 100%; border-width: 1px 1px 0 1px; border-style: solid; border-color: #CCC; padding: 4px 0; background: url("../icons/search_bg.png") no-repeat scroll 98% 60% #FFFFFF; } #tags select { width: 100%; border-width: 0 0 1px 0; border-style: solid; border-color: #CCC; } #tags option { margin: 2px 0; padding: 1px 4px; } #tags .hd { padding: 5px; font-weight: bold; background } #tagplayer.hidden { display: none; } .yui3-tag-player { background: transparent; overflow: auto; border: 1px solid #CCCCCC; margin-bottom: 5px; } /* tag carousel */ .yui3-tag-player ul { margin: 0; padding: 0; } .yui3-tag-player li { overflow: hidden; list-style: none; margin: 1px 0; padding: 4px 8px; /*border-top: 1px solid #f2f2f2;*/ } .yui3-tag-player li:nth-child(even) { background-color: #EEE; } .yui3-tag-player li.focus .label { font-size: 150%; } .yui3-tag-player li .hidden { display: none; } .yui3-tag-player li .label { cursor: pointer; float: left; } .yui3-tag-player li .count { float: right; color: #AAA; } .yui3-tag-player li .edit, .yui3-tag-player li .remove, .yui3-tag-player li .score { float: right; color: #222; padding: 1px 3px 1px 2px; border: 2px solid #999; -moz-border-radius: 6px; border-radius: 6px; font-weight: bold; font-size: 90%; } .yui3-tag-player li .edit a, .yui3-tag-player li .remove a { color: #222; } .yui3-tag-player li .edit a:hover, .yui3-tag-player li .remove a:hover { color: red; text-decoration: none; } .yui3-tag-player li .match { line-height: 16px; clear: both; overflow: auto; color: #999; } .yui3-tag-player li .match .label { padding: 0 0 2px 8px; } .yui3-tag-player li .match.accept { color: green; } .yui3-tag-player li .match.reject { color: red; } .yui3-tag-player li .match.reject .score { border-color: red; } .yui3-tag-player li .match.accept .score { border-color: green; } .yui3-tag-player li .confirm { float: right; } .yui3-tag-player li .confirm .accept { padding-left: 16px; background-image: url('../icons/accept.png'); } .yui3-tag-player li .confirm .reject { padding-left: 16px; background-image: url('../icons/cancel.png'); } .yui3-tag-player li .label input { width: 120px; } .controls { margin-top: 10px; } .tag-hit { } /* change history widget */ .yui3-change-history ul { margin: 0; padding: 0; } .yui3-change-history li { overflow: hidden; list-style: none; margin: 1px 0; padding: 4px 0 4px 8px; border-bottom: 1px solid #EEE; } .yui3-change-history li.disabled { color: #AAA; } .yui3-change-history-content { overflow: auto; } .yui3-change-history li .i { background-color:#CCCCCC; color:white; margin-right:4px; padding: 1px 2px; -moz-border-radius: 6px; border-radius: 6px; } th, td { padding: 2px 4px; } /* reconcile */ .r { clear: both; padding: 1px 0; } .recon-select { border: 1px solid #CCCCCC; margin-right: 6px; padding: 0 4px; -moz-border-radius: 2px; border-radius: 2px; } .recon-select:hover { background-color: #0033CC; color: white; text-decoration: none; } .yui3-overlay { text-align: left; font-size: 125%; } #players { float: left; } /* players */ ul.game-players { margin: 0; padding: 0; } .game-players li { list-style: none; margin: 1px 0; padding: 4px 8px; overflow: auto; font-size: 150%; } .game-players li.hidden { display: none; } .game-players li .count { float: left; padding-right: 5px; } .game-players li .name { float: left; } .game-players li .score { float: right; } /* options */ #configuration { margin: 0 0 10px 10px; } #configuration.hidden { display: none; } .options { } /* sliders */ .sliders { overflow: auto; } .sliders .control { float: left; margin-right: 20px; } .sliders input { width: 2em; margin: 0 5px; padding: 0; } .sliders label { padding-right: 5px; } /* facets */ .facets { display: none; } .facet { width: 100%; font-size: 0.9em; margin-right: 10px; } .facet h3 { border-bottom: 1px solid #CCCCCC; font-size: 1em; margin: 0; padding: 1px 0 1px 4px; } .facet-content { max-height: 100px; overflow-y: auto; } .facet li { list-style: none; padding: 2px 4px; } .facet li a { color: #222; } .facet li.selected { background-color: #0033CC; } .facet li.selected a { color: white; } /* timeline */ .yui3-timeline { background-color:#CCCCCC; height:15px; margin-bottom:5px; width:100%; } .yui3-timeline ul { margin: 0; padding: 0; } .yui3-timeline li { list-style: none; position: absolute; margin: 1px 0; height: 18px; background-color:yellow; } .yui3-timeline li.hidden { display: none; } .yui3-timeline li.highlight { background-color:red; } /* video frames */ #toggleFrames { float: right; } #videoframes.hidden { display: none; } #videoplayer.hidden { height: 0; margin-left: -10000px; } .yui3-video-frames-content { overflow: hidden; } .yui3-video-frames .header { padding-bottom: 2px; margin: 12px 0 4px; font-weight: bold; border-bottom: 1px solid #CCC; clear: both; } .yui3-video-frames ul.frames-list { margin: 0; padding: 0; } .yui3-video-frames li { width: 175px; float: left; overflow: hidden; list-style: none; margin: 0 10px 10px 0; } .yui3-video-frames img { width: 100%; } .yui3-video-frames .tag, .yui3-video-frames .frame-confirm { text-align: center; padding: 3px 0; background-color: #DDD; cursor: pointer; } .yui3-video-frames li.hidden { display: none; } .yui3-video-frames .frame-confirm.depicted { background-color: green; color: white; } .yui3-video-frames .frame-confirm.associated { background-color: blue; color: white; } .yui3-video-frames .frame-confirm.rejected { background-color: red; color: white; } .yui3-video-frames .users { z-index:4; width: 20px; height: 20px; position:relative; margin-bottom: -20px; background-color:white; -moz-border-radius: 0 0 20px 0; border-radius: 0 0 20px 0; } .yui3-video-frames .image { position: relative; z-index: 2; height: 98px; overflow: hidden; } .yui3-video-frames .users.hidden { display: none; }