From b1db8b6282dd7d57ee6e6a1a717883a369ebabb4 Mon Sep 17 00:00:00 2001
From: Nicolas Stepien <mayhemydg@gmail.com>
Date: Sat, 25 Jun 2011 13:33:14 +0200
Subject: [PATCH] Change options centering CSS, should fix Opera.

---
 4chan_x.user.js | 19 ++++++-------------
 script.coffee   | 19 ++++++-------------
 2 files changed, 12 insertions(+), 26 deletions(-)

diff --git a/4chan_x.user.js b/4chan_x.user.js
index 8db8c3914..8198b4f46 100644
--- a/4chan_x.user.js
+++ b/4chan_x.user.js
@@ -2856,27 +2856,20 @@
       }\
 \
       #overlay {\
+        display: table;\
         position: fixed;\
         top: 0;\
-        right: 0;\
-        bottom: 0;\
         left: 0;\
+        height: 100%;\
+        width: 100%;\
         background: rgba(0,0,0,.5);\
       }\
       #options {\
-        height: 100%;\
-        width: 100%;\
-        display: -webkit-box;\
-        display: -moz-box;\
-        display: box;\
-        -webkit-box-align: center;\
-        -moz-box-align: center;\
-        box-align: center;\
-        -webkit-box-pack: center;\
-        -moz-box-pack: center;\
-        box-pack: center;\
+        display: table-cell;\
+        vertical-align: middle;\
       }\
       #options .dialog {\
+        margin: auto;\
         padding: 5px;\
         width: 500px;\
       }\
diff --git a/script.coffee b/script.coffee
index 279c49576..869737756 100644
--- a/script.coffee
+++ b/script.coffee
@@ -2258,27 +2258,20 @@ main =
       }
 
       #overlay {
+        display: table;
         position: fixed;
         top: 0;
-        right: 0;
-        bottom: 0;
         left: 0;
+        height: 100%;
+        width: 100%;
         background: rgba(0,0,0,.5);
       }
       #options {
-        height: 100%;
-        width: 100%;
-        display: -webkit-box;
-        display: -moz-box;
-        display: box;
-        -webkit-box-align: center;
-        -moz-box-align: center;
-        box-align: center;
-        -webkit-box-pack: center;
-        -moz-box-pack: center;
-        box-pack: center;
+        display: table-cell;
+        vertical-align: middle;
       }
       #options .dialog {
+        margin: auto;
         padding: 5px;
         width: 500px;
       }