Marlo Simon Noval avatar Marlo Simon Noval committed 4fd4cb7

Updates for css html5 snippets

Comments (0)

Files changed (24)

colors/vylight.vim

 " Vim colour file
 "
 " Maintainer:  Vy-Shane Sin Fat <shane@node.mu>
-" Last Change: 20 November 2009
-" Version:     1.1
+" Version:     1.3
 "
 " This colour file is meant for GUI use.
 "
 let g:colors_name="vylight"
 
 
-hi Normal        guifg=#1a1a1a  guibg=white
+hi Normal        guifg=#111111  guibg=white
 hi Title         guifg=black    guibg=white
-hi Cursor        guibg=#111111
-hi LineNr        guifg=#aaaaaa  guibg=#f8f8f8
-hi Visual        guibg=#bbddff
-hi NonText       guifg=#cccccc  guibg=#fafafa
+hi Cursor                       guibg=#FF7311
+hi LineNr        guifg=#bebebe  guibg=#f8f8f8
+hi Visual                       guibg=#bbddff
+hi NonText       guifg=#fafafa  guibg=#fafafa
 hi StatusLine    guifg=#222222  guibg=#eeeeee  gui=none
-hi StatusLineNC  guifg=#666666  guibg=#eeeeee  gui=none
+hi StatusLineNC  guifg=#888888  guibg=#eeeeee  gui=none
 hi VertSplit     guifg=#eeeeee  guibg=#eeeeee  gui=none
-hi ModeMsg       guifg=#007050  guibg=#eeeeee  gui=none
-hi ErrorMsg      guifg=#f03050  guibg=#eeeeee  gui=none
+hi ModeMsg       guifg=black    guibg=#bbddff  gui=none
+hi ErrorMsg      guifg=black    guibg=#ffbbbb  gui=none
 hi Error         guifg=#bb3355  guibg=white    gui=none
 
 
 " Vim 7.x specific
 if version >= 700
-  hi CursorLine  guibg=#eeeeee  gui=none
-  hi MatchParen  guibg=#ccffdd  gui=none
+  hi MatchParen                 guibg=#ccffdd  gui=none
   hi Pmenu       guifg=#60656f  guibg=#f0f5ff  gui=none
   hi PmenuSel    guifg=white    guibg=#3585ef  gui=bold
   hi PmenuSbar   guifg=#d0d5dd  guibg=#e0e5ee  gui=bold
   hi PmenuThumb  guifg=#e0e5ee  guibg=#c0c5dd  gui=bold
-  hi Search      guibg=#fcfcaa  gui=none
-  hi IncSearch   guibg=#ffff33  gui=bold
+  hi Search                     guibg=#fcfcaa  gui=none
+  hi IncSearch                  guibg=#ffff33  gui=bold
+  hi CursorLine                 guibg=#f1faff
+  hi ColorColumn                guibg=#fafafa
 endif
 
 
 " Syntax highlighting 
-hi Comment       guifg=#668866  gui=none
-"hi Todo          guifg=#225522  guibg=white    gui=italic
+hi Comment       guifg=#777777  gui=none
 hi Todo          guifg=#446644  guibg=#ddeecc  gui=italic
 hi Operator      guifg=#1a1a1a  gui=none
 hi Identifier    guifg=#1a1a1a  gui=none
-hi Statement     guifg=#0050b0  gui=none
+hi Statement     guifg=#1a1a1a  gui=none
 hi Type          guifg=#0050b0  gui=none
 hi Constant      guifg=#204070  gui=none
-hi Conditional   guifg=#006040  gui=none
+hi Conditional   guifg=#006633  gui=none
 hi Delimiter     guifg=#1a1a1a  gui=none
-hi PreProc       guifg=#007050  gui=none
-hi Special       guifg=#a05050  gui=none
+hi PreProc       guifg=#006633  gui=none
+hi Special       guifg=#006633  gui=none
 hi Keyword       guifg=#007050  gui=none
 
 hi link Function        Normal
 hi link Repeat          Conditional
 hi link Label           Statement
 hi link Exception       Statement
-hi link Include         PreProc
+hi link Include         Normal
 hi link Define          PreProc
 hi link Macro           PreProc
 hi link PreCondit       PreProc

