From 189482db2405e72e7b2b162be60aa7920d93a6ca Mon Sep 17 00:00:00 2001 From: thomascube Date: Sun, 14 Jun 2009 19:25:11 +0000 Subject: Re-arrange html containers in order to move the footer links with the separator --- skins/default/ie6hacks.css | 2 +- skins/default/iehacks.css | 24 +++++----- skins/default/mail.css | 67 ++++++++++++++++++--------- skins/default/templates/mail.html | 87 ++++++++++++++++++------------------ skins/default/templates/message.html | 26 +++++------ 5 files changed, 116 insertions(+), 90 deletions(-) diff --git a/skins/default/ie6hacks.css b/skins/default/ie6hacks.css index 1b7b2a889..ac68a05b6 100644 --- a/skins/default/ie6hacks.css +++ b/skins/default/ie6hacks.css @@ -11,7 +11,7 @@ img #message div.confirmation, #remote-objects-message { - background-image: url(images/display/icons.gif); + background-image: url('images/display/icons.gif'); } ul.toolbarmenu li diff --git a/skins/default/iehacks.css b/skins/default/iehacks.css index a64e57e1b..0475bbc65 100644 --- a/skins/default/iehacks.css +++ b/skins/default/iehacks.css @@ -53,10 +53,15 @@ input, textarea width: expression((parseInt(document.documentElement.clientWidth)-400)+'px'); } -#mainscreen +#messagetoolbar select.mboxlist +{ + top: -8px; +} + +#mainscreen { width: expression((parseInt(document.documentElement.clientWidth)-40)+'px'); - height: expression((parseInt(document.documentElement.clientHeight)-125)+'px'); + height: expression((parseInt(document.documentElement.clientHeight)-101)+'px'); } #directorylist @@ -86,9 +91,9 @@ input, textarea height: expression(parseInt(this.parentNode.offsetHeight)+'px'); } -#mailpreviewframe +#mailrightcontent { - height: expression((parseInt(this.parentNode.offsetHeight)-205)+'px'); + height: expression((parseInt(this.parentNode.offsetHeight)-20)+'px'); } #partheader @@ -98,12 +103,7 @@ input, textarea #mailboxlist-container { - height: expression(parseInt(this.parentNode.offsetHeight)+'px'); -} - -#mailfooter -{ - width: expression((parseInt(document.documentElement.clientWidth)-40)+'px'); + height: expression((parseInt(this.parentNode.offsetHeight)-20)+'px'); } #messagelist, @@ -114,8 +114,8 @@ input, textarea #messageframe { - width: expression((parseInt(this.parentNode.offsetWidth)-170)+'px'); - height: expression((parseInt(this.parentNode.offsetHeight))+'px'); + width: expression((parseInt(this.parentNode.offsetWidth)-180)+'px'); + height: expression((parseInt(this.parentNode.offsetHeight)-20)+'px'); } #messagecanvas diff --git a/skins/default/mail.css b/skins/default/mail.css index 13a8a624b..b86345f9a 100644 --- a/skins/default/mail.css +++ b/skins/default/mail.css @@ -28,8 +28,9 @@ #messagetoolbar select.mboxlist { - position: absolute; - top: 8px; + position: relative; + margin: 0 8px; + top: -12px; } #messagetoolbar select.mboxlist option @@ -229,8 +230,7 @@ td.formlinks a:visited text-decoration: underline; } -#listcontrols, -#mailboxcontrols +#listcontrols { padding-right: 2em; } @@ -238,10 +238,10 @@ td.formlinks a:visited #messagecountbar { position: absolute; - bottom: 16px; - right: 20px; + bottom: 0px; + right: 0px; width: 300px; - height: 20px; + height: 16px; text-align: right; white-space: nowrap; } @@ -252,15 +252,24 @@ td.formlinks a:visited color: #333333; } -#mainscreen +#mainscreen { position: absolute; top: 85px; right: 20px; - bottom: 40px; + bottom: 16px; left: 20px; } +#mailleftcontainer +{ + position: absolute; + top: 0px; + left: 0px; + bottom: 0px; + width: 170px; +} + #mailrightcontainer { position: absolute; @@ -270,6 +279,15 @@ td.formlinks a:visited right: 0px; } +#mailrightcontent +{ + position: absolute; + top: 0px; + left: 0px; + right: 0px; + bottom: 20px; +} + #messagepartcontainer { position: absolute; @@ -287,6 +305,7 @@ td.formlinks a:visited bottom: 0px; border: 1px solid #999999; background-color: #F9F9F9; + overflow: auto; overflow-y: auto; overflow-x: hidden; } @@ -365,8 +384,8 @@ td.formlinks a:visited position: absolute; top: 0px; left: 0px; - width: 160px; - bottom: 0px; + width: 100%; + bottom: 20px; border: 1px solid #999; background-color: #F9F9F9; overflow: auto; @@ -496,14 +515,13 @@ td.formlinks a:visited font-weight: normal; } - #mailfooter { position: absolute; - left: 20px; - right: 20px; - bottom: 18px; - height: 20px; + left: 0px; + bottom: 0px; + height: 16px; + width: 100%; } #mailfooter table tr td @@ -512,7 +530,16 @@ td.formlinks a:visited vertical-align: bottom; } -#mailboxcontrols, +#mailboxcontrols +{ + position: absolute; + left: 0px; + bottom: 0px; + height: 16px; + width: auto; + font-size: 11px; +} + #listcontrols, #countcontrols, #quotabox @@ -539,7 +566,7 @@ body.messagelist #messagelist thead tr td { - height: 20px; + height: 19px; padding-top: 0px; padding-bottom: 0px; padding-left: 2px; @@ -728,9 +755,9 @@ body.messagelist { position: absolute; top: 0px; - left: 170px; + left: 180px; right: 0px; - bottom: 0px; + bottom: 20px; border: 1px solid #999; background-color: #FFF; overflow: auto; diff --git a/skins/default/templates/mail.html b/skins/default/templates/mail.html index 1606d1ecb..b90520e41 100644 --- a/skins/default/templates/mail.html +++ b/skins/default/templates/mail.html @@ -8,13 +8,13 @@ @@ -24,19 +24,26 @@
- +

-
+
+ :  +   +   +
+
+
+
-
+
+ + + +
+ + :  +   +   +   +   + + + + : + + + + + +    + + + +
-
- - - - - -
- -:  -  -  - - -:  -  -  -  -   - - - - -: - - - - - -  - - - -
+
+
@@ -115,8 +114,8 @@ - +
    diff --git a/skins/default/templates/message.html b/skins/default/templates/message.html index c53e7d51d..01e620bf5 100644 --- a/skins/default/templates/message.html +++ b/skins/default/templates/message.html @@ -6,9 +6,9 @@ @@ -17,14 +17,6 @@ -
    - -  - - -
    -
    @@ -32,19 +24,20 @@ - +
    - +
    +
    @@ -56,6 +49,13 @@
    +
    + + +    + + +