Template:Team:Waterloo/CSS/WaterlooTeam

From 2014.igem.org

(Difference between revisions)
(Created page with "<style type="text/css"> div.imageGrid{ width: 95%; margin: auto; } div.imageGrid tr, div.imageGrid td{ padding: 5px; - border: 1px solid black;: height: 50px; text-a...")
m
 
(29 intermediate revisions not shown)
Line 1: Line 1:
-
<style type="text/css">
+
<html>
 +
<style>
div.imageGrid{
div.imageGrid{
   width: 95%;
   width: 95%;
   margin: auto;
   margin: auto;
 +
  font-family: Oxygen;
 +
  font-size: 14px;
}
}
div.imageGrid tr, div.imageGrid td{
div.imageGrid tr, div.imageGrid td{
Line 12: Line 15:
div.imageGrid td{
div.imageGrid td{
   cursor: pointer;
   cursor: pointer;
 +
}
 +
#infoView_container {
}
}
#infoView{
#infoView{
-
  width: 50%;
 
-
  padding: 30px;
 
   cursor: auto;
   cursor: auto;
 +
  font-family: Oxygen;
 +
  min-width: 325px;
 +
  min-height: 500px;
 +
  text-align: center;
 +
  background: #F0F0F0;
 +
  border-radius: 50px;
 +
  box-shadow: 5px 8px 5px #5AA3B8;
 +
  padding: 30px;
 +
}
 +
#infoView h2{
 +
  font-size: 25px;
 +
  font-weight: bold;
}
}
.profile{
.profile{
Line 22: Line 37:
   margin-left: auto;
   margin-left: auto;
   margin-right: auto;
   margin-right: auto;
 +
  border-radius: 50%;
}
}
img.gridpic{
img.gridpic{
   width: 100%;
   width: 100%;
   max-width: 100px;
   max-width: 100px;
-
   border: 3px solid;
+
   border-radius: 50%;
-
  border-color: #888888;
+
}
-
  border-radius: 30%;
+
@media screen and (max-width: 1060px) { /* above tablet size */
-
  box-shadow: 5px 8px 5px #5AA3B8;
+
#teamPictures .half-column {
 +
    width: 100%;
 +
    padding: 5px;
 +
    float: none;
 +
  }
}
}
-
</script>
+
</style>
 +
</html>

Latest revision as of 00:45, 18 October 2014