|
@@ -2108,12 +2108,29 @@ article img {
|
2108
|
2108
|
max-width: 100%;
|
2109
|
2109
|
}
|
2110
|
2110
|
|
2111
|
|
- .image {
|
2112
|
|
- border-radius: 0.35em;
|
2113
|
|
- border: 0;
|
2114
|
|
- display: inline-block;
|
2115
|
|
- position: relative;
|
2116
|
|
- }
|
|
2111
|
+.image {
|
|
2112
|
+ border-radius: 0.35em;
|
|
2113
|
+ border: 0;
|
|
2114
|
+ display: inline-block;
|
|
2115
|
+ position: relative;
|
|
2116
|
+}
|
|
2117
|
+
|
|
2118
|
+figure {
|
|
2119
|
+ border: 2px solid rgba(200, 200, 200, 0.7);
|
|
2120
|
+ border-radius: 0.35em;
|
|
2121
|
+ display: inline-block;
|
|
2122
|
+ position: relative;
|
|
2123
|
+ overflow: hidden;
|
|
2124
|
+}
|
|
2125
|
+
|
|
2126
|
+figure img {
|
|
2127
|
+ display: block;
|
|
2128
|
+}
|
|
2129
|
+
|
|
2130
|
+figure figcaption {
|
|
2131
|
+ display: block;
|
|
2132
|
+ background-color: rgba(200, 200, 200, 0.7);
|
|
2133
|
+}
|
2117
|
2134
|
|
2118
|
2135
|
.image:before {
|
2119
|
2136
|
-moz-transition: opacity 0.2s ease-in-out;
|
|
@@ -2174,23 +2191,23 @@ article img {
|
2174
|
2191
|
display: block;
|
2175
|
2192
|
}
|
2176
|
2193
|
|
2177
|
|
- .image.left {
|
|
2194
|
+ .image.left, figure.left {
|
2178
|
2195
|
float: left;
|
2179
|
2196
|
margin: 0 1.5em 1em 0;
|
2180
|
2197
|
top: 0.25em;
|
2181
|
2198
|
}
|
2182
|
2199
|
|
2183
|
|
- .image.right {
|
|
2200
|
+ .image.right, figure.right {
|
2184
|
2201
|
float: right;
|
2185
|
2202
|
margin: 0 0 1em 1.5em;
|
2186
|
2203
|
top: 0.25em;
|
2187
|
2204
|
}
|
2188
|
2205
|
|
2189
|
|
- .image.left, .image.right {
|
|
2206
|
+ .image.left, .image.right, figure.left, figure.right {
|
2190
|
2207
|
max-width: 40%;
|
2191
|
2208
|
}
|
2192
|
2209
|
|
2193
|
|
- .image.left img, .image.right img {
|
|
2210
|
+ .image.left img, .image.right img, figure.left img, figure.right img {
|
2194
|
2211
|
width: 100%;
|
2195
|
2212
|
}
|
2196
|
2213
|
|