From 1b485aded424515f7692cfeaec33ed345e6b671b Mon Sep 17 00:00:00 2001
From: Thomas Bruederli <bruederli@kolabsys.com>
Date: Thu, 4 Oct 2012 15:51:07 +0200
Subject: [PATCH] Better styling of free.busy scheduling dialog

---
 plugins/calendar/skins/larry/calendar.css     |  63 ++++++++----------
 .../skins/larry/images/freebusy-colors.png    | Bin 631 -> 490 bytes
 .../skins/larry/templates/calendar.html       |   2 +-
 3 files changed, 29 insertions(+), 36 deletions(-)

diff --git a/plugins/calendar/skins/larry/calendar.css b/plugins/calendar/skins/larry/calendar.css
index 7356b3af..0f71aadc 100644
--- a/plugins/calendar/skins/larry/calendar.css
+++ b/plugins/calendar/skins/larry/calendar.css
@@ -444,6 +444,26 @@ a.miniColors-trigger {
 	background-position: right -80px;
 }
 
+.calendarmain .fc-view-table td.fc-list-header,
+#attendees-freebusy-table h3.boxtitle,
+#schedule-freebusy-times thead th,
+#edit-attendees-table thead td
+ {
+	color: #69939e;
+	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(8%,#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: 0;
+	border-bottom: 1px solid #ccc;
+	height: 18px;
+	padding: 8px 7px 3px 7px;
+}
+
 /* jQuery UI overrides */
 
 #eventshow h1 {
@@ -673,22 +693,22 @@ td.topalign {
 
 #schedule-freebusy-times td.free,
 .availability img.availabilityicon.free {
-	background: #0c0;
+	background: #abd640;
 }
 
 #schedule-freebusy-times td.busy,
 .availability img.availabilityicon.busy {
-	background: #c00;
+	background: #e26569;
 }
 
 #schedule-freebusy-times td.tentative,
 .availability img.availabilityicon.tentative {
-	background: #66d;
+	background: #8383fc;
 }
 
 #schedule-freebusy-times td.out-of-office,
 .availability img.availabilityicon.out-of-office {
-	background: #f0b400;
+	background: #fbaa68;
 }
 
 #schedule-freebusy-times td.all-busy,
@@ -751,13 +771,11 @@ td.topalign {
 #attendees-freebusy-table {
 	width: 100%;
 	table-layout: fixed;
-	border-collapse: collapse;
-	margin: 0.5em 0;
+	border: 1px solid #bbd3da;
 }
 
 #attendees-freebusy-table td.attendees {
 	width: 18em;
-	border: 1px solid #ccc;
 	vertical-align: top;
 	overflow: hidden;
 }
@@ -765,7 +783,6 @@ td.topalign {
 #attendees-freebusy-table td.times {
 	width: auto;
 	vertical-align: top;
-	border: 1px solid #ccc;
 }
 
 #attendees-freebusy-table div.scroll {
@@ -775,7 +792,6 @@ td.topalign {
 
 #attendees-freebusy-table h3.boxtitle {
 	margin: 0;
-	height: auto !important;
 	border-color: #ccc;
 }
 
@@ -839,19 +855,13 @@ td.topalign {
 	border: 1px solid #ccc;
 }
 
-#schedule-freebusy-times tr.dates th {
-	border-color: #aaa;
-	border-style: solid;
-	border-width: 0 1px 0 1px;
-	white-space: nowrap;
-}
-
 #attendees-freebusy-table div.timesheader,
 #schedule-freebusy-times tr.times td {
 	min-width: 30px;
 	font-size: 9px;
 	padding: 5px 2px 6px 2px;
 	text-align: center;
+	color: #004658;
 }
 
 #schedule-freebusy-times tr.times td.allday {
@@ -880,8 +890,9 @@ td.topalign {
 
 #eventfreebusy .schedule-buttons {
 	position: absolute;
-	top: 0;
+	top: 0.5em;
 	right: 0;
+	margin-right: 0;
 }
 
 #eventfreebusy .schedule-find-buttons {
@@ -1266,24 +1277,6 @@ div.fc-event-location {
 	cursor: pointer;
 }
 
