119 lines
2.1 KiB
Sass
119 lines
2.1 KiB
Sass
#single-post-container
|
|
padding-top: 20px
|
|
padding-bottom: 3em
|
|
|
|
#single-post-content
|
|
#head
|
|
color: #aaa
|
|
font-size: 12px
|
|
#author
|
|
.img
|
|
max-width: 25%
|
|
.avatar
|
|
.bd
|
|
padding-left: 10px
|
|
.retweet
|
|
i
|
|
margin: 0 3px
|
|
#single-post-actions
|
|
.buttons
|
|
position: relative
|
|
top: 6px
|
|
clear: right
|
|
.public-info > i
|
|
float: left
|
|
margin: 2px 4px 0 0
|
|
i.comment:hover
|
|
color: #424242
|
|
i.heart.gray:hover
|
|
color: #a40802
|
|
i.heart.red:hover
|
|
color: #f55f5a
|
|
i.retweet:hover
|
|
color: #3f8fba
|
|
|
|
time
|
|
float: right
|
|
margin-left: 3px
|
|
a
|
|
margin: 0 0 0 6px
|
|
|
|
&:hover
|
|
text-decoration: none
|
|
|
|
border-right: solid 1px #ccc
|
|
padding-right: 10px
|
|
#body
|
|
margin-left: 20px
|
|
padding-top: 20px
|
|
width: auto
|
|
.photo_attachments
|
|
padding-bottom: 10px
|
|
img
|
|
display: block
|
|
margin-left: auto
|
|
margin-right: auto
|
|
padding-bottom: 5px
|
|
max-width: 90%
|
|
|
|
.oembed
|
|
background: image-url('ajax-loader2.gif') no-repeat center center
|
|
float: left
|
|
width: 95%
|
|
|
|
.thumb
|
|
@include video-overlay()
|
|
|
|
iframe, .thumb img
|
|
width: 100%
|
|
min-height: 60%
|
|
|
|
#single-post-interactions
|
|
border-left: 1px solid #ccc
|
|
position: relative
|
|
left: -1px
|
|
margin-left: 0
|
|
padding-left: 2.5%
|
|
#likes, #reshares, #comments-meta
|
|
padding-bottom: 5px
|
|
.comment
|
|
border-bottom: solid 1px #ccc
|
|
padding-top: 10px
|
|
padding-bottom: 10px
|
|
|
|
p
|
|
margin: 0
|
|
textarea
|
|
width: 95%
|
|
.new_comment_form_wrapper
|
|
border-bottom: none
|
|
a
|
|
color: #3f8fba
|
|
.timeago
|
|
color: #aaaaaa
|
|
text-decoration: none
|
|
font-size: smaller
|
|
|
|
.comment
|
|
&:hover
|
|
.controls
|
|
@include opacity(0.3)
|
|
.controls
|
|
@include transition(opacity)
|
|
@include opacity(0)
|
|
:z-index 6
|
|
:float right
|
|
|
|
&:hover
|
|
@include opacity(1)
|
|
|
|
.delete
|
|
:display inline-block
|
|
|
|
.icons-deletelabel
|
|
:height 14px
|
|
:width 14px
|
|
|
|
a:hover
|
|
:text-decoration none
|
|
|