DG RY; provide a background color to post author for legibility on post pages with background images

This commit is contained in:
danielgrippi 2012-02-20 13:02:58 -08:00
parent f31418feb3
commit f4269f2d44
2 changed files with 19 additions and 8 deletions

View file

@ -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>

View file

@ -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 {