Comunicado IX Curso Concurso de Formación Judicial

1<!-- jQuery -->
 

2<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
 

3
 

4<!-- jQuery Modal -->
 

5<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
 

6<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />
 

7<style type="text/css">
 

8.imgNoticia {
 

9    float: left;
 

10    margin-right: 20px;
 

11    margin-bottom: 10px;
 

12    width: 350px;
 

13}
 

14.textNoticia {
 

15    text-align: justify;
 

16}
 

17.contentNoticia{
 

18    margin-left: -20px;
 

19}
 

20.contentNoticia img{
 

21    display: block;
 

22    max-width: 100%;
 

23    height: auto;
 

24}
 

25.mosaico{
 

26    width: 100%;
 

27    overflow: auto;
 

28}
 

29.mosaico .col3{
 

30    width: 33.333333%;
 

31    float: left;
 

32    padding: 10px;
 

33    box-sizing: border-box;
 

34}
 

35.mosaico img{
 

36    display: block;
 

37    width: 100%;
 

38    height: 150px;
 

39}
 

40.modal {
 

41    width: auto !important;
 

42    max-width: 1300px;
 

43}
 

44</style>
 

45<div class="contentNoticia">
 

46    #if($image.getData() != "")
 

47        <div><img src="$image.getData()" class="imgNoticia" /></div>
 

48    #end
 

49    <div class="textNoticia">$content.getData()</div>
 

50    <div class="mosaico">
 

51        #set($i = 0)
 

52        #foreach($item in $mosaic.getSiblings())
 

53            #if($item.getData() != "")
 

54                <div class="col3">
 

55                    <a href="#modal$i" rel="modal:open">
 

56                        <img src="$item.getData()"/>
 

57                    </a>
 

58                </div>
 

59                <div id="modal$i" class="modal">
 

60                    <img src="$item.getData()"/>
 

61                </div>
 

62                #set($i = $i + 1)
 

63            #end
 

64        #end
 

65    </div>
 

66</div>