Template:CSS/style2

From 2014.igem.org

(Difference between revisions)
 
(21 intermediate revisions not shown)
Line 40: Line 40:
}
}
-
 
-
@-webkit-keyframes rotate {
 
-
  from {
 
-
    -webkit-transform: rotate(0deg);
 
-
  }
 
-
  to {
 
-
    -webkit-transform: rotate(360deg);
 
-
  }
 
-
}
 
-
.logo2
 
-
{
 
-
    -webkit-animation-name:            rotate;
 
-
    -webkit-animation-duration:        0.5s;
 
-
    -webkit-animation-iteration-count:  infinite;
 
-
    -webkit-transition-timing-function: linear;
 
-
}
 
.logo{
.logo{
-
width:130px;
+
width:65px;
height:61px;
height:61px;
position:absolute;
position:absolute;
top:3px;
top:3px;
left:10px;
left:10px;
 +
-webkit-transition: all .2s ease;
 +
    -moz-transition: all .2s ease;
 +
      -o-transition: all .2s ease;
 +
      -ms-transition: all .2s ease;
 +
          transition: all .2s ease;
 +
z-index:10;
}
}
-
.logo2{
+
.logo:hover{
-
width:130px;
+
width:128px;
 +
}
 +
 
 +
.logotext{
 +
width:50px
height:61px;
height:61px;
position:absolute;
position:absolute;
-
top:3px;
+
top:20px;
-
left:10px;
+
left:85px;
 +
}
 +
 
 +
.logotext img{
 +
width:80px;
}
}
Line 135: Line 133:
top:0px;
top:0px;
left:320px;
left:320px;
-
 
-
 
}
}
#nav_wrapper{
#nav_wrapper{
Line 154: Line 150:
color:#46dd11;
color:#46dd11;
text-decoration:none;
text-decoration:none;
-
padding:6px 2px 0px 2px;
+
padding:6px 3px 0px 3px;
}
}
Line 175: Line 171:
font-weight:300;
font-weight:300;
}
}
 +
 +
 +
 +
.nav_item_achievements,visited{
.nav_item_achievements,visited{
background-color:#fbf7f5;
background-color:#fbf7f5;
Line 577: Line 577:
font-weight:400;
font-weight:400;
}
}
 +
 +
</style>
</style>
</html>
</html>

Latest revision as of 13:35, 24 May 2015