mirror of https://github.com/metafizzy/isotope
Filter & sort magical layouts
http://isotope.metafizzy.co
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
463 B
33 lines
463 B
12 years ago
|
* {
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
.container {
|
||
|
|
background: #EEE;
|
||
|
|
width: 50%;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.item {
|
||
|
|
width: 60px;
|
||
|
|
height: 60px;
|
||
|
|
float: left;
|
||
|
|
border: 1px solid;
|
||
|
|
background: #09F;
|
||
|
|
}
|
||
|
|
|
||
|
|
.item.w2 { width: 120px; }
|
||
|
|
.item.w3 { width: 180px; }
|
||
|
|
|
||
|
|
.item.h2 { height: 100px; }
|
||
|
|
.item.h3 { height: 160px; }
|
||
|
|
.item.h4 { height: 220px; }
|
||
|
|
.item.h5 { height: 280px; }
|
||
|
|
|
||
|
|
.stamp {
|
||
|
|
background: red;
|
||
|
|
opacity: 0.75;
|
||
|
|
position: absolute;
|
||
|
|
border: 1px solid;
|
||
|
|
}
|