Skip to content

Instantly share code, notes, and snippets.

@gunnarbittersmann

gunnarbittersmann/dabblet.css

Forked from anonymous/dabblet.css
Created July 26, 2016 19:49
Show Gist options
  • Save gunnarbittersmann/c904a7cd446b600ba4d9410e8ad79529 to your computer and use it in GitHub Desktop.
Save gunnarbittersmann/c904a7cd446b600ba4d9410e8ad79529 to your computer and use it in GitHub Desktop.
Download ZIP
The first commented line is your dabblet’s title
Raw
dabblet.css
/**
* The first commented line is your dabblet’s title
*/
body{
background:#333;
text-align:center;
}
.kalender{
display:inline-block;
border-collapse:collapse;
width:40em;
height:40em;
background:blue;
}
.kalender caption{
background:white;
padding:1em;
width:38em;
}
.kalender th, .kalender td{
width:4em;
height:4em;
border:1px solid #ccc;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<table class="kalender">
<caption>Juli 2016</caption>
<thead>
<tr>
<th>KW</th><th>Mo</th><th>Di</th><th>Mi</th><th>Do</th><th>Fr</th><th>Sa</th><th>So</th>
</tr>
</thead>
<tbody>
<tr><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td><td>1</td><td>2</td><td>3</td></tr>
<tr><td>27</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td></tr>
<tr><td>28</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td></tr>
<tr><td>29</td><td>18</td><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td></tr>
<tr><td>30</td><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td><td>31</td></tr>
</tbody>
</table>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment