Skip to content

Instantly share code, notes, and snippets.

@uberbuilder
Created February 21, 2013 17:19
Show Gist options
  • Save uberbuilder/5006407 to your computer and use it in GitHub Desktop.
Save uberbuilder/5006407 to your computer and use it in GitHub Desktop.
uberMap Legend Styles
/**
* uberMap Legend Styles
*/
@import url(http://fonts.googleapis.com/css?family=Raleway:600,400);
html, body {
height: 100%;
}
body {
background: rgba(252, 252, 252, 1.000);
}
.uberMap-legend-header {
color: rgba(26, 26, 26, 1.000);
font: 400 20px Raleway, sans-serif;
position: relative;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 1), 1px 2px 16px rgba(0, 0, 0, .2);
}
.legend-instructions {
color: rgba(26, 26, 26, 1.000);
font: 600 25px Raleway, sans-serif;
position: relative;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 1), 1px 2px 18px rgba(0, 0, 0, .2);
}
.legend-header {
color: rgba(26, 26, 26, 1.000);
font: 700 30px Raleway, sans-serif;
position: relative;
text-shadow: 1px 1px 2px rgba(255, 255, 255, 1), 1px 2px 23px rgba(0, 0, 0, .2);
}
.legend-sub-header {
color: rgba(128, 128, 128, 1.000);
font: 400 16px Raleway, sans-serif;
position: relative;
}
<p class="uberMap-legend-header">Food Insecurity Index:</p>
<p class="legend-instructions">Choose a county below to see hunger statistics.</p>
<p class="legend-header">Philadelphia County</p>
<p class="legend-sub-header">(Click for more information)</p>
// 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