Browse Source

profile modal view

nin-v2
myleneb 9 years ago
parent
commit
fc5b15db9d
  1. 18
      css/style.css
  2. 27
      sass/layout/_profile.sass
  3. 1
      sass/style.sass

18
css/style.css

@ -1048,12 +1048,18 @@ button.light:hover, a.button.light:hover {
.profile-card-main { .profile-card-main {
position: relative; position: relative;
text-align: center; text-align: left;
word-wrap: break-word; word-wrap: break-word;
transition: all 0.2s linear; transition: all 0.2s linear;
background: none !important; background: none !important;
padding: 10px; padding: 10px;
} }
.profile-card-main h1, .profile-card-main h2 {
display: inline !important;
}
.profile-card-main h1 b, .profile-card-main h2 b {
font-weight: 400;
}
.profile-card-main:before { .profile-card-main:before {
content: ""; content: "";
border: solid 0px #fff; border: solid 0px #fff;
@ -1073,7 +1079,7 @@ button.light:hover, a.button.light:hover {
.profile-card-photo { .profile-card-photo {
height: auto; height: auto;
width: 64px; width: 64px;
margin: 0 auto; margin: 0 10px 10px 0;
display: block; display: block;
float: left; float: left;
} }
@ -1083,10 +1089,10 @@ button.light:hover, a.button.light:hover {
} }
.profile-bio { .profile-bio {
padding: 10px;
font-style: italic; font-style: italic;
text-align: center; text-align: left;
font-size: 0.8em; font-size: 1rem;
margin-left: 74px;
} }
.profile-card-buttons { .profile-card-buttons {
@ -2227,7 +2233,7 @@ ul.userMenu-search-profiles button {
transition-timing-function: ease-out; transition-timing-function: ease-out;
z-index: 120; z-index: 120;
} }
#postboard-top.on, #postboard-top { #postboard-top.on {
-moz-box-shadow: 0 8px 13px rgba(17, 17, 17, 0.2); -moz-box-shadow: 0 8px 13px rgba(17, 17, 17, 0.2);
-webkit-box-shadow: 0 8px 13px rgba(17, 17, 17, 0.2); -webkit-box-shadow: 0 8px 13px rgba(17, 17, 17, 0.2);
box-shadow: 0 8px 13px rgba(17, 17, 17, 0.2); box-shadow: 0 8px 13px rgba(17, 17, 17, 0.2);

27
sass/layout/_profile.sass

@ -66,14 +66,15 @@ $modal-postboard-post-height: 100%
padding: $modal-gut padding: $modal-gut
.profile-card-main .profile-card-main
position: relative position: relative
text-align: center text-align: left
word-wrap: break-word word-wrap: break-word
transition: all .2s linear transition: all .2s linear
background: none!important background: none!important
padding: 10px padding: 10px
h1, h2
display: inline !important
b
font-weight: 400
&:before &:before
content: "" content: ""
border: solid 0px #fff border: solid 0px #fff
@ -91,18 +92,17 @@ $modal-postboard-post-height: 100%
.profile-card-photo .profile-card-photo
height: auto height: auto
width: $usr-img width: $usr-img
margin: 0 auto margin: 0 10px 10px 0
display: block display: block
float: left float: left
.profile-card-photo.forEdition .profile-card-photo.forEdition
float: none float: none
.profile-bio .profile-bio
padding: 10px
font-style: italic font-style: italic
text-align: center text-align: left
font-size: .8em font-size: 1rem
margin-left: $usr-img + 10
.profile-card-buttons .profile-card-buttons
text-align: center text-align: center
padding: 0 0 $space 0 padding: 0 0 $space 0
@ -118,13 +118,6 @@ $modal-postboard-post-height: 100%
@extend .color-2 @extend .color-2
.known-followers .known-followers
text-align: center text-align: center
clear: both clear: both

1
sass/style.sass

@ -404,7 +404,6 @@ ul.userMenu-search-profiles
+transition-property(box-shadow) +transition-property(box-shadow)
+transition-duration(.2s) +transition-duration(.2s)
+transition-timing-function(ease-out) +transition-timing-function(ease-out)
@extend .on
&.on &.on
+box-shadow(0 8px 13px rgba(#111, 0.2)) +box-shadow(0 8px 13px rgba(#111, 0.2))
z-index: 120 z-index: 120

Loading…
Cancel
Save