css, templates: render text over avatars with text-shadow for more contrast

This commit is contained in:
Astro 2015-04-23 15:29:21 +02:00
parent 28e2ac1a3f
commit f7b16e2bb9
5 changed files with 8 additions and 4 deletions

View file

@ -42,6 +42,10 @@ article#func.article {
z-index: 1; z-index: 1;
} }
.article .avatar p {
text-shadow: -1px 0 1px white, 0 1px 1px white, 1px 0 1px white, 0 -1px 1px white;
}
img.flag { img.flag {
height: 2em; height: 2em;
} }

View file

@ -9,7 +9,7 @@ $if null avatars
$else $else
$forall (Entity aId avatar) <- avatars $forall (Entity aId avatar) <- avatars
<article .article> <article .article>
<a href=@{ModifyAvatarR aId} style="background-image: url(@{GetAvatarR aId})"> <a href=@{ModifyAvatarR aId} style="background-image: url(@{GetAvatarR aId})" .avatar>
<p>#{avatarIdent avatar} <p>#{avatarIdent avatar}
<ul> <ul>

View file

@ -14,7 +14,7 @@ $if null beverages
$forall (Entity uId user) <- users $forall (Entity uId user) <- users
<article .article> <article .article>
$if userAvatar user /= Nothing $if userAvatar user /= Nothing
<a href=@{SelectR uId} style="background-image: url(@{GetAvatarR $ fromJust $ userAvatar user})"> <a href=@{SelectR uId} style="background-image: url(@{GetAvatarR $ fromJust $ userAvatar user})" .avatar>
<p>#{userIdent user} <p>#{userIdent user}
$else $else
<a href=@{SelectR uId}> <a href=@{SelectR uId}>

View file

@ -20,7 +20,7 @@ $if null beverages
$forall (Entity bId bev) <- beverages $forall (Entity bId bev) <- beverages
<article .article> <article .article>
$if beverageAvatar bev /= Nothing $if beverageAvatar bev /= Nothing
<a href=@{BuyR uId bId} style="background-image: url(@{GetAvatarR $ fromJust $ beverageAvatar bev})"> <a href=@{BuyR uId bId} style="background-image: url(@{GetAvatarR $ fromJust $ beverageAvatar bev})" .avatar>
<p>#{beverageIdent bev} <p>#{beverageIdent bev}
$else $else
<a href=@{BuyR uId bId}> <a href=@{BuyR uId bId}>

View file

@ -5,7 +5,7 @@ $doctype 5
$forall (Entity bId bev) <- beverages $forall (Entity bId bev) <- beverages
<article .article> <article .article>
$if beverageAvatar bev /= Nothing $if beverageAvatar bev /= Nothing
<a href=@{BuyCashR bId} style="background-image: url(@{GetAvatarR $ fromJust $ beverageAvatar bev})"> <a href=@{BuyCashR bId} style="background-image: url(@{GetAvatarR $ fromJust $ beverageAvatar bev})" .avatar>
<p>#{beverageIdent bev} <p>#{beverageIdent bev}
$else $else
<a href=@{BuyCashR bId}> <a href=@{BuyCashR bId}>