prototype-masonry-demo.css

prototype-masonry-demo.css

* {
margin: 0;
}

html, body{
 background-color:#559ABC;
 height:100%;
}

#header{
 background-color:#gray;
 height:30px;
}

#footer{
 margin:0px;
 background-color:#gray;
 clear:both;
 height:30px;
}

#container{
  height: auto !important;
  height: 100%;
  min-height:100% ;
  background-color : #f2f2f2;
  background-color:#559ABC;
  margin: 0 auto -30px; /* footerのサイズだけ受け入れる */

}

#tweets {
  width:800px;
  background-color : transparent;
  padding : 10px;
  margin:0 auto;
}



.tweet{
  float:left;
  background-color : #f4f4f4;
  border:1px #c0c0c0 solid;
  
  width :180px;
  min-height:58px; /* 発言が短すぎた場合、アイコンがボックスからはみ出るのを防ぐ*/  
  margin:5px;
  padding:5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  word-wrap: break-word;  
}

.tweet .screen-name{
  line-hight:10px;
  font-size:10px;
  font-weight: 800;
  margin:0px;
}

.tweet .avator{
  margin:5px;
  float:left;
}
 
.tweet .tweet-text{
  margin:0;
  font-size:15px;
}