Notification icon

gistfile1.txt

<h3><a class="header-text" href="new.html">My UW</a>
<!--<a href="#"><span class="no-nots">0</span></a>-->
<a href="#"><span class="number-of-nots">3</span></a>
<a href="#"><span class="glyphicon glyphicon-th-large app-drawer"></span></a></h3>

@cream: #F7F5E8;
.header-text {
  color:@cream;
  font-weight:200;
}
.header-text:hover {
  color:@cream;
  text-decoration:none;
}
.number-of-nots {
  background-color:@cream;
  color:@red;
  border-radius:4px;
  padding:1px 6px;
  font-size:0.7em;
  margin-left:10px;
  position:relative;
  top:-3px;
  font-weight:200;
}
.my-uw-nav {
  background-color:@red;
  padding-top:8px;
  height:53px;
  position:fixed;
}
.my-uw-nav h3 {
  position:relative;
  left:40px;
  top:-5px;
  color:#fff;
  padding:10px 0 0 10px;
  margin:0;
}
.no-nots {
  background-color:@red;
  color:@cream;
  border:1px solid @cream;
  border-radius:4px;
  padding:1px 6px;
  font-size:0.7em;
  margin-left:20px;
  position:relative;
  top:-3px;
  font-weight:200;
}