OLD | NEW |
1 <!DOCTYPE html> | |
2 | |
3 <style> | |
4 .plugin { | 1 .plugin { |
5 display: block; | 2 display: block; |
6 width: 300px; | 3 width: 300px; |
7 height: 150px; | 4 height: 150px; |
8 } | 5 } |
9 | 6 |
10 .plugin-placeholder { | 7 .plugin-placeholder { |
11 width: 100%; | 8 width: 100%; |
12 height: 100%; | 9 height: 100%; |
13 overflow: hidden; | 10 overflow: hidden; |
14 display: flex; | 11 display: flex; |
15 align-items: center; | 12 align-items: center; |
16 background-color: gray; | 13 background-color: gray; |
17 font: 12px -webkit-control; | 14 font: 12px -webkit-control; |
18 } | 15 } |
19 | 16 |
20 .plugin-placeholder-content { | 17 .plugin-placeholder-content { |
21 text-align: center; | 18 text-align: center; |
22 margin: auto; | 19 margin: auto; |
23 } | 20 } |
24 </style> | |
25 | |
26 <div class="plugin"> | |
27 <div class="plugin-placeholder"> | |
28 <div class="plugin-placeholder-content"> | |
29 <div class="plugin-placeholder-message"> | |
30 Sorry, but your plugin couldn't be loaded. | |
31 </div> | |
32 </div> | |
33 </div> | |
34 </div> | |
OLD | NEW |