<?xml version="1.0" encoding="UTF-8"?>
<codes type="array">
  <code>
    <code>* html #selector {property:value;} /* Only IE6 and lower will see this */
*+html #selector {property:value;} /* Only IE7 will see this */</code>
    <created-at type="datetime">2009-08-22T15:27:23Z</created-at>
    <description></description>
    <id type="integer">194</id>
    <language-id type="integer">9</language-id>
    <privated type="boolean">false</privated>
    <title>ie 6 and 7 selectors hack</title>
    <updated-at type="datetime">2009-08-22T15:27:23Z</updated-at>
    <user-id type="integer">7</user-id>
  </code>
  <code>
    <code>&lt;link media=&quot;only screen and (max-device-width: 480px)&quot; href=&quot;iPhone.css&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot; /&gt;</code>
    <created-at type="datetime">2009-08-22T15:25:43Z</created-at>
    <description></description>
    <id type="integer">192</id>
    <language-id type="integer">9</language-id>
    <privated type="boolean">false</privated>
    <title>iPhone CSS</title>
    <updated-at type="datetime">2009-08-22T15:25:43Z</updated-at>
    <user-id type="integer">7</user-id>
  </code>
  <code>
    <code>body { 
width:100% !important;
margin:0 !important;
padding:0 !important;
line-height: 1.4;
word-spacing:1.1pt;
letter-spacing:0.2pt; font-family: Garamond,&quot;Times New Roman&quot;, serif; color: #000; background: none; font-size: 12pt; }

h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1{font-size:19pt;}
h2{font-size:17pt;}
h3{font-size:15pt;}
h4,h5,h6{font-size:12pt;}

code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em;  font-size: 10pt; }
hr { background-color: #ccc; }

img { float: left; margin: 1em 1.5em 1.5em 0; }
a img { border: none; }

a:link, a:visited { background: transparent; font-weight: 700; text-decoration: underline;color:#333; }
a:link[href^=&quot;http://&quot;]:after, a[href^=&quot;http://&quot;]:visited:after { content: &quot; (&quot; attr(href) &quot;) &quot;; font-size: 90%; }
a[href^=&quot;http://&quot;] {color:#000; }

table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #fff; margin-bottom:2em; text-align:left; }
thead {display: table-header-group;}
tr {page-break-inside: avoid;} </code>
    <created-at type="datetime">2009-08-04T01:45:35Z</created-at>
    <description>http://code.google.com/p/hartija/</description>
    <id type="integer">188</id>
    <language-id type="integer">9</language-id>
    <privated type="boolean">false</privated>
    <title>hartija css print framework</title>
    <updated-at type="datetime">2009-08-04T01:45:35Z</updated-at>
    <user-id type="integer">7</user-id>
  </code>
  <code>
    <code>.class {  
    filter:alpha(opacity=50);  
    -moz-opacity:0.5;  
    -khtml-opacity: 0.5;  
    opacity: 0.5;  
}</code>
    <created-at type="datetime">2009-06-21T21:57:42Z</created-at>
    <description></description>
    <id type="integer">181</id>
    <language-id type="integer">9</language-id>
    <privated type="boolean">false</privated>
    <title>cross-browser transparency using css</title>
    <updated-at type="datetime">2009-06-21T21:57:42Z</updated-at>
    <user-id type="integer">7</user-id>
  </code>
  <code>
    <code>body {
	background: #[hex-color] url([image URL]) [repeat] [attachment] [position];
}

p {
	font: [style] [variant] [weight] [size]/[line-height] [family], [family];
}</code>
    <created-at type="datetime">2009-05-10T14:24:28Z</created-at>
    <description></description>
    <id type="integer">174</id>
    <language-id type="integer">9</language-id>
    <privated type="boolean">false</privated>
    <title>short css</title>
    <updated-at type="datetime">2009-05-10T14:24:28Z</updated-at>
    <user-id type="integer">7</user-id>
  </code>
  <code>
    <code>a {
	background-color:#fff;
	border-width:1px;
	border-style:solid;
	border-bottom-color:#aaa;
	border-right-color:#aaa;
	border-top-color:#ddd;
	border-left-color:#ddd;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-box-shadow:2px 2px 2px #bbb;
	
	padding: 10px;
}
a:hover {
	border-top-color:#aaa;
	border-left-color:#aaa;
	border-right-color:#ddd;
	border-bottom-color:#ddd;
	-webkit-box-shadow:0 0 0;
}</code>
    <created-at type="datetime">2009-05-01T20:54:16Z</created-at>
    <description></description>
    <id type="integer">173</id>
    <language-id type="integer">9</language-id>
    <privated type="boolean">false</privated>
    <title>cool link effect with css</title>
    <updated-at type="datetime">2009-05-01T20:56:36Z</updated-at>
    <user-id type="integer">7</user-id>
  </code>
  <code>
    <code>border-radius: 9px; /* CSS 3 */
-o-border-radius: 9px; /* Opera */
-icab-border-radius: 9px; /* iCab */
-khtml-border-radius: 9px; /* Konqueror */
-moz-border-radius: 9px; /* Firefox */
-webkit-border-radius: 9px; /* Safari */</code>
    <created-at type="datetime">2009-03-14T18:19:21Z</created-at>
    <description>ie sux (again)</description>
    <id type="integer">161</id>
    <language-id type="integer">9</language-id>
    <privated type="boolean">false</privated>
    <title>cross-browser rounded corners using css</title>
    <updated-at type="datetime">2009-03-14T18:19:21Z</updated-at>
    <user-id type="integer">7</user-id>
  </code>
  <code>
    <code>input { overflow: visible; }</code>
    <created-at type="datetime">2009-03-14T15:24:37Z</created-at>
    <description>ie sux!</description>
    <id type="integer">160</id>
    <language-id type="integer">9</language-id>
    <privated type="boolean">false</privated>
    <title>fixing the ridiculous auto-padding in ie (win) submit buttons</title>
    <updated-at type="datetime">2009-03-14T15:24:37Z</updated-at>
    <user-id type="integer">7</user-id>
  </code>
  <code>
    <code>.clearfix:after {
    content: &quot;.&quot;;
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}</code>
    <created-at type="datetime">2008-11-18T02:28:38Z</created-at>
    <description>&quot;The problem happens when a floated element is within a container box, that element does not automatically force the container's height adjust to the floated element. When an element is floated, its parent no longer contains it because the float is removed from the flow&quot;

http://www.webtoolkit.info/css-clearfix.html</description>
    <id type="integer">108</id>
    <language-id type="integer">9</language-id>
    <privated type="boolean">false</privated>
    <title>css clearfix</title>
    <updated-at type="datetime">2008-11-18T02:28:38Z</updated-at>
    <user-id type="integer">7</user-id>
  </code>
  <code>
    <code>.round-all {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.round-top {
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius: 5px 5px 0 0;
     border-radius: 5px 5px 0 0;
}
.round-right {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius:0 5px 5px 0;
     border-radius:0 5px 5px 0;
}
.round-bottom {
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius:0 0 5px 5px;
     border-radius: 0 0 5px 5px;
}
.round-left {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius: 5px 0 0 5px;
     border-radius: 5px 0 0 5px;
}</code>
    <created-at type="datetime">2008-11-08T20:26:06Z</created-at>
    <description>http://www.css3.info/border-radius-apple-vs-mozilla/</description>
    <id type="integer">91</id>
    <language-id type="integer">9</language-id>
    <privated type="boolean">false</privated>
    <title>[css3] border-radius sample</title>
    <updated-at type="datetime">2008-11-08T20:26:06Z</updated-at>
    <user-id type="integer">7</user-id>
  </code>
</codes>
