Software Público Brasileiro

.profile-container {
  @extend .container-fluid;
  margin-top:     -$wrapper-padding-top;
  margin-left:    -$wrapper-padding-left;
  margin-bottom:  -$wrapper-padding-bottom;
  margin-right:   -$wrapper-padding-right;
  @media (max-width: 978px) {
    padding: 0 2%;
  }
}

.wrapper-container {
  margin: auto;
  max-width: 980px;
}

#profile-left {
  text-align: center;
  margin-top: 15px;
}

@charset "UTF-8";
/* CSS Document */

/* Space out content a bit */
body {
  padding-top: 0;
  padding-bottom: 0;
}

.navbar-default {background:#333;border:none; padding:0 5rem;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background-color:transparent !important;}
.navbar-brand {line-height: 40px !important;}

/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.footer {
  padding-right: 15px;
  padding-left: 15px;
}

/* Custom page header */
.header {
  border-bottom: 1px solid #e5e5e5;
}
/* Make the masthead heading the same height as the navigation */
.header h3 {
  padding-bottom: 19px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
}

/* Custom page footer */
.footer {
  padding-top: 19px;
  color: #777;
  border-top: 1px solid #e5e5e5;
}

/* Profile image */

.navbar {margin-bottom:0 !important;}

.navbar-default.navbar-main .navbar-nav .img-avatar, .navbar-default.navbar-main .navbar-nav .img-avatar-top {
    max-width: 40px;
    display: inline-block;
    height: auto;
    padding: 1px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.navbar-default.navbar-main .navbar-nav .img-avatar-top {max-width: 60px;}

.navbar-nav>li>.dropdown-menu {
	margin-top:-10px !important;
	width: 300px;
    padding: 1rem;}

.dropdown-menu>li {margin:5px 0;}

.dropdown-menu>li>a {padding:3px 10px 3px 0 !important;}
	.dropdown-menu>li>a:hover {background-color:transparent !important;}

.bg-image {background-color:#eee;height: 260px;}

/* Customize container */
@media (min-width: 768px) {
  .container {
    max-width: 980px;
  }
}
.container-narrow > hr {
  margin: 30px 0;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .header,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
  /* Space out the masthead */
  .header {
    margin-bottom: 30px;
  }
  /* Remove the bottom border on the jumbotron for visual effect */
  .jumbotron {
    border-bottom: 0;
  }
}

#lightbox .modal-content, #recuperarsenha .modal-content {
    display: inline-block;
	text-align:center;
	padding:20px;
}

#lightbox .modal-content label, #recuperarsenha .modal-content label {
	text-align:left;
}

/* style wireframe */

a{
  color: #959595 !important;
}

.distance {
  margin-bottom:2em;
  margin-top:1em;
}

.distance-top{
  margin-top: 10px;
}

.distance-left {
  margin-bottom:2em;
  margin-top:1em;
  margin-left: 11em !important;
}

/* NOOSFERO PROFILE */
.bg-image {}

@mixin profile-img {
  text-align: center;
  margin: 10px;
  border: 1px solid #eee;
}

#noosfero-profile {
  background:#fff;
  margin: -200px auto auto;
  z-index:9999;
  left:0;
  right:0;
  border:1px solid #eee;
  padding:20px 0;
  font-size: 14px;
  img {
    @include profile-img;
  }
  i {
    @include profile-img;
  }
  .col-sm-2 {
    text-align: center;
  }
  h3 {
    margin-top: 16px;
  }
  .btn {
    font-size: 12px;
    padding: 5px 10px;
  }
  .profile-contact {
    padding-top: 10px;
    p {
      margin: 0px;
    }
  }
}

ul.social {list-style:none; text-align:center;padding:0; margin:0;}
#infocontato {max-width:200px;}
#infocontato .alert-info{margin:.5rem 0;
  padding:1rem;
  font-size:1rem;
  line-height:1.5rem;
}
#noosfero-groups {margin:auto;}

.secondary {border:1px solid #eee; padding:1rem; margin-top:2rem;}
#interesses span {background:#333; padding:4px 6px; font-size:1rem; color:#fff; cursor:pointer;}

#atividades p, .viewall, #comunidades p, #pessoas p {font-size:1rem;}

#comunidades img, #pessoas img {width:100%;}

.img-avatar-edit {position:relative;}

.img-avatar-edit:hover div.update-img {
    display: block;
}
.img-avatar-edit div.update-img {
    position:absolute;
    display:none;
}
.img-avatar-edit div.update-img {
    bottom:10px;
	left:10px;
	width:130px;
}
div.update-img {
	background:#333;
	color:#fff;
	font-size:1rem;
	padding:5px 2px;
	opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
	text-align:center;
	cursor:pointer;
}

.edit-button {position:relative;}
#edit-toggle {position:absolute; left:240px; background:#fff; top:0px; border:1px solid #eee; padding:1rem 0; width:340px; height:auto;}
#edit-toggle input {margin-bottom:1rem;}