bold active section in account page

public/css/style.less

@@ -16,7 +16,7 @@ body {
 		margin-bottom: 350px;
 	}
 
-	@media (min-width: 979px) 
+	@media (min-width: 979px)
 	{
 		padding-top: 70px;
 	}
@@ -93,7 +93,7 @@ footer.footer {
 		color: #bebebe;
 		outline: 0;
 
-		&:focus { 
+		&:focus {
 			outline: 0;
 			border:none !important;
 			box-shadow:none !important;
@@ -201,6 +201,10 @@ footer.footer {
   font-weight:bold;
 }
 
+.bold {
+	font-weight: bold;
+}
+
 .account-block {
   div {
     padding-bottom:10px;
@@ -220,7 +224,7 @@ footer.footer {
       color:green;
     }
 }
- 
+
 .user-profile-picture {
    width:128px;
 }
@@ -352,8 +356,8 @@ footer.footer {
 .users-box{
   display: inline-block;
   margin-top: 20px;
-  text-align: center; 
+  text-align: center;
-  vertical-align: top; 
+  vertical-align: top;
   max-width: 104px;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -411,7 +415,7 @@ body .navbar .nodebb-inline-block {
   font-size: 12px;
   border-top: 1px solid #ddd;
   display: inline-block;
-	
+
 	img {
 	  max-width:200px;
 	  max-height:60px;
@@ -466,7 +470,7 @@ body .navbar .nodebb-inline-block {
 
 		&.active {
 			color: #558;
-			
+
 			text-shadow: 0 0 1em #aaf, 0 0 1em #aaf, 0 0 1em #aaf;
 			-webkit-animation:glow 1.5s infinite linear;
 				    animation:glow 1.5s infinite linear;
@@ -594,7 +598,7 @@ body .navbar .nodebb-inline-block {
 			color: white;
 			height: 200px;
 		}
-		
+
 		.imagedrop {
 			text-align: center;
 			color: white;
@@ -608,7 +612,7 @@ body .navbar .nodebb-inline-block {
 			vertical-align: middle;
 			display: none;
 		}
-		
+
 		.imagelist {
 			position: absolute;
 			bottom: 50px;
@@ -617,13 +621,13 @@ body .navbar .nodebb-inline-block {
 			div {
 				margin-right:5px;
 			}
-			
+
 			span {
 				line-height:20px;
 				float:left;
 			}
-			
+
-			button { 
+			button {
 				padding-left:5px;
 			}
 		}
@@ -655,7 +659,7 @@ body .navbar .nodebb-inline-block {
 #mobile-menu, #mobile-menu-overlay {
 	z-index: 999;
 
-	@media (min-width: 979px) 
+	@media (min-width: 979px)
 	{
 		display: none !important;
 	}
@@ -747,7 +751,7 @@ body .navbar .nodebb-inline-block {
 		transition: margin-top 250ms ease;
 
 		margin-top: 20%;
-		
+
 
 		&.menu-visible {
 			margin-top: 0%;
@@ -771,7 +775,7 @@ body .navbar .nodebb-inline-block {
 
 .category-box {
   height:90px;
-  
+
   .post-preview {
     padding-left:10px;
     padding-right:10px;
@@ -781,7 +785,7 @@ body .navbar .nodebb-inline-block {
       height:60px;
       padding-right:5px;
     }
-    
+
     p {
       overflow: hidden;
       text-overflow:ellipsis;
@@ -845,21 +849,21 @@ body .navbar .nodebb-inline-block {
 .category-slider-2:hover {
   position:relative;
 
-  -webkit-animation: scroll-2 10s ease 0.5s infinite normal;    
+  -webkit-animation: scroll-2 10s ease 0.5s infinite normal;
   animation: scroll-2 10s ease 0.5s infinite normal;/* Safari and Chrome: */
 }
 
 .category-slider-1:hover {
   position:relative;
 
-  -webkit-animation: scroll-1 8s ease 0.5s infinite normal;    
+  -webkit-animation: scroll-1 8s ease 0.5s infinite normal;
   animation: scroll-1 8s ease 0.5s infinite normal;/* Safari and Chrome: */
 }
 
 .category-slider-0:hover {
   position:relative;
 
-  -webkit-animation: scroll-0 6s ease 0.5s infinite normal;    
+  -webkit-animation: scroll-0 6s ease 0.5s infinite normal;
   animation: scroll-0 6s ease 0.5s infinite normal;/* Safari and Chrome: */
 }
 

public/src/forum/accountheader.js

@@ -14,23 +14,29 @@
 		</div>');
 
 		$('.account-username-box').append(links);
-
 	}
 
 	$(document).ready(function() {
-		
+
 		createMenu();
 
 		var editLink = $('#editLink');
 		var settingsLink = $('#settingsLink');
 		var favouritesLink = $('#favouritesLink');
-		
+
 		if(yourid === "0" || yourid !== theirid) {
 			editLink.hide();
 			settingsLink.hide();
 			favouritesLink.hide();
 		}
-	
+
+		jQuery('.account-sub-links span a').removeClass('bold').each(function() {
+			var href = this.getAttribute('href');
+			if (window.location.href.indexOf(href) !== -1) {
+				jQuery(this).addClass('bold');
+				return false;
+			}
+		});
 	});
 
 }());