Difference between revisions of "Team:Mingdao/Design"
Line 23: | Line 23: | ||
<title>Design</title> | <title>Design</title> | ||
<!-- CSS --> | <!-- CSS --> | ||
− | <link rel="stylesheet" type="text/css" href=" | + | <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> | ||
+ | <style> | ||
+ | .version.design /* version checker */ | ||
+ | { | ||
+ | color: #0000FA; | ||
+ | background-color: #FFA88A; | ||
+ | } | ||
+ | |||
+ | .html | ||
+ | { | ||
+ | background: #7F7F7F url("../images/bg.gif") repeat left top scroll; | ||
+ | } | ||
+ | |||
+ | #page | ||
+ | { | ||
+ | z-index: 1; | ||
+ | width: 1280px; | ||
+ | min-height: 4080px; | ||
+ | border-style: none; | ||
+ | border-color: #000000; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | background: #FFFFFF url("../images/bg.gif") repeat-y center top; | ||
+ | } | ||
+ | |||
+ | #page_position_content | ||
+ | { | ||
+ | padding-bottom: 24px; | ||
+ | } | ||
+ | |||
+ | #pu4110 | ||
+ | { | ||
+ | width: 0.01px; | ||
+ | margin-left: -100px; | ||
+ | } | ||
+ | |||
+ | #u4110 | ||
+ | { | ||
+ | z-index: 2; | ||
+ | padding-bottom: 0px; | ||
+ | } | ||
+ | |||
+ | #u4110_position_content | ||
+ | { | ||
+ | margin-bottom: -65px; | ||
+ | padding-top: 1089px; | ||
+ | } | ||
+ | |||
+ | #u3831-4 | ||
+ | { | ||
+ | z-index: 55; | ||
+ | display: block; | ||
+ | vertical-align: top; | ||
+ | left: 333px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #u3833-23 | ||
+ | { | ||
+ | z-index: 59; | ||
+ | width: 1001px; | ||
+ | min-height: 36px; | ||
+ | line-height: 32px; | ||
+ | color: #FFFFFF; | ||
+ | font-size: 20px; | ||
+ | text-align: left; | ||
+ | font-family: Arial, Helvetica Neue, Helvetica, sans-serif; | ||
+ | left: 240px; | ||
+ | margin-top: 39px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #u4110-bw | ||
+ | { | ||
+ | z-index: 2; | ||
+ | height: 1645px; | ||
+ | } | ||
+ | |||
+ | #u99 | ||
+ | { | ||
+ | z-index: 3; | ||
+ | padding-bottom: 14px; | ||
+ | } | ||
+ | |||
+ | #u4110_align_to_page,#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; | ||
+ | } | ||
+ | |||
+ | #prototype | ||
+ | { | ||
+ | position: relative; | ||
+ | width: 22px; | ||
+ | margin-right: -10000px; | ||
+ | margin-top: 1097px; | ||
+ | left: 564px; | ||
+ | } | ||
+ | |||
+ | #menuu6995 | ||
+ | { | ||
+ | z-index: 172; | ||
+ | width: 227px; | ||
+ | position: fixed; | ||
+ | top: 133px; | ||
+ | left: -202px; | ||
+ | } | ||
+ | |||
+ | #u7073 | ||
+ | { | ||
+ | width: 227px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #u7074 | ||
+ | { | ||
+ | width: 227px; | ||
+ | min-height: 22px; | ||
+ | background-color: #FFE7B5; | ||
+ | background-color: rgba(255, 213, 121, 0.55); | ||
+ | padding-bottom: 10px; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | -pie-background: rgba(255, 213, 121, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7074:hover | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7074:active | ||
+ | { | ||
+ | background-color: #ADADAD; | ||
+ | background-color: rgba(107, 107, 107, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(107, 107, 107, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7074.MuseMenuActive | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7032 | ||
+ | { | ||
+ | width: 227px; | ||
+ | min-height: 22px; | ||
+ | background-color: #FFE7B5; | ||
+ | background-color: rgba(255, 213, 121, 0.55); | ||
+ | padding-bottom: 10px; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | -pie-background: rgba(255, 213, 121, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7032:hover | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7032:active | ||
+ | { | ||
+ | background-color: #ADADAD; | ||
+ | background-color: rgba(107, 107, 107, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(107, 107, 107, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7032.MuseMenuActive | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7011 | ||
+ | { | ||
+ | width: 227px; | ||
+ | min-height: 22px; | ||
+ | background-color: #FFE7B5; | ||
+ | background-color: rgba(255, 213, 121, 0.55); | ||
+ | padding-bottom: 10px; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | -pie-background: rgba(255, 213, 121, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7011:hover | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7011:active | ||
+ | { | ||
+ | background-color: #ADADAD; | ||
+ | background-color: rgba(107, 107, 107, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(107, 107, 107, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7011.MuseMenuActive | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7102 | ||
+ | { | ||
+ | width: 227px; | ||
+ | min-height: 22px; | ||
+ | background-color: #FFE7B5; | ||
+ | background-color: rgba(255, 213, 121, 0.55); | ||
+ | padding-bottom: 10px; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | -pie-background: rgba(255, 213, 121, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7102:hover | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7102:active | ||
+ | { | ||
+ | background-color: #ADADAD; | ||
+ | background-color: rgba(107, 107, 107, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(107, 107, 107, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7102.MuseMenuActive | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7018 | ||
+ | { | ||
+ | width: 227px; | ||
+ | min-height: 22px; | ||
+ | background-color: #FFE7B5; | ||
+ | background-color: rgba(255, 213, 121, 0.55); | ||
+ | padding-bottom: 10px; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | -pie-background: rgba(255, 213, 121, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7018:hover | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7018:active | ||
+ | { | ||
+ | background-color: #ADADAD; | ||
+ | background-color: rgba(107, 107, 107, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(107, 107, 107, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7018.MuseMenuActive | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7027 | ||
+ | { | ||
+ | width: 227px; | ||
+ | min-height: 17px; | ||
+ | background-color: #FFE7B5; | ||
+ | background-color: rgba(255, 213, 121, 0.55); | ||
+ | padding-bottom: 15px; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | -pie-background: rgba(255, 213, 121, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7027:hover | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7027:active | ||
+ | { | ||
+ | background-color: #ADADAD; | ||
+ | background-color: rgba(107, 107, 107, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(107, 107, 107, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7027.MuseMenuActive | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7060 | ||
+ | { | ||
+ | width: 227px; | ||
+ | min-height: 17px; | ||
+ | background-color: #FFE7B5; | ||
+ | background-color: rgba(255, 213, 121, 0.55); | ||
+ | padding-bottom: 15px; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | -pie-background: rgba(255, 213, 121, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7060:hover | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7060:active | ||
+ | { | ||
+ | background-color: #ADADAD; | ||
+ | background-color: rgba(107, 107, 107, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(107, 107, 107, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7060.MuseMenuActive | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7118 | ||
+ | { | ||
+ | width: 227px; | ||
+ | min-height: 17px; | ||
+ | background-color: #FFE7B5; | ||
+ | background-color: rgba(255, 213, 121, 0.55); | ||
+ | padding-bottom: 15px; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | -pie-background: rgba(255, 213, 121, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7118:hover | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7118:active | ||
+ | { | ||
+ | background-color: #ADADAD; | ||
+ | background-color: rgba(107, 107, 107, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(107, 107, 107, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7118.MuseMenuActive | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7053 | ||
+ | { | ||
+ | width: 227px; | ||
+ | min-height: 17px; | ||
+ | background-color: #FFE7B5; | ||
+ | background-color: rgba(255, 213, 121, 0.55); | ||
+ | padding-bottom: 15px; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | -pie-background: rgba(255, 213, 121, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7053:hover | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7053:active | ||
+ | { | ||
+ | background-color: #ADADAD; | ||
+ | background-color: rgba(107, 107, 107, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(107, 107, 107, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7053.MuseMenuActive | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7039 | ||
+ | { | ||
+ | width: 227px; | ||
+ | min-height: 17px; | ||
+ | background-color: #FFE7B5; | ||
+ | background-color: rgba(255, 213, 121, 0.55); | ||
+ | padding-bottom: 15px; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | -pie-background: rgba(255, 213, 121, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7039:hover | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7039:active | ||
+ | { | ||
+ | background-color: #ADADAD; | ||
+ | background-color: rgba(107, 107, 107, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(107, 107, 107, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7039.MuseMenuActive | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7067 | ||
+ | { | ||
+ | width: 227px; | ||
+ | min-height: 22px; | ||
+ | background-color: #FFE7B5; | ||
+ | background-color: rgba(255, 213, 121, 0.55); | ||
+ | padding-bottom: 10px; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | -pie-background: rgba(255, 213, 121, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7067:hover | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7067:active | ||
+ | { | ||
+ | background-color: #ADADAD; | ||
+ | background-color: rgba(107, 107, 107, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(107, 107, 107, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7067.MuseMenuActive | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7088 | ||
+ | { | ||
+ | width: 227px; | ||
+ | min-height: 22px; | ||
+ | background-color: #FFE7B5; | ||
+ | background-color: rgba(255, 213, 121, 0.55); | ||
+ | padding-bottom: 10px; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | -pie-background: rgba(255, 213, 121, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7088:hover | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7088:active | ||
+ | { | ||
+ | background-color: #ADADAD; | ||
+ | background-color: rgba(107, 107, 107, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(107, 107, 107, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7088.MuseMenuActive | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7006 | ||
+ | { | ||
+ | width: 227px; | ||
+ | min-height: 17px; | ||
+ | background-color: #FFE7B5; | ||
+ | background-color: rgba(255, 213, 121, 0.55); | ||
+ | padding-bottom: 15px; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | -pie-background: rgba(255, 213, 121, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7006:hover | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7006:active | ||
+ | { | ||
+ | background-color: #ADADAD; | ||
+ | background-color: rgba(107, 107, 107, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(107, 107, 107, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7006.MuseMenuActive | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u6997 | ||
+ | { | ||
+ | width: 227px; | ||
+ | min-height: 17px; | ||
+ | background-color: #FFE7B5; | ||
+ | background-color: rgba(255, 213, 121, 0.55); | ||
+ | padding-bottom: 15px; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | -pie-background: rgba(255, 213, 121, 0.55); | ||
+ | } | ||
+ | |||
+ | #u6997:hover | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u6997:active | ||
+ | { | ||
+ | background-color: #ADADAD; | ||
+ | background-color: rgba(107, 107, 107, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(107, 107, 107, 0.55); | ||
+ | } | ||
+ | |||
+ | #u6997.MuseMenuActive | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7083 | ||
+ | { | ||
+ | width: 227px; | ||
+ | min-height: 22px; | ||
+ | background-color: #FFE7B5; | ||
+ | background-color: rgba(255, 213, 121, 0.55); | ||
+ | padding-bottom: 10px; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | -pie-background: rgba(255, 213, 121, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7083:hover | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7083:active | ||
+ | { | ||
+ | background-color: #ADADAD; | ||
+ | background-color: rgba(107, 107, 107, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(107, 107, 107, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7083.MuseMenuActive | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7130 | ||
+ | { | ||
+ | width: 227px; | ||
+ | min-height: 17px; | ||
+ | background-color: #FFE7B5; | ||
+ | background-color: rgba(255, 213, 121, 0.55); | ||
+ | padding-bottom: 15px; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | -pie-background: rgba(255, 213, 121, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7130:hover | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7130:active | ||
+ | { | ||
+ | background-color: #ADADAD; | ||
+ | background-color: rgba(107, 107, 107, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(107, 107, 107, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7130.MuseMenuActive | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7029-4,#u7061-4,#u7121-4,#u7054-4,#u7041-4,#u7009-4,#u6999-4,#u7133-4 | ||
+ | { | ||
+ | width: 227px; | ||
+ | min-height: 17px; | ||
+ | color: #FFFFFF; | ||
+ | font-size: 14px; | ||
+ | text-align: right; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | top: 7px; | ||
+ | } | ||
+ | |||
+ | #u7095 | ||
+ | { | ||
+ | width: 227px; | ||
+ | min-height: 17px; | ||
+ | background-color: #FFE7B5; | ||
+ | background-color: rgba(255, 213, 121, 0.55); | ||
+ | padding-bottom: 16px; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | -pie-background: rgba(255, 213, 121, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7095:hover | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7095:active | ||
+ | { | ||
+ | background-color: #ADADAD; | ||
+ | background-color: rgba(107, 107, 107, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(107, 107, 107, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7095.MuseMenuActive | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7109 | ||
+ | { | ||
+ | width: 227px; | ||
+ | min-height: 22px; | ||
+ | background-color: #FFE7B5; | ||
+ | background-color: rgba(255, 213, 121, 0.55); | ||
+ | padding-bottom: 11px; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | -pie-background: rgba(255, 213, 121, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7109:hover | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7109:active | ||
+ | { | ||
+ | background-color: #ADADAD; | ||
+ | background-color: rgba(107, 107, 107, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(107, 107, 107, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7076-4,#u7034-4,#u7012-4,#u7105-4,#u7019-4,#u7070-4,#u7091-4,#u7086-4,#u7111-4 | ||
+ | { | ||
+ | width: 227px; | ||
+ | min-height: 22px; | ||
+ | line-height: 22px; | ||
+ | color: #FFFFFF; | ||
+ | font-size: 18px; | ||
+ | text-align: right; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | top: 5px; | ||
+ | } | ||
+ | |||
+ | #u7048 | ||
+ | { | ||
+ | width: 227px; | ||
+ | min-height: 17px; | ||
+ | background-color: #FFE7B5; | ||
+ | background-color: rgba(255, 213, 121, 0.55); | ||
+ | padding-bottom: 16px; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | -pie-background: rgba(255, 213, 121, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7048:hover | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7048:active | ||
+ | { | ||
+ | background-color: #ADADAD; | ||
+ | background-color: rgba(107, 107, 107, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(107, 107, 107, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7048.MuseMenuActive | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7031,#u7010,#u7101,#u7017,#u7024,#u7059,#u7115,#u7052,#u7038,#u7066,#u7087,#u7003,#u6996,#u7080,#u7129,#u7094,#u7108,#u7045,#u7122 | ||
+ | { | ||
+ | width: 227px; | ||
+ | margin-top: 2px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #u7123 | ||
+ | { | ||
+ | width: 227px; | ||
+ | min-height: 17px; | ||
+ | background-color: #FFE7B5; | ||
+ | background-color: rgba(255, 213, 121, 0.55); | ||
+ | padding-bottom: 16px; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | -pie-background: rgba(255, 213, 121, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7123:hover | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7123:active | ||
+ | { | ||
+ | background-color: #ADADAD; | ||
+ | background-color: rgba(107, 107, 107, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(107, 107, 107, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7123.MuseMenuActive | ||
+ | { | ||
+ | background-color: #C6C6C6; | ||
+ | background-color: rgba(153, 153, 153, 0.55); | ||
+ | margin: 0px -10000px 0px 0px; | ||
+ | -pie-background: rgba(153, 153, 153, 0.55); | ||
+ | } | ||
+ | |||
+ | #u7096-4,#u7049-4,#u7126-4 | ||
+ | { | ||
+ | width: 227px; | ||
+ | min-height: 17px; | ||
+ | color: #FFFFFF; | ||
+ | font-size: 14px; | ||
+ | text-align: right; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | top: 8px; | ||
+ | } | ||
+ | |||
+ | #u7076-2,#u7034-2,#u7012-2,#u7105-2,#u7019-2,#u7029-2,#u7061-2,#u7121-2,#u7054-2,#u7041-2,#u7070-2,#u7091-2,#u7009-2,#u6999-2,#u7086-2,#u7133-2,#u7096-2,#u7111-2,#u7049-2,#u7126-2 | ||
+ | { | ||
+ | padding-right: 8px; | ||
+ | } | ||
+ | |||
+ | .MenuItem /* unifiedNavBar */ | ||
+ | { | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | #cotton | ||
+ | { | ||
+ | margin-left: 508px; | ||
+ | margin-top: 97px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #pu3834 | ||
+ | { | ||
+ | width: 0.01px; | ||
+ | margin-left: 140px; | ||
+ | margin-top: 5px; | ||
+ | } | ||
+ | |||
+ | #u3834 | ||
+ | { | ||
+ | z-index: 82; | ||
+ | width: 226px; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | left: 387px; | ||
+ | } | ||
+ | |||
+ | #u3835 | ||
+ | { | ||
+ | z-index: 83; | ||
+ | width: 188px; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | } | ||
+ | |||
+ | #u3837-4 | ||
+ | { | ||
+ | z-index: 84; | ||
+ | display: block; | ||
+ | vertical-align: top; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | left: 40px; | ||
+ | } | ||
+ | |||
+ | #u3836-4 | ||
+ | { | ||
+ | z-index: 88; | ||
+ | width: 102px; | ||
+ | min-height: 29px; | ||
+ | font-size: 72px; | ||
+ | line-height: 86px; | ||
+ | color: #F7931E; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | margin-top: 2px; | ||
+ | } | ||
+ | |||
+ | #u3838-4 | ||
+ | { | ||
+ | z-index: 92; | ||
+ | width: 29px; | ||
+ | min-height: 29px; | ||
+ | font-size: 72px; | ||
+ | line-height: 86px; | ||
+ | color: #F7931E; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | margin-top: 6px; | ||
+ | left: 197px; | ||
+ | } | ||
+ | |||
+ | #u3839-6 | ||
+ | { | ||
+ | z-index: 96; | ||
+ | width: 1001px; | ||
+ | min-height: 36px; | ||
+ | line-height: 32px; | ||
+ | color: #FFFFFF; | ||
+ | font-size: 20px; | ||
+ | text-align: center; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | margin-top: 73px; | ||
+ | } | ||
+ | |||
+ | #pu4181-4 | ||
+ | { | ||
+ | width: 0.01px; | ||
+ | margin-left: 239px; | ||
+ | margin-top: 30px; | ||
+ | } | ||
+ | |||
+ | #u4181-4 | ||
+ | { | ||
+ | z-index: 133; | ||
+ | width: 279px; | ||
+ | line-height: 32px; | ||
+ | color: #FFFFFF; | ||
+ | font-size: 20px; | ||
+ | text-align: center; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | } | ||
+ | |||
+ | #u4183-4 | ||
+ | { | ||
+ | z-index: 149; | ||
+ | width: 431px; | ||
+ | line-height: 32px; | ||
+ | color: #FFFFFF; | ||
+ | font-size: 20px; | ||
+ | text-align: center; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | left: 448px; | ||
+ | } | ||
+ | |||
+ | #pu4561 | ||
+ | { | ||
+ | width: 0.01px; | ||
+ | margin-left: 122px; | ||
+ | margin-top: 21px; | ||
+ | } | ||
+ | |||
+ | #u4561 | ||
+ | { | ||
+ | z-index: 165; | ||
+ | width: 513px; | ||
+ | min-height: 320px; | ||
+ | border-style: none; | ||
+ | border-color: transparent; | ||
+ | background-color: transparent; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | } | ||
+ | |||
+ | #u4563 | ||
+ | { | ||
+ | z-index: 166; | ||
+ | width: 513px; | ||
+ | min-height: 320px; | ||
+ | border-style: none; | ||
+ | border-color: transparent; | ||
+ | background-color: transparent; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | left: 524px; | ||
+ | } | ||
+ | |||
+ | #u4182-7 | ||
+ | { | ||
+ | z-index: 142; | ||
+ | width: 1090px; | ||
+ | line-height: 32px; | ||
+ | color: #FFFFFF; | ||
+ | font-size: 20px; | ||
+ | text-align: left; | ||
+ | font-family: Arial, Helvetica Neue, Helvetica, sans-serif; | ||
+ | margin-left: 93px; | ||
+ | margin-top: 43px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #house | ||
+ | { | ||
+ | margin-left: 527px; | ||
+ | margin-top: 24px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #pu3840 | ||
+ | { | ||
+ | width: 0.01px; | ||
+ | margin-left: 120px; | ||
+ | margin-top: 2px; | ||
+ | } | ||
+ | |||
+ | #u3840 | ||
+ | { | ||
+ | z-index: 102; | ||
+ | width: 199px; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | left: 420px; | ||
+ | } | ||
+ | |||
+ | #u3841 | ||
+ | { | ||
+ | z-index: 103; | ||
+ | width: 164px; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | } | ||
+ | |||
+ | #u3842-4 | ||
+ | { | ||
+ | z-index: 104; | ||
+ | display: block; | ||
+ | vertical-align: top; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | left: 40px; | ||
+ | } | ||
+ | |||
+ | #u3843-4 | ||
+ | { | ||
+ | z-index: 108; | ||
+ | width: 102px; | ||
+ | min-height: 29px; | ||
+ | font-size: 72px; | ||
+ | line-height: 86px; | ||
+ | color: #F7931E; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | margin-top: 2px; | ||
+ | } | ||
+ | |||
+ | #u3844-4 | ||
+ | { | ||
+ | z-index: 112; | ||
+ | width: 29px; | ||
+ | min-height: 29px; | ||
+ | font-size: 72px; | ||
+ | line-height: 86px; | ||
+ | color: #F7931E; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | margin-top: 6px; | ||
+ | left: 170px; | ||
+ | } | ||
+ | |||
+ | #u3845-9 | ||
+ | { | ||
+ | z-index: 116; | ||
+ | width: 1039px; | ||
+ | min-height: 36px; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | margin-top: 62px; | ||
+ | } | ||
+ | |||
+ | #u3845-5 | ||
+ | { | ||
+ | font-size: 28px; | ||
+ | text-align: center; | ||
+ | line-height: 45px; | ||
+ | color: #FBB03B; | ||
+ | } | ||
+ | |||
+ | #u3845-2,#u3845-3,#u3845-7 | ||
+ | { | ||
+ | font-size: 20px; | ||
+ | text-align: left; | ||
+ | line-height: 32px; | ||
+ | color: #FFFFFF; | ||
+ | font-family: Arial, Helvetica Neue, Helvetica, sans-serif; | ||
+ | } | ||
+ | |||
+ | #u4186 | ||
+ | { | ||
+ | z-index: 137; | ||
+ | width: 876px; | ||
+ | margin-left: 202px; | ||
+ | margin-top: 19px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #u4169 | ||
+ | { | ||
+ | z-index: 138; | ||
+ | width: 360px; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | } | ||
+ | |||
+ | #u4175 | ||
+ | { | ||
+ | z-index: 140; | ||
+ | width: 490px; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | left: 386px; | ||
+ | } | ||
+ | |||
+ | #u3854-8 | ||
+ | { | ||
+ | z-index: 125; | ||
+ | width: 1001px; | ||
+ | min-height: 36px; | ||
+ | text-align: center; | ||
+ | margin-left: 139px; | ||
+ | margin-top: 65px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #u3854-2 | ||
+ | { | ||
+ | font-size: 28px; | ||
+ | line-height: 45px; | ||
+ | color: #FBB03B; | ||
+ | } | ||
+ | |||
+ | #u3854-4,#u3854-6 | ||
+ | { | ||
+ | font-size: 20px; | ||
+ | line-height: 32px; | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | #pu4187-4 | ||
+ | { | ||
+ | width: 0.01px; | ||
+ | margin-left: 242px; | ||
+ | margin-top: 51px; | ||
+ | } | ||
+ | |||
+ | #u4187-4 | ||
+ | { | ||
+ | z-index: 153; | ||
+ | width: 273px; | ||
+ | line-height: 32px; | ||
+ | color: #FFFFFF; | ||
+ | font-size: 20px; | ||
+ | text-align: center; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | } | ||
+ | |||
+ | #u4189-4 | ||
+ | { | ||
+ | z-index: 161; | ||
+ | width: 421px; | ||
+ | line-height: 32px; | ||
+ | color: #FFFFFF; | ||
+ | font-size: 20px; | ||
+ | text-align: center; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | left: 450px; | ||
+ | } | ||
+ | |||
+ | #pu4565 | ||
+ | { | ||
+ | width: 0.01px; | ||
+ | margin-left: 122px; | ||
+ | margin-top: 22px; | ||
+ | } | ||
+ | |||
+ | #u4565 | ||
+ | { | ||
+ | z-index: 167; | ||
+ | width: 513px; | ||
+ | min-height: 320px; | ||
+ | border-style: none; | ||
+ | border-color: transparent; | ||
+ | background-color: transparent; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | } | ||
+ | |||
+ | #u4567 | ||
+ | { | ||
+ | z-index: 168; | ||
+ | width: 513px; | ||
+ | min-height: 320px; | ||
+ | border-style: none; | ||
+ | border-color: transparent; | ||
+ | background-color: transparent; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | left: 524px; | ||
+ | } | ||
+ | |||
+ | #u4188-4 | ||
+ | { | ||
+ | z-index: 157; | ||
+ | width: 1168px; | ||
+ | line-height: 32px; | ||
+ | color: #FFFFFF; | ||
+ | font-size: 20px; | ||
+ | text-align: left; | ||
+ | font-family: Arial, Helvetica Neue, Helvetica, sans-serif; | ||
+ | margin-left: 56px; | ||
+ | margin-top: 35px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | body | ||
+ | { | ||
+ | position: relative; | ||
+ | min-width: 1280px; | ||
+ | } | ||
+ | |||
+ | #page .verticalspacer | ||
+ | { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
<!-- Other scripts --> | <!-- Other scripts --> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 32: | Line 1,782: | ||
<!-- JS includes --> | <!-- JS includes --> | ||
<!--[if lt IE 9]> | <!--[if lt IE 9]> | ||
− | <script src=" | + | <script src="https://2015.igem.org/Team:Mingdao/Javascript-html5shiv? |
− | + | action=raw&ctype=text/javascript" type="text/javascript"></script> <![endif]--> | |
<!--custom head HTML--> | <!--custom head HTML--> | ||
<style> | <style> | ||
Line 287: | Line 2,037: | ||
if (document.location.protocol != 'https:') document.write('\x3Cscript src="http://musecdn.businesscatalyst.com/scripts/4.0/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>'); | if (document.location.protocol != 'https:') document.write('\x3Cscript src="http://musecdn.businesscatalyst.com/scripts/4.0/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>'); | ||
</script> | </script> | ||
− | + | <script type="text/javascript"> | |
− | window.jQuery || document.write('\x3Cscript src=" | + | window.jQuery || document.write('\x3Cscript src="https://2015.igem.org/Team:Mingdao/Javascript-jquery-1.8.3.min? |
+ | action=raw&ctype=text/javascript" type="text/javascript">\x3C/script>'); | ||
</script> | </script> | ||
− | <script src=" | + | <script src="https://2015.igem.org/Team:Mingdao/Javascript-museutils? |
− | <script src=" | + | action=raw&ctype=text/javascript" type="text/javascript"></script> |
− | <script src=" | + | <script src="https://2015.igem.org/Team:Mingdao/Javascript-jquery.watch? |
+ | action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | <script src="https://2015.igem.org/Team:Mingdao/Javascript-jquery.musemenu? | ||
+ | action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
<!-- Other scripts --> | <!-- Other scripts --> | ||
<script type="text/javascript"> | <script type="text/javascript"> |
Revision as of 15:00, 16 September 2015
After finding, analyzing and testing with our novel fire retardant bio-material of phosphorylated SR protein, we would like to challenge the effectiveness of our fire retardant bio-coatings on real products. Fire retardant clothes and fire retardant paint attract increasingly interest in the market and industry. We applied our prototypes of fire retardant bacteria which produce phosphorylated SR proteins to mixing cotton and painting on a model house.
Fire retardant bacteria were made as described in the procedure of protein inducation and analysis as well as flame test.
↓ Recover bacteria carrying genes of SR and SRPK1 proteins from -80°C stock
↓ Culture at 37°C O/N
↓ Dilute 100X with fresh media and incubate for 2 hr till OD between 0.6~1.0
↓ Add 1mM IPTG to induce protein expression for 4 hr
↓ Soak cotton in the culture media containing bacteria
Or ↓ Centrifuge the bacteria and paint on the house
↓ Dry the bacteria completely in the oven at 100°C over 30 min
↓ Subjected to flame test with gas fire gun as indicated condition
*
*
Samples: cotton (5X5 cm2)
Condition: Ignition till burning up (cotton control) or continues to the end (bio-coating).
Cotton uncoated as control
Cotton bio-coated with fire retardant bacteria
The result showed an exciting achievement on our fire retardant bacteria, in which fire retardant coating can protect the cotton from flame for up to 1 min. The carbon formation occurs in the charring process further proves our idea that fuels burned with phosphorus-containg materia will release water and form carbon layer.
Charring reaction: (HPO3)n + Cx(H2O)y → [C]x+ (HPO3)n × yH2O
*
*
As you know, when fire starts to burn on your house, it will soon become a horrible disaster. A special paint material, called fireproof paint, can slow down the spread of fire, or even stop it! We’re interested to know how our genetically modified bacteria could stop fire as fireproof paint. We painted the bacteria on the walls of wooden house, and see if it can really resist the fire.
Design
We applied laser cutter to build our house model in Mindgao’s Fablab. We designed the model in the size of 80x60x85 mm3 and made up of chipboards. The pieces of cutted boards were assembled to form the wooden house.
Flame test
Samples: wooden house (80x60x85 mm3 )
Condition: Ignition with gas fire gun for 45 seconds
House uncoated as control
House bio-coated with fire retardant bacteria
Once again, the amazing result indicated that the house coated with our modified bacteria can resist fire for up to 45 seconds in our flame test. It clearly showed that the charring was formed on the coatings on the burning house. The data obviously demonstrated that we discovered and created a novel fire retardant bio-material. Phosphorylated and high contents of nitrogen in a protein could be recognized as fire retardant bio-materials. Our hypothesis had been successfully confirmed.