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/ | + | 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