@charset "utf-8";
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{color:#444444;font-family:"Droid Sans", sans-serif;font-weight:normal;}
.content{width:980px;margin:80px auto;}
/* example */
.example{position:relative;}
.example .brick{cursor:pointer;position:relative;}
.example .brick .delete{display:block;color:white;background:rgba(255, 255, 255, 0.2);width:40px;height:40px;top:0;right:0;position:absolute;text-align:center;line-height:40px;}
.example .brick.small{width:140px;height:140px;}
.example .brick.large{width:300px;height:300px;}
.example .brick:nth-child(1){background:#1abc9c;}
.example .brick:nth-child(2){background:#16a085;}
.example .brick:nth-child(3){background:#2ecc71;}
.example .brick:nth-child(4){background:#27ae60;}
.example .brick:nth-child(5){background:#3498db;}
.example .brick:nth-child(6){background:#2980b9;}
.example .brick:nth-child(7){background:#9b59b6;}
.example .brick:nth-child(8){background:#8e44ad;}
.example .brick:nth-child(9){background:#34495e;}
.example .brick:nth-child(10){background:#2c3e50;}
.example .brick:nth-child(11){background:#f1c40f;}
.example .brick:nth-child(12){background:#f39c12;}
.example .brick:nth-child(13){background:#e67e22;}
.example .brick:nth-child(14){background:#d35400;}
.example .brick:nth-child(15){background:#e74c3c;}
.example .brick:nth-child(16){background:#c0392b;}
.example .brick:nth-child(17){background:#ecf0f1;}
.example .brick:nth-child(18){background:#bdc3c7;}
.example .brick:nth-child(19){background:#95a5a6;}
.example .brick:nth-child(20){background:#7f8c8d;}