Team:NCTU Formosa/source/header-human practice

From 2013.igem.org

(Difference between revisions)
 
(9 intermediate revisions not shown)
Line 2: Line 2:
<style>
<style>
.effect {
.effect {
-
left: 68.75%;
+
  left: 61.11%;
}
}
#cover{
#cover{
background:url(https://static.igem.org/mediawiki/2013/2/25/Nctu-cover-human_practice.jpg);
background:url(https://static.igem.org/mediawiki/2013/2/25/Nctu-cover-human_practice.jpg);
 +
}
 +
.imageRow {
 +
max-width:800px;
 +
margin:0 auto;
 +
}
 +
#imgshow, #imgshow2 {
 +
padding-top:15px;
 +
clear:both;
 +
}
 +
.imageRow .single {
 +
  float: left;
 +
}
 +
.imageRow .single a {
 +
  float: left;
 +
  display: block;
 +
  background: #eee;
 +
  padding: 7px;
 +
  line-height: 1em;
 +
  -webkit-border-radius: 4px;
 +
  -moz-border-radius: 4px;
 +
  -ms-border-radius: 4px;
 +
  -o-border-radius: 4px;
 +
  border-radius: 4px;
 +
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
 +
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
 +
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
 +
  margin-right: 40px;
 +
  -webkit-transition: all 0.2s ease-out;
 +
  -moz-transition: all 0.2s ease-out;
 +
  -ms-transition: all 0.2s ease-out;
 +
  -o-transition: all 0.2s ease-out;
 +
  transition: all 0.2s ease-out;
 +
}
 +
.imageRow .set {
 +
  float: left;
 +
  background: #efefef;
 +
  -webkit-border-radius: 4px;
 +
  -moz-border-radius: 4px;
 +
  -ms-border-radius: 4px;
 +
  -o-border-radius: 4px;
 +
  border-radius: 4px;
 +
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
 +
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
 +
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
 +
  -webkit-transition: all 0.2s ease-out;
 +
  -moz-transition: all 0.2s ease-out;
 +
  -ms-transition: all 0.2s ease-out;
 +
  -o-transition: all 0.2s ease-out;
 +
  transition: all 0.2s ease-out;
 +
}
 +
.imageRow .set .single {
 +
width:25%;
 +
}
 +
.onlythree .set .single {
 +
width:33.33%;
 +
}
 +
.imageRow .set .single img {
 +
width:100%;
 +
}
 +
.imageRow .set .single a {
 +
width:90%;
 +
  background: none;
 +
  -webkit-border-radius: 0;
 +
  -moz-border-radius: 0;
 +
  -ms-border-radius: 0;
 +
  -o-border-radius: 0;
 +
  border-radius: 0;
 +
  -webkit-box-shadow: none;
 +
  -moz-box-shadow: none;
 +
  box-shadow: none;
 +
  margin-right: 0;
 +
}
 +
.imageRow .set .single a:hover {
 +
  background-color: rgba(173, 255, 47, 0.75);
 +
  -webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
 +
  -moz-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
 +
  box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
}
}
</style>
</style>

Latest revision as of 14:10, 24 October 2013