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}}">
<i class="icon-user icon-white"></i>
</a>
-->
<a href="#" class="label like" title="{{#if user_like}} Unlike {{else}} Like {{/if}}">
<i class="icon-heart icon-white"></i>

View file

@ -38,6 +38,12 @@ $light-grey: #999;
opacity: $val;
}
@mixin border-radius($pixels:3px) {
-webkit-border-radius: $pixels;
-moz-border-radius: $pixels;
border-radius: $pixels;
}
@mixin transition($type, $speed) {
-o-transition: $type $speed;
-moz-transition: $type $speed;
@ -237,28 +243,31 @@ $light-grey: #999;
}
#post-author {
@include border-radius();
float: left;
margin: 0;
padding: 5px;
padding-right: 10px;
background-color: rgba(255,255,255,0.6);
max-height: 35px;
.avatar {
@include border-radius();
height: 35px;
width: 35px;
}
i.icon-time,
i.icon-retweet {
@include opacity(0.5);
}
.author-name {
text-shadow: 0 0 2px rgba(255,255,255,0.9);
color: inherit;
font-weight: bold;
}
.post-time {
color: $light-grey;
font-style: italic;
color: #000;
@include opacity(0.5);
}
.post-vitals {