Skip to content

Instantly share code, notes, and snippets.

@e10a

e10a/dabblet.css

Created May 20, 2015
Embed
What would you like to do?
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
.tbl { display: table; width: 100%;}
.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;}
<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>
$( "li" ).eq( 2 ).css( "background-color", "red" );// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment