From b18a8a5ffefa321c28d8738ccd56776eb660da36 Mon Sep 17 00:00:00 2001 From: Thomas Bruederli Date: Wed, 11 Jul 2012 12:25:39 +0200 Subject: [PATCH] Improve calendar's Larry theme according to the latest drafts by FLINT --- plugins/calendar/skins/larry/calendar.css | 168 ++++++++++++++---- .../calendar/skins/larry/images/calendars.png | Bin 0 -> 2239 bytes .../skins/larry/images/eventicons.png | Bin 0 -> 1233 bytes .../calendar/skins/larry/images/toolbar.png | Bin 0 -> 5142 bytes 4 files changed, 131 insertions(+), 37 deletions(-) create mode 100644 plugins/calendar/skins/larry/images/calendars.png create mode 100644 plugins/calendar/skins/larry/images/eventicons.png create mode 100644 plugins/calendar/skins/larry/images/toolbar.png diff --git a/plugins/calendar/skins/larry/calendar.css b/plugins/calendar/skins/larry/calendar.css index 04f858b3..ede1605c 100644 --- a/plugins/calendar/skins/larry/calendar.css +++ b/plugins/calendar/skins/larry/calendar.css @@ -141,7 +141,6 @@ pre { padding: 6px 8px 2px; display: block; position: relative; - white-space: nowrap; } #calendarslist li label { @@ -149,10 +148,18 @@ pre { } #calendarslist li span.calname { + display: block; + position: absolute; + top: 6px; + left: 26px; + right: 24px; cursor: default; - background: url(images/calendars.png) 0 -2px no-repeat; - padding-left: 22px; + background: url(images/calendars.png) right 20px no-repeat; padding-bottom: 2px; + padding-right: 30px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; color: #004458; } @@ -172,7 +179,7 @@ pre { #calendarslist li input { position: absolute; - top: 3px; + top: 4px; right: 5px; } @@ -185,23 +192,23 @@ pre { } #calendarslist li.readonly span.calname { - background-position: 0 -20px; + background-position: right -20px; } #calendarslist li.other span.calname { - background-position: 0 -38px; + background-position: right -38px; } #calendarslist li.other.readonly span.calname { - background-position: 0 -56px; + background-position: right -56px; } #calendarslist li.shared span.calname { - background-position: 0 -74px; + background-position: right -74px; } #calendarslist li.shared.readonly span.calname { - background-position: 0 -92px; + background-position: right -92px; } #calfeedurl { @@ -247,8 +254,20 @@ pre { height: 40px; } -#calendartoolbar a { - padding-right: 10px; +#calendartoolbar a.button { + background-image: url(images/toolbar.png); +} + +#calendartoolbar a.button.addevent { + background-position: center 1px; +} + +#calendartoolbar a.button.export { + background-position: center -40px; +} + +#calendartoolbar a.button.print { + background-position: center -80px; } body.calendarmain #quicksearchbar { @@ -1042,24 +1061,25 @@ span.spacer { .calendarmain .fc-state-default .fc-button-inner, .calendarmain .fc-state-hover .fc-button-inner { margin: 0 0 0 0; - color: #555; + color: #505050; text-shadow: 0px 1px 1px #fff; - border: 1px solid #a2a2a2; - background: #f7f7f7; - background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6)); - background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); - background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); - background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); - box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); - -o-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); - -webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); - -moz-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); + border: 1px solid #e6e6e6; + background: #d8d8d8; + background: -moz-linear-gradient(top, #d8d8d8 0%, #bababa 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#bababa)); + background: -o-linear-gradient(top, #d8d8d8 0%, #bababa 100%); + background: -ms-linear-gradient(top, #d8d8d8 0%, #bababa 100%); + background: linear-gradient(top, #d8d8d8 0%, #bababa 100%); + box-shadow: 0 1px 1px 0 #999; + -o-box-shadow: 0 1px 1px 0 #999; + -webkit-box-shadow: 0 1px 1px 0 #999; + -moz-box-shadow: 0 1px 1px 0 #999; text-decoration: none; } .calendarmain .fc-state-disabled .fc-button-inner { - color: #bbb; + color: #999; + background: #d8d8d8; } .calendarmain .fc-header .fc-button { @@ -1069,13 +1089,12 @@ span.spacer { .calendarmain .fc-state-down .fc-button-inner { margin: 0; - border: 1px solid #a2a2a2; - background: #e6e6e6; - background: -moz-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#f9f9f9)); - background: -o-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%); - background: -ms-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%); - background: linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%); + background: #bababa; + background: -moz-linear-gradient(top, #bababa 0%, #d8d8d8 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%,#d8d8d8)); + background: -o-linear-gradient(top, #bababa 0%, #d8d8d8 100%); + background: -ms-linear-gradient(top, #bababa 0%, #d8d8d8 100%); + background: linear-gradient(top, #bababa 0%, #d8d8d8 100%); } .calendarmain .fc-state-active .fc-button-inner { @@ -1100,17 +1119,92 @@ span.spacer { border-bottom-right-radius: 4px; } -.calendarmain .fc-state-default .fc-button-effect { +.calendarmain .fc-button-effect { display: none; } .calendarmain .fc-button-content { - height: 2.2em; - line-height: 2.2em; + height: 20px; + line-height: 20px; } -#calendar .fc-header-right { - padding-right: 250px; +.calendarmain .fc-header-left .fc-button { + margin: -7px 0 0 0; + padding: 0; +} + +.calendarmain .fc-header-left .fc-state-default .fc-button-inner, +.calendarmain .fc-header-left .fc-state-hover .fc-button-inner { + margin: 0; + text-align: center; + font-size: 10px; + color: #555; + min-width: 50px; + max-width: 75px; + height: 13px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + padding: 28px 2px 0 2px; + text-shadow: 0px 1px 1px #EEE; + border: 0; + background: url(images/toolbar.png) center 100px no-repeat; + box-shadow: none; + -o-box-shadow: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; +} + +.calendarmain .fc-header-left .fc-button-content { + float: none; + line-height: 1em; + padding: 0; +} + +.calendarmain .fc-header-left .fc-state-active .fc-button-content { + font-weight: bold; + color: #222; +} + +.calendarmain .fc-header-left .fc-button-agendaDay .fc-button-inner { + background-position: center -120px; +} + +.calendarmain .fc-header-left .fc-button-agendaDay.fc-state-active .fc-button-inner { + background-position: center -160px; +} + +.calendarmain .fc-header-left .fc-button-agendaWeek .fc-button-inner { + background-position: center -200px; +} + +.calendarmain .fc-header-left .fc-button-agendaWeek.fc-state-active .fc-button-inner { + background-position: center -240px; +} + +.calendarmain .fc-header-left .fc-button-month .fc-button-inner { + background-position: center -280px; +} + +.calendarmain .fc-header-left .fc-button-month.fc-state-active .fc-button-inner { + background-position: center -320px; +} + +.calendarmain .fc-header-left .fc-button-table .fc-button-inner { + background-position: center -360px; +} + +.calendarmain .fc-header-left .fc-button-table.fc-state-active .fc-button-inner { + background-position: center -400px; +} + +.calendarmain .fc-header-right { + padding-right: 252px; + padding-top: 2px; +} + +.fc-header-title { + padding-top: 6px; } .fc-event { @@ -1181,7 +1275,7 @@ div.fc-event-location { display: inline-block; width: 11px; height: 11px; - background: url(images/eventicons.gif) 0 0 no-repeat; + background: url(images/eventicons.png) 0 0 no-repeat; margin-left: 3px; line-height: 10px; } diff --git a/plugins/calendar/skins/larry/images/calendars.png b/plugins/calendar/skins/larry/images/calendars.png new file mode 100644 index 0000000000000000000000000000000000000000..c2de67de1a650e46c022d078378a4825dc988b62 GIT binary patch literal 2239 zcmaJ@2~-o;8lJF-vIu#EVq|fMT2Rc+mIxvw0ztzX1d9S8nLxxWB!dJH1r-Se9#~67 z0Y!M#xPS;+upp~GL<`EMf)uILina&}VpXDVVnyG1=g~Q5=HCC_@BjYgelusX0{py< z^q1-b0AR%OVFn>1h}=6CE}QJdzU$bRrYTR0n5g z=QSXOL?#hQ6e5{|Cp*)r6gr6ne!OrtaBx1eVBSB~p+P>#_nL%}=k;xm#9xfi9GzydI>_VfFXdcdUzDx-(K?I56IbZ%~U&_3`8YzgRNMt4? z6YhlgUNVUY{7^DoIBzbVUi0#O^ySZ=3u#_oB9aVIbFlw)&~rSc+zG04eq`AP8|kShS_Qdvw7PVDe_;S+xg z?Pr-kNjN+N%qgEX;b0(nZ_l%f_novht!X z0h9Pbvlgu?U=3i<{CR-YlkFYY!0wL6F0m>51Jg{OZ1vmp&wC~L;R~~Zup=Tv|33tV zV0h)X$Id&fzdypRn|N&v@3fWnCo4xcnqpBVAr_%iPw^w_*RS#LPvLLkQ&G!q<`@O% z0FwzXK~YudHpQN%aYoi@vu_2z)5n4My$y--?v52>Uz@I|9vc-7bT10pag5TTyK0!^L_She+Lq zyxQs+>-@q&;8m}|D+AwTQ9;* zA$3--di6&h4Ehcj>O@hi)aGVs731TWA0KE>ls=qgSaIFk*EGM^2EVg?n2IAvZGH8B zR#>!|uB7NUpS>++vBxs{`cU5t3i4yOH}No~lfJf`SGj33|6Za>$!v~FY>dK`UhG9J zxGPd&8?^`D#Rr62p}bIrSN2H&c%Ny&oq;L)a^UVnXJenyriLTw^^xxUoeNyEH(ohh z($=!&c4X5c1N*q8UZ^hxkE562&wETvYlls*ds$?adLaiW?z-{IRfDPQ>YHaHziuuGBfvrE{&~?#MTn%zY~s+ttuK#25AjL>kvE z%WE6W(vq5;>DB5yRXR3yz;}9RR96}5zT0?A&vsus(w@EELZhc1?X7lCLwnZdr~0SAl9=b!&K? zt95Z!m`8+}2-upGB)D~5F?C=M^2O{oxP}i+&(?7cIdNui@~t-{fY0@akN-5Q?%iYw zmeT_lIpJwJKjq1#khDATL?$E8c^cEYKcF*8)IVWO3(~Vb2FYr}*J9p++k2enw56^N_jq=LqGv1@zjQx&f zj1Hxp1-d^+S&a_t)JzL>x|BRw1LS>tVG4jqtJ_cvwI~CnIYBJ33;YX&=l3a%d=H&0Ajib`wT0={Cw^U zhBovBb0C@pSvv{KM%SddYVy4{lqfeEond*-0!N?w9l=9S3aKV}(v zSp^Rym=&jbvpG7697sn)AgF;DpkrK!3r7S&c!K5u2Ux(f93SKaDa=a%(5nwatT}o~ z$}8zrTSQ7QWsGf!Wh<3Rs1gn#r;p`CQS>=@K1eizZq>r77qr~%H3kK`nq%15Ko;#Y zszo$}6AbZmB?QyXX4i-hI~chjkM1(NKw>51!+Sjv~WgAFytnr8@dF9IN&%T0t6n!;v6T-f-I(^ z9LZ=zNGHV_$9mX^l2Z7%oKA*gF^)@da$N2dc_l2wMG=UyP{U>{7ps;AYjzD{cNLqu zCss;2P{qh8AT(I(fLs}2+`cl}DiY`Opf z=2P+x*3-{Cc;D0ulNXJnUhw$M z@ypjfj-Q;~_F{FR{?55S4sE^EdiV3^-kN%U{OU_5&VWGj&rx~isb}j0ls?n{*v;JN Q7XK%cNp&k9b{;_tBb2Km^n&|4l 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 Mm-W=2t67Eq7oH|62mk;8 literal 0 HcmV?d00001