mam/mamweb
13
1
Fork 0
Code Issues Pull requests 12 Projects Wiki Activity Actions

galerie | vystredeni nahledu

Browse source
This commit is contained in:
Bc. Petr Pecha 2015-10-25 19:44:45 +01:00
parent f9e037163a
commit ed81bf6577
2 changed files with 21 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
galerie/templates/galerie/GalerieNahled.html
View file

@ -37,7 +37,7 @@
<div class="galerie_nahledy"> <div class="galerie_nahledy">
{% for obrazek in obrazky %} {% for obrazek in obrazky %}
<div class="galerie_nahled"> <div class="galerie_nahled">
<div class="vystredeno"> <span class="vystredeno"></span>
<a title="Zobrazit tuto fotografii" href="./{{obrazek.pk}}#popis"> <a title="Zobrazit tuto fotografii" href="./{{obrazek.pk}}#popis">
<img <img
src="{{obrazek.obrazek_maly.url}}" src="{{obrazek.obrazek_maly.url}}"
@ -45,7 +45,6 @@
height={% widthratio obrazek.obrazek_maly.height 200 167 %} /> height={% widthratio obrazek.obrazek_maly.height 200 167 %} />
</a> </a>
</div> </div>
</div>
{% endfor %} {% endfor %}
<br> <br>
</div> </div>

24
mamweb/static/css/mamweb.css
View file

@ -467,13 +467,20 @@ div.zadani_azad_termin {
background-repeat: no-repeat; background-repeat: no-repeat;
} }
/*.galerie{ .galerie{
position: relative; position: relative;
}*/ text-align: center;
}
.popis{
text-align: center;
margin: 10px;
}
.galerie_nahledy{ .galerie_nahledy{
/*margin: 1em 0;*/ /*margin: 1em 0;*/
margin: 0 auto 0 auto; margin: 0 auto 0 auto;
text-align: center;
} }
.galerie_nahledy a{ .galerie_nahledy a{
@ -481,11 +488,10 @@ div.zadani_azad_termin {
width: 100%; width: 100%;
} }
.galerie_nahled{ .galerie_nahled{ /* frame */
float: left; float: left;
width: 190px; width: 190px;
height: 190px; height: 190px;
vertical-align: middle;
text-align: center; text-align: center;
border: solid; border: solid;
border-width: 4px; border-width: 4px;
@ -493,10 +499,20 @@ div.zadani_azad_termin {
border-color: #ffa500; border-color: #ffa500;
background-color: #ffa500; background-color: #ffa500;
margin: 10px; margin: 10px;
white-space: nowrap;
}
.vystredeno{ /* helper */
display: inline-block;
height: 100%;
vertical-align: middle;
} }
.galerie_nahled img{ .galerie_nahled img{
border-radius: 2px; border-radius: 2px;
vertical-align: middle;
max-height: 180px;
max-width: 180px;
} }