styles.css

/**
 * Kaltura Local Plugin for Moodle 2
 * Copyright (C) 2011 Catalyst IT (http://www.catalyst.net.nz)
 * 
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 * @package    local
 * @subpackage kaltura
 * @author     Brett Wilkins <brett@catalyst.net.nz>
 * @license    http://www.gnu.org/licenses/agpl.html GNU Affero GPL v3 or later
 */

/* Root node */
#overlayContainer {
    background: white;
    width : 653px;
    min-height: 448px;
    height : auto;
    margin-left:125px;
    border : none;
}
#contribClose {
    position:absolute;
    top:7px;
    right:7px;
    background: url('images/close.png');
    height:19px;
    width:19px;
    text-indent:-9999px;
    text-transform:uppercase;
    border:none;
}
#contribClose:hover {
    cursor:pointer;
}
#kalConnectionIssue {
    position:absolute;
    top:50%;
}
/* Edit interface */
#editprogressdiv {
    display: block;
    height : auto;
    padding: 10px;
}
#editmaindiv {
    display: block;
    float: none;
    height : auto;
    padding:10px;
}
#editfooterdiv {
    display: block;
    float : none;
    height :auto;
    padding:10px;
}
#editthumbspan {
    display: block;
    float : none;
    width : 110px;
}
#editcontentspan {
    display: block;
    float : none;
    width : auto;
    clear:both;
    padding-top:5px;
}
#contribkalturathumb {
    height: 117px;
    width : 157px;
    border: none;
    margin-left:157px;
    float:left;
}
.loadingicon {
    height: 55px;
    width : 54px;
    margin-left: 290px;
    margin-top: 170px;
}
.editentry {
    display: block;
}
.editentry label {
    width : 142px;
    display: inline-block;
    padding-right:10px;
}
.editentry input,
.editentry > span {
    width : 430px;
    display: inline-block;
}
#editcategoriestreeview {
    overflow: auto;
    height : 120px;
    width:440px;
    border:1px solid darkgrey;
    margin-top:8px;
    background:white;
}
#editcategoriestext_pretty {
    width: 440px;
    font-size: 13px;
    position: relative;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

/*########################################*/
.pretty_container .pretty-choices {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background-image: -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background-image: -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background-image: -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
  background-image: -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
  background-image: linear-gradient(top, #ffffff 85%,#eeeeee 99%);
  border: 1px solid #aaa;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative;
  min-height: 27px;
}
.pretty_container .pretty-choices li {
  float: left;
  list-style: none;
}
.pretty_container .pretty-choices .category-choice {
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  border-radius        : 3px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e4e4e4), color-stop(0.7, #eeeeee));
  background-image: -webkit-linear-gradient(center bottom, #e4e4e4 0%, #eeeeee 70%);
  background-image: -moz-linear-gradient(center bottom, #e4e4e4 0%, #eeeeee 70%);
  background-image: -o-linear-gradient(bottom, #e4e4e4 0%, #eeeeee 70%);
  background-image: -ms-linear-gradient(top, #e4e4e4 0%,#eeeeee 70%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#eeeeee',GradientType=0 );
  background-image: linear-gradient(top, #e4e4e4 0%,#eeeeee 70%);
  color: #333;
  border: 1px solid #b4b4b4;
  line-height: 13px;
  padding: 3px 19px 3px 6px;
  margin: 3px 0 3px 5px;
  position: relative;
}
.pretty_container .pretty-choices .category-choice span {
  cursor: default;
}
.pretty_container .pretty-choices .category-choice-focus {
  background: #d4d4d4;
}
.pretty_container .pretty-choices .category-choice .category-choice-close {
  display: block;
  position: absolute;
  right: 5px;
  top: 6px;
  width: 8px;
  height: 9px;
  font-size: 1px;
  background: url(images/delete.png) right top no-repeat;
}
.pretty_container .pretty-choices .category-choice .category-choice-close:hover {
  background-position: right -9px;
}
.pretty_container .pretty-choices .category-choice-focus .category-choice-close {
  background-position: right -9px;
}
/*##########################################################*/
span.fullName {
    display: none;
}
.yui3-tabview {
    margin-top:-3px;
}
#selectionInterface #videotabview,
#selectionInterface #audiotabview {
    border:1px solid #E7E7E7;
    border-top:none;
    padding-top:4px;
    padding-right:4px;
    width:653px;
    background:#FFF;
    padding-bottom:4px;
}
#selectionInterface .yui3-tabview-panel.contentArea {
    margin-left:150px;
    padding:10px;
    width:auto;
    height:auto;
    border:none;
    background:#e9e9e9;
}
#webcamtab, #mictab,
#webcamtab *, #mictab * {
    height:382px !important;
}
#videotabview .yui3-tabview-panel,
#audiotabview .yui3-tabview-panel {
    min-height:382px;
}
#selectionInterface .thumb img {
    margin-left:4px;
    margin-bottom:4px;
}
#selectionInterface span.controls {
    margin-left:4px;
    font-size:0.9em;
}
#selectionInterface input[type=submit],
#editInterface input[type=submit] {
    cursor: pointer;
    font-size: 1em;
    font-weight: normal;
    text-align: center;
    margin-right: 0.6em;
    padding: 4px 7px;
    padding-top: 4px;
    padding-right: 7px;
    padding-bottom: 4px;
    padding-left: 7px;
}
.audiocontainer {
    width: 482px;
    max-height: 380px;
    overflow: auto;
}
.audiocontainer table {
    width: 100%;
}
.audiocontainer table .odd {
    background-color: white;
}
.audiocontainer thead th.left {
    text-align: left;
}
.audiocontainer .right {
    text-align: right;
}
.audiocontainer tbody tr :hover {
    cursor: pointer;
}
#editInterface {
    margin-left:0;
}
#editcontentspan .editentry {
    padding:4px 0;
}
#editcontentspan input[type=text] {
    padding:5px 4px;
}
#kalturahtmlcontrib {
    width:659px !important;
}

