| author | rougeronj |
| Fri, 16 Oct 2015 12:16:20 +0200 | |
| changeset 189 | 0ffed992c271 |
| parent 178 | a3e1106b6f96 |
| permissions | -rw-r--r-- |
|
106
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
104
diff
changeset
|
1 |
.gallery{ |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
104
diff
changeset
|
2 |
padding:0; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
104
diff
changeset
|
3 |
} |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
104
diff
changeset
|
4 |
|
| 24 | 5 |
.gallery .item { |
| 95 | 6 |
position:relative; |
|
177
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
7 |
height: 130px; |
|
106
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
104
diff
changeset
|
8 |
width: 18%; |
| 95 | 9 |
padding: 0; |
|
106
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
104
diff
changeset
|
10 |
margin: 1%; |
| 95 | 11 |
border: 1px solid #cdcdcd; |
12 |
overflow: hidden; |
|
| 24 | 13 |
} |
14 |
||
|
177
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
15 |
.gallery .item.no-img p { |
|
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
16 |
font-size: 22px; |
|
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
17 |
position: relative; |
|
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
18 |
top: 50%; |
|
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
19 |
transform: translateY(-50%); |
|
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
20 |
} |
|
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
21 |
|
|
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
22 |
@media (min-width:768px) and (max-width:991px){ |
|
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
23 |
.gallery .item{ |
|
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
24 |
height: 170px; |
|
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
25 |
} |
|
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
26 |
.gallery .item.no-img p { |
|
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
27 |
font-size: 28px; |
|
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
28 |
} |
|
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
29 |
} |
|
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
30 |
@media (min-width:992px){ |
|
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
31 |
.gallery .item{ |
|
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
32 |
height: 200px; |
|
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
33 |
} |
|
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
34 |
.gallery .item.no-img p { |
|
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
35 |
font-size: 32px; |
|
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
36 |
} |
|
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
37 |
} |
|
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
38 |
|
| 95 | 39 |
.gallery .item.no-img { |
|
177
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
40 |
background-color: #f4f4f4; |
| 95 | 41 |
border: 1px solid #cdcdcd; |
| 24 | 42 |
} |
43 |
||
| 178 | 44 |
.gallery .item a{ |
45 |
text-decoration: none; |
|
46 |
} |
|
| 95 | 47 |
.gallery .item p { |
48 |
text-align: center; |
|
49 |
color: #505050; |
|
| 104 | 50 |
font-size: 15px; |
| 24 | 51 |
position: absolute; |
| 95 | 52 |
width:100%; |
53 |
background-color: rgba(255, 255, 255, 0.7); |
|
54 |
bottom: 0; |
|
55 |
margin: 0; |
|
|
177
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
56 |
} |
| 24 | 57 |
|
|
177
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
58 |
.gallery .item.no-img p{ |
|
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
59 |
background: none; |
| 24 | 60 |
} |
61 |
||
62 |
.gallery .item img { |
|
| 95 | 63 |
position: absolute; |
64 |
left: 50%; |
|
65 |
top: 50%; |
|
66 |
width: 100%; |
|
67 |
height: auto; |
|
68 |
-webkit-transform: translate(-50%,-50%); |
|
69 |
-ms-transform: translate(-50%,-50%); |
|
70 |
transform: translate(-50%,-50%); |
|
71 |
} |
|
72 |
||
73 |
.gallery .item .img-landscape { |
|
74 |
height: 100%; |
|
75 |
width: auto; |
|
| 24 | 76 |
} |
77 |
||
78 |
.gallery-buttons{ |
|
| 95 | 79 |
font-size:15px; |
| 24 | 80 |
position: absolute; |
| 95 | 81 |
width: 100%; |
82 |
padding: 2px 5px; |
|
83 |
background-color: rgba(255, 255, 255, 0.7); |
|
84 |
} |
|
85 |
||
86 |
.gallery-buttons a{ |
|
87 |
cursor: pointer; |
|
| 24 | 88 |
} |
89 |
||
|
177
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
90 |
|
|
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
91 |
.gallery .item.no-img .gallery-buttons{ |
|
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
92 |
background: none; |
|
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
93 |
} |
|
4a79d51d0b50
add media queries to adapt the galleries and the gallery items looks
rougeronj
parents:
114
diff
changeset
|
94 |
|
| 24 | 95 |
.subtitle { |
96 |
border-top: 1px solid #000; |
|
97 |
border-bottom: 1px dotted #000; |
|
98 |
margin-top: 20px; |
|
99 |
padding: 6px 0 10px; |
|
100 |
} |
|
| 53 | 101 |
|
102 |
.add-book{ |
|
| 95 | 103 |
padding:20px; |
| 53 | 104 |
} |
105 |
.add-book input{ |
|
| 95 | 106 |
margin-bottom: 10px; |
| 53 | 107 |
} |
|
69
88f76bf93465
update list book view with accordeons and add delete fonction on a book
rougeronj
parents:
53
diff
changeset
|
108 |
|
|
88f76bf93465
update list book view with accordeons and add delete fonction on a book
rougeronj
parents:
53
diff
changeset
|
109 |
.accordion-toggle .glyphicon{ |
| 95 | 110 |
font-size: 17px; |
111 |
margin-left:10px; |
|
|
75
288fb435874e
Render parent books, child books, and other books separately - minor clean in modal.html
rougeronj
parents:
69
diff
changeset
|
112 |
} |
|
288fb435874e
Render parent books, child books, and other books separately - minor clean in modal.html
rougeronj
parents:
69
diff
changeset
|
113 |
|
|
288fb435874e
Render parent books, child books, and other books separately - minor clean in modal.html
rougeronj
parents:
69
diff
changeset
|
114 |
.list-books:nth-child(odd){ |
| 95 | 115 |
background-color:#f8f8f8; |
| 53 | 116 |
} |