Skip to content

Instantly share code, notes, and snippets.

@mistakster

mistakster/dabblet.css

Created May 27, 2013 03:43
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mistakster/5655080 to your computer and use it in GitHub Desktop.
Save mistakster/5655080 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 {
font-size: 12px;
font-family: Arial, sans-serif;
}
.ts {
font-size: 50%;
}
.temperature {
font-size: 400%;
color: #222;
text-align: center;
}
td {
color: #555;
}
.value {
color: #000;
}
.pressure {
background: rgba(0, 0, 0, 0) url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMXB4IiBoZWlnaHQ9IjExcHgiDQoJIHZpZXdCb3g9IjAgMCAxMSAxMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTEgMTE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiM0NDQiIHBvaW50cz0iMywwIDMsNyA1LDcgMi41LDExIDAsNyAyLDcgMiwwICIvPg0KPHBvbHlnb24gZmlsbD0iIzQ0NCIgcG9pbnRzPSI5LDAgOSw3IDExLDcgOC41LDExIDYsNyA4LDcgOCwwICIvPg0KPC9zdmc+DQo=") no-repeat left center;
padding-left: 15px;
padding-right: 10px;
}
.humidity {
background: rgba(0, 0, 0, 0) url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMXB4IiBoZWlnaHQ9IjExcHgiDQoJIHZpZXdCb3g9IjAgMCAxMSAxMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTEgMTE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM0NDQiIGQ9Ik04LjY3OSw3LjgyMkM4LjY3OSw5LjU3Nyw3LjI1NiwxMSw1LjUsMTFTMi4zMDIsOS41NzcsMi4zMjEsNy44MjINCgljMC4wMzEtMi44MzMsMi40MTItMy40MjgsMi4zNzMtNy44MTdDNC42OTItMC4xNjksOC42NzgsNC4xNjIsOC42NzksNy44MjJ6Ii8+DQo8L3N2Zz4NCg==") no-repeat left center;
padding-left: 13px;
padding-right: 10px;
}
.dewpoint {
background: rgba(0, 0, 0, 0) url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMXB4IiBoZWlnaHQ9IjExcHgiDQoJIHZpZXdCb3g9IjAgMCAxMSAxMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTEgMTE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM0NDQiIGQ9Ik01LjUsNmMtMi40ODUsMC00LDEuMzQzLTQsM0gwdjFoMTFWOUg5LjVDOS41LDcuMzQzLDcuOTg0LDYsNS41LDZ6Ii8+DQo8L3N2Zz4NCg==") no-repeat left center;
padding-left: 15px;
}
.wind td {
padding-top: 0px;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<table cellpadding="0" cellspacing="0"><tbody>
<tr><td colspan="3" class="temperature">&minus;39,9&deg;<span class="ts"> </span></tr>
<tr><td class="pressure1">Давление: <span class="value">745<span class="ts"> </span>мм<span class="ts"> </span>рт.<span class="ts"> </span>ст.</td></tr>
<tr><td class="humidity1">Влажность: <span class="value">65%</span></td></tr>
<tr><td class="dewpoint1">Точка росы: <span class="value">&minus;10&deg;<span class="ts"> </span>С</span></td></tr>
<tr class="wind">
<td colspan="">Ветер: <pan class="value">южный</span><br>
<span class="value">1<span class="ts"> </span>м/с</span>, порывы до
<span class="value">2<span class="ts"> </span>м/с</span></td></tr>
</tbody></table>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment