Style-prefixes

diff --git a/wcfsetup/install/files/acp/style/wcf.css b/wcfsetup/install/files/acp/style/wcf.css
index 429d71c20207062a603ae8cb85d939905d324bbb..65d25be6a6954f69ba395a9bbb2b00f29d39f381 100644 (file)
--- a/wcfsetup/install/files/acp/style/wcf.css
+++ b/wcfsetup/install/files/acp/style/wcf.css
@@ -1012,7 +1012,7 @@ section.wcf-content .wcf-content {
 
 /* Globals */
 
-.wcf-sidebar .collapsibleSidebarButton {
+.wcf-sidebar .wcf-collapsibleSidebarButton {
        cursor: pointer;
        background-position: center 1%, center 99%;
        background-size: 10px 10px, 10px 10px;
@@ -1029,7 +1029,7 @@ section.wcf-content .wcf-content {
 
 /* Orientation */
 
-.left .collapsibleSidebarButton {
+.left .wcf-collapsibleSidebarButton {
        background-image: url('../../icon/arrowLeft1.svg'), url('../../icon/arrowLeft1.svg');
        left: 250px;
        
@@ -1040,7 +1040,7 @@ section.wcf-content .wcf-content {
        transition: left .1s ease;
 }
 
-.right .collapsibleSidebarButton {
+.right .wcf-collapsibleSidebarButton {
        background-image: url('../../icon/arrowRight1.svg'), url('../../icon/arrowRight1.svg');
        right: 250px;
        
@@ -1051,7 +1051,7 @@ section.wcf-content .wcf-content {
        transition: right .1s ease;
 }
 
-.wcf-sidebar .collapsibleSidebarButton span {
+.wcf-sidebar .wcf-collapsibleSidebarButton span {
     background-position: center center;
        background-size: 10px 10px;
        background-repeat: no-repeat;
@@ -1063,21 +1063,21 @@ section.wcf-content .wcf-content {
        height: 600px;
 }
 
-.left .collapsibleSidebarButton span {
+.left .wcf-collapsibleSidebarButton span {
        background-image: url('../../icon/arrowLeft1.svg');
 }
 
-.right .collapsibleSidebarButton span {
+.right .wcf-collapsibleSidebarButton span {
        background-image: url('../../icon/arrowRight1.svg');
 }
 
-.wcf-sidebar .collapsibleSidebarButton:hover {
+.wcf-sidebar .wcf-collapsibleSidebarButton:hover {
        background-color: rgba(252, 252, 252, 1);
        opacity: 1;
 }
 
-.wcf-sidebar .collapsibleSidebarButton:focus,
-.wcf-sidebar .collapsibleSidebarButton:active {
+.wcf-sidebar .wcf-collapsibleSidebarButton:focus,
+.wcf-sidebar .wcf-collapsibleSidebarButton:active {
        -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
        -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
        -ms-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
@@ -1092,26 +1092,26 @@ section.wcf-content .wcf-content {
        left: 0;
 }
 
-.left .collapsed .collapsibleSidebarButton span {
+.left .collapsed .wcf-collapsibleSidebarButton span {
        background-image: url('../../icon/arrowRight1.svg');
 }
 
-.left .wcf-sidebar .collapsibleSidebarButton:hover {
+.left .wcf-sidebar .wcf-collapsibleSidebarButton:hover {
        border-right: 1px solid rgba(187, 204, 221, .5);
 }
 
 /* Collapsed (Right) */
 
-.right .collapsed .collapsibleSidebarButton {
+.right .collapsed .wcf-collapsibleSidebarButton {
        background-image: url('../../icon/arrowLeft1.svg'), url('../../icon/arrowLeft1.svg');
        right: 0;
 }
 
-.right .collapsed .collapsibleSidebarButton span {
+.right .collapsed .wcf-collapsibleSidebarButton span {
        background-image: url('../../icon/arrowLeft1.svg');
 }
 
-.right .wcf-sidebar .collapsibleSidebarButton:hover {
+.right .wcf-sidebar .wcf-collapsibleSidebarButton:hover {
        border-left: 1px solid rgba(187, 204, 221, .5);
 }