|
24
|
1 |
.gallery .item { |
|
|
2 |
overflow:hidden; position:relative; height: 250px; padding: 5px; |
|
|
3 |
} |
|
|
4 |
|
|
|
5 |
.img-ctn { |
|
|
6 |
height: 100%; width: 100%; border: 1px solid #DDD; padding: 5px; overflow: hidden; |
|
|
7 |
} |
|
|
8 |
|
|
|
9 |
.img-ctn:hover { |
|
|
10 |
background-color: #DDD; |
|
|
11 |
} |
|
|
12 |
|
|
|
13 |
.img-ctn p { |
|
|
14 |
background-color: #ddd; |
|
|
15 |
bottom: -5px; |
|
|
16 |
display: none; |
|
|
17 |
padding: 2px 5px; |
|
|
18 |
position: absolute; |
|
|
19 |
width: calc(100% - 22px); |
|
|
20 |
} |
|
|
21 |
|
|
|
22 |
.img-ctn:hover p, .img-ctn:hover .gallery-buttons { |
|
|
23 |
display: block; |
|
|
24 |
} |
|
|
25 |
|
|
|
26 |
.gallery .item img { |
|
|
27 |
margin: 0 auto; |
|
|
28 |
max-height: 100%; |
|
|
29 |
} |
|
|
30 |
|
|
|
31 |
.gallery-buttons{ |
|
|
32 |
display: none; |
|
|
33 |
position: absolute; |
|
|
34 |
right: 10px; |
|
|
35 |
top: 10px; |
|
|
36 |
} |
|
|
37 |
|
|
|
38 |
.subtitle { |
|
|
39 |
border-top: 1px solid #000; |
|
|
40 |
border-bottom: 1px dotted #000; |
|
|
41 |
margin-top: 20px; |
|
|
42 |
padding: 6px 0 10px; |
|
|
43 |
} |