Template:Team:Uppsala/stylesvision
From 2013.igem.org
Line 1: | Line 1: | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#project-description { | #project-description { |
Revision as of 22:17, 15 August 2013
- 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: px; }
.background-text { padding-top: px; }
- list-color {
color:#22409a;;
}
- 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(); }
- grid-b {
width: 276.5px; float: right; height: 276.5px; border: 3px solid;
background-image: url();
}
- grid-c {
width: 276.5px; float: left; height: 276.5px; border: 3px solid; margin-top: 20px;
background-image: url();
}
- grid-d {
width: 276.5px; float: right; height: 276.5px; border: 3px solid; margin-top: 20px;
background-image: url();
}
- grid-e {
width: 276.5px; float: left; height: 276.5px; border: 3px solid; margin-top: 20px;
background-image: url();
}
- grid-f {
width: 276.5px; float: right; height: 276.5px; border: 3px solid; margin-top: 20px;
background-image: url();
}
/* 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;
}
- grid-b 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-b img.top:hover {
opacity:0;
}
- grid-c 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-c img.top:hover {
opacity:0;
}
- grid-d 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-d img.top:hover {
opacity:0;
}
- grid-e 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-e img.top:hover {
opacity:0;
}
- grid-f 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-f 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> </html>