plugin/EnhancedCommentify.vim

 		\ 'strace\|xpm\|yacc\)$'
 	let b:ECcommentOpen = '/*'
 	let b:ECcommentClose = '*/'
-    elseif fileType =~ '^\(html\|xhtml\|xml\|xslt\|xsd\|dtd\|sgmllnx\|lzx\)$'
+    elseif fileType =~ '^\(html\|xhtml\|xml\|xslt\|xsd\|dtd\|sgmllnx\|lzx\|aspx\)$'
 	let b:ECcommentOpen = '<!--'
 	let b:ECcommentClose = '-->'
     elseif fileType =~ '^\(sgml\|smil\)$'
 " Eg. C will never have embedded code...
 "
 function s:CheckPossibleEmbedding(ft)
-    if a:ft =~ '^\(php\|vim\|latte\|html\|lzx\)$'
+    if a:ft =~ '^\(php\|vim\|latte\|html\|lzx\|aspx\)$'
 	let b:ECpossibleEmbedding = 1
     else
 	" Since getting the synID is slow, we set the default to 'no'!

snippets/css.snippets

 snippet =layout
 	/* -------------------------------------------------------------- start
 		Layout 
-			Defaults
 			Basic Layout
 			Header
 			Content
 			Sidebar
 			Footer
-			Misc
+			Helpers 
 
 	-----------------------------------------------------------------
 	----------------------------------------------------------------- end */
 	/* -------------------------------------------------------------- start
-			Defaults 
-	-------------------------------------------------------------- */
-	body {background: #ccc; color: #a19381}
-	div, ul, ol, li, form {position:relative}
-	hr {clear: both; border: 0 none; border-top: 1px solid #ccc; display: inline-block; margin: 15px 0px; width: 100%;}
-
-	/* -------------------------------------------------------------- end */
-	/* -------------------------------------------------------------- start
-			Basic Layout 	
+			Basic Layout 
 	-------------------------------------------------------------- */
 	#wrapper {width: 940px; margin: 0 auto}
 	#header  {}
 	
 	/* -------------------------------------------------------------- end */
 	/* -------------------------------------------------------------- start
-			Misc 
+			Helpers 
 	-------------------------------------------------------------- */
+	/* Hide for both screenreaders and browsers
+		 css-discuss.incutio.com/wiki/Screenreader_Visibility */
+	.hidden { display: none; visibility: hidden; } 
+
+	/* Hide only visually, but have it available for screenreaders 
+		 www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
+	.visuallyhidden { position: absolute !important;    
+		clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+		clip: rect(1px, 1px, 1px, 1px); }
+
+	/* Hide visually and from screenreaders, but maintain layout */
+	.invisible { visibility: hidden; }
+
+	/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
+	.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden;} 
+
+	.clearfix:after { clear: both; }
+	/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
+	.clearfix { zoom: 1; }
+
 	.center {text-align: center}
 	.left   {float: left; overflow: hidden}
 	.right  {float: right; overflow: hidden}
+
 	.width25  {width: 25%} 
 	.width35  {width: 35%} 
 	.width50  {width: 50%} 
 	.width65  {width: 65%} 
 	.width100 {width: 100%}
 
+	.font12 {font-size: 12px}
+	.font13 {font-size: 13px}
+	.font14 {font-size: 14px}
+	.font16 {font-size: 16px}
+	.bold {font-weight: bold}
+
+	.blue {color: #009}
+
 	/* -------------------------------------------------------------- end */
 snippet =typo
 	/* -------------------------------------------------------------- start
 		Typography 
-			Font families
-			Defaults
+			Font families 
+			Defaults 
+			Forms 
 			Headings
 				Specifics: h2
 				Specifics: h3
 			Links
-			Colors
 
 	-----------------------------------------------------------------
 	----------------------------------------------------------------- end */
 	/* -------------------------------------------------------------- start
 			Font families 
 	-------------------------------------------------------------- */
-	body {font: 13px/22px Arial, Helvetica, sans-serif;}
+	body, select, input, textarea { color: #444; font: 12px/22px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; }
 
-	.font12 {font-size: 12px}
-	.font13 {font-size: 13px}
-	.font14 {font-size: 14px}
-	.font16 {font-size: 16px}
-	.bold {font-weight: bold}
 	/* -------------------------------------------------------------- end */
 	/* -------------------------------------------------------------- start
 			Defaults 
 	-------------------------------------------------------------- */
 	p,ul,ol {margin-bottom: 15px}
-	ul, ol {margin: 0 0 15px 25px}
-	ul li {list-style-type: circle}
-	ol li {list-style-type: decimal}
-	a, a:visited {color: #009; text-decoration: underline}
-	a:hover {color: #d54e21; text-decoration: none}
 	hr {clear: both; border: 0 none; border-top: 1px solid #ccc; display: inline-block; margin: 15px 0px; width: 100%;}
 
+	/* always force a scrollbar in non-IE */ 
+	html { overflow-y: scroll; }
+
+	/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
+	a:hover, a:active { outline: none; }
+
+	a, a:active, a:visited { color: #607890; }
+	a:hover { color: #036; }
+
+	ul, ol { margin-left: 1.8em; }
+	ol { list-style-type: decimal; }
+
+	/* Remove margins for navigation lists */
+	nav ul, nav li { margin: 0; } 
+
+	small { font-size: 85%; }
+	strong, th { font-weight: bold; }
+
+	td, td img { vertical-align: top; } 
+
+	sub { vertical-align: sub; font-size: smaller; }
+	sup { vertical-align: super; font-size: smaller; }
+
+	pre { 
+		padding: 15px; 
+		
+		/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
+		white-space: pre; /* CSS2 */
+		white-space: pre-wrap; /* CSS 2.1 */
+		white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
+		word-wrap: break-word; /* IE */
+	}
+
+	/* -------------------------------------------------------------- end */
+	/* -------------------------------------------------------------- start
+			Forms
+	-------------------------------------------------------------- */
+	textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
+
+	.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */
+
+	/* align checkboxes, radios, text inputs with their label
+		 by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
+	input[type="radio"] { vertical-align: text-bottom; }
+	input[type="checkbox"] { vertical-align: bottom; }
+	.ie7 input[type="checkbox"] { vertical-align: baseline; }
+	.ie6 input { vertical-align: text-bottom; }
+
+	/* hand cursor on clickable input elements */
+	label, input[type=button], input[type=submit], button { cursor: pointer; }
+	 
+	/* webkit browsers add a 2px margin outside the chrome of form elements */  
+	button, input, select, textarea { margin: 0; }
+
+	/* colors for form validity */
+	input:valid, textarea:valid   {  }
+	input:invalid, textarea:invalid { 
+				border-radius: 1px;
+			-moz-box-shadow: 0px 0px 5px red; 
+	 -webkit-box-shadow: 0px 0px 5px red; 
+					 box-shadow: 0px 0px 5px red;
+	}
+	.no-boxshadow input:invalid, 
+	.no-boxshadow textarea:invalid { background-color: #f0dddd; }
+
+
+	/* These selection declarations have to be separate.
+		 No text-shadow: twitter.com/miketaylr/status/12228805301 
+		 Also: hot pink. */
+	::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
+	::selection { background:#FF5E99; color:#fff; text-shadow: none; } 
+
+	/*  j.mp/webkit-tap-highlight-color */
+	a:link { -webkit-tap-highlight-color: #FF5E99; } 
+
+	/* make buttons play nice in IE:    
+		 www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
+	button {  width: auto; overflow: visible; }
+	 
+	/* bicubic resizing for non-native sized IMG: 
+		 code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
+	.ie7 img { -ms-interpolation-mode: bicubic; }
+
 	/* -------------------------------------------------------------- end */
 	/* -------------------------------------------------------------- start
 			Headings 
 	-------------------------------------------------------------- */
-	h1, h2, h3, h4, h5, h6 {margin-bottom: 10px}
+	h1,h2,h3,h4,h5,h6 { font-weight: bold; margin-bottom: 10px }
 	h1, h2 {margin-bottom: 20px}
 	h1 {font-size: 36px}
 	h2 {font-size: 32px}
 	-------------------------------------------------------------- */
 	
 	/* -------------------------------------------------------------- end */
-	/* -------------------------------------------------------------- start
-			Colors 
-	-------------------------------------------------------------- */
-	.blue {color: #009}
-
-	/* -------------------------------------------------------------- end */
 snippet =text
 	/* -------------------------------------------------------------- start
 			Text elements 

snippets/css/=clear.snippet

-${1:.clear} {display: inline-block}
-$1:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
-* html $1{height: 1%}
-$1{display: block}
-$1-both {clear:both}${2}
+/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
+.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden;} 
+
+.clearfix:after { clear: both; }
+/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
+.clearfix { zoom: 1; }

snippets/css/=imagereplace/Dwyer Method.snippet

-${1:#image} {width: ${2:0}px; height: ${3:0}px; background-image: url(${4})}

snippets/css/=imagereplace/Fahrner Method.snippet

-${1:#image} {width: ${2:0}px; height: ${3:0}px; background-image: url(${4})}
-$1 span {display: none}

snippets/css/=imagereplace/Leahy Langridge Method.snippet

-${1:#image} {height: 0 !important; overflow: hidden; padding-top: ${2:0}px; width: ${3:0}px; background: url(${4}) no-repeat}

snippets/css/=imagereplace/Levin Method.snippet

-${1:#image} {width: ${2:0}px; height: ${3:0}px; position: relative}
-$1 span {background: url(${4}); position: absolute; height: 100%; width: 100%}
-$1 span {display: block; width: 0; height: 0; overflow: hidden}

snippets/css/=imagereplace/Lindsay Method.snippet

-${1:#image} {color: white; font-size: 1px; width: ${2:0}px; height: ${3:0}px; background: url(${4}) no-repeat}

snippets/css/=imagereplace/Phark Method.snippet

-${1:#image} {width: ${2:0}px; height: ${3:0}px; background: url(${4}); text-indent: -9999px}

snippets/css/=info.snippet

 Author: ${5}
 Author URI: http://${6:$2}
 Tags: ${7}
+*/
 
-	The CSS, XHTML and design is released under GPL:
-	http://www.opensource.org/licenses/gpl-license.php
-*/
+@import "reset.css";
+@import "typography.css";
+@import "layout.css";
+@import "enrichment.css";
+@import "media.css";

snippets/css/=ir/Dwyer Method.snippet

+${1:#image} {width: ${2:0}px; height: ${3:0}px; background-image: url(${4})}

snippets/css/=ir/Fahrner Method.snippet

+${1:#image} {width: ${2:0}px; height: ${3:0}px; background-image: url(${4})}
+$1 span {display: none}

snippets/css/=ir/Leahy Langridge Method.snippet

+${1:#image} {height: 0 !important; overflow: hidden; padding-top: ${2:0}px; width: ${3:0}px; background: url(${4}) no-repeat}

snippets/css/=ir/Levin Method.snippet

+${1:#image} {width: ${2:0}px; height: ${3:0}px; position: relative}
+$1 span {background: url(${4}); position: absolute; height: 100%; width: 100%}
+$1 span {display: block; width: 0; height: 0; overflow: hidden}

snippets/css/=ir/Lindsay Method.snippet

+${1:#image} {color: white; font-size: 1px; width: ${2:0}px; height: ${3:0}px; background: url(${4}) no-repeat}

snippets/css/=ir/Phark Method.snippet

+${1:#image} {width: ${2:0}px; height: ${3:0}px; background: url(${4}); text-indent: -9999px}

snippets/css/=media.snippet

+/* -------------------------------------------------------------- start
+  Media queries for responsive design
+-------------------------------------------------------------- */
+@media all and (orientation:portrait) { 
+	/* Style adjustments for portrait mode goes here */
+	
+}
+
+@media all and (orientation:landscape) { 
+	/* Style adjustments for landscape mode goes here */
+	
+}
+
+/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
+	 Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
+@media screen and (max-device-width: 480px) {
+	
+	
+	/* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
+		 j.mp/textsizeadjust 
+	html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
+}
+
+/* 
+ * print styles
+ * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
+ */
+@media print {
+	* { background: transparent !important; color: #444 !important; text-shadow: none !important; }
+	a, a:visited { color: #444 !important; text-decoration: underline; }
+	a:after { content: " (" attr(href) ")"; } 
+	abbr:after { content: " (" attr(title) ")"; }
+	.ir a:after { content: ""; }  /* Don't show links for images */
+	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
+	thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
+	tr, img { page-break-inside: avoid; }
+	@page { margin: 0.5cm; }
+	p, h2, h3 { orphans: 3; widows: 3; }
+	h2, h3{ page-break-after: avoid; }
+}
+
+/* -------------------------------------------------------------- end */

snippets/css/=print.snippet

-/* -------------------------------------------------------------- start
-  Print
--------------------------------------------------------------- */
-body { line-height: 1.5; font-family: Helvetica, Arial, Verdana, sans-serif; color: #000; background: none; font-size: 10pt; }
-
-h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
-code { font: .9em Courier, monospace; } 
-
-img { float: left; margin: 1.5em 1.5em 1.5em 0; }
-a img { border: none; }
-p img.top { margin-top: 0; }
-
-hr { background: #ccc; color: #ccc; width: 100%; height: 2px; margin: 2em 0; padding: 0; border: none; }
-blockquote { margin: 1.5em; padding: 1em; font-style: italic; font-size: .9em; }
-
-a:link, a:visited { background: transparent; font-weight: 700; text-decoration: underline; }
-a:link:after, a:visited:after { content: " (" attr(href) ") "; font-size: 90%; }
-
-/* -------------------------------------------------------------- end */

snippets/css/=reset.snippet

 /* -------------------------------------------------------------- start
   Reset 
-    Global Reset
+    Reset
     Restore Defaults
-    Clear Floats
-
+		
 -----------------------------------------------------------------
 ----------------------------------------------------------------- end */
 /* -------------------------------------------------------------- start
-    Global Reset 
+    Reset 
+			html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
+			v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
+			html5doctor.com/html-5-reset-stylesheet/
 -------------------------------------------------------------- */
-html,body {min-height:101%}
-*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {margin:0; padding:0}
-table {border-collapse:collapse; border-spacing:0}
-fieldset, img { border:0 }
-address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal}
-ol, ul, li {list-style:none}
-caption, th {text-align:left}
-h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal}
-q:before, q:after {content:''}
-a {text-decoration:none}
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code,
+del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var,
+b, i,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }                  
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section { display:block; }
+
+nav ul { list-style:none; }
+
+blockquote, q { quotes:none; }
+
+blockquote:before, blockquote:after,
+q:before, q:after { content:''; content:none; }
+
+a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
+
+ins { background-color:#ff9; color:#000; text-decoration:none; }
+
+mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
+
+del { text-decoration: line-through; }
+
+abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
+
+/* tables still need cellspacing="0" in the markup */
+table { border-collapse:collapse; border-spacing:0; }
+
+hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
+
+input, select { vertical-align:middle; }
 
 /* -------------------------------------------------------------- end */
 /* -------------------------------------------------------------- start
 a {outline: none} /* Removes Firefox imposed outline */
 
 /* -------------------------------------------------------------- end */
-/* -------------------------------------------------------------- start
-    Clear Floats 
--------------------------------------------------------------- */
-.clear {display: inline-block}
-.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
-* html .clear{height: 1%}
-.clear {display: block}
-.clear-both {clear:both}
-
-/* -------------------------------------------------------------- end */

snippets/html/=container.snippet

+<header>
+
+</header>
+
+<div id="container">
+	<div id="content">
+
+	</div>
+	<div id="sidebar">
+
+	</div>
+</div>
+
+<footer>
+
+</footer>

snippets/html/=footer.snippet

+  <!-- Javascript at the bottom for fast page loading -->
+
+  <!-- Grab Google CDN's jQuery. fall back to local if necessary -->
+  <!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
+  <script>!window.jQuery && document.write(unescape('%3Cscript src="js/libs/jquery-1.4.2.js"%3E%3C/script%3E'))</script> -->
+  
+  
+  <!-- scripts concatenated and minified via ant build script-->
+  <!-- <script src="js/plugins.js"></script>
+  <script src="js/script.js"></script> -->
+  <!-- end concatenated and minified scripts-->
+  
+  
+  <!--[if lt IE 7 ]>
+    <script src="js/libs/dd_belatedpng.js"></script>
+    <script> DD_belatedPNG.fix('img, .png_bg'); //fix any <img> or .png_bg background-images </script>
+  <![endif]-->
+
+  <!-- yui profiler and profileviewer - remove for production -->
+  <!-- <script src="js/profiling/yahoo-profiling.min.js"></script>
+  <script src="js/profiling/config.js"></script> -->
+  <!-- end profiling code -->
+
+
+  <!-- asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet 
+       change the UA-XXXXX-X to be your site's ID -->
+  <!-- <script>
+   var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
+   (function(d, t) {
+    var g = d.createElement(t),
+        s = d.getElementsByTagName(t)[0];
+    g.async = true;
+    g.src = ('https:' == location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+    s.parentNode.insertBefore(g, s);
+   })(document, 'script');
+  </script> -->
+  
+</body>
+</html>
+

snippets/html/=header.snippet

+<!doctype html>  
+
+<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> 
+<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
+<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
+<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
+<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
+<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
+<head>
+  <meta charset="utf-8">
+
+  <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame 
+       Remove this if you use the .htaccess -->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
+  <title></title>
+  <meta name="description" content="">
+  <meta name="author" content="">
+
+  <!--  Mobile viewport optimized: j.mp/bplateviewport -->
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
+  <link rel="shortcut icon" href="/favicon.ico">
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+
+
+  <!-- CSS : implied media="all" -->
+  <link rel="stylesheet" href="css/style.css?v=2">
+
+  <!-- Uncomment if you are specifically targeting less enabled mobile browsers
+  <link rel="stylesheet" media="handheld" href="css/handheld.css?v=2">  -->
+ 
+  <!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
+  <script src="js/libs/modernizr-1.6.min.js"></script>
+
+</head>
+
+<body>
-"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
-" Maintainer: ragingmon
+""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" " Maintainer: ragingmon
 "             http://ragingfx.com - ragingmon@gmail.com
 " Totally_inspired_by:
 "             http://amix.dk  - amix@amix.dk
 if has("gui_running")
   set background=dark
   set t_Co=256
-	colorscheme busybee
+  colorscheme vylight
 else
   colorscheme vylight
   set background=light
 " autocmd FileType html set ft=html.django_template
 
 """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
+" => ConqueTerm
+"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
+let g:ConqueTerm_Color = 0
+map <silent> <A-s> :5split<cr>:ConqueTerm bash<cr>
+
+"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
 " => Spell checking
 """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
 "Pressing ,ss will toggle and untoggle spell checking
 " => Editing mappings
 """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
 "Move a line of text using ALT+[jk] or Comamnd+[jk] on mac
-nmap <M-j> mz:m+<cr>`z
-nmap <M-k> mz:m-2<cr>`z
-vmap <M-j> :m'>+<cr>`<my`>mzgv`yo`z
-vmap <M-k> :m'<-2<cr>`>my`<mzgv`yo`z
+nmap <A-S-j> mz:m+<cr>`z
+nmap <A-S-k> mz:m-2<cr>`z
+vmap <A-S-j> :m'>+<cr>`<my`>mzgv`yo`z
+vmap <A-S-k> :m'<-2<cr>`>my`<mzgv`yo`z
 
 """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
 " => Copy and Paste using <F8>
 au BufNewFile,BufRead *.j setfiletype objj
 au BufRead,BufNewFile *.html setfiletype html
 au BufRead,BufNewFile *.htm setfiletype html
+au BufRead,BufNewFile *.aspx setfiletype html
+au BufRead,BufNewFile *.ascx setfiletype html
+au BufRead,BufNewFile *.master setfiletype html
 au BufRead,BufNewFile *.php setfiletype php
 au BufRead,BufNewFile *.sass setfiletype sass
 au BufRead,BufNewFile *.scss setfiletype scss
 autocmd BufWinLeave *.* mkview
 autocmd BufWinEnter *.* silent loadview 
 
-au Filetype php,html,htm,xml,xsl,lzx source ~/.vim_mon/scripts/closetag.vim
+au Filetype master,ascx,aspx,php,html,htm,xml,xsl,lzx source ~/.vim_mon/scripts/closetag.vim
+
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.