From 879b053e55834030a1d4879292c3e3267c3ffb7f Mon Sep 17 00:00:00 2001
From: thomascube <thomas@roundcube.net>
Date: Fri, 2 Dec 2011 17:19:24 +0000
Subject: New skin continued...

---
 skins/larry/images/buttons.png          | Bin 10774 -> 8862 bytes
 skins/larry/images/listicons.png        | Bin 0 -> 19464 bytes
 skins/larry/images/watermark.jpg        | Bin 0 -> 6163 bytes
 skins/larry/mail.css                    | 336 +++++++++++++++++++++++++++++++-
 skins/larry/settings.css                |   1 +
 skins/larry/styles.css                  |  13 +-
 skins/larry/templates/login.html        |   4 +-
 skins/larry/templates/mail.html         |   8 +-
 skins/larry/templates/settings.html     |   8 +-
 skins/larry/templates/settingsedit.html |   6 +-
 skins/larry/watermark.html              |  20 ++
 11 files changed, 376 insertions(+), 20 deletions(-)
 create mode 100644 skins/larry/images/listicons.png
 create mode 100644 skins/larry/images/watermark.jpg
 create mode 100644 skins/larry/watermark.html

diff --git a/skins/larry/images/buttons.png b/skins/larry/images/buttons.png
index 2ef4a9fb0..c9c1637ad 100644
Binary files a/skins/larry/images/buttons.png and b/skins/larry/images/buttons.png differ
diff --git a/skins/larry/images/listicons.png b/skins/larry/images/listicons.png
new file mode 100644
index 000000000..d0b943621
Binary files /dev/null and b/skins/larry/images/listicons.png differ
diff --git a/skins/larry/images/watermark.jpg b/skins/larry/images/watermark.jpg
new file mode 100644
index 000000000..c8250bf92
Binary files /dev/null and b/skins/larry/images/watermark.jpg 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
-- 
cgit v1.2.3