<style>
  #picture_comments {background:#ffffff;}
  #picture_comments td {border: 1px solid #aaaaaa; }
  #picture_comments table {border-spacing: 10px; border-collapse: separate;}
  .previewtd {background: #dddddd; width:220px !important; padding: 10px 10px 0 10px; text-align:center; }
  .previewtd img, .previewtd video {max-width:200px !important; max-height:180px !important;}
  .comments-header {border-top-width:5px;}
  .comments-header .cmhsp div {margin-top:8px;border-top: 3px solid #dddddd;}
  .comments-header .cmhsp div p {margin-top:8px;}
</style>
 
<script>
window.addEventListener('load', function() {
  // Titelleiste Kommentare hinzufügen - V4
  $("#picture_comments").wrap('<div class="box"></div>').before('<div class="boxheader"><b>Kommentare zu Bildern</b></div>');
});
</script>
 

<style>
  #picture_comments {background:#ffffff;}
  #picture_comments td {border: 1px solid #aaaaaa;}
  #picture_comments table {border-spacing: 10px; border-collapse: separate;}
  .previewtd {background: #dddddd; padding: 3px 5px 2px 5px !important; text-align:center; vertical-align: middle !important;}
  .previewtd img, .previewtd video {transition: all 1s 1s; margin:0;}
  .comments-header {border-top:5px solid #ddddff;}
  .comments-header .cmhsp div {margin-top:8px;border-top: 3px solid #eeeeee;}
  .comments-header .cmhsp div p {margin-top:8px;}
</style>
 
<script>
window.addEventListener('load', function() {
  // Titelleiste Kommentare hinzufügen - V4
  $("#picture_comments").wrap('<div class="box"></div>').before('<div class="boxheader"><b>Kommentare zu Bildern</b></div>');
    
  // Bild-Mouseover
  $("#picture_comments table").hover(function(){
    $('.commentpreview, video',this).attr('style','max-width:300px; max-height:270px; padding: 5px 10px;');
  }, function(){
    $('.commentpreview, video',this).attr('style','max-width:100px; max-height:90px;');
  });
});
</script>