Difference between revisions of "Team:Jilin China/home"
| Line 212: | Line 212: | ||
<defs> | <defs> | ||
<style> | <style> | ||
| − | .hot- | + | .hot-repressive .a, .b, .c, .f { |
fill: none; | fill: none; | ||
stroke-width: 11px; | stroke-width: 11px; | ||
} | } | ||
| − | .hot- | + | .hot-repressive .a { |
stroke: #036; | stroke: #036; | ||
} | } | ||
| − | .hot- | + | .hot-repressive .a,.hot-induced .b,.hot-induced .c,.hot-induced .f,.hot-induced .g { |
stroke-linecap: round; | stroke-linecap: round; | ||
stroke-linejoin: round; | stroke-linejoin: round; | ||
} | } | ||
| − | .hot- | + | .hot-repressive .b { |
stroke: #060; | stroke: #060; | ||
} | } | ||
| − | .hot- | + | .hot-repressive .c { |
stroke: #600; | stroke: #600; | ||
} | } | ||
| − | .hot- | + | .hot-repressive .d,.hot-induced .e,.hot-induced .h{ |
font-size: 17px; | font-size: 17px; | ||
font-family: Quicksand-Medium, Quicksand; | font-family: Quicksand-Medium, Quicksand; | ||
} | } | ||
| − | .hot- | + | .hot-repressive .d { |
fill: #006837; | fill: #006837; | ||
} | } | ||
| − | .hot- | + | .hot-repressive .e { |
fill: #900; | fill: #900; | ||
} | } | ||
| − | .hot- | + | .hot-repressive .f { |
stroke: #000; | stroke: #000; | ||
} | } | ||
| − | .hot- | + | .hot-repressive .h { |
fill: #930; | fill: #930; | ||
} | } | ||
| − | .hot- | + | .hot-repressive .g { |
fill: #fff794; | fill: #fff794; | ||
stroke: #fbb03b; | stroke: #fbb03b; | ||
stroke-width: 7px; | stroke-width: 7px; | ||
} | } | ||
| − | .hot- | + | .hot-repressive .hydrogen-bond{ |
opacity:1; | opacity:1; | ||
transition: all 0.3s linear 1s; | transition: all 0.3s linear 1s; | ||
} | } | ||
| − | .hot- | + | .hot-repressive #RNAse_E{ |
transform: translateY(-60px); | transform: translateY(-60px); | ||
opacity:0; | opacity:0; | ||
transition: all 1s ease-out 0s; | transition: all 1s ease-out 0s; | ||
} | } | ||
| − | .hot- | + | .hot-repressive #ribosome_text{ |
opacity:0; | opacity:0; | ||
transition: all 0.3s linear 0s; | transition: all 0.3s linear 0s; | ||
} | } | ||
| − | .hot- | + | .hot-repressive #text{ |
transform: translateY(0px); | transform: translateY(0px); | ||
transition: all 1s ease-out; | transition: all 1s ease-out; | ||
} | } | ||
| − | .hot- | + | .hot-repressive #loop{ |
transform: translateY(0px); | transform: translateY(0px); | ||
transition: all 2s ease-out; | transition: all 2s ease-out; | ||
} | } | ||
| − | .hot- | + | .hot-repressive #left,#right{ |
stroke-dasharray:130,500; | stroke-dasharray:130,500; | ||
transition: all 2s ease-out; | transition: all 2s ease-out; | ||
} | } | ||
| − | .hot- | + | .hot-repressive #left{ |
stroke-dashoffset:0; | stroke-dashoffset:0; | ||
stroke:red; | stroke:red; | ||
} | } | ||
| − | .hot- | + | .hot-repressive #right{ |
stroke-dashoffset:-277; | stroke-dashoffset:-277; | ||
stroke:green; | stroke:green; | ||
} | } | ||
| − | .hot- | + | .hot-repressive #left_s,#right_s{ |
stroke-dasharray:60,500; | stroke-dasharray:60,500; | ||
color:black; | color:black; | ||
transition: all 2s ease-out; | transition: all 2s ease-out; | ||
} | } | ||
| − | .hot- | + | .hot-repressive #left_s{ |
stroke-dashoffset:-130; | stroke-dashoffset:-130; | ||
} | } | ||
| − | .hot- | + | .hot-repressive #right_s{ |
stroke-dashoffset:-217; | stroke-dashoffset:-217; | ||
} | } | ||
| − | .hot- | + | .hot-repressive.svg_checked .hydrogen-bond{ |
opacity:0; | opacity:0; | ||
transition: all 0.3s linear 0s; | transition: all 0.3s linear 0s; | ||
} | } | ||
| − | .hot- | + | .hot-repressive.svg_checked #RNAse_E{ |
transform: translateY(0px); | transform: translateY(0px); | ||
opacity:1; | opacity:1; | ||
transition: all 0.5s ease-out 2s; | transition: all 0.5s ease-out 2s; | ||
} | } | ||
| − | .hot- | + | .hot-repressive.svg_checked #ribosome_text{ |
opacity:1; | opacity:1; | ||
transition: all 0.5s ease-out 2s; | transition: all 0.5s ease-out 2s; | ||
} | } | ||
| − | .hot- | + | .hot-repressive.svg_checked #text{ |
transform: translateY(-60px); | transform: translateY(-60px); | ||
} | } | ||
| − | .hot- | + | .hot-repressive.svg_checked #loop{ |
transform: translateY(130px); | transform: translateY(130px); | ||
} | } | ||
| − | .hot- | + | .hot-repressive.svg_checked #left{ |
stroke-dashoffset:-135; | stroke-dashoffset:-135; | ||
} | } | ||
| − | .hot- | + | .hot-repressive.svg_checked #right{ |
stroke-dashoffset:-142; | stroke-dashoffset:-142; | ||
} | } | ||
| − | .hot- | + | .hot-repressive.svg_checked #left_s,#right_s{ |
stroke-dasharray:60,500; | stroke-dasharray:60,500; | ||
} | } | ||
| − | .hot- | + | .hot-repressive.svg_checked #left_s{ |
stroke-dashoffset:-265; | stroke-dashoffset:-265; | ||
} | } | ||
| − | .hot- | + | .hot-repressive.svg_checked #right_s{ |
stroke-dashoffset:-82; | stroke-dashoffset:-82; | ||
} | } | ||
Revision as of 05:54, 3 October 2018
Hot-induced 5'UTR