From: Marcel Werk <burntime@woltlab.com>
Date: Fri, 8 Nov 2013 21:56:40 +0000 (+0100)
Subject: Fixed pseudo-element selectors
X-Git-Tag: 2.0.0_RC_2~42
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=19e5d9ff61dd2b63c1d1852798bfc21d6d196eb9;p=GitHub%2FWoltLab%2FWCF.git

Fixed pseudo-element selectors

Closes #1532
---

diff --git a/wcfsetup/install/files/acp/style/blueTemptation/individual.less b/wcfsetup/install/files/acp/style/blueTemptation/individual.less
index 7c074d77a3..28acebf7af 100644
--- a/wcfsetup/install/files/acp/style/blueTemptation/individual.less
+++ b/wcfsetup/install/files/acp/style/blueTemptation/individual.less
@@ -43,7 +43,7 @@ body, .tabularBox, .dialogTitlebar {
 				border-radius: 5px 5px 0 0;
 				position: relative;
 				
-				&:after {
+				&::after {
 					border-bottom-left-radius: 6px;
 					border-width: 0 0 1px 1px;
 					bottom: 0;
@@ -56,7 +56,7 @@ body, .tabularBox, .dialogTitlebar {
 					.boxShadow(-2px, 2px, @wcfNavigationHeaderBackgroundColor, 0);
 				}
 				
-				&:before {
+				&::before {
 					border-bottom-right-radius: 6px;
 					border-width: 0 1px 1px 0;
 					bottom: 0;
@@ -548,7 +548,7 @@ button.active:hover {
 						border-top-right-radius: @wcfContainerBorderRadius;
 						border-top-left-radius: @wcfContainerBorderRadius;
 						
-						&:before {
+						&::before {
 							border: 1px solid @wcfContainerBorderColor;
 							border-bottom-right-radius: 6px;
 							border-width: 0 1px 1px 0;
@@ -563,7 +563,7 @@ button.active:hover {
 							.boxShadow(2px, 1px, @wcfContainerBackgroundColor, 0);
 						}
 						
-						&:after {
+						&::after {
 							border: 1px solid @wcfContainerBorderColor;
 							border-bottom-left-radius: 6px;
 							border-width: 0 0 1px 1px;
@@ -745,7 +745,7 @@ select[multiple]:focus {
 @media only screen and (min-width: 801px) {
 	.messageList {
 		.messageGroupStarter {
-			> .message.messageSidebarOrientationLeft:before {
+			> .message.messageSidebarOrientationLeft::before {
 				border-top-left-radius: @wcfContainerBorderRadius;
 				content: "";
 				display: block;
@@ -758,7 +758,7 @@ select[multiple]:focus {
 				.linearGradientNative(~"135deg, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%");
 			}
 			
-			> .message.messageSidebarOrientationRight:before {
+			> .message.messageSidebarOrientationRight::before {
 				border-top-right-radius: @wcfContainerBorderRadius;
 				content: "";
 				display: block;
diff --git a/wcfsetup/install/files/style/alert.less b/wcfsetup/install/files/style/alert.less
index 932983f9fd..8baef0e17d 100644
--- a/wcfsetup/install/files/style/alert.less
+++ b/wcfsetup/install/files/style/alert.less
@@ -11,7 +11,7 @@
 	padding: @wcfGapSmall+@wcfGapTiny @wcfGapMedium @wcfGapSmall+@wcfGapTiny 48px;
 	position: relative;
 	
-	&:after {
+	&::after {
 		font-family: FontAwesome;
 		font-size: 28px;
 		display: block;
@@ -37,7 +37,7 @@
 		margin-right: @wcfGapSmall;
 		padding: @wcfGapTiny @wcfGapSmall;
 		
-		&:after {
+		&::after {
 			display: none;
 		}
 	}
@@ -51,7 +51,7 @@
 	
 	.textShadow(@wcfInfoBackgroundColor);
 	
-	&:after {
+	&::after {
 		content: "\f05a";
 	}
 	
@@ -73,7 +73,7 @@
 	
 	.textShadow(@wcfSuccessBackgroundColor);
 	
-	&:after {
+	&::after {
 		content: "\f058";
 	}
 	
@@ -95,7 +95,7 @@
 	
 	.textShadow(@wcfWarningBackgroundColor);
 	
-	&:after {
+	&::after {
 		content: "\f071";
 	}
 	
@@ -117,7 +117,7 @@
 	
 	.textShadow(@wcfErrorBackgroundColor);
 	
-	&:after {
+	&::after {
 		content: "\f05e";
 	}
 	
@@ -144,7 +144,7 @@
 	position: relative; /* Firefox support (from version 10 on) is buggy */
 	
 	/* pointer */
-	&:after {
+	&::after {
 		border: 7px solid transparent;
 		border-bottom-color: @wcfErrorBorderColor;
 		border-top-width: 0;
@@ -156,7 +156,7 @@
 		z-index: 100;
 	}
 	
-	&:before {
+	&::before {
 		border: 6px solid transparent;
 		border-bottom-color: @wcfErrorBackgroundColor;
 		border-top-width: 0;
diff --git a/wcfsetup/install/files/style/bbcode.less b/wcfsetup/install/files/style/bbcode.less
index efd59e8542..c9127e628d 100644
--- a/wcfsetup/install/files/style/bbcode.less
+++ b/wcfsetup/install/files/style/bbcode.less
@@ -197,7 +197,7 @@
 		padding-left: 54px;
 	}
 	
-	&:before {
+	&::before {
 		content: "\f10d";
 		color: @wcfDimmedColor;
 		font-family: FontAwesome;
@@ -223,7 +223,7 @@
 		padding-left: @wcfGapLarge;
 		min-height: 0;
 		
-		&:before {
+		&::before {
 			display: none;
 		}
 	}
@@ -231,7 +231,7 @@
 
 @media only screen and (max-width: 800px) {
 	.quoteBox {
-		&:before {
+		&::before {
 			font-size: 14px;
 			left: @wcfGapSmall;
 		}
diff --git a/wcfsetup/install/files/style/bootstrap/mixin.less b/wcfsetup/install/files/style/bootstrap/mixin.less
index 72f712689b..0d22c4d44f 100644
--- a/wcfsetup/install/files/style/bootstrap/mixin.less
+++ b/wcfsetup/install/files/style/bootstrap/mixin.less
@@ -1,13 +1,13 @@
 /* shortcuts */
 // clearing floats like a boss h5bp.com/q
 .clearfix {
-	&:before,
-	&:after {
+	&::before,
+	&::after {
 		display: table;
 		content: "";
 	}
 	
-	&:after {
+	&::after {
 		clear: both;
 	}
 }
diff --git a/wcfsetup/install/files/style/bootstrap/reset.less b/wcfsetup/install/files/style/bootstrap/reset.less
index 1598898092..40c071cae4 100644
--- a/wcfsetup/install/files/style/bootstrap/reset.less
+++ b/wcfsetup/install/files/style/bootstrap/reset.less
@@ -43,10 +43,10 @@ blockquote, q {
 	quotes: none;
 }
 
-blockquote:before,
-blockquote:after,
-q:before,
-q:after {
+blockquote::before,
+blockquote::after,
+q::before,
+q::after {
 	content: '';
 	content: none;
 }
\ No newline at end of file
diff --git a/wcfsetup/install/files/style/colorPicker.less b/wcfsetup/install/files/style/colorPicker.less
index cd96bc7243..8c5f91bd3f 100644
--- a/wcfsetup/install/files/style/colorPicker.less
+++ b/wcfsetup/install/files/style/colorPicker.less
@@ -49,8 +49,8 @@
 		top: 27px;
 		width: 16px;
 		
-		&:after,
-		&:before {
+		&::after,
+		&::before {
 			content: "";
 			display: block;
 			height: 0;
@@ -59,7 +59,7 @@
 			width: 0;
 		}
 		
-		&:after {
+		&::after {
 			border-bottom: 5px solid transparent;
 			border-right: 5px solid rgba(0, 0, 0, 1);
 			border-top: 5px solid transparent;
@@ -67,7 +67,7 @@
 			top: -5px;
 		}
 		
-		&:before {
+		&::before {
 			border-bottom: 5px solid transparent;
 			border-left: 5px solid rgba(0, 0, 0, 1);
 			border-top: 5px solid transparent;
diff --git a/wcfsetup/install/files/style/comment.less b/wcfsetup/install/files/style/comment.less
index b7d09eba72..d9bd9756a7 100644
--- a/wcfsetup/install/files/style/comment.less
+++ b/wcfsetup/install/files/style/comment.less
@@ -54,7 +54,7 @@
 		font-size: 0;
 		
 		> li {
-			&:not(:last-child):after {
+			&:not(:last-child)::after {
 				content: " - ";
 			}
 			
diff --git a/wcfsetup/install/files/style/datePicker.less b/wcfsetup/install/files/style/datePicker.less
index 59ac2964c3..27cb808db5 100644
--- a/wcfsetup/install/files/style/datePicker.less
+++ b/wcfsetup/install/files/style/datePicker.less
@@ -6,7 +6,7 @@
 	
 	.boxShadow(2px, 2px, rgba(0, 0, 0, .2), 10px);
 
-	&:after {
+	&::after {
 		border: 7px solid transparent;
 		border-bottom-color: @wcfDropdownBorderColor;
 		border-top-width: 0;
@@ -18,7 +18,7 @@
 		z-index: 100;
 	}
 	
-	&:before {
+	&::before {
 		border: 6px solid transparent;
 		border-bottom-color: @wcfDropdownBackgroundColor;
 		border-top-width: 0;
@@ -51,7 +51,7 @@
 		> .ui-datepicker-prev {
 			float: left;
 			
-			&:before {
+			&::before {
 				content: "\f060";
 				font-family: FontAwesome;
 				font-size: 14px;
@@ -61,7 +61,7 @@
 		> .ui-datepicker-next {
 			float: right;
 			
-			&:before {
+			&::before {
 				content: "\f061";
 				font-family: FontAwesome;
 				font-size: 14px;
diff --git a/wcfsetup/install/files/style/dialog.less b/wcfsetup/install/files/style/dialog.less
index 7dadbeadbd..ef0fe07ab5 100644
--- a/wcfsetup/install/files/style/dialog.less
+++ b/wcfsetup/install/files/style/dialog.less
@@ -63,7 +63,7 @@
 		
 		.textShadow(@wcfTabularBoxBackgroundColor);
 		
-		&:before {
+		&::before {
 			content: "\f057";
 		}
 		
diff --git a/wcfsetup/install/files/style/dropdown.less b/wcfsetup/install/files/style/dropdown.less
index 195bf31a3e..aa4b6b5fd9 100644
--- a/wcfsetup/install/files/style/dropdown.less
+++ b/wcfsetup/install/files/style/dropdown.less
@@ -40,7 +40,7 @@
 				white-space: nowrap;
 				word-wrap: normal;
 				
-				&.active:after {
+				&.active::after {
 					content: "\f0d7";
 					font-family: FontAwesome;
 					font-size: 14px;
@@ -67,7 +67,7 @@
 				white-space: nowrap;
 				word-wrap: normal;
 				
-				&.active:after {
+				&.active::after {
 					content: "\f0d7";
 					font-family: FontAwesome;
 					font-size: 14px;
@@ -106,7 +106,7 @@
 	
 	.boxShadow(2px, 2px, rgba(0, 0, 0, .2), 10px);
 	
-	&:after {
+	&::after {
 		border: 7px solid transparent;
 		border-bottom-color: @wcfDropdownBorderColor;
 		border-top-width: 0;
@@ -118,7 +118,7 @@
 		z-index: 100;
 	}
 	
-	&:before {
+	&::before {
 		border: 6px solid transparent;
 		border-bottom-color: @wcfDropdownBackgroundColor;
 		border-top-width: 0;
@@ -131,19 +131,19 @@
 	}
 	
 	&.dropdownArrowRight {
-		&:after {
+		&::after {
 			left: auto;
 			right: 9px;
 		}
 		
-		&:before {
+		&::before {
 			left: auto;
 			right: 10px;
 		}
 	}
 	
 	&.dropdownArrowBottom {
-		&:after {
+		&::after {
 			border: 7px transparent solid;
 			border-top-color: @wcfDropdownBorderColor;
 			border-bottom-width: 0;
@@ -151,7 +151,7 @@
 			top: auto;
 		}
 		
-		&:before {
+		&::before {
 			border: 6px transparent solid;
 			border-top-color: @wcfDropdownBackgroundColor;
 			border-bottom-width: 0;
diff --git a/wcfsetup/install/files/style/global.less b/wcfsetup/install/files/style/global.less
index 6d267602bb..b3bee8b97f 100644
--- a/wcfsetup/install/files/style/global.less
+++ b/wcfsetup/install/files/style/global.less
@@ -33,7 +33,7 @@ a {
 		text-decoration: underline;
 	}
 	
-	&.externalURL:after {
+	&.externalURL::after {
 		content: "\f08e";
 		display: inline-block;
 		font-family: FontAwesome !important;
@@ -254,7 +254,7 @@ fieldset {
 		padding: @wcfGapSmall @wcfGapMedium;
 	}
 	
-	&:after {
+	&::after {
 		border: 10px solid transparent;
 		content: "";
 		display: inline-block;
@@ -262,23 +262,23 @@ fieldset {
 		z-index: 100;
 	}
 	
-	&.top:after {
+	&.top::after {
 		border-bottom-width: 0;
 		border-top-color: rgba(0, 0, 0, .3);
 		bottom: -10px;
 	}
 	
-	&.bottom:after {
+	&.bottom::after {
 		border-bottom-color: rgba(0, 0, 0, .3);
 		border-top-width: 0;
 		top: -10px;
 	}
 	
-	&.right:after {
+	&.right::after {
 		left: 10px;
 	}
 	
-	&.left:after {
+	&.left::after {
 		right: 10px;
 	}
 }
diff --git a/wcfsetup/install/files/style/icon.less b/wcfsetup/install/files/style/icon.less
index 2f7d58e27d..241713cc36 100644
--- a/wcfsetup/install/files/style/icon.less
+++ b/wcfsetup/install/files/style/icon.less
@@ -97,7 +97,7 @@ a > span.icon:not(.pointer) {
 	100% { transform: rotate(359deg); }
 }
 
-.icon-rotate-90:before {
+.icon-rotate-90::before {
 	-webkit-transform: rotate(90deg);
 	-moz-transform: rotate(90deg);
 	-ms-transform: rotate(90deg);
@@ -106,7 +106,7 @@ a > span.icon:not(.pointer) {
 	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
 }
 
-.icon-rotate-180:before {
+.icon-rotate-180::before {
 	-webkit-transform: rotate(180deg);
 	-moz-transform: rotate(180deg);
 	-ms-transform: rotate(180deg);
@@ -115,7 +115,7 @@ a > span.icon:not(.pointer) {
 	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
 }
 
-.icon-rotate-270:before {
+.icon-rotate-270::before {
 	-webkit-transform: rotate(270deg);
 	-moz-transform: rotate(270deg);
 	-ms-transform: rotate(270deg);
@@ -124,7 +124,7 @@ a > span.icon:not(.pointer) {
 	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
 }
 
-.icon-flip-horizontal:before {
+.icon-flip-horizontal::before {
 	-webkit-transform: scale(-1, 1);
 	-moz-transform: scale(-1, 1);
 	-ms-transform: scale(-1, 1);
@@ -132,7 +132,7 @@ a > span.icon:not(.pointer) {
 	transform: scale(-1, 1);
 }
 
-.icon-flip-vertical:before {
+.icon-flip-vertical::before {
 	-webkit-transform: scale(1, -1);
 	-moz-transform: scale(1, -1);
 	-ms-transform: scale(1, -1);
@@ -505,381 +505,381 @@ a > span.icon:not(.pointer) {
 
 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
-.icon-glass:before { content: @glass; }
-.icon-music:before { content: @music; }
-.icon-search:before { content: @search; }
-.icon-envelope-alt:before { content: @envelope-alt; }
-.icon-heart:before { content: @heart; }
-.icon-star:before { content: @star; }
-.icon-star-empty:before { content: @star-empty; }
-.icon-user:before { content: @user; }
-.icon-film:before { content: @film; }
-.icon-th-large:before { content: @th-large; }
-.icon-th:before { content: @th; }
-.icon-th-list:before { content: @th-list; }
-.icon-ok:before { content: @ok; }
-.icon-remove:before { content: @remove; }
-.icon-zoom-in:before { content: @zoom-in; }
-.icon-zoom-out:before { content: @zoom-out; }
-.icon-power-off:before,
-.icon-off:before { content: @off; }
-.icon-signal:before { content: @signal; }
-.icon-gear:before,
-.icon-cog:before { content: @cog; }
-.icon-trash:before { content: @trash; }
-.icon-home:before { content: @home; }
-.icon-file-alt:before { content: @file-alt; }
-.icon-time:before { content: @time; }
-.icon-road:before { content: @road; }
-.icon-download-alt:before { content: @download-alt; }
-.icon-download:before { content: @download; }
-.icon-upload:before { content: @upload; }
-.icon-inbox:before { content: @inbox; }
-.icon-play-circle:before { content: @play-circle; }
-.icon-rotate-right:before,
-.icon-repeat:before { content: @repeat; }
-.icon-refresh:before { content: @refresh; }
-.icon-list-alt:before { content: @list-alt; }
-.icon-lock:before { content: @lock; }
-.icon-flag:before { content: @flag; }
-.icon-headphones:before { content: @headphones; }
-.icon-volume-off:before { content: @volume-off; }
-.icon-volume-down:before { content: @volume-down; }
-.icon-volume-up:before { content: @volume-up; }
-.icon-qrcode:before { content: @qrcode; }
-.icon-barcode:before { content: @barcode; }
-.icon-tag:before { content: @tag; }
-.icon-tags:before { content: @tags; }
-.icon-book:before { content: @book; }
-.icon-bookmark:before { content: @bookmark; }
-.icon-print:before { content: @print; }
-.icon-camera:before { content: @camera; }
-.icon-font:before { content: @font; }
-.icon-bold:before { content: @bold; }
-.icon-italic:before { content: @italic; }
-.icon-text-height:before { content: @text-height; }
-.icon-text-width:before { content: @text-width; }
-.icon-align-left:before { content: @align-left; }
-.icon-align-center:before { content: @align-center; }
-.icon-align-right:before { content: @align-right; }
-.icon-align-justify:before { content: @align-justify; }
-.icon-list:before { content: @list; }
-.icon-indent-left:before { content: @indent-left; }
-.icon-indent-right:before { content: @indent-right; }
-.icon-facetime-video:before { content: @facetime-video; }
-.icon-picture:before { content: @picture; }
-.icon-pencil:before { content: @pencil; }
-.icon-map-marker:before { content: @map-marker; }
-.icon-adjust:before { content: @adjust; }
-.icon-tint:before { content: @tint; }
-.icon-edit:before { content: @edit; }
-.icon-share:before { content: @share; }
-.icon-check:before { content: @check; }
-.icon-move:before { content: @move; }
-.icon-step-backward:before { content: @step-backward; }
-.icon-fast-backward:before { content: @fast-backward; }
-.icon-backward:before { content: @backward; }
-.icon-play:before { content: @play; }
-.icon-pause:before { content: @pause; }
-.icon-stop:before { content: @stop; }
-.icon-forward:before { content: @forward; }
-.icon-fast-forward:before { content: @fast-forward; }
-.icon-step-forward:before { content: @step-forward; }
-.icon-eject:before { content: @eject; }
-.icon-chevron-left:before { content: @chevron-left; }
-.icon-chevron-right:before { content: @chevron-right; }
-.icon-plus-sign:before { content: @plus-sign; }
-.icon-minus-sign:before { content: @minus-sign; }
-.icon-remove-sign:before { content: @remove-sign; }
-.icon-ok-sign:before { content: @ok-sign; }
-.icon-question-sign:before { content: @question-sign; }
-.icon-info-sign:before { content: @info-sign; }
-.icon-screenshot:before { content: @screenshot; }
-.icon-remove-circle:before { content: @remove-circle; }
-.icon-ok-circle:before { content: @ok-circle; }
-.icon-ban-circle:before { content: @ban-circle; }
-.icon-arrow-left:before { content: @arrow-left; }
-.icon-arrow-right:before { content: @arrow-right; }
-.icon-arrow-up:before { content: @arrow-up; }
-.icon-arrow-down:before { content: @arrow-down; }
-.icon-mail-forward:before,
-.icon-share-alt:before { content: @share-alt; }
-.icon-resize-full:before { content: @resize-full; }
-.icon-resize-small:before { content: @resize-small; }
-.icon-plus:before { content: @plus; }
-.icon-minus:before { content: @minus; }
-.icon-asterisk:before { content: @asterisk; }
-.icon-exclamation-sign:before { content: @exclamation-sign; }
-.icon-gift:before { content: @gift; }
-.icon-leaf:before { content: @leaf; }
-.icon-fire:before { content: @fire; }
-.icon-eye-open:before { content: @eye-open; }
-.icon-eye-close:before { content: @eye-close; }
-.icon-warning-sign:before { content: @warning-sign; }
-.icon-plane:before { content: @plane; }
-.icon-calendar:before { content: @calendar; }
-.icon-random:before { content: @random; }
-.icon-comment:before { content: @comment; }
-.icon-magnet:before { content: @magnet; }
-.icon-chevron-up:before { content: @chevron-up; }
-.icon-chevron-down:before { content: @chevron-down; }
-.icon-retweet:before { content: @retweet; }
-.icon-shopping-cart:before { content: @shopping-cart; }
-.icon-folder-close:before { content: @folder-close; }
-.icon-folder-open:before { content: @folder-open; }
-.icon-resize-vertical:before { content: @resize-vertical; }
-.icon-resize-horizontal:before { content: @resize-horizontal; }
-.icon-bar-chart:before { content: @bar-chart; }
-.icon-twitter-sign:before { content: @twitter-sign; }
-.icon-facebook-sign:before { content: @facebook-sign; }
-.icon-camera-retro:before { content: @camera-retro; }
-.icon-key:before { content: @key; }
-.icon-gears:before,
-.icon-cogs:before { content: @cogs; }
-.icon-comments:before { content: @comments; }
-.icon-thumbs-up-alt:before { content: @thumbs-up-alt; }
-.icon-thumbs-down-alt:before { content: @thumbs-down-alt; }
-.icon-star-half:before { content: @star-half; }
-.icon-heart-empty:before { content: @heart-empty; }
-.icon-signout:before { content: @signout; }
-.icon-linkedin-sign:before { content: @linkedin-sign; }
-.icon-pushpin:before { content: @pushpin; }
-.icon-external-link:before { content: @external-link; }
-.icon-signin:before { content: @signin; }
-.icon-trophy:before { content: @trophy; }
-.icon-github-sign:before { content: @github-sign; }
-.icon-upload-alt:before { content: @upload-alt; }
-.icon-lemon:before { content: @lemon; }
-.icon-phone:before { content: @phone; }
-.icon-unchecked:before,
-.icon-check-empty:before { content: @check-empty; }
-.icon-bookmark-empty:before { content: @bookmark-empty; }
-.icon-phone-sign:before { content: @phone-sign; }
-.icon-twitter:before { content: @twitter; }
-.icon-facebook:before { content: @facebook; }
-.icon-github:before { content: @github; }
-.icon-unlock:before { content: @unlock; }
-.icon-credit-card:before { content: @credit-card; }
-.icon-rss:before { content: @rss; }
-.icon-hdd:before { content: @hdd; }
-.icon-bullhorn:before { content: @bullhorn; }
-.icon-bell:before { content: @bell; }
-.icon-certificate:before { content: @certificate; }
-.icon-hand-right:before { content: @hand-right; }
-.icon-hand-left:before { content: @hand-left; }
-.icon-hand-up:before { content: @hand-up; }
-.icon-hand-down:before { content: @hand-down; }
-.icon-circle-arrow-left:before { content: @circle-arrow-left; }
-.icon-circle-arrow-right:before { content: @circle-arrow-right; }
-.icon-circle-arrow-up:before { content: @circle-arrow-up; }
-.icon-circle-arrow-down:before { content: @circle-arrow-down; }
-.icon-globe:before { content: @globe; }
-.icon-wrench:before { content: @wrench; }
-.icon-tasks:before { content: @tasks; }
-.icon-filter:before { content: @filter; }
-.icon-briefcase:before { content: @briefcase; }
-.icon-fullscreen:before { content: @fullscreen; }
-.icon-group:before { content: @group; }
-.icon-link:before { content: @link; }
-.icon-cloud:before { content: @cloud; }
-.icon-beaker:before { content: @beaker; }
-.icon-cut:before { content: @cut; }
-.icon-copy:before { content: @copy; }
-.icon-paperclip:before,
-.icon-paper-clip:before { content: @paper-clip; }
-.icon-save:before { content: @save; }
-.icon-sign-blank:before { content: @sign-blank; }
-.icon-reorder:before { content: @reorder; }
-.icon-list-ul:before { content: @list-ul; }
-.icon-list-ol:before { content: @list-ol; }
-.icon-strikethrough:before { content: @strikethrough; }
-.icon-underline:before { content: @underline; }
-.icon-table:before { content: @table; }
-.icon-magic:before { content: @magic; }
-.icon-truck:before { content: @truck; }
-.icon-pinterest:before { content: @pinterest; }
-.icon-pinterest-sign:before { content: @pinterest-sign; }
-.icon-google-plus-sign:before { content: @google-plus-sign; }
-.icon-google-plus:before { content: @google-plus; }
-.icon-money:before { content: @money; }
-.icon-caret-down:before { content: @caret-down; }
-.icon-caret-up:before { content: @caret-up; }
-.icon-caret-left:before { content: @caret-left; }
-.icon-caret-right:before { content: @caret-right; }
-.icon-columns:before { content: @columns; }
-.icon-sort:before { content: @sort; }
-.icon-sort-down:before { content: @sort-down; }
-.icon-sort-up:before { content: @sort-up; }
-.icon-envelope:before { content: @envelope; }
-.icon-linkedin:before { content: @linkedin; }
-.icon-rotate-left:before,
-.icon-undo:before { content: @undo; }
-.icon-legal:before { content: @legal; }
-.icon-dashboard:before { content: @dashboard; }
-.icon-comment-alt:before { content: @comment-alt; }
-.icon-comments-alt:before { content: @comments-alt; }
-.icon-bolt:before { content: @bolt; }
-.icon-sitemap:before { content: @sitemap; }
-.icon-umbrella:before { content: @umbrella; }
-.icon-paste:before { content: @paste; }
-.icon-lightbulb:before { content: @lightbulb; }
-.icon-exchange:before { content: @exchange; }
-.icon-cloud-download:before { content: @cloud-download; }
-.icon-cloud-upload:before { content: @cloud-upload; }
-.icon-user-md:before { content: @user-md; }
-.icon-stethoscope:before { content: @stethoscope; }
-.icon-suitcase:before { content: @suitcase; }
-.icon-bell-alt:before { content: @bell-alt; }
-.icon-coffee:before { content: @coffee; }
-.icon-food:before { content: @food; }
-.icon-file-text-alt:before { content: @file-text-alt; }
-.icon-building:before { content: @building; }
-.icon-hospital:before { content: @hospital; }
-.icon-ambulance:before { content: @ambulance; }
-.icon-medkit:before { content: @medkit; }
-.icon-fighter-jet:before { content: @fighter-jet; }
-.icon-beer:before { content: @beer; }
-.icon-h-sign:before { content: @h-sign; }
-.icon-plus-sign-alt:before { content: @plus-sign-alt; }
-.icon-double-angle-left:before { content: @double-angle-left; }
-.icon-double-angle-right:before { content: @double-angle-right; }
-.icon-double-angle-up:before { content: @double-angle-up; }
-.icon-double-angle-down:before { content: @double-angle-down; }
-.icon-angle-left:before { content: @angle-left; }
-.icon-angle-right:before { content: @angle-right; }
-.icon-angle-up:before { content: @angle-up; }
-.icon-angle-down:before { content: @angle-down; }
-.icon-desktop:before { content: @desktop; }
-.icon-laptop:before { content: @laptop; }
-.icon-tablet:before { content: @tablet; }
-.icon-mobile-phone:before { content: @mobile-phone; }
-.icon-circle-blank:before { content: @circle-blank; }
-.icon-quote-left:before { content: @quote-left; }
-.icon-quote-right:before { content: @quote-right; }
-.icon-spinner:before { content: @spinner !important; }
-.icon-circle:before { content: @circle; }
-.icon-mail-reply:before,
-.icon-reply:before { content: @reply; }
-.icon-github-alt:before { content: @github-alt; }
-.icon-folder-close-alt:before { content: @folder-close-alt; }
-.icon-folder-open-alt:before { content: @folder-open-alt; }
-.icon-expand-alt:before { content: @expand-alt; }
-.icon-collapse-alt:before { content: @collapse-alt; }
-.icon-smile:before { content: @smile; }
-.icon-frown:before { content: @frown; }
-.icon-meh:before { content: @meh; }
-.icon-gamepad:before { content: @gamepad; }
-.icon-keyboard:before { content: @keyboard; }
-.icon-flag-alt:before { content: @flag-alt; }
-.icon-flag-checkered:before { content: @flag-checkered; }
-.icon-terminal:before { content: @terminal; }
-.icon-code:before { content: @code; }
-.icon-reply-all:before { content: @reply-all; }
-.icon-mail-reply-all:before { content: @mail-reply-all; }
-.icon-star-half-full:before,
-.icon-star-half-empty:before { content: @star-half-empty; }
-.icon-location-arrow:before { content: @location-arrow; }
-.icon-crop:before { content: @crop; }
-.icon-code-fork:before { content: @code-fork; }
-.icon-unlink:before { content: @unlink; }
-.icon-question:before { content: @question; }
-.icon-info:before { content: @info; }
-.icon-exclamation:before { content: @exclamation; }
-.icon-superscript:before { content: @superscript; }
-.icon-subscript:before { content: @subscript; }
-.icon-eraser:before { content: @eraser; }
-.icon-puzzle-piece:before { content: @puzzle-piece; }
-.icon-microphone:before { content: @microphone; }
-.icon-microphone-off:before { content: @microphone-off; }
-.icon-shield:before { content: @shield; }
-.icon-calendar-empty:before { content: @calendar-empty; }
-.icon-fire-extinguisher:before { content: @fire-extinguisher; }
-.icon-rocket:before { content: @rocket; }
-.icon-maxcdn:before { content: @maxcdn; }
-.icon-chevron-sign-left:before { content: @chevron-sign-left; }
-.icon-chevron-sign-right:before { content: @chevron-sign-right; }
-.icon-chevron-sign-up:before { content: @chevron-sign-up; }
-.icon-chevron-sign-down:before { content: @chevron-sign-down; }
-.icon-html5:before { content: @html5; }
-.icon-css3:before { content: @css3; }
-.icon-anchor:before { content: @anchor; }
-.icon-unlock-alt:before { content: @unlock-alt; }
-.icon-bullseye:before { content: @bullseye; }
-.icon-ellipsis-horizontal:before { content: @ellipsis-horizontal; }
-.icon-ellipsis-vertical:before { content: @ellipsis-vertical; }
-.icon-rss-sign:before { content: @rss-sign; }
-.icon-play-sign:before { content: @play-sign; }
-.icon-ticket:before { content: @ticket; }
-.icon-minus-sign-alt:before { content: @minus-sign-alt; }
-.icon-check-minus:before { content: @check-minus; }
-.icon-level-up:before { content: @level-up; }
-.icon-level-down:before { content: @level-down; }
-.icon-check-sign:before { content: @check-sign; }
-.icon-edit-sign:before { content: @edit-sign; }
-.icon-external-link-sign:before { content: @external-link-sign; }
-.icon-share-sign:before { content: @share-sign; }
-.icon-compass:before { content: @compass; }
-.icon-collapse:before { content: @collapse; }
-.icon-collapse-top:before { content: @collapse-top; }
-.icon-expand:before { content: @expand; }
-.icon-euro:before,
-.icon-eur:before { content: @eur; }
-.icon-gbp:before { content: @gbp; }
-.icon-dollar:before,
-.icon-usd:before { content: @usd; }
-.icon-rupee:before,
-.icon-inr:before { content: @inr; }
-.icon-yen:before,
-.icon-jpy:before { content: @jpy; }
-.icon-renminbi:before,
-.icon-cny:before { content: @cny; }
-.icon-won:before,
-.icon-krw:before { content: @krw; }
-.icon-bitcoin:before,
-.icon-btc:before { content: @btc; }
-.icon-file:before { content: @file; }
-.icon-file-text:before { content: @file-text; }
-.icon-sort-by-alphabet:before { content: @sort-by-alphabet; }
-.icon-sort-by-alphabet-alt:before { content: @sort-by-alphabet-alt; }
-.icon-sort-by-attributes:before { content: @sort-by-attributes; }
-.icon-sort-by-attributes-alt:before { content: @sort-by-attributes-alt; }
-.icon-sort-by-order:before { content: @sort-by-order; }
-.icon-sort-by-order-alt:before { content: @sort-by-order-alt; }
-.icon-thumbs-up:before { content: @thumbs-up; }
-.icon-thumbs-down:before { content: @thumbs-down; }
-.icon-youtube-sign:before { content: @youtube-sign; }
-.icon-youtube:before { content: @youtube; }
-.icon-xing:before { content: @xing; }
-.icon-xing-sign:before { content: @xing-sign; }
-.icon-youtube-play:before { content: @youtube-play; }
-.icon-dropbox:before { content: @dropbox; }
-.icon-stackexchange:before { content: @stackexchange; }
-.icon-instagram:before { content: @instagram; }
-.icon-flickr:before { content: @flickr; }
-.icon-adn:before { content: @adn; }
-.icon-bitbucket:before { content: @bitbucket; }
-.icon-bitbucket-sign:before { content: @bitbucket-sign; }
-.icon-tumblr:before { content: @tumblr; }
-.icon-tumblr-sign:before { content: @tumblr-sign; }
-.icon-long-arrow-down:before { content: @long-arrow-down; }
-.icon-long-arrow-up:before { content: @long-arrow-up; }
-.icon-long-arrow-left:before { content: @long-arrow-left; }
-.icon-long-arrow-right:before { content: @long-arrow-right; }
-.icon-apple:before { content: @apple; }
-.icon-windows:before { content: @windows; }
-.icon-android:before { content: @android; }
-.icon-linux:before { content: @linux; }
-.icon-dribbble:before { content: @dribbble; }
-.icon-skype:before { content: @skype; }
-.icon-foursquare:before { content: @foursquare; }
-.icon-trello:before { content: @trello; }
-.icon-female:before { content: @female; }
-.icon-male:before { content: @male; }
-.icon-gittip:before { content: @gittip; }
-.icon-sun:before { content: @sun; }
-.icon-moon:before { content: @moon; }
-.icon-archive:before { content: @archive; }
-.icon-bug:before { content: @bug; }
-.icon-vk:before { content: @vk; }
-.icon-weibo:before { content: @weibo; }
-.icon-renren:before { content: @renren; }
+.icon-glass::before { content: @glass; }
+.icon-music::before { content: @music; }
+.icon-search::before { content: @search; }
+.icon-envelope-alt::before { content: @envelope-alt; }
+.icon-heart::before { content: @heart; }
+.icon-star::before { content: @star; }
+.icon-star-empty::before { content: @star-empty; }
+.icon-user::before { content: @user; }
+.icon-film::before { content: @film; }
+.icon-th-large::before { content: @th-large; }
+.icon-th::before { content: @th; }
+.icon-th-list::before { content: @th-list; }
+.icon-ok::before { content: @ok; }
+.icon-remove::before { content: @remove; }
+.icon-zoom-in::before { content: @zoom-in; }
+.icon-zoom-out::before { content: @zoom-out; }
+.icon-power-off::before,
+.icon-off::before { content: @off; }
+.icon-signal::before { content: @signal; }
+.icon-gear::before,
+.icon-cog::before { content: @cog; }
+.icon-trash::before { content: @trash; }
+.icon-home::before { content: @home; }
+.icon-file-alt::before { content: @file-alt; }
+.icon-time::before { content: @time; }
+.icon-road::before { content: @road; }
+.icon-download-alt::before { content: @download-alt; }
+.icon-download::before { content: @download; }
+.icon-upload::before { content: @upload; }
+.icon-inbox::before { content: @inbox; }
+.icon-play-circle::before { content: @play-circle; }
+.icon-rotate-right::before,
+.icon-repeat::before { content: @repeat; }
+.icon-refresh::before { content: @refresh; }
+.icon-list-alt::before { content: @list-alt; }
+.icon-lock::before { content: @lock; }
+.icon-flag::before { content: @flag; }
+.icon-headphones::before { content: @headphones; }
+.icon-volume-off::before { content: @volume-off; }
+.icon-volume-down::before { content: @volume-down; }
+.icon-volume-up::before { content: @volume-up; }
+.icon-qrcode::before { content: @qrcode; }
+.icon-barcode::before { content: @barcode; }
+.icon-tag::before { content: @tag; }
+.icon-tags::before { content: @tags; }
+.icon-book::before { content: @book; }
+.icon-bookmark::before { content: @bookmark; }
+.icon-print::before { content: @print; }
+.icon-camera::before { content: @camera; }
+.icon-font::before { content: @font; }
+.icon-bold::before { content: @bold; }
+.icon-italic::before { content: @italic; }
+.icon-text-height::before { content: @text-height; }
+.icon-text-width::before { content: @text-width; }
+.icon-align-left::before { content: @align-left; }
+.icon-align-center::before { content: @align-center; }
+.icon-align-right::before { content: @align-right; }
+.icon-align-justify::before { content: @align-justify; }
+.icon-list::before { content: @list; }
+.icon-indent-left::before { content: @indent-left; }
+.icon-indent-right::before { content: @indent-right; }
+.icon-facetime-video::before { content: @facetime-video; }
+.icon-picture::before { content: @picture; }
+.icon-pencil::before { content: @pencil; }
+.icon-map-marker::before { content: @map-marker; }
+.icon-adjust::before { content: @adjust; }
+.icon-tint::before { content: @tint; }
+.icon-edit::before { content: @edit; }
+.icon-share::before { content: @share; }
+.icon-check::before { content: @check; }
+.icon-move::before { content: @move; }
+.icon-step-backward::before { content: @step-backward; }
+.icon-fast-backward::before { content: @fast-backward; }
+.icon-backward::before { content: @backward; }
+.icon-play::before { content: @play; }
+.icon-pause::before { content: @pause; }
+.icon-stop::before { content: @stop; }
+.icon-forward::before { content: @forward; }
+.icon-fast-forward::before { content: @fast-forward; }
+.icon-step-forward::before { content: @step-forward; }
+.icon-eject::before { content: @eject; }
+.icon-chevron-left::before { content: @chevron-left; }
+.icon-chevron-right::before { content: @chevron-right; }
+.icon-plus-sign::before { content: @plus-sign; }
+.icon-minus-sign::before { content: @minus-sign; }
+.icon-remove-sign::before { content: @remove-sign; }
+.icon-ok-sign::before { content: @ok-sign; }
+.icon-question-sign::before { content: @question-sign; }
+.icon-info-sign::before { content: @info-sign; }
+.icon-screenshot::before { content: @screenshot; }
+.icon-remove-circle::before { content: @remove-circle; }
+.icon-ok-circle::before { content: @ok-circle; }
+.icon-ban-circle::before { content: @ban-circle; }
+.icon-arrow-left::before { content: @arrow-left; }
+.icon-arrow-right::before { content: @arrow-right; }
+.icon-arrow-up::before { content: @arrow-up; }
+.icon-arrow-down::before { content: @arrow-down; }
+.icon-mail-forward::before,
+.icon-share-alt::before { content: @share-alt; }
+.icon-resize-full::before { content: @resize-full; }
+.icon-resize-small::before { content: @resize-small; }
+.icon-plus::before { content: @plus; }
+.icon-minus::before { content: @minus; }
+.icon-asterisk::before { content: @asterisk; }
+.icon-exclamation-sign::before { content: @exclamation-sign; }
+.icon-gift::before { content: @gift; }
+.icon-leaf::before { content: @leaf; }
+.icon-fire::before { content: @fire; }
+.icon-eye-open::before { content: @eye-open; }
+.icon-eye-close::before { content: @eye-close; }
+.icon-warning-sign::before { content: @warning-sign; }
+.icon-plane::before { content: @plane; }
+.icon-calendar::before { content: @calendar; }
+.icon-random::before { content: @random; }
+.icon-comment::before { content: @comment; }
+.icon-magnet::before { content: @magnet; }
+.icon-chevron-up::before { content: @chevron-up; }
+.icon-chevron-down::before { content: @chevron-down; }
+.icon-retweet::before { content: @retweet; }
+.icon-shopping-cart::before { content: @shopping-cart; }
+.icon-folder-close::before { content: @folder-close; }
+.icon-folder-open::before { content: @folder-open; }
+.icon-resize-vertical::before { content: @resize-vertical; }
+.icon-resize-horizontal::before { content: @resize-horizontal; }
+.icon-bar-chart::before { content: @bar-chart; }
+.icon-twitter-sign::before { content: @twitter-sign; }
+.icon-facebook-sign::before { content: @facebook-sign; }
+.icon-camera-retro::before { content: @camera-retro; }
+.icon-key::before { content: @key; }
+.icon-gears::before,
+.icon-cogs::before { content: @cogs; }
+.icon-comments::before { content: @comments; }
+.icon-thumbs-up-alt::before { content: @thumbs-up-alt; }
+.icon-thumbs-down-alt::before { content: @thumbs-down-alt; }
+.icon-star-half::before { content: @star-half; }
+.icon-heart-empty::before { content: @heart-empty; }
+.icon-signout::before { content: @signout; }
+.icon-linkedin-sign::before { content: @linkedin-sign; }
+.icon-pushpin::before { content: @pushpin; }
+.icon-external-link::before { content: @external-link; }
+.icon-signin::before { content: @signin; }
+.icon-trophy::before { content: @trophy; }
+.icon-github-sign::before { content: @github-sign; }
+.icon-upload-alt::before { content: @upload-alt; }
+.icon-lemon::before { content: @lemon; }
+.icon-phone::before { content: @phone; }
+.icon-unchecked::before,
+.icon-check-empty::before { content: @check-empty; }
+.icon-bookmark-empty::before { content: @bookmark-empty; }
+.icon-phone-sign::before { content: @phone-sign; }
+.icon-twitter::before { content: @twitter; }
+.icon-facebook::before { content: @facebook; }
+.icon-github::before { content: @github; }
+.icon-unlock::before { content: @unlock; }
+.icon-credit-card::before { content: @credit-card; }
+.icon-rss::before { content: @rss; }
+.icon-hdd::before { content: @hdd; }
+.icon-bullhorn::before { content: @bullhorn; }
+.icon-bell::before { content: @bell; }
+.icon-certificate::before { content: @certificate; }
+.icon-hand-right::before { content: @hand-right; }
+.icon-hand-left::before { content: @hand-left; }
+.icon-hand-up::before { content: @hand-up; }
+.icon-hand-down::before { content: @hand-down; }
+.icon-circle-arrow-left::before { content: @circle-arrow-left; }
+.icon-circle-arrow-right::before { content: @circle-arrow-right; }
+.icon-circle-arrow-up::before { content: @circle-arrow-up; }
+.icon-circle-arrow-down::before { content: @circle-arrow-down; }
+.icon-globe::before { content: @globe; }
+.icon-wrench::before { content: @wrench; }
+.icon-tasks::before { content: @tasks; }
+.icon-filter::before { content: @filter; }
+.icon-briefcase::before { content: @briefcase; }
+.icon-fullscreen::before { content: @fullscreen; }
+.icon-group::before { content: @group; }
+.icon-link::before { content: @link; }
+.icon-cloud::before { content: @cloud; }
+.icon-beaker::before { content: @beaker; }
+.icon-cut::before { content: @cut; }
+.icon-copy::before { content: @copy; }
+.icon-paperclip::before,
+.icon-paper-clip::before { content: @paper-clip; }
+.icon-save::before { content: @save; }
+.icon-sign-blank::before { content: @sign-blank; }
+.icon-reorder::before { content: @reorder; }
+.icon-list-ul::before { content: @list-ul; }
+.icon-list-ol::before { content: @list-ol; }
+.icon-strikethrough::before { content: @strikethrough; }
+.icon-underline::before { content: @underline; }
+.icon-table::before { content: @table; }
+.icon-magic::before { content: @magic; }
+.icon-truck::before { content: @truck; }
+.icon-pinterest::before { content: @pinterest; }
+.icon-pinterest-sign::before { content: @pinterest-sign; }
+.icon-google-plus-sign::before { content: @google-plus-sign; }
+.icon-google-plus::before { content: @google-plus; }
+.icon-money::before { content: @money; }
+.icon-caret-down::before { content: @caret-down; }
+.icon-caret-up::before { content: @caret-up; }
+.icon-caret-left::before { content: @caret-left; }
+.icon-caret-right::before { content: @caret-right; }
+.icon-columns::before { content: @columns; }
+.icon-sort::before { content: @sort; }
+.icon-sort-down::before { content: @sort-down; }
+.icon-sort-up::before { content: @sort-up; }
+.icon-envelope::before { content: @envelope; }
+.icon-linkedin::before { content: @linkedin; }
+.icon-rotate-left::before,
+.icon-undo::before { content: @undo; }
+.icon-legal::before { content: @legal; }
+.icon-dashboard::before { content: @dashboard; }
+.icon-comment-alt::before { content: @comment-alt; }
+.icon-comments-alt::before { content: @comments-alt; }
+.icon-bolt::before { content: @bolt; }
+.icon-sitemap::before { content: @sitemap; }
+.icon-umbrella::before { content: @umbrella; }
+.icon-paste::before { content: @paste; }
+.icon-lightbulb::before { content: @lightbulb; }
+.icon-exchange::before { content: @exchange; }
+.icon-cloud-download::before { content: @cloud-download; }
+.icon-cloud-upload::before { content: @cloud-upload; }
+.icon-user-md::before { content: @user-md; }
+.icon-stethoscope::before { content: @stethoscope; }
+.icon-suitcase::before { content: @suitcase; }
+.icon-bell-alt::before { content: @bell-alt; }
+.icon-coffee::before { content: @coffee; }
+.icon-food::before { content: @food; }
+.icon-file-text-alt::before { content: @file-text-alt; }
+.icon-building::before { content: @building; }
+.icon-hospital::before { content: @hospital; }
+.icon-ambulance::before { content: @ambulance; }
+.icon-medkit::before { content: @medkit; }
+.icon-fighter-jet::before { content: @fighter-jet; }
+.icon-beer::before { content: @beer; }
+.icon-h-sign::before { content: @h-sign; }
+.icon-plus-sign-alt::before { content: @plus-sign-alt; }
+.icon-double-angle-left::before { content: @double-angle-left; }
+.icon-double-angle-right::before { content: @double-angle-right; }
+.icon-double-angle-up::before { content: @double-angle-up; }
+.icon-double-angle-down::before { content: @double-angle-down; }
+.icon-angle-left::before { content: @angle-left; }
+.icon-angle-right::before { content: @angle-right; }
+.icon-angle-up::before { content: @angle-up; }
+.icon-angle-down::before { content: @angle-down; }
+.icon-desktop::before { content: @desktop; }
+.icon-laptop::before { content: @laptop; }
+.icon-tablet::before { content: @tablet; }
+.icon-mobile-phone::before { content: @mobile-phone; }
+.icon-circle-blank::before { content: @circle-blank; }
+.icon-quote-left::before { content: @quote-left; }
+.icon-quote-right::before { content: @quote-right; }
+.icon-spinner::before { content: @spinner !important; }
+.icon-circle::before { content: @circle; }
+.icon-mail-reply::before,
+.icon-reply::before { content: @reply; }
+.icon-github-alt::before { content: @github-alt; }
+.icon-folder-close-alt::before { content: @folder-close-alt; }
+.icon-folder-open-alt::before { content: @folder-open-alt; }
+.icon-expand-alt::before { content: @expand-alt; }
+.icon-collapse-alt::before { content: @collapse-alt; }
+.icon-smile::before { content: @smile; }
+.icon-frown::before { content: @frown; }
+.icon-meh::before { content: @meh; }
+.icon-gamepad::before { content: @gamepad; }
+.icon-keyboard::before { content: @keyboard; }
+.icon-flag-alt::before { content: @flag-alt; }
+.icon-flag-checkered::before { content: @flag-checkered; }
+.icon-terminal::before { content: @terminal; }
+.icon-code::before { content: @code; }
+.icon-reply-all::before { content: @reply-all; }
+.icon-mail-reply-all::before { content: @mail-reply-all; }
+.icon-star-half-full::before,
+.icon-star-half-empty::before { content: @star-half-empty; }
+.icon-location-arrow::before { content: @location-arrow; }
+.icon-crop::before { content: @crop; }
+.icon-code-fork::before { content: @code-fork; }
+.icon-unlink::before { content: @unlink; }
+.icon-question::before { content: @question; }
+.icon-info::before { content: @info; }
+.icon-exclamation::before { content: @exclamation; }
+.icon-superscript::before { content: @superscript; }
+.icon-subscript::before { content: @subscript; }
+.icon-eraser::before { content: @eraser; }
+.icon-puzzle-piece::before { content: @puzzle-piece; }
+.icon-microphone::before { content: @microphone; }
+.icon-microphone-off::before { content: @microphone-off; }
+.icon-shield::before { content: @shield; }
+.icon-calendar-empty::before { content: @calendar-empty; }
+.icon-fire-extinguisher::before { content: @fire-extinguisher; }
+.icon-rocket::before { content: @rocket; }
+.icon-maxcdn::before { content: @maxcdn; }
+.icon-chevron-sign-left::before { content: @chevron-sign-left; }
+.icon-chevron-sign-right::before { content: @chevron-sign-right; }
+.icon-chevron-sign-up::before { content: @chevron-sign-up; }
+.icon-chevron-sign-down::before { content: @chevron-sign-down; }
+.icon-html5::before { content: @html5; }
+.icon-css3::before { content: @css3; }
+.icon-anchor::before { content: @anchor; }
+.icon-unlock-alt::before { content: @unlock-alt; }
+.icon-bullseye::before { content: @bullseye; }
+.icon-ellipsis-horizontal::before { content: @ellipsis-horizontal; }
+.icon-ellipsis-vertical::before { content: @ellipsis-vertical; }
+.icon-rss-sign::before { content: @rss-sign; }
+.icon-play-sign::before { content: @play-sign; }
+.icon-ticket::before { content: @ticket; }
+.icon-minus-sign-alt::before { content: @minus-sign-alt; }
+.icon-check-minus::before { content: @check-minus; }
+.icon-level-up::before { content: @level-up; }
+.icon-level-down::before { content: @level-down; }
+.icon-check-sign::before { content: @check-sign; }
+.icon-edit-sign::before { content: @edit-sign; }
+.icon-external-link-sign::before { content: @external-link-sign; }
+.icon-share-sign::before { content: @share-sign; }
+.icon-compass::before { content: @compass; }
+.icon-collapse::before { content: @collapse; }
+.icon-collapse-top::before { content: @collapse-top; }
+.icon-expand::before { content: @expand; }
+.icon-euro::before,
+.icon-eur::before { content: @eur; }
+.icon-gbp::before { content: @gbp; }
+.icon-dollar::before,
+.icon-usd::before { content: @usd; }
+.icon-rupee::before,
+.icon-inr::before { content: @inr; }
+.icon-yen::before,
+.icon-jpy::before { content: @jpy; }
+.icon-renminbi::before,
+.icon-cny::before { content: @cny; }
+.icon-won::before,
+.icon-krw::before { content: @krw; }
+.icon-bitcoin::before,
+.icon-btc::before { content: @btc; }
+.icon-file::before { content: @file; }
+.icon-file-text::before { content: @file-text; }
+.icon-sort-by-alphabet::before { content: @sort-by-alphabet; }
+.icon-sort-by-alphabet-alt::before { content: @sort-by-alphabet-alt; }
+.icon-sort-by-attributes::before { content: @sort-by-attributes; }
+.icon-sort-by-attributes-alt::before { content: @sort-by-attributes-alt; }
+.icon-sort-by-order::before { content: @sort-by-order; }
+.icon-sort-by-order-alt::before { content: @sort-by-order-alt; }
+.icon-thumbs-up::before { content: @thumbs-up; }
+.icon-thumbs-down::before { content: @thumbs-down; }
+.icon-youtube-sign::before { content: @youtube-sign; }
+.icon-youtube::before { content: @youtube; }
+.icon-xing::before { content: @xing; }
+.icon-xing-sign::before { content: @xing-sign; }
+.icon-youtube-play::before { content: @youtube-play; }
+.icon-dropbox::before { content: @dropbox; }
+.icon-stackexchange::before { content: @stackexchange; }
+.icon-instagram::before { content: @instagram; }
+.icon-flickr::before { content: @flickr; }
+.icon-adn::before { content: @adn; }
+.icon-bitbucket::before { content: @bitbucket; }
+.icon-bitbucket-sign::before { content: @bitbucket-sign; }
+.icon-tumblr::before { content: @tumblr; }
+.icon-tumblr-sign::before { content: @tumblr-sign; }
+.icon-long-arrow-down::before { content: @long-arrow-down; }
+.icon-long-arrow-up::before { content: @long-arrow-up; }
+.icon-long-arrow-left::before { content: @long-arrow-left; }
+.icon-long-arrow-right::before { content: @long-arrow-right; }
+.icon-apple::before { content: @apple; }
+.icon-windows::before { content: @windows; }
+.icon-android::before { content: @android; }
+.icon-linux::before { content: @linux; }
+.icon-dribbble::before { content: @dribbble; }
+.icon-skype::before { content: @skype; }
+.icon-foursquare::before { content: @foursquare; }
+.icon-trello::before { content: @trello; }
+.icon-female::before { content: @female; }
+.icon-male::before { content: @male; }
+.icon-gittip::before { content: @gittip; }
+.icon-sun::before { content: @sun; }
+.icon-moon::before { content: @moon; }
+.icon-archive::before { content: @archive; }
+.icon-bug::before { content: @bug; }
+.icon-vk::before { content: @vk; }
+.icon-weibo::before { content: @weibo; }
+.icon-renren::before { content: @renren; }
diff --git a/wcfsetup/install/files/style/layout.less b/wcfsetup/install/files/style/layout.less
index eeae4aba30..40c4754e8b 100644
--- a/wcfsetup/install/files/style/layout.less
+++ b/wcfsetup/install/files/style/layout.less
@@ -113,7 +113,7 @@
 			right: 0;
 			top: 0;
 			
-			&:before {
+			&::before {
 				content: "\f002";
 				color: @wcfUserPanelColor;
 				font-family: FontAwesome;
@@ -122,7 +122,7 @@
 				position: absolute;
 				top: 12px;
 			}
-			&.loading:before {
+			&.loading::before {
 				content: "\f110";
 				
 				-moz-animation: spin 2s infinite linear;
@@ -210,7 +210,7 @@
 				min-width: 40px;
 				right: 0 !important;
 				
-				&:before {
+				&::before {
 					font-size: 21px;
 				}
 				
@@ -232,7 +232,7 @@
 					}
 				}
 				
-				&:before {
+				&::before {
 					top: 8px;
 				}
 			}
@@ -609,7 +609,7 @@
 						top: 0;
 						width: 24px;
 						
-						&:before {
+						&::before {
 							content: "\f054";
 							font-family: FontAwesome;
 							font-size: 14px;
@@ -651,7 +651,7 @@
 				width: 20px;
 				
 				> span > .collapsibleButton {
-					&:before {
+					&::before {
 						content: "\f053";
 					}
 				}
@@ -1067,7 +1067,7 @@
 				}
 			}
 			
-			&:after {
+			&::after {
 				content: "";
 				display: table;
 				clear: left;
@@ -1115,7 +1115,7 @@
 			}
 		}
 		
-		&:after {
+		&::after {
 			content: "";
 			display: table;
 			clear: left;
@@ -1248,7 +1248,7 @@
 			position: relative;
 			
 			&:first-child > a {
-				&:before {
+				&::before {
 					content: "\f015";
 					display: inline-block;
 					font-family: FontAwesome;
@@ -1304,7 +1304,7 @@
 				> a {
 					padding: @wcfGapTiny @wcfGapMedium;
 					
-					&:before {
+					&::before {
 						content: "\f062";
 						font-family: FontAwesome;
 						font-size: 14px;
@@ -1662,8 +1662,8 @@
 			padding-right: 20px;
 		}
 		
-		&.ASC > a:after,
-		&.DESC > a:after {
+		&.ASC > a::after,
+		&.DESC > a::after {
 			display: inline-block;
 			font-family: FontAwesome;
 			font-size: 14px;
@@ -1673,12 +1673,12 @@
 			.textShadow(@wcfTabularBoxBackgroundColor);
 		}
 		
-		&.ASC > a:after {
+		&.ASC > a::after {
 			content: "\f0de";
 			top: 8px;
 		}
 		
-		&.DESC > a:after {
+		&.DESC > a::after {
 			content: "\f0dd";
 			top: 3px;
 		}
@@ -1885,7 +1885,7 @@ dl.statsDataList {
 		}
 	}
 	
-	&:after {
+	&::after {
 		display: table;
 		content: "";
 		clear: both;
@@ -1909,7 +1909,7 @@ dl.inlineDataList {
 		text-align: left;
 		width: auto;
 		
-		&:after {
+		&::after {
 			content: ":";
 		}
 	}
@@ -1936,7 +1936,7 @@ ul.inlineDataList, ul.dataList {
 	li {
 		display: inline-block;
 		
-		&:not(:last-child):after {
+		&:not(:last-child)::after {
 			content: ",";
 		}
 	}
@@ -2106,7 +2106,7 @@ ul.inlineDataList {
 			}
 		}
 		
-		&:after {
+		&::after {
 			content: "";
 			height: 0;
 			display: block;
@@ -2198,7 +2198,7 @@ ul.inlineDataList {
 			margin-left: -@wcfGapMedium;
 			text-transform: none;
 			
-			&:before {
+			&::before {
 				content: "\f054";
 				display: inline-block;
 				font-family: FontAwesome;
@@ -2211,7 +2211,7 @@ ul.inlineDataList {
 				width: 16px;
 			}
 			
-			&.active:before {
+			&.active::before {
 				content: "\f078";
 			}
 		}
@@ -2257,11 +2257,11 @@ ul.inlineDataList {
 	}
 	
 	.badge {
-		&:before {
+		&::before {
 			content: "[";
 		}
 		
-		&:after {
+		&::after {
 			content: "]";
 		}
 	}
@@ -2275,7 +2275,7 @@ ul.inlineDataList {
 		margin-top: 14px !important;
 	}
 	
-	a.externalURL:after {
+	a.externalURL::after {
 		content: " (" attr(href) ")";
 		font-size: .85rem;
 	}
diff --git a/wcfsetup/install/files/style/message.less b/wcfsetup/install/files/style/message.less
index eca197bc6b..d40f51a101 100644
--- a/wcfsetup/install/files/style/message.less
+++ b/wcfsetup/install/files/style/message.less
@@ -74,7 +74,7 @@
 		}
 		
 		&.new .columnAvatar > div {
-			&:after {
+			&::after {
 				color: @wcfLinkColor;
 				content: "\f069";
 				font-family: FontAwesome;
@@ -132,7 +132,7 @@
 		.messageGroupStarter {
 			position: relative;
 			
-			> .message:after {
+			> .message::after {
 				content: "\f005";
 				font-family: FontAwesome;
 				font-size: 14px;
@@ -144,7 +144,7 @@
 				.textShadow(@wcfSidebarBackgroundColor);
 			}
 			
-			> .message.messageSidebarOrientationRight:after {
+			> .message.messageSidebarOrientationRight::after {
 				left: auto;
 				right: 4px;
 			}
@@ -311,8 +311,8 @@
 .message.messageSidebarOrientationLeft,
 .message.messageSidebarOrientationRight {
 	.messageHeader {
-		&:before,
-		&:after {
+		&::before,
+		&::after {
 			border-width: 20px;
 			content: "";
 			display: block;
@@ -322,11 +322,11 @@
 			width: 0;
 		}
 		
-		&:before {
+		&::before {
 			z-index: 100;
 		}
 		
-		&:after {
+		&::after {
 			z-index: 101;
 		}
 	}
@@ -334,17 +334,17 @@
 
 .message.messageSidebarOrientationLeft {
 	.messageHeader {
-		&:before,
-		&:after {
+		&::before,
+		&::after {
 			border-style: inset solid inset none;
 		}
 		
-		&:before {
+		&::before {
 			border-color: transparent @wcfContainerBorderColor transparent transparent;
 			left: -20px;
 		}
 		
-		&:after {
+		&::after {
 			border-color: transparent @wcfContainerBackgroundColor transparent transparent;
 			left: -19px;
 		}
@@ -353,17 +353,17 @@
 
 .message.messageSidebarOrientationRight {
 	.messageHeader {
-		&:before,
-		&:after {
+		&::before,
+		&::after {
 			border-style: inset none inset solid;
 		}
 		
-		&:before {
+		&::before {
 			border-color: transparent transparent transparent @wcfContainerBorderColor;
 			right: -20px;
 		}
 		
-		&:after {
+		&::after {
 			border-color: transparent transparent transparent @wcfContainerBackgroundColor;
 			right: -19px;
 		}
@@ -385,7 +385,7 @@
 	.linearGradient(darken(@wcfTabularBoxBackgroundColor, 10%), @wcfTabularBoxBackgroundColor, darken(@wcfTabularBoxBackgroundColor, 10%));
 	.textShadow(darken(@wcfTabularBoxBackgroundColor, 10%));
 	
-	&:before {
+	&::before {
 		border-bottom: 4px solid darken(@wcfTabularBoxBackgroundColor, 20%);
 		content: "";
 		display: block;
@@ -398,7 +398,7 @@
 	border-radius: 0 5px 5px 0;
 	left: -219px;
 	
-	&:before {
+	&::before {
 		border-left: 6px solid transparent;
 		left: 0;
 	}
@@ -418,7 +418,7 @@
 	.newMessageBadge {
 		border-radius: 5px 0 0 5px;
 		
-		&:before {
+		&::before {
 			border-right: 6px solid transparent;
 			right: 0;
 		}
@@ -504,7 +504,7 @@
 					margin: -2px 0 -1px 4px;
 				}
 				
-				> .username:after {
+				> .username::after {
 					content: " - ";
 				}
 			}
@@ -524,7 +524,7 @@
 				display: block;
 			}
 			
-			> .username:after {
+			> .username::after {
 				content: "";
 			}
 			
@@ -544,7 +544,7 @@
 	text-align: center;
 	width: 170px; /* Width toggle */
 	
-	&:after {
+	&::after {
 		clear: both;
 		content: '';
 		display: block;
@@ -589,7 +589,7 @@
 			.linearGradient(darken(rgba(0, 153, 0, 1), 10%), rgba(0, 153, 0, 1), darken(rgba(0, 153, 0, 1), 10%));
 			.textShadow(darken(rgba(0, 153, 0, 1), 10%));
 			
-			&:before {
+			&::before {
 				border-bottom: 4px solid darken(rgba(0, 153, 0, 1), 20%);
 				border-left: 6px solid transparent;
 				content: "";
@@ -629,11 +629,11 @@
 }
 
 li:nth-child(2n+1) .message {
-	&.messageSidebarOrientationLeft .messageHeader:after {
+	&.messageSidebarOrientationLeft .messageHeader::after {
 		border-right-color: @wcfContainerAccentBackgroundColor;
 	}
 	
-	&.messageSidebarOrientationRight .messageHeader:after {
+	&.messageSidebarOrientationRight .messageHeader::after {
 		border-left-color: @wcfContainerAccentBackgroundColor;
 	}
 	
@@ -818,7 +818,7 @@ li:nth-child(2n+1) .message {
 			position: relative;
 			vertical-align: 1px;
 			
-			&:before {
+			&::before {
 				border: 6px solid @wcfContainerBorderColor;
 				border-color: transparent @wcfContainerBorderColor transparent transparent;
 				content: "";
@@ -831,7 +831,7 @@ li:nth-child(2n+1) .message {
 				width: 0;
 			}
 			
-			&:after {
+			&::after {
 				border: 6px solid @wcfContainerBackgroundColor;
 				border-color: transparent @wcfContainerBackgroundColor transparent transparent;
 				content: "";
@@ -963,8 +963,8 @@ li:nth-child(2n+1) .message {
 		}
 		
 		.messageHeader {
-			&:before,
-			&:after {
+			&::before,
+			&::after {
 				display: none;
 			}
 		}
diff --git a/wcfsetup/install/files/style/styleEditor.less b/wcfsetup/install/files/style/styleEditor.less
index 0b851f0951..bbfc0abf0f 100644
--- a/wcfsetup/install/files/style/styleEditor.less
+++ b/wcfsetup/install/files/style/styleEditor.less
@@ -29,7 +29,7 @@
 		}
 	}
 	
-	&:after {
+	&::after {
 		clear: both;
 		content: "";
 		display: block;
diff --git a/wcfsetup/install/files/style/tagging.less b/wcfsetup/install/files/style/tagging.less
index 1fc1c7bfcf..2cb740d130 100644
--- a/wcfsetup/install/files/style/tagging.less
+++ b/wcfsetup/install/files/style/tagging.less
@@ -12,7 +12,7 @@
 	padding-bottom: 2px;
 	padding-left: 10px;
 		
-	&:before{
+	&::before{
 		border-color: transparent @wcfColor transparent transparent;
 		border-style: inset solid inset inset;
 		border-width: 8px 8px 8px 0;
@@ -25,7 +25,7 @@
 		width: 0;
 	}
 	
-	&:after{
+	&::after{
 		background: @wcfContentBackgroundColor;
 		border-radius: 2px;
 		content: "";
@@ -42,7 +42,7 @@
 		background-color: @wcfTabularBoxBackgroundColor;
 		color: @wcfTabularBoxColor;
 		
-		&:before{
+		&::before{
 			border-right-color: @wcfTabularBoxBackgroundColor;
 		}
 	}
diff --git a/wcfsetup/install/files/style/user.less b/wcfsetup/install/files/style/user.less
index 2ccc075983..aa1f9c3823 100644
--- a/wcfsetup/install/files/style/user.less
+++ b/wcfsetup/install/files/style/user.less
@@ -20,7 +20,7 @@
 		}
 	}
 	
-	&:after {
+	&::after {
 		content: "";
 		height: 0;
 		display: block;