Dave dave547

## css-media-queries-cheat-sheet.css
/*------------------------------------------
  Responsive Grid Media Queries - 1280, 1024, 768, 480
   1280-1024   - desktop (default grid)
   1024-768    - tablet landscape
   768-480     - tablet
   480-less    - phone landscape & smaller
--------------------------------------------*/
@media all and (min-width: 1024px) and (max-width: 1280px) { }

@media all and (min-width: 768px) and (max-width: 1024px) { }

## gist:4aefc308d78414471ecc
<html>
<head>
	<title>Checkbox</title>
	<style>
  input[type=checkbox] {
    display:none;
  }

  input[type=checkbox] + label
   {

## javascript
<script language="javascript" type="text/javascript">
<!--
function popitup(url) {
	newwindow=window.open(url,'name','height=200,width=150');
	if (window.focus) {newwindow.focus()}
	return false;
}

// -->
</script>

## gist:2762796
(function(){

})();

## style.css
@import url('reset.css');
@import url('typography.css');

html { background-color: #d2eeae;}
body {}

#wrapper { margin: 50px auto; width: 960px; min-height: 300px; background-color: #fff; border: 2px solid #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

## gist:2399648
<?php bloginfo('template_url'); ?>/

## gist:2217630
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML5 Template</title>
<meta name="description" content="">
<link rel="stylesheet" href="css/style.css">
<!-- IE6-8 support of HTML5 elements --> <!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

## page-custom.php
<?php include(TEMPLATEPATH.'/header_custom.php'); ?>

## gist:2127114
<script type="text/javascript" src="script.js"></script>

## gist:2118858
 &nbsp;
	/*------------------------------------------
	Responsive Grid Media Queries - 1280, 1024, 768, 480
	1280-1024 - desktop (default grid)
	1024-768 - tablet landscape
	768-480 - tablet
	480-less - phone landscape & smaller
	--------------------------------------------*/
	@media all and (min-width: 1024px) and (max-width: 1280px) { }

	@media all and (min-width: 768px) and (max-width: 1024px) { }
	<html>
	<head>
	<title>Checkbox</title>
	<style>
	input[type=checkbox] {
	display:none;
	}

	input[type=checkbox] + label
	{
	<script language="javascript" type="text/javascript">
	<!--
	function popitup(url) {
	newwindow=window.open(url,'name','height=200,width=150');
	if (window.focus) {newwindow.focus()}
	return false;
	}

	// -->
	</script>
	@import url('reset.css');
	@import url('typography.css');

	html { background-color: #d2eeae;}
	body {}

	#wrapper { margin: 50px auto; width: 960px; min-height: 300px; background-color: #fff; border: 2px solid #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>HTML5 Template</title>
	<meta name="description" content="">
	<link rel="stylesheet" href="css/style.css">
	<!-- IE6-8 support of HTML5 elements --> <!--[if lt IE 9]>
	<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->