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:48:30 +0200
commite8b45a6e0faee3dd3f76f17f21eca7feb800f3e1 (patch)
tree4a030beb4a1ecbbc1dcc052d1cf293fbf8f1bddc /skins/larry/mail.css
parentecc3ba134e754b5bf288765e14ac1b0a906208b5 (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 830638a4a..3804d80f4 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,