====== Tools ======
^Tool ^Link^
|CSS3 Generator| http://css3please.com/ |


====== TAGS ======
===== media =====
Can override the default value, like "float" depending on the 
<sxh css>
@media (max-width:1000px) {
    #subhead ul.dropdown {
	    float: left;
	}
}	
</sxh>


====== PATTERNS ======
===== Sticky Footer =====

^Pattern^ Link To Example^
|The Sticky Footer remains at the bottom, unlexx the content is larger, than the screen height. Then the Footer is pushed down by the content. |http://www.lwis.net/journal/2008/02/08/pure-css-sticky-footer/|
{{http://i520.photobucket.com/albums/w327/schajtan/2013-01-20_11-57-30.png?400}} {{http://i.imgur.com/S4x4MhL.png?400}}


===== CSS3 Shadow =====

^Pattern^ Link To Example^
|Box Shadow |http://robertnyman.com/2010/03/16/drop-shadow-with-css-for-all-web-browsers/|
<sxh css>
.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
</sxh>