You are here

kaltura.css in Kaltura 6.2

/*
This file is part of the Kaltura Collaborative Media Suite which allows users 
to do with audio, video, and animation what Wiki platfroms allow them to do with 
text.

Copyright (C) 2006-2008  Kaltura Inc.

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/>.

*/


#modalbox{ position: fixed; left: 50%; top:50%; margin:-180px 0 0 -340px; border:3px solid #666; width: 680px; z-index: 100; }

#kaltura_overlay{ position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; background:url('../images/transBG.png') 0 0 repeat; cursor: wait; }

#modalbox.white_bg { background:#ffffff; }

/* Fixed posistioning emulation for IE6, currently no need because its being set via the JQM js to offset the wizard in the middle */

* html #kaltura_overlay{ position: absolute; background:#000; filter: alpha(opacity=40); top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(0 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); }

* html #modalbox{ position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round((document.documentElement.offsetHeight || document.body.clientHeight) / 2) + 'px'); }



#modalbox iframe{ overflow:hidden; }

#modalbox iframe.remove_overflow { overflow:auto; }



.poweredByKaltura { font-family:'Lucida Grande',Verdana,Arial,Sans-Serif; font-size:9px; height:12px; line-height:11px; overflow:hidden; text-align:right; }

kalturaCode { font-size: 20px; padding: 5px; }



.view-kaltura-highest-rank .item-list ul li,

.view-kaltura-most-viewed .item-list ul li,

.view-kaltura-recenlty-added-photos .item-list ul li,

.view-kaltura-recenlty-added-videos .item-list ul li,

.view-id-kaltura_my_media .item-list ul li { min-height:100px; height:auto !important; height:100px; width:460px; float:left; list-style-type:none; list-style-image:none; background-image:none; }



.view-kaltura-highest-rank .item-list ul li .views-field-kaltura_thumbnail-url,

.view-kaltura-most-viewed .item-list ul li .views-field-kaltura_thumbnail-url,

.view-kaltura-recenlty-added-photos .item-list ul li .views-field-kaltura_thumbnail-url,

.view-kaltura-recenlty-added-videos .item-list ul li .views-field-kaltura_thumbnail-url,

.view-id-kaltura_my_media .item-list ul li .views-field-kaltura_thumbnail-url { float:left; width:130px; }



.view-kaltura-highest-rank .item-list ul li .views-field-title,

.view-kaltura-most-viewed .item-list ul li .views-field-title,

.view-kaltura-recenlty-added-photos .item-list ul li .views-field-title,

.view-kaltura-recenlty-added-videos .item-list ul li .views-field-title,

.view-id-kaltura_my_media .item-list ul li .views-field-title { padding:15px 5px 0px 8px; float:left; width:300px; }



.view-kaltura-highest-rank .item-list ul li .views-field-name,

.view-kaltura-most-viewed .item-list ul li .views-field-name,

.view-kaltura-recenlty-added-photos .item-list ul li .views-field-name,

.view-kaltura-recenlty-added-videos .item-list ul li .views-field-name,

.view-id-kaltura_my_media .item-list ul li .views-field-name { padding-left:8px; float:left; width:300px; }



.view-kaltura-highest-rank .item-list ul li .views-field-kaltura_rank,

.view-kaltura-most-viewed .item-list ul li .views-field-kaltura_views { padding-left:8px; float:left; width:300px; }



