Difference between revisions of "Team:Mingdao"
Line 22: | Line 22: | ||
<title>Home</title> | <title>Home</title> | ||
<!-- CSS --> | <!-- CSS --> | ||
− | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:Mingdao/CSS-site_global | + | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:Mingdao/CSS-site_global?action=raw&ctype=text/css"/> |
− | + | <style> | |
− | + | #u4110 | |
+ | { | ||
+ | border-color: #000000; | ||
+ | background: transparent url("../images/marmod2.png") no-repeat center top; | ||
+ | background-size: cover; | ||
+ | } | ||
+ | |||
+ | #u99 | ||
+ | { | ||
+ | border-color: #000000; | ||
+ | background-color: #E7E0D9; | ||
+ | background-color: rgba(117, 76, 36, 0.17); | ||
+ | -pie-background: rgba(117, 76, 36, 0.17); | ||
+ | } | ||
+ | |||
+ | #u5104 | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #u5104:hover | ||
+ | { | ||
+ | background-color: #DDDDDD; | ||
+ | background-color: rgba(153, 153, 153, 0.33); | ||
+ | -pie-background: rgba(153, 153, 153, 0.33); | ||
+ | } | ||
+ | |||
+ | #u5104:active | ||
+ | { | ||
+ | background-color: #AE7566; | ||
+ | background-color: rgba(121, 26, 0, 0.6); | ||
+ | -pie-background: rgba(121, 26, 0, 0.6); | ||
+ | } | ||
+ | |||
+ | #u5104.MuseMenuActive | ||
+ | { | ||
+ | background-color: #AE7566; | ||
+ | background-color: rgba(121, 26, 0, 0.6); | ||
+ | -pie-background: rgba(121, 26, 0, 0.6); | ||
+ | } | ||
+ | |||
+ | #u1135 | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #u1135:hover | ||
+ | { | ||
+ | background-color: #DDDDDD; | ||
+ | background-color: rgba(153, 153, 153, 0.33); | ||
+ | -pie-background: rgba(153, 153, 153, 0.33); | ||
+ | } | ||
+ | |||
+ | #u1135:active | ||
+ | { | ||
+ | background-color: #AE7566; | ||
+ | background-color: rgba(121, 26, 0, 0.6); | ||
+ | -pie-background: rgba(121, 26, 0, 0.6); | ||
+ | } | ||
+ | |||
+ | #u1135.MuseMenuActive | ||
+ | { | ||
+ | background-color: #AE7566; | ||
+ | background-color: rgba(121, 26, 0, 0.6); | ||
+ | -pie-background: rgba(121, 26, 0, 0.6); | ||
+ | } | ||
+ | |||
+ | #u1184 | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #u1184:hover | ||
+ | { | ||
+ | background-color: #DDDDDD; | ||
+ | background-color: rgba(153, 153, 153, 0.33); | ||
+ | -pie-background: rgba(153, 153, 153, 0.33); | ||
+ | } | ||
+ | |||
+ | #u1184:active | ||
+ | { | ||
+ | background-color: #AE7566; | ||
+ | background-color: rgba(121, 26, 0, 0.6); | ||
+ | -pie-background: rgba(121, 26, 0, 0.6); | ||
+ | } | ||
+ | |||
+ | #u1184.MuseMenuActive | ||
+ | { | ||
+ | background-color: #AE7566; | ||
+ | background-color: rgba(121, 26, 0, 0.6); | ||
+ | -pie-background: rgba(121, 26, 0, 0.6); | ||
+ | } | ||
+ | |||
+ | #u1179 | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #u1179:hover | ||
+ | { | ||
+ | background-color: #DDDDDD; | ||
+ | background-color: rgba(153, 153, 153, 0.33); | ||
+ | -pie-background: rgba(153, 153, 153, 0.33); | ||
+ | } | ||
+ | |||
+ | #u1179:active | ||
+ | { | ||
+ | background-color: #AE7566; | ||
+ | background-color: rgba(121, 26, 0, 0.6); | ||
+ | -pie-background: rgba(121, 26, 0, 0.6); | ||
+ | } | ||
+ | |||
+ | #u1179.MuseMenuActive | ||
+ | { | ||
+ | background-color: #AE7566; | ||
+ | background-color: rgba(121, 26, 0, 0.6); | ||
+ | -pie-background: rgba(121, 26, 0, 0.6); | ||
+ | } | ||
+ | |||
+ | #u1240 | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #u1240:hover | ||
+ | { | ||
+ | background-color: #DDDDDD; | ||
+ | background-color: rgba(153, 153, 153, 0.33); | ||
+ | -pie-background: rgba(153, 153, 153, 0.33); | ||
+ | } | ||
+ | |||
+ | #u1240:active | ||
+ | { | ||
+ | background-color: #AE7566; | ||
+ | background-color: rgba(121, 26, 0, 0.6); | ||
+ | -pie-background: rgba(121, 26, 0, 0.6); | ||
+ | } | ||
+ | |||
+ | #u1240.MuseMenuActive | ||
+ | { | ||
+ | background-color: #AE7566; | ||
+ | background-color: rgba(121, 26, 0, 0.6); | ||
+ | -pie-background: rgba(121, 26, 0, 0.6); | ||
+ | } | ||
+ | |||
+ | #u1142 | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #u1142:hover | ||
+ | { | ||
+ | background-color: #DDDDDD; | ||
+ | background-color: rgba(153, 153, 153, 0.33); | ||
+ | -pie-background: rgba(153, 153, 153, 0.33); | ||
+ | } | ||
+ | |||
+ | #u1142:active | ||
+ | { | ||
+ | background-color: #AE7566; | ||
+ | background-color: rgba(121, 26, 0, 0.6); | ||
+ | -pie-background: rgba(121, 26, 0, 0.6); | ||
+ | } | ||
+ | |||
+ | #u1142.MuseMenuActive | ||
+ | { | ||
+ | background-color: #AE7566; | ||
+ | background-color: rgba(121, 26, 0, 0.6); | ||
+ | -pie-background: rgba(121, 26, 0, 0.6); | ||
+ | } | ||
+ | |||
+ | #u5107-4_clip,#u1137-4_clip,#u1185-4_clip,#u1181-6_clip,#u1242-6_clip,#u1145-6_clip | ||
+ | { | ||
+ | overflow: hidden; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | #u5107-4_img,#u1137-4_img,#u1185-4_img,#u1181-6_img,#u1242-6_img,#u1145-6_img | ||
+ | { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .MenuItem /* unifiedNavBar */ | ||
+ | { | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | #u100 | ||
+ | { | ||
+ | border-color: #000000; | ||
+ | background-color: #E9D9C7; | ||
+ | background-color: rgba(198, 156, 109, 0.38); | ||
+ | position: relative; | ||
+ | -pie-background: rgba(198, 156, 109, 0.38); | ||
+ | } | ||
+ | |||
+ | #u4110_align_to_page,#u99_align_to_page,#menuu1133,#u5103,#u5107-4,#u1134,#u1137-4,#u1183,#u1185-4,#u1148,#u1181-6,#u1239,#u1242-6,#u1141,#u1145-6,#u8651 | ||
+ | { | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #u1246,#u1247,#u1248,#u1249,#u5113 | ||
+ | { | ||
+ | border-style: solid; | ||
+ | border-color: #7F3400; | ||
+ | background-color: transparent; | ||
+ | position: relative; | ||
+ | border-width: 0px 0px 0px 2px; | ||
+ | } | ||
+ | <style> | ||
+ | .version.index /* version checker */ | ||
+ | { | ||
+ | color: #000007; | ||
+ | background-color: #E81A7A; | ||
+ | } | ||
+ | |||
+ | .html | ||
+ | { | ||
+ | background: #7F7F7F url("../images/bg.gif") repeat left top scroll; | ||
+ | } | ||
+ | |||
+ | #page | ||
+ | { | ||
+ | z-index: 1; | ||
+ | width: 1280px; | ||
+ | min-height: 6491px; | ||
+ | border-style: none; | ||
+ | border-color: #000000; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | background: #FFFFFF url("../images/bg.gif") repeat-y center top; | ||
+ | } | ||
+ | |||
+ | #u4110 | ||
+ | { | ||
+ | z-index: 2; | ||
+ | padding-bottom: 0px; | ||
+ | } | ||
+ | |||
+ | #u4110_align_to_page | ||
+ | { | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | width: 1280px; | ||
+ | left: -100px; | ||
+ | padding-bottom: 351px; | ||
+ | } | ||
+ | |||
+ | #top | ||
+ | { | ||
+ | left: 460px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #u4193-4 | ||
+ | { | ||
+ | z-index: 76; | ||
+ | display: block; | ||
+ | vertical-align: top; | ||
+ | left: 179px; | ||
+ | margin-top: 674px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #u112-5 | ||
+ | { | ||
+ | z-index: 55; | ||
+ | display: block; | ||
+ | vertical-align: top; | ||
+ | left: 142px; | ||
+ | margin-top: 401px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #u4110-bw | ||
+ | { | ||
+ | z-index: 2; | ||
+ | height: 1645px; | ||
+ | } | ||
+ | |||
+ | #u99 | ||
+ | { | ||
+ | z-index: 3; | ||
+ | padding-bottom: 14px; | ||
+ | } | ||
+ | |||
+ | #u99_align_to_page | ||
+ | { | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | width: 1280px; | ||
+ | left: -100px; | ||
+ | } | ||
+ | |||
+ | #menuu1133 | ||
+ | { | ||
+ | z-index: 5; | ||
+ | width: 829px; | ||
+ | margin-right: -10000px; | ||
+ | margin-top: 14px; | ||
+ | left: 531px; | ||
+ | } | ||
+ | |||
+ | #u5103 | ||
+ | { | ||
+ | width: 136px; | ||
+ | min-height: 72px; | ||
+ | margin-right: -10000px; | ||
+ | } | ||
+ | |||
+ | #u5104 | ||
+ | { | ||
+ | width: 136px; | ||
+ | padding-bottom: 40px; | ||
+ | } | ||
+ | |||
+ | #u5104:hover | ||
+ | { | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | #u5104:active | ||
+ | { | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | #u1134 | ||
+ | { | ||
+ | width: 136px; | ||
+ | min-height: 72px; | ||
+ | margin-right: -10000px; | ||
+ | left: 138px; | ||
+ | } | ||
+ | |||
+ | #u1135 | ||
+ | { | ||
+ | width: 136px; | ||
+ | padding-bottom: 40px; | ||
+ | } | ||
+ | |||
+ | #u5104.MuseMenuActive,#u1135:hover | ||
+ | { | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | #u1135:active | ||
+ | { | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | #u1183 | ||
+ | { | ||
+ | width: 136px; | ||
+ | min-height: 72px; | ||
+ | margin-right: -10000px; | ||
+ | left: 276px; | ||
+ | } | ||
+ | |||
+ | #u1184 | ||
+ | { | ||
+ | width: 136px; | ||
+ | padding-bottom: 40px; | ||
+ | } | ||
+ | |||
+ | #u1135.MuseMenuActive,#u1184:hover | ||
+ | { | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | #u1184:active | ||
+ | { | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | #u5107-4_clip,#u1137-4_clip,#u1185-4_clip | ||
+ | { | ||
+ | width: 136px; | ||
+ | height: 32px; | ||
+ | } | ||
+ | |||
+ | #u5107-4,#u1137-4,#u1185-4 | ||
+ | { | ||
+ | margin-right: -10000px; | ||
+ | top: 20px; | ||
+ | } | ||
+ | |||
+ | #u1148 | ||
+ | { | ||
+ | width: 137px; | ||
+ | min-height: 72px; | ||
+ | margin-right: -10000px; | ||
+ | left: 414px; | ||
+ | } | ||
+ | |||
+ | #u1179 | ||
+ | { | ||
+ | width: 137px; | ||
+ | padding-bottom: 8px; | ||
+ | } | ||
+ | |||
+ | #u1184.MuseMenuActive,#u1179:hover | ||
+ | { | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | #u1179:active | ||
+ | { | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | #u1239 | ||
+ | { | ||
+ | width: 137px; | ||
+ | min-height: 72px; | ||
+ | margin-right: -10000px; | ||
+ | left: 553px; | ||
+ | } | ||
+ | |||
+ | #u1240 | ||
+ | { | ||
+ | width: 137px; | ||
+ | padding-bottom: 8px; | ||
+ | } | ||
+ | |||
+ | #u1179.MuseMenuActive,#u1240:hover | ||
+ | { | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | #u1240:active | ||
+ | { | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | #u1141 | ||
+ | { | ||
+ | width: 137px; | ||
+ | min-height: 72px; | ||
+ | margin-right: -10000px; | ||
+ | left: 692px; | ||
+ | } | ||
+ | |||
+ | #u1142 | ||
+ | { | ||
+ | width: 137px; | ||
+ | padding-bottom: 8px; | ||
+ | } | ||
+ | |||
+ | #u1240.MuseMenuActive,#u1142:hover | ||
+ | { | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | #u1142:active | ||
+ | { | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | #u1142.MuseMenuActive | ||
+ | { | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | #u1181-6_clip,#u1242-6_clip,#u1145-6_clip | ||
+ | { | ||
+ | width: 137px; | ||
+ | height: 64px; | ||
+ | } | ||
+ | |||
+ | #u1181-6,#u1242-6,#u1145-6 | ||
+ | { | ||
+ | margin-right: -10000px; | ||
+ | top: 4px; | ||
+ | } | ||
+ | |||
+ | #u99-bw | ||
+ | { | ||
+ | z-index: 3; | ||
+ | margin-top: 208px; | ||
+ | height: 86px; | ||
+ | } | ||
+ | |||
+ | #u100 | ||
+ | { | ||
+ | z-index: 4; | ||
+ | width: 333px; | ||
+ | padding-bottom: 8px; | ||
+ | margin-right: -10000px; | ||
+ | margin-top: 142px; | ||
+ | left: 186px; | ||
+ | } | ||
+ | |||
+ | #u8651 | ||
+ | { | ||
+ | z-index: 53; | ||
+ | width: 317px; | ||
+ | margin-right: -10000px; | ||
+ | margin-top: -19px; | ||
+ | left: 12px; | ||
+ | } | ||
+ | |||
+ | #u1246 | ||
+ | { | ||
+ | z-index: 48; | ||
+ | width: 23px; | ||
+ | height: 58px; | ||
+ | margin-right: -10000px; | ||
+ | margin-top: 232px; | ||
+ | left: 668px; | ||
+ | } | ||
+ | |||
+ | #u1247 | ||
+ | { | ||
+ | z-index: 49; | ||
+ | width: 23px; | ||
+ | height: 58px; | ||
+ | margin-right: -10000px; | ||
+ | margin-top: 232px; | ||
+ | left: 805px; | ||
+ | } | ||
+ | |||
+ | #u1248 | ||
+ | { | ||
+ | z-index: 50; | ||
+ | width: 23px; | ||
+ | height: 58px; | ||
+ | margin-right: -10000px; | ||
+ | margin-top: 232px; | ||
+ | left: 1082px; | ||
+ | } | ||
+ | |||
+ | #u1249 | ||
+ | { | ||
+ | z-index: 51; | ||
+ | width: 23px; | ||
+ | height: 58px; | ||
+ | margin-right: -10000px; | ||
+ | margin-top: 232px; | ||
+ | left: 1221px; | ||
+ | } | ||
+ | |||
+ | #u5113 | ||
+ | { | ||
+ | z-index: 52; | ||
+ | width: 24px; | ||
+ | height: 58px; | ||
+ | margin-right: -10000px; | ||
+ | margin-top: 232px; | ||
+ | left: 943px; | ||
+ | } | ||
+ | |||
+ | #u368 | ||
+ | { | ||
+ | z-index: 61; | ||
+ | border-color: #000000; | ||
+ | background: #FFFFFF url("../images/c_board.jpg") no-repeat center center; | ||
+ | background-size: cover; | ||
+ | } | ||
+ | |||
+ | #u368_align_to_page | ||
+ | { | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | width: 1280px; | ||
+ | position: relative; | ||
+ | left: -100px; | ||
+ | padding-top: 67px; | ||
+ | padding-bottom: 46px; | ||
+ | } | ||
+ | |||
+ | #u994-4 | ||
+ | { | ||
+ | z-index: 63; | ||
+ | display: block; | ||
+ | vertical-align: top; | ||
+ | left: 339px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #u4465 | ||
+ | { | ||
+ | z-index: 80; | ||
+ | width: 1241px; | ||
+ | border-color: #000000; | ||
+ | background-color: #FFFFFF; | ||
+ | background-color: rgba(255, 255, 255, 0.57); | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | -khtml-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | left: 120px; | ||
+ | margin-top: 65px; | ||
+ | position: relative; | ||
+ | -pie-background: rgba(255, 255, 255, 0.57); | ||
+ | } | ||
+ | |||
+ | #u4464-5 | ||
+ | { | ||
+ | z-index: 81; | ||
+ | display: block; | ||
+ | vertical-align: top; | ||
+ | margin-bottom: -10px; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | margin-top: 5px; | ||
+ | left: 88px; | ||
+ | } | ||
+ | |||
+ | #u368-bw | ||
+ | { | ||
+ | z-index: 61; | ||
+ | margin-top: 1512px; | ||
+ | height: 730px; | ||
+ | } | ||
+ | |||
+ | #u360 | ||
+ | { | ||
+ | z-index: 62; | ||
+ | height: 203px; | ||
+ | } | ||
+ | |||
+ | .ie #u360 | ||
+ | { | ||
+ | background-color: #FFFFFF; | ||
+ | opacity: 0.01; | ||
+ | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; | ||
+ | filter: alpha(opacity=1); | ||
+ | } | ||
+ | |||
+ | #u360-bw | ||
+ | { | ||
+ | z-index: 62; | ||
+ | margin-top: 1309px; | ||
+ | height: 203px; | ||
+ | } | ||
+ | |||
+ | #u4192-4 | ||
+ | { | ||
+ | z-index: 72; | ||
+ | display: block; | ||
+ | vertical-align: top; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | margin-top: 1088px; | ||
+ | left: 147px; | ||
+ | } | ||
+ | |||
+ | #u8625 | ||
+ | { | ||
+ | z-index: 214; | ||
+ | width: 80px; | ||
+ | position: fixed; | ||
+ | top: 796px; | ||
+ | left: 1280px; | ||
+ | } | ||
+ | |||
+ | #u8627 | ||
+ | { | ||
+ | z-index: 215; | ||
+ | width: 80px; | ||
+ | border-color: #000000; | ||
+ | background-color: #E0A000; | ||
+ | -moz-border-radius: 50px; | ||
+ | -webkit-border-radius: 50px; | ||
+ | -khtml-border-radius: 50px; | ||
+ | border-radius: 50px; | ||
+ | padding-bottom: 19px; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | } | ||
+ | |||
+ | #u8626-4 | ||
+ | { | ||
+ | z-index: 216; | ||
+ | width: 91px; | ||
+ | min-height: 39px; | ||
+ | line-height: 36px; | ||
+ | color: #FFFFFF; | ||
+ | font-size: 30px; | ||
+ | text-align: center; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | margin-top: 22px; | ||
+ | left: -6px; | ||
+ | } | ||
+ | |||
+ | #u4466 | ||
+ | { | ||
+ | z-index: 86; | ||
+ | background: -webkit-gradient(linear, center top, center bottom, from(#D42300),color-stop(100%, #000000)); | ||
+ | background: -webkit-linear-gradient(top,#D42300 ,#000000 100%); | ||
+ | background: -o-linear-gradient(top,#D42300 ,#000000 100%); | ||
+ | background: linear-gradient(to bottom,#D42300 ,#000000 100%); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFD42300, endColorstr=#FF000000, GradientType=0); | ||
+ | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD42300', endColorstr='#FF000000', GradientType=0)"; | ||
+ | border-color: #000000; | ||
+ | padding-bottom: 0px; | ||
+ | } | ||
+ | |||
+ | #u4466_align_to_page | ||
+ | { | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | width: 1280px; | ||
+ | position: relative; | ||
+ | left: -100px; | ||
+ | padding-top: 43px; | ||
+ | padding-bottom: 53px; | ||
+ | } | ||
+ | |||
+ | #u8628 | ||
+ | { | ||
+ | z-index: 220; | ||
+ | width: 1028px; | ||
+ | min-height: 540px; | ||
+ | border-style: none; | ||
+ | border-color: transparent; | ||
+ | background-color: transparent; | ||
+ | left: 216px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #u4467-5 | ||
+ | { | ||
+ | z-index: 87; | ||
+ | display: block; | ||
+ | vertical-align: top; | ||
+ | left: 216px; | ||
+ | margin-top: 24px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #u4466-bw | ||
+ | { | ||
+ | z-index: 86; | ||
+ | height: 845px; | ||
+ | } | ||
+ | |||
+ | #pu4110,#pu168 | ||
+ | { | ||
+ | width: 0.01px; | ||
+ | margin-left: -100px; | ||
+ | } | ||
+ | |||
+ | #u168 | ||
+ | { | ||
+ | z-index: 60; | ||
+ | border-color: #000000; | ||
+ | background: #FFFFFF url("../images/dscn7268.jpg") no-repeat center top; | ||
+ | background-size: cover; | ||
+ | } | ||
+ | |||
+ | #u168_align_to_page | ||
+ | { | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | width: 1280px; | ||
+ | position: relative; | ||
+ | left: -100px; | ||
+ | padding-top: 78px; | ||
+ | padding-bottom: 851px; | ||
+ | } | ||
+ | |||
+ | #u1132-4 | ||
+ | { | ||
+ | z-index: 67; | ||
+ | display: block; | ||
+ | vertical-align: top; | ||
+ | left: 488px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #pu4470 | ||
+ | { | ||
+ | width: 0.01px; | ||
+ | left: 198px; | ||
+ | margin-top: 78px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #u4470 | ||
+ | { | ||
+ | z-index: 92; | ||
+ | width: 581px; | ||
+ | background-color: #FFFFFF; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | margin-top: 18px; | ||
+ | } | ||
+ | |||
+ | #u4478-13 | ||
+ | { | ||
+ | z-index: 94; | ||
+ | display: block; | ||
+ | vertical-align: top; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | left: 607px; | ||
+ | } | ||
+ | |||
+ | #u168-bw | ||
+ | { | ||
+ | z-index: 60; | ||
+ | height: 1528px; | ||
+ | } | ||
+ | |||
+ | #u1283 | ||
+ | { | ||
+ | z-index: 71; | ||
+ | height: 929px; | ||
+ | border-color: #000000; | ||
+ | background-color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | #u1283-bw | ||
+ | { | ||
+ | z-index: 71; | ||
+ | margin-top: 744px; | ||
+ | height: 929px; | ||
+ | } | ||
+ | |||
+ | #u4479 | ||
+ | { | ||
+ | z-index: 107; | ||
+ | border-color: #000000; | ||
+ | background: #FFFFFF url("../images/fire-851630.jpg") no-repeat center top; | ||
+ | background-size: cover; | ||
+ | } | ||
+ | |||
+ | #u4479_align_to_page | ||
+ | { | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | width: 1280px; | ||
+ | position: relative; | ||
+ | left: -100px; | ||
+ | padding-top: 93px; | ||
+ | padding-bottom: 36px; | ||
+ | } | ||
+ | |||
+ | #u4499-5 | ||
+ | { | ||
+ | z-index: 119; | ||
+ | display: block; | ||
+ | vertical-align: top; | ||
+ | left: 198px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #u4497 | ||
+ | { | ||
+ | z-index: 108; | ||
+ | width: 1076px; | ||
+ | left: 202px; | ||
+ | margin-top: 12px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #u4495-5 | ||
+ | { | ||
+ | z-index: 109; | ||
+ | display: block; | ||
+ | vertical-align: top; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | } | ||
+ | |||
+ | #u4496-5 | ||
+ | { | ||
+ | z-index: 114; | ||
+ | width: 278px; | ||
+ | line-height: 36px; | ||
+ | color: #FFFFFF; | ||
+ | font-size: 30px; | ||
+ | font-family: Letter Gothic Std; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | margin-top: 48px; | ||
+ | left: 525px; | ||
+ | } | ||
+ | |||
+ | #u4496-3 | ||
+ | { | ||
+ | line-height: 0px;/* 0 for mixed font sized paras; applied on spans instead */ | ||
+ | } | ||
+ | |||
+ | #u4496 | ||
+ | { | ||
+ | font-size: 20px; | ||
+ | font-family: Arial, Helvetica Neue, Helvetica, sans-serif; | ||
+ | line-height: 24px; | ||
+ | } | ||
+ | |||
+ | #u4508-4 | ||
+ | { | ||
+ | z-index: 128; | ||
+ | display: block; | ||
+ | vertical-align: top; | ||
+ | left: 632px; | ||
+ | margin-top: 59px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #pu4500 | ||
+ | { | ||
+ | width: 0.01px; | ||
+ | left: 222px; | ||
+ | margin-top: 39px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #u4500 | ||
+ | { | ||
+ | z-index: 124; | ||
+ | width: 513px; | ||
+ | min-height: 320px; | ||
+ | border-style: none; | ||
+ | border-color: transparent; | ||
+ | background-color: transparent; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | } | ||
+ | |||
+ | #u4502 | ||
+ | { | ||
+ | z-index: 125; | ||
+ | width: 513px; | ||
+ | min-height: 320px; | ||
+ | border-style: none; | ||
+ | border-color: transparent; | ||
+ | background-color: transparent; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | left: 524px; | ||
+ | } | ||
+ | |||
+ | #pu4510-4 | ||
+ | { | ||
+ | width: 0.01px; | ||
+ | left: 312px; | ||
+ | margin-top: 11px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #u4510-4 | ||
+ | { | ||
+ | z-index: 136; | ||
+ | display: block; | ||
+ | vertical-align: top; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | } | ||
+ | |||
+ | #u4511-4 | ||
+ | { | ||
+ | z-index: 140; | ||
+ | display: block; | ||
+ | vertical-align: top; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | left: 541px; | ||
+ | } | ||
+ | |||
+ | #u4509-4 | ||
+ | { | ||
+ | z-index: 132; | ||
+ | display: block; | ||
+ | vertical-align: top; | ||
+ | left: 524px; | ||
+ | margin-top: 46px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #pu4504 | ||
+ | { | ||
+ | width: 0.01px; | ||
+ | left: 222px; | ||
+ | margin-top: 28px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #u4504 | ||
+ | { | ||
+ | z-index: 126; | ||
+ | width: 513px; | ||
+ | min-height: 320px; | ||
+ | border-style: none; | ||
+ | border-color: transparent; | ||
+ | background-color: transparent; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | } | ||
+ | |||
+ | #u4506 | ||
+ | { | ||
+ | z-index: 127; | ||
+ | width: 513px; | ||
+ | min-height: 320px; | ||
+ | border-style: none; | ||
+ | border-color: transparent; | ||
+ | background-color: transparent; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | left: 524px; | ||
+ | } | ||
+ | |||
+ | #pu4512-4 | ||
+ | { | ||
+ | width: 0.01px; | ||
+ | left: 320px; | ||
+ | margin-top: 8px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #u4512-4 | ||
+ | { | ||
+ | z-index: 144; | ||
+ | display: block; | ||
+ | vertical-align: top; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | } | ||
+ | |||
+ | #u4513-4 | ||
+ | { | ||
+ | z-index: 148; | ||
+ | display: block; | ||
+ | vertical-align: top; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | margin-top: 11px; | ||
+ | left: 510px; | ||
+ | } | ||
+ | |||
+ | #u4479-bw | ||
+ | { | ||
+ | z-index: 107; | ||
+ | margin-top: 744px; | ||
+ | height: 1401px; | ||
+ | } | ||
+ | |||
+ | #u4514 | ||
+ | { | ||
+ | z-index: 152; | ||
+ | border-color: #000000; | ||
+ | background: #FFFFFF url("../images/dscn7246.jpg") no-repeat center bottom; | ||
+ | } | ||
+ | |||
+ | #u4514_align_to_page | ||
+ | { | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | width: 1280px; | ||
+ | position: relative; | ||
+ | left: -100px; | ||
+ | padding-top: 57px; | ||
+ | padding-bottom: 168px; | ||
+ | } | ||
+ | |||
+ | #u4523-5 | ||
+ | { | ||
+ | z-index: 153; | ||
+ | display: block; | ||
+ | vertical-align: top; | ||
+ | left: 517px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #u4524-32 | ||
+ | { | ||
+ | z-index: 158; | ||
+ | width: 941px; | ||
+ | left: 290px; | ||
+ | margin-top: 76px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #u4524-5,#u4524-10,#u4524-15,#u4524-20,#u4524-24,#u4524-29 | ||
+ | { | ||
+ | font-size: 30px; | ||
+ | line-height: 45px; | ||
+ | color: #FFFFFF; | ||
+ | font-family: Arial, Helvetica Neue, Helvetica, sans-serif; | ||
+ | } | ||
+ | |||
+ | #u4514-bw | ||
+ | { | ||
+ | z-index: 152; | ||
+ | height: 677px; | ||
+ | } | ||
+ | |||
+ | #u4525 | ||
+ | { | ||
+ | z-index: 190; | ||
+ | border-color: #000000; | ||
+ | padding-bottom: 0px; | ||
+ | background: #FFFFFF url("../images/img_taicol.jpg") no-repeat center top; | ||
+ | background-size: cover; | ||
+ | } | ||
+ | |||
+ | #u4525_align_to_page | ||
+ | { | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | width: 1280px; | ||
+ | position: relative; | ||
+ | left: -100px; | ||
+ | padding-top: 98px; | ||
+ | padding-bottom: 130px; | ||
+ | } | ||
+ | |||
+ | #u4532-5 | ||
+ | { | ||
+ | z-index: 191; | ||
+ | display: block; | ||
+ | vertical-align: top; | ||
+ | left: 607px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #u4533-18 | ||
+ | { | ||
+ | z-index: 196; | ||
+ | width: 941px; | ||
+ | line-height: 45px; | ||
+ | color: #FFFFFF; | ||
+ | font-size: 30px; | ||
+ | font-family: Arial, Helvetica Neue, Helvetica, sans-serif; | ||
+ | left: 270px; | ||
+ | margin-top: 41px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #u4525-bw | ||
+ | { | ||
+ | z-index: 190; | ||
+ | height: 583px; | ||
+ | } | ||
+ | |||
+ | body | ||
+ | { | ||
+ | position: relative; | ||
+ | min-width: 1280px; | ||
+ | } | ||
+ | |||
+ | #page .verticalspacer | ||
+ | { | ||
+ | clear: both; | ||
+ | } | ||
+ | </style> <!-- Other scripts --> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
document.documentElement.className += ' js'; | document.documentElement.className += ' js'; |
Revision as of 13:53, 16 September 2015
• Biobricks : SR, SRPK1, Ptac-GST-SR, Pt7-SRPK1-His
• Applied design : cotton, wooden house
• Application in industry : paint, textile
• Collaboration : NCTU-Formosa
•Instructor: Phil Chen
•Email: phil@mingdao.edu.tw
•Address: No.497, Sec.1, Zhongshan Rd., Wuri Dist., Taichung City
41401, Taiwan
FB fan page: https://www.facebook.com/mdigem2015