Larry's identities settings and about page

9 files changed, 211 insertions, 21 deletions

diff --git a/skins/larry/includes/header.html b/skins/larry/includes/header.html
index 9295b7e9d..2fd6774fe 100644
--- a/skins/larry/includes/header.html
+++ b/skins/larry/includes/header.html
@@ -1,6 +1,7 @@
 <div id="header">
 <div id="topline">
 	<div class="topleft">
+		<roundcube:button command="about" type="link" label="about" class="about-link" />
 		<roundcube:if condition="config:support_url" />
 		<a href="<roundcube:var name='config:support_url' />" target="_blank" class="support-link"><roundcube:label name="support" /></a>
 		<roundcube:endif />
diff --git a/skins/larry/includes/settingstabs.html b/skins/larry/includes/settingstabs.html
index 8b23afc1f..bb26fc6a6 100644
--- a/skins/larry/includes/settingstabs.html
+++ b/skins/larry/includes/settingstabs.html
@@ -4,7 +4,6 @@
 	<span id="settingstabpreferences" class="listitem preferences"><roundcube:button command="preferences" type="link" label="preferences" title="editpreferences" /></span>
 	<span id="settingstabfolders" class="listitem folders"><roundcube:button command="folders" type="link" label="folders" title="managefolders" /></span>
 	<span id="settingstabidentities" class="listitem identities"><roundcube:button command="identities" type="link" label="identities" title="manageidentities" /></span>
-	<span id="settingstababout" class="listitem about"><roundcube:button command="about" type="link" label="about" title="about" /></span>
 	<roundcube:container name="tabs" id="settings-tabs" />
 </div>
 </div>
diff --git a/skins/larry/settings.css b/skins/larry/settings.css
index 70e3599ae..ccb96c0ca 100644
--- a/skins/larry/settings.css
+++ b/skins/larry/settings.css
@@ -16,15 +16,15 @@
 	position: absolute;
 	top: 0;
 	left: 0;
-	width: 240px;
+	width: 220px;
 	bottom: 0;
 }
 
 #sectionslist {
 	position: absolute;
 	top: 0;
-	left: 250px;
-	width: 240px;
+	left: 230px;
+	width: 260px;
 	bottom: 0;
 }
 
@@ -48,11 +48,14 @@
 	background: url(images/listicons.png) -100px 0 no-repeat;
 }
 
-#settings-sections span.listitem a {
+/* note: support span.tablink because this is used by plugins */
+#settings-sections span.listitem a,
+#settings-sections span.tablink a {
 	background-position: 6px -862px;
 }
 
-#settings-sections span.selected a {
+#settings-sections span.selected a,
+#settings-sections span.tablink.selected a {
 	background-position: 6px -887px;
 }
 
@@ -142,3 +145,19 @@
 	background-position: 6px -550px;
 }
 
