Make skinny navbar gravatar more consistent with our visual styling.

(imported from commit b9a84dd490bddbdfea85668ad1fcf3c29da2c837)
This commit is contained in:
Waseem Daher 2013-06-12 11:59:00 -04:00
parent 9d62c49c83
commit fda6bfdd4e
2 changed files with 13 additions and 2 deletions

View File

@ -8,8 +8,8 @@
<div class="span8" id="navbar-middle">
<a class="brand skinny-user-gravatar visible-phone" href="#"
title="{{user_profile.full_name}} - {{user_profile.email}}">
<img class="img-rounded gravatar-profile"
src="{{ avatar_url }}&s=30" />
<div class="gravatar-profile"
style="background-image: url('{{ avatar_url }}&s=30');"></div>
</a>
<div id="searchbox">
<form id="searchbox_form" class="form-search navbar-search">

View File

@ -76,6 +76,17 @@ li, .table th, .table td {
font-weight: 300;
}
.navbar .gravatar-profile {
width: 30px;
height: 30px;
background-size: 30px 30px;
background-repeat: none;
border-radius: 30px;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6), 0 1px 0px rgba(255, 255, 255, 1);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6), 0 1px 0px rgba(255, 255, 255, 1);
-moz-mox-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6), 0 1px 0px rgba(255, 255, 255, 1);
}
/* Classes for hiding and showing controls */
.notdisplayed {