Skip to content

Instantly share code, notes, and snippets.

@wattengard
Created August 19, 2011 13:43
Show Gist options
  • Save wattengard/1156819 to your computer and use it in GitHub Desktop.
Save wattengard/1156819 to your computer and use it in GitHub Desktop.
<div class="bloc calendar" id="kalender" data-year="2011" data-month="6">
<div class="title">
<a href="#" class="prev" data-year="2011" data-month="5" title="mai 2011">Prev</a>juni 2011<a href="#" class="next" data-year="2011" data-month="7" title="juli 2011">Next</a>
</div>
<div class="content">
<table>
<thead>
<tr>
<th>
m
</th>
<th>
t
</th>
<th>
o
</th>
<th>
t
</th>
<th>
f
</th>
<th>
l
</th>
<th>
s
</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="2" class="padding" style="height: 208px;"></td>
<td class="singleday" data-date="1" style="height: 208px;">
<div class="day">
1
</div>
<ul class="events">
<li class="t_1">
<span>1. purring</span>jsfiddle-example
</li>
<li class="t_R">
<span>Rapportering</span>jsfiddle-example
</li>
<li class="t_S">
<span>Svarfrist</span>jsfiddle-example
</li>
</ul>
</td>
<td class="singleday" data-date="2" style="height: 208px;">
<div class="day">
2
</div>
<ul class="events">
<li class="t_R">
<span>Rapportering</span>jsfiddle-example
</li>
</ul>
</td>
<td class="singleday" data-date="3" style="height: 208px;">
<div class="day">
3
</div>
<ul class="events">
<li class="t_R">
<span>Rapportering</span>jsfiddle-example
</li>
<li class="t_S">
<span>Svarfrist</span>jsfiddle-example
</li>
</ul>
</td>
<td class="singleday" data-date="4" style="height: 208px;">
<div class="day">
4
</div>
</td>
<td class="singleday" data-date="5" style="height: 208px;">
<div class="day">
5
</div>
</td>
</tr>
<tr>
<td class="singleday" data-date="6" style="height: 208px;">
<div class="day">
6
</div>
<ul class="events">
<li class="t_1">
<span>1. purring</span>jsfiddle-example
</li>
<li class="t_1">
<span>1. purring</span>jsfiddle-example
</li>
<li class="t_2">
<span>2. purring</span>jsfiddle-example
</li>
<li class="t_2">
<span>2. purring</span>jsfiddle-example
</li>
<li class="t_R">
<span>Rapportering</span>jsfiddle-example
</li>
<li class="t_R">
<span>Rapportering</span>jsfiddle-example
</li>
<li class="t_S">
<span>Svarfrist</span>jsfiddle-example
</li>
<li class="t_S">
<span>Svarfrist</span>jsfiddle-example
</li>
</ul>
</td>
<td class="singleday" data-date="7" style="height: 208px;">
<div class="day">
7
</div>
<ul class="events">
<li class="t_1">
<span>1. purring</span>jsfiddle-example
</li>
<li class="t_S">
<span>Svarfrist</span>jsfiddle-example
</li>
</ul>
</td>
<td class="singleday" data-date="8" style="height: 208px;">
<div class="day">
8
</div>
<ul class="events">
<li class="t_1">
<span>1. purring</span>jsfiddle-example
</li>
<li class="t_1">
<span>1. purring</span>jsfiddle-example
</li>
<li class="t_5">
<span>5. purring</span>jsfiddle-example
</li>
<li class="t_S">
<span>Svarfrist</span>jsfiddle-example
</li>
<li class="t_S">
<span>Svarfrist</span>jsfiddle-example
</li>
</ul>
</td>
<td class="singleday" data-date="9" style="height: 208px;">
<div class="day">
9
</div>
<ul class="events">
<li class="t_1">
<span>1. purring</span>jsfiddle-example
</li>
<li class="t_1">
<span>1. purring</span>jsfiddle-example
</li>
<li class="t_R">
<span>Rapportering</span>jsfiddle-example
</li>
<li class="t_R">
<span>Rapportering</span>jsfiddle-example
</li>
<li class="t_R">
<span>Rapportering</span>jsfiddle-example
</li>
<li class="t_R">
<span>Rapportering</span>jsfiddle-example
</li>
<li class="t_S">
<span>Svarfrist</span>jsfiddle-example
</li>
<li class="t_S">
<span>Svarfrist</span>jsfiddle-example
</li>
<li class="t_S">
<span>Svarfrist</span>jsfiddle-example
</li>
</ul>
</td>
<td class="singleday" data-date="10" style="height: 208px;">
<div class="day">
10
</div>
<ul class="events">
<li class="t_1">
<span>1. purring</span>jsfiddle-example
</li>
<li class="t_1">
<span>1. purring</span>jsfiddle-example
</li>
<li class="t_1">
<span>1. purring</span>jsfiddle-example
</li>
<li class="t_R">
<span>Rapportering</span>jsfiddle-example
</li>
<li class="t_R">
<span>Rapportering</span>jsfiddle-example
</li>
<li class="t_S">
<span>Svarfrist</span>jsfiddle-example
</li>
<li class="t_S">
<span>Svarfrist</span>jsfiddle-example
</li>
</ul>
</td>
<td class="singleday" data-date="11" style="height: 208px;">
<div class="day">
11
</div>
</td>
<td class="singleday" data-date="12" style="height: 208px;">
<div class="day">
12
</div>
</td>
</tr>
<tr>
<td class="singleday" data-date="13" style="height: 208px;">
<div class="day">
13
</div>
</td>
<td class="singleday" data-date="14" style="height: 208px;">
<div class="day">
14
</div>
<ul class="events">
<li class="t_1">
<span>1. purring</span>jsfiddle-example
</li>
<li class="t_1">
<span>1. purring</span>jsfiddle-example
</li>
<li class="t_R">
<span>Rapportering</span>jsfiddle-example
</li>
</ul>
</td>
<td class="singleday" data-date="15" style="height: 208px;">
<div class="day">
15
</div>
<ul class="events">
<li class="t_1">
<span>1. purring</span>jsfiddle-example
</li>
<li class="t_1">
<span>1. purring</span>jsfiddle-example
</li>
<li class="t_1">
<span>1. purring</span>jsfiddle-example
</li>
<li class="t_1">
<span>1. purring</span>jsfiddle-example
</li>
<li class="t_2">
<span>2. purring</span>jsfiddle-example
</li>
<li class="t_R">
<span>Rapportering</span>jsfiddle-example
</li>
<li class="t_R">
<span>Rapportering</span>jsfiddle-example
</li>
<li class="t_R">
<span>Rapportering</span>jsfiddle-example
</li>
<li class="t_R">
<span>Rapportering</span>jsfiddle-example
</li>
<li class="t_S">
<span>Svarfrist</span>jsfiddle-example
</li>
<li class="t_S">
<span>Svarfrist</span>jsfiddle-example
</li>
<li class="t_S">
<span>Svarfrist</span>jsfiddle-example
</li>
</ul>
</td>
<td class="singleday" data-date="16" style="height: 208px;">
<div class="day">
16
</div>
<ul class="events">
<li class="t_1">
<span>1. purring</span>jsfiddle-example
</li>
<li class="t_2">
<span>2. purring</span>jsfiddle-example
</li>
<li class="t_R">
<span>Rapportering</span>jsfiddle-example
</li>
<li class="t_R">
<span>Rapportering</span>jsfiddle-example
</li>
<li class="t_R">
<span>Rapportering</span>jsfiddle-example
</li>
<li class="t_S">
<span>Svarfrist</span>jsfiddle-example
</li>
<li class="t_S">
<span>Svarfrist</span>jsfiddle-example
</li>
</ul>
</td>
<td class="singleday" data-date="17" style="height: 208px;">
<div class="day">
17
</div>
<ul class="events">
<li class="t_R">
<span>Rapportering</span>jsfiddle-example
</li>
<li class="t_R">
<span>Rapportering</span>jsfiddle-example
</li>
<li class="t_S">
<span>Svarfrist</span>jsfiddle-example
</li>
</ul>
</td>
<td class="singleday" data-date="18" style="height: 208px;">
<div class="day">
18
</div>
</td>
<td class="singleday" data-date="19" style="height: 208px;">
<div class="day">
19
</div>
<ul class="events">
<li class="t_1">
<span>1. purring</span>jsfiddle-example
</li>
<li class="t_S">
<span>Svarfrist</span>jsfiddle-example
</li>
</ul>
</td>
</tr>
<tr>
<td class="singleday" data-date="20" style="height: 208px;">
<div class="day">
20
</div>
</td>
<td class="singleday" data-date="21" style="height: 208px;">
<div class="day">
21
</div>
<ul class="events">
<li class="t_1">
<span>1. purring</span>jsfiddle-example
</li>
<li class="t_1">
<span>1. purring</span>jsfiddle-example
</li>
<li class="t_1">
<span>1. purring</span>jsfiddle-example
</li>
<li class="t_R">
<span>Rapportering</span>jsfiddle-example
</li>
<li class="t_R">
<span>Rapportering</span>jsfiddle-example
</li>
</ul>
</td>
<td class="singleday" data-date="22" style="height: 208px;">
<div class="day">
22
</div>
<ul class="events">
<li class="t_S">
<span>Svarfrist</span>jsfiddle-example
</li>
</ul>
</td>
<td class="singleday" data-date="23" style="height: 208px;">
<div class="day">
23
</div>
<ul class="events">
<li class="t_1">
<span>1. purring</span>jsfiddle-example
</li>
<li class="t_1">
<span>1. purring</span>jsfiddle-example
</li>
<li class="t_R">
<span>Rapportering</span>jsfiddle-example
</li>
<li class="t_S">
<span>Svarfrist</span>jsfiddle-example
</li>
</ul>
</td>
<td class="singleday" data-date="24" style="height: 208px;">
<div class="day">
24
</div>
<ul class="events">
<li class="t_2">
<span>2. purring</span>jsfiddle-example
</li>
</ul>
</td>
<td class="singleday" data-date="25" style="height: 208px;">
<div class="day">
25
</div>
</td>
<td class="singleday" data-date="26" style="height: 208px;">
<div class="day">
26
</div>
</td>
</tr>
<tr>
<td class="singleday" data-date="27" style="height: 208px;">
<div class="day">
27
</div>
<ul class="events">
<li class="t_1">
<span>1. purring</span>jsfiddle-example
</li>
<li class="t_R">
<span>Rapportering</span>jsfiddle-example
</li>
<li class="t_S">
<span>Svarfrist</span>jsfiddle-example
</li>
</ul>
</td>
<td class="singleday" data-date="28" style="height: 208px;">
<div class="day">
28
</div>
<ul class="events">
<li class="t_R">
<span>Rapportering</span>jsfiddle-example
</li>
<li class="t_S">
<span>Svarfrist</span>jsfiddle-example
</li>
</ul>
</td>
<td class="singleday" data-date="29" style="height: 208px;">
<div class="day">
29
</div>
<ul class="events">
<li class="t_R">
<span>Rapportering</span>jsfiddle-example
</li>
</ul>
</td>
<td class="singleday" data-date="30" style="height: 208px;">
<div class="day">
30
</div>
<ul class="events">
<li class="t_2">
<span>2. purring</span>jsfiddle-example
</li>
<li class="t_R">
<span>Rapportering</span>jsfiddle-example
</li>
<li class="t_S">
<span>Svarfrist</span>jsfiddle-example
</li>
<li class="t_S">
<span>Svarfrist</span>jsfiddle-example
</li>
</ul>
</td>
<td class="padding" colspan="3" style="height: 208px;"></td>
</tr>
</tbody>
</table>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment