Skip to content

Instantly share code, notes, and snippets.

@x-raizor
Last active December 20, 2015 04:59
Show Gist options
  • Save x-raizor/6074603 to your computer and use it in GitHub Desktop.
Save x-raizor/6074603 to your computer and use it in GitHub Desktop.
Weather Block
/**
* Weather Block
*/
body {
font-size: 11px;
font-family: Arial, sans-serif;
}
.ts {
font-size: 50%;
}
.temperature {
font-size: 400%;
color: #555;
text-align: center;
}
td {
color: #999;
}
.value {
color: #222;
}
<!-- Weather Block <body>…</body> -->
<table cellpadding="0" cellspacing="0"><tbody>
<tr><td class="temperature">&minus;40&deg;</td></tr>
<tr><td>Давление: <span class="value">745<span class="ts"> </span>мм<span class="ts"> </span>рт.<span class="ts"> </span>ст.</span></td></tr>
<tr><td>Влажность: <span class="value">65%</span></td></tr>
<tr><td>Точка росы: <span class="value">&minus;10&deg;<span class="ts"> </span>С</span></td></tr>
<tr><td>Ветер <span class="value">северозападный</span>,<br>
<span class="value">10<span class="ts"> </span>м/с</span>
порывы до <span class="value">20<span class="ts"> </span>м/с</span></td></tr>
</tbody></table>
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment