You are here

Home » API reference » Video 7.2

video.css in Video 7.2

Same filename in this branch
  1. 7.2 css/video.css
  2. 7.2 wysiwyg_plugins/video/video.css
Same filename and directory in other branches
  1. 6.5 css/video.css
  2. 6.4 css/video.css
  3. 7 css/video.css
.video_thumbnail {
  min-width: 100px;
  min-height: 100px;
}

.video-width-text {
  width:10px;
}

.video-thumb-selection{

}

.video-thumb-selection .form-item {

}

.video-thumbnails{
  /*  display : block;*/
}
.video-thumbnails .form-item{
  float:left;
  margin-right:10px;
  max-width:30%;
  padding-right:10px;
}

.video-bypass-auto-conversion{

}
.video-default-thumbnail{

}

.video-data{

}

.video_image_teaser {
  float: left;
  padding: 0.5em;
}

br.video_image_clear {
  clear: both;
}

.video_image_view {
  /* inser here rules for node page image */
}

.video-inprogress {
  border: 1px solid red;
  padding: .5em;
}
.video-conversion-failed{
  border: 1px solid red;
  padding: .5em;
}

/* override filefield entry */
.widget-edit{
  max-width:70%;
}

.widget-edit .form-item { white-space: normal !important; }

.admin_flv_player_wrapper { display: none; }

/*
* VIDEO OJBECT FIXES CROSS BROWSER
*/
* html object.video-object {
  display: none;
}

* html object.video-object/**/ {
  display: inline;
}

* html object.video-object {
  display/**/: none;
}

div.video-preview {
  float: left; /* LTR */
  padding: 0 10px 10px 0; /* LTR */
}
div.video-widget-data {
  float: left; /* LTR */
  width: 85%;
}
div.video-widget-data input.text-field {
  width: auto;
}
/**
* Wysiwyg video browser
*/
div#video-browser-page-wrapper div#video-browser-page div.video-item{
  float: left;
  height:128px;
  padding: 5px;
  text-align: center;
  border: 1px #ccc dotted;
}
div#video-browser-page-wrapper div#video-browser-page div.video-item:hover{
  background-color: antiquewhite;
}

File

css/video.css
View source 
  1. .video_thumbnail {

  2.   min-width: 100px;

  3.   min-height: 100px;

  4. }

  5. 

  6. .video-width-text {

  7.   width:10px;

  8. }

  9. 

  10. .video-thumb-selection{

  11. 

  12. }

  13. 

  14. .video-thumb-selection .form-item {

  15. 

  16. }

  17. 

  18. .video-thumbnails{

  19.   /*  display : block;*/

  20. }

  21. .video-thumbnails .form-item{

  22.   float:left;

  23.   margin-right:10px;

  24.   max-width:30%;

  25.   padding-right:10px;

  26. }

  27. 

  28. .video-bypass-auto-conversion{

  29. 

  30. }

  31. .video-default-thumbnail{

  32. 

  33. }

  34. 

  35. .video-data{

  36. 

  37. }

  38. 

  39. .video_image_teaser {

  40.   float: left;

  41.   padding: 0.5em;

  42. }

  43. 

  44. br.video_image_clear {

  45.   clear: both;

  46. }

  47. 

  48. .video_image_view {

  49.   /* inser here rules for node page image */

  50. }

  51. 

  52. .video-inprogress {

  53.   border: 1px solid red;

  54.   padding: .5em;

  55. }

  56. .video-conversion-failed{

  57.   border: 1px solid red;

  58.   padding: .5em;

  59. }

  60. 

  61. /* override filefield entry */

  62. .widget-edit{

  63.   max-width:70%;

  64. }

  65. 

  66. .widget-edit .form-item { white-space: normal !important; }

  67. 

  68. .admin_flv_player_wrapper { display: none; }

  69. 

  70. /*

  71. * VIDEO OJBECT FIXES CROSS BROWSER

  72. */

  73. * html object.video-object {

  74.   display: none;

  75. }

  76. 

  77. * html object.video-object/**/ {

  78.   display: inline;

  79. }

  80. 

  81. * html object.video-object {

  82.   display/**/: none;

  83. }

  84. 

  85. div.video-preview {

  86.   float: left; /* LTR */

  87.   padding: 0 10px 10px 0; /* LTR */

  88. }

  89. div.video-widget-data {

  90.   float: left; /* LTR */

  91.   width: 85%;

  92. }

  93. div.video-widget-data input.text-field {

  94.   width: auto;

  95. }

  96. /**

  97. * Wysiwyg video browser

  98. */

  99. div#video-browser-page-wrapper div#video-browser-page div.video-item{

  100.   float: left;

  101.   height:128px;

  102.   padding: 5px;

  103.   text-align: center;

  104.   border: 1px #ccc dotted;

  105. }

  106. div#video-browser-page-wrapper div#video-browser-page div.video-item:hover{

  107.   background-color: antiquewhite;

  108. }