(113 intermediate revisions by 2 users not shown) | |||
Line 88: | Line 88: | ||
.phototeam { | .phototeam { | ||
background-image: url("https://static.igem.org/mediawiki/2018/5/50/T--CCU_Taiwan--CCUteamphoto.jpg"); | background-image: url("https://static.igem.org/mediawiki/2018/5/50/T--CCU_Taiwan--CCUteamphoto.jpg"); | ||
+ | min-height: 470px; | ||
+ | background-attachment: fixed; | ||
+ | background-position: top; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: 110% auto; | ||
+ | z-index: 70; | ||
+ | } | ||
+ | |||
+ | .photoachievements { | ||
+ | background-image: url("https://static.igem.org/mediawiki/2018/d/dc/T--CCU_Taiwan--CCUphotoachievements.jpg"); | ||
min-height: 470px; | min-height: 470px; | ||
background-attachment: fixed; | background-attachment: fixed; | ||
Line 103: | Line 113: | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-size: 110% auto; | background-size: 110% auto; | ||
− | z-index: 70; | + | z-index: 70; |
} | } | ||
Line 310: | Line 320: | ||
.photoParts { | .photoParts { | ||
background-image: url("https://static.igem.org/mediawiki/2018/6/69/T--CCU_Taiwan--CCUPartsphoto.png"); | background-image: url("https://static.igem.org/mediawiki/2018/6/69/T--CCU_Taiwan--CCUPartsphoto.png"); | ||
+ | min-height: 470px; | ||
+ | background-attachment: fixed; | ||
+ | background-position: top; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: 110% auto; | ||
+ | z-index: 70; | ||
+ | } | ||
+ | |||
+ | .photoExperiments { | ||
+ | background-image: url("https://static.igem.org/mediawiki/2018/7/74/T--CCU_Taiwan--CCUExperimentsphoto.jpg"); | ||
min-height: 470px; | min-height: 470px; | ||
background-attachment: fixed; | background-attachment: fixed; | ||
Line 326: | Line 346: | ||
text-decoration-color:#55c97e; | text-decoration-color:#55c97e; | ||
} | } | ||
+ | |||
+ | |||
.backgroundProject { | .backgroundProject { | ||
Line 374: | Line 396: | ||
text-decoration-color:#d1ad7e; | text-decoration-color:#d1ad7e; | ||
} | } | ||
+ | |||
header{ | header{ | ||
Line 405: | Line 428: | ||
left:4vw; | left:4vw; | ||
width: 13.5vw; | width: 13.5vw; | ||
− | height: 5. | + | height: 5.8vh; |
text-align:center; | text-align:center; | ||
margin-left:0vw; | margin-left:0vw; | ||
Line 434: | Line 457: | ||
} | } | ||
+ | #judge { | ||
+ | margin-left:30vw; | ||
+ | list-style-image:url("https://2018.igem.org/File:T--CCU_Taiwan--none.png"); | ||
+ | } | ||
.sub { | .sub { | ||
Line 450: | Line 477: | ||
#sub_home{ | #sub_home{ | ||
− | height: | + | height:40.5vh; |
background:#55c97e; | background:#55c97e; | ||
} | } | ||
Line 1,086: | Line 1,113: | ||
#Demonstrate1 { | #Demonstrate1 { | ||
width: calc(60% + 20px); | width: calc(60% + 20px); | ||
− | margin-left: | + | margin-left: 25vw!important; |
+ | } | ||
+ | #Demonstrate1-2 { | ||
+ | width: 70%; | ||
+ | margin-left: 23vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #Demonstrate1-3 { | ||
+ | width: 60%; | ||
+ | margin-left: 25vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #Demonstrate1-4 { | ||
+ | width: 60%; | ||
+ | margin-left: 25vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #Demonstrate1-5 { | ||
+ | width: 60%; | ||
+ | margin-left: 25vw; | ||
+ | display: inline-block; | ||
} | } | ||
Line 1,194: | Line 1,241: | ||
.structuregraph .transform { | .structuregraph .transform { | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 5%; |
left: 20px; | left: 20px; | ||
padding: 20px; | padding: 20px; | ||
Line 1,202: | Line 1,249: | ||
.structuregraph .Enzyme { | .structuregraph .Enzyme { | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 40%; |
− | left: | + | left: 75px; |
padding: 20px; | padding: 20px; | ||
width: 80%; | width: 80%; | ||
Line 1,211: | Line 1,258: | ||
position: absolute; | position: absolute; | ||
top: 62%; | top: 62%; | ||
− | padding-left: | + | padding-left: 165px; |
width: 50%; | width: 50%; | ||
Line 1,218: | Line 1,265: | ||
.structuregraph .HP { | .structuregraph .HP { | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 82%; |
− | left: | + | left: 75px; |
padding: 20px; | padding: 20px; | ||
width: 50%; | width: 50%; | ||
Line 1,260: | Line 1,307: | ||
.panel {margin-left:20vw; padding:10px;padding-left:3vw;padding-right:3vw;background:#FFFACD;border:solid 1px #c3c3c3;display:none;font-family:'Arial'; width:60vw;} | .panel {margin-left:20vw; padding:10px;padding-left:3vw;padding-right:3vw;background:#FFFACD;border:solid 1px #c3c3c3;display:none;font-family:'Arial'; width:60vw;} | ||
− | |||
− | |||
− | |||
.st { | .st { | ||
Line 1,271: | Line 1,315: | ||
color:red!important; | color:red!important; | ||
padding-left:4vw!important; | padding-left:4vw!important; | ||
+ | margin-left:1vw!important; | ||
font-size:20px; | font-size:20px; | ||
} | } | ||
Line 1,310: | Line 1,355: | ||
#Line1 { | #Line1 { | ||
− | width: | + | width: 50%; |
margin-left: 30vw; | margin-left: 30vw; | ||
display: inline-block; | display: inline-block; | ||
Line 1,316: | Line 1,361: | ||
#Line2 { | #Line2 { | ||
width: 30%; | width: 30%; | ||
− | margin-left: | + | margin-left: 10px; |
display: inline-block; | display: inline-block; | ||
} | } | ||
#Line3 { | #Line3 { | ||
width: 30%; | width: 30%; | ||
− | margin-left: | + | margin-left: 10px; |
display: inline-block; | display: inline-block; | ||
} | } | ||
#Line4 { | #Line4 { | ||
width: 30%; | width: 30%; | ||
− | margin-left: | + | margin-left: 10px; |
+ | display: inline-block; | ||
+ | } | ||
+ | #Line5 { | ||
+ | width: 30%; | ||
+ | margin-left: 10px; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #Line6 { | ||
+ | width: 30%; | ||
+ | margin-left: 10px; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #Line7 { | ||
+ | width: 30%; | ||
+ | margin-left: 10px; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #Line8 { | ||
+ | width: 70%; | ||
+ | margin-left: 20VW; | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
Line 1,363: | Line 1,428: | ||
#Analysis3 { | #Analysis3 { | ||
− | width: | + | width: 28%; |
margin-left: 10px; | margin-left: 10px; | ||
− | margin-left: | + | display: inline-block; |
+ | } | ||
+ | |||
+ | #Analysis4 { | ||
+ | width: 50%; | ||
+ | margin-left: 30vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | #Analysis5 { | ||
+ | width: 38%; | ||
+ | margin-left: 16vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | #Analysis6 { | ||
+ | width: 38%; | ||
+ | margin-left: 10px; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | #Analysis7 { | ||
+ | width: 38%; | ||
+ | margin-left: 30vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #Analysis8 { | ||
+ | width: 50%; | ||
+ | margin-left: 30vw; | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
Line 1,689: | Line 1,782: | ||
padding: 16px!important;; | padding: 16px!important;; | ||
margin-top: -22px!important;; | margin-top: -22px!important;; | ||
− | color: # | + | color: #3BE7AA; |
font-weight: bold; | font-weight: bold; | ||
font-size: 60px; | font-size: 60px; | ||
Line 1,869: | Line 1,962: | ||
margin-left: 25vw; | margin-left: 25vw; | ||
display: inline-block; | display: inline-block; | ||
+ | } | ||
+ | #Composite1-2 { | ||
+ | width: 50%; | ||
+ | margin-left: 25vw; | ||
+ | display: inline-block; | ||
+ | vertical-align: top; | ||
} | } | ||
#Composite2 { | #Composite2 { | ||
+ | width: 50%; | ||
+ | margin-left: 25vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #Composite2-2 { | ||
width: 50%; | width: 50%; | ||
margin-left: 25vw; | margin-left: 25vw; | ||
Line 1,876: | Line 1,980: | ||
} | } | ||
#Composite3 { | #Composite3 { | ||
+ | width: 50%; | ||
+ | margin-left: 25vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #Composite3-2 { | ||
+ | width: 50%; | ||
+ | margin-left: 25vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #Composite3-3 { | ||
width: 50%; | width: 50%; | ||
margin-left: 25vw; | margin-left: 25vw; | ||
Line 1,946: | Line 2,060: | ||
#Demonstrate8 { | #Demonstrate8 { | ||
width: 70%; | width: 70%; | ||
− | margin-left: | + | margin-left: 22vw; |
display: inline-block; | display: inline-block; | ||
vertical-align: top; | vertical-align: top; | ||
Line 1,958: | Line 2,072: | ||
} | } | ||
.polaroid #production { | .polaroid #production { | ||
− | width: | + | width: 100%; |
display: inline-block; | display: inline-block; | ||
vertical-align: middle; | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | .backgroundParts a { | ||
+ | color: #92cd7e; | ||
+ | padding-left: 0!important; | ||
+ | margin-left: 0!important; | ||
+ | padding-right: 0!important; | ||
+ | text-decoration-color:#92cd7e!important; | ||
+ | } | ||
+ | |||
+ | #Safety1 { | ||
+ | width: 20%; | ||
+ | margin-left: 17vw; | ||
+ | display: inline-block; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | #Safety2 { | ||
+ | width: 25%; | ||
+ | margin-left: 1px; | ||
+ | display: inline-block; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | #Safety3 { | ||
+ | width: 25%; | ||
+ | margin-left: 1px; | ||
+ | display: inline-block; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | #ptc1 { | ||
+ | width: 60%; | ||
+ | } | ||
+ | #ptc2 { | ||
+ | width: 60%; | ||
+ | } | ||
+ | #ptc3 { | ||
+ | width: 60%; | ||
+ | } | ||
+ | #ptc4 { | ||
+ | width: 60%; | ||
+ | } | ||
+ | #ptc5 { | ||
+ | width: 60%; | ||
+ | } | ||
+ | #ptc5 { | ||
+ | width: 50%; | ||
+ | } | ||
+ | #ptc6 { | ||
+ | width: 40%; | ||
+ | } | ||
+ | #ptc7 { | ||
+ | width: 60%; | ||
+ | } | ||
+ | |||
+ | #cb2 { | ||
+ | width: 45%; | ||
+ | margin-left: 30vw; | ||
+ | } | ||
+ | #Public0-1 { | ||
+ | width: 15%; | ||
+ | margin-left: 20vw; | ||
+ | } | ||
+ | #Public0-2 { | ||
+ | width: 15%; | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | |||
+ | #Public0-3 { | ||
+ | width: 15%; | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | #Public0-4 { | ||
+ | width: 15%; | ||
+ | margin-left: 20vw; | ||
+ | } | ||
+ | #Public0-5 { | ||
+ | width: 15%; | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | |||
+ | #Public0-6 { | ||
+ | width: 15%; | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | |||
+ | #res1 { | ||
+ | width: 38%; | ||
+ | margin-left: 17vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | #res2 { | ||
+ | width: 35%; | ||
+ | margin-left: 10px; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #res3 { | ||
+ | width: 40%; | ||
+ | margin-left: 30vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | #res4 { | ||
+ | width: 37%; | ||
+ | margin-left: 17vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | #res5 { | ||
+ | width: 37%; | ||
+ | margin-left: 10px; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #res6 { | ||
+ | width: 37%; | ||
+ | margin-left: 17vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | #res7 { | ||
+ | width: 37%; | ||
+ | margin-left: 10px; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | #res8 { | ||
+ | width: 60%; | ||
+ | margin-left: 25vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #res9 { | ||
+ | width: 60%; | ||
+ | margin-left: 25vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #res10 { | ||
+ | width: 60%; | ||
+ | margin-left: 25vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #EX1 { | ||
+ | width: 15%; | ||
+ | margin-left: 20vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | #EX2 { | ||
+ | width: 20%; | ||
+ | margin-left: 20vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | |||
+ | #EX3 { | ||
+ | width: 22%; | ||
+ | margin-left: 20vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #EX4 { | ||
+ | width: 40%; | ||
+ | margin-left: 20vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #EX5 { | ||
+ | width: 40%; | ||
+ | margin-left: 20vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #EX6 { | ||
+ | width: 40%; | ||
+ | margin-left: 20vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #EX7 { | ||
+ | width: 15%; | ||
+ | margin-left: 20vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #EX8 { | ||
+ | width: 25%; | ||
+ | margin-left: 20vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #EX9 { | ||
+ | width: 25%; | ||
+ | margin-left: 20vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #EX10 { | ||
+ | width: 35%; | ||
+ | margin-left: 20vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #EX11 { | ||
+ | width: 30%; | ||
+ | margin-left: 20vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #EX12 { | ||
+ | width: 25%; | ||
+ | margin-left: 20vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #EX13 { | ||
+ | width: 25%; | ||
+ | margin-left: 20vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #EX14 { | ||
+ | width: 30%; | ||
+ | margin-left: 20vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #EX15 { | ||
+ | width: 25%; | ||
+ | margin-left: 20vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #EX16 { | ||
+ | width: 30%; | ||
+ | margin-left: 20vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | #ihp1 { | ||
+ | width: 60%; | ||
+ | margin-left: 27vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | #ihp2 { | ||
+ | width: 60%; | ||
+ | margin-left: 30vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | #ihp3 { | ||
+ | width: 60%; | ||
+ | margin-left: 30vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | #ihp4 { | ||
+ | width: 60%; | ||
+ | margin-left: 30vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | #goldmedal1 { | ||
+ | vertical-align: middle; | ||
+ | text-align:center; | ||
+ | margin-left: 20vw; | ||
+ | } | ||
+ | |||
+ | iframe { | ||
+ | margin-left: 10vw; | ||
+ | } | ||
+ | |||
+ | .slideshow-container1 { | ||
+ | max-width: 1500px; | ||
+ | position: relative; | ||
+ | margin: auto; | ||
+ | border:1px solid ; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .special { | ||
+ | font-size: 36px!important; | ||
+ | color: #2ED583!important; | ||
+ | font-family: 'CCUfontsBold', Arial, sans-serif!important; | ||
+ | text-decoration: none!important; | ||
+ | text-align:center;!important; | ||
} | } | ||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 02:38, 6 December 2018