habitica/style.css

.navbar-brand img {
  height:40px;
  float:left;
  vertical-align: middle;
  margin:-10px 10px 10px;
}

.navbar-right {
  margin-right:0px!important;
}

section {
  height:100vh;
}

h1, h2, h3, h4, p.sectioninfo {
  text-align: center;
}

.featuretext h4, .footer h4 {
  text-align:left;
}

#uses .btn-toolbar {
    text-align: center;
}

.presslogos img {
    max-height:30px;
    max-width:120px;
    vertical-align: middle;
    margin:10px 30px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.testimonialgroup .popover, .scrolltweet.popover {
  max-width:400px;
}

img#myAvatar {
  margin-left:50%;
  left:-75px;
}

img#myAvatar.affix-top {
  position: absolute;
  top: 750px;
}

img#myAvatar.affix-bottom {
  position:absolute;
  bottom:500px;
}

img#myAvatar.affix {
  top: 300px;
}

button.gamifybutton {
  margin: 20px;
  width:20%;
}

#rewards {
  margin-top:200px;
}

.tweet.popover {
  position:relative;
  display:block;
}

.scrolltweet {
  margin-top:-200px;
}

.headline {
  display:block;
  margin-bottom:450px;
}

.avatarscroll {
  position:absolute;
  display:block;
  width:300px;
  left:50%;
  margin-left:-150px;
  margin-top:-400px;
  text-align: center;
}

.avatarscroll img {
  display:inline-block;
  margin-top:20px;
}

.avatarscroll .scroll-armor {
  margin-left:50%;
  left:-75px;
}

.avatarscroll .scroll-armor.affix-top {
  position:relative;
  display:block;
}

.avatarscroll .scroll-armor.affix-bottom {
  position:absolute;
  bottom:500px;
  display:block;
}

.avatarscroll .scroll-armor.affix {
  top: 280px;
  left:0;
}

.avatarscroll .scroll-armor img.armor {
  position:absolute;
  top:0;
  left:50%;
  margin-left:-75px;
}

#myCarousel .nav a small
{
    display: block;
}

#myCarousel .nav a {
    border-radius:10px;
    margin:10px;
}
#myCarousel .nav-justified > li > a
{
    border-radius: 10px;
    background-color:#eee;
}

#myCarousel .nav-justified > li > a:hover
{
    background-color:#ccc;
}

#myCarousel .nav-pills>li.active a { background-color: #16a085; }

.carousel-content {
    width:100%;
    height:500px;
    min-width:100%;
    min-height:500px;
    max-width:100%;
    max-height:500px;
    overflow:hidden;
    display:block;
}

.health-use .carousel-content {
  background:#ffffff url("images/uses/meditation-bkgd.png") no-repeat fixed center;
}

.housework-use .carousel-content {
  background:#ffffff url("images/uses/dusting-bkgd.png") no-repeat fixed center;
}

.improvement-use .carousel-content {
  background:#ffffff url("images/uses/achievement-bkgd.png") no-repeat fixed center;
}

.school-use .carousel-content {
  background:#ffffff url("images/uses/reading.png") no-repeat fixed center;
}

.work-use .carousel-content {
  background:#ffffff url("images/uses/coding.png") no-repeat fixed center;
}

.sampletasks {
  display:block;
  float:left;
  background-color: #eee;
  padding:20px;
}
.usetweet-group {
  width:30%;
  float:right;
}
.carousel-content .usetweet {
  float:right;
  max-width:350px;
  margin:20px 0;
}

.featuretext {
  margin:30px 0;
}

#footercall small {
  margin-left:50px;
}

.footer {
  margin-top:20px;
  background-color:#eee;
  padding:20px 0;
}