diff --git a/files/assets/css/awards.css b/files/assets/css/awards.css index 5189621550..aa7edb9e12 100644 --- a/files/assets/css/awards.css +++ b/files/assets/css/awards.css @@ -145,59 +145,24 @@ } - - .tilt-post { - animation-duration: 100s !important; - animation-iteration-count: infinite !important; - animation-direction: alternate !important; - animation-timing-function: linear !important; - animation-name: tilt-post; + transform: rotate(0.3deg); } -@media (max-width: 768px) { - @keyframes tilt-post { - 0% {transform: rotate(0deg);} - 25% {transform: rotate(0.3deg);} - 75% {transform: rotate(-0.3deg);} - 100% {transform: rotate(0deg);} - } - -} - -@media (min-width: 768px) { - .tilt-post { - animation-duration: 200s !important; - } - @keyframes tilt-post { - 0% {transform: rotate(0deg);} - 25% {transform: rotate(0.8deg);} - 75% {transform: rotate(-0.8deg);} - 100% {transform: rotate(0deg);} - } -} - .tilt-post > * { padding-left: 3rem !important; padding-right: 3rem !important; } - - -@keyframes tilt-comment { - 0% {transform: rotate(0deg);} - 100% {transform: rotate(360deg);} +.tilt-comment-1 { + transform: rotate(1deg); } - -.tilt-comment { - animation-duration: 3000s !important; - animation-iteration-count: infinite !important; - animation-timing-function: linear !important; - animation-name: tilt-comment; +.tilt-comment-2 { + transform: rotate(2deg); } - -@media (max-width: 768px) { - .tilt-comment { - animation-duration: 6000s !important; - } +.tilt-comment-3 { + transform: rotate(3deg); +} +.tilt-comment-4 { + transform: rotate(4deg); } diff --git a/files/templates/comments.html b/files/templates/comments.html index 56bfe513e6..ce13068884 100644 --- a/files/templates/comments.html +++ b/files/templates/comments.html @@ -247,7 +247,7 @@ {% endif %} {% set realbody = c.realbody(v) %} -
+
{{realbody | safe}}