Commits

Marlo Simon Noval committed ad16bc2

Fixed errors in merge

  • Participants
  • Parent commits 445b9f8

Comments (0)

Files changed (2)

File snippets/css.snippets

 #
-# CSS Textmate Bundle (default) from RedCar Editor
-#
-# Background
-snippet background background image repeat attachment position
-	background: #${1:DDD} url(${2}) ${3:repeat/repeat-x/repeat-y/no-repeat} ${4:scroll/fixed} ${5:top left/top center/top right/center left/center center/center right/bottom left/bottom center/bottom right/x-% y-%/x-pos y-pos};${6}
-snippet background background-color: name
-	background-color: ${1:red};${2}
-snippet background background-color: transparent
-	background-color: transparent;
-snippet background background-color: hex
-	background-color: #${1:DDD};${2}
-snippet background background-color: rgb
-	background-color: rgb(${1:255},${2:255},${3:255});${4}
-snippet background background-image: none
-	background-image: none;
-snippet background background-image: url
-	background-image: url(${1});${2}
-snippet background background-repeat: r/r-x/r-y/n-r
-	background-repeat: ${1:repeat/repeat-x/repeat-y/no-repeat};${2}
-snippet background background-attachment: scroll/fixed
-	background-attachment: ${1:scroll/fixed};${2}
-snippet background background-position: position
-	background-position: ${1:top left/top center/top right/center left/center center/center right/bottom left/bottom center/bottom right/x-% y-%/x-pos y-pos};${2}
-snippet background filter: AlphaImageLoader[for IE PNGs]
-	background-image: none;
-	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${1:/images/transparent.png}', sizingMethod='${2:image/scale/crop}');${3}
-#
-# Border
-snippet border border: size style color
-	border: ${1:1}px ${2:solid} #${3:999};${4}
-snippet border border-width: size
-	border-width: ${1:1}px;${2}
-snippet border border-style: style
-	border-style: ${1:none/hidden/dotted/dashed/solid/double/groove/ridge/inset/outset};${2}
-snippet border border-color: color
-	border-color: #${1:999};${2}
-snippet border border-top: size style color
-	border-top: ${1:1}px ${2:solid} #${3:999};${4}
-snippet border border-top-width: size
-	border-top-width: ${1:1}px;${2}
-snippet border border-top-style: style
-	border-top-style: ${1:none/hidden/dotted/dashed/solid/double/groove/ridge/inset/outset};${2}
-snippet border border-top-color: color
-	border-top-color: #${1:999};${2}
-snippet border border-right: size style color
-	border-right: ${1:1}px ${2:solid} #${3:999};${4}
-snippet border border-right-width: size
-	border-right-width: ${1:1}px;${2}
-snippet border border-right-style: style
-	border-right-style: ${1:none/hidden/dotted/dashed/solid/double/groove/ridge/inset/outset};${2}
-snippet border border-right-color: color
-	border-right-color: #${1:999};${2}
-snippet border border-bottom: size style color
-	border-bottom: ${1:1}px ${2:solid} #${3:999};${4}
-snippet border border-bottom-width: size
-	border-bottom-width: ${1:1}px;${2}
-snippet border border-bottom-style: style
-	border-bottom-style: ${1:none/hidden/dotted/dashed/solid/double/groove/ridge/inset/outset};${2}
-snippet border border-bottom-color: color
-	border-bottom-color: #${1:999};${2}
-snippet border border-left: size style color
-	border-left: ${1:1}px ${2:solid} #${3:999};${4}
-snippet border border-left-width: size 
-	border-left-width: ${1:1}px;${2}
-snippet border border-left-style: style
-	border-left-style: ${1:none/hidden/dotted/dashed/solid/double/groove/ridge/inset/outset};${2}
-snippet border border-left-color: color
-	border-left-color: #${1:999};${2}
-#
-# Cursor
-snippet cursor cursor: type 
-	cursor: ${1:default/auto/crosshair/pointer/move/*-resize/text/wait/help};${2}
-snippet cursor cursor: url 
-	cursor: url(${1});${2}
-#
-# Color
-snippet color color: hex
-	color: #${1:DDD};${2}
-snippet color color: rgb
-	color: rgb(${1:255},${2:255},${3:255});${4}
-snippet color color: name
-	color: ${1:red};${2}
-#
-# Display
-snippet display display: table-types
-	display: ${1:table/inline-table/table-row-group/table-header-group/table-footer-group/table-row/table-column-group/table-column/table-cell/table-caption};${2}
-snippet display display: block
-	display: block;
-snippet display display: inline
-	display: inline;
-snippet display display: inline-block
-	display: inline-block;
-snippet display display: common-types
-	display: ${1:none/inline/block/inline-block/list-item/run-in/compact/marker};${2}
-#
-# Font
-snippet font font: style variant weight size/line-height font-family
-	font: ${1:normal/italic/oblique} ${2:normal/small-caps} ${3:normal/bold} ${4:1em/1.5em} ${5:Arial}, ${6:sans-}serif;${7}
-snippet font font: size font
-	font: ${1:75%} ${2:"Lucida Grande", "Trebuchet MS", Verdana,} ${3:sans-}serif;${4}
-snippet font font-style: normal/italic/oblique
-	font-style: ${1:normal/italic/oblique};${2}
-snippet font font-variant: normal/small-caps
-	font-variant: ${1:normal/small-caps};${2}
-snippet font font-weight: weight
-	font-weight: ${1:normal/bold};${2}
-snippet font font-size: size
-	font-size: ${1:100%};${2}
-snippet font line-height: size
-	line-height: ${1:1.5em};${2}
-snippet font font-family: family
-	font-family: ${1:Arial, "MS Trebuchet"}, ${2:sans-}serif;${3}
-#
-# List
-snippet list list-style-position: pos
-	list-style-position: ${1:inside/outside};${2}
-snippet list list-style: type position image
-	list-style: ${1:none/disc/circle/square/decimal/zero} ${2:inside/outside} url(${3});${4}
-snippet list list-style-image: url
-	list-style-image: url(${1});${2}
-snippet list list-style-type: roman-alpha-greek
-	list-style-type: ${1:lower-roman/upper-roman/lower-alpha/upper-alpha/lower-greek/lower-latin/upper-latin};${2}
-snippet list list-style-type: marker
-	list-style-type: ${1:none/disc/circle/square};
-snippet list list-style-type: other
-	list-style-type: ${1:hebrew/armenian/georgian};
-snippet list list-style-type: asian
-	list-style-type: ${1:cjk-ideographic/hiragana/katakana/hiragana-iroha/katakana-iroha};
-snippet list list-style-type: numeric
-	list-style-type: ${1:decimal/decimal-leading-zero/zero};
-#
-# Margin
-snippet margin margin: all
-	margin: ${1:20px};${2}
-snippet margin margin: T R B L
-	margin: ${1:20px} ${2:0px} ${3:40px} ${4:0px};${5}
-snippet margin margin: V H
-	margin: ${1:20px} ${2:0px};${3}
-snippet margin margin-top: length 
-	margin-top: ${1:20px};${2}
-snippet margin margin-right: length
-	margin-right: ${1:20px};${2}
-snippet margin margin-bottom: length
-	margin-bottom: ${1:20px};${2}
-snippet margin margin-left: length
-	margin-left: ${1:20px};${2}
-#
-# Padding
-snippet padding padding: all
-	padding: ${1:20px};${2}
-snippet padding padding: T R B L
-	padding: ${1:20px} ${2:0px} ${3:40px} ${4:0px};${5}
-snippet padding padding: V H
-	padding: ${1:20px} ${2:0px};${3}
-snippet padding padding-top: length 
-	padding-top: ${1:20px};${2}
-snippet padding padding-right: length
-	padding-right: ${1:20px};${2}
-snippet padding padding-bottom: length
-	padding-bottom: ${1:20px};${2}
-snippet padding padding-left: length
-	padding-left: ${1:20px};${2}
-#
-# Text
-snippet text text-align: left/center/right
-	text-align: ${1:left/right/center/justify};${2}
-snippet text text-transform: capitalize/upper/lower
-	text-transform: ${1:capitalize/uppercase/lowercase};${2}
-snippet text text-transform: none
-	text-transform: none;
-snippet text text-decoration: none/underline/overline/line-through/blink
-	text-decoration: ${1:none/underline/overline/line-through/blink};${2}
-snippet text text-indent: length
-	text-indent: ${1:10}px;${2}
-snippet text text-shadow: color-hex x y blur
-	text-shadow: #${1:DDD} ${2:10px} ${3:10px} ${4:2px};${5}
-snippet text text-shadow: color-rgb x y blur
-	text-shadow: rgb(${1:255},${2:255},${3:255}) ${4:10px} ${5:10px} ${6:2px};${7}
-snippet text text-shadow: none
-	text-shadow: none;
-#
-# Others
-snippet @
-	@import "${1}.css";${2}
-snippet !
-	!important
-snippet clear
-	clear: ${1:left/right/both/none};${2}
-snippet direction
-	direction: ${1:ltr|rtl};${2}
-snippet float
-	float: ${1:left/right/none};${2}
-snippet letter letter-spacing: em
-	letter-spacing: ${1}em;${2}
-snippet letter letter-spacing: px
-	letter-spacing: ${1}px;${2}
-snippet marker marker-offset: auto
-	marker-offset: auto;
-snippet marker marker-offset: length 
-	marker-offset: ${1:10px};${2}
-snippet overflow
-	overflow: ${1:visible/hidden/scroll/auto};${2}
-snippet opacity
-	opacity: ${1:0.5};
-	-moz-opacity: $1;
-	filter:alpha(opacity=${2:50});${3}
-snippet position
-	position:	${1:static/relative/absolute/fixed};${2}
-snippet selection
-	${1}::-moz-selection,
-	$1::selection {
-		color: ${2:inherit};
-		background: ${3:inherit};
-	}${4}
-snippet vertical
-	vertical-align: ${1:baseline/sub/super/top/text-top/middle/bottom/text-bottom/length/%};${2}
-snippet visibility
-	visibility: ${1:visible/hidden/collapse};${2}
-snippet white
-	white-space: ${1:normal/pre/nowrap};${2}
-snippet word word-spacing: length
-	word-spacing: ${1:10px};${2}
-snippet word word-spacing: normal 
-	word-spacing: normal;
-snippet z
-	z-index: ${1};${2}
-#
-# Improvements by Marlo Simon Noval <ragingmon@gmail.com>
-#
-# CSS blocks
-snippet =reset
-	/* -------------------------------------------------------------- 
-	-----------------------------------------------------------------
-			Reset
-	-----------------------------------------------------------------
-	-------------------------------------------------------------- */
-	*, 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}
-
-	/* -------------------------------------------------------------- 
-			 Global reset-RESET (restores some sensible 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 */
-snippet =clear
-	${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}
-snippet =menu
-	${1:.menu} {} 
-	$1 li {display: inline} 
-	$1 li a, $1 li a:visited {display: block; float: left; margin-right: ${2}px}
-	$1 li.last a, $1 li.last a:visited {margin-right: 0}${3}
-snippet =header
-	h1, h2, h3, h4, h5, h6 {${1}}
-	h1 {font-size: 34px}
-	h2 {font-size: 22px}
-	h3 {font-size: 20px}
-	h4 {font-size: 18px}
-	h5 {font-size: 16px}
-	h6 {font-size: 14px}
-	h2,h4,h6 {color: #${2:DDD}}${3}
-# Header Default values
-snippet =info
-	/*
-	Theme Name: ${1}
-	Theme URI: http://${2:yourwebsite.com}
-	Description: ${3}
-	Version: ${4}
-	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
-
-	*/
-#
-# 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}
-#
-# Show All
-snippet =ir Fahrner Method         [trigger: =irf]
-	${1:#image} {width: ${2:0}px; height: ${3:0}px; background-image: url(${4})}
-	$1 span {display: none}
-snippet =ir Phark Method           [trigger: =irp]
-	${1:#image} {width: ${2:0}px; height: ${3:0}px; background: url(${4}); text-indent: -9999px}
-snippet =ir Leahy/Langridge Method [trigger: =irs]
-	${1:#image} {height: 0 !important; overflow: hidden; padding-top: ${2:0}px; width: ${3:0}px; background: url(${4}) no-repeat}
-snippet =ir Dwyer Method           [trigger: =ird]
-	${1:#image} {width: ${2:0}px; height: ${3:0}px; background-image: url(${4})}
-snippet =ir Levin Method           [trigger: =ira]
-	${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}
-snippet =ir Lindsay Method         [trigger: =irl]
-	${1:#image} {color: white; font-size: 1px; width: ${2:0}px; height: ${3:0}px; background: url(${4}) no-repeat}
-# End of Show All
-#
-# End of Image Replacement Techniques
-#
-# Personal
+# ID and Class selectors
 snippet .
 	.${1:class} {${2}}
 snippet #
 	#${1:id} {${2}}
+#
+# Comments
 snippet /
 	/* ${1} */
 snippet //
 	-----------------------------------------------------------------
 	-------------------------------------------------------------- */
 #
-# Etc
-snippet url
-	url(${1})
+# Windows file name reserve
+# Yes I know, this is really dumb
+snippet con
+	color: ${1:red};${2}
+#
+# Personal 
 snippet ../i
 	../images/${1}
 snippet ../s
 	${1}.gif
 snippet gif
 	${1}.gif
-snippet rx
-	repeat-x
-snippet ry
-	repeat-y
-snippet rn
-	no-repeat
-snippet nr
-	no-repeat
-snippet n
-	none
-snippet :l
-	:link
-snippet :h
-	:hover
-snippet :v
-	:visited
-snippet :fc
-	:first-child
-snippet :lc
-	:last-child
-snippet h
-	height: ${1};${2}
-snippet w
-	width: ${1};${2}
-#
-# Background
-snippet bg
-	background: ${1};
-snippet bgn
-	background: none;
-snippet bgc
-	background-color: ${1:red};${2}
-snippet bgct
-	background-color: transparent;
-snippet bgch
-	background-color: #${1:DDD};${2}
-snippet bgcr
-	background-color: rgb(${1:255},${2:255},${3:255});${4}
-snippet bgi
-	background-image: ${1};${2}
-snippet bgin
-	background-image: none;
-snippet bgiu
-	background-image: url(${1});${2}
-snippet bgr
-	background-repeat: ${1:repeat/repeat-x/repeat-y/no-repeat};${2}
-snippet bgrr
-	background-repeat: repeat;
-snippet bgrx
-	background-repeat: repeat-x;
-snippet bgry
-	background-repeat: repeat-y;
-snippet bgrn
-	background-repeat: no-repeat;
-snippet bga
-	background-attachment: ${1:scroll/fixed};${2}
-snippet bgp
-	background-position: ${1:top left/top center/top right/center left/center center/center right/bottom left/bottom center/bottom right/x-% y-%/x-pos y-pos};${2}
-snippet bgf
-	background-image: none;
-	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${1:/images/transparent.png}', sizingMethod='${2:image/scale/crop}');${3}
-#
-# Border
-snippet b
-	border: ${1:1}px ${2:solid} #${3:999};${4}
-snippet bn
-	border: 0 none;
-snippet b0
-	border: 0 none;
-snippet bw
-	border-width: ${1:1}px;${2}
-snippet bs
-	border-style: ${1:none/hidden/dotted/dashed/solid/double/groove/ridge/inset/outset};${2}
-snippet bc
-	border-color: #${1:999};${2}
-snippet bt
-	border-top: ${1:1}px ${2:solid} #${3:999};${4}
-snippet btw
-	border-top-width: ${1:1}px;${2}
-snippet bts
-	border-top-style: ${1:none/hidden/dotted/dashed/solid/double/groove/ridge/inset/outset};${2}
-snippet btc
-	border-top-color: #${1:999};${2}
-snippet br
-	border-right: ${1:1}px ${2:solid} #${3:999};${4}
-snippet brw
-	border-right-width: ${1:1}px;${2}
-snippet brs
-	border-right-style: ${1:none/hidden/dotted/dashed/solid/double/groove/ridge/inset/outset};${2}
-snippet brc
-	border-right-color: #${1:999};${2}
-snippet bb
-	border-bottom: ${1:1}px ${2:solid} #${3:999};${4}
-snippet bbw
-	border-bottom-width: ${1:1}px;${2}
-snippet bbs
-	border-bottom-style: ${1:none/hidden/dotted/dashed/solid/double/groove/ridge/inset/outset};${2}
-snippet bbc
-	border-bottom-color: #${1:999};${2}
-snippet bl
-	border-left: ${1:1}px ${2:solid} #${3:999};${4}
-snippet blw
-	border-left-width: ${1:1}px;${2}
-snippet bls
-	border-left-style: ${1:none/hidden/dotted/dashed/solid/double/groove/ridge/inset/outset};${2}
-snippet blc
-	border-left-color: #${1:999};${2}
-#
-# Cursor
-snippet cu
-	cursor: ${1:default/auto/crosshair/pointer/move/*-resize/text/wait/help};${2}
-snippet cud
-	cursor: default;
-snippet cua
-	cursor: auto;
-snippet cuc
-	cursor: crosshair;
-snippet cup
-	cursor: pointer;
-snippet cum
-	cursor: move;
-snippet cut
-	cursor: text;
-snippet cuw
-	cursor: wait;
-snippet cuh
-	cursor: help;
-snippet cuu
-	cursor: url(${1});${2}
-#
-# Color
-snippet co
-	color: ${1};${2}
-snippet coh
-	color: #${1:DDD};${2}
-snippet cor
-	color: rgb(${1:255},${2:255},${3:255});${4}
-snippet con
-	color: ${1:red};${2}
-#
-# Display
-snippet d
-	display: ${1:none/inline/block/list-item/run-in/compact/marker};${2}
-snippet dt
-	display: ${1:table/inline-table/table-row-group/table-header-group/table-footer-group/table-row/table-column-group/table-column/table-cell/table-caption};${2}
-snippet db
-	display: block;
-snippet di
-	display: inline;
-snippet dib
-	display: inline-block;
-#
-# Font
-snippet @f
-	@font-face {font-family:"${1}"; src:url("${2}.otf") format("opentype");${3}}${4}
-snippet f
-	font: ${1:75%} ${2:"Lucida Grande", "Trebuchet MS", Verdana,} ${3:sans-}serif;${4}
-snippet f2
-	font: ${1:normal/italic/oblique} ${2:normal/small-caps} ${3:normal/bold} ${4:1em/1.5em} ${5:Arial}, ${6:sans-}serif;${7}
-snippet fst
-	font-style: ${1:normal/italic/oblique};${2}
-snippet fstn
-	font-style: normal;
-snippet fsti
-	font-style: italic;
-snippet fsto
-	font-style: oblique;
-snippet fv
-	font-variant: ${1:normal/small-caps};${2}
-snippet fw
-	font-weight: ${1:normal/bold};${2}
-snippet fwn
-	font-weight: normal;
-snippet fwb
-	font-weight: bold;
-snippet fs
-	font-size: ${1:100%};${2}
-snippet lh
-	line-height: ${1:1.5em};${2}
-snippet ff
-	font-family: ${1:Arial, "MS Trebuchet"}, ${2:sans-}serif;${3}
-#
-# List
-snippet lsp
-	list-style-position: ${1:inside/outside};${2}
-snippet ls
-	list-style: ${1:none/disc/circle/square/decimal/zero} ${2:inside/outside} url(${3});${4}
-snippet lsi
-	list-style-image: url(${1});${2}
-snippet lst
-	list-style-type: ${1:none/disc/circle/square};
-snippet lstn
-	list-style-type: none;
-snippet lstd
-	list-style-type: disk;
-snippet lstc
-	list-style-type: circle;
-snippet lsts
-	list-style-type: square;
-#
-# Margin
-snippet m
-	margin: ${1};${2}
-snippet m0a
-	margin: 0 auto;
-snippet mn
-	margin: 0;
-snippet m0
-	margin: 0;
-snippet m1
-	margin: ${1:20px};${2}
-snippet m2
-	margin: ${1:20px} ${2:0px};${3}
-snippet m3
-	margin: ${1:20px} ${2:0px} ${3:40px};${4}
-snippet m4
-	margin: ${1:20px} ${2:0px} ${3:40px} ${4:0px};${5}
-snippet mt
-	margin-top: ${1:20px};${2}
-snippet mr
-	margin-right: ${1:20px};${2}
-snippet mb
-	margin-bottom: ${1:20px};${2}
-snippet ml
-	margin-left: ${1:20px};${2}
-#
-# Padding
-snippet p
-	padding: ${1};${2}
-snippet pn
-	padding: 0;
-snippet p0
-	padding: 0;
-snippet p1
-	padding: ${1:20px};${2}
-snippet p2
-	padding: ${1:20px} ${2:0px};${3}
-snippet p3
-	padding: ${1:20px} ${2:0px} ${3:40px};${4}
-snippet p4
-	padding: ${1:20px} ${2:0px} ${3:40px} ${4:0px};${5}
-snippet pt
-	padding-top: ${1:20px};${2}
-snippet pr
-	padding-right: ${1:20px};${2}
-snippet pb
-	padding-bottom: ${1:20px};${2}
-snippet pl
-	padding-left: ${1:20px};${2}
-#
-# Text
-snippet ta
-	text-align: ${1:left/right/center/justify};${2}
-snippet tal
-	text-align: left;
-snippet tar
-	text-align: right;
-snippet tac
-	text-align: center;
-snippet taj
-	text-align: center;
-snippet tt
-	text-transform: ${1:capitalize/uppercase/lowercase};${2}
-snippet ttn
-	text-transform: none;
-snippet ttc
-	text-transform: capitalize;
-snippet ttu
-	text-transform: uppercase;
-snippet ttl
-	text-transform: lowercase;
-snippet td
-	text-decoration: ${1:none/underline/overline/line-through/blink};${2}
-snippet tdn
-	text-decoration: none;
-snippet tdu
-	text-decoration: underline;
-snippet tdo
-	text-decoration: overline;
-snippet tdl
-	text-decoration: line-through;
-snippet tdb
-	text-decoration: blink;
-snippet ti
-	text-indent: ${1:10}px;${2}
-snippet ts
-	text-shadow: #${1:DDD} ${2:10px} ${3:10px} ${4:2px};${5}
-snippet tsr
-	text-shadow: rgb(${1:255},${2:255},${3:255}) ${4:10px} ${5:10px} ${6:2px};${7}
-snippet tsn
-	text-shadow: none;
-#
-# Others
-snippet cl
-	clear: ${1:left/right/both/none};${2}
-snippet cln
-	clear: none;
-snippet cll
-	clear: left;
-snippet clr
-	clear: right;
-snippet clb
-	clear: both;
-snippet dir
-	direction: ${1:ltr|rtl};${2}
-snippet fl
-	float: ${1:left/right/none};${2}
-snippet fln
-	float: none;
-snippet fll
-	float: left;
-snippet flr
-	float: right;
-snippet ls
-	letter-spacing: ${1}px;${2}
-snippet lse
-	letter-spacing: ${1}em;${2}
-snippet o
-	overflow: ${1:visible/hidden/scroll/auto};${2}
-snippet ov
-	overflow: visible;
-snippet oh
-	overflow: hidden;
-snippet os
-	overflow: scroll;
-snippet oa
-	overflow: auto;
-snippet op
-	opacity: ${1:0.5};
-	-moz-opacity: $1;
-	filter:alpha(opacity=${2:50});${3}
-snippet po
-	position:	${1:static/relative/absolute/fixed};${2}
-snippet pos
-	position:	static;
-snippet por
-	position:	relative;
-snippet poa
-	position: absolute;
-snippet pof
-	position:	fixed;
-snippet top
-	top: ${1};${2}
-snippet rig 
-	right: ${1};${2}
-snippet bot 
-	bottom: ${1};${2}
-snippet lef
-	left: ${1};${2}
-snippet va
-	vertical-align: ${1:baseline/sub/super/top/text-top/middle/bottom/text-bottom/length/%};${2}
-snippet v
-	visibility: ${1:visible/hidden/collapse};${2}
-snippet vv
-	visibility: visible;
-snippet vh
-	visibility: hidden;
-snippet vc
-	visibility: collapse;
-snippet ws
-	white-space: ${1:normal/pre/nowrap};${2}
-snippet wsn
-	white-space: normal;
-snippet wsp
-	white-space: pre;
-snippet wsn
-	white-space: nowrap;
-snippet wos
-	word-spacing: ${1:10px};${2}
-snippet wosn
-	word-spacing: normal;
-snippet zi
-	z-index: ${1};${2}

File snippets/css/!!.snippets

-#
-# CSS Textmate Bundle (default) from RedCar Editor
-#
-# Background
-snippet background background image repeat attachment position
-	background: #${1:DDD} url(${2}) ${3:repeat/repeat-x/repeat-y/no-repeat} ${4:scroll/fixed} ${5:top left/top center/top right/center left/center center/center right/bottom left/bottom center/bottom right/x-% y-%/x-pos y-pos};${6}
-snippet background background-color: name
-	background-color: ${1:red};${2}
-snippet background background-color: transparent
-	background-color: transparent;
-snippet background background-color: hex
-	background-color: #${1:DDD};${2}
-snippet background background-color: rgb
-	background-color: rgb(${1:255},${2:255},${3:255});${4}
-snippet background background-image: none
-	background-image: none;
-snippet background background-image: url
-	background-image: url(${1});${2}
-snippet background background-repeat: r/r-x/r-y/n-r
-	background-repeat: ${1:repeat/repeat-x/repeat-y/no-repeat};${2}
-snippet background background-attachment: scroll/fixed
-	background-attachment: ${1:scroll/fixed};${2}
-snippet background background-position: position
-	background-position: ${1:top left/top center/top right/center left/center center/center right/bottom left/bottom center/bottom right/x-% y-%/x-pos y-pos};${2}
-snippet background filter: AlphaImageLoader[for IE PNGs]
-	background-image: none;
-	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${1:/images/transparent.png}', sizingMethod='${2:image/scale/crop}');${3}
-#
-# Border
-snippet border border: size style color
-	border: ${1:1}px ${2:solid} #${3:999};${4}
-snippet border border-width: size
-	border-width: ${1:1}px;${2}
-snippet border border-style: style
-	border-style: ${1:none/hidden/dotted/dashed/solid/double/groove/ridge/inset/outset};${2}
-snippet border border-color: color
-	border-color: #${1:999};${2}
-snippet border border-top: size style color
-	border-top: ${1:1}px ${2:solid} #${3:999};${4}
-snippet border border-top-width: size
-	border-top-width: ${1:1}px;${2}
-snippet border border-top-style: style
-	border-top-style: ${1:none/hidden/dotted/dashed/solid/double/groove/ridge/inset/outset};${2}
-snippet border border-top-color: color
-	border-top-color: #${1:999};${2}
-snippet border border-right: size style color
-	border-right: ${1:1}px ${2:solid} #${3:999};${4}
-snippet border border-right-width: size
-	border-right-width: ${1:1}px;${2}
-snippet border border-right-style: style
-	border-right-style: ${1:none/hidden/dotted/dashed/solid/double/groove/ridge/inset/outset};${2}
-snippet border border-right-color: color
-	border-right-color: #${1:999};${2}
-snippet border border-bottom: size style color
-	border-bottom: ${1:1}px ${2:solid} #${3:999};${4}
-snippet border border-bottom-width: size
-	border-bottom-width: ${1:1}px;${2}
-snippet border border-bottom-style: style
-	border-bottom-style: ${1:none/hidden/dotted/dashed/solid/double/groove/ridge/inset/outset};${2}
-snippet border border-bottom-color: color
-	border-bottom-color: #${1:999};${2}
-snippet border border-left: size style color
-	border-left: ${1:1}px ${2:solid} #${3:999};${4}
-snippet border border-left-width: size 
-	border-left-width: ${1:1}px;${2}
-snippet border border-left-style: style
-	border-left-style: ${1:none/hidden/dotted/dashed/solid/double/groove/ridge/inset/outset};${2}
-snippet border border-left-color: color
-	border-left-color: #${1:999};${2}
-#
-# Cursor
-snippet cursor cursor: type 
-	cursor: ${1:default/auto/crosshair/pointer/move/*-resize/text/wait/help};${2}
-snippet cursor cursor: url 
-	cursor: url(${1});${2}
-#
-# Color
-snippet color color: hex
-	color: #${1:DDD};${2}
-snippet color color: rgb
-	color: rgb(${1:255},${2:255},${3:255});${4}
-snippet color color: name
-	color: ${1:red};${2}
-#
-# Display
-snippet display display: table-types
-	display: ${1:table/inline-table/table-row-group/table-header-group/table-footer-group/table-row/table-column-group/table-column/table-cell/table-caption};${2}
-snippet display display: block
-	display: block;
-snippet display display: inline
-	display: inline;
-snippet display display: inline-block
-	display: inline-block;
-snippet display display: common-types
-	display: ${1:none/inline/block/inline-block/list-item/run-in/compact/marker};${2}
-#
-# Font
-snippet font font: style variant weight size/line-height font-family
-	font: ${1:normal/italic/oblique} ${2:normal/small-caps} ${3:normal/bold} ${4:1em/1.5em} ${5:Arial}, ${6:sans-}serif;${7}
-snippet font font: size font
-	font: ${1:75%} ${2:"Lucida Grande", "Trebuchet MS", Verdana,} ${3:sans-}serif;${4}
-snippet font font-style: normal/italic/oblique
-	font-style: ${1:normal/italic/oblique};${2}
-snippet font font-variant: normal/small-caps
-	font-variant: ${1:normal/small-caps};${2}
-snippet font font-weight: weight
-	font-weight: ${1:normal/bold};${2}
-snippet font font-size: size
-	font-size: ${1:100%};${2}
-snippet font line-height: size
-	line-height: ${1:1.5em};${2}
-snippet font font-family: family
-	font-family: ${1:Arial, "MS Trebuchet"}, ${2:sans-}serif;${3}
-#
-# List
-snippet list list-style-position: pos
-	list-style-position: ${1:inside/outside};${2}
-snippet list list-style: type position image
-	list-style: ${1:none/disc/circle/square/decimal/zero} ${2:inside/outside} url(${3});${4}
-snippet list list-style-image: url
-	list-style-image: url(${1});${2}
-snippet list list-style-type: roman-alpha-greek
-	list-style-type: ${1:lower-roman/upper-roman/lower-alpha/upper-alpha/lower-greek/lower-latin/upper-latin};${2}
-snippet list list-style-type: marker
-	list-style-type: ${1:none/disc/circle/square};
-snippet list list-style-type: other
-	list-style-type: ${1:hebrew/armenian/georgian};
-snippet list list-style-type: asian
-	list-style-type: ${1:cjk-ideographic/hiragana/katakana/hiragana-iroha/katakana-iroha};
-snippet list list-style-type: numeric
-	list-style-type: ${1:decimal/decimal-leading-zero/zero};
-#
-# Margin
-snippet margin margin: all
-	margin: ${1:20px};${2}
-snippet margin margin: T R B L
-	margin: ${1:20px} ${2:0px} ${3:40px} ${4:0px};${5}
-snippet margin margin: V H
-	margin: ${1:20px} ${2:0px};${3}
-snippet margin margin-top: length 
-	margin-top: ${1:20px};${2}
-snippet margin margin-right: length
-	margin-right: ${1:20px};${2}
-snippet margin margin-bottom: length
-	margin-bottom: ${1:20px};${2}
-snippet margin margin-left: length
-	margin-left: ${1:20px};${2}
-#
-# Padding
-snippet padding padding: all
-	padding: ${1:20px};${2}
-snippet padding padding: T R B L
-	padding: ${1:20px} ${2:0px} ${3:40px} ${4:0px};${5}
-snippet padding padding: V H
-	padding: ${1:20px} ${2:0px};${3}
-snippet padding padding-top: length 
-	padding-top: ${1:20px};${2}
-snippet padding padding-right: length
-	padding-right: ${1:20px};${2}
-snippet padding padding-bottom: length
-	padding-bottom: ${1:20px};${2}
-snippet padding padding-left: length
-	padding-left: ${1:20px};${2}
-#
-# Text
-snippet text text-align: left/center/right
-	text-align: ${1:left/right/center/justify};${2}
-snippet text text-transform: capitalize/upper/lower
-	text-transform: ${1:capitalize/uppercase/lowercase};${2}
-snippet text text-transform: none
-	text-transform: none;
-snippet text text-decoration: none/underline/overline/line-through/blink
-	text-decoration: ${1:none/underline/overline/line-through/blink};${2}
-snippet text text-indent: length
-	text-indent: ${1:10}px;${2}
-snippet text text-shadow: color-hex x y blur
-	text-shadow: #${1:DDD} ${2:10px} ${3:10px} ${4:2px};${5}
-snippet text text-shadow: color-rgb x y blur
-	text-shadow: rgb(${1:255},${2:255},${3:255}) ${4:10px} ${5:10px} ${6:2px};${7}
-snippet text text-shadow: none
-	text-shadow: none;
-#
-# Others
-snippet @
-	@import "${1}.css";${2}
-snippet !
-	!important
-snippet clear
-	clear: ${1:left/right/both/none};${2}
-snippet direction
-	direction: ${1:ltr|rtl};${2}
-snippet float
-	float: ${1:left/right/none};${2}
-snippet letter letter-spacing: em
-	letter-spacing: ${1}em;${2}
-snippet letter letter-spacing: px
-	letter-spacing: ${1}px;${2}
-snippet marker marker-offset: auto
-	marker-offset: auto;
-snippet marker marker-offset: length 
-	marker-offset: ${1:10px};${2}
-snippet overflow
-	overflow: ${1:visible/hidden/scroll/auto};${2}
-snippet opacity
-	opacity: ${1:0.5};
-	-moz-opacity: $1;
-	filter:alpha(opacity=${2:50});${3}
-snippet position
-	position:	${1:static/relative/absolute/fixed};${2}
-snippet selection
-	${1}::-moz-selection,
-	$1::selection {
-		color: ${2:inherit};
-		background: ${3:inherit};
-	}${4}
-snippet vertical
-	vertical-align: ${1:baseline/sub/super/top/text-top/middle/bottom/text-bottom/length/%};${2}
-snippet visibility
-	visibility: ${1:visible/hidden/collapse};${2}
-snippet white
-	white-space: ${1:normal/pre/nowrap};${2}
-snippet word word-spacing: length
-	word-spacing: ${1:10px};${2}
-snippet word word-spacing: normal 
-	word-spacing: normal;
-snippet z
-	z-index: ${1};${2}
-#
-# Improvements by Marlo Simon Noval <ragingmon@gmail.com>
-#
-# CSS blocks
-snippet =reset
-	/* -------------------------------------------------------------- 
-	-----------------------------------------------------------------
-			Reset
-	-----------------------------------------------------------------
-	-------------------------------------------------------------- */
-	*, 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}
-
-	/* -------------------------------------------------------------- 
-			 Global reset-RESET (restores some sensible 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 */
-snippet =clear
-	${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}
-snippet =menu
-	${1:.menu} {} 
-	$1 li {display: inline} 
-	$1 li a, $1 li a:visited {display: block; float: left; margin-right: ${2}px}
-	$1 li.last a, $1 li.last a:visited {margin-right: 0}${3}
-snippet =header
-	h1, h2, h3, h4, h5, h6 {${1}}
-	h1 {font-size: 34px}
-	h2 {font-size: 22px}
-	h3 {font-size: 20px}
-	h4 {font-size: 18px}
-	h5 {font-size: 16px}
-	h6 {font-size: 14px}
-	h2,h4,h6 {color: #${2:DDD}}${3}
-# Header Default values
-snippet =info
-	/*
-	Theme Name: ${1}
-	Theme URI: http://${2:yourwebsite.com}
-	Description: ${3}
-	Version: ${4}
-	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
-
-	*/
-#
-# 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}
-#
-# Show All
-snippet =ir Fahrner Method         [trigger: =irf]
-	${1:#image} {width: ${2:0}px; height: ${3:0}px; background-image: url(${4})}
-	$1 span {display: none}
-snippet =ir Phark Method           [trigger: =irp]
-	${1:#image} {width: ${2:0}px; height: ${3:0}px; background: url(${4}); text-indent: -9999px}
-snippet =ir Leahy/Langridge Method [trigger: =irs]
-	${1:#image} {height: 0 !important; overflow: hidden; padding-top: ${2:0}px; width: ${3:0}px; background: url(${4}) no-repeat}
-snippet =ir Dwyer Method           [trigger: =ird]
-	${1:#image} {width: ${2:0}px; height: ${3:0}px; background-image: url(${4})}
-snippet =ir Levin Method           [trigger: =ira]
-	${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}
-snippet =ir Lindsay Method         [trigger: =irl]
-	${1:#image} {color: white; font-size: 1px; width: ${2:0}px; height: ${3:0}px; background: url(${4}) no-repeat}
-# End of Show All
-#
-# End of Image Replacement Techniques
-#
-# Personal
-snippet .
-	.${1:class} {${2}}
-snippet #
-	#${1:id} {${2}}
-snippet /
-	/* ${1} */
-snippet //
-	/* -------------------------------------------------------------- 
-			${1} 
-	-------------------------------------------------------------- */
-snippet ///
-	/* -------------------------------------------------------------- 
-	-----------------------------------------------------------------
-			${1} 
-	-----------------------------------------------------------------
-	-------------------------------------------------------------- */
-#
-# Etc
-snippet url
-	url(${1})
-snippet ../i
-	../images/${1}
-snippet ../s
-	../styles/${1}
-snippet ../c
-	../css/${1}
-snippet .j
-	${1}.jpg
-snippet .p
-	${1}.png
-snippet .g
-	${1}.gif
-snippet gif
-	${1}.gif
-snippet rx
-	repeat-x
-snippet ry
-	repeat-y
-snippet rn
-	no-repeat
-snippet nr
-	no-repeat
-snippet n
-	none
-snippet :l
-	:link
-snippet :h
-	:hover
-snippet :v
-	:visited
-snippet :fc
-	:first-child
-snippet :lc
-	:last-child
-snippet h
-	height: ${1};${2}
-snippet w
-	width: ${1};${2}
-#
-# Background
-snippet bg
-	background: ${1};
-snippet bgn
-	background: none;
-snippet bgc
-	background-color: ${1:red};${2}
-snippet bgct
-	background-color: transparent;
-snippet bgch
-	background-color: #${1:DDD};${2}
-snippet bgcr
-	background-color: rgb(${1:255},${2:255},${3:255});${4}
-snippet bgi
-	background-image: ${1};${2}
-snippet bgin
-	background-image: none;
-snippet bgiu
-	background-image: url(${1});${2}
-snippet bgr
-	background-repeat: ${1:repeat/repeat-x/repeat-y/no-repeat};${2}
-snippet bgrr
-	background-repeat: repeat;
-snippet bgrx
-	background-repeat: repeat-x;
-snippet bgry
-	background-repeat: repeat-y;
-snippet bgrn
-	background-repeat: no-repeat;
-snippet bga
-	background-attachment: ${1:scroll/fixed};${2}
-snippet bgp
-	background-position: ${1:top left/top center/top right/center left/center center/center right/bottom left/bottom center/bottom right/x-% y-%/x-pos y-pos};${2}
-snippet bgf
-	background-image: none;
-	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${1:/images/transparent.png}', sizingMethod='${2:image/scale/crop}');${3}
-#
-# Border
-snippet b
-	border: ${1:1}px ${2:solid} #${3:999};${4}
-snippet bn
-	border: 0 none;
-snippet b0
-	border: 0 none;
-snippet bw
-	border-width: ${1:1}px;${2}
-snippet bs
-	border-style: ${1:none/hidden/dotted/dashed/solid/double/groove/ridge/inset/outset};${2}
-snippet bc
-	border-color: #${1:999};${2}
-snippet bt
-	border-top: ${1:1}px ${2:solid} #${3:999};${4}
-snippet btw
-	border-top-width: ${1:1}px;${2}
-snippet bts
-	border-top-style: ${1:none/hidden/dotted/dashed/solid/double/groove/ridge/inset/outset};${2}
-snippet btc
-	border-top-color: #${1:999};${2}
-snippet br
-	border-right: ${1:1}px ${2:solid} #${3:999};${4}
-snippet brw
-	border-right-width: ${1:1}px;${2}
-snippet brs
-	border-right-style: ${1:none/hidden/dotted/dashed/solid/double/groove/ridge/inset/outset};${2}
-snippet brc
-	border-right-color: #${1:999};${2}
-snippet bb
-	border-bottom: ${1:1}px ${2:solid} #${3:999};${4}
-snippet bbw
-	border-bottom-width: ${1:1}px;${2}
-snippet bbs
-	border-bottom-style: ${1:none/hidden/dotted/dashed/solid/double/groove/ridge/inset/outset};${2}
-snippet bbc
-	border-bottom-color: #${1:999};${2}
-snippet bl
-	border-left: ${1:1}px ${2:solid} #${3:999};${4}
-snippet blw
-	border-left-width: ${1:1}px;${2}
-snippet bls
-	border-left-style: ${1:none/hidden/dotted/dashed/solid/double/groove/ridge/inset/outset};${2}
-snippet blc
-	border-left-color: #${1:999};${2}
-#
-# Cursor
-snippet cu
-	cursor: ${1:default/auto/crosshair/pointer/move/*-resize/text/wait/help};${2}
-snippet cud
-	cursor: default;
-snippet cua
-	cursor: auto;
-snippet cuc
-	cursor: crosshair;
-snippet cup
-	cursor: pointer;
-snippet cum
-	cursor: move;
-snippet cut
-	cursor: text;
-snippet cuw
-	cursor: wait;
-snippet cuh
-	cursor: help;
-snippet cuu
-	cursor: url(${1});${2}
-#
-# Color
-snippet co
-	color: ${1};${2}
-snippet coh
-	color: #${1:DDD};${2}
-snippet cor
-	color: rgb(${1:255},${2:255},${3:255});${4}
-snippet con
-	color: ${1:red};${2}
-#
-# Display
-snippet d
-	display: ${1:none/inline/block/list-item/run-in/compact/marker};${2}
-snippet dt
-	display: ${1:table/inline-table/table-row-group/table-header-group/table-footer-group/table-row/table-column-group/table-column/table-cell/table-caption};${2}
-snippet db
-	display: block;
-snippet di
-	display: inline;
-snippet dib
-	display: inline-block;
-#
-# Font
-snippet @f
-	@font-face {font-family:"${1}"; src:url("${2}.otf") format("opentype");${3}}${4}
-snippet f
-	font: ${1:75%} ${2:"Lucida Grande", "Trebuchet MS", Verdana,} ${3:sans-}serif;${4}
-snippet f2
-	font: ${1:normal/italic/oblique} ${2:normal/small-caps} ${3:normal/bold} ${4:1em/1.5em} ${5:Arial}, ${6:sans-}serif;${7}
-snippet fst
-	font-style: ${1:normal/italic/oblique};${2}
-snippet fstn
-	font-style: normal;
-snippet fsti
-	font-style: italic;
-snippet fsto
-	font-style: oblique;
-snippet fv
-	font-variant: ${1:normal/small-caps};${2}
-snippet fw
-	font-weight: ${1:normal/bold};${2}
-snippet fwn
-	font-weight: normal;
-snippet fwb
-	font-weight: bold;
-snippet fs
-	font-size: ${1:100%};${2}
-snippet lh
-	line-height: ${1:1.5em};${2}
-snippet ff
-	font-family: ${1:Arial, "MS Trebuchet"}, ${2:sans-}serif;${3}
-#
-# List
-snippet lsp
-	list-style-position: ${1:inside/outside};${2}
-snippet ls
-	list-style: ${1:none/disc/circle/square/decimal/zero} ${2:inside/outside} url(${3});${4}
-snippet lsi
-	list-style-image: url(${1});${2}
-snippet lst
-	list-style-type: ${1:none/disc/circle/square};
-snippet lstn
-	list-style-type: none;
-snippet lstd
-	list-style-type: disk;
-snippet lstc
-	list-style-type: circle;
-snippet lsts
-	list-style-type: square;
-#
-# Margin
-snippet m
-	margin: ${1};${2}
-snippet m0a
-	margin: 0 auto;
-snippet mn
-	margin: 0;
-snippet m0
-	margin: 0;
-snippet m1
-	margin: ${1:20px};${2}
-snippet m2
-	margin: ${1:20px} ${2:0px};${3}
-snippet m3
-	margin: ${1:20px} ${2:0px} ${3:40px};${4}
-snippet m4
-	margin: ${1:20px} ${2:0px} ${3:40px} ${4:0px};${5}
-snippet mt
-	margin-top: ${1:20px};${2}
-snippet mr
-	margin-right: ${1:20px};${2}
-snippet mb
-	margin-bottom: ${1:20px};${2}
-snippet ml
-	margin-left: ${1:20px};${2}
-#
-# Padding
-snippet p
-	padding: ${1};${2}
-snippet pn
-	padding: 0;
-snippet p0
-	padding: 0;
-snippet p1
-	padding: ${1:20px};${2}
-snippet p2
-	padding: ${1:20px} ${2:0px};${3}
-snippet p3
-	padding: ${1:20px} ${2:0px} ${3:40px};${4}
-snippet p4
-	padding: ${1:20px} ${2:0px} ${3:40px} ${4:0px};${5}
-snippet pt
-	padding-top: ${1:20px};${2}
-snippet pr
-	padding-right: ${1:20px};${2}
-snippet pb
-	padding-bottom: ${1:20px};${2}
-snippet pl
-	padding-left: ${1:20px};${2}
-#
-# Text
-snippet ta
-	text-align: ${1:left/right/center/justify};${2}
-snippet tal
-	text-align: left;
-snippet tar
-	text-align: right;
-snippet tac
-	text-align: center;
-snippet taj
-	text-align: center;
-snippet tt
-	text-transform: ${1:capitalize/uppercase/lowercase};${2}
-snippet ttn
-	text-transform: none;
-snippet ttc
-	text-transform: capitalize;
-snippet ttu
-	text-transform: uppercase;
-snippet ttl
-	text-transform: lowercase;
-snippet td
-	text-decoration: ${1:none/underline/overline/line-through/blink};${2}
-snippet tdn
-	text-decoration: none;
-snippet tdu
-	text-decoration: underline;
-snippet tdo
-	text-decoration: overline;
-snippet tdl
-	text-decoration: line-through;
-snippet tdb
-	text-decoration: blink;
-snippet ti
-	text-indent: ${1:10}px;${2}
-snippet ts
-	text-shadow: #${1:DDD} ${2:10px} ${3:10px} ${4:2px};${5}
-snippet tsr
-	text-shadow: rgb(${1:255},${2:255},${3:255}) ${4:10px} ${5:10px} ${6:2px};${7}
-snippet tsn
-	text-shadow: none;
-#
-# Others
-snippet cl
-	clear: ${1:left/right/both/none};${2}
-snippet cln
-	clear: none;
-snippet cll
-	clear: left;
-snippet clr
-	clear: right;
-snippet clb
-	clear: both;
-snippet dir
-	direction: ${1:ltr|rtl};${2}
-snippet fl
-	float: ${1:left/right/none};${2}
-snippet fln
-	float: none;
-snippet fll
-	float: left;
-snippet flr
-	float: right;
-snippet ls
-	letter-spacing: ${1}px;${2}
-snippet lse
-	letter-spacing: ${1}em;${2}
-snippet o
-	overflow: ${1:visible/hidden/scroll/auto};${2}
-snippet ov
-	overflow: visible;
-snippet oh
-	overflow: hidden;
-snippet os
-	overflow: scroll;
-snippet oa
-	overflow: auto;
-snippet op
-	opacity: ${1:0.5};
-	-moz-opacity: $1;
-	filter:alpha(opacity=${2:50});${3}
-snippet po
-	position:	${1:static/relative/absolute/fixed};${2}
-snippet pos
-	position:	static;
-snippet por
-	position:	relative;
-snippet poa
-	position: absolute;
-snippet pof
-	position:	fixed;
-snippet top
-	top: ${1};${2}
-snippet rig 
-	right: ${1};${2}
-snippet bot 
-	bottom: ${1};${2}
-snippet lef
-	left: ${1};${2}
-snippet va
-	vertical-align: ${1:baseline/sub/super/top/text-top/middle/bottom/text-bottom/length/%};${2}
-snippet v
-	visibility: ${1:visible/hidden/collapse};${2}
-snippet vv
-	visibility: visible;
-snippet vh
-	visibility: hidden;
-snippet vc
-	visibility: collapse;
-snippet ws
-	white-space: ${1:normal/pre/nowrap};${2}
-snippet wsn
-	white-space: normal;
-snippet wsp
-	white-space: pre;
-snippet wsn
-	white-space: nowrap;
-snippet wos
-	word-spacing: ${1:10px};${2}
-snippet wosn
-	word-spacing: normal;
-snippet zi
-	z-index: ${1};${2}