+#identitieslist {
+	position: absolute;
+	top: 0;
+	left: 230px;
+	width: 300px;
+	bottom: 0;
+}
+
+#identity-details {
+	position: absolute;
+	top: 0;
+	left: 540px;
+	right: 0;
+	bottom: 0;
+}
+
diff --git a/skins/larry/styles.css b/skins/larry/styles.css
index d3a117b2d..0b9e1b49c 100644
--- a/skins/larry/styles.css
+++ b/skins/larry/styles.css
@@ -47,7 +47,7 @@ textarea {
 input[type="text"]:focus,
 input[type="password"]:focus,
 input.button:focus,
-textarea {
+textarea:focus {
 	border-color: #4787b1;
 	box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
 	-moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
@@ -85,7 +85,7 @@ input.button {
 }
 
 .formbuttons input.button {
-	color: #dddddd;
+	color: #ddd;
 	font-size: 110%;
 	text-shadow: 1px 1px 1px #333;
 	padding: 4px 12px;
@@ -100,7 +100,7 @@ input.button {
 }
 
 .formbuttons input.button:hover {
-	color: #ededed;
+	color: #f2f2f2;
 	box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6);
 	-moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6);
 	-webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6);
@@ -369,9 +369,10 @@ a.iconbutton.reset {
 	padding-right: 1em;
 }
 
-#topline a.support-link {
+#topline .topleft a {
 	display: inline-block;
-	padding: 2px 0;
+	padding: 2px 0.8em 0 0;
+	color: #aaa;
 }
 
 #topline a.button-logout {
@@ -463,6 +464,27 @@ a.iconbutton.reset {
 	background: #fff;
 }
 
+.scroller {
+	overflow: auto;
+}
+
+.readtext {
+	width: 42em;
+	padding: 12px;
+}
+
+.readtext > h1,
+.readtext > h2,
+.readtext > h3 {
+	margin-top: 0;
+}
+
+.watermark {
+	background-image: url(images/watermark.jpg);
+	background-position: center;
+	background-repeat: no-repeat;
+}
+
 /*** lists ***/
 
 .listbox {
@@ -479,7 +501,7 @@ a.iconbutton.reset {
 	overflow: auto;
 }
 
-.listbox .scroller.wfooter {
+.listbox .scroller.withfooter {
 	bottom: 42px;
 }
 
@@ -525,7 +547,8 @@ a.iconbutton.reset {
 	text-shadow: 1px 1px 1px #fff;
 	text-decoration: none;
 	cursor: default;
-	padding: 8px 8px 4px 8px;
+	padding: 7px 8px 5px 8px;
+	white-space: nowrap;
 }
 
 .listbox .listitem.selected,
@@ -587,15 +610,30 @@ table.listing {
 	background: url(images/buttons.png) -1000px 0 no-repeat;
 }
 
+.boxfooter .listbutton.add .inner {
+	background-position: 8px -1210px;
+}
+
 .boxfooter .listbutton.groupactions .inner {
 	background-position: 4px -1292px;
 }
 
-.errobox h3 {
+.centerbox {
+	width: 40em;
+	margin: 36px auto;
+}
+
+.errorbox {
+	width: 40em;
+	padding: 20px;
+}
+
+.errorbox h3 {
 	font-size: 16px;
 	margin-top: 0;
 }
 
+
 /*** iFrames ***/
 
 body.iframe {
@@ -603,11 +641,8 @@ body.iframe {
 	margin: 38px 0 20px 0;
 }
 
+.contentbox .boxtitle,
 body.iframe .boxtitle {
-	position: fixed;
-	top: 0;
-	left: 0;
-	width: 100%;
 	color: #777;
 	background: #eee;
 	background: -moz-linear-gradient(top, #eee 0%, #dfdfdf 100%);
@@ -618,10 +653,26 @@ body.iframe .boxtitle {
 	border-bottom: 1px solid #ccc;
 }
 
+body.iframe .boxtitle {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+}
+
 .boxcontent {
 	padding: 10px;
 }
 
+.contentbox .scroller {
+	position: absolute;
+	top: 34px;
+	left: 0;
+	right: 0;
+	bottom: 28px;
+	overflow: auto;
+}
+
 .footerleft {
 	padding: 0 12px;
 }
@@ -659,6 +710,11 @@ table.propform td.title {
 	white-space: nowrap;
 }
 
+table.propform .mceLayout td {
+	padding: 0;
+	border-bottom: 0;
+}
+
 
 /*** Login form ***/
 
@@ -787,7 +843,7 @@ table.propform td.title {
 	text-align: center;
 	font-size: 10px;
 	color: #555;
-	min-width: 55px;
+	min-width: 50px;
 	max-width: 75px;
 	overflow: hidden;
 	text-overflow: ellipsis;
diff --git a/skins/larry/templates/about.html b/skins/larry/templates/about.html
new file mode 100644
index 000000000..f1e424260
--- /dev/null
+++ b/skins/larry/templates/about.html
@@ -0,0 +1,36 @@
+<roundcube:object name="doctype" value="html5" />
+<html>
+<head>
+<title><roundcube:object name="pagetitle" /></title>
+<roundcube:include file="/includes/links.html" />
+</head>
+<body>
+
+<roundcube:include file="/includes/header.html" />
+
+<div class="offset uibox scroller centerbox" style="width:60em">
+
+<div class="readtext">
+<roundcube:object name="aboutcontent" />
+
+<h2 class="sysname">Roundcube Webmail <roundcube:object name="version" /></h2>
+<p class="copyright">Copyright &copy; 2005-2011, The Roundcube Dev Team</p>
+<p class="license">This program is free software; you can redistribute it and/or modify
+it under the terms of the <a href="http://www.gnu.org/licenses/gpl-2.0.html" target="_blank">GNU General Public License version 2</a>
+as published by the Free Software Foundation.
+</p>
+<p class="links"><roundcube:object name="supportlink" label="support" target="_blank" /></p>
+
+</div>
+
+<div class="readtext">
+<h3><roundcube:label name="installedplugins" en_US="Installed plugins" /></h3>
+<roundcube:object name="pluginlist" id="pluginlist" class="records-table" cellspacing="0" />
+</div>
+
+</div>
+
+<roundcube:include file="/includes/footer.html" />
+
+</body>
+</html>
diff --git a/skins/larry/templates/error.html b/skins/larry/templates/error.html
index 222683f8b..cd0fc9656 100644
--- a/skins/larry/templates/error.html
+++ b/skins/larry/templates/error.html
@@ -8,7 +8,7 @@
 
 <roundcube:include file="/includes/header.html" />
 
-<div class="uibox errobox" style="width:40em; margin:60px auto; padding:20px">
+<div class="uibox centerbox errorbox">
 $__page_content
 </div>
 
diff --git a/skins/larry/templates/identities.html b/skins/larry/templates/identities.html
new file mode 100644
index 000000000..53d7539bc
--- /dev/null
+++ b/skins/larry/templates/identities.html
@@ -0,0 +1,34 @@
+<roundcube:object name="doctype" value="html5" />
+<html>
+<head>
+<title><roundcube:object name="pagetitle" /></title>
+<roundcube:include file="/includes/links.html" />
+</head>
+<body>
+
+<roundcube:include file="/includes/header.html" />
+
+<div id="mainscreen" class="offset">
+
+<roundcube:include file="/includes/settingstabs.html" />
+
+<div id="identitieslist" class="uibox listbox">
+<h2 class="boxtitle"><roundcube:label name="identities" /></h2>
+<div class="scroller withfooter">
+<roundcube:object name="identitiesList" id="identities-table" class="listing" cellspacing="0" summary="Identities list" noheader="true" editIcon="" />
+</div>
+<div class="boxfooter">
+<roundcube:button command="add" type="link" title="newidentity" class="listbutton add disabled" classAct="listbutton add" innerClass="inner" content="+" condition="config:identities_level:0<2" />
+</div>
+</div>
+
+<div id="identity-details" class="uibox contentbox watermark">
+<roundcube:object name="message" id="message" class="statusbar" />
+</div>
+
+</div>
+
+<roundcube:include file="/includes/footer.html" />
+
+</body>
+</html>
diff --git a/skins/larry/templates/identityedit.html b/skins/larry/templates/identityedit.html
new file mode 100644
index 000000000..bfdf61d81
--- /dev/null
+++ b/skins/larry/templates/identityedit.html
@@ -0,0 +1,45 @@
+<roundcube:object name="doctype" value="html5" />
+<html>
+<head>
+<title><roundcube:object name="pagetitle" /></title>
+<roundcube:include file="/includes/links.html" />
+</head>
+<body>
+
+<roundcube:include file="/includes/header.html" />
+
+<div id="mainscreen" class="offset">
+
+<roundcube:include file="/includes/settingstabs.html" />
+
+<div id="identitieslist" class="uibox listbox">
+<h2 class="boxtitle"><roundcube:label name="identities" /></h2>
+<div class="scroller withfooter">
+<roundcube:object name="identitiesList" id="identities-table" class="listing" noheader="true" editIcon="" />
+</div>
+<div class="boxfooter">
+<roundcube:button command="add" type="link" title="newidentity" class="listbutton add disabled" classAct="listbutton add" innerClass="inner" content="+" condition="config:identities_level:0<2" />
+</div>
+</div>
+
+<div id="identity-details" class="uibox contentbox">
+<h1 class="boxtitle"><roundcube:object name="steptitle" /></h1>
+
+<div class="boxcontent scroller">
+<roundcube:object name="identityform" class="propform" size="40" textareacols="40" textarearows="6" />
+
+<p class="formbuttons">
+	<roundcube:button command="save" type="input" class="button mainaction" label="save" />
+	<roundcube:button command="delete" type="input" class="button" label="delete" condition="env:action=='edit-identity'" style="margin-left:0.5em" />
+</p>
+</div>
+
+<roundcube:object name="message" id="message" class="statusbar" />
+</div>
+
+</div>
+
+<roundcube:include file="/includes/footer.html" />
+
+</body>
+</html>
diff --git a/skins/larry/templates/mail.html b/skins/larry/templates/mail.html
index cc056ac8b..cbaf740f8 100644
--- a/skins/larry/templates/mail.html
+++ b/skins/larry/templates/mail.html
@@ -21,7 +21,7 @@
 
 <!-- folders list -->
 <div id="mailboxcontainer" class="uibox listbox">
-<div class="scroller wfooter">
+<div class="scroller withfooter">
 <roundcube:object name="mailboxlist" id="mailboxlist"class="listing" folder_filter="mail" unreadwrap="%s" />
 </div>
 <div class="boxfooter">