Pretty Blue Larabook

Added Custom Font in default layout

<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>

main.scss

body {
  padding-top: 80px;
  background-color: rgb(240, 240, 240);
  font-family: 'Roboto', sans-serif;
}

.navbar-default {
  background-color: #00BAE9;
  border-color: #f3f3f3;

  .navbar-brand {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }
  .navbar-nav>li>a {
    color: #fff;

    &:hover {
      color: #2C6C91;
    }
  }
}

.container h1:first-of-type {
	margin-top: 0;
}

.nav-gravatar{
    float    : left;
    position : relative;
    top      : -6px;
    left     : -10px;
    border   : 1px solid rgb(238, 238, 238);
}

// The publish status area
.status-post{
    border     : 1px solid #E3E3E3;
    background : white;
    margin-bottom: 3em;
    padding: 0;

    textarea{
        border: none;

        &:focus{
            box-shadow: none;
        }
    }

    .status-post-submit{
        border-top: 1px solid #E9E9E9;
        padding: .5em 1em;
        margin-bottom: 0;
        overflow: hidden;
        background: #FDFCFC;

        .btn{
            float: right;
            background: rgb(46, 177, 228);
            color: white;
            text-transform: uppercase;
            letter-spacing: 0.06em;
            font-family: helvetica;

            &:hover{
                background: rgb(39, 144, 177);
            }
        }


    }
}

// Each individual status
.status-media{
  border: 1px solid #E3E3E3;
  background: white;
  padding : 1em;
  margin-bottom: 2em;
}

.status-media-heading {
  color: rgb(64, 157, 209);
  position: relative;
  top: 5px;
}

.status-media-body {
  color: #B3BAC0;
  font-size: 1.5em;
  padding: 1em;
}

.status-media-object {
  position: relative;
  top: 13px;
  left: 10px;
  border: 1px solid rgb(238, 238, 238);
}

.status-media-time {
  text-transform: uppercase;
  font-size: 0.7em;
  letter-spacing: 0.15em;
  color: rgb(204, 208, 211);
}

status.blade.php

<article class="media status-media">
  <div class="pull-left">
      <img class="media-object status-media-object" src="{{ $status->user->present()->gravatar(55) }}" alt="{{ $status->user->username }}">
  </div>
  <div class="media-body status-media-body">
      <h4 class="media-heading status-media-heading">{{ $status->user->username }}</h4>

      <p><small class="status-media-time">{{ $status->present()->timeSincePublished() }}</small></p>
      {{ $status->body }}
  </div>
</article>