-/*.calendarmain .fc-view-list div.fc-list-header,*/
-.calendarmain .fc-view-table td.fc-list-header,
-#edit-attendees-table thead td {
-	color: #69939e;
-	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(8%,#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: 0;
-	border-bottom: 1px solid #ccc;
-	height: 18px;
-	padding: 8px 7px 3px 7px;
-}
-
 .calendarmain .fc-view-table td.fc-list-header {
 	color: #004458;
 	font-size: 12px;
diff --git a/plugins/calendar/skins/larry/images/freebusy-colors.png b/plugins/calendar/skins/larry/images/freebusy-colors.png
index ca37cd08cd1b4216c2851d0dc35e9d8320c26492..ebfe5775907ed461eca28a651678b85ffc3f6d7d 100644
GIT binary patch
delta 440
zcmV;p0Z0D#1nL8j83+Ra006hHK&X)+Cw~AEP)t-s<$iwo`T62yX@i6P`>JU3^YhC9
z=xP7}00wkYPE-H?|Ns90v%jRj00048Nkl<Zc-pMhIfBD55X3;*(*FO;E1sIWJ22wP
z(f+tTjdhK5-$ptLcE`Zs2sj;v%R#sug2w^)x*7^sLg^}~TmiMqp>Zj+E`!b`(0{ua
z1}=n=i(u#i7&{LW=V0b6Or3$b)39&~R!+jw30S)q0(T&C8$!1rb`uhAK*n`Qxd(FY
z+er6qzy8cce&*uf<0#l21BWBvbQmrN;dTff2jJ^!C|n7ptDtfP)Gmj{rO>(zI+sB2
zVi>p(MlOP(3t;R#Oq_$6voLiA=6_DZ!YNoe2}>tn?Oq7nfyiwL-GbOnNVowR*CFK|
z$hoVL?)v#>Zt^oX2Omel?ie^60jI-oIS98y@HhZpS3}`SC|w1WE1-5cG%khKWze|<
zdKbgMg)njv3|#<Y=V9U;%$$X(Gcb1=7EZy+Nmx1oYxhFn4n%H4=oZ9oLM6ft$hZzE
i_dw3wjdb_F00RI95=l$+z>{_W0000<MNUMnLSTZUWySCS

delta 582
zcmV-M0=fO_1NQ`w83+ad004k+u$qw}Cw~GNNkl<Zc-qX_%}v8l5Cq`Z;!Y2U4k&{@
zNEbv-7oiU5f)?NiXDTpymSV~A-+OO&W@k=&{ItiJ=JTMNr@rr6W!%r{^x7)pe$VGa
ztBgx&m2pzQC7cX!4JQHI!i59(aG}5)To^DH7XmE7(SfBnDzFAe1J>dwKno5Iw148D
zKo1-Y=!Js-J#p?pZ=5R-fpY_*a4tY3&J0B3Oh5*%8py&`0hzdBARAW%jKF0Bqi|Wk
zNZc+k8n+2lz^wvRaEm}C+zhCOn*bGYBTyAL0F`kmjrvY<myWlWFFD-h^3WZR-<mtg
z6-Vi2EI2vfElvu!gp&cT;Us`txPNfq9xfD^g9`)Z;zEEWI6ANtM+Mg4Xuw(=1!%#+
zfmR$8=z)U)y>JkqC(a${jdKMeaBe^p&IO3XnSp4W3CO@z16jB#AQM*%WaEl}5x8t%
z6fO%GiQ5H6<2Hc`xK*GEZV{-2n*r5u6QCk4WoY?Ro34l(KB$ZvKd72<Cx3Z-*TdaE
z_ubz|qq&n@aq#NHijxE0;-r8}I2qs?P6D`v3kUAuLV-EBFkmh&1XzNj150sKU=5B2
zti@4)791RC#X*4{I2h0i2LXEG+=1RWS0DoC21MapfJmGfh{l<K3|uvkg{uNGam7G3
zt_T=`%LYc_vVf7eU0^hB6EmoQTLr4%7J*8*8Bh&30V?7~pein<>3dyV%D(^u0PmVv
U2MK`(VgLXD07*qoM6N<$f|$PYzyJUM

diff --git a/plugins/calendar/skins/larry/templates/calendar.html b/plugins/calendar/skins/larry/templates/calendar.html
index e4df042e..3f914f8d 100644
--- a/plugins/calendar/skins/larry/templates/calendar.html
+++ b/plugins/calendar/skins/larry/templates/calendar.html
@@ -107,7 +107,7 @@
 <roundcube:include file="/templates/eventedit.html" />
 
 <div id="eventfreebusy" class="uidialog">
-	<roundcube:object name="plugin.attendees_freebusy_table" id="attendees-freebusy-table" cellspacing="0" cellpadding="0" border="0" />
+	<roundcube:object name="plugin.attendees_freebusy_table" id="attendees-freebusy-table" cellpadding="0" />
 
 	<div class="schedule-options">
 		&nbsp;