Commits

Marlo Simon Noval  committed 841c9d3

Added =print, =table, border-radius, border-shadow in css snippets

  • Participants
  • Parent commits ad16bc2

Comments (0)

Files changed (11)

 
 # GVim ignore
 .netrwhist
+.VimballRecord

File snippets/css.snippets

 	color: ${1:red};${2}
 #
 # Personal 
+snippet =mine
+	/*
+	Theme Name: ${1}
+	Theme URI: http://${2:theme-website.com}
+	Description: ${3}
+	Version: ${4}
+	Author: ${5:Marlo Simon Noval}
+	Author URI: http://${6:ragingfx.com}
+	Tags: ${7}
+
+		The CSS, XHTML and design is released under GPL:
+		http://www.opensource.org/licenses/gpl-license.php
+	*/
+snippet =defaults
+	body {background: #${1:222};}
+	div, ul, ol, li, form { position:relative }
+	p,ul,ol {margin-bottom: 15px;}
+	a, a:visited {color: #${1:fff}; text-decoration: underline;}
+	a:hover {text-decoration: none;}
+snippet =layout
+	/* -------------------------------------------------------------- 
+	-----------------------------------------------------------------
+			Layout
+
+				Defaults
+				Main
+				Header
+				Content
+				Sidebar
+				Footer
+				Etc
+	-----------------------------------------------------------------
+	-------------------------------------------------------------- */
+
+	/* -------------------------------------------------------------- 
+			Defaults
+	-------------------------------------------------------------- */
+	body {background: #ccc; color: #a19381}
+	div, ul, ol, li, form {position:relative}
+
+	/* -------------------------------------------------------------- 
+			Main
+	-------------------------------------------------------------- */
+	#wrapper {width: 940px; margin: 0 auto}
+	#header  {}
+	#content {}
+	#sidebar {}
+	#footer  {}
+	
+	/* -------------------------------------------------------------- 
+			Header 
+	-------------------------------------------------------------- */
+	#header {}
+
+	/* -------------------------------------------------------------- 
+			Content 
+	-------------------------------------------------------------- */
+	#content {}
+
+	/* -------------------------------------------------------------- 
+			Sidebar 
+	-------------------------------------------------------------- */
+	#sidebar {}
+
+	/* -------------------------------------------------------------- 
+			Footer 
+	-------------------------------------------------------------- */
+	#footer {}
+
+	/* -------------------------------------------------------------- 
+			Etc 
+	-------------------------------------------------------------- */
+	.font12 {font-size: 12px}
+	.font14 {font-size: 14px}
+	.font16 {font-size: 16px}
+	.align-center {text-align: center}
+	.align-left   {float: left; overflow: hidden}
+	.align-right  {float: right; overflow: hidden}
+	.width25  {width: 25%} 
+	.width35  {width: 35%} 
+	.width50  {width: 50%} 
+	.width65  {width: 65%} 
+	.width100 {width: 100%}
+snippet =typo
+	/* -------------------------------------------------------------- 
+	-----------------------------------------------------------------
+			Typography 
+
+				Font families
+				Defaults
+				Headings
+					Specifics: h2
+					Specifics: h3
+				Links
+				Colors
+	-----------------------------------------------------------------
+	-------------------------------------------------------------- */
+
+	/* -------------------------------------------------------------- 
+			Font families
+	-------------------------------------------------------------- */
+	body {font: 13px/22px Arial, Helvetica, sans-serif;}
+
+	/* -------------------------------------------------------------- 
+			Defaults 
+	-------------------------------------------------------------- */
+	p,ul,ol {margin-bottom: 15px;}
+	a, a:visited {color: #009; text-decoration: underline;}
+	a:hover {color: #d54e21; text-decoration: none;}
+
+	/* -------------------------------------------------------------- 
+			Headings 
+	-------------------------------------------------------------- */
+	h1, h2, h3, h4, h5, h6 {margin-bottom: 10px;}
+	h1, h2 {margin-bottom: 20px;}
+	h1 {font-size: 36px}
+	h2 {font-size: 32px}
+	h3 {font-size: 22px}
+	h4 {font-size: 20px}
+	h5 {font-size: 18px}
+	h6 {font-size: 16px}
+	h2,h4,h6 {}
+		
+		/* Specifics: h2 */
+
+		/* Specifics: h3 */
+		
+	/* -------------------------------------------------------------- 
+			Links
+	-------------------------------------------------------------- */
+
+	/* -------------------------------------------------------------- 
+			Colors 
+	-------------------------------------------------------------- */
+	.blue {color: #009}
+snippet =text
+	/* -------------------------------------------------------------- 
+			Text elements 
+	-------------------------------------------------------------- */
+	ul { list-style-type: circle; }
+	ol { list-style-type: decimal; }
+
+	dl { margin: 0 0 1.5em 0; }
+	dl dt { font-weight: bold; }
+	dl dd { margin-left: 1.5em; }
+
+	abbr { border-bottom: 1px dotted #000; cursor: help }
+	acronym { border-bottom: 1px dashed #000; cursor: help; text-transform: uppercase; }
+	address { margin: 0 0 .9em;; font-style: italic; }
+	del { color: #000; text-decoration:line-through }
+	big { font-size: 130% }
+	small { font-size: 85% }
+	cite { font-style: italic }
+	ins, dfn {border-bottom: 1px solid #666666; font-style: italic; text-decoration: none}
+
+	a { color: #009; text-decoration: none; }
+	a:hover { color: #d54e21; text-decoration: underline; }
+
+	blockquote { margin: 0 2.5em; color: #444; font-style: italic}
+	blockquote blockquote { color: #888 }
+	blockquote p {margin-bottom: 5px;}
+	strong { font-weight: bold }
+	em { font-style: italic; }
+	pre, code { margin: 1.5em 0; white-space: pre; }
+	pre, code, tt, samp { font: 1.1em Monaco,monospace,Courier,"Courier New"; line-height: 1.5; } 
+	code {background: #eeeeee; padding: 0 3px}
+	pre {background: #f9f9f9; border:1px solid #ccc; padding: 9px; font-size: 90%; overflow: auto; border-left: 20px solid #ddd;}
+	pre code {background: none }
+	tt { display: block; margin: 1.5em 0; line-height: 1.5; }
+snippet =style
+	/* -------------------------------------------------------------- 
+			Styles 
+	-------------------------------------------------------------- */
+	/* Div and Span styles */
+	div.note, span.note         {background-image: url(../images/box-note.png)    } 
+	div.info, span.info         {background-image: url(../images/box-info.png)    } 
+	div.download, span.download {background-image: url(../images/box-download.png)} 
+	div.tip, span.tip           {background-image: url(../images/box-tip.png)     } 
+	div.alert, span.alert,
+	div.warning, span.warning   {background-image: url(../images/box-alert.png)   } 
+	div.note, span.note         {background-color: #eee;    border-top: 1px solid #ccc;	border-bottom: 1px solid #ccc      } 
+	div.info, span.info         {background-color: #c5dbed; border-top: 1px solid #8abce7; border-bottom: 1px solid #8abce7} 
+	div.download, span.download {background-color: #e7f7d3; border-top: 1px solid #66cc33; border-bottom: 1px solid #66cc33} 
+	div.tip, span.tip           {background-color: #fffbbc; border-top: 1px solid #e6db55; border-bottom: 1px solid #e6db55} 
+	div.alert, span.alert, div.warning, span.warning  {background-color: #ffd0c3; border-top: 1px solid #e27e62; border-bottom: 1px solid #e27e62}
+
+	div.note, span.note,
+	div.info, span.info,
+	div.alert, span.alert, div.warning, span.warning,
+	div.download, span.download,
+	div.tip, span.tip {background-position: 10px 8px; padding: 8px 10px 8px 40px; margin: 10px 0; background-repeat: no-repeat;}
+
+	/* Inline Styles  */
+	a.icon-folder   {background-image: url(../images/icon-folder.png)} 
+	a.icon-file     {background-image: url(../images/icon-file.png)  } 
+	a.icon-download {background-image: url(../images/icon-download.png)} 
+	a.icon-pdf      {background-image: url(../images/icon-pdf.png)   } 
+	a.icon-zip      {background-image: url(../images/icon-zip.png)   } 
+
+	a.icon-folder,
+	a.icon-file,
+	a.icon-download,
+	a.icon-pdf,
+	a.icon-zip {background-repeat: no-repeat; background-position: left center; padding: 2px 0 2px 20px}
+
+	/* Unordered List Styles  */
+	ul {margin: 0 0 10px 18px}
+	ul.menu {margin: 0}
+	ul.links    {list-style-type: none; margin-left: 2px;}
+	ul.links li {background-repeat: no-repeat; background-position: 0 5px; padding-left: 18px} 
+	ul.links li a {color: #4C6E94;}
+	ul.links li a:hover {text-decoration: none; color: #d54e21;}
+	.box ul.links {margin-left: 10px; margin-bottom: 5px} 
+
+	ul.check, ul.star {list-style-type: none; margin: 10px 0}
+	ul.check li, ul.star li {padding-left: 30px; margin: 5px 0; line-height: 22px}
+	ul.check li {background: url(../images/list-check.png) no-repeat}
+	ul.star li {background: url(../images/list-star.png) no-repeat}
+
+	/* Ordered List Styles  */
+	ol {margin: 0 0 10px 20px}
+	ol.circle {padding-left: 22px; margin-left: 0; line-height: 20px; background: url(../images/list-circle.png) repeat-y}
+	ol.circle li {margin-bottom: 4px; font-size: 11px;}
+
+	/* Horizontal Rule */
+	hr {background: #ccc; border: 0 none; display: block; height: 1px; margin: 15px 0}
+	hr.none {height: 0}
+	hr.dotted {background: url(../images/hr-dotted.png) repeat-x}
+	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}
+#
+# 
 snippet ../i
 	../images/${1}
 snippet ../s

File snippets/css/=info.snippet

 /*
 Theme Name: ${1}
-Theme URI: http://${2:yourwebsite.com}
+Theme URI: http://${2:theme-website.com}
 Description: ${3}
 Version: ${4}
 Author: ${5}
 
 	The CSS, XHTML and design is released under GPL:
 	http://www.opensource.org/licenses/gpl-license.php
-
 */

File snippets/css/=menu.snippet

 ${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}
+$1 li a, $1 li a:visited {display: block; float: left; margin-right: ${2}px; padding: ${3:5px 15}px}
+$1 li.last a, $1 li.last a:visited {margin-right: 0}${4}

File snippets/css/=print.snippet

+/* -------------------------------------------------------------- 
+-----------------------------------------------------------------
+		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%; }

File snippets/css/=table.snippet

+/* -------------------------------------------------------------- 
+		Tables 
+-------------------------------------------------------------- */
+table {font: 12px/18px "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; border-collapse: collapse; text-align: left}
+table th,
+table td {padding: 8px 2px 8px 0; text-align: center}
+table th {background: #4c3012; color: #fff3ad; font-size: 13px; font-weight: normal}
+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}

File snippets/css/border/border-radius.snippet

+-moz-border-radius: ${1}px; -webkit-border-radius: $1px; border-radius: $1px;

File snippets/css/bra.snippet

+-moz-border-radius: ${1}px; -webkit-border-radius: $1px; border-radius: $1px;

File snippets/css/bra0.snippet

+-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;

File snippets/css/bra4.snippet

+-moz-border-radius: ${1}px ${2}px ${3}px ${4}px; -webkit-border-radius: $1px $2px $3px $4px; border-radius: $1px $2px $3px $4px;

File snippets/css/bsh.snippet

+box-shadow: ${1:10}px ${2:10}px ${3:5}px #${4:DDD}; -moz-box-shadow: $1px $2px $3px #$4; -webkit-box-shadow: $1px $2px $3px #$4;