css hack
by weiming le
HTML
<!DOCTYPE HTML>
<html lang="">
<head>
<meta charset="UTF-8">
<title>CSS Hack Table « tools « SwordAir.com</title>
<meta name="keywords" content="葵中剑, CSS Hack Table" />
<meta name="author" content="iifksp，葵中剑" />
<meta name="description" content="CSS Hack Table" />
<style type="text/css">
table{border-spacing:2px;border-collapse:separate;border:0 none;}
td,th{padding:0.4em;line-height:1.3;text-align:center;font-family:arial;font-size:0.75em;background:#f4f4f4;font-weight:100;border:0 none;}
th{color:#666;}
.app-content h2{font-size:1.5em;border-bottom:1px solid #eee;margin-top:2em;}
h3{font-size:1.3em;}
p{font-size:0.95em}
pre{border:1px solid #ddd;background:#fafafa;margin:0 2em;padding:1em 1.6em;}
.alignright{text-align:right;font-family:monospace;color:#000;font-size:0.9em;}
.hack-extra{color:#f30;}
.render{background:#00A700;color:#fff;}
.unrender{background:#CC0F16;color:#fff;}
.half-rander{background:#EFBB1C;color:#fff;}
.break-rander{background:#9203a3;color:#fff;}
.hover{background-color:#eee;}
.this{outline:2px solid #1096D5;background:#CC0F16;color:#0ff;}
.this a{color:#0ff;}
.this-th{background:#1096D5;outline:2px solid #1096D5;color:#fff;}
.top-th th{border-top:1px solid #666;}
.top-th th.this-th{border-color:#fff;}
.btm-th th{border-bottom:1px solid #666;}
.btm-th th.this-th{border-color:#fff;}
/* test selector hack style */
* html #s1{background:#00A700;}
*+html #s2{background:#00A700;}
*:first-child+html #s3{background:#00A700;}
html>body #s4{background:#00A700;}
html>/**/body #s5{background:#00A700;}
#s6:not(x){background:#00A700;}
body:last-child #s7{background:#00A700;}
body:nth-of-type(1) #s8{background:#00A700;}
body:first-of-type #s9{background:#00A700;}
html[lang] #s10{background:#00A700;}
:root *> #s11{background:#00A700;}
#s12-1,x:-moz-any-link{background:#00A700;}
#s12-2,x:-webkit-any-link{background:#00A700;}
#s13-1,x:-moz-any-link,...CSS
/* new version ------------------------------- */
body{margin:0;font-family:arial,sans-serif;min-width:480px;color:#444;}
a{text-decoration:none;color:#369;}
a[rel~="external"]{padding-right:13px;background:url(http://www.swordair.com/images/icons/external-link.gif) no-repeat 100% 0;margin-right:2px;}
a:not([href^="javascript"]):not([href^="http://www.swordair.com/"]):not([href^="#"]):not(not([href])){padding-right:13px;background:url(http://www.swordair.com/images/icons/external-link.gif) no-repeat 100% 0;margin-right:2px;}
a:hover{color:#036;text-decoration:underline;}
table{border-collapse:collapse;border:1px solid #999;border-top:2px solid #999;margin:1.4em 0;}
td{border:1px solid #999;background:#fdfdfd;padding:0.3em;}
th{background:#f5f5f5;border:1px solid #999;padding:0.3em;}
ul{}
li,p,dt,dl{line-height:1.4;}
img{border:none;}
blockquote {border-left:5px solid #ddd;margin-left:1.5em;padding-left:1.2em;}
.clearfix:after{clear:both;content:"\200B";display:block;height:0;}
.clearfix{zoom:1;}
/* scroll bar */
::-webkit-scrollbar{width:12px;height:12px;}
::-webkit-scrollbar-button{}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment{width:0;height:0;}
::-webkit-scrollbar-track-piece{background-clip:padding-box;background-color:whitesmoke;border:solid white;}
::-webkit-scrollbar-track-piece:vertical{box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.05);border-width:0;}
::-webkit-scrollbar-track-piece:horizontal{box-shadow:inset 0 1px 0 rgba(0,0,0,.14),inset 0 -1px 0 rgba(0,0,0,.05);border-width:0;}
::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);background-clip:padding-box;border:solid transparent;}
::-webkit-scrollbar-thumb:vertical{border-width:1px 1px 1px 2px;min-height:24px;box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.1);}
::-webkit-scrollbar-thumb:horizontal{border-width:2px 1px 1px 1px;min-width:24px;box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset -1px 0 0...