Skip to content

Instantly share code, notes, and snippets.

@e10a

e10a/ZGppEN.markdown

Created May 20, 2015
Embed
What would you like to do?
ZGppEN
<div class="test tbl">
<div class="td col1"><div class="col1-thumb"><a href="/files/download.aspx/pandas.jpg?d=2AD5B32CE79E44658CABCA8322840942&amp;p=4d21a7f0a12244e9adb8dfdecf0d52d6&amp;r=A15D47807552486C84172B9C522BDDAC&amp;s=57CD870497774324A35C09804DA94963&amp;l=91AE1E082A5E46CBBEF5FA25FBF5F887&amp;filename=pandas.jpg" class="filepreview cboxElement"><canvas width="40" height="40"></canvas></a></div></div>
<div class="td col2"><div class="col1-name"><a href="/files/download.aspx/pandas.jpg?d=2AD5B32CE79E44658CABCA8322840942&amp;p=4d21a7f0a12244e9adb8dfdecf0d52d6&amp;r=A15D47807552486C84172B9C522BDDAC&amp;s=57CD870497774324A35C09804DA94963&amp;l=91AE1E082A5E46CBBEF5FA25FBF5F887&amp;filename=pandas.jpg" target="_blank">pandas.jpg</a></div></div>
<div class="td col3"><div class="col1-alias"></div></div>
<div class="td col4"><div class="col1-size"></div></div>
<div class="td col5"><div class="col1-trash"></div></div>
</div>
<div class="test tbl">
<div class="td col1"><div class="col1-thumb"><a href="/files/download.aspx/calm-ocean-wallpaper.jpg?d=EB00D43A97494D55AED9CBD4834F0CB4&amp;p=4d21a7f0a12244e9adb8dfdecf0d52d6&amp;r=A15D47807552486C84172B9C522BDDAC&amp;s=57CD870497774324A35C09804DA94963&amp;l=91AE1E082A5E46CBBEF5FA25FBF5F887&amp;filename=calm-ocean-wallpaper.jpg" class="filepreview cboxElement"><canvas width="40" height="40"></canvas></a></div></div>
<div class="td col2"><div class="col1-name"><a href="/files/download.aspx/calm-ocean-wallpaper.jpg?d=EB00D43A97494D55AED9CBD4834F0CB4&amp;p=4d21a7f0a12244e9adb8dfdecf0d52d6&amp;r=A15D47807552486C84172B9C522BDDAC&amp;s=57CD870497774324A35C09804DA94963&amp;l=91AE1E082A5E46CBBEF5FA25FBF5F887&amp;filename=calm-ocean-wallpaper.jpg" target="_blank">Calm-Ocean-Wallpaper.jpg</a></div></div>
<div class="td col3"><div class="col1-alias"></div></div>
<div class="td col4"><div class="col1-size"></div></div>
<div class="td col5"><div class="col1-trash"></div></div>
</div>
.tbl{width:100%;display:table;}
.test.tbl{margin:10px 0;position:relative;z-index:1;table-layout:fixed;}
.test.tbl:before{content:"";display: block;height:100%;background:#eee;position:absolute;left:0;width:100%;z-index:0;border-radius:3px;border:1px solid #DBDBDB;box-sizing:border-box;}
.test.tbl .td{padding:10px;display:table-cell;vertical-align:middle;position:relative;z-index:1;box-shadow:inset 0 0 3px blue;} /*box-shadow:inset 0 0 3px red;*/
.test.tbl .td.col1{width:60px;}
.test.tbl .td.col2{width:100%;}
.test.tbl .td.col3{width:75px;}
.test.tbl .td.col4{width:70px;}
.test.tbl .td.col5{width:40px;}
.test.tbl .td .col1-thumb{height:40px;width:40px;background:#ccc;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment