Move activities styling to Pillar

Since activities is a core part of Pillar

src/styles/_apps_base.sass

@@ -347,3 +347,62 @@ nav.sidebar
 	transition: all 250ms ease-in-out
 	&.in
 		opacity: 1
+
+/* Activities Stream */
+/* General style for activities in all places */
+.d-activity
+	font-size: .9em
+	ul
+		cursor: default
+		padding: 5px
+		color: $color-text-dark-primary
+		list-style: none
+
+		li
+			padding: 0 10px 7px 15px
+			position: relative
+
+			span.date
+				color: darken($activity-highlight-color, 7%)
+
+			/* Left Dot */
+			&:after
+				content: ''
+				display: block
+				position: absolute
+				top: 0
+				z-index: 0
+				left: -5px
+				width: 18px
+				height: 18px
+				border-radius: 50%
+				background-color: $activity-highlight-color
+
+			/* Left Line */
+			&:before
+				content: ''
+				display: block
+				position: absolute
+				top: 10px
+				left: 3px
+				width: 1px
+				height: 100%
+				background-color: $activity-highlight-color
+
+			&:last-child
+				&:before
+					background-color: transparent
+
+		span.actor
+			padding: 0 5px
+			font-weight: bold
+
+		img.actor-avatar
+			width: 16px
+			height: 16px
+			border-radius: 50%
+			margin-right: -15px
+			position: relative
+			top: -1px
+			left: -19px
+			z-index: 1

src/styles/_config.sass

@@ -73,9 +73,12 @@ $color-status-final-dark: hsl(hue($color-status-final), 100%, 30%)
 $color-status-active: #E6F3FD
 $color-status-updated: #e7f5d3
 
+$activity-highlight-color: #00cc9f
+
 $color-open_projects: #7eb66f
 $color-training: #71c5d3
 
+
 /* Mobile Stuff */
 $screen-xs: 480px !default
 $screen-xs-min: $screen-xs