diff --git a/app/assets/stylesheets/specific/comments.css.scss b/app/assets/stylesheets/specific/comments.css.scss index eda16c4bc..16a03d108 100644 --- a/app/assets/stylesheets/specific/comments.css.scss +++ b/app/assets/stylesheets/specific/comments.css.scss @@ -1,4 +1,4 @@ -@import "../common/000_vars.css.scss"; +@import "../common/000_vars.css.scss"; div.comments-for-post { div.notices { @@ -97,6 +97,24 @@ div#c-comments { text-align: center; } + div.post-preview { + position: relative; + + &[data-tags~=animated]:before, &[data-file-ext=swf]:before, &[data-file-ext=webm]:before { + content: "►"; + position: absolute; + width: 20px; + height: 20px; + color: white; + background-color: rgba(0,0,0,0.5); + margin: 2px; + top: 0; + left: 0; + z-index: 1; + text-align: center; + } + } + div.post { margin-bottom: 4em; diff --git a/app/assets/stylesheets/specific/posts.css.scss b/app/assets/stylesheets/specific/posts.css.scss index 8a0b75418..fc808e0e6 100644 --- a/app/assets/stylesheets/specific/posts.css.scss +++ b/app/assets/stylesheets/specific/posts.css.scss @@ -8,14 +8,11 @@ article.post-preview { overflow: hidden; text-align: center; @include inline-block; + position: relative; img { margin: auto; } -} - -.post-preview { - position: relative; &[data-tags~=animated]:before, &[data-file-ext=swf]:before, &[data-file-ext=webm]:before { content: "►"; @@ -25,10 +22,6 @@ article.post-preview { color: white; background-color: rgba(0,0,0,0.5); margin: 2px; - top: 0; - left: 0; - z-index: 1; - text-align: center; } }