Removed CSS-classes in favour of "button"

This is experimental, there are surely many places where this does not
work now!

diff --git a/wcfsetup/install/files/acp/style/wcf.css b/wcfsetup/install/files/acp/style/wcf.css
index 90291b5290705fbbc7dd651867c9fe49370d8d6f..8d8187c0d83130bda07e067ee21c1bdae39f1a36 100644 (file)
--- a/wcfsetup/install/files/acp/style/wcf.css
+++ b/wcfsetup/install/files/acp/style/wcf.css
@@ -3611,18 +3611,11 @@ img[src*='enable'] {
 
 /* Normal State */
 
-button,
 .button,
 input[type='reset'],
 input[type='submit'],
 input[type='button'],
-.smallButtons > li > a,
-.largeButtons > li > a,
-.badgeButton,
-.pageNavigation ul li:not(.children),
-.clipboardEditor > ul > li,
-.preInput .dropdownCaption,
-.likesWidget > ul > li a {
+button {
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
        color: rgba(153, 153, 153, 1);
@@ -3660,7 +3653,6 @@ input[type='button'],
 
 /* Hover State */
 
-button:hover,
 .button:hover,
 .default .button:hover,
 input[type='reset']:hover,
@@ -3668,15 +3660,8 @@ input[type='submit']:hover,
 input[type='button']:hover,
 input[type='button'].default:hover,
 input[type='button'].default:hover,
-.smallButtons > li > a:hover,
-.smallButtons > li.default > a:hover,
-.largeButtons > li > a:hover,
-.largeButtons > li.default > a:hover,
-.badgeButton:hover,
-.pageNavigation ul li:not(.disabled):not(.children):hover,
-.clipboardEditor > ul > li:hover,
-.preInput:hover .dropdownCaption,
-.likesWidget > ul > li a:hover {
+button:hover {
+       text-decoration: none;
        color: rgba(102, 102, 102, 1);
        border-width: 1px;
        border-style: solid;
@@ -3692,41 +3677,21 @@ input[type='button'].default:hover,
 
 /* Active State */
 
+.button:focus,                                         
+.active .button,
+.default .button:focus                                         
+input[type='reset']:focus,                     
+input[type='submit']:focus,                    
+input[type='button']:focus,                    
+input[type='button'].default:focus,    
 button:focus,
-.button:focus,
-.default .button:focus,
-input[type='reset']:focus,
-input[type='submit']:focus,
-input[type='button']:focus,
-input[type='button'].default:focus,
-input[type='button'].default:focus,
-.smallButtons > li > a:focus,
-.smallButtons > li.default > a:focus,
-.largeButtons > li > a:focus,
-.largeButtons > li.default > a:focus,
-.badgeButton:focus,
-.pageNavigation ul li:not(.disabled):not(.children):focus,
-.clipboardEditor > ul > li:focus,
-.preInput .dropdownCaption:focus,
-.likesWidget > ul > li a:focus,
-
-button:active,
+
 .button:active,
-.active .button,
 input[type='reset']:active,
 input[type='submit']:active,
 input[type='button']:active,
 input[type='button'].default:active,
-.smallButtons > li > a:active,
-.smallButtons > li.default > a:active,
-.largeButtons > li a:active,
-.largeButtons > li.default > a:active,
-.badgeButton:active,
-.pageNavigation ul li:not(.disabled):not(.children):active,
-.clipboardEditor > ul > li:active,
-.preInput .dropdownCaption:active,
-.likesWidget > ul > li a:active,
-.likesWidget > ul > li.active a {
+button:active {
        color: #333;
        border-width: 1px;
        border-style: solid;
@@ -3793,12 +3758,10 @@ input[type='button'].default:active,
 
 /* Default Normal State */
 
-button.default,
 .default .button,
 input[type='submit'],
 input[type='button'].default,
-.smallButtons > li.default > a,
-.largeButtons > li.default > a {
+button.default {
        color: #69c;
        border-width: 1px;
        border-style: solid;
@@ -3895,12 +3858,10 @@ input[type='button'].default,
 
 /* Default Hover State */
 
-button.default:hover,
 .default .button:hover,
 input[type='submit']:hover,
 input[type='button'].default:hover,
-.largeButtons > li.default > a:hover,
-.smallButtons > li.default > a:hover { 
+button.default:hover { 
        -webkit-box-shadow: 0 0 10px #fa2;
        -moz-box-shadow: 0 0 10px #fa2;
        -ms-box-shadow: 0 0 10px #fa2;
@@ -3985,19 +3946,15 @@ input[type='button'].default:hover,
 
 /* Default Active State */
 
-button.default:focus,
 .default .button:focus,
 input[type='submit']:focus,
 input[type='button'].default:focus,
-.smallButtons > li.default > a:focus,
-.largeButtons > li.default > a:focus,
+button.default:focus,
 
-button.default:active,
 .default .button:active,
 input[type='submit']:active,
 input[type='button'].default:active,
-.smallButtons > li.default > a:active,
-.largeButtons > li.default > a:active {
+button.default: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);
@@ -4037,13 +3994,10 @@ input[type='button'].default:active,
 
 /* Disabled State */
 
-button[disabled='disabled'],
 .disabled .button,
 input[disabled='disabled'],
 input[type='button'][disabled='disabled'],
-.smallButtons > li.disabled > a,
-.largeButtons > li.disabled > a,
-.likesWidget > ul > li.disabled a {
+button[disabled='disabled'] {
        color: rgba(153, 153, 153, 1);
        cursor: default;
        border-width: 1px;