From fddafd3857324503a16db8760b21a9bb9864717c Mon Sep 17 00:00:00 2001
From: Thomas Bruederli <bruederli@kolabsys.com>
Date: Fri, 27 Jan 2012 17:50:21 +0100
Subject: [PATCH] Style improvements for Larry skin

---
 plugins/calendar/skins/larry/calendar.css     | 60 ++++---------------
 .../skins/larry/templates/calendar.html       |  2 +-
 .../skins/larry/templates/kolabacl.html       | 14 ++++-
 .../skins/larry/templates/kolabform.html      |  9 ++-
 4 files changed, 30 insertions(+), 55 deletions(-)

diff --git a/plugins/calendar/skins/larry/calendar.css b/plugins/calendar/skins/larry/calendar.css
index 3b819bd9..cd39b3d5 100644
--- a/plugins/calendar/skins/larry/calendar.css
+++ b/plugins/calendar/skins/larry/calendar.css
@@ -71,16 +71,6 @@ body.calendarmain #mainscreen {
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00acd4', endColorstr='#008fc7', GradientType=0);
 }
 
-.ie9 #datepicker .ui-datepicker-activerange a {
-	filter: none;
-	background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20preserveAspectRatio%3D%22none%22%20version%3D%221.0%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22mLG1%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%220%25%22%20y2%3D%22100%25%22%20spreadMethod%3D%22pad%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23d9f1fb%22%20stop-opacity%3D%221%22/%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23c5e3ee%22%20stop-opacity%3D%221%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20style%3D%22fill%3Aurl%28%23mLG1%29%3B%22/%3E%3C/svg%3E) !important;
-}
-
-.ie9 #datepicker .ui-datepicker-activerange a.ui-state-active {
-	filter: none;
-	background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20preserveAspectRatio%3D%22none%22%20version%3D%221.0%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22mLG1%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%220%25%22%20y2%3D%22100%25%22%20spreadMethod%3D%22pad%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2300acd4%22%20stop-opacity%3D%221%22/%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23008fc7%22%20stop-opacity%3D%221%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20style%3D%22fill%3Aurl%28%23mLG1%29%3B%22/%3E%3C/svg%3E) !important;
-}
-
 #datepicker td.ui-datepicker-week-col {
 	cursor: pointer;
 }
@@ -951,54 +941,24 @@ span.spacer {
 
 #calendar-kolabform {
 	position: relative;
-	padding-top: 24px;
 	margin: 0 -8px;
 	min-width: 660px;
 	min-height: 400px;
 }
 
-#calendar-kolabform div.tabsbar {
-	top: 0;
-	right: 2px;
-	left: 2px;
-	height: 24px;
-}
-
-#calendar-kolabform fieldset.tabbed {
-	background-color: #fff;
-	margin-top: 0;
-}
-
-#calendar-kolabform span.tablink {
-	background-color: #e8e8e9;
-	background-image: -moz-linear-gradient(center top, #f4f4f4, #e6e6e6);
-	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #f4f4f4), color-stop(1.0, #e6e6e6));
-	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#f4f4f4, endColorstr=#e6e6e6, GradientType=0);
-	height: 24px !important;
-}
-
-#calendar-kolabform span.tablink-selected {
-	background: #fff;
-	height: 25px !important;
-}
-
-#calendar-kolabform span.tablink a,
-#calendar-kolabform span.tablink-selected a {
-	background: none;
-	border: 1px solid #AAAAAA;
-	border-top-left-radius: 2px;
-	border-top-right-radius: 2px;
-	padding: 4px 10px 0 10px;
-	margin-left: 0;
-}
-
 #calendar-kolabform table td.title {
-  font-weight: bold;
-  white-space: nowrap;
-  color: #666;
-  padding-right: 10px;
+	font-weight: bold;
+	white-space: nowrap;
+	color: #666;
+	padding-right: 10px;
 }
 
+.propform fieldset.tab {
+	background: #efefef;
+	display: block;
+	margin-top: 0.5em;
+	padding: 0.5em 1em;
+}
 
 /* fullcalendar style overrides */
 
diff --git a/plugins/calendar/skins/larry/templates/calendar.html b/plugins/calendar/skins/larry/templates/calendar.html
index 9e3fbe61..9fd6116f 100644
--- a/plugins/calendar/skins/larry/templates/calendar.html
+++ b/plugins/calendar/skins/larry/templates/calendar.html
@@ -3,7 +3,7 @@
 <head>
 <title><roundcube:object name="pagetitle" /></title>
 <roundcube:include file="/includes/links.html" />
-<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="./plugins/calendar/skins/default/iehacks.css" /><![endif]-->
+<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="./plugins/calendar/$__skin_path/iehacks.css" /><![endif]-->
 </head>
 <body class="calendarmain noscroll">
 
diff --git a/plugins/calendar/skins/larry/templates/kolabacl.html b/plugins/calendar/skins/larry/templates/kolabacl.html
index f32a92fc..05a279ad 100644
--- a/plugins/calendar/skins/larry/templates/kolabacl.html
+++ b/plugins/calendar/skins/larry/templates/kolabacl.html
@@ -3,8 +3,20 @@
 <head>
 <title><roundcube:object name="pagetitle" /></title>
 <roundcube:include file="/includes/links.html" />
+<style type="text/css" media="screen">
+
+body.aclform {
+	background: #efefef;
+	margin: 0;
+}
+
+body.aclform .hint {
+	margin: 1em;
+}
+
+</style>
 </head>
-<body class="iframe" style="background:#fff; margin:0">
+<body class="iframe aclform">
 
 <roundcube:object name="folderacl" />
 
diff --git a/plugins/calendar/skins/larry/templates/kolabform.html b/plugins/calendar/skins/larry/templates/kolabform.html
index 03b023fc..77a1c30e 100644
--- a/plugins/calendar/skins/larry/templates/kolabform.html
+++ b/plugins/calendar/skins/larry/templates/kolabform.html
@@ -1,6 +1,9 @@
-<div id="calendar-kolabform">
+<div id="calendar-kolabform" class="propform tabbed">
 	<roundcube:object name="calendarform" />
 </div>
 <style type="text/css">
-#calendarpropform { min-width:680px }
-</style>
\ No newline at end of file
+#calendarpropform { min-width:680px; margin-top:-12px; }
+</style>
+<script type="text/javascript">
+UI.init_tabs('#calendar-kolabform');
+</script>
\ No newline at end of file