div.container に p.article を追加
p.article に合わせて変更

div.container の padding を p.article の margin で表現
adjustCenter 廃止 & コンテンツの読み込み先を変更
div.container に top と left を追加
home.html の改行コードが変わってしまったのを修正
モーダルの横幅を最大930pxに変更
・モーダルウィンドウが930px以上になるときのセンタリングの不具合を修正(max-width:930px を追加したため)
・しょうさんのいっていた Safari
のリーディングリストのようなアニメーション

また、センタリングに関してはまだ IE8 に対応できていません
モーダルウィンドウのアニメーションを css で実装した場合の modal_css.css
と modal_css.js を追加
CSS3版が Firefox でも正常に動くように変更
ページ表示時に div#modal を display:none
で隠すのではなく、画面外に表示させておくようにした。
IE9以前では jQuery で、それ以外では CSS3
でアニメーションを実装するように変更
-ms-transform が -webkit-transform に書き変わってしまっていたのを修正
ie9-transition.js の追加と小型化
スタイルが JavaScript に依存しないように修正
最初からあるfadeの時間はとりあえずそのまま
IE8 でもセンタリングできるように、table-cell を使った方法に変更
不要な css の記述を削除
Merge pull request #2 from kkk669/modal-style

IE8 対応のために、センタリングの方法を transform から table-cell に変更
モーダルウィンドウの背景色(#fff)を#fbfbfbに変更
.rounded-corner-5 を削除
Safari の Reader っぽく
上下に余白を追加し、ページ全体でスクロール可能にし、iOSでのスクロールのしやすさを改善
モーダルウィンドウに必要なブロック要素を1層少なく
アニメーション中にクリックすると誤動作するバグも修正
変更点
- div.container-back の役割を div#modal に持たせた
- div#modal
  上でモーダルウィンドウのスクロールをするようになったので、div.background
  を消し、div#modal に背景を任せるように変更。
- div#modal に背景色を設定するので、opacity
  を使った透過ができなくなり(モーダルウィンドウ自体も透過されてしまう)、rgba を使った透過に変更
- IE8 では rgba に対応していないため、-ms-filter を追加。IE9 で rgba と
  -ms-filter の両方が効くのを防ぐために div#modal.fade:not(:target)
  のハックを使用
- また、div#modal に背景色を任せたことにより、背景のフェードに jQuery
  の fadeIn/Out
  が使えなくなる(モーダルウィンドウまでフェードしてしまう)ので、モーダルウィンドウのスライドイン/アウトと同様に
  CSS3 と jQuery (IE8/9) を使う方法に変更
- フェードアウト時のコールバック関数で実行していた処理は setTimeout
  でアニメーションが終わる頃に実行するように変更
- Firefox でスライドのアニメーションが効かなくなったので、とりあえず
  setTimeout で 20ms の待ち時間を入れた