@@ -382,7 +382,7 @@ font-size: 9pt; | |||||
} | } | ||||
/* options.js */ | /* options.js */ | ||||
#options_div { | |||||
#options_div, #alert_div { | |||||
background: #a47a6b url('img/caffe_reply.png') repeat center; | background: #a47a6b url('img/caffe_reply.png') repeat center; | ||||
border: solid 1px #a47a6b; | border: solid 1px #a47a6b; | ||||
-moz-border-radius: 5px; | -moz-border-radius: 5px; | ||||
@@ -181,7 +181,7 @@ div.report { | |||||
} | } | ||||
/* options.js */ | /* options.js */ | ||||
#options_div { | |||||
#options_div, #alert_div { | |||||
background: #333333; | background: #333333; | ||||
} | } | ||||
.options_tab_icon { | .options_tab_icon { | ||||
@@ -471,7 +471,7 @@ input[type="submit"]:hover | |||||
} | } | ||||
/* options.js */ | /* options.js */ | ||||
#options_div { | |||||
#options_div, #alert_div { | |||||
background: #333333; | background: #333333; | ||||
} | } | ||||
.options_tab_icon { | .options_tab_icon { | ||||
@@ -101,7 +101,7 @@ div.boardlist.bottom { | |||||
} | } | ||||
/* options.js */ | /* options.js */ | ||||
#options_div { | |||||
#options_div, #alert_div { | |||||
background: rgb(240, 224, 214); | background: rgb(240, 224, 214); | ||||
} | } | ||||
.options_tab_icon { | .options_tab_icon { | ||||
@@ -98,7 +98,7 @@ table.modlog tr th { | |||||
} | } | ||||
/* options.js */ | /* options.js */ | ||||
#options_div { | |||||
#options_div, #alert_div { | |||||
background: rgb(240, 224, 214); | background: rgb(240, 224, 214); | ||||
} | } | ||||
@@ -86,7 +86,7 @@ table.modlog tr th { | |||||
} | } | ||||
/* options.js */ | /* options.js */ | ||||
#options_div { | |||||
#options_div, #alert_div { | |||||
background: rgb(240, 224, 214); | background: rgb(240, 224, 214); | ||||
} | } | ||||
.options_tab_icon { | .options_tab_icon { | ||||
@@ -256,7 +256,7 @@ border-top: 1px solid #835B36 !important; | |||||
} | } | ||||
/* options.js */ | /* options.js */ | ||||
#options_div { | |||||
#options_div, #alert_div { | |||||
background: white; | background: white; | ||||
} | } | ||||
@@ -786,7 +786,7 @@ div.thread:hover { | |||||
text-align: center; | text-align: center; | ||||
} | } | ||||
#options_handler { | |||||
#options_handler, #alert_handler { | |||||
position: fixed; | position: fixed; | ||||
top: 0px; | top: 0px; | ||||
left: 0px; | left: 0px; | ||||
@@ -798,7 +798,7 @@ div.thread:hover { | |||||
z-index: 9900; | z-index: 9900; | ||||
} | } | ||||
#options_background { | |||||
#options_background, #alert_background { | |||||
background: black; | background: black; | ||||
opacity: 0.5; | opacity: 0.5; | ||||
position: absolute; | position: absolute; | ||||
@@ -811,21 +811,38 @@ div.thread:hover { | |||||
z-index: -1; | z-index: -1; | ||||
} | } | ||||
#options_div { | |||||
#options_div, #alert_div { | |||||
background-color: #d6daf0; | background-color: #d6daf0; | ||||
border: 1px solid black; | border: 1px solid black; | ||||
display: inline-block; | display: inline-block; | ||||
position: relative; | position: relative; | ||||
margin-top: 20px; | margin-top: 20px; | ||||
} | |||||
#options_div { | |||||
width: 600px; | width: 600px; | ||||
height: 300px; | height: 300px; | ||||
} | } | ||||
#alert_div { | |||||
width: 500px; | |||||
} | |||||
#alert_message { | |||||
text-align: center; | |||||
margin: 13px; | |||||
font-size: 110%; | |||||
} | |||||
.alert_button { | |||||
margin-bottom: 13px; | |||||
} | |||||
#options_div textarea { | #options_div textarea { | ||||
max-width: 100%; | max-width: 100%; | ||||
} | } | ||||
#options_close { | |||||
#options_close, #alert_close { | |||||
top: 0px; | top: 0px; | ||||
right: 0px; | right: 0px; | ||||
position: absolute; | position: absolute; | ||||
@@ -878,7 +895,7 @@ div.thread:hover { | |||||
margin-bottom: 5px; | margin-bottom: 5px; | ||||
} | } | ||||
.mobile-style #options_div { | |||||
.mobile-style #options_div, .mobile-style #alert_div { | |||||
display: block; | display: block; | ||||
width: 100%; | width: 100%; | ||||
height: 100%; | height: 100%; | ||||
@@ -59,7 +59,7 @@ table.modlog tr th { | |||||
} | } | ||||
/* options.js */ | /* options.js */ | ||||
#options_div { | |||||
#options_div, #alert_div { | |||||
background: #f0e0d6; | background: #f0e0d6; | ||||
} | } | ||||
@@ -69,6 +69,29 @@ var datelocale = | |||||
, pm: _('pm') | , pm: _('pm') | ||||
}; | }; | ||||
function alert(a) { | |||||
var handler, div; | |||||
var close = function() { | |||||
handler.fadeOut(400, function() { handler.remove(); }); | |||||
return false; | |||||
}; | |||||
handler = $("<div id='alert_handler'></div>").hide().appendTo('body'); | |||||
$("<div id='alert_background'></div>").click(close).appendTo(handler); | |||||
div = $("<div id='alert_div'></div>").appendTo(handler); | |||||
$("<a id='alert_close' href='javascript:void(0)'><i class='fa fa-times'></i></div>") | |||||
.click(close).appendTo(div); | |||||
$("<div id='alert_message'></div>").html(a).appendTo(div); | |||||
$("<button class='button alert_button'>"+_("OK")+"</button>").click(close).appendTo(div); | |||||
handler.fadeIn(400); | |||||
} | |||||
var saved = {}; | var saved = {}; | ||||