7 files changed, 159 insertions, 0 deletions
diff --git a/plugins/help/skins/classic/help.css b/plugins/help/skins/classic/help.css
new file mode 100644
index 000000000..0c296b128
--- /dev/null
+++ b/plugins/help/skins/classic/help.css
@@ -0,0 +1,43 @@
+/***** Roundcube|Mail Help task styles *****/
+
+#taskbar a.button-help
+{
+  background-image: url('help.gif');
+}
+
+.extwin #tabsbar
+{
+  top: 21px;
+  left: 20px;
+  right: 100px;
+  border-bottom: 0;
+}
+
+.helpwin .closelink {
+	position: absolute;
+	top: 20px;
+	right: 20px;
+}
+
+.help-box
+{
+  overflow: auto;
+  background-color: #F2F2F2;
+}
+
+#helplicense, #helpabout
+{
+  width: 46em;
+  padding: 1em 2em;
+}
+
+#helplicense a, #helpabout a
+{
+  color: #900;
+}
+
+#helpabout
+{
+  margin: 0 auto;
+}
+
diff --git a/plugins/help/skins/classic/help.gif b/plugins/help/skins/classic/help.gif
new file mode 100644
index 000000000..fe41e43c0
--- /dev/null
+++ b/plugins/help/skins/classic/help.gif
diff --git a/plugins/help/skins/classic/templates/help.html b/plugins/help/skins/classic/templates/help.html
new file mode 100644
index 000000000..bb20c51e3
--- /dev/null
+++ b/plugins/help/skins/classic/templates/help.html
@@ -0,0 +1,41 @@
+<!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">
+<head>
+<title><roundcube:object name="pagetitle" /></title>
+<roundcube:include file="/includes/links.html" />
+<link rel="stylesheet" type="text/css" href="/this/help.css" />
+<script type="text/javascript">
+function help_init_settings_tabs()
+{
+    var action, tab = '#helptabindex';
+    if (window.rcmail && (action = rcmail.env.action)) {
+        tab = '#helptab' + (action ? action : 'index');
+    }
+    $(tab).addClass('tablink-selected');
+}
+</script>
+</head>
+<roundcube:if condition="env:extwin" />
+<body class="extwin helpwin">
+<roundcube:object name="message" id="message" />
+<roundcube:button name="close" type="link" label="close" class="closelink" onclick="self.close()" />
+<roundcube:else />
+<body class="helpwin">
+<roundcube:include file="/includes/taskbar.html" />
+<roundcube:include file="/includes/header.html" />
+<roundcube:endif />
+
+<div id="tabsbar">
+<span id="helptabindex" class="tablink"><roundcube:object name="tablink" action="index" type="link" label="help.help" title="help.help" /></span>
+<span id="helptababout" class="tablink"><roundcube:object name="tablink" action="about" type="link" label="help.about" title="help.about" class="tablink" /></span>
+<span id="helptablicense" class="tablink"><roundcube:object name="tablink" action="license" type="link" label="help.license" title="help.license" class="tablink" /></span>
+<roundcube:container name="helptabs" id="helptabsbar" />
+<script type="text/javascript"> if (window.rcmail) rcmail.add_onload(help_init_settings_tabs);</script>
+</div>
+
+<div id="mainscreen" class="box help-box">
+<roundcube:object name="helpcontent" id="helpcontentframe" width="100%" height="100%" frameborder="0" src="/watermark.html" />
+</div>
+
+</body>
+</html>
diff --git a/plugins/help/skins/larry/help.css b/plugins/help/skins/larry/help.css
new file mode 100644
index 000000000..d42f4e00b
--- /dev/null
+++ b/plugins/help/skins/larry/help.css
@@ -0,0 +1,44 @@
+
+#helpcontentframe {
+	border: 0;
+	border-radius: 4px;
+}
+
+#mainscreen .readtext {
+	margin: 20px;
+}
+
+#helptoolbar {
+	position: absolute;
+	top: -6px;
+	left: 0;
+	height: 40px;
+	white-space: nowrap;
+}
+
+#taskbar a.button-help span.button-inner {
+	background: url(help.png) 0 0 no-repeat;
+	height: 19px;
+}
+
+#taskbar a.button-help:hover span.button-inner,
+#taskbar a.button-help.button-selected span.button-inner {
+	background: url(help.png) 0 -24px no-repeat;
+	height: 19px;
+}
+
+.toolbar a.button.help {
+	background: url(help.png) center -51px no-repeat;
+}
+
+.toolbar a.button.about {
+	background: url(help.png) center -89px no-repeat;
+}
+
+.toolbar a.button.license {
+	background: url(help.png) center -130px no-repeat;
+}
+
+.iframebox.help_license {
+	overflow: auto;
+}
diff --git a/plugins/help/skins/larry/help.png b/plugins/help/skins/larry/help.png
new file mode 100644
index 000000000..e815e5444
--- /dev/null
+++ b/plugins/help/skins/larry/help.png
diff --git a/plugins/help/skins/larry/icons.psd b/plugins/help/skins/larry/icons.psd
new file mode 100644
index 000000000..2ccadfabe
--- /dev/null
+++ b/plugins/help/skins/larry/icons.psd
diff --git a/plugins/help/skins/larry/templates/help.html b/plugins/help/skins/larry/templates/help.html
new file mode 100644
index 000000000..f1d1f232e
--- /dev/null
+++ b/plugins/help/skins/larry/templates/help.html
@@ -0,0 +1,31 @@
+<roundcube:object name="doctype" value="html5" />
+<html>
+<head>
+<title><roundcube:object name="pagetitle" /></title>
+<roundcube:include file="/includes/links.html" />
+</head>
+<roundcube:if condition="env:extwin" /><body class="extwin"><roundcube:else /><body><roundcube:endif />
+
+<roundcube:include file="/includes/header.html" />
+
+<div id="mainscreen">
+
+<div id="helptoolbar" class="toolbar">
+<roundcube:object name="tablink" action="index" type="link" label="help.help" title="help.help" class="button help" />
+<roundcube:object name="tablink" action="about" type="link" label="help.about" title="help.about" class="button about" />
+<roundcube:object name="tablink" action="license" type="link" label="help.license" title="help.license" class="button license" />
+<roundcube:container name="helptabs" id="helptabsbar" />
+</div>
+
+<div id="pluginbody" class="uibox offset">
+	<div class="iframebox help_<roundcube:var name='env:action' />">
+		<roundcube:object name="helpcontent" id="helpcontentframe" style="width:100%; height:100%" frameborder="0" src="/watermark.html" />
+	</div>
+</div>
+
+</div>
+
+<roundcube:include file="/includes/footer.html" />
+
+</body>
+</html>