Skip to content

Instantly share code, notes, and snippets.

@narqo

narqo/dabblet.css

Created February 11, 2012 00:35
Show Gist options
  • Save narqo/1794487 to your computer and use it in GitHub Desktop.
Save narqo/1794487 to your computer and use it in GitHub Desktop.
Download ZIP
Tables' border-radius + box-shadow playgroud
Raw
dabblet.css
/**
* Tables' border-radius + box-shadow playgroud
*/
body{
font:82.5% Arial, sans-serif;
margin:5px;
padding:0;
}
table{
border:0;
border-collapse:separate;
border-spacing:3px;
}
tr{
vertical-align:top;
}
tr:hover td:last-child{
background-color:rgba(170, 204, 255, 0.3);
box-shadow:inset 0 0 7px rgba(150, 150, 150, 0.9);
}
td{
border:0;
border-radius:10px 0 0 0px;
padding:1em;
}
td:first-child{
background:#bdf;
box-shadow:0 0 5px rgba(0, 0, 0, 0.8);
}
td:last-child{
border:1px solid #acf;
border-radius:0 0 10px 0px;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<table>
<tr>
<td>5 звезд (Щелково)</td>
<td>10:15 16:45</td>
</tr>
<tr>
<td>5 звезд Бирюлево</td>
<td>10:15 12:30</td>
</tr>
<tr>
<td>5 звезд на Павелецкой</td>
<td>10:15 16:20</td>
</tr>
<tr>
<td>Kinostar De Lux (Химки)</td>
<td>10:50 15:30</td>
</tr>
<tr>
<td>Kinostar De Lux Теплый Стан</td>
<td>10:50 15:00</td>
</tr>
<tr>
<td>Kinostar Miami</td>
<td>10:20 14:45</td>
</tr>
<tr>
<td>Kinostar New York</td>
<td>10:20 12:35 17:10</td>
</tr>
<tr>
<td>Брест</td>
<td>10:30 16:20 22:10</td>
</tr>
<tr>
<td>Бульвар</td>
<td>17:45</td>
</tr>
<tr>
<td>Каро Фильм Киргизия</td>
<td>9:25 17:00</td>
</tr>
<tr>
<td>Каро Фильм на Вернадского</td>
<td>9:10 13:15 17:20 21:25 1:30</td>
</tr>
<tr>
</tr>
</table>
Raw
settings.json
{"view":"split","prefixfree":"1","page":"result"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment