Difference between revisions of "Team:Penn"

Line 8: Line 8:
 
</div>
 
</div>
 
</head>
 
</head>
 +
 +
<div class="boxed">
 +
  This text is enclosed in a box.
 +
</div>
  
 
<style type="text/css">
 
<style type="text/css">
−
* {
+
.boxed {
−
  box-sizing: border-box;
+
   border: 1px solid green ;
−
}
+
−
 
+
−
.container {
+
−
  width:80%;
+
−
  max-width: 1300px;
+
−
  margin-left:475px;
+
−
  background-color:#eee;
+
−
  overflow:hidden;
+
−
  padding:0em;
+
−
}
+
−
 
+
−
img {
+
−
  max-width:100%;
+
−
}
+
−
 
+
−
.item {
+
−
  width:25%;
+
−
  float:left;
+
−
  padding:2em;
+
−
   border:0px dotted #ddd;
+
−
  /*background-color:#fff;*/
+
−
}
+
−
 
+
−
.item p {
+
−
  min-height:3em;
+
−
  /*background-color:#fed;*/
+
−
  margin:.5em 0 0 0;
+
−
  font-size:.9em;
+
−
  text-align:center;
+
−
}
+
−
 
+
−
@media screen and (max-width:1000px) {
+
−
 
+
−
  body {
+
−
    background-color:#ddf;
+
−
  }
+
−
 
+
−
  .item {
+
−
    width:33.3%;
+
−
  }
+
−
 
+
−
}
+
−
 
+
−
 
+
−
@media screen and (max-width:800px) {
+
−
 
+
−
  body {
+
−
    background-color:#cdd;
+
−
  }
+
−
 
+
−
  .item {
+
−
    width:50%;
+
−
  }
+
−
 
+
−
  .item p {
+
−
  font-size:.8em;
+
−
  }
+
−
 
+
−
}
+
−
 
+
−
@media screen and (max-width:400px) {
+
−
 
+
−
  body {
+
−
    background-color:#ded;
+
−
  }
+
−
 
+
−
  .item {
+
−
    width:100%;
+
−
  }
+
−
 
+
 
}
 
}
 
</style>
 
</style>
−
 
 
</html>
 
</html>

Revision as of 14:25, 4 September 2015

University of Pennsylvania iGEM
This text is enclosed in a box.