Template:13SJTU sliderbar

From 2013.igem.org

(Difference between revisions)
(Created page with "<html> <head> <style type="text/css"> div.bottombar{ /* bar that runs across the bottom of the menu */ height: 10px; background: #1a1109; } ul.semiopaquemenu{ - main menu UL: ...")
 
(9 intermediate revisions not shown)
Line 71: Line 71:
list-style-type: none;
list-style-type: none;
margin: 0;
margin: 0;
-
background-image:url(/wiki/images/d/db/Colortest2.png);  
+
background-image:url(/wiki/images/9/9f/13sjtu_Nav1.png);  
}  
}  
#nav ul{
#nav ul{
Line 120: Line 120:
position: absolute;  
position: absolute;  
margin: 0;
margin: 0;
-
background-image:url(/wiki/images/archive/1/1e/20130917134811!Colortestmenu.png);
+
background-image:url(/wiki/images/9/9f/13sjtu_Nav1.png);
z-index:999;
z-index:999;
}  
}  
Line 149: Line 149:
#main-entry{
#main-entry{
-
width: 470px;
+
width: 330px;
height: 300px;
height: 300px;
float: left;
float: left;
Line 155: Line 155:
}
}
#entry-cover{
#entry-cover{
-
width: 350px;
+
width: 280px;
-
height: 280px;
+
height: 224px;
transition: height 2s, transform 1s;
transition: height 2s, transform 1s;
-moz-transition: height 2s, -moz-transform 1s;
-moz-transition: height 2s, -moz-transform 1s;
Line 169: Line 169:
#entry-text-red{
#entry-text-red{
transition-delay:0.5s;
transition-delay:0.5s;
 +
-moz-transition-delay:0.5s;
 +
-webkit-transition-delay:0.5s;
 +
-o-transition-delay:0.5s;
color:transparent;
color:transparent;
transform: rotateX(180deg);
transform: rotateX(180deg);
Line 195: Line 198:
-webkit-transform: rotateX(180deg); /* Safari 和 Chrome */
-webkit-transform: rotateX(180deg); /* Safari 和 Chrome */
-webkit-transform-style: preserve-3d; /* Safari 和 Chrome */
-webkit-transform-style: preserve-3d; /* Safari 和 Chrome */
 +
}
 +
#entry-text-green p{
 +
padding:5px 10px;
 +
font-size: 17px;
 +
font-family: 'cooper black';
 +
line-height:200%;
}
}
#entry-text-green:hover{
#entry-text-green:hover{
background-color:rgb(102,255,102);
background-color:rgb(102,255,102);
-
color:black;
+
color:white;
}#entry-text-blue{
}#entry-text-blue{
transition-delay:0.5s;
transition-delay:0.5s;
 +
-moz-transition-delay:0.5s;
 +
-webkit-transition-delay:0.5s;
 +
-o-transition-delay:0.5s;
color:transparent;
color:transparent;
transform: rotateX(180deg);
transform: rotateX(180deg);
Line 206: Line 218:
-webkit-transform: rotateX(180deg); /* Safari 和 Chrome */
-webkit-transform: rotateX(180deg); /* Safari 和 Chrome */
-webkit-transform-style: preserve-3d; /* Safari 和 Chrome */
-webkit-transform-style: preserve-3d; /* Safari 和 Chrome */
 +
}
 +
#entry-text-blue p{
 +
padding:5px 10px;
 +
font-size: 17px;
 +
font-family: 'cooper black';
 +
line-height:180%;
}
}
#entry-text-blue:hover{
#entry-text-blue:hover{
background-color:rgb(102,102,255);
background-color:rgb(102,102,255);
-
color:black;
+
color:white;
-
}
+
-
#entry-text-yellow{
+
-
transition-delay:0.5s;
+
-
color:transparent;
+
-
transform: rotateX(180deg);
+
-
transform-style: preserve-3d;
+
-
-webkit-transform: rotateX(180deg); /* Safari 和 Chrome */
+
-
-webkit-transform-style: preserve-3d; /* Safari 和 Chrome */
+
-
}
+
-
#entry-text-yellow:hover{
+
-
background-color:rgb(255,255,102);
+
-
color:black;
+
}
}
</style>
</style>
</head>
</head>
</html>
</html>

Latest revision as of 07:36, 11 October 2013