modifying user profile to better support image backgrounds

This commit is contained in:
Kris Aubuchon 2014-03-05 23:22:24 -05:00
parent 899a5a87cd
commit 699692168d
1 changed files with 19 additions and 14 deletions
app/assets/stylesheets/desktop

View File

@ -217,7 +217,7 @@
} }
img.avatar { img.avatar {
border: 3px solid $primary_border_color; border: 3px solid $tertiary_border_color;
margin-bottom: 10px; margin-bottom: 10px;
background-color: $secondary_background_color; background-color: $secondary_background_color;
} }
@ -230,14 +230,20 @@
margin-top: 20px; margin-top: 20px;
float: left; float: left;
width: 75%; width: 75%;
color: $tertiary_text_color;
text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 1px;
h1, h2 {} h1, h2 {font-weight: bold;}
.bio { .bio {
color: $secondary_text_color; color: $tertiary_text_color;
text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 1px;
a[href] { a[href] {
color: $link_color; color: $tertiary_text_color;
text-decoration: underline;
text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 1px;
} }
} }
@ -245,19 +251,18 @@
.secondary { .secondary {
float: right; float: right;
background-color: $tertiary_background_color; background-color: rgba($tertiary_background_color, .9);
text-align: right; text-align: right;
padding: 0 10px; padding: 0 20px;
width: 20%;
dd { dd {
color: $secondary_text_color; color: rgba($tertiary_text_color, .7);
margin: 0 0 7px 0; margin: 0 0 7px 0;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
dt { dt {
color: $secondary_text_color; color: rgba($tertiary_text_color, .7);
margin: 0; margin: 0;
} }
} }
@ -292,7 +297,7 @@
.avatar { .avatar {
float: left; float: left;
margin-right: 10px; margin-right: 10px;
border: 2px solid $secondary_border_color; border: 2px solid $tertiary_border_color;
width: 45px; width: 45px;
height: 45px; height: 45px;
} }