XPTemplate priority=lang

let s:f = g:XPTfuncs()

XPTvar $VOID_LINE  /* void */;
XPTvar $CURSOR_PH  /* cursor */

XPTvar $CL  /*
XPTvar $CM   *
XPTvar $CR   */

XPTinclude
      \ _common/common
      \ _comment/doubleSign


" ========================= Function and Variables =============================

fun! s:f.css_braced_post()
  let v = self.V()
  let v = substitute( v, '^\s*$', '', 'g' )

  if v =~ '^\s*\w\+('
    let name = matchstr( v, '^\s*\zs\w\+(' )
    return self.Build( ' ' . name . self.ItemCreate( '', {}, {} ) . ')' )
  else
    return v
  endif
endfunction

" ================================= Snippets ===================================


XPT globalcn " global css from Sina
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;font-size:12px; margin-top:5px;font-family:"宋体";}

ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;}

a{text-decoration:underline;}
a:link{color:#009;}
a:visited{color:#800080;}
a:hover,a:active,a:focus{color:#c00;}

.clearit{clear:both;}

XPT globalen " global css from Yahoo
html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,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}
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:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
legend{color:#000}

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}
table{font-size:inherit;font:100%}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}

a{text-decoration:none}
a:hover,a:focus{text-decoration:underline}
strong{font-weight:bold}
input[type=submit]{cursor:pointer}
button{cursor:pointer}

XPT padding " padding:
padding: `v^`v^AutoCmpl( 1, 'auto', '0px' )^;

XPT width " width :
width: `^;


XPT height " height :
height: `^;


XPT backrep " background-repeat
XSET rep=Choose(['repeat', 'repeat-x','repeat-y','no-repeat'])
background-repeat: `rep^;


XPT azimuth " azimuth
XSET azim=Choose(['left-side', 'far-left', 'left', 'center-left', 'center', 'center-right', 'right', 'far-right', 'right-side', 'behind', 'leftwards', 'rightwards'])
azimuth: `azim^;


XPT backpos " background-position
XSET horiz=Choose(['left', 'center', 'right'])
XSET horiz|post=SV('^\s*$', '', 'g')
XSET vert=Choose(['top', 'center', 'bottom'])
XSET vert|post=SV('^\s*$', '', 'g')
background-position:` `vert`^` `horiz`^;


XPT border " border
XSET pos=ChooseStr( '-top', '-right', '-bottom', '-left' )
XSET thick=Choose(['thin', 'thick', 'medium'])
XSET thick|post=SV('^\s*$', '', 'g')
XSET kind=Choose(['none', 'hidden', 'dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset'])
XSET kind|post=SV('^\s*$', '', 'g')
XSET color=Choose(['rgb()', '#', 'transparent'])
XSET color|post=css_braced_post()
border`pos^:` `thick^` `kind^` `color^;


XPT backgroundattachment " background-attachment
XSET selec=Choose(['scroll', 'fixed'])
background-attachment: `selec^;


XPT backgroundcolor " background-color
XSET selec=Choose(['transparent', 'rgb()', '#'])
XSET selec|post=css_braced_post()
background-color:` `selec^;


XPT backgroundimage " background-image
XSET selec=Choose(['url()', 'none'])
XSET selec|post=css_braced_post()
background-image:` `selec^;


XPT backgroundrepeat " background-repeat
XSET selec=Choose(['repeat', 'repeat-x','repeat-y','no-repeat'])
background-repeat: `selec^;


XPT background " background
XSET selec=Choose(['url()', 'scroll', 'fixed', 'transparent', 'rgb()', '#', 'none', 'top', 'center', 'bottom' , 'left', 'right', 'repeat', 'repeat-x', 'repeat-y', 'no-repeat'])
XSET selec|post=css_braced_post()
background:` `selec^;


XPT bordercollapse " border-collapse
XSET selec=Choose(['collapse', 'separate'])
border-collapse: `selec^;


XPT bordercolor " border-color
XSET selec=Choose(['rgb()', '#', 'transparent'])
XSET selec|post=css_braced_post()
border-color:` `selec^;


XPT borderspacing " border-spacing
XSET select_disabled=Choose([''])
border-spacing: `select^;


XPT borderstyle " border-style
XSET selec=Choose(['none', 'hidden', 'dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset'])
border-style: `selec^;


XPT borderwidth " border-width
XSET selec=Choose(['thin', 'thick', 'medium'])
border-width: `selec^;


XPT bottom " bottom
XSET selec=Choose(['auto'])
bottom: `selec^;


XPT captionside " caption-side
XSET selec=Choose(['top', 'bottom'])
caption-side: `selec^;


XPT clear " clear
XSET selec=Choose(['none', 'left', 'right', 'both'])
clear: `selec^;


XPT clip " clip
XSET selec=Choose(['auto', 'rect('])
clip: `selec^;


XPT color " color
XSET selec=Choose(['rgb()', '#'])
XSET selec|post=css_braced_post()
color:` `selec^;


XPT content " content
XSET selec=Choose(['normal', 'attr(', 'open-quote', 'close-quote', 'no-open-quote', 'no-close-quote'])
content: `selec^;


XPT cursor " cursor
XSET selec=Choose(['url()', 'auto', 'crosshair', 'default', 'pointer', 'move', 'e-resize', 'ne-resize', 'nw-resize', 'n-resize', 'se-resize', 'sw-resize', 's-resize', 'w-resize', 'text', 'wait', 'help', 'progress'])
XSET selec|post=css_braced_post()
cursor:` `selec^;


XPT direction " direction
XSET selec=Choose(['ltr', 'rtl'])
direction: `selec^;


XPT display " display
XSET selec=Choose(['inline', 'block', 'list-item', 'run-in', 'inline-block', 'table', 'inline-table', 'table-row-group', 'table-header-group', 'table-footer-group', 'table-row', 'table-column-group', 'table-column', 'table-cell', 'table-caption', 'none'])
display: `selec^;


XPT elevation " elevation
XSET selec=Choose(['below', 'level', 'above', 'higher', 'lower'])
elevation: `selec^;


XPT emptycells " empty-cells
XSET selec=Choose(['show', 'hide'])
empty-cells: `selec^;


XPT float " float
XSET selec=Choose(['left', 'right', 'none'])
float: `selec^;


XPT fontfamily " font-family
XSET selec=Choose(['sans-serif', 'serif', 'monospace', 'cursive', 'fantasy'])
font-family: `selec^;


XPT fontsize " font-size
XSET selec=Choose(['xx-small', 'x-small', 'small', 'medium', 'large', 'x-large', 'xx-large', 'larger', 'smaller'])
font-size: `selec^;


XPT fontstyle " font-style
XSET selec=Choose(['normal', 'italic', 'oblique'])
font-style: `selec^;


XPT fontvariant " font-variant
XSET selec=Choose(['normal', 'small-caps'])
font-variant: `selec^;


XPT fontweight " font-weight
XSET selec=Choose(['normal', 'bold', 'bolder', 'lighter'])
font-weight: `selec^;


XPT font " font
XSET kind=Choose(['normal', 'italic', 'oblique', 'small-caps', 'bold', 'bolder', 'lighter'])
XSET kind|post=SV('^\s*$', '', 'g')
XSET size=Choose(['xx-small', 'x-small', 'small', 'medium', 'large', 'x-large', 'xx-large', 'larger', 'smaller'])
XSET size|post=SV('^\s*$', '', 'g')
XSET font=Choose(['sans-serif', 'serif', 'monospace', 'cursive', 'fantasy', 'caption', 'icon', 'menu', 'message-box', 'small-caption', 'status-bar'])
XSET font|post=SV('^\s*$', '', 'g')
font:` `kind`^` `size`^` `font`^;


XPT letterspacing " letter-spacing
XSET selec=Choose(['normal'])
letter-spacing: `selec^;


XPT lineheight " line-height
XSET selec=Choose(['normal'])
line-height: `selec^;


XPT liststyleimage " list-style-image
XSET selec=Choose(['url()', 'none'])
XSET selec|post=css_braced_post()
list-style-image:` `selec^;


XPT liststyleposition " list-style-position
XSET selec=Choose(['inside', 'outside'])
list-style-position: `selec^;


XPT liststyletype " list-style-type
XSET selec=Choose(['disc', 'circle', 'square', 'decimal', 'decimal-leading-zero', 'lower-roman', 'upper-roman', 'lower-latin', 'upper-latin', 'none'])
list-style-type: `selec^;


XPT margin " margin
XSET selec=Choose(['auto'])
margin: `selec^;


XPT maxheight " max-height
XSET selec=Choose(['auto'])
max-height: `selec^;


XPT maxwidth " max-width
XSET selec=Choose(['none'])
max-width: `selec^;


XPT minheight " min-height
XSET selec=Choose(['none'])
min-height: `selec^;


XPT minwidth " min-width
XSET selec=Choose(['none'])
min-width: `selec^;

XPT outline " outline
XSET color=Choose(['rgb()', '#'])
XSET color|post=css_braced_post()
XSET style=Choose(['none', 'hidden', 'dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset'])
XSET style|post=SV('^\s*$', '', 'g')
XSET width=Choose(['thin', 'thick', 'medium'])
XSET width|post=SV('^\s*$', '', 'g')
outline:` `width`^` `style`^` `color`^;

XPT outlinecolor " outline-color
XSET selec=Choose(['rgb()', '#'])
XSET selec|post=css_braced_post()
outline-color:` `selec^;


XPT outlinestyle " outline-style
XSET selec=Choose(['none', 'hidden', 'dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset'])
outline-style: `selec^;


XPT outlinewidth " outline-width
XSET selec=Choose(['thin', 'thick', 'medium'])
outline-width: `selec^;


XPT overflow " overflow
XSET selec=Choose(['visible', 'hidden', 'scroll', 'auto'])
overflow: `selec^;


XPT pagebreakinside " page-break-inside
XSET selec=Choose(['auto', 'avoid'])
page-break-inside: `selec^;


XPT pitch " pitch
XSET selec=Choose(['x-low', 'low', 'medium', 'high', 'x-high'])
pitch: `selec^;


XPT playduring " play-during
XSET selec=Choose(['url()', 'mix', 'repeat', 'auto', 'none'])
XSET selec|post=css_braced_post()
play-during:` `selec^;


XPT position " position
XSET selec=Choose(['static', 'relative', 'absolute', 'fixed'])
position: `selec^;


XPT quotes " quotes
XSET selec=Choose(['none'])
quotes: `selec^;


XPT speakheader " speak-header
XSET selec=Choose(['once', 'always'])
speak-header: `selec^;


XPT speaknumeral " speak-numeral
XSET selec=Choose(['digits', 'continuous'])
speak-numeral: `selec^;


XPT speakpunctuation " speak-punctuation
XSET selec=Choose(['code', 'none'])
speak-punctuation: `selec^;


XPT speak " speak
XSET selec=Choose(['normal', 'none', 'spell-out'])
speak: `selec^;


XPT speechrate " speech-rate
XSET selec=Choose(['x-slow', 'slow', 'medium', 'fast', 'x-fast', 'faster', 'slower'])
speech-rate: `selec^;


XPT tablelayout " table-layout
XSET selec=Choose(['auto', 'fixed'])
table-layout: `selec^;


XPT textindent " text-indent
text-indent: `^;

XPT textalign " text-align
XSET selec=Choose(['left', 'right', 'center', 'justify'])
text-align: `selec^;


XPT textdecoration " text-decoration
XSET selec=Choose(['none', 'underline', 'overline', 'line-through', 'blink'])
text-decoration: `selec^;


XPT texttransform " text-transform
XSET selec=Choose(['capitalize', 'uppercase', 'lowercase', 'none'])
text-transform: `selec^;


XPT top " top
XSET selec=Choose(['auto'])
top: `selec^;


XPT unicodebidi " unicode-bidi
XSET selec=Choose(['normal', 'embed', 'bidi-override'])
unicode-bidi: `selec^;


XPT verticalalign " vertical-align
XSET selec=Choose(['baseline', 'sub', 'super', 'top', 'text-top', 'middle', 'bottom', 'text-bottom'])
vertical-align: `selec^;


XPT visibility " visibility
XSET selec=Choose(['visible', 'hidden', 'collapse'])
visibility: `selec^;


XPT volume " volume
XSET selec=Choose(['silent', 'x-soft', 'soft', 'medium', 'loud', 'x-loud'])
volume: `selec^;


XPT whitespace " white-space
XSET selec=Choose(['normal', 'pre', 'nowrap', 'pre-wrap', 'pre-line'])
white-space: `selec^;


XPT wordspacing " word-spacing
XSET selec=Choose(['normal'])
word-spacing: `selec^;


XPT zindex " z-index
XSET selec=Choose(['auto'])
z-index: `selec^;


XPT bordertopcolor " border-top-color
XSET col=Choose(['rgb()', '#', 'transparent'])
XSET col|post=css_braced_post()
border-top-color:` `col^;

XPT borderbottomcolor " border-bottom-color
XSET col=Choose(['rgb()', '#', 'transparent'])
XSET col|post=css_braced_post()
border-bottom-color:` `col^;

XPT borderrightcolor " border-right-color
XSET col=Choose(['rgb()', '#', 'transparent'])
XSET col|post=css_braced_post()
border-right-color:` `col^;

XPT borderleftcolor " border-left-color
XSET col=Choose(['rgb()', '#', 'transparent'])
XSET col|post=css_braced_post()
border-left-color:` `col^;

XPT bordertopstyle " border-top-style
XSET col=Choose(['none', 'hidden', 'dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset'])
border-top-style: `col^;

XPT borderbottomstyle " border-bottom-style
XSET col=Choose(['none', 'hidden', 'dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset'])
border-bottom-style: `col^;

XPT borderrightstyle " border-right-style
XSET col=Choose(['none', 'hidden', 'dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset'])
border-right-style: `col^;

XPT borderleftstyle " border-left-style
XSET col=Choose(['none', 'hidden', 'dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset'])
border-left-style: `col^;

XPT bordertopwidth " border-top-width
XSET col=Choose(['rgb()', '#', 'transparent'])
XSET col|post=css_braced_post()
border-top-width:` `col^;

XPT borderbottomwidth " border-bottom-width
XSET col=Choose(['thin', 'thick', 'medium'])
border-bottom-width: `col^;

XPT borderrightwidth " border-right-width
XSET col=Choose(['thin', 'thick', 'medium'])
border-right-width: `col^;

XPT borderleftwidth " border-left-width
XSET col=Choose(['thin', 'thick', 'medium'])
border-left-width: `col^;

XPT pagebreakafter " page-break-after
XSET what=Choose(['auto', 'always', 'avoid', 'left', 'right'])
page-break-after: `what^;

XPT pagebreakbefore " page-break-before
XSET what=Choose(['auto', 'always', 'avoid', 'left', 'right'])
page-break-before: `what^;