You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
220 lines
3.5 KiB
220 lines
3.5 KiB
|
|
// variables for width |
|
|
|
$modal-width: 980px |
|
$modal-height: 580px |
|
$modal-gut: 15px |
|
$modal-postboard-height: $modal-height - 3*$modal-gut |
|
$modal-left-col: 400px |
|
$modal-right-col: ($modal-width - 2*$modal-gut) - $modal-left-col - $modal-gut |
|
$modal-postboard-post-height: 100% |
|
|
|
/************************************* |
|
******************* PROFILE MODAL |
|
***************************************/ |
|
|
|
.profile-modal |
|
|
|
|
|
.modal-content |
|
overflow: hidden |
|
padding: 0 |
|
position: relative |
|
#profile-posts |
|
padding: 0 |
|
|
|
.postboard |
|
width: 100% |
|
height: 100% |
|
position: absolute |
|
|
|
|
|
.postboard-posts |
|
display: block |
|
height: $modal-postboard-post-height |
|
overflow: auto |
|
|
|
|
|
.profile-card |
|
margin: 0 |
|
padding: 0 |
|
border-bottom: 1px solid $main-background-color |
|
.profile-data |
|
background: none |
|
|
|
.profile-modal |
|
h2.profile-screen-name |
|
display: block |
|
letter-spacing: 0 |
|
text-transform: none |
|
color: lighten($dark-grey, 30%) |
|
padding: 5px 0 |
|
margin: 0 |
|
font-size: 13px |
|
line-height: 13px |
|
|
|
|
|
/* Profile card*/ |
|
|
|
.profile-card |
|
width: 100% |
|
background: $bloc-light-color |
|
padding: $modal-gut |
|
.profile-card-main |
|
position: relative |
|
text-align: left |
|
word-wrap: break-word |
|
background: none!important |
|
padding: 10px |
|
h1, h2 |
|
display: inline !important |
|
b |
|
font-weight: 400 |
|
&:before |
|
content: "" |
|
border: solid 0px #fff |
|
position: absolute |
|
left: 1px |
|
top: 1px |
|
right: 1px |
|
bottom: 1px |
|
z-index: 0 |
|
* |
|
position: relative |
|
z-index: 1 |
|
|
|
.profile-card-photo |
|
height: auto |
|
width: $usr-img |
|
margin: 0 10px 10px 0 |
|
display: block |
|
float: left |
|
.profile-card-photo.forEdition |
|
float: none |
|
|
|
.profile-bio |
|
@extend i |
|
text-align: left |
|
font-size: .9rem |
|
|
|
margin-left: $usr-img + 10 |
|
.profile-card-buttons |
|
text-align: center |
|
padding: 0 0 $space 0 |
|
|
|
|
|
.isFollowing:after |
|
font-size: 10px |
|
|
|
|
|
|
|
.follow |
|
@extend .color-1 |
|
.unfollow |
|
@extend .color-2 |
|
|
|
|
|
.known-followers |
|
text-align: center |
|
clear: both |
|
width: 100% |
|
|
|
|
|
#msngrswr |
|
display: none |
|
text-align: center |
|
margin: 10px 0 |
|
|
|
.profile-extra-contact |
|
display: none |
|
margin: 0 15px 0 0 |
|
font-weight: 500 |
|
padding: 2px 8px 3px 8px |
|
+border-radius(2px) |
|
|
|
|
|
|
|
.bitmessage-ctc, .tox-ctc |
|
background: #999 |
|
color: white |
|
font-size: 1rem |
|
display: inline-block |
|
padding: 10px |
|
line-height: 1rem |
|
@extend .ion-copy |
|
@extend .ion |
|
|
|
|
|
|
|
.profile-modal |
|
.profile-tox, .profile-bitmessage |
|
display: inline-block |
|
margin-right: 5px |
|
font-size: 13px |
|
&:hover |
|
color: $main-color-color |
|
text-decoration: none |
|
@extend .ion-tox |
|
@extend .ion |
|
|
|
.profile-modal .modal-buttons |
|
display: none |
|
|
|
/* EDITION PROFILE*/ |
|
|
|
.forEdition.profile-card |
|
@extend .clear-fix |
|
margin: 0 |
|
width: $postboardWidth |
|
background: none |
|
padding: 0 |
|
.profile-card-main |
|
padding: 10px 0 |
|
input |
|
display: block |
|
margin: 0 0 10px 100px |
|
width: 600px |
|
|
|
background: $bloc-background-color |
|
border: 1px solid $bloc-light-color |
|
padding: 6px 4px |
|
margin-bottom: 4px |
|
font-size: 1rem |
|
font-weight: 400 |
|
&:hover, &:focus |
|
background: white |
|
border-color: $main-color-light |
|
|
|
img |
|
width: 70px |
|
float: left |
|
h2 |
|
font-weight: 400 |
|
padding: 1rem 2rem |
|
color: white |
|
|
|
|
|
button |
|
float: right |
|
margin: 10px |
|
&.last-child |
|
margin-right: 0 |
|
&.submit-changes |
|
@extend button.color-1 |
|
&.toggle-priv-key |
|
@extend button.color-2 |
|
.secret-key-container |
|
text-align: left !important |
|
font-size: 1rem!important |
|
.secret-key |
|
clear: both |
|
margin: 20px 0 |
|
background: white |
|
text-align: left !important |
|
font-size: 1rem!important |
|
padding: 10px |
|
.label |
|
clear: both |
|
display: block |
|
font-weight: 500 |
|
margin: 20px 0
|
|
|