Template:Team:Uppsala/styles

From 2013.igem.org

(Difference between revisions)
Line 121: Line 121:
}
}
   
   
 +
/* ----->Index content begins <----- */
 +
 +
#project-description {
 +
padding-top: 30px;
 +
width: 100%;
 +
margin-left:auto;
 +
margin-right:auto;
 +
border-bottom: 1px solid #22409a;
 +
padding-bottom: 10px;
 +
}
 +
 +
.project-text {
 +
padding-top: 20px;
 +
}
 +
 +
#grid-matrix {
 +
width: 64%;
 +
float: left;
 +
padding-top: 20px;
 +
}
 +
 +
#sidebar {
 +
width: 34%;
 +
float: right;
 +
padding-top: 20px;
 +
}
 +
 +
#twitter-feed {
 +
padding-top:20px;
 +
}
 +
 +
#grid-a {
 +
width: 276.5px; float: left;
 +
height: 276.5px; border: 3px solid;
 +
background-image: url(../bilder/Background.png);
 +
}
 +
 +
#grid-b {
 +
width: 276.5px; float: right;
 +
height: 276.5px; border: 3px solid;
 +
 +
}
 +
 +
#grid-c {
 +
width: 276.5px; float: left;
 +
height: 276.5px; border: 3px solid;
 +
margin-top: 20px;
 +
 +
}
 +
 +
#grid-d {
 +
width: 276.5px; float: right;
 +
height: 276.5px; border: 3px solid;
 +
margin-top: 20px;
 +
 +
}
 +
 +
#grid-e {
 +
width: 276.5px; float: left;
 +
height: 276.5px; border: 3px solid;
 +
margin-top: 20px;
 +
 +
}
 +
 +
#grid-f {
 +
width: 276.5px; float: right;
 +
height: 276.5px; border: 3px solid;
 +
margin-top: 20px;
 +
 +
}
 +
 +
/* Hover effect on grid pictures begin */
 +
 +
#grid-a img {
 +
  -webkit-transition: opacity 0.2s ease-in-out;
 +
  -moz-transition: opacity 0.2s ease-in-out;
 +
  -o-transition: opacity 0.2s ease-in-out;
 +
  transition: opacity 0.2s ease-in-out;
 +
}
 +
 +
#grid-a img.top:hover {
 +
  opacity:0;
 +
}
 +
 +
/* Hover effect in grid pictures end
 +
Grid pictures styling begin */
 +
 +
.top {
 +
width: 277px;
 +
}
 +
 +
.grid-pic {
 +
width: 276.5px;
 +
}
 +
 +
.grid-test {
 +
width: 200px;
 +
}
 +
 +
/* Grid pictures styling ends */
 +
 +
</style>
</style>
</html>
</html>

Revision as of 22:14, 8 August 2013

Retrieved from "http://2013.igem.org/Template:Team:Uppsala/styles"