Revision 9c910f81

b/cloudcms/static/cloudcms/css/modules.css
655 655
a.prompt:hover									{ text-decoration: none; position: relative;   border: 2px solid #F24E53; background: #fff; color:#F24E53;}
656 656
.user-not-authenticated	a.prompt				{ display: inline-block;}
657 657

  
658
.video-thumb									{ border:2px dashed #3582AC;  overflow: hidden; height: 282px; position: relative;}
658
.video-thumb									{ border:2px dashed #3582AC;  overflow: hidden; height: 282px; position: relative; margin-bottom: 1em}
659 659
.video-thumb .play								{ position: absolute; top:0; left:0; height: 100%;width: 100%; display: block; background:url(../images/play-off.png) no-repeat center center; text-indent: -1000px }
660
.video-thumb .play:hover						{ background-image: url(../images/play-on.png); text-decoration: none;}
660
.video-thumb .play:hover						{ background-image: url(../images/play-on.png); text-decoration: none;}
661
#stop-youtube									{ font-weight: bold; font-size:20px; display: block; visibility: hidden; text-align: right;color:#3582AC;}
662
#stop-youtube:hover 							{ text-decoration: none; color:#F89A1C; }
b/cloudcms/static/cloudcms/js/common.js
343 343
	
344 344
$(window).resize(function() {
345 345
    
346
   setContainerMinHeight('.container .wrapper');
346
   setContainerMinHeight('.container .wrapper'); 
347
   $(".stats-block li em").equalHeights();
347 348
    
348 349

  
349 350
});
......
362 363

  
363 364

  
364 365

  
365
});
366
});
b/cloudcms/static/cloudcms/js/youtube.js
6 6
  this.videoEl = this.wrapper.find('.player-placeholder');
7 7
  this.currwidth = this.wrapper.width();
8 8
  this.currheight = parseInt(458* (this.currwidth/816));
9
  this.close = $('#stop-youtube');
9 10
  var self = this;
10 11
  
11 12
  this.player =  new YT.Player(this.videoEl[0], {
12 13
    height: self.currheight,
13 14
    width: self.currwidth,
14 15
    playerVars: { 'modestbranding':1},
15
    videoId: options.youtube_id,
16
    suggestedQuality: 'hd1080',
16
    videoId: options.youtube_id, 
17 17
    events: {
18 18
      'onStateChange': function(event) {
19 19
        if ( event.data == YT.PlayerState.ENDED ) {
......
39 39
      self.wrapper.animate({
40 40
        height: self.currheight
41 41
      },1000, function(){
42
        self.close.css('visibility','visible');
42 43
        self.link.hide();
43
  self.player.setPlaybackQuality('hd1080');
44
        self.player.setPlaybackQuality('hd720');
44 45
        self.player.playVideo(); 
45 46
      })
46 47
  });
47
  $('.stop-youtube').click(function(e){
48
  this.close.click(function(e){
48 49
    e.preventDefault();
49 50
    self.endEvents();
50 51
  })
......
52 53

  
53 54
YouTube.prototype.endEvents = function() {
54 55
  var self = this;
55

  
56
  self.close.css('visibility','hidden');
56 57
  self.image.fadeIn({duration:1500,easing:'easeOutCirc'}); 
57
    $(self.player.a).show().fadeIn({duration:1500,easing:'easeOutCirc'}); 
58
    self.wrapper.animate({
59
      height:'282'
60
    },1000, function(){
61
      self.link.show();
58
  $(self.player.a).show().fadeIn({duration:1500,easing:'easeOutCirc'}); 
59
  self.wrapper.animate({
60
    height:'282'
61
  },1000, function(){
62
    self.link.show();
62 63
  })
63 64
}
b/cloudcms/templates/content/intro_video.html
1
<a href="" class="stop-youtube">close</a>
1
<a href="#" id="stop-youtube" title="hide video">X</a>
2 2
<div class="video-thumb">
3 3
	<a href="#" class="play">play</a>
4 4
	<img src="{{ content.image.get_absolute_url }}" alt="">
b/cloudcms/templates/content/stats_block.html
1 1
<div class="stats-block">
2 2
	 <h2 style="color:{{ content.color }}">{{ content.title }}</h2>
3
	<ul>
3
	<ul class="clearfix">
4 4
		{% if content.running_vms %}
5 5
		<li class="running_vms"><em>{{ content.title_running_vms }}</em><span>0</span></li>
6 6
		{% endif %}
......
20 20
		<li class="active_networks"><em>{{ content.title_active_networks }}</em><span>0</span></li>
21 21
		{% endif %}
22 22
		 
23
	 
24 23
	</ul>
25 24
	<script>
26 25
	var stats_settings = {

Also available in: Unified diff