(174 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 136: | Line 146: | ||
} | } | ||
.photoResult { | .photoResult { | ||
− | background-image: url("https://static.igem.org/mediawiki/2018/ | + | background-image: url("https://static.igem.org/mediawiki/2018/4/4f/T--CCU_Taiwan--CCUResultphoto.png"); |
min-height: 470px; | min-height: 470px; | ||
background-attachment: fixed; | background-attachment: fixed; | ||
Line 146: | Line 156: | ||
.photoDemonstration { | .photoDemonstration { | ||
− | background-image: url("https://static.igem.org/mediawiki/2018/ | + | background-image: url("https://static.igem.org/mediawiki/2018/b/b2/T--CCU_Taiwan--CCUDemonstrationphoto1.png"); |
min-height: 470px; | min-height: 470px; | ||
background-attachment: fixed; | background-attachment: fixed; | ||
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 582: | Line 609: | ||
.pointerModeling { | .pointerModeling { | ||
+ | width:18vw; | ||
+ | height:10vh; | ||
+ | background:#a6ca7e; | ||
+ | -webkit-clip-path: inset(20% 0% 10% 0% round 0 80px 80px 0); | ||
+ | clip-path: inset(20% 0% 10% 0% round 0 80px 80px 0); | ||
+ | transition: 500ms; | ||
+ | stroke: #282828; | ||
+ | stroke-width: 1px; | ||
+ | z-index:1; | ||
+ | } | ||
+ | |||
+ | .pointerModeling1 { | ||
width:18vw; | width:18vw; | ||
height:10vh; | height:10vh; | ||
Line 712: | Line 751: | ||
} | } | ||
.pointerModeling a { | .pointerModeling a { | ||
+ | line-height:11vh; | ||
+ | margin-left: 14px; | ||
+ | font-size:1.5vw; | ||
+ | color:black; | ||
+ | position: relative; | ||
+ | transition: 500ms; | ||
+ | z-index:1; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .pointerModeling1 a { | ||
line-height:11vh; | line-height:11vh; | ||
margin-left: 14px; | margin-left: 14px; | ||
Line 723: | Line 772: | ||
.pointerModeling:hover { | .pointerModeling:hover { | ||
+ | width:20vw; | ||
+ | z-index:1; | ||
+ | } | ||
+ | |||
+ | .pointerModeling1:hover { | ||
width:20vw; | width:20vw; | ||
z-index:1; | z-index:1; | ||
Line 737: | Line 791: | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
+ | .pointerModeling1 a:hover { | ||
+ | line-height:11vh; | ||
+ | margin-left: 14px; | ||
+ | font-size:1.5vw; | ||
+ | letter-spacing: 2px; | ||
+ | color:black; | ||
+ | position: relative; | ||
+ | z-index:1; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
.pointerDrylab a { | .pointerDrylab a { | ||
line-height:11vh; | line-height:11vh; | ||
Line 1,046: | 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,154: | Line 1,241: | ||
.structuregraph .transform { | .structuregraph .transform { | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 5%; |
left: 20px; | left: 20px; | ||
padding: 20px; | padding: 20px; | ||
Line 1,162: | 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,171: | Line 1,258: | ||
position: absolute; | position: absolute; | ||
top: 62%; | top: 62%; | ||
− | padding-left: | + | padding-left: 165px; |
width: 50%; | width: 50%; | ||
Line 1,178: | 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,220: | 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 { | ||
list-style-type:disc; | list-style-type:disc; | ||
+ | } | ||
+ | |||
+ | .mdl { | ||
+ | color:red!important; | ||
+ | padding-left:4vw!important; | ||
+ | margin-left:1vw!important; | ||
+ | font-size:20px; | ||
} | } | ||
Line 1,252: | Line 1,343: | ||
#Design2 { | #Design2 { | ||
− | width: | + | width: 50%; |
margin-left: 30vw; | margin-left: 30vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #Design3 { | ||
+ | width: 30%; | ||
+ | margin-left: 10px; | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
Line 1,259: | Line 1,355: | ||
#Line1 { | #Line1 { | ||
− | width: | + | width: 50%; |
margin-left: 30vw; | margin-left: 30vw; | ||
display: inline-block; | display: inline-block; | ||
Line 1,265: | 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,312: | 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,638: | 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,726: | Line 1,870: | ||
#Bind1 { | #Bind1 { | ||
− | width: | + | width: 70%; |
margin-left: 20vw; | margin-left: 20vw; | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
#Bind2 { | #Bind2 { | ||
− | width: | + | width: 50%; |
− | margin-left: | + | margin-left: 25vw; |
display: inline-block; | display: inline-block; | ||
} | } | ||
Line 1,763: | Line 1,907: | ||
#Bind8 { | #Bind8 { | ||
width: 40%; | width: 40%; | ||
− | margin-left: | + | margin-left: 5px; |
display: inline-block!important; | display: inline-block!important; | ||
} | } | ||
Line 1,772: | Line 1,916: | ||
} | } | ||
+ | #twopics2 { | ||
+ | display: inline-block!important; | ||
+ | width:25%; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | #twopics3 { | ||
+ | display: inline-block!important; | ||
+ | width:60%; | ||
+ | margin-left: 20%; | ||
+ | } | ||
+ | .indicator #Polymer1 { | ||
+ | font-size: 1vw!important; | ||
+ | } | ||
+ | #Basic1 { | ||
+ | width: 40%; | ||
+ | margin-left: 20vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #Basic2 { | ||
+ | width: 30%; | ||
+ | margin-left: 20px; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #Basic3 { | ||
+ | width: 40%; | ||
+ | margin-left: 20vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #Basic4 { | ||
+ | width: 30%; | ||
+ | margin-left: 20px; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #Basic5 { | ||
+ | width: 30%; | ||
+ | margin-left: 10px; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | #Composite1 { | ||
+ | width: 50%; | ||
+ | margin-left: 25vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #Composite1-2 { | ||
+ | width: 50%; | ||
+ | margin-left: 25vw; | ||
+ | display: inline-block; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | #Composite2 { | ||
+ | width: 50%; | ||
+ | margin-left: 25vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #Composite2-2 { | ||
+ | width: 50%; | ||
+ | margin-left: 25vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #Composite3 { | ||
+ | width: 50%; | ||
+ | margin-left: 25vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #Composite3-2 { | ||
+ | width: 50%; | ||
+ | margin-left: 25vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #Composite3-3 { | ||
+ | width: 50%; | ||
+ | margin-left: 25vw; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #Composite4 { | ||
+ | width: 30%; | ||
+ | margin-left: 20vw; | ||
+ | display: inline-block; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | #Composite5 { | ||
+ | width: 30%; | ||
+ | margin-left: 10px; | ||
+ | display: inline-block; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | #like-btn a { | ||
+ | padding-right: 0!important; | ||
+ | margin-left: 0!important; | ||
+ | text-decoration: none!important; | ||
+ | color: white; | ||
+ | } | ||
+ | .backgroundProject #like-btn { | ||
+ | right: 0px!important; | ||
+ | top: 0px!important; | ||
+ | position: relative!important; | ||
+ | margin-left: 20vw!important; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #Demonstrate2 { | ||
+ | width: 40%; | ||
+ | margin-left: 35vw; | ||
+ | display: inline-block; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | #Demonstrate3 { | ||
+ | width: 30%; | ||
+ | margin-left: 23vw; | ||
+ | display: inline-block; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | #Demonstrate4 { | ||
+ | width: 30%; | ||
+ | margin-left: 10px; | ||
+ | display: inline-block; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | #Demonstrate5 { | ||
+ | width: 50%; | ||
+ | margin-left: 30vw; | ||
+ | display: inline-block; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | #Demonstrate6 { | ||
+ | width: 30%; | ||
+ | margin-left: 30vw; | ||
+ | display: inline-block; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | #Demonstrate7 { | ||
+ | width: 30%; | ||
+ | margin-left: 10px; | ||
+ | display: inline-block; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | #Demonstrate8 { | ||
+ | width: 70%; | ||
+ | margin-left: 22vw; | ||
+ | display: inline-block; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | |||
+ | .description a { | ||
+ | padding-left: 0!important; | ||
+ | margin-left: 0!important; | ||
+ | padding-right: 0!important; | ||
+ | } | ||
+ | .polaroid #production { | ||
+ | width: 100%; | ||
+ | display: inline-block; | ||
+ | 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