DG RY; provide a background color to post author for legibility on post pages with background images
This commit is contained in:
parent
f31418feb3
commit
f4269f2d44
2 changed files with 19 additions and 8 deletions
|
|
@ -1,6 +1,8 @@
|
||||||
|
<!--
|
||||||
<a href="#" class="label profile" title="{{current_user.name}}">
|
<a href="#" class="label profile" title="{{current_user.name}}">
|
||||||
<i class="icon-user icon-white"></i>
|
<i class="icon-user icon-white"></i>
|
||||||
</a>
|
</a>
|
||||||
|
-->
|
||||||
|
|
||||||
<a href="#" class="label like" title="{{#if user_like}} Unlike {{else}} Like {{/if}}">
|
<a href="#" class="label like" title="{{#if user_like}} Unlike {{else}} Like {{/if}}">
|
||||||
<i class="icon-heart icon-white"></i>
|
<i class="icon-heart icon-white"></i>
|
||||||
|
|
|
||||||
|
|
@ -38,6 +38,12 @@ $light-grey: #999;
|
||||||
opacity: $val;
|
opacity: $val;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@mixin border-radius($pixels:3px) {
|
||||||
|
-webkit-border-radius: $pixels;
|
||||||
|
-moz-border-radius: $pixels;
|
||||||
|
border-radius: $pixels;
|
||||||
|
}
|
||||||
|
|
||||||
@mixin transition($type, $speed) {
|
@mixin transition($type, $speed) {
|
||||||
-o-transition: $type $speed;
|
-o-transition: $type $speed;
|
||||||
-moz-transition: $type $speed;
|
-moz-transition: $type $speed;
|
||||||
|
|
@ -237,28 +243,31 @@ $light-grey: #999;
|
||||||
}
|
}
|
||||||
|
|
||||||
#post-author {
|
#post-author {
|
||||||
|
@include border-radius();
|
||||||
|
|
||||||
float: left;
|
float: left;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
|
padding: 5px;
|
||||||
|
padding-right: 10px;
|
||||||
|
|
||||||
|
background-color: rgba(255,255,255,0.6);
|
||||||
|
max-height: 35px;
|
||||||
|
|
||||||
.avatar {
|
.avatar {
|
||||||
|
@include border-radius();
|
||||||
height: 35px;
|
height: 35px;
|
||||||
width: 35px;
|
width: 35px;
|
||||||
}
|
}
|
||||||
|
|
||||||
i.icon-time,
|
|
||||||
i.icon-retweet {
|
|
||||||
@include opacity(0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.author-name {
|
.author-name {
|
||||||
text-shadow: 0 0 2px rgba(255,255,255,0.9);
|
|
||||||
color: inherit;
|
color: inherit;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-time {
|
.post-time {
|
||||||
color: $light-grey;
|
color: #000;
|
||||||
font-style: italic;
|
@include opacity(0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-vitals {
|
.post-vitals {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue