2017-08-24 21:04:19 -04:00
|
|
|
// Desktop styles for "/user" section
|
2019-03-25 14:38:38 -04:00
|
|
|
.user-content-wrapper {
|
2017-09-01 07:29:50 -04:00
|
|
|
&,
|
|
|
|
> .user-stream {
|
|
|
|
> .alert:first-child {
|
|
|
|
margin-top: 10px;
|
|
|
|
}
|
|
|
|
}
|
2018-03-06 21:27:18 -05:00
|
|
|
|
|
|
|
.show-mores {
|
|
|
|
position: absolute;
|
|
|
|
}
|
2014-02-10 12:30:36 -05:00
|
|
|
}
|
|
|
|
|
2014-10-02 15:56:28 -04:00
|
|
|
.form-horizontal .control-group.category {
|
|
|
|
margin-top: 18px;
|
|
|
|
}
|
|
|
|
|
2018-10-10 13:00:08 -04:00
|
|
|
.user-profile-hidden {
|
|
|
|
font-size: 1.5em;
|
|
|
|
text-align: center;
|
|
|
|
}
|
2019-03-25 14:38:38 -04:00
|
|
|
.user-secondary-navigation {
|
|
|
|
min-width: 150px;
|
2017-08-23 16:16:18 -04:00
|
|
|
.nav-stacked {
|
|
|
|
background-color: transparent;
|
2017-08-30 11:01:01 -04:00
|
|
|
|
2017-08-23 16:16:18 -04:00
|
|
|
li {
|
|
|
|
border-bottom: none;
|
2013-10-10 12:48:26 -04:00
|
|
|
|
2017-08-30 11:01:01 -04:00
|
|
|
&.archive {
|
2019-03-25 14:38:38 -04:00
|
|
|
padding-left: 1.4em;
|
2017-08-23 16:16:18 -04:00
|
|
|
}
|
2017-08-30 11:01:01 -04:00
|
|
|
}
|
2017-08-23 16:16:18 -04:00
|
|
|
|
2017-08-30 11:01:01 -04:00
|
|
|
a {
|
2020-08-03 22:57:10 -04:00
|
|
|
color: var(--primary-medium);
|
2017-08-30 11:01:01 -04:00
|
|
|
|
|
|
|
&.active {
|
2020-08-03 22:57:10 -04:00
|
|
|
color: var(--primary);
|
2017-08-23 16:16:18 -04:00
|
|
|
font-weight: bold;
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
|
|
&:after {
|
2017-08-30 11:01:01 -04:00
|
|
|
display: none;
|
2017-08-23 16:16:18 -04:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2013-09-05 15:37:07 -04:00
|
|
|
}
|
|
|
|
|
2017-08-24 17:40:57 -04:00
|
|
|
.user-content {
|
2020-04-24 19:32:02 -04:00
|
|
|
padding-bottom: 12px;
|
|
|
|
margin-bottom: 12px;
|
2020-08-03 22:57:10 -04:00
|
|
|
background-color: var(--secondary);
|
2017-08-24 17:40:57 -04:00
|
|
|
box-sizing: border-box;
|
2013-09-05 15:37:07 -04:00
|
|
|
|
2018-03-02 14:43:54 -05:00
|
|
|
&.user-badges-list {
|
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
}
|
|
|
|
|
2017-08-24 17:40:57 -04:00
|
|
|
.btn.right {
|
2018-06-08 05:49:31 -04:00
|
|
|
float: right;
|
2014-11-12 13:57:59 -05:00
|
|
|
}
|
|
|
|
|
2017-08-24 17:40:57 -04:00
|
|
|
h2 {
|
2013-10-10 12:48:26 -04:00
|
|
|
margin-bottom: 10px;
|
2017-08-24 17:40:57 -04:00
|
|
|
}
|
|
|
|
}
|
2013-11-06 12:56:26 -05:00
|
|
|
|
2017-08-24 17:40:57 -04:00
|
|
|
.pref-avatar {
|
|
|
|
.avatar {
|
2019-03-25 14:38:38 -04:00
|
|
|
max-width: 90px;
|
|
|
|
max-height: 90px;
|
2017-08-24 17:40:57 -04:00
|
|
|
}
|
|
|
|
}
|
2013-11-05 17:52:50 -05:00
|
|
|
|
2018-03-22 23:05:11 -04:00
|
|
|
.pref-second-factor {
|
|
|
|
margin-top: 10px;
|
|
|
|
}
|
|
|
|
|
2020-06-09 11:19:32 -04:00
|
|
|
.invite-controls .btn {
|
|
|
|
margin-right: 0px;
|
|
|
|
}
|
|
|
|
|
2017-08-24 17:40:57 -04:00
|
|
|
.user-invite-list {
|
|
|
|
width: 100%;
|
|
|
|
margin-top: 15px;
|
2019-03-05 14:50:27 -05:00
|
|
|
tr {
|
|
|
|
td {
|
2019-03-05 15:12:10 -05:00
|
|
|
padding: 0.667em;
|
2019-03-05 14:50:27 -05:00
|
|
|
}
|
|
|
|
}
|
2017-08-24 17:40:57 -04:00
|
|
|
}
|
2015-03-19 14:57:07 -04:00
|
|
|
|
2017-08-24 17:40:57 -04:00
|
|
|
.user-invite-search {
|
|
|
|
clear: both;
|
|
|
|
margin: 15px 0px -15px 0px;
|
|
|
|
}
|
2015-07-11 08:09:12 -04:00
|
|
|
|
2017-08-24 17:40:57 -04:00
|
|
|
.user-invite-none {
|
2019-03-25 14:38:38 -04:00
|
|
|
padding: 15px 0;
|
2017-08-24 17:40:57 -04:00
|
|
|
}
|
2015-07-11 08:09:12 -04:00
|
|
|
|
2017-08-24 17:40:57 -04:00
|
|
|
.user-main {
|
|
|
|
margin-bottom: 50px;
|
2013-10-10 12:48:26 -04:00
|
|
|
|
|
|
|
.about {
|
2014-10-28 16:04:18 -04:00
|
|
|
&.group {
|
2014-11-14 14:28:46 -05:00
|
|
|
.details {
|
2018-01-25 09:53:36 -05:00
|
|
|
padding: 15px 0;
|
2014-11-14 14:28:46 -05:00
|
|
|
margin: 0;
|
2020-08-03 22:57:10 -04:00
|
|
|
color: var(--secondary);
|
2014-11-14 14:28:46 -05:00
|
|
|
}
|
2014-10-28 16:04:18 -04:00
|
|
|
}
|
2014-10-28 15:48:03 -04:00
|
|
|
|
2014-10-27 23:35:16 -04:00
|
|
|
.details {
|
2013-10-10 12:48:26 -04:00
|
|
|
img.avatar {
|
2014-10-27 23:35:16 -04:00
|
|
|
margin: 0 20px 10px 0;
|
2013-10-10 12:48:26 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.primary {
|
2014-08-13 15:43:27 -04:00
|
|
|
.primary-textual {
|
2020-04-24 19:32:02 -04:00
|
|
|
padding: 0 4px 4px;
|
2014-10-27 23:35:16 -04:00
|
|
|
a[href] {
|
2016-06-19 14:43:17 -04:00
|
|
|
text-decoration: underline;
|
2014-10-27 23:35:16 -04:00
|
|
|
}
|
2019-05-22 15:03:50 -04:00
|
|
|
h1 {
|
|
|
|
max-width: 100%;
|
2019-11-06 14:00:29 -05:00
|
|
|
@include ellipsis;
|
2019-05-22 15:03:50 -04:00
|
|
|
}
|
2018-02-09 16:55:43 -05:00
|
|
|
.location-and-website {
|
2019-03-20 14:56:34 -04:00
|
|
|
display: flex;
|
2018-02-09 16:55:43 -05:00
|
|
|
max-width: 100%;
|
2019-11-06 14:00:29 -05:00
|
|
|
@include ellipsis;
|
2019-03-20 14:56:34 -04:00
|
|
|
.user-profile-location {
|
|
|
|
margin-right: 1em;
|
|
|
|
}
|
2018-02-09 16:55:43 -05:00
|
|
|
}
|
2014-08-13 15:43:27 -04:00
|
|
|
}
|
|
|
|
|
2013-10-16 16:22:16 -04:00
|
|
|
.bio {
|
2014-10-27 23:35:16 -04:00
|
|
|
max-width: 750px;
|
2013-10-16 16:22:16 -04:00
|
|
|
|
2016-07-04 11:36:59 -04:00
|
|
|
a.mention {
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
2013-10-16 16:22:16 -04:00
|
|
|
}
|
2013-10-10 12:48:26 -04:00
|
|
|
}
|
2019-03-29 12:52:26 -04:00
|
|
|
|
|
|
|
.secondary {
|
2020-04-24 19:32:02 -04:00
|
|
|
margin-top: 16px;
|
2019-03-29 12:52:26 -04:00
|
|
|
}
|
2013-09-05 15:37:07 -04:00
|
|
|
}
|
2017-08-24 17:40:57 -04:00
|
|
|
|
|
|
|
&.has-background {
|
2019-03-29 12:52:26 -04:00
|
|
|
.user-profile-image {
|
|
|
|
height: 300px;
|
|
|
|
}
|
2017-08-24 17:40:57 -04:00
|
|
|
.details {
|
2019-03-29 12:52:26 -04:00
|
|
|
box-sizing: border-box;
|
|
|
|
width: 100%;
|
|
|
|
padding: 15px 0 0 0;
|
|
|
|
bottom: 0;
|
2017-08-24 17:40:57 -04:00
|
|
|
}
|
|
|
|
}
|
2013-09-05 15:37:07 -04:00
|
|
|
|
2013-10-10 12:48:26 -04:00
|
|
|
.controls {
|
2014-10-27 23:35:16 -04:00
|
|
|
padding: 0 0 12px 0;
|
|
|
|
float: right;
|
2014-11-14 02:41:17 -05:00
|
|
|
text-align: right;
|
2017-09-01 07:29:50 -04:00
|
|
|
|
2018-12-18 20:36:42 -05:00
|
|
|
.btn {
|
2018-12-07 12:34:37 -05:00
|
|
|
min-width: 140px;
|
2015-08-31 14:34:34 -04:00
|
|
|
}
|
2013-10-10 12:48:26 -04:00
|
|
|
}
|
2013-09-05 15:37:07 -04:00
|
|
|
|
2017-08-24 17:40:57 -04:00
|
|
|
&.collapsed-info {
|
2019-03-29 12:52:26 -04:00
|
|
|
.user-profile-image {
|
|
|
|
display: none;
|
|
|
|
}
|
2017-08-24 17:40:57 -04:00
|
|
|
.controls {
|
|
|
|
width: auto;
|
2017-09-01 07:29:50 -04:00
|
|
|
|
2019-03-29 12:52:26 -04:00
|
|
|
> ul {
|
2019-03-29 15:34:31 -04:00
|
|
|
display: inline-flex;
|
2019-03-29 12:52:26 -04:00
|
|
|
> li {
|
2017-09-01 07:29:50 -04:00
|
|
|
display: inline;
|
2020-04-24 19:32:02 -04:00
|
|
|
margin-left: 12px;
|
2019-03-29 15:34:31 -04:00
|
|
|
.d-button-label {
|
|
|
|
line-height: 1;
|
|
|
|
}
|
2017-09-01 07:29:50 -04:00
|
|
|
}
|
|
|
|
|
2017-08-24 17:40:57 -04:00
|
|
|
a {
|
|
|
|
margin-bottom: 10px;
|
|
|
|
width: auto;
|
2017-09-01 07:29:50 -04:00
|
|
|
}
|
2017-08-24 17:40:57 -04:00
|
|
|
}
|
2014-10-27 23:35:16 -04:00
|
|
|
}
|
2014-06-30 16:46:47 -04:00
|
|
|
|
2017-08-24 17:40:57 -04:00
|
|
|
.details {
|
2019-03-29 12:52:26 -04:00
|
|
|
position: relative;
|
|
|
|
padding: 0;
|
2019-03-20 14:56:34 -04:00
|
|
|
margin-top: 0;
|
2020-08-03 22:57:10 -04:00
|
|
|
border-bottom: 1px solid var(--primary-low);
|
2013-10-28 11:29:23 -04:00
|
|
|
}
|
2016-06-19 14:43:17 -04:00
|
|
|
}
|
|
|
|
}
|
2014-05-06 01:50:51 -04:00
|
|
|
|
2014-09-26 14:48:34 -04:00
|
|
|
.user-field {
|
2018-06-08 05:49:31 -04:00
|
|
|
input[type="text"] {
|
2014-10-02 15:56:28 -04:00
|
|
|
width: 530px;
|
2014-09-26 14:48:34 -04:00
|
|
|
}
|
2017-09-01 07:29:50 -04:00
|
|
|
|
2014-10-02 15:56:28 -04:00
|
|
|
.controls {
|
2017-04-26 16:18:16 -04:00
|
|
|
.instructions {
|
|
|
|
display: block;
|
2014-10-02 15:56:28 -04:00
|
|
|
}
|
|
|
|
}
|
2014-09-26 14:48:34 -04:00
|
|
|
}
|
2017-09-01 07:29:50 -04:00
|
|
|
|
2018-07-09 20:03:18 -04:00
|
|
|
.public-user-fields {
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
2014-10-27 23:35:16 -04:00
|
|
|
}
|
2015-12-17 02:06:04 -05:00
|
|
|
|
2017-09-01 07:29:50 -04:00
|
|
|
.user-preferences {
|
|
|
|
padding-top: 10px;
|
|
|
|
padding-left: 30px;
|
2017-08-24 17:40:57 -04:00
|
|
|
|
2018-09-19 08:37:04 -04:00
|
|
|
.form-vertical {
|
2018-10-27 23:20:01 -04:00
|
|
|
width: 500px;
|
2018-09-19 08:37:04 -04:00
|
|
|
max-width: 100%;
|
|
|
|
}
|
|
|
|
|
2017-09-01 07:29:50 -04:00
|
|
|
h3 {
|
2020-08-03 22:57:10 -04:00
|
|
|
color: var(--primary);
|
2017-09-01 07:29:50 -04:00
|
|
|
margin: 20px 0 10px 0;
|
|
|
|
}
|
|
|
|
|
2018-06-08 05:49:31 -04:00
|
|
|
.category-selector,
|
2018-09-19 08:37:04 -04:00
|
|
|
.tag-chooser,
|
2019-03-25 14:38:38 -04:00
|
|
|
textarea,
|
2020-02-11 09:54:56 -05:00
|
|
|
input.user-selector,
|
|
|
|
.user-chooser {
|
2018-09-19 08:37:04 -04:00
|
|
|
width: 100%;
|
2018-02-26 05:42:57 -05:00
|
|
|
}
|
2015-12-17 02:06:04 -05:00
|
|
|
}
|
2019-07-22 10:52:35 -04:00
|
|
|
|
|
|
|
.user-crawler {
|
|
|
|
.username {
|
|
|
|
margin-left: 5px;
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
}
|