| 143 | | |
| 144 | | /* WordPress TinyMCE Previews */ |
| 145 | | .wp-view-wrap { |
| 146 | | position: relative; |
| 147 | | display: inline-block; |
| 148 | | } |
| 149 | | |
| 150 | | .wp-view-wrap * { |
| 151 | | font-family: sans-serif; |
| 152 | | font-weight: normal; |
| 153 | | } |
| 154 | | |
| 155 | | .wp-view-wrap img { |
| 156 | | display: block; |
| 157 | | border: 0; |
| 158 | | padding: 0; |
| 159 | | margin: 0; |
| 160 | | border-radius: 0; |
| 161 | | box-shadow: none; |
| 162 | | } |
| 163 | | |
| 164 | | .wp-view-wrap.alignnone { |
| 165 | | display: block; |
| 166 | | } |
| 167 | | |
| 168 | | .wp-view-wrap.aligncenter { |
| 169 | | display: block; |
| 170 | | text-align: center; |
| 171 | | } |
| 172 | | |
| 173 | | .wp-view-wrap.alignleft { |
| 174 | | float: left; |
| 175 | | } |
| 176 | | |
| 177 | | .wp-view-wrap.alignright { |
| 178 | | float: right; |
| 179 | | } |
| 180 | | |
| 181 | | .wp-view-wrap .overlay { |
| 182 | | opacity: 0; |
| 183 | | display: block; |
| 184 | | content: ''; |
| 185 | | position: absolute; |
| 186 | | top: 0; |
| 187 | | left: 0; |
| 188 | | right: 0; |
| 189 | | bottom: 0; |
| 190 | | box-shadow: inset 0 0 45px rgba( 0, 0, 0, 0.3 ); |
| 191 | | /*box-shadow: |
| 192 | | inset 0 60px 30px -30px rgba( 0, 0, 0, 0.2 ), |
| 193 | | inset 0 -60px 30px -30px rgba( 0, 0, 0, 0.2 );*/ |
| 194 | | overflow: hidden; |
| 195 | | |
| 196 | | -webkit-transition: opacity 100ms ease-in-out, background 150ms; |
| 197 | | -moz-transition: opacity 100ms ease-in-out, background 150ms; |
| 198 | | -ms-transition: opacity 100ms ease-in-out, background 150ms; |
| 199 | | -o-transition: opacity 100ms ease-in-out, background 150ms; |
| 200 | | transition: opacity 100ms ease-in-out, background 150ms; |
| 201 | | } |
| 202 | | |
| 203 | | .wp-view-wrap:hover .overlay, |
| 204 | | .wp-view-wrap.selected .overlay { |
| 205 | | opacity: 1; |
| 206 | | } |
| 207 | | .wp-view-wrap.selected .overlay { |
| 208 | | background: rgba( 0, 86, 132, 0.3 ); |
| 209 | | } |
| 210 | | |
| 211 | | .wp-view-wrap .spinner { |
| 212 | | background: #fff url("../../../../../../../wp-admin/images/wpspin_light.gif") no-repeat center center; |
| 213 | | } |
| 214 | | |
| 215 | | .wp-view-wrap .button { |
| 216 | | position: absolute; |
| 217 | | height: 22px; |
| 218 | | line-height: 22px; |
| 219 | | font-size: 14px; |
| 220 | | text-align: center; |
| 221 | | cursor: pointer; |
| 222 | | color: #464646; |
| 223 | | |
| 224 | | background: #f3f3f3; |
| 225 | | background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4)); |
| 226 | | background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); |
| 227 | | background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4); |
| 228 | | background-image: -ms-linear-gradient(top, #fefefe, #f4f4f4); |
| 229 | | background-image: -o-linear-gradient(top, #fefefe, #f4f4f4); |
| 230 | | background-image: linear-gradient(to bottom, #fefefe, #f4f4f4); |
| 231 | | |
| 232 | | box-shadow: 0 0 0 1px rgba( 0, 0, 0, 0.2 ); |
| 233 | | border-radius: 2px; |
| 234 | | } |
| 235 | | |
| 236 | | .wp-view-wrap .button:hover { |
| 237 | | box-shadow: |
| 238 | | 0 0 0 1px rgba( 0, 0, 0, 0.6 ), |
| 239 | | 0 0 10px rgba( 255, 255, 255, 0.4 ); |
| 240 | | background: #fff; |
| 241 | | background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3)); |
| 242 | | background-image: -webkit-linear-gradient(top, #fff, #f3f3f3); |
| 243 | | background-image: -moz-linear-gradient(top, #fff, #f3f3f3); |
| 244 | | background-image: -ms-linear-gradient(top, #fff, #f3f3f3); |
| 245 | | background-image: -o-linear-gradient(top, #fff, #f3f3f3); |
| 246 | | background-image: linear-gradient(to bottom, #fff, #f3f3f3); |
| 247 | | color: #333; |
| 248 | | } |
| 249 | | |
| 250 | | .wp-view-wrap .close { |
| 251 | | top: 5px; |
| 252 | | right: 5px; |
| 253 | | width: 22px; |
| 254 | | font-size: 22px; |
| 255 | | line-height: 20px; |
| 256 | | } |
| 257 | | |
| 258 | | .wp-view-wrap .edit { |
| 259 | | bottom: 5px; |
| 260 | | right: 5px; |
| 261 | | padding: 0 10px; |
| 262 | | } |
| 263 | | |
| 264 | | .editor-attachment { |
| 265 | | display: inline-block; |
| 266 | | position: relative; |
| 267 | | margin-top: 10px; |
| 268 | | margin-right: 10px; |
| 269 | | overflow: hidden; |
| 270 | | } |
| 271 | | |
| 272 | | .editor-attachment, |
| 273 | | .editor-attachment img { |
| 274 | | min-height: 100px; |
| 275 | | min-width: 100px; |
| 276 | | } |
| 277 | | |
| 278 | | .editor-attachment img, |
| 279 | | .editor-attachment .overlay { |
| 280 | | border-radius: inherit; |
| 281 | | } |
| 282 | | |
| 283 | | .editor-attachment-preview { |
| 284 | | position: relative; |
| 285 | | } |
| 286 | | |
| 287 | | .wp-view-type-gallery { |
| 288 | | display: block; |
| 289 | | } |
| 290 | | |
| 291 | | .editor-gallery { |
| 292 | | display: inline-block; |
| 293 | | position: relative; |
| 294 | | min-height: 150px; |
| 295 | | min-width: 150px; |
| 296 | | margin: 5px 15px 15px 5px; |
| 297 | | box-shadow: |
| 298 | | 0 0 0 4px #fff, |
| 299 | | 0 0 0 5px #ccc, |
| 300 | | 5px 5px 0 4px #fff, |
| 301 | | 5px 5px 0 5px #ccc, |
| 302 | | 10px 10px 0 4px #fff, |
| 303 | | 10px 10px 0 5px #ccc; |
| 304 | | } |