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 7c074d77a39db724ffc0d5a62aa17445d4dcf3ee..28acebf7afd4fd5a1e38ae4a2f35b16c247efdce 100644 (file)
--- 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 932983f9fd0019540595997af91161841397a2dc..8baef0e17d0765cb2b4d2bc43bd53bd6dc2987a4 100644 (file)
--- 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 efd59e854203ecff1db028d0edb3a116a5961ce8..c9127e628dbf4ae69e0fa5af075bdafe96aa775c 100644 (file)
--- 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 72f712689b7060613a7503d39c081f5c7867cd8e..0d22c4d44f8454d9b7441fa7fbec762154ff4146 100644 (file)
--- 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 15988980927b5ad4f1b4c9f59eb7adbf64d697a7..40c071cae45aaf8c1e331f1e9a595dbd57e929f9 100644 (file)
--- 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 cd96bc72433e4bcc91f89a2a41ff9d4a66880396..8c5f91bd3fc06a9fbacce83ce643688d35cfa4b8 100644 (file)
--- 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 b7d09eba72ab709ede505c003ccdfea56c76b543..d9bd9756a79d334e26c9d11823a1ee4db36ea757 100644 (file)
--- 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 59ac2964c31a73e2e5986dca1da7962633e5ff09..27cb808db5794926b782c673300b8c98e94e346f 100644 (file)
--- 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 7dadbeadbd7f9c7118811bad2f9ffbf1fc6d22d6..ef0fe07ab57cb96ae34406a8a910b1603320feff 100644 (file)
--- 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 195bf31a3ef221335e03259ae170a213a72b8e75..aa4b6b5fd9bb641da9e802f27f35f653c5948025 100644 (file)
--- 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 6d267602bb993159ae553ef81847c7375193e931..b3bee8b97f1aca38a517919a6b00f612b056ead3 100644 (file)
--- 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 2f7d58e27d0860cced0fc5def307effadbc1403c..241713cc367bbf8d7fb16db4c06dc865ea639902 100644 (file)
--- 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 eeae4aba306129d2ef5f2d66e88b97c44b82ee70..40c4754e8b367ed2b83f1d85791ad4f0dfc43942 100644 (file)
--- 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 eca197bc6beeefb84dfffd678aeec2a8cd5298a5..d40f51a101782d6c62398d00e2559f70ddc056e1 100644 (file)
--- 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 0b851f0951075803d24c9a3fd9e081a718524b97..bbfc0abf0f78a491c68755f669d5b5665ef55efd 100644 (file)
--- 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 1fc1c7bfcf43a507751dada5657e96927b303a9b..2cb740d130bdd4bf46ece157fa6b23dc2e4f0a5c 100644 (file)
--- 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 2ccc075983aafbbcd8f313e7c5b374e3bc4dfc7f..aa1f9c3823ec27de5b1ea88cb7cf6ae22307565a 100644 (file)
--- 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;