#kalturahtmlcontrib .help {
    display:block;
    width:270px;
    height:117px;
    float:right;
    margin-right:35px;
}

#editInterface #edit-content {
    width: auto;
    height: auto !important;
    background: #E9E9E9;
}
#editInterface #edit-inner {
    background:white;
    border:1px solid #E7E7E7;
    border-top:none;
    padding:4px;
    margin-left:0;
    margin-top:-3px;
}
#editInterface ul.yui3-tabview-list {
    background: url(images/k-video-ul-bg.png);
    height:40px;
    list-style:none;
    margin-left:-1px;
}
#editInterface ul.yui3-tabview-list li {
    list-style:none;
    padding-bottom:0;
    line-height:40px;
    background: url(images/k-video-li-bg.png);
    width:137px;
    height:40px;
    text-align:center;
}
#editInterface ul.yui3-tabview-list li.yui3-tab-selected {
    background: url(images/k-video-li-bg-selected.png);
    color:#5e5e5e;
}
#editInterface ul.yui3-tabview-list li a {
    color:#aeaeae;
    font-weight:bold;
}
#editInterface ul.yui3-tabview-list li.yui3-tab-selected a, #editInterface ul.yui3-tabview-list li a:hover {
    color:#5e5e5e;
}
#editInterface ul.yui3-tabview-list li a {
    padding:0;
    margin:0;
    display:block;
}
/* Selection interface */
.yui3-tabview-panel,
.yui3-tabview,
#overlayContainer .contentArea {
    width:auto;
}
.contentarea .controls {
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.kalhide,
.kalhide * {
    z-index: -1px;
}
.kalhide object,
.kalhide embed {
    width: 0px;
    height: 0px;
}
.kalhidden,
.kalhidden * {
    display: none;
    width : 0px;
    height : 0px;
}
.editentry .kalhidden {
    display: none;
    width : 0px;
    height : 0px;
}
.kalthumb {
    float : left;
    height: 117px;
    width : 157px;
}
#uploadvideo,
#uploadaudio {
    height:30px;
    width :70px;
}
#selectionInterface ul.yui3-tabview-list {
    padding-left:125px;
    background: url(images/k-video-ul-bg.png);
    height:40px;
}
#selectionInterface ul.yui3-tabview-list li {
    padding-bottom:0;
    line-height:40px;
    background: url(images/k-video-li-bg.png);
    width:137px;
    height:40px;
    text-align:center;
}
#selectionInterface ul.yui3-tabview-list li.yui3-tab-selected {
    background: url(images/k-video-li-bg-selected.png);
    color:#5e5e5e;
}
#selectionInterface ul.yui3-tabview-list li a {
    color:#aeaeae;
    font-weight:bold;
}
#selectionInterface ul.yui3-tabview-list li.yui3-tab-selected a,
#selectionInterface ul.yui3-tabview-list li a:hover {
    color:#5e5e5e;
}
#selectionInterface ul.yui3-tabview-list li a {
    padding:0;
    margin:0;
    display:block;
}
#selectionInterface #videotabview ul.yui3-tabview-list,
#selectionInterface #audiotabview ul.yui3-tabview-list {
    float:left;
    width:150px;
    height:100%;
    padding-left:0;
    background:none;
}
#selectionInterface #videotabview ul.yui3-tabview-list li,
#selectionInterface #audiotabview ul.yui3-tabview-list li {
    background:#f4f4f4;
    display:block;
    margin:0 0 2px 4px;
    line-height:25px;
    height:auto;
    width:146px;
    text-align:left;
}
#selectionInterface #videotabview ul.yui3-tabview-list li.yui3-tab-selected,
#selectionInterface #audiotabview ul.yui3-tabview-list li.yui3-tab-selected {
    background:#e9e9e9
}
#selectionInterface #videotabview ul.yui3-tabview-list li a,
#selectionInterface #audiotabview ul.yui3-tabview-list li a {
    padding-left:5px;
    font-size:0.8em;
    color:#5E5E5E;
}

/* Player specifics */
.kalturaPlayer,
.kalturaPlayerEdit {
    width :400px;
    height:290px;
    background-color: #eee;
}


/* Hidden things */
#editcategoriesids, #editentryid {display:none;}