summaryrefslogtreecommitdiff
path: root/skins
diff options
context:
space:
mode:
authorthomascube <thomas@roundcube.net>2011-12-02 17:19:24 +0000
committerthomascube <thomas@roundcube.net>2011-12-02 17:19:24 +0000
commit879b053e55834030a1d4879292c3e3267c3ffb7f (patch)
treec92e233e83d4c6a3e8c6f71420026f78c75ef7a7 /skins
parentf230739a13b834f8d37936aa0e08d74d0a43b58d (diff)
New skin continued...
Diffstat (limited to 'skins')
-rw-r--r--skins/larry/images/buttons.pngbin10774 -> 8862 bytes
-rw-r--r--skins/larry/images/listicons.pngbin0 -> 19464 bytes
-rw-r--r--skins/larry/images/watermark.jpgbin0 -> 6163 bytes
-rw-r--r--skins/larry/mail.css336
-rw-r--r--skins/larry/settings.css1
-rw-r--r--skins/larry/styles.css13
-rw-r--r--skins/larry/templates/login.html4
-rw-r--r--skins/larry/templates/mail.html8
-rw-r--r--skins/larry/templates/settings.html8
-rw-r--r--skins/larry/templates/settingsedit.html6
-rw-r--r--skins/larry/watermark.html20
11 files changed, 376 insertions, 20 deletions
diff --git a/skins/larry/images/buttons.png b/skins/larry/images/buttons.png
index 2ef4a9fb0..c9c1637ad 100644
--- a/skins/larry/images/buttons.png
+++ b/skins/larry/images/buttons.png
Binary files differ
diff --git a/skins/larry/images/listicons.png b/skins/larry/images/listicons.png
new file mode 100644
index 000000000..d0b943621
--- /dev/null
+++ b/skins/larry/images/listicons.png
Binary files differ
diff --git a/skins/larry/images/watermark.jpg b/skins/larry/images/watermark.jpg
new file mode 100644
index 000000000..c8250bf92
--- /dev/null
+++ b/skins/larry/images/watermark.jpg
Binary files differ
diff --git a/skins/larry/mail.css b/skins/larry/mail.css
index 248aaba37..3d7c830ab 100644
--- a/skins/larry/mail.css
+++ b/skins/larry/mail.css
@@ -33,7 +33,7 @@
top: 0;
left: 0;
width: 100%;
- bottom: 26px;
+ bottom: 28px;
}
#mailview-bottom {
@@ -100,3 +100,337 @@
border-bottom: 0;
}
+#searchfilter {
+ width: 16em;
+}
+
+#messagetoolbar {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: auto;
+ height: 40px;
+}
+
+
+/*** message list ***/
+
+.boxlistcontent table {
+ display: table;
+ width: 100%;
+ table-layout: fixed;
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+.boxlistcontent thead tr td {
+ font-size: 11px;
+ font-weight: bold;
+ background: #d6eaf3;
+ background: -moz-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
+ background: -webkit-gradient(linear, left top, right top, color-stop(0,#e3f2f6), color-stop(14px,#d6eaf3), color-stop(100%,#d6eaf3));
+ background: -o-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
+ background: -ms-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px ,#d6eaf3 100%);
+ background: linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
+ border-left: 1px solid #bbd3da;
+}
+
+.boxlistcontent thead tr td a {
+ display: block;
+ padding: 8px 7px;
+ color: #69939e;
+ text-decoration: none;
+}
+
+.boxlistcontent tbody tr td {
+ font-size: 11px;
+ padding: 4px 7px;
+ border-bottom: 1px solid #ddd;
+ border-left: 1px dotted #bbd3da;
+ white-space: nowrap;
+ cursor: default;
+}
+
+.boxlistcontent thead tr td:first-child,
+.boxlistcontent tbody tr td:first-child {
+ border-left: 0;
+}
+
+.boxlistcontent tbody tr td a {
+ color: #333;
+ text-decoration: none;
+ white-space: nowrap;
+ cursor: default;
+}
+
+.boxlistcontent tr.selected td {
+ color: #fff !important;
+ background: #019bc6;
+ background: -moz-linear-gradient(top, #019bc6 0%, #017cb4 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019bc6), color-stop(100%,#017cb4));
+ background: -o-linear-gradient(top, #019bc6 0%, #017cb4 100%);
+ background: -ms-linear-gradient(top, #019bc6 0%, #017cb4 100%);
+ background: linear-gradient(top, #019bc6 0%, #017cb4 100%);
+}
+
+.boxlistcontent tr.selected td a,
+.boxlistcontent tr.selected td span {
+ color: #fff !important;
+}
+
+.boxlistcontent tr.unfocused td {
+ color: #fff !important;
+ background: #4db0d2;
+}
+
+.boxlistcontent tr.unfocused td a,
+.boxlistcontent tr.unfocused td span {
+ color: #fff !important;
+}
+
+.boxlistcontent tr.deleted td,
+.boxlistcontent tr.deleted td a {
+ color: #ccc !important;
+}
+
+#messagelist tr td.attachment,
+#messagelist tr td.threads,
+#messagelist tr td.status,
+#messagelist tr td.flag,
+#messagelist tr td.priority {
+ width: 17px;
+ padding: 4px 3px;
+}
+
+#messagelist tr td.threads {
+ width: 26px;
+}
+
+#messagelist tr td.flag,
+#messagelist tr td.status,
+#messagelist tr td.threads {
+ border-left: 0;
+}
+
+
+#messagelist tr td.size {
+ width: 60px;
+ text-align: right;
+}
+
+#messagelist tr td.from,
+#messagelist tr td.to,
+#messagelist tr td.cc,
+#messagelist tr td.replyto {
+ width: 180px;
+}
+
+#messagelist tr td.date {
+ width: 118px;
+}
+
+#messagelist tr.message {
+/* background-color: #fff; */
+}
+
+#messagelist tr.unread {
+ font-weight: bold;
+/* background-color: #fff; */
+}
+
+#messagelist tr.flagged td,
+#messagelist tr.flagged td a {
+ color: #f30;
+}
+
+#messagelist thead tr td.sortedASC a,
+#messagelist thead tr td.sortedDESC a {
+ color: #004458;
+ text-decoration: underline;
+ background: url(images/listicons.png) right -912px no-repeat;
+}
+
+#messagelist thead tr td.sortedASC a {
+ background-position: right -944px;
+}
+
+#messagelist td img {
+ vertical-align: middle;
+ display: inline-block;
+}
+
+#messagelist tbody tr td.flag,
+#messagelist tbody tr td.status,
+#messagelist tbody tr td.subject span.status {
+ cursor: pointer;
+}
+
+#messagelist tr td.flag span,
+#messagelist tr td.status span,
+#messagelist tr td.attachment span,
+#messagelist tr td.priority span {
+ display: block;
+ width: 15px;
+}
+
+#messagelist tr td div.collapsed,
+#messagelist tr td div.expanded,
+#messagelist tr td.threads div.listmenu,
+#messagelist tr td.attachment span.attachment,
+#messagelist tr td.attachment span.report,
+#messagelist tr td.priority span.priority,
+#messagelist tr td.priority span.prio1,
+#messagelist tr td.priority span.prio2,
+#messagelist tr td.priority span.prio3,
+#messagelist tr td.priority span.prio4,
+#messagelist tr td.priority span.prio5,
+#messagelist tr td.flag span.flagged,
+#messagelist tr td.flag span.unflagged,
+#messagelist tr td.flag span.unflagged:hover,
+#messagelist tr td.status span.status,
+#messagelist tr td.status span.msgicon,
+#messagelist tr td.status span.deleted,
+#messagelist tr td.status span.unread,
+#messagelist tr td.status span.unreadchildren,
+#messagelist tr td.subject span.msgicon,
+#messagelist tr td.subject span.deleted,
+#messagelist tr td.subject span.unread,
+#messagelist tr td.subject span.replied,
+#messagelist tr td.subject span.forwarded,
+#messagelist tr td.subject span.unreadchildren {
+ display: inline-block;
+ vertical-align: middle;
+ height: 18px;
+ width: 20px;
+ background: url(images/listicons.png) -100px 0 no-repeat;
+}
+
+#messagelist tbody tr td.attachment span.attachment {
+ background-position: 0 -998px;
+}
+#messagelist thead tr td.attachment span.attachment {
+ background-position: -24px -997px;
+}
+
+/*
+#messagelist tr td.attachment span.report {
+ background-position: 0 -255px;
+}
+
+#messagelist tr td.priority span.priority {
+ background-position: 0 -309px;
+}
+
+#messagelist tr td.priority span.prio5 {
+ background-position: 0 -358px;
+}
+
+#messagelist tr td.priority span.prio4 {
+ background-position: 0 -340px;
+}
+
+#messagelist tr td.priority span.prio3 {
+ background-position: 0 -324px;
+}
+
+#messagelist tr td.priority span.prio2 {
+ background-position: 0 -309px;
+}
+
+#messagelist tr td.priority span.prio1 {
+ background-position: 0 -290px;
+}
+*/
+#messagelist tbody tr td.flag span.flagged {
+ background-position: 0 -1036px;
+}
+
+#messagelist thead tr td.flag span.flagged {
+ background-position: -24px -1036px;
+}
+
+#messagelist tr td.flag span.unflagged:hover {
+ background-position: 0 -1056px;
+}
+
+#messagelist tr td.subject span.msgicon,
+#messagelist tr td.subject span.unreadchildren {
+ background-position: 0 -1056px;
+ margin: 0 2px;
+}
+
+#messagelist tr td.subject span.replied {
+ background-position: 0 -1076px;
+}
+
+#messagelist tr td.subject span.forwarded {
+ background-position: 0 -1096px;
+}
+
+#messagelist tr td.subject span.replied.forwarded {
+ background-position: 0 -1116px;
+}
+
+#messagelist tr td.status span.msgicon,
+#messagelist tr td.flag span.unflagged,
+#messagelist tr td.status span.unreadchildren {
+ background-position: 0 1056px; /* no icon */
+}
+/*
+#messagelist tr td.status span.msgicon:hover {
+ background-position: 0 -272px;
+}
+
+#messagelist tr td.status span.deleted,
+#messagelist tr td.subject span.deleted {
+ background-position: 0 -187px;
+}
+*/
+#messagelist tr td.status span.status,
+#messagelist tr td.status span.unread,
+#messagelist tr td.subject span.unread {
+ background-position: 0 -1016px;
+}
+
+#messagelist tr td div.collapsed {
+ background-position: 0 -1136px;
+ cursor: pointer;
+}
+
+#messagelist tr td div.expanded {
+ background-position: 0 -1156px;
+ cursor: pointer;
+}
+
+#messagelist tr td.threads div.listmenu {
+ background-position: 0 -976px;
+ cursor: pointer;
+ width: 26px;
+}
+
+#messagelist tbody tr td.subject {
+ width: 99%;
+}
+
+#messagelist tbody tr td.subject a {
+ cursor: default;
+ vertical-align: middle; /* #1487091 */
+}
+
+/* thread parent message with unread children */
+#messagelist tbody tr.unroot td.subject a {
+ text-decoration: underline;
+}
+
+/**** tree indicators ****/
+
+#messagelist tbody tr td span.branch div {
+ float: left;
+ height: 18px;
+}
+
+#messagelist tbody tr td span.branch div.tree {
+ height: 18px;
+ width: 15px;
+/* background: url(images/tree.gif) 0px 0px no-repeat; */
+}
diff --git a/skins/larry/settings.css b/skins/larry/settings.css
index 77b2ac3d8..dc46020e1 100644
--- a/skins/larry/settings.css
+++ b/skins/larry/settings.css
@@ -37,6 +37,7 @@
}
#preferences-frame {
+ border: 0;
border-radius: 4px 4px 0 0;
}
diff --git a/skins/larry/styles.css b/skins/larry/styles.css
index 643969eed..b8bb9350e 100644
--- a/skins/larry/styles.css
+++ b/skins/larry/styles.css
@@ -191,19 +191,19 @@ a.button.pressed {
width: 12px;
height: 12px;
text-indent: -1000px;
- background: url(images/buttons.png) -8px -212px no-repeat;
+ background: url(images/buttons.png) -8px -211px no-repeat;
}
.pagenav a.prevpage span.inner {
- background-position: -8px -227px;
+ background-position: -8px -226px;
}
.pagenav a.nextpage span.inner {
- background-position: -8px -242px;
+ background-position: -8px -241px;
}
.pagenav a.lastpage span.inner {
- background-position: -8px -257px;
+ background-position: -8px -256px;
}
.pagenav .countdisplay {
@@ -461,6 +461,7 @@ a.iconbutton.reset {
.listbox .listitem,
.listing tbody td,
.listing li {
+ font-size: 11px;
display: block;
border-top: 1px solid #fff;
border-bottom: 1px solid #bbd3da;
@@ -495,6 +496,7 @@ ul.listing {
table.listing {
width: 100%;
+ border-spacing: 0;
}
@@ -663,10 +665,11 @@ table.propform td.title {
#quicksearchbar input {
width: 176px;
- font-weight: bold;
+ margin: 0;
padding: 5px 26px 5px 38px;
background: #f1f1f1;
border-color: #a3a3a3;
+ font-weight: bold;
}
#quicksearchbar #searchmenulink {
diff --git a/skins/larry/templates/login.html b/skins/larry/templates/login.html
index ee4a13e8a..745bfefa4 100644
--- a/skins/larry/templates/login.html
+++ b/skins/larry/templates/login.html
@@ -1,5 +1,5 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<roundcube:object name="doctype" value="html5" />
+<html>
<head>
<title><roundcube:object name="pagetitle" /></title>
<meta name="Robots" content="noindex,nofollow" />
diff --git a/skins/larry/templates/mail.html b/skins/larry/templates/mail.html
index 294d1cec9..d93df4d47 100644
--- a/skins/larry/templates/mail.html
+++ b/skins/larry/templates/mail.html
@@ -1,5 +1,5 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<roundcube:object name="doctype" value="html5" />
+<html>
<head>
<title><roundcube:object name="pagetitle" /></title>
<roundcube:include file="/includes/links.html" />
@@ -14,8 +14,8 @@
<!-- search box -->
<div id="quicksearchbar">
-<roundcube:button name="searchmenulink" id="searchmenulink" class="iconbutton searchoptions" _onclick="rcmail_ui.show_popup('searchmenu');return false" title="searchmod" content=" " />
<roundcube:object name="searchform" id="quicksearchbox" />
+<roundcube:button name="searchmenulink" id="searchmenulink" class="iconbutton searchoptions" _onclick="rcmail_ui.show_popup('searchmenu');return false" title="searchmod" content=" " />
<roundcube:button command="reset-search" id="searchreset" class="iconbutton reset" title="resetsearch" content=" " />
</div>
@@ -49,9 +49,7 @@
<div id="messagelistcontainer" class="uibox boxlistcontent">
<roundcube:object name="messages"
id="messagelist"
- cellspacing="0"
columns=""
- summary="Message list"
optionsmenuIcon="true" />
</div>
diff --git a/skins/larry/templates/settings.html b/skins/larry/templates/settings.html
index 15592a264..83cfe1341 100644
--- a/skins/larry/templates/settings.html
+++ b/skins/larry/templates/settings.html
@@ -1,5 +1,5 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<roundcube:object name="doctype" value="html5" />
+<html>
<head>
<title><roundcube:object name="pagetitle" /></title>
<roundcube:include file="/includes/links.html" />
@@ -14,12 +14,12 @@
<div id="sectionslist" class="uibox listbox">
<div class="scroller">
- <roundcube:object name="sectionslist" id="sections-table" class="listing" cellspacing="0" />
+ <roundcube:object name="sectionslist" id="sections-table" class="listing" />
</div>
</div>
<div id="preferences-box" class="uibox contentbox">
-<roundcube:object name="prefsframe" id="preferences-frame" width="100%" height="97%" frameborder="0" src="about:blank" />
+<roundcube:object name="prefsframe" id="preferences-frame" style="width:100%; height:96%" src="/watermark.html" />
<roundcube:object name="message" id="message" class="statusbar" />
</div>
diff --git a/skins/larry/templates/settingsedit.html b/skins/larry/templates/settingsedit.html
index afcbeb590..e058ec6be 100644
--- a/skins/larry/templates/settingsedit.html
+++ b/skins/larry/templates/settingsedit.html
@@ -1,5 +1,5 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<roundcube:object name="doctype" value="html5" />
+<html>
<head>
<title><roundcube:object name="pagetitle" /></title>
<roundcube:include file="/includes/links.html" />
@@ -9,7 +9,7 @@
<h1 class="boxtitle"><roundcube:object name="sectionname" /></h1>
<div id="preferences-details" class="boxcontent">
-<roundcube:object name="userprefs" form="form" class="propform" cellspacing="0" />
+<roundcube:object name="userprefs" form="form" class="propform" />
</div>
<div id="formfooter">
diff --git a/skins/larry/watermark.html b/skins/larry/watermark.html
new file mode 100644
index 000000000..d1061d1f3
--- /dev/null
+++ b/skins/larry/watermark.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title></title>
+<style type="text/css">
+
+html, body {
+ height: 95%;
+}
+
+body {
+ background: url(images/watermark.jpg) center no-repeat #fff;
+}
+
+</style>
+</head>
+<body>
+
+</body>
+</html> \ No newline at end of file