Commits

Marlo Simon Noval committed 209ef73

Change <s-space> to ;; and updates on css snippets

Comments (0)

Files changed (8)

snippets/css.html

+#
+# Image Replacement Techniques
+# http://www.mezzoblue.com/tests/revised-image-replacement/
+# http://css-tricks.com/css-image-replacement/
+#
+# Author       : C.Z. Robertson
+# Description  : Named after Todd Fahrner and popularized by Douglas Bowman and Jeffrey Zeldman.
+# Issues       : Most screen readers will not pick up the text when it is not rendered on-screen, nothing shows up under "images off, css on" scenarios, semantically meaningless <span>s necessary.
+# HTML         : <h1 id="image"><span>Image Replacement Technique</span></h1>
+# Trigger Desc : f for Fahrner
+snippet =irf
+	${1:#image} {width: ${2:0}px; height: ${3:0}px; background-image: url(${4})}
+	$1 span {display: none}
+# 
+# Author       : Mike Rundle
+# Description  : Referred as the Phark Method
+# Issues       : Nothing shows up under "images off, css on" scenarios, doesn't work in IE5.
+# HTML         : <h1 id="image">Image Replacement Technique</h1>
+# Trigger Desc : p for Phark
+snippet =irp
+	${1:#image} {width: ${2:0}px; height: ${3:0}px; background: url(${4}); text-indent: -9999px}
+#
+# Author       : Seamus Leahy and Stuart Langridge
+# Issues       : Nothing shows up under "images off, css on" scenarios, box model hack required to work in IE5.  # HTML         : <h1 id="image">Image Replacement Technique</h1>
+# Trigger Desc : s for Seamus or Stuart
+snippet =irs
+	${1:#image} {height: 0 !important; overflow: hidden; padding-top: ${2:0}px; width: ${3:0}px; background: url(${4}) no-repeat}
+#
+# Author       : Leon Dwyer
+# Issues       : Doesn't solve images off/css on, still requires extra span.
+# HTML         : <h1 id="image"><span>Image Replacement Technique/<span></h1>
+# Trigger Desc : d for Dwyer
+snippet =ird
+	${1:#image} {background-image: url(${2}); width: ${3:0}px; height: ${4:0}px}
+	$1 span {display: block; width: 0; height: 0; overflow: hidden}
+#
+# Author       : Levin Alexander
+# Issues       : Extra empty span, transparent images don't hide text.
+# HTML         : <h1 id="image"><span></span>Image Replacement Technique</h1>
+# Trigger Desc : a for Alexander
+snippet =ira
+	${1:#image} {width: ${2:0}px; height: ${3:0}px; position: relative}
+	$1 span {background: url(${4}); position: absolute; height: 100%; width: 100%}
+#
+# Author       : Russ Weakley
+# Description  : Referred as the Lindsay Method
+# Issues       : Doesn't solve images off/CSS on, doesn't work on anything but flat-colour backgrounds.
+# HTML         : <h1 id="image">Image Replacement Technique</h1>
+# Trigger Desc : l for Lindsay
+snippet =irl
+	${1:#image} {color: white; font-size: 1px; width: ${2:0}px; height: ${3:0}px; background: url(${4}) no-repeat}
+# End of Image Replacement Techniques

snippets/css.snippets

 			${1}
 	-------------------------------------------------------------- */
 	${2}
+	
 	/* -------------------------------------------------------------- end */
+snippet //>
+	/* -------------------------------------------------------------- start
+			${1}
+	----------------------------------------------------------------- end */
 snippet ///
 	/* -------------------------------------------------------------- start
 		${1} 
+	
 	-----------------------------------------------------------------
 	----------------------------------------------------------------- end */
 #
 		hr.dotted2 {background: url(../images/hr-dotted2.png) repeat-x; height: 2px;}
 		.box div.hr hr {display: none}
 		.box div.hr {height: 2px; margin-bottom: 10px}
+		/* -------------------------------------------------------------- end */
 #
 # 
 snippet ../i

snippets/css/=print.snippet

-/* -------------------------------------------------------------- 
------------------------------------------------------------------
-		Print 
------------------------------------------------------------------
+/* -------------------------------------------------------------- start
+  Print
 -------------------------------------------------------------- */
 body { line-height: 1.5; font-family: Helvetica, Arial, Verdana, sans-serif; color: #000; background: none; font-size: 10pt; }
 
 
 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
+    Restore Defaults
+    Clear Floats
+
 -----------------------------------------------------------------
-		Reset
------------------------------------------------------------------
+----------------------------------------------------------------- end */
+/* -------------------------------------------------------------- start
+    Global Reset 
 -------------------------------------------------------------- */
+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 }
 q:before, q:after {content:''}
 a {text-decoration:none}
 
-/* -------------------------------------------------------------- 
-		 Global reset-RESET (restores some sensible defaults)
+/* -------------------------------------------------------------- end */
+/* -------------------------------------------------------------- start
+    Restore Defaults 
 -------------------------------------------------------------- */
 strong {font-weight:bold}
 em {font-style:italic}
 a img {border:none} /* Gets rid of IE's blue borders */
 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/css/=table.snippet

-/* -------------------------------------------------------------- 
+/* -------------------------------------------------------------- start
 		Tables 
 -------------------------------------------------------------- */
 table {font: 12px/18px "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; border-collapse: collapse; text-align: left}
 table td {background: #3d260f; border-top: 1px solid #372311}
 table td.row-name {padding-left: 10px; text-align: left}
 table tbody tr:hover td {background: #442b14}
+
+/* -------------------------------------------------------------- end */

snippets/css/_readme.html

-#
-# Image Replacement Techniques
-# http://www.mezzoblue.com/tests/revised-image-replacement/
-# http://css-tricks.com/css-image-replacement/
-#
-# Author       : C.Z. Robertson
-# Description  : Named after Todd Fahrner and popularized by Douglas Bowman and Jeffrey Zeldman.
-# Issues       : Most screen readers will not pick up the text when it is not rendered on-screen, nothing shows up under "images off, css on" scenarios, semantically meaningless <span>s necessary.
-# HTML         : <h1 id="image"><span>Image Replacement Technique</span></h1>
-# Trigger Desc : f for Fahrner
-snippet =irf
-	${1:#image} {width: ${2:0}px; height: ${3:0}px; background-image: url(${4})}
-	$1 span {display: none}
-# 
-# Author       : Mike Rundle
-# Description  : Referred as the Phark Method
-# Issues       : Nothing shows up under "images off, css on" scenarios, doesn't work in IE5.
-# HTML         : <h1 id="image">Image Replacement Technique</h1>
-# Trigger Desc : p for Phark
-snippet =irp
-	${1:#image} {width: ${2:0}px; height: ${3:0}px; background: url(${4}); text-indent: -9999px}
-#
-# Author       : Seamus Leahy and Stuart Langridge
-# Issues       : Nothing shows up under "images off, css on" scenarios, box model hack required to work in IE5.  # HTML         : <h1 id="image">Image Replacement Technique</h1>
-# Trigger Desc : s for Seamus or Stuart
-snippet =irs
-	${1:#image} {height: 0 !important; overflow: hidden; padding-top: ${2:0}px; width: ${3:0}px; background: url(${4}) no-repeat}
-#
-# Author       : Leon Dwyer
-# Issues       : Doesn't solve images off/css on, still requires extra span.
-# HTML         : <h1 id="image"><span>Image Replacement Technique/<span></h1>
-# Trigger Desc : d for Dwyer
-snippet =ird
-	${1:#image} {background-image: url(${2}); width: ${3:0}px; height: ${4:0}px}
-	$1 span {display: block; width: 0; height: 0; overflow: hidden}
-#
-# Author       : Levin Alexander
-# Issues       : Extra empty span, transparent images don't hide text.
-# HTML         : <h1 id="image"><span></span>Image Replacement Technique</h1>
-# Trigger Desc : a for Alexander
-snippet =ira
-	${1:#image} {width: ${2:0}px; height: ${3:0}px; position: relative}
-	$1 span {background: url(${4}); position: absolute; height: 100%; width: 100%}
-#
-# Author       : Russ Weakley
-# Description  : Referred as the Lindsay Method
-# Issues       : Doesn't solve images off/CSS on, doesn't work on anything but flat-colour backgrounds.
-# HTML         : <h1 id="image">Image Replacement Technique</h1>
-# Trigger Desc : l for Lindsay
-snippet =irl
-	${1:#image} {color: white; font-size: 1px; width: ${2:0}px; height: ${3:0}px; background: url(${4}) no-repeat}
-# End of Image Replacement Techniques

snippets/css/dn.snippet

+display: none;
 
 " Quickly set comma or semicolon at the end of the string
 inoremap ,, <End>,
-inoremap ;; <End>;
-inoremap >> <End>>
 
 " Smart way to move btw. windows
 map <C-j> <C-W>j
 map <C-l> <C-W>l
 
 " Press Shift-Space (may not work on your system).
-imap <S-Space> <Esc>
+" imap <S-Space> <Esc>
 " Try the following so Shift-Space also enters insert mode.
-nmap <S-Space> i
+" nmap <S-Space> i
 " On gvim and Linux console Vim, you can use Alt-Space.
-imap <M-Space> <Esc>
+" imap <M-Space> <Esc>
+imap ;; <Esc>
+nmap ;; i
 
 " Tab navigation like firefox
 nmap <C-t>           :tabnew      <CR>
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.