profile meta info

less/account.less

@@ -176,7 +176,7 @@
 		margin-bottom: 40px;
 
 		.fullname {
-			margin-bottom: 15px;
+			margin-bottom: 12px;
 			font-size: 32px;
 		}
 
@@ -194,6 +194,17 @@
 			color: @gray-light;
 		}
 
+		.profile-meta {
+			font-size: 10px;
+			text-transform: uppercase;
+			color: #777;
+			margin-top: 25px;
+
+			strong {
+				color: #333;
+			}
+		}
+
 		.account-stats {
 			text-align: center;
 			font-size: 35px;

templates/account/profile.tpl

@@ -4,10 +4,13 @@
 	<div class="profile row">
 		<h1 class="fullname"><!-- IF fullname -->{fullname}<!-- ELSE -->{username}<!-- ENDIF fullname --></h1>
 		<h2 class="username"><!-- IF !banned -->@{username}<!-- ELSE -->[[user:banned]]<!-- ENDIF !banned --></h2>
+
 		<!-- IF aboutme -->
 		<span component="aboutme" class="text-center aboutme">{aboutme}</span>
 		<!-- ENDIF aboutme -->
 
+		
+
 		<div class="account-stats">
 			<!-- IF reputation -->
 			<div class="stat">
@@ -36,6 +39,34 @@
 				<span class="stat-label">[[user:following]]</span>
 			</div>
 		</div>
+
+		<div class="text-center profile-meta">
+			<span>[[user:joined]]</span>
+			<strong class="timeago" title="{joindate}"></strong>
+
+			<span>[[user:lastonline]]</span>
+			<strong class="timeago" title="{lastonline}"></strong><br />
+
+			<!-- IF email -->
+			<span>[[user:email]]</span>
+			<strong><i class="fa fa-eye-slash {emailClass}" title="[[user:email_hidden]]"></i> {email}</strong>
+			<!-- ENDIF email -->
+
+			<!-- IF websiteName -->
+			<span>[[user:website]]</span>
+			<strong><a href="{websiteLink}" rel="nofollow">{websiteName}</a></strong>
+			<!-- ENDIF websiteName -->
+
+			<!-- IF location -->
+			<span>[[user:location]]</span>
+			<strong>{location}</strong>
+			<!-- ENDIF location -->
+
+			<!-- IF age -->
+			<span>[[user:age]]</span>
+			<strong>{age}</strong>
+			<!-- ENDIF age -->
+		</div>
 	</div>
 
 	
@@ -57,35 +88,6 @@
 				<!-- ENDIF !isSelf -->
 
 			</div>
-		
-
-			<div class="hidden">
-				<!-- IF email -->
-				<span class="account-bio-label">[[user:email]]</span>
-				<span class="account-bio-value"><i class="fa fa-eye-slash {emailClass}" title="[[user:email_hidden]]"></i> {email}</span>
-				<!-- ENDIF email -->
-
-				<!-- IF websiteName -->
-				<span class="account-bio-label">[[user:website]]</span>
-				<span class="account-bio-value"><a href="{websiteLink}" rel="nofollow">{websiteName}</a></span>
-				<!-- ENDIF websiteName -->
-
-				<!-- IF location -->
-				<span class="account-bio-label">[[user:location]]</span>
-				<span class="account-bio-value">{location}</span>
-				<!-- ENDIF location -->
-
-				<!-- IF age -->
-				<span class="account-bio-label">[[user:age]]</span>
-				<span class="account-bio-value">{age}</span>
-				<!-- ENDIF age -->
-
-				<span class="account-bio-label">[[user:joined]]</span>
-				<span class="timeago account-bio-value" title="{joindate}"></span>
-
-				<span class="account-bio-label">[[user:lastonline]]</span>
-				<span class="timeago account-bio-value" title="{lastonline}"></span>
-			</div>
 
 			<!-- IF groups.length -->
 			<div class="hidden">