AnakinYeung (Talk | contribs) |
|||
(47 intermediate revisions by 2 users not shown) | |||
Line 34: | Line 34: | ||
text-align: left; | text-align: left; | ||
position: absolute; | position: absolute; | ||
− | left: | + | left: 5vw; |
width: 307px; | width: 307px; | ||
height: 100px; | height: 100px; | ||
Line 68: | Line 68: | ||
background-color: #f1f1f1; | background-color: #f1f1f1; | ||
} | } | ||
+ | |||
.dropdown:hover .dropdown-content { | .dropdown:hover .dropdown-content { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | /*right dropdown*/ | ||
+ | nav li.dropdown2 { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | .dropdown2-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | right: 1vw; | ||
+ | margin-top: 0; | ||
+ | background-color: #f9f9f9; | ||
+ | min-width: 160px; | ||
+ | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | .dropdown2-content a { | ||
+ | color: black; | ||
+ | padding: 12px 16px; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | .dropdown2-content a:hover { | ||
+ | background-color: #f1f1f1; | ||
+ | } | ||
+ | |||
+ | .dropdown2:hover .dropdown2-content { | ||
display: block; | display: block; | ||
} | } | ||
Line 92: | Line 125: | ||
.square{ | .square{ | ||
position:fixed; | position:fixed; | ||
− | top: | + | top:18.75%; |
− | left: | + | left:81.5%; |
display:inline-block; | display:inline-block; | ||
float:right; | float:right; | ||
− | height: | + | height:37.5vw; |
− | width: | + | width:37.5vw; |
background:url(https://static.igem.org/mediawiki/2017/8/89/Cgusquare_2.png) top left no-repeat; | background:url(https://static.igem.org/mediawiki/2017/8/89/Cgusquare_2.png) top left no-repeat; | ||
background-size:contain; | background-size:contain; | ||
Line 107: | Line 140: | ||
.leftMenuBack{ | .leftMenuBack{ | ||
position:fixed; | position:fixed; | ||
− | top: | + | top:24.125%; |
display:inline-block; | display:inline-block; | ||
float:left; | float:left; | ||
− | width: | + | width:15vw; |
− | + | height:66.75vw; background:url(https://static.igem.org/mediawiki/2017/7/70/LeftMenuBack.png) top left no-repeat; | |
− | + | ||
background-size:contain; | background-size:contain; | ||
z-index:-2; | z-index:-2; | ||
Line 119: | Line 151: | ||
.leftMenu{ | .leftMenu{ | ||
position:fixed; | position:fixed; | ||
− | top: | + | top:24.125%; |
display:inline-block; | display:inline-block; | ||
float:left; | float:left; | ||
− | width: | + | width:15vw; |
− | height: | + | height:66.75vw; |
/*null back ground*/ | /*null back ground*/ | ||
background:url(https://static.igem.org/mediawiki/2017/0/0d/Null.png) top left no-repeat; | background:url(https://static.igem.org/mediawiki/2017/0/0d/Null.png) top left no-repeat; | ||
Line 149: | Line 181: | ||
background:url(https://static.igem.org/mediawiki/2017/7/7c/Cgurightmenu.png) top left no-repeat; | background:url(https://static.igem.org/mediawiki/2017/7/7c/Cgurightmenu.png) top left no-repeat; | ||
float:left; | float:left; | ||
− | width: | + | width:15vw; |
− | height: | + | height:66.75vw; |
text-align:center; | text-align:center; | ||
text-indent:-300px; | text-indent:-300px; | ||
Line 157: | Line 189: | ||
.leftMenu li.left1 a { | .leftMenu li.left1 a { | ||
− | width: | + | width:15vw; |
− | height: | + | height:8.925vw; |
background:url(https://static.igem.org/mediawiki/2017/c/c7/LeftMenuBio.png) top left no-repeat; | background:url(https://static.igem.org/mediawiki/2017/c/c7/LeftMenuBio.png) top left no-repeat; | ||
background-size:contain; | background-size:contain; | ||
Line 164: | Line 196: | ||
.leftMenu li.left2 a { | .leftMenu li.left2 a { | ||
− | width: | + | width:15vw; |
− | height: | + | height:7.154vw; |
background:url(https://static.igem.org/mediawiki/2017/e/e3/LeftMenuModel.png) top left no-repeat; | background:url(https://static.igem.org/mediawiki/2017/e/e3/LeftMenuModel.png) top left no-repeat; | ||
background-size:contain; | background-size:contain; | ||
} | } | ||
.leftMenu li.left3 a { | .leftMenu li.left3 a { | ||
− | width: | + | width:15vw; |
− | height: | + | height:7.825vw; |
background:url(https://static.igem.org/mediawiki/2017/2/2f/LeftMenuDevice.png) top left no-repeat; | background:url(https://static.igem.org/mediawiki/2017/2/2f/LeftMenuDevice.png) top left no-repeat; | ||
background-size:contain; | background-size:contain; | ||
Line 177: | Line 209: | ||
.leftMenu li.left4 a { | .leftMenu li.left4 a { | ||
− | width: | + | width:15vw; |
− | height: | + | height:9.37vw; |
background:url(https://static.igem.org/mediawiki/2017/6/68/LeftMenuMarketing.png) top left no-repeat; | background:url(https://static.igem.org/mediawiki/2017/6/68/LeftMenuMarketing.png) top left no-repeat; | ||
background-size:contain; | background-size:contain; | ||
Line 184: | Line 216: | ||
.leftMenu li.left1 a:hover { | .leftMenu li.left1 a:hover { | ||
− | width: | + | width:15vw; |
− | height: | + | height:8.925vw; |
background:url(https://static.igem.org/mediawiki/2017/a/ae/LeftMenuBioB.png) left top no-repeat; | background:url(https://static.igem.org/mediawiki/2017/a/ae/LeftMenuBioB.png) left top no-repeat; | ||
background-size:contain; | background-size:contain; | ||
} | } | ||
.leftMenu li.left2 a:hover { | .leftMenu li.left2 a:hover { | ||
− | width: | + | width:15vw; |
− | height: | + | height:7.154vw; |
background:url(https://static.igem.org/mediawiki/2017/2/2f/LeftMenuModelB.png) left top no-repeat; | background:url(https://static.igem.org/mediawiki/2017/2/2f/LeftMenuModelB.png) left top no-repeat; | ||
background-size:contain; | background-size:contain; | ||
} | } | ||
− | .leftMenu li. | + | .leftMenu li.left3 a:hover { |
− | width: | + | width:15vw; |
− | height: | + | height:7.825vw; |
background:url(https://static.igem.org/mediawiki/2017/4/48/LeftMenuDeviceB.png) left top no-repeat; | background:url(https://static.igem.org/mediawiki/2017/4/48/LeftMenuDeviceB.png) left top no-repeat; | ||
background-size:contain; | background-size:contain; | ||
} | } | ||
− | .leftMenu li. | + | .leftMenu li.left4 a:hover { |
− | width: | + | width:15vw; |
− | height: | + | height:9.37vw; |
background:url(https://static.igem.org/mediawiki/2017/3/3f/LeftMenuMarketingB.png) left top no-repeat; | background:url(https://static.igem.org/mediawiki/2017/3/3f/LeftMenuMarketingB.png) left top no-repeat; | ||
background-size:contain; | background-size:contain; | ||
} | } | ||
+ | /* left menu end */ | ||
+ | /* background animation end */ | ||
− | + | .description{ | |
− | + | margin:auto; | |
− | + | padding-top: 50px; | |
− | . | + | padding-left: 15vw; |
− | + | padding-right: 15vw; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | h1{ | |
− | + | color:orange; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
text-align:center; | text-align:center; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | h2{ | |
− | + | color:orange; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
text-align:center; | text-align:center; | ||
− | + | font-family: '微軟正黑體'; | |
− | + | ||
} | } | ||
− | + | h3{ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
color:orange; | color:orange; | ||
text-align:center; | text-align:center; | ||
+ | font-family: '微軟正黑體'; | ||
} | } | ||
+ | |||
.description p{ | .description p{ | ||
margin:auto; | margin:auto; | ||
padding-top: 20px; | padding-top: 20px; | ||
− | padding-left: | + | padding-left: 3vw; |
− | padding-right: | + | padding-right: 3vw; |
− | font-size: | + | font-size: 250%; |
} | } | ||
Line 339: | Line 295: | ||
footer ul li{ | footer ul li{ | ||
− | display:inline-block; | + | display:inline-block; |
− | text-decoration: none; | + | text-decoration: none; |
− | font-size: 15px; | + | font-size: 15px; |
− | font-family: '微軟正黑體'; | + | font-family: '微軟正黑體'; |
} | } | ||
Latest revision as of 12:36, 10 December 2017