.kaltura_status_ok, .kaltura-status-ok { border:1px solid #88FF99; margin:5px; padding-left:50px; background:url('../images/ok.png') no-repeat 10px 50%; }

.kaltura_status_bad, .kaltura-status-bad { border:1px solid #FF8899; margin:5px; padding-left:50px; background:url('../images/no.png') no-repeat 10px 50%;  }

.kaltura_ce_notice { border:2px solid #FF1515;   padding-left:20px; background-color:#FFAEAE;}


.kaltura_tags label.field_title,

.kaltura_admin_tags label.field_title {font-weight:bold; }



.kaltura_hand { cursor:pointer; }



.player-preview-option {clear:both; }

.player-preview-option div { float:left;}

.player-preview-option div img {vertical-align:middle; padding-right:10px; }

#edit-kaltura-mix-width-wrapper {clear:both;}



#kaltura_entry_video_player_preview,

#kaltura_entry_audio_player_preview,

#kaltura_mix_player_preview {text-align:center; height:350px; }

#kaltura_entries_page {
    float:left; 
}

#kaltura_entries_page .kentry { background:transparent url('../images/kentry_bg.png') no-repeat scroll center 0; float:left; margin:0 10px 15px; padding:10px 0 5px; text-align:center; width:180px; }

#kaltura_entries_page .kentry .kentry_thumb { height:100px; }

#kaltura_entries_page .kentry .kentry_title { color:#31302E; font-size:11px; font-weight:bold; height:30px; line-height:15px; margin:0 5px; overflow:hidden; }

#kaltura_entries_page.minimal_mode {
    background:#ffffff; width:100%;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    height: 400px ;
}

#kaltura_entries_page.minimal_mode ul li { list-style-type:none; list-style-image:none; list-style-position:outside; }

div.ktitle { background:#ffffff; }

div.ktitle h3 { padding:0px; margin:0px; }





#media-upload-header { background:#787878}
#sidemenu { bottom:-1px; font-weight:normal; left:0; margin:0 0px; padding:0px; position:relative;}

#sidemenu li { background:#787878; display:inline; border-bottom-style:none; line-height:200%; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0px; text-align:center; white-space:nowrap;}
#sidemenu li.close {position:absolute; right:10px; top:-2px;}
#sidemenu span {background:#787878; color:#787878; display:inline; border-bottom-style:none; line-height:200%; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding-left:200px; text-align:center; white-space:nowrap;}
#sidemenu span.close {background:#787878; color:#787878; display:inline; border-bottom-style:none; line-height:200%; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding-left:20px; text-align:center; white-space:nowrap; background-image: url('../images/close_up.png'); background-position:right 0; background-repeat:no-repeat; cursor:pointer}
#sidemenu span.close:hover {background:#787878; color:#787878; display:inline; border-bottom-style:none; line-height:200%; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding-left:20px; text-align:center; white-space:nowrap; background-image: url('../images/close_over.png'); background-position:right 0; background-repeat:no-repeat; cursor:pointer}

#sidemenu a { padding:6px; color:#D8D8D8; text-decoration:none; background:#787878 none repeat scroll 0 0; }

#sidemenu a:hover{ padding:6px; color:#212121; text-decoration:none; background:#787878 none repeat scroll 0 0; }

#sidemenu a.current { padding:6px; color:#212121; background:#FFFFFF; text-decoration:none; font-weight:bold;}



.kaltura_pager { background: #ffffff; }

.kaltura_pager ul li {background-image:none; display:inline; list-style-type:none; padding:0.5em;}



input.kentry_add { background:url('../images/add_icon.gif') no-repeat top left; width:23px; height:22px; cursor:pointer; border:none; }

input.remove_media { background:url('../images/delete_icon.gif') no-repeat top left; width:23px; height:22px; cursor:pointer; border:none; }



div.kaltura_field_thumb { padding:4px; float:left; height:130px; }

div.kaltura_field_thumb img { height:100px; }

 

.kaltura_playlist { background:#2e2e2e; width:725px; padding-bottom:4px; } 

div.playlist-item { border:none; background:#262626; cursor:pointer; padding:4px; color:#9f9f9f; line-height:14px; margin:4px 0px 4px 0px; width:282px; }

div.playlist-item .node_kaltura_kaltura_thumbnail_url { height:100%; width:auto; float:left; margin-right:4px; margin-top:9px;}

div.playlist-item-line {margin-left:50px; margin-right:4px;}

div.playlist-item.playing { background:#E5E5E5;}

.kaltura_playlist .play-list { margin-left:4px; background:#2e2e2e; float:left; width:300px; margin-right:10px;  }

.kaltura_playlist .play-list a.up { cursor:pointer; display:block; background:url('../plugins/kaltura_playlist/up.png') no-repeat 50% top; width:18px; height:18px; margin:0px 0px 5px 141px; }

.kaltura_playlist .play-list a.down { cursor:pointer; display:block; background:url('../plugins/kaltura_playlist/down.png') no-repeat 50% top;  width:18px; height:18px; margin:5px 0px 0px 141px; }

.kaltura_playlist .play-list a.down:hover,

.kaltura_playlist .play-list a.up:hover { background-position:0 -18px; }



.kaltura_playlist .playlist-player { float:left; }

.kaltura_embed_title {color:#efefef;}
.kaltura_embed_code {color: #333; }
.kaltura_embed_code textarea { color: #555; border-color: #ccc; border-style: solid; border-width: 1px; background-color: #efefef; overflow: hidden; height: 50px; width: 405px;}

.kaltura-install-website-content .form-item {
    width: 25% ;
    float: left ;
}

File

style/kaltura.css
View source
  1. /*
  2. This file is part of the Kaltura Collaborative Media Suite which allows users
  3. to do with audio, video, and animation what Wiki platfroms allow them to do with
  4. text.
  5. Copyright (C) 2006-2008 Kaltura Inc.
  6. This program is free software: you can redistribute it and/or modify
  7. it under the terms of the GNU Affero General Public License as
  8. published by the Free Software Foundation, either version 3 of the
  9. License, or (at your option) any later version.
  10. This program is distributed in the hope that it will be useful,
  11. but WITHOUT ANY WARRANTY; without even the implied warranty of
  12. MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  13. GNU Affero General Public License for more details.
  14. You should have received a copy of the GNU Affero General Public License
  15. along with this program. If not, see .
  16. */
  17. #modalbox{ position: fixed; left: 50%; top:50%; margin:-180px 0 0 -340px; border:3px solid #666; width: 680px; z-index: 100; }
  18. #kaltura_overlay{ position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; background:url('../images/transBG.png') 0 0 repeat; cursor: wait; }
  19. #modalbox.white_bg { background:#ffffff; }
  20. /* Fixed posistioning emulation for IE6, currently no need because its being set via the JQM js to offset the wizard in the middle */
  21. * html #kaltura_overlay{ position: absolute; background:#000; filter: alpha(opacity=40); top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(0 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); }
  22. * html #modalbox{ position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round((document.documentElement.offsetHeight || document.body.clientHeight) / 2) + 'px'); }
  23. #modalbox iframe{ overflow:hidden; }
  24. #modalbox iframe.remove_overflow { overflow:auto; }
  25. .poweredByKaltura { font-family:'Lucida Grande',Verdana,Arial,Sans-Serif; font-size:9px; height:12px; line-height:11px; overflow:hidden; text-align:right; }
  26. kalturaCode { font-size: 20px; padding: 5px; }
  27. .view-kaltura-highest-rank .item-list ul li,
  28. .view-kaltura-most-viewed .item-list ul li,
  29. .view-kaltura-recenlty-added-photos .item-list ul li,
  30. .view-kaltura-recenlty-added-videos .item-list ul li,
  31. .view-id-kaltura_my_media .item-list ul li { min-height:100px; height:auto !important; height:100px; width:460px; float:left; list-style-type:none; list-style-image:none; background-image:none; }
  32. .view-kaltura-highest-rank .item-list ul li .views-field-kaltura_thumbnail-url,
  33. .view-kaltura-most-viewed .item-list ul li .views-field-kaltura_thumbnail-url,
  34. .view-kaltura-recenlty-added-photos .item-list ul li .views-field-kaltura_thumbnail-url,
  35. .view-kaltura-recenlty-added-videos .item-list ul li .views-field-kaltura_thumbnail-url,
  36. .view-id-kaltura_my_media .item-list ul li .views-field-kaltura_thumbnail-url { float:left; width:130px; }
  37. .view-kaltura-highest-rank .item-list ul li .views-field-title,
  38. .view-kaltura-most-viewed .item-list ul li .views-field-title,
  39. .view-kaltura-recenlty-added-photos .item-list ul li .views-field-title,
  40. .view-kaltura-recenlty-added-videos .item-list ul li .views-field-title,
  41. .view-id-kaltura_my_media .item-list ul li .views-field-title { padding:15px 5px 0px 8px; float:left; width:300px; }
  42. .view-kaltura-highest-rank .item-list ul li .views-field-name,
  43. .view-kaltura-most-viewed .item-list ul li .views-field-name,
  44. .view-kaltura-recenlty-added-photos .item-list ul li .views-field-name,
  45. .view-kaltura-recenlty-added-videos .item-list ul li .views-field-name,
  46. .view-id-kaltura_my_media .item-list ul li .views-field-name { padding-left:8px; float:left; width:300px; }
  47. .view-kaltura-highest-rank .item-list ul li .views-field-kaltura_rank,
  48. .view-kaltura-most-viewed .item-list ul li .views-field-kaltura_views { padding-left:8px; float:left; width:300px; }
  49. .kaltura_status_ok, .kaltura-status-ok { border:1px solid #88FF99; margin:5px; padding-left:50px; background:url('../images/ok.png') no-repeat 10px 50%; }
  50. .kaltura_status_bad, .kaltura-status-bad { border:1px solid #FF8899; margin:5px; padding-left:50px; background:url('../images/no.png') no-repeat 10px 50%; }
  51. .kaltura_ce_notice { border:2px solid #FF1515; padding-left:20px; background-color:#FFAEAE;}
  52. .kaltura_tags label.field_title,
  53. .kaltura_admin_tags label.field_title {font-weight:bold; }
  54. .kaltura_hand { cursor:pointer; }
  55. .player-preview-option {clear:both; }
  56. .player-preview-option div { float:left;}
  57. .player-preview-option div img {vertical-align:middle; padding-right:10px; }
  58. #edit-kaltura-mix-width-wrapper {clear:both;}
  59. #kaltura_entry_video_player_preview,
  60. #kaltura_entry_audio_player_preview,
  61. #kaltura_mix_player_preview {text-align:center; height:350px; }
  62. #kaltura_entries_page {
  63. float:left;
  64. }
  65. #kaltura_entries_page .kentry { background:transparent url('../images/kentry_bg.png') no-repeat scroll center 0; float:left; margin:0 10px 15px; padding:10px 0 5px; text-align:center; width:180px; }
  66. #kaltura_entries_page .kentry .kentry_thumb { height:100px; }
  67. #kaltura_entries_page .kentry .kentry_title { color:#31302E; font-size:11px; font-weight:bold; height:30px; line-height:15px; margin:0 5px; overflow:hidden; }
  68. #kaltura_entries_page.minimal_mode {
  69. background:#ffffff; width:100%;
  70. overflow: scroll;
  71. overflow-x: hidden;
  72. overflow-y: auto;
  73. height: 400px ;
  74. }
  75. #kaltura_entries_page.minimal_mode ul li { list-style-type:none; list-style-image:none; list-style-position:outside; }
  76. div.ktitle { background:#ffffff; }
  77. div.ktitle h3 { padding:0px; margin:0px; }
  78. #media-upload-header { background:#787878}
  79. #sidemenu { bottom:-1px; font-weight:normal; left:0; margin:0 0px; padding:0px; position:relative;}
  80. #sidemenu li { background:#787878; display:inline; border-bottom-style:none; line-height:200%; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0px; text-align:center; white-space:nowrap;}
  81. #sidemenu li.close {position:absolute; right:10px; top:-2px;}
  82. #sidemenu span {background:#787878; color:#787878; display:inline; border-bottom-style:none; line-height:200%; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding-left:200px; text-align:center; white-space:nowrap;}
  83. #sidemenu span.close {background:#787878; color:#787878; display:inline; border-bottom-style:none; line-height:200%; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding-left:20px; text-align:center; white-space:nowrap; background-image: url('../images/close_up.png'); background-position:right 0; background-repeat:no-repeat; cursor:pointer}
  84. #sidemenu span.close:hover {background:#787878; color:#787878; display:inline; border-bottom-style:none; line-height:200%; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding-left:20px; text-align:center; white-space:nowrap; background-image: url('../images/close_over.png'); background-position:right 0; background-repeat:no-repeat; cursor:pointer}
  85. #sidemenu a { padding:6px; color:#D8D8D8; text-decoration:none; background:#787878 none repeat scroll 0 0; }
  86. #sidemenu a:hover{ padding:6px; color:#212121; text-decoration:none; background:#787878 none repeat scroll 0 0; }
  87. #sidemenu a.current { padding:6px; color:#212121; background:#FFFFFF; text-decoration:none; font-weight:bold;}
  88. .kaltura_pager { background: #ffffff; }
  89. .kaltura_pager ul li {background-image:none; display:inline; list-style-type:none; padding:0.5em;}
  90. input.kentry_add { background:url('../images/add_icon.gif') no-repeat top left; width:23px; height:22px; cursor:pointer; border:none; }
  91. input.remove_media { background:url('../images/delete_icon.gif') no-repeat top left; width:23px; height:22px; cursor:pointer; border:none; }
  92. div.kaltura_field_thumb { padding:4px; float:left; height:130px; }
  93. div.kaltura_field_thumb img { height:100px; }
  94. .kaltura_playlist { background:#2e2e2e; width:725px; padding-bottom:4px; }
  95. div.playlist-item { border:none; background:#262626; cursor:pointer; padding:4px; color:#9f9f9f; line-height:14px; margin:4px 0px 4px 0px; width:282px; }
  96. div.playlist-item .node_kaltura_kaltura_thumbnail_url { height:100%; width:auto; float:left; margin-right:4px; margin-top:9px;}
  97. div.playlist-item-line {margin-left:50px; margin-right:4px;}
  98. div.playlist-item.playing { background:#E5E5E5;}
  99. .kaltura_playlist .play-list { margin-left:4px; background:#2e2e2e; float:left; width:300px; margin-right:10px; }
  100. .kaltura_playlist .play-list a.up { cursor:pointer; display:block; background:url('../plugins/kaltura_playlist/up.png') no-repeat 50% top; width:18px; height:18px; margin:0px 0px 5px 141px; }
  101. .kaltura_playlist .play-list a.down { cursor:pointer; display:block; background:url('../plugins/kaltura_playlist/down.png') no-repeat 50% top; width:18px; height:18px; margin:5px 0px 0px 141px; }
  102. .kaltura_playlist .play-list a.down:hover,
  103. .kaltura_playlist .play-list a.up:hover { background-position:0 -18px; }
  104. .kaltura_playlist .playlist-player { float:left; }
  105. .kaltura_embed_title {color:#efefef;}
  106. .kaltura_embed_code {color: #333; }
  107. .kaltura_embed_code textarea { color: #555; border-color: #ccc; border-style: solid; border-width: 1px; background-color: #efefef; overflow: hidden; height: 50px; width: 405px;}
  108. .kaltura-install-website-content .form-item {
  109. width: 25% ;
  110. float: left ;
  111. }