Difference between revisions of "Template:CGU Taiwan/cgustyle"

m
Line 103: Line 103:
 
     transition: 0.5s;
 
     transition: 0.5s;
 
}
 
}
 +
 +
/* left menu start */
 +
.leftMenuBack{
 +
    position:fixed;
 +
    top:18%;
 +
    display:inline-block;
 +
    float:left;
 +
    width:10vw;
 +
    height:auto;
 +
    background:url(https://static.igem.org/mediawiki/2017/7/70/LeftMenuBack.png) top left no-repeat;
 +
    background-size:contain;
 +
    z-index:-2;
 +
}
 +
 +
.leftMenu{
 +
    position:fixed;
 +
    top:18%;
 +
    display:inline-block;
 +
    float:left;
 +
width:10vw;
 +
height:auto;
 +
    /*null back ground*/
 +
    background:url(https://static.igem.org/mediawiki/2017/0/0d/Null.png) top left no-repeat;
 +
    background-size:contain;
 +
    z-index:1;
 +
/* transition: 1s; */
 +
}
 +
 +
.leftMenu ul {
 +
display: inline-block;
 +
text-align:center;
 +
margin:0px;
 +
padding:0px;
 +
list-style:none;
 +
font-size:13px;
 +
}
 +
 +
.leftMenu li {
 +
float:left;
 +
}
 +
 +
.leftMmenu li a {
 +
display:block;
 +
text-decoration:none;
 +
background:url(https://static.igem.org/mediawiki/2017/7/7c/Cgurightmenu.png) top left no-repeat;
 +
float:left;
 +
width:199px;
 +
height:143.33px;
 +
text-align:center;
 +
text-indent:-300px;
 +
margin:0px;
 +
}
 +
 +
.leftMenu li.left1 a {
 +
width:10vw;
 +
height:auto;
 +
background:url(https://static.igem.org/mediawiki/2017/c/c7/LeftMenuBio.png) top left no-repeat;
 +
    background-size:contain;
 +
}
 +
 +
.leftMenu li.left2 a {
 +
width:10vw;
 +
height:auto;
 +
background:url(https://static.igem.org/mediawiki/2017/e/e3/LeftMenuModel.png) top left no-repeat;
 +
    background-size:contain;
 +
}
 +
.leftMenu li.left3 a {
 +
width:10vw;
 +
height:auto;
 +
background:url(https://static.igem.org/mediawiki/2017/2/2f/LeftMenuDevice.png) top left no-repeat;
 +
    background-size:contain;
 +
}
 +
 +
.leftMenu li.left4 a {
 +
width:10vw;
 +
height:auto;
 +
background:url(https://static.igem.org/mediawiki/2017/6/68/LeftMenuMarketing.png) top left no-repeat;
 +
    background-size:contain;
 +
}
 +
 +
.rightmenu li.left1 a:hover {
 +
    width:10vw;
 +
height:auto;
 +
    background:url(https://static.igem.org/mediawiki/2017/a/ae/LeftMenuBioB.png) left top no-repeat;
 +
    background-size:contain;
 +
}
 +
.rightmenu li.left2 a:hover {
 +
    width:10vw;
 +
height:auto;
 +
    background:url(https://static.igem.org/mediawiki/2017/2/2f/LeftMenuModelB.png) left top no-repeat;
 +
    background-size:contain;
 +
}
 +
.rightmenu li.left2 a:hover {
 +
    width:10vw;
 +
height:auto;
 +
    background:url(https://static.igem.org/mediawiki/2017/4/48/LeftMenuDeviceB.png) left top no-repeat;
 +
    background-size:contain;
 +
}
 +
.rightmenu li.left2 a:hover {
 +
    width:10vw;
 +
height:auto;
 +
    background:url(https://static.igem.org/mediawiki/2017/3/3f/LeftMenuMarketingB.png) left top no-repeat;
 +
    background-size:contain;
 +
}
 +
 +
 +
 +
  
 
/* right menu start */
 
/* right menu start */
Line 173: Line 281:
  
 
.rightmenu li.right1 a:hover {
 
.rightmenu li.right1 a:hover {
−
background:url(https://static.igem.org/mediawiki/2017/8/89/Cgusquare_2.png) -199.5px 0px no-repeat;
+
background:url(https://static.igem.org/mediawiki/2017/7/7c/Cgurightmenu.png) -199.5px 0px no-repeat;
 
}
 
}
  

Revision as of 13:50, 18 October 2017