Skip to content

Instantly share code, notes, and snippets.

@coderforhire
Created February 7, 2012 17:44
Show Gist options
  • Save coderforhire/1760961 to your computer and use it in GitHub Desktop.
Save coderforhire/1760961 to your computer and use it in GitHub Desktop.
div class="ec-calendar"style="width: 500px;"><table class="ec-calendar-header" cellpadding="0" cellspacing="0"><thead><tr><th colspan="2" class="ec-month-nav ec-previous-month"><< <a href="/calendar/2012/1">January</a></th><th colspan="3" class="ec-month-name">February 2012</th><th colspan="2" class="ec-month-nav ec-next-month"><a href="/calendar/2012/3">March</a> &gt;&gt;</th></tr></thead></table><div class="ec-body" style="height: 498px;"><table class="ec-day-names" style="height: 18px;" cellpadding="0" cellspacing="0"><tbody><tr><th class="ec-day-name" title="Sun">Sun</th><th class="ec-day-name" title="Mon">Mon</th><th class="ec-day-name" title="Tue">Tue</th><th class="ec-day-name" title="Wed">Wed</th><th class="ec-day-name" title="Thu">Thu</th><th class="ec-day-name" title="Fri">Fri</th><th class="ec-day-name" title="Sat">Sat</th></tr></tbody></table><div class="ec-rows" style="top: 18px; height: 480px;"><div class="ec-row" style="top: 0px; height: 96px;"><table class="ec-row-bg" cellpadding="0" cellspacing="0"><tbody><tr><td class="ec-day-bg ec-other-month-bg">&nbsp;</td><td class="ec-day-bg ec-other-month-bg">&nbsp;</td><td class="ec-day-bg ec-other-month-bg">&nbsp;</td><td class="ec-day-bg ">&nbsp;</td><td class="ec-day-bg ">&nbsp;</td><td class="ec-day-bg ">&nbsp;</td><td class="ec-day-bg ">&nbsp;</td></tr></tbody></table><table class="ec-row-table" cellpadding="0" cellspacing="0"><tbody><tr><td class="ec-day-header ec-other-month-header ec-weekend-day-header" style="height: 18px;">29</td><td class="ec-day-header ec-other-month-header " style="height: 18px;">30</td><td class="ec-day-header ec-other-month-header " style="height: 18px;">31</td><td class="ec-day-header " style="height: 18px;">1</td><td class="ec-day-header " style="height: 18px;">2</td><td class="ec-day-header " style="height: 18px;">3</td><td class="ec-day-header ec-weekend-day-header" style="height: 18px;">4</td></tr><tr><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td><td class="ec-event-cell" colspan="1" style="padding-top: 1px;"><div class="ec-event ec-event-5 ec-event-bg" style="background-color: #9aa4ad; padding-top: 2px; height: 16px;" data-event-id="5" data-event-class="event" data-color="#9aa4ad" ><a href="/events/5" title="TEST EVENT2134">TEST EVENT2134</a></div></td><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td></tr></tbody></table></div><div class="ec-row" style="top: 96px; height: 96px;"><table class="ec-row-bg" cellpadding="0" cellspacing="0"><tbody><tr><td class="ec-day-bg ">&nbsp;</td><td class="ec-day-bg ">&nbsp;</td><td class="ec-day-bg ec-today-bg ">&nbsp;</td><td class="ec-day-bg ">&nbsp;</td><td class="ec-day-bg ">&nbsp;</td><td class="ec-day-bg ">&nbsp;</td><td class="ec-day-bg ">&nbsp;</td></tr></tbody></table><table class="ec-row-table" cellpadding="0" cellspacing="0"><tbody><tr><td class="ec-day-header ec-weekend-day-header" style="height: 18px;">5</td><td class="ec-day-header " style="height: 18px;">6</td><td class="ec-day-header ec-today-header " style="height: 18px;">7</td><td class="ec-day-header " style="height: 18px;">8</td><td class="ec-day-header " style="height: 18px;">9</td><td class="ec-day-header " style="height: 18px;">10</td><td class="ec-day-header ec-weekend-day-header" style="height: 18px;">11</td></tr><tr><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td></tr></tbody></table></div><div class="ec-row" style="top: 192px; height: 96px;"><table class="ec-row-bg" cellpadding="0" cellspacing="0"><tbody><tr><td class="ec-day-bg ">&nbsp;</td><td class="ec-day-bg ">&nbsp;</td><td class="ec-day-bg ">&nbsp;</td><td class="ec-day-bg ">&nbsp;</td><td class="ec-day-bg ">&nbsp;</td><td class="ec-day-bg ">&nbsp;</td><td class="ec-day-bg ">&nbsp;</td></tr></tbody></table><table class="ec-row-table" cellpadding="0" cellspacing="0"><tbody><tr><td class="ec-day-header ec-weekend-day-header" style="height: 18px;">12</td><td class="ec-day-header " style="height: 18px;">13</td><td class="ec-day-header " style="height: 18px;">14</td><td class="ec-day-header " style="height: 18px;">15</td><td class="ec-day-header " style="height: 18px;">16</td><td class="ec-day-header " style="height: 18px;">17</td><td class="ec-day-header ec-weekend-day-header" style="height: 18px;">18</td></tr><tr><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td></tr></tbody></table></div><div class="ec-row" style="top: 288px; height: 96px;"><table class="ec-row-bg" cellpadding="0" cellspacing="0"><tbody><tr><td class="ec-day-bg ">&nbsp;</td><td class="ec-day-bg ">&nbsp;</td><td class="ec-day-bg ">&nbsp;</td><td class="ec-day-bg ">&nbsp;</td><td class="ec-day-bg ">&nbsp;</td><td class="ec-day-bg ">&nbsp;</td><td class="ec-day-bg ">&nbsp;</td></tr></tbody></table><table class="ec-row-table" cellpadding="0" cellspacing="0"><tbody><tr><td class="ec-day-header ec-weekend-day-header" style="height: 18px;">19</td><td class="ec-day-header " style="height: 18px;">20</td><td class="ec-day-header " style="height: 18px;">21</td><td class="ec-day-header " style="height: 18px;">22</td><td class="ec-day-header " style="height: 18px;">23</td><td class="ec-day-header " style="height: 18px;">24</td><td class="ec-day-header ec-weekend-day-header" style="height: 18px;">25</td></tr><tr><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td></tr></tbody></table></div><div class="ec-row" style="top: 384px; height: 96px;"><table class="ec-row-bg" cellpadding="0" cellspacing="0"><tbody><tr><td class="ec-day-bg ">&nbsp;</td><td class="ec-day-bg ">&nbsp;</td><td class="ec-day-bg ">&nbsp;</td><td class="ec-day-bg ">&nbsp;</td><td class="ec-day-bg ec-other-month-bg">&nbsp;</td><td class="ec-day-bg ec-other-month-bg">&nbsp;</td><td class="ec-day-bg ec-other-month-bg">&nbsp;</td></tr></tbody></table><table class="ec-row-table" cellpadding="0" cellspacing="0"><tbody><tr><td class="ec-day-header ec-weekend-day-header" style="height: 18px;">26</td><td class="ec-day-header " style="height: 18px;">27</td><td class="ec-day-header " style="height: 18px;">28</td><td class="ec-day-header " style="height: 18px;">29</td><td class="ec-day-header ec-other-month-header " style="height: 18px;">1</td><td class="ec-day-header ec-other-month-header " style="height: 18px;">2</td><td class="ec-day-header ec-other-month-header ec-weekend-day-header" style="height: 18px;">3</td></tr><tr><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td><td class="ec-event-cell ec-no-event-cell" style="padding-top: 1px;"><div class="ec-event" style="padding-top: 2px; height: 16px;" >&nbsp;</div></td></tr></tbody></table></div></div></div></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment