|
0
|
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 |
display: none; |
|
|
15 |
position: absolute; |
|
|
16 |
bottom: -5px; |
|
|
17 |
background-color: #DDD; |
|
|
18 |
width: 100%; |
|
|
19 |
} |
|
|
20 |
|
|
|
21 |
.img-ctn:hover p { |
|
|
22 |
display: block; |
|
|
23 |
} |
|
|
24 |
|
|
|
25 |
.gallery .item img { |
|
|
26 |
margin: 0 auto; |
|
|
27 |
} |
|
|
28 |
|
|
|
29 |
.subtitle { |
|
|
30 |
border-top: 1px solid #000; |
|
|
31 |
border-bottom: 1px dotted #000; |
|
|
32 |
margin-top: 20px; |
|
|
33 |
padding: 6px 0 10px; |
|
|
34 |
} |