updating user profile to match theme/usercard

This commit is contained in:
awesomerobot 2016-06-19 14:43:17 -04:00
parent 605a302546
commit 92fe4118df
3 changed files with 23 additions and 23 deletions

View file

@ -174,6 +174,7 @@
.user-nav {
margin: 5px 0px;
padding-top: 10px;
.fa {
margin-right: 5px;
}

View file

@ -13,12 +13,10 @@
transition: height .15s linear;
}
.no-background {
.profile-image {
height: 200px;
}
}
.user-preferences {
@ -31,8 +29,6 @@
height: 100px;
}
input
input[type=text] {
@include small-width {
width: 450px;
@ -260,7 +256,9 @@
}
.secondary {
background: dark-light-diff($primary, $secondary, 90%, -65%);
background: scale-color($secondary, $lightness: -5%);
border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
border-bottom: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
font-size: 0.929em;
.btn { padding: 3px 12px; }
@ -303,9 +301,9 @@
}
.details {
padding: 15px 15px 4px 15px;
padding: 0 0 4px 0;
background: rgba($secondary, .85);
margin-top: -200px;
background: dark-light-choose(rgba($primary, .85), rgba($secondary, .85));
transition: margin .15s linear;
blockquote {
@ -357,20 +355,17 @@
width: 100%;
position: relative;
float: left;
color: dark-light-choose($secondary, lighten($primary, 10%));
h1 {font-weight: bold;}
.primary-textual {
padding: 3px;
a[href] {
color: dark-light-choose($secondary, lighten($primary, 10%));
text-decoration: underline;
}
}
.bio {
color: dark-light-choose($secondary, lighten($primary, 10%));
max-height: 300px;
overflow: auto;
max-width: 750px;
@ -390,6 +385,9 @@
}
}
}
&.has-background {
.details { padding: 15px 15px 4px 15px;}
}
.controls {
padding: 0 0 12px 0;
@ -435,9 +433,10 @@
}
.details {
padding: 12px 15px 2px 15px;
padding: 0 0 2px 0;
margin-top: 0;
background: dark-light-choose(rgba($primary, 1), scale-color($secondary, $lightness: 15%));
background: rgba($secondary, .85);
border-bottom: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
.bio { display: none; }
.primary {
@ -466,8 +465,12 @@
}
}
}
&.has-background {
.details { padding: 12px 15px 2px 15px;}
}
}
.user-stream {
.excerpt {
@ -708,6 +711,3 @@
padding-left: 15px;
}
}

View file

@ -243,8 +243,7 @@
.details {
padding: 15px 10px 4px 10px;
background-color: dark-light-choose(rgba($primary, .9), rgba($secondary, .9));
opacity: 0.8;
background: rgba($secondary, .85);
blockquote {
background-color: dark-light-diff($secondary, $primary, 30%, -70%);
@ -293,7 +292,7 @@
width: 100%;
position: relative;
float: left;
color: dark-light-choose(scale-color($secondary, $lightness: 75%), blend-primary-secondary(90%));
color: $primary;
h1 {font-weight: bold;}
@ -301,12 +300,12 @@
float: left;
padding-left: 15px;
a[href] {
color: dark-light-diff($secondary, $primary, 75%, -10%);
color: $primary;
}
}
.bio {
color: dark-light-diff($secondary, $primary, 75%, 0%);
color: $primary;
max-height: 300px;
overflow: auto;
max-width: 700px;
@ -356,7 +355,7 @@
.details {
padding: 12px 15px 2px 15px;
margin-top: 0;
background: dark-light-choose(rgba($primary, 1), blend-primary-secondary(5%));
background: rgba($secondary, .85);
.bio { display: none; }
.primary {