summaryrefslogtreecommitdiff
path: root/skins/larry/mail.css
diff options
context:
space:
mode:
authorThomas Bruederli <thomas@roundcube.net>2012-07-04 23:39:45 +0200
committerThomas Bruederli <thomas@roundcube.net>2012-07-04 23:39:45 +0200
commit77fad166e30e5fd225495c6c78f525d0ce27c7b3 (patch)
tree7a8d8883e0cfe2c62f837fb4da629b5094c2e3c4 /skins/larry/mail.css
parentb1f30d873d52e15162b1ea5b8f3b57d96e926cdf (diff)
Some last layout changes for Larry: move search box to the right, visually connect message list footer to the list
Diffstat (limited to 'skins/larry/mail.css')
-rw-r--r--skins/larry/mail.css59
1 files changed, 48 insertions, 11 deletions
diff --git a/skins/larry/mail.css b/skins/larry/mail.css
index c23f4d59e..864d00567 100644
--- a/skins/larry/mail.css
+++ b/skins/larry/mail.css
@@ -36,6 +36,10 @@
bottom: 28px;
}
+#mailview-top.fullheight {
+ border-radius: 4px 4px 0 0;
+}
+
#mailview-bottom {
position: absolute;
left: 0;
@@ -67,7 +71,7 @@
#messagelistcontainer {
top: 0;
- bottom: 28px;
+ bottom: 30px;
overflow: auto;
}
@@ -77,7 +81,19 @@
left: 0;
right: 0;
height: 22px;
- padding: 2px 4px;
+ padding: 4px 8px;
+ border-top: 1px solid #ddd;
+ background: #ebebeb;
+ background: -moz-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#c6c6c6));
+ background: -o-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
+ background: -ms-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
+ background: linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
+ border-radius: 0 0 4px 4px;
+}
+
+#mailview-top.fullheight #messagelistfooter {
+ border-radius: 0;
}
#messagelistfooter.rightalign {
@@ -95,6 +111,10 @@
vertical-align: middle;
}
+#messagelistfooter #listselectors .menuselector {
+ margin-top: -2px;
+}
+
a.iconbutton.listmode {
width: 26px;
height: 20px;
@@ -302,9 +322,10 @@ a.iconbutton.threadmode.selected {
}
#searchfilter {
- width: 16em;
- top: 8px;
position: absolute;
+ right: 256px;
+ width: auto;
+ top: 8px;
}
#searchfilter select {
@@ -317,28 +338,36 @@ a.iconbutton.threadmode.selected {
width: 100%;
}
+#mailboxtoolbar,
#messagetoolbar {
position: absolute;
top: -6px;
- right: 0;
- left: 15em;
+ right: 390px;
+ left: 0;
height: 40px;
white-space: nowrap;
}
#messagetoolbar.fullwidth {
- left: 0;
+ right: 0;
}
-#mailtoolbar {
- text-align: right;
+#mailboxtoolbar {
+ right: 0;
+}
+
+#messagesearchtools {
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 240px;
}
#mailpreviewtoggle {
display: block;
position: absolute;
- top: 4px;
- right: 0;
+ top: 6px;
+ right: 6px;
width: 20px;
height: 18px;
background: url(images/buttons.png) -3px -458px no-repeat;
@@ -351,6 +380,14 @@ a.iconbutton.threadmode.selected {
/*** message list ***/
+#messagelist thead td:first-child {
+ border-radius: 4px 0 0 0;
+}
+
+#messagelist thead td:last-child {
+ border-radius: 0 4px 0 0;
+}
+
#messagelist tr td.attachment,
#messagelist tr td.threads,
#messagelist tr td.status,