From 0e0daba8bf63a8ba01b2daa9d427bcd18dd40490 Mon Sep 17 00:00:00 2001 From: Luzifr Date: Wed, 25 Jan 2012 15:56:41 +0100 Subject: [PATCH] Removed CSS-classes in favour of "button" This is experimental, there are surely many places where this does not work now! --- wcfsetup/install/files/acp/style/wcf.css | 80 +++++------------------- 1 file changed, 17 insertions(+), 63 deletions(-) diff --git a/wcfsetup/install/files/acp/style/wcf.css b/wcfsetup/install/files/acp/style/wcf.css index 90291b5290..8d8187c0d8 100644 --- 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; -- 2.20.1