Refactor pointer cursor

masks/project.html

@@ -885,10 +885,10 @@ function getPost(asPost) {
 				.append($('<p>').addIcon('fa-time', true).append(sAbsTime))
 				.append(bTimeDiff?$('<p>').addIcon('fa-timezone', true).append(oSpot.lang('local_time', getRelativeTime(sAbsTimeLocal, asPost.day_offset))):'')
 				.append($('<a>', {'class':'drill'})
-					.append((!asPost.weather_icon || asPost.weather_icon=='unknown')?'':$('<span>', {'class':'weather', 'title':oSpot.lang(asPost.weather_cond)}).addIcon('fa-'+asPost.weather_icon).append($('<span>').text(asPost.weather_temp+'°C')))
-					.append($('<img>', {'class':'staticmap', title: oSpot.lang('click_zoom'), src: asPost.static_img_url}))
+					.append((!asPost.weather_icon || asPost.weather_icon=='unknown')?'':$('<span>', {'class':'weather clickable', 'title':oSpot.lang(asPost.weather_cond)}).addIcon('fa-'+asPost.weather_icon).append($('<span>').text(asPost.weather_temp+'°C')))
+					.append($('<img>', {'class':'staticmap clickable', title: oSpot.lang('click_zoom'), src: asPost.static_img_url}))
 					.append($('<span>', {'class': 'drill-icon fa-stack'})
-						.addIcon('fa-message fa-stack-2x')
+						.addIcon('fa-message fa-stack-2x clickable')
 						.addIcon('fa-message-in fa-stack-1x fa-rotate-270')
 					)
 					.click(function(){
@@ -1013,7 +1013,8 @@ function getMediaLink(asData, sType) {
 				'src': asData.thumb_path,
 				'width': asData.width, //set image ratio so that the required space can be reserved
 				'height': asData.height,
-				'title': oSpot.lang((asData.subtype == 'video')?'click_watch':'click_zoom')
+				'title': oSpot.lang((asData.subtype == 'video')?'click_watch':'click_zoom'),
+				'class':'clickable'
 			})
 		)
 		.append($('<span>', {'class': 'drill-icon'}).addIcon('fa-drill-'+asData.subtype));

style/_common.scss

@@ -72,6 +72,14 @@
 	outline: 0px none transparent;
 }
 
+[title]:not(a):not(.clickable) {
+	cursor: default;
+}
+
+.clickable {
+	cursor: pointer;
+}
+
 textarea:focus, input:focus {
 	outline: 1px solid #CCC;
 }
@@ -92,7 +100,7 @@ a.button {
 }
 
 button, a.button {
-	cursor: pointer;
+	@extend .clickable;
 	font-weight: bold;
 	color: #000;
 	background: #eee;

style/_leaflet.scss

@@ -31,7 +31,7 @@ $stroke-width-axis : 2;
 }
 
 .leaflet-control.spot-control, .leaflet-control.heightgraph .heightgraph-toggle {
-	cursor: pointer;
+	@extend .clickable;
 	width: 44px;
 	height: 44px;
 	text-align: center;

style/_lightbox.scss

@@ -201,14 +201,10 @@
 			.lb-details {
 				float: none;
 				
-				.lb-caption-line {
-					cursor: default;
-
-					&:first-child {
+				.lb-caption-line:first-child {
 					margin-top: 0;
 				}
 			}
-			}
 
 			.lb-closeContainer  .lb-close {
 				@include lightbox-icon(close);

style/_mask_project.scss

@@ -338,7 +338,6 @@ $legend-color: $post-color;
 
 			i {
 				transition: color 0.3s;
-				cursor: pointer;
 			}
 		}
 	}
@@ -487,7 +486,6 @@ $legend-color: $post-color;
 
 					span {
 						display: inline-block;
-						cursor: default;
 						font-size: 0.8em;
 						padding: $elem-spacing 0px;
 
@@ -579,7 +577,6 @@ $legend-color: $post-color;
 						position: absolute;
 						top: $block-spacing;
 						right: $block-spacing;
-						cursor: pointer;
 						
 						.fa {
 							font-size: 1.3em;
@@ -603,7 +600,6 @@ $legend-color: $post-color;
 					.staticmap {
 						width: 100%;
 						border-radius: $block-radius;
-						cursor: pointer;
 					}
 				}
 
@@ -722,7 +718,6 @@ $legend-color: $post-color;
 						font-size: 0.8em;
 						margin: 0;
 						color: $subtitle-color;
-						cursor: default;
 						transform: translateX(calc(-0.5 * (12px + 0.5em))); //icon width + margin right
 
 						span {
@@ -784,7 +779,7 @@ $legend-color: $post-color;
 					label {
 						margin-bottom: .3em;
 						display: block;
-						cursor: pointer;
+						@extend .clickable;
 
 						& > div {
 							@include no-text-overflow();