From 6572754c10f695d9dab57cb5e2a26e212718ffa3 Mon Sep 17 00:00:00 2001 From: MatthewM Date: Tue, 18 Dec 2012 10:34:33 -0500 Subject: Cleaned up the overlay layout, added some minor visual and js fixes --- .../extra/webcpanel/templates/default/header.html | 6 +++- .../templates/default/memoserv/memos.html | 22 +++++++----- .../extra/webcpanel/templates/default/style.css | 40 +++++++++++++++++----- 3 files changed, 51 insertions(+), 17 deletions(-) (limited to 'modules/extra/webcpanel/templates/default') diff --git a/modules/extra/webcpanel/templates/default/header.html b/modules/extra/webcpanel/templates/default/header.html index c16799259..35bffaa23 100644 --- a/modules/extra/webcpanel/templates/default/header.html +++ b/modules/extra/webcpanel/templates/default/header.html @@ -10,7 +10,11 @@
-
+
+

Status Message:

+
+ +
diff --git a/modules/extra/webcpanel/templates/default/memoserv/memos.html b/modules/extra/webcpanel/templates/default/memoserv/memos.html index c078137d8..e62232baa 100644 --- a/modules/extra/webcpanel/templates/default/memoserv/memos.html +++ b/modules/extra/webcpanel/templates/default/memoserv/memos.html @@ -7,7 +7,6 @@ var id = "#dialog"; showModal(); - setInterval('hideModal()', t); $('.close').click(function (e) \{ e.preventDefault(); @@ -28,12 +27,14 @@ function showModal() \{ var mHeight = $(document).height(); var mWidth = $(window).width(); + + var alertMsg = '
{CMDR}
'; $('#mask').css(\{'width': mWidth, 'height': mHeight\}); $('#mask').fadeIn(200); $('#mask').fadeTo('fast',0.75); - $(id).html('

{CMDR}
Close'); + $('#dialogMsg').html(alertMsg); var top = mHeight/2-$(id).height()/2; var left= mWidth/2-$(id).width()/2; @@ -41,8 +42,11 @@ $(id).css('left', left); $('.master').fadeTo('fast',0.3); - $(id).fadeIn(500); - \} + $(id).fadeIn(500); + setTimeout(hideModal, t); + + \} + \}); {END IF} @@ -82,11 +86,13 @@ {IF EQ U YES} - Mark as Read - Reply Delete + Mark as Read    + Reply   + Delete {ELSE} - Mark as Unread - Reply Delete + Mark as Unread    + Reply    + Delete {END IF} diff --git a/modules/extra/webcpanel/templates/default/style.css b/modules/extra/webcpanel/templates/default/style.css index cab834ca1..73cac2329 100644 --- a/modules/extra/webcpanel/templates/default/style.css +++ b/modules/extra/webcpanel/templates/default/style.css @@ -124,9 +124,17 @@ body { text-align: left; } +td.right a:link, td.right a:visited { + color: #00F; + text-decoration: none; +} + +td.right a:hover { + text-decoration: underline; +} /* Modal Window */ #mask { - position: aboslute; + position: absolute; z-index: 9000; background-color: #000; height: 100%; @@ -143,11 +151,27 @@ body { padding:20px; } - #boxes #dialog { - background-color: #FFF; - width:375px; - height:203px; - padding: 20px; - -webkit-border-radius: 15px; - border-radius: 15px; +#boxes #dialog { + text-align: center; + background-color: #FFF; + width:375px; + height:203px; + padding: 20px; + -webkit-border-radius: 15px; + border-radius: 15px; + display: none; +} + +#dialogClose { + padding-top: 20px; +} + +#dialogClose a:link, #dialogClose a:visited { + color: #000; + text-decoration: none; +} + +#dialogClose a:hover { + color: #000; + text-decoration: underline; } -- cgit