.user {
&:not(.icon) {
padding-top: 15px;
}
&.profile {
.ui.card {
.username {
display: block;
.extra.content {
padding: 0;
ul {
margin: 0;
li {
padding: 10px;
list-style: none;
&:not(:last-child) {
border-bottom: 1px solid #eaeaea;
.octicon, .fa {
margin-left: 1px;
margin-right: 5px;
&.follow {
.ui.button {
width: 100%;
#profile-avatar {
@media only screen and (max-width: 768px) {
height: 250px;
overflow: hidden;
img {
max-height: 768px;
max-width: 768px;
.ui.repository.list {
margin-top: 25px;
#loading-heatmap {
margin-bottom: 1em;
&.followers {
.header.name {
font-size: 20px;
line-height: 24px;
vertical-align: middle;
.follow {
padding: 8px 15px;
&.notification {
.octicon {
float: left;
font-size: 2em;
.content {
margin-left: 7px;
table {
form {
display: inline-block;
button {
padding: 3px 3px 3px 5px;
tr {
cursor: pointer;
&.green {
color: #21ba45;
&.red {
color: #d01919;
&.purple {
color: #a333c8;
&.blue {
color: #2185d0;
&.link-account:not(.icon) {
padding-bottom: 5px;
&.settings {
.iconFloat {
.user-orgs {
display: flex;
flex-flow: row wrap;
margin: -3px !important;
border-bottom: 0 !important;
padding: 3px !important;
width: 20%;
max-width: 60px;