diff --git a/app/assets/stylesheets/common/000_vars.css.scss b/app/assets/stylesheets/common/000_vars.css.scss index d63196422..65374d0b1 100644 --- a/app/assets/stylesheets/common/000_vars.css.scss +++ b/app/assets/stylesheets/common/000_vars.css.scss @@ -66,3 +66,14 @@ $preview_flagged_color: #F00; *vertical-align: auto; } +@mixin animated-icon { + content: "►"; + position: absolute; + width: 20px; + height: 20px; + color: white; + background-color: rgba(0,0,0,0.5); + margin: 2px; + text-align: center; +} + diff --git a/app/assets/stylesheets/specific/comments.css.scss b/app/assets/stylesheets/specific/comments.css.scss index c90fdda17..b71ed0657 100644 --- a/app/assets/stylesheets/specific/comments.css.scss +++ b/app/assets/stylesheets/specific/comments.css.scss @@ -103,13 +103,7 @@ div#c-comments { position: relative; &:before { - content: "►"; - position: absolute; - width: 20px; - height: 20px; - color: white; - background-color: rgba(0,0,0,0.5); - margin: 2px; + @include animated-icon; } } } diff --git a/app/assets/stylesheets/specific/mod_queue.css.scss b/app/assets/stylesheets/specific/mod_queue.css.scss index 20c9ca6d1..f640089bb 100644 --- a/app/assets/stylesheets/specific/mod_queue.css.scss +++ b/app/assets/stylesheets/specific/mod_queue.css.scss @@ -28,6 +28,12 @@ div#c-moderator-post-queues { float: left; width: 600px; } + + &[data-tags~=animated], &[data-file-ext=swf], &[data-file-ext=webm], &[data-file-ext=zip] { + aside:before { + @include animated-icon; + } + } } div#moderation-guideline { diff --git a/app/assets/stylesheets/specific/posts.css.scss b/app/assets/stylesheets/specific/posts.css.scss index c294d8d3a..26311b123 100644 --- a/app/assets/stylesheets/specific/posts.css.scss +++ b/app/assets/stylesheets/specific/posts.css.scss @@ -27,13 +27,7 @@ article.post-preview { } &[data-tags~=animated]:before, &[data-file-ext=swf]:before, &[data-file-ext=webm]:before, &[data-file-ext=zip]:before { - content: "►"; - position: absolute; - width: 20px; - height: 20px; - color: white; - background-color: rgba(0,0,0,0.5); - margin: 2px; + @include animated-icon; } }