Line 544: | Line 544: | ||
stroke-linecap:round; | stroke-linecap:round; | ||
fill:none; | fill:none; | ||
− | opacity:0; | + | opacity:1; |
+ | transition: all 0.3s ease-out 3s; | ||
} | } | ||
.cold-repressive .i { | .cold-repressive .i { | ||
− | opacity:0; | + | opacity:0.35; |
fill: #ed1c24; | fill: #ed1c24; | ||
stroke: #ed1c24; | stroke: #ed1c24; | ||
stroke-width: 4.39px; | stroke-width: 4.39px; | ||
− | transition: all 0.3s ease-out | + | transition: all 0.3s ease-out 3s; |
} | } | ||
.cold-repressive.svg_checked .hydrogen-bond{ | .cold-repressive.svg_checked .hydrogen-bond{ | ||
Line 559: | Line 560: | ||
} | } | ||
.cold-repressive.svg_checked .i{ | .cold-repressive.svg_checked .i{ | ||
− | opacity:0 | + | opacity:0; |
− | transition: all 0.3s ease-out | + | transition: all 0.3s ease-out 0s; |
} | } | ||
.cold-repressive.svg_checked .j{ | .cold-repressive.svg_checked .j{ | ||
opacity:1; | opacity:1; | ||
− | transition: all 0.3s ease-out | + | transition: all 0.3s ease-out 0s; |
} | } | ||
.cold-repressive.svg_checked #RNAse_3{ | .cold-repressive.svg_checked #RNAse_3{ | ||
− | transform: translateX( | + | transform: translateX(60px); |
opacity:1; | opacity:1; | ||
− | transition: all | + | transition: all 0.5s ease-out 0s; |
} | } | ||
.cold-repressive.svg_checked #ribosome_text{ | .cold-repressive.svg_checked #ribosome_text{ | ||
− | opacity: | + | opacity:0; |
− | transition: all 0. | + | transition: all 0.5s linear 0s; |
} | } | ||
.cold-repressive.svg_checked #loop{ | .cold-repressive.svg_checked #loop{ | ||
− | transform: translateY( | + | transform: translateY(130px); |
} | } | ||
.cold-repressive #left,#right{ | .cold-repressive #left,#right{ | ||
Line 583: | Line 584: | ||
} | } | ||
.cold-repressive.svg_checked #left{ | .cold-repressive.svg_checked #left{ | ||
− | stroke-dashoffset: | + | stroke-dashoffset:-135; |
} | } | ||
.cold-repressive.svg_checked #right{ | .cold-repressive.svg_checked #right{ | ||
− | stroke-dashoffset:- | + | stroke-dashoffset:-142; |
} | } | ||
Line 596: | Line 597: | ||
} | } | ||
.cold-repressive.svg_checked #left_s{ | .cold-repressive.svg_checked #left_s{ | ||
− | stroke-dashoffset:- | + | stroke-dashoffset:-265; |
} | } | ||
.cold-repressive.svg_checked #right_s{ | .cold-repressive.svg_checked #right_s{ | ||
− | stroke-dashoffset:- | + | stroke-dashoffset:-82; |
} | } | ||
Line 607: | Line 608: | ||
} | } | ||
.cold-repressive #RNAse_3{ | .cold-repressive #RNAse_3{ | ||
− | transform: translateX( | + | transform: translateX(0px); |
opacity:0; | opacity:0; | ||
− | transition: all | + | transition: all 1s ease-out 2s; |
} | } | ||
.cold-repressive #ribosome_text{ | .cold-repressive #ribosome_text{ | ||
Line 616: | Line 617: | ||
} | } | ||
.cold-repressive #loop{ | .cold-repressive #loop{ | ||
− | transform: translateY( | + | transform: translateY(0px); |
transition: all 2s ease-out; | transition: all 2s ease-out; | ||
} | } | ||
.cold-repressive #left{ | .cold-repressive #left{ | ||
− | stroke-dashoffset: | + | stroke-dashoffset:0; |
stroke:red; | stroke:red; | ||
} | } | ||
.cold-repressive #right{ | .cold-repressive #right{ | ||
− | stroke-dashoffset:- | + | stroke-dashoffset:-277; |
stroke:green; | stroke:green; | ||
} | } | ||
Line 632: | Line 633: | ||
} | } | ||
.cold-repressive #left_s{ | .cold-repressive #left_s{ | ||
− | stroke-dashoffset:- | + | stroke-dashoffset:-130; |
} | } | ||
.cold-repressive #right_s{ | .cold-repressive #right_s{ | ||
− | stroke-dashoffset:- | + | stroke-dashoffset:-217; |
} | } | ||
Revision as of 15:03, 12 October 2018
Hot-induced 5'UTR