From: Luzifr <szekely@woltlab.com>
Date: Mon, 18 Jul 2011 15:50:15 +0000 (+0200)
Subject: Some CSS changes
X-Git-Tag: 2.0.0_Beta_1~2003
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=0162858c4c2f82e680176d70e7a376ff0d521f80;p=GitHub%2FWoltLab%2FWCF.git

Some CSS changes

- Changed code, header info and comment formatting
- Some minor correcti
ons (now supporting more CSS3 browsers, some declarations may be useless
)
---

diff --git a/wcfsetup/install/files/acp/style/extra/setupStyle-rtl.css b/wcfsetup/install/files/acp/style/extra/setupStyle-rtl.css
index 7bb6a7a5b3..b8cc93fb81 100644
--- a/wcfsetup/install/files/acp/style/extra/setupStyle-rtl.css
+++ b/wcfsetup/install/files/acp/style/extra/setupStyle-rtl.css
@@ -1,14 +1,11 @@
+/**
+ * Setup Styles (RTL)
+ *
+ * @author		Arian Glander, Harald Szekely
+ * @copyright	2006-2011 WoltLab GmbH
+ */
 
-/* ### -- -- -- -- -- Setup Styles -- -- -- -- -- ### */
-
-/* 
-
-File: setupStyle.css 
-Copyright 2006-2009 by WoltLab GmbH. 
-
-*/
-
-/* ### -- -- -- -- -- Miscellaneous -- -- -- -- -- ### */
+/* -- -- -- -- -- Miscellaneous -- -- -- -- -- */
 
 html, body {
 	background-color: #eee;
@@ -41,7 +38,7 @@ h1 {
 	color: #164369;
 	font-size: 1.9em;
 	font-weight: normal;
-	text-shadow: -0 2px 3px #bbb;
+	text-shadow: 0 2px 3px #bbb;
 	margin: 5px 0;
 	padding: 5px 0;
 }
@@ -64,8 +61,12 @@ fieldset {
 	border: 1px solid #8da4b7;
 	margin-bottom: 10px;
 	padding: 0;
+	
 	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
+	-ms-border-radius: 5px;
+	-o-border-radius: 5px;
+	border-radius: 5px;
 }
 
 legend {
@@ -92,7 +93,7 @@ hr {
 	position: relative;
 }
 
-/* ### -- -- -- -- -- Links -- -- -- -- -- ### */
+/* -- -- -- -- -- Links -- -- -- -- -- */
 
 a {
 	color: #164369;
@@ -102,7 +103,7 @@ a:hover, a:active, a:visited {
 	color: #000;
 }
 
-/* ### -- -- -- -- -- Progress Bar -- -- -- -- -- ### */
+/* -- -- -- -- -- Progress Bar -- -- -- -- -- */
 
 .progress {
 	border: 1px solid #b2b2b2;
@@ -110,8 +111,12 @@ a:hover, a:active, a:visited {
 	padding: 1px;
 	width: 300px;
 	height: 16px;
+	
 	-webkit-border-radius: 3px;
 	-moz-border-radius: 3px;
+	-ms-border-radius: 3px;
+	-o-border-radius: 3px;
+	border-radius: 3px;
 }
 
 .progressBar {
@@ -119,14 +124,18 @@ a:hover, a:active, a:visited {
 	border-bottom: 8px solid #ddd;
 	background-color: #f1f1f1;
 	height: 8px;
+	
 	-webkit-border-radius: 1px;
 	-moz-border-radius: 1px;
+	-ms-border-radius: 1px;
+	-o-border-radius: 1px;
+	border-radius: 1px;
 }
 
 .progressText {
 	color: #333;
 	font-size: .75em;
-	text-shadow: -0 1px 1px #fff;
+	text-shadow: 0 1px 1px #fff;
 	text-align: center;
 	margin-top: -15px;
 }
@@ -142,7 +151,7 @@ fieldset #content .inner {
 	margin-top: 0 !important;
 }
 
-/* -- -- -- -- -- -- -- Forms -- -- -- -- -- -- -- */
+/* -- -- -- -- -- Forms -- -- -- -- -- */
 
 form {
 	margin: 0;
@@ -168,8 +177,12 @@ textarea, select, input[type="text"], input[type="password"] {
 	background-repeat: repeat-x;
 	padding: 2px;
 	min-height: 13px;
+	
 	-webkit-border-radius: 3px;
 	-moz-border-radius: 3px;
+	-ms-border-radius: 3px;
+	-o-border-radius: 3px;
+	border-radius: 3px;
 }
 
 textarea:focus, select:focus, .inputText:focus {
@@ -193,7 +206,9 @@ iframe {
 	float: left;
 }
 
-/* ### -- -- -- -- -- System Messages (Success, Warning, Error) -- -- -- -- -- ### */
+/* -- -- -- -- -- System Messages -- -- -- -- -- */
+
+/* Success, Warning, Error */
 
 .success, .warning, .error {
 	border-width: 1px;
@@ -201,8 +216,12 @@ iframe {
 	background-position: 10px center;
 	background-repeat: no-repeat;
 	padding: 7px 45px 7px 10px;
+	
 	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
+	-ms-border-radius: 5px;
+	-o-border-radius: 5px;
+	border-radius: 5px;
 }
 
 .success {
@@ -258,4 +277,4 @@ iframe {
 	padding: 0;
 }
 
-/* ### -- -- -- -- -- EOF -- -- -- -- -- ### */
+/* -- -- -- -- -- EOF -- -- -- -- -- */
diff --git a/wcfsetup/install/files/acp/style/extra/setupStyle.css b/wcfsetup/install/files/acp/style/extra/setupStyle.css
index accb5e9c6b..e178544442 100644
--- a/wcfsetup/install/files/acp/style/extra/setupStyle.css
+++ b/wcfsetup/install/files/acp/style/extra/setupStyle.css
@@ -1,14 +1,11 @@
+/**
+ * Setup Styles (LTR)
+ *
+ * @author		Arian Glander, Harald Szekely
+ * @copyright	2006-2011 WoltLab GmbH
+ */
 
-/* ### -- -- -- -- -- Setup Styles -- -- -- -- -- ### */
-
-/* 
-
-File: setupStyle.css 
-Copyright 2006-2009 by WoltLab GmbH. 
-
-*/
-
-/* ### -- -- -- -- -- Miscellaneous -- -- -- -- -- ### */
+/* -- -- -- -- -- Miscellaneous -- -- -- -- -- */
 
 html, body {
 	background-color: #eee;
@@ -64,8 +61,12 @@ fieldset {
 	border: 1px solid #8da4b7;
 	margin-bottom: 10px;
 	padding: 0;
+	
 	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
+	-ms-border-radius: 5px;
+	-o-border-radius: 5px;
+	border-radius: 5px;
 }
 
 legend {
@@ -92,7 +93,7 @@ hr {
 	position: relative;
 }
 
-/* ### -- -- -- -- -- Links -- -- -- -- -- ### */
+/* -- -- -- -- -- Links -- -- -- -- -- */
 
 a {
 	color: #164369;
@@ -102,7 +103,7 @@ a:hover, a:active, a:visited {
 	color: #000;
 }
 
-/* ### -- -- -- -- -- Progress Bar -- -- -- -- -- ### */
+/* -- -- -- -- -- Progress Bar -- -- -- -- -- */
 
 .progress {
 	border: 1px solid #b2b2b2;
@@ -110,8 +111,12 @@ a:hover, a:active, a:visited {
 	padding: 1px;
 	width: 300px;
 	height: 16px;
+	
 	-webkit-border-radius: 3px;
 	-moz-border-radius: 3px;
+	-ms-border-radius: 3px;
+	-o-border-radius: 3px;
+	border-radius: 3px;
 }
 
 .progressBar {
@@ -119,8 +124,12 @@ a:hover, a:active, a:visited {
 	border-bottom: 8px solid #ddd;
 	background-color: #f1f1f1;
 	height: 8px;
+	
 	-webkit-border-radius: 1px;
 	-moz-border-radius: 1px;
+	-ms-border-radius: 1px;
+	-o-border-radius: 1px;
+	border-radius: 1px;
 }
 
 .progressText {
@@ -142,7 +151,7 @@ fieldset #content .inner {
 	margin-top: 0 !important;
 }
 
-/* -- -- -- -- -- -- -- Forms -- -- -- -- -- -- -- */
+/* -- -- -- -- -- Forms -- -- -- -- -- */
 
 form {
 	margin: 0;
@@ -168,8 +177,12 @@ textarea, select, input[type="text"], input[type="password"] {
 	background-repeat: repeat-x;
 	padding: 2px;
 	min-height: 13px;
+	
 	-webkit-border-radius: 3px;
 	-moz-border-radius: 3px;
+	-ms-border-radius: 3px;
+	-o-border-radius: 3px;
+	border-radius: 3px;
 }
 
 textarea:focus, select:focus, .inputText:focus {
@@ -193,7 +206,9 @@ iframe {
 	float: right;
 }
 
-/* ### -- -- -- -- -- System Messages (Success, Warning, Error) -- -- -- -- -- ### */
+/* -- -- -- -- -- System Messages -- -- -- -- -- */
+
+/* Success, Warning, Error */
 
 .success, .warning, .error {
 	border-width: 1px;
@@ -201,8 +216,12 @@ iframe {
 	background-position: 10px center;
 	background-repeat: no-repeat;
 	padding: 7px 10px 7px 45px;
+	
 	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
+	-ms-border-radius: 5px;
+	-o-border-radius: 5px;
+	border-radius: 5px;
 }
 
 .success {
@@ -258,4 +277,4 @@ iframe {
 	padding: 0;
 }
 
-/* ### -- -- -- -- -- EOF -- -- -- -- -- ### */
+/* -- -- -- -- -- EOF -- -- -- -- -- */
diff --git a/wcfsetup/install/files/acp/style/extra/setupWindowStyle-rtl.css b/wcfsetup/install/files/acp/style/extra/setupWindowStyle-rtl.css
index e11c61251b..d9f96c87a7 100644
--- a/wcfsetup/install/files/acp/style/extra/setupWindowStyle-rtl.css
+++ b/wcfsetup/install/files/acp/style/extra/setupWindowStyle-rtl.css
@@ -1,14 +1,11 @@
+/**
+ * Setup Window Styles (RTL)
+ *
+ * @author		Arian Glander, Harald Szekely
+ * @copyright	2006-2011 WoltLab GmbH
+ */
 
-/* ### -- -- -- -- -- Setup Window Styles -- -- -- -- -- ### */
-
-/* 
-
-File: setupWindowStyle.css 
-Copyright 2006-2009 by WoltLab GmbH. 
-
-*/
-
-/* -- -- -- -- -- -- -- Miscellaneous -- -- -- -- -- -- -- */
+/* -- -- -- -- -- Miscellaneous -- -- -- -- -- */
 
 body {
 	color: #333;
@@ -28,8 +25,12 @@ fieldset {
 	border: 1px solid #8da4b7;
 	margin-bottom: 10px;
 	padding: 0;
+	
 	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
+	-ms-border-radius: 5px;
+	-o-border-radius: 5px;
+	border-radius: 5px;
 }
 
 legend {
@@ -44,7 +45,7 @@ fieldset p, fieldset div {
 	padding: 0;
 }
 
-/* -- -- -- -- -- -- -- Forms -- -- -- -- -- -- -- */
+/* -- -- -- -- -- Forms -- -- -- -- -- */
 
 form {
 	margin: 0;
@@ -70,8 +71,12 @@ textarea, select, input[type="text"], input[type="password"] {
 	background-repeat: repeat-x;
 	padding: 2px;
 	min-height: 13px;
+	
 	-webkit-border-radius: 3px;
 	-moz-border-radius: 3px;
+	-ms-border-radius: 3px;
+	-o-border-radius: 3px;
+	border-radius: 3px;
 }
 
 textarea:focus, select:focus, .inputText:focus {
@@ -117,7 +122,9 @@ textarea, select, input[type="text"], input[type="password"] {
 	color: #b2b2b2;
 }
 
-/* ### -- -- -- -- -- System Messages (Success, Warning, Error) -- -- -- -- -- ### */
+/* -- -- -- -- -- System Messages -- -- -- -- -- */
+
+/* Success, Warning, Error */
 
 .success, .warning, .error {
 	border-width: 1px;
@@ -125,8 +132,12 @@ textarea, select, input[type="text"], input[type="password"] {
 	background-position: 10px center;
 	background-repeat: no-repeat;
 	padding: 7px 45px 7px 10px;
+	
 	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
+	-ms-border-radius: 5px;
+	-o-border-radius: 5px;
+	border-radius: 5px;
 }
 
 .success {
@@ -170,7 +181,7 @@ textarea, select, input[type="text"], input[type="password"] {
 	vertical-align: middle;
 }
 
-/* ### -- -- -- -- -- System Exception -- -- -- -- -- ### */
+/* -- -- -- -- -- System Exception -- -- -- -- -- */
 
 #systemException {
 	font-family: Verdana, Helvetica, sans-serif;
@@ -210,4 +221,4 @@ textarea, select, input[type="text"], input[type="password"] {
 	padding: 0;
 }
 
-/* ### -- -- -- -- -- EOF -- -- -- -- -- ### */
+/* -- -- -- -- -- EOF -- -- -- -- -- */
diff --git a/wcfsetup/install/files/acp/style/extra/setupWindowStyle.css b/wcfsetup/install/files/acp/style/extra/setupWindowStyle.css
index 65ea041ff7..27ca90983c 100644
--- a/wcfsetup/install/files/acp/style/extra/setupWindowStyle.css
+++ b/wcfsetup/install/files/acp/style/extra/setupWindowStyle.css
@@ -1,14 +1,11 @@
+/**
+ * Setup Window Styles (LTR)
+ *
+ * @author		Arian Glander, Harald Szekely
+ * @copyright	2006-2011 WoltLab GmbH
+ */
 
-/* ### -- -- -- -- -- Setup Window Styles -- -- -- -- -- ### */
-
-/* 
-
-File: setupWindowStyle.css 
-Copyright 2006-2009 by WoltLab GmbH. 
-
-*/
-
-/* -- -- -- -- -- -- -- Miscellaneous -- -- -- -- -- -- -- */
+/* -- -- -- -- -- Miscellaneous -- -- -- -- -- */
 
 body {
 	color: #333;
@@ -28,8 +25,12 @@ fieldset {
 	border: 1px solid #8da4b7;
 	margin-bottom: 10px;
 	padding: 0;
+	
 	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
+	-ms-border-radius: 5px;
+	-o-border-radius: 5px;
+	border-radius: 5px;
 }
 
 legend {
@@ -44,7 +45,7 @@ fieldset p, fieldset div {
 	padding: 0;
 }
 
-/* -- -- -- -- -- -- -- Forms -- -- -- -- -- -- -- */
+/* -- -- -- -- -- Forms -- -- -- -- -- */
 
 form {
 	margin: 0;
@@ -70,8 +71,12 @@ textarea, select, input[type="text"], input[type="password"] {
 	background-repeat: repeat-x;
 	padding: 2px;
 	min-height: 13px;
+	
 	-webkit-border-radius: 3px;
 	-moz-border-radius: 3px;
+	-ms-border-radius: 3px;
+	-o-border-radius: 3px;
+	border-radius: 3px;
 }
 
 textarea:focus, select:focus, .inputText:focus {
@@ -117,7 +122,9 @@ textarea, select, input[type="text"], input[type="password"] {
 	color: #b2b2b2;
 }
 
-/* ### -- -- -- -- -- System Messages (Success, Warning, Error) -- -- -- -- -- ### */
+/* -- -- -- -- -- System Messages -- -- -- -- -- */
+
+/* Success, Warning, Error */
 
 .success, .warning, .error {
 	border-width: 1px;
@@ -125,8 +132,12 @@ textarea, select, input[type="text"], input[type="password"] {
 	background-position: 10px center;
 	background-repeat: no-repeat;
 	padding: 7px 10px 7px 45px;
+	
 	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
+	-ms-border-radius: 5px;
+	-o-border-radius: 5px;
+	border-radius: 5px;
 }
 
 .success {
@@ -170,7 +181,7 @@ textarea, select, input[type="text"], input[type="password"] {
 	vertical-align: middle;
 }
 
-/* ### -- -- -- -- -- System Exception -- -- -- -- -- ### */
+/* -- -- -- -- -- System Exception -- -- -- -- -- */
 
 #systemException {
 	font-family: Verdana, Helvetica, sans-serif;
@@ -210,4 +221,4 @@ textarea, select, input[type="text"], input[type="password"] {
 	padding: 0;
 }
 
-/* ### -- -- -- -- -- EOF -- -- -- -- -- ### */
+/* -- -- -- -- -- EOF -- -- -- -- -- */
diff --git a/wcfsetup/install/files/acp/style/testing.css b/wcfsetup/install/files/acp/style/testing.css
index 270d566946..f8863d9bdb 100644
--- a/wcfsetup/install/files/acp/style/testing.css
+++ b/wcfsetup/install/files/acp/style/testing.css
@@ -1,6 +1,15 @@
+/**
+ * Footer Styles
+ *
+ * @author		Alexander Ebert, Harald Szekely
+ * @copyright	2011 WoltLab GmbH
+ */
+
+/* -- -- -- -- -- Miscellaneous -- -- -- -- -- */
+
 body {
-	font-family: "Lucida Sans", "Lucida Grande", "Monaco", "Geneva", sans-serif;
-	font-size: 0.8em;
+	font-family: 'Trebuchet MS', Arial, sans-serif;
+	font-size: .8em;
 }
 
 a {
@@ -59,7 +68,7 @@ nav#navigationTop li.activeMenuItem {
 
 nav#navigationSide div.menuContainer h3 {
 	background-color: #eee;
-	background-image: url(../../icon/testing/arrowRightS.png);
+	background-image: url("../../icon/testing/arrowRightS.png");
 	background-position: 7px center;
 	background-repeat: no-repeat;
 	border: 1px solid #ccc;
@@ -72,7 +81,7 @@ nav#navigationSide div.menuContainer h3 {
 }
 
 nav#navigationSide div.menuContainer h3.activeMenuItem {
-	background-image: url(../../icon/testing/arrowDownS.png);
+	background-image: url("../../icon/testing/arrowDownS.png");
 }
 
 nav#navigationSide div.menuContainer h3:first-child {
@@ -108,15 +117,11 @@ nav#navigationSide div.menuContainer ul li a:hover {
 
 div#content {
 	background-color: #fefefe;
-	
-	/* Opera */
-	background: -o-linear-gradient(#eee, #fefefe);
-	
-	/* Fuckyoufox */
-	background: -moz-linear-gradient(#eee, #fefefe);
-	
-	/* Chrome/Safari */
-	background: -webkit-gradient(linear, center top, center bottom, from(#eee), to(#fefefe));
+	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fefefe));
+	background-image: -moz-linear-gradient(0% 0% 270deg, #eee, #fefefe);
+	background-image: -ms-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fefefe));
+	background-image: -o-linear-gradient(#eee, #fefefe);
+	background-image: linear-gradient(#eee, #fefefe);
 	
 	border: 1px solid #ccc;
 	margin: 0 21px 21px 340px;
@@ -128,7 +133,7 @@ footer {
 	border: 1px solid #ccc;
 	border-bottom-width: 0;
 	clear: both;
-	margin: 0 21px 0 21px;
+	margin: 0 21px 0;
 	padding: 7px;
 }
 
@@ -154,13 +159,13 @@ div.wcfDimensions {
 
 div.overlayLoading {
 	background-color: #fff;
-	background-image: url(../../images/spinner.gif);
+	background-image: url("../../images/spinner.gif");
 	background-position: center center;
 	background-repeat: no-repeat;
 }
 
 div.ui-dialog {
-	border: 10px solid rgba(0,0,0,0.2);
+	border: 10px solid rgba(0,0,0,.2);
 	border-radius: 15px;
 	display: inline-block !important;
 	width: auto !important;
@@ -174,18 +179,18 @@ div.ui-dialog-content p {
 
 div.ui-dialog-titlebar {
 	background-color: #ccc;
-	border-bottom: 5px solid rgba(0,0,0,0.6);
+	border-bottom: 5px solid rgba(0,0,0,.6);
 	padding: 7px;
 	position: relative;
 }
 
 span.ui-dialog-title {
 	color: #fff;
-	text-shadow: #000 0 0 5px;
+	text-shadow: 5px 0 0 #000;
 }
 
 a.ui-dialog-titlebar-close {
-	background-image: url(../../icon/deleteM.png);
+	background-image: url("../../icon/deleteM.png");
 	background-position: top left;
 	background-repeat: no-repeat;
 	height: 24px;
@@ -202,10 +207,10 @@ a.ui-dialog-titlebar-close span {
 
 div.ui-widget-overlay {
 	background-color: #000;
-	left: 0px;
-	opacity: 0.6;
+	left: 0;
+	opacity: .6;
 	position: fixed;
-	top: 0px;
+	top: 0;
 }
 
 div.mainHeadline {
@@ -217,7 +222,7 @@ div.mainHeadline {
 div.mainHeadline img {
 	position: absolute;
 	top: -4px;
-	left: 0px;
+	left: 0;
 }
 
 div.mainHeadline div.headlineContainer {
@@ -239,19 +244,19 @@ div.mainHeadline div.headlineContainer p {
 h3.subHeadline {
 	border-bottom: 2px solid #000;
 	font-size: 120%;
-	margin: 14px 0 14px 0;
+	margin: 14px 0 14px;
 	padding: 7px;
 }
 
 fieldset {
 	border: 1px solid #ccc;
 	border-radius: 10px;
-	margin: 7px 0 7px 0;
+	margin: 7px 0 7px;
 	padding: 14px;
 }
 
 fieldset legend {
-	padding: 0 7px 0 7px;
+	padding: 0 7px 0;
 }
 
 fieldset p.description {
@@ -299,7 +304,7 @@ div.formGroupField div.formField label {
 .border {
 	border: 1px solid #ccc;
 	border-radius: 5px;
-	margin: 14px 0 14px 0;
+	margin: 14px 0 14px;
 }
 
 .borderMarginRemove {
@@ -327,15 +332,11 @@ table {
 
 th {
 	background-color: #fefefe;
-	
-	/* Opera */
-	background: -o-linear-gradient(#fefefe, #eee);
-	
-	/* Fuckyoufox */
-	background: -moz-linear-gradient(#fefefe, #eee);
-	
-	/* Chrome/Safari */
-	background: -webkit-gradient(linear, center top, center bottom, from(#fefefe), to(#eee));
+	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#eee));
+	background-image: -moz-linear-gradient(0% 0% 270deg, #fefefe, #eee);
+	background-image: -ms-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#eee));
+	background-image: -o-linear-gradient(#fefefe, #eee);
+	background-image: linear-gradient(#fefefe, #eee);
 	
 	border-right: 1px solid #fff;
 	border-bottom: 1px solid #fff;
@@ -343,42 +344,29 @@ th {
 }
 
 th.active {
-	background-color: #faebd7;
-	
-	/* Opera */
-	background: -o-linear-gradient(#faebd7, #fa0);
-	
-	/* Fuckyoufox */
-	background: -moz-linear-gradient(#faebd7, #fa0);
-	
-	/* Chrome/Safari */
-	background: -webkit-gradient(linear, center top, center bottom, from(#faebd7), to(#fa0));
+	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#faebd7), to(#fa0));
+	background-image: -moz-linear-gradient(0% 0% 270deg, #faebd7, #fa0);
+	background-image: -ms-gradient(linear, 0% 0%, 0% 100%, from(#faebd7), to(#fa0));
+	background-image: -o-linear-gradient(#faebd7, #fa0);
+	background-image: linear-gradient(#faebd7, #fa0);
 }
 
 th.active:hover {
 	background-color: #fa0;
-	
-	/* Opera */
-	background: -o-linear-gradient(#fa0, #faebd7);
-	
-	/* Fuckyoufox */
-	background: -moz-linear-gradient(#fa0, #faebd7);
-	
-	/* Chrome/Safari */
-	background: -webkit-gradient(linear, center top, center bottom, from(#fa0), to(#faebd7));
+	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fa0), to(#faebd7));
+	background-image: -moz-linear-gradient(0% 0% 270deg, #fa0, #faebd7);
+	background-image: -ms-gradient(linear, 0% 0%, 0% 100%, from(#fa0), to(#faebd7));
+	background-image: -o-linear-gradient(#fa0, #faebd7);
+	background-image: linear-gradient(#fa0, #faebd7);
 }
 
 th:hover {
 	background-color: #fefefe;
-	
-	/* Opera */
-	background: -o-linear-gradient(#eee, #fefefe);
-	
-	/* Fuckyoufox */
-	background: -moz-linear-gradient(#eee, #fefefe);
-	
-	/* Chrome/Safari */
-	background: -webkit-gradient(linear, center top, center bottom, from(#eee), to(#fefefe));
+	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fefefe));
+	background-image: -moz-linear-gradient(0% 0% 270deg, #eee, #fefefe);
+	background-image: -ms-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fefefe));
+	background-image: -o-linear-gradient(#eee, #fefefe);
+	background-image: linear-gradient(#eee, #fefefe);
 }
 
 th:last-child {
@@ -466,15 +454,11 @@ input[type='reset'],
 input[type='submit'],
 div.largeButtons ul li a {
 	background-color: #fefefe;
-	
-	/* Opera */
-	background: -o-linear-gradient(#fefefe, #eee);
-	
-	/* Fuckyoufox */
-	background: -moz-linear-gradient(#fefefe, #eee);
-	
-	/* Chrome/Safari */
-	background: -webkit-gradient(linear, center top, center bottom, from(#fefefe), to(#eee));
+	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#eee));
+	background-image: -moz-linear-gradient(0% 0% 270deg, #fefefe, #eee);
+	background-image: -ms-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#eee));
+	background-image: -o-linear-gradient(#fefefe, #eee);
+	background-image: linear-gradient(#fefefe, #eee);
 	
 	border: 1px solid #ccc;
 	border-radius: 10px;
@@ -486,15 +470,11 @@ input[type='reset']:hover,
 input[type='submit']:hover,
 div.largeButtons ul li a:hover {
 	background-color: #fefefe;
-	
-	/* Opera */
-	background: -o-linear-gradient(#eee, #fefefe);
-	
-	/* Fuckyoufox */
-	background: -moz-linear-gradient(#eee, #fefefe);
-	
-	/* Chrome/Safari */
-	background: -webkit-gradient(linear, center top, center bottom, from(#eee), to(#fefefe));
+	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fefefe));
+	background-image: -moz-linear-gradient(0% 0% 270deg, #eee, #fefefe);
+	background-image: -ms-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fefefe));
+	background-image: -o-linear-gradient(#eee, #fefefe);
+	background-image: linear-gradient(#eee, #fefefe);
 	
 	text-decoration: none;
 }
@@ -514,15 +494,11 @@ input[type='submit'] {
 
 div#packageInstallationDialogContainer {
 	background-color: #fefefe;
-	
-	/* Opera */
-	background: -o-linear-gradient(#fefefe, #eee);
-	
-	/* Fuckyoufox */
-	background: -moz-linear-gradient(#fefefe, #eee);
-	
-	/* Chrome/Safari */
-	background: -webkit-gradient(linear, center top, center bottom, from(#fefefe), to(#eee));
+	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#eee));
+	background-image: -moz-linear-gradient(0% 0% 270deg, #fefefe, #eee);
+	background-image: -ms-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#eee));
+	background-image: -o-linear-gradient(#fefefe, #eee);
+	background-image: linear-gradient(#fefefe, #eee);
 	
 	height: 100%;
 	max-width: 600px;
@@ -576,7 +552,7 @@ hr {
 	border-top-width: 0;
 	border-radius: 0 0 5px 5px;
 	left: 43%;
-	padding: 7px 21px 7px 21px;
+	padding: 7px 21px 7px;
 	position: fixed;
 	top: 0;
 }
@@ -616,13 +592,14 @@ dl.disabled dt {
 	padding: 3px;
 	zoom: 1;
 }
+
 .ui-tabs .ui-tabs-nav {
-	height: 18px !important; /* Fix for some cruel clearing problem */
+	height: 18px !important; /* Fixes a clearing problem */
 	margin: 0 0 0 14px;
-	
 	background-color: none;
 	padding: 3px 3px 0;
 }
+
 .ui-tabs .ui-tabs-nav li {
 	list-style: none;
 	float: left;
@@ -632,56 +609,113 @@ dl.disabled dt {
 	border-bottom: 0 !important;
 	padding: 0;
 	white-space: nowrap;
-	z-index: 90; /* Prevent border overlay during transition */
+	z-index: 90; /* Prevents border overlay during transition */
 }
+
 .ui-tabs .ui-tabs-nav li a {
 	background-color: #fefefe;
-	background: -o-linear-gradient(#fefefe, #eee);
+	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#eee));
+	background-image: -moz-linear-gradient(0% 0% 270deg, #fefefe, #eee);
+	background-image: -ms-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#eee));
+	background-image: -o-linear-gradient(#fefefe, #eee);
+	background-image: linear-gradient(#fefefe, #eee);
+	
 	border: 1px solid #ccc;
 	border-bottom-width: 0;
 	border-radius: 10px 10px 0 0;
-	
 	float: left;
 	padding: 7px 14px;
 	text-decoration: none;
 }
+
 .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
 	margin-bottom: 0;
 	padding-bottom: 1px;
 }
+
 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
-	background-color: #fefefe;
-	background: -o-linear-gradient(#eee, #fefefe);
+	background-color: #fefefe;	
+	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fefefe));
+	background-image: -moz-linear-gradient(0% 0% 270deg, #eee, #fefefe);
+	background-image: -ms-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fefefe));
+	background-image: -o-linear-gradient(#eee, #fefefe);
+	background-image: linear-gradient(#eee, #fefefe);
+	
 	border-bottom: 1px solid #fefefe;
 }
+
 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
 .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
 .ui-tabs .ui-tabs-nav li.ui-state-processing a {
 	cursor: default;
 }
+
 .ui-tabs .ui-tabs-nav li a,
 .ui-tabs .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
 	cursor: pointer;
 }
+
 .ui-tabs .ui-tabs-panel {
 	background-color: #fefefe;
 	border: 1px solid #ccc !important;
-	z-index: 89; /* Prevent border overlay during transition */
-	
+	z-index: 89; /* Prevents border overlay during transition */
 	display: block;
 	padding: 14px 21px;
 }
+
 .ui-tabs .ui-tabs-hide {
 	display: none !important;
 }
 
-.ui-helper-hidden { display: none; }
-.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
-.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
-.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
-.ui-helper-clearfix { display: inline-block; }
-/* required comment for clearfix to work in Opera \*/
-* html .ui-helper-clearfix { height:1%; }
-.ui-helper-clearfix { display:block; }
+.ui-helper-hidden {
+	display: none;
+}
+
+.ui-helper-hidden-accessible {
+	position: absolute !important;
+	clip: rect(1px 1px 1px 1px);
+	clip: rect(1px,1px,1px,1px);
+}
+
+.ui-helper-reset {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	line-height: 1.3;
+	text-decoration: none;
+	font-size: 100%;
+	list-style: none;
+}
+
+.ui-helper-clearfix:after {
+	content: "";
+	display: block;
+	height: 0;
+	clear: both;
+}
+
+.ui-helper-clearfix {
+	display: inline-block;
+}
+
+/* Required comment for clearfix to work in Opera \*/
+* html .ui-helper-clearfix {
+	height: 1%;
+}
+
+.ui-helper-clearfix {
+	display: block;
+}
+
 /* end clearfix */
-.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
\ No newline at end of file
+.ui-helper-zfix {
+	width: 100%;
+	height: 100%;
+	top: 0;
+	left: 0;
+	position: absolute;
+	opacity: 0;
+	filter: Alpha(opacity=0);}
+
+/* -- -- -- -- -- EOF -- -- -- -- -- */
diff --git a/wcfsetup/install/files/acp/style/wcfAcp.css b/wcfsetup/install/files/acp/style/wcfAcp.css
index 851ea39344..188439b9ec 100644
--- a/wcfsetup/install/files/acp/style/wcfAcp.css
+++ b/wcfsetup/install/files/acp/style/wcfAcp.css
@@ -1,13 +1,11 @@
+/**
+ * ACP Special Styles
+ *
+ * @author		Arian Glander, Harald Szekely
+ * @copyright	2006-2011 WoltLab GmbH
+ */
 
-/* ### -- -- -- -- -- ACP Special Styles -- -- -- -- -- ### */
-
-/* 
-
-File: acp.css 
-Copyright 2006-2010 by WoltLab GmbH. 
-
-*/
-/* ### -- -- -- -- -- Miscellaneous -- -- -- -- -- ### */
+/* -- -- -- -- -- Miscellaneous -- -- -- -- -- */
 
 body, html {
 	background-color: #fff;
@@ -126,7 +124,7 @@ h2, h2 a {
 	clear: none;
 }
 
-/* ### -- -- -- -- -- Sidebar -- -- -- -- -- ### */
+/* -- -- -- -- -- Sidebar -- -- -- -- -- */
 
 #sidebar {
 	background-color: transparent;
@@ -198,7 +196,7 @@ h2, h2 a {
 	background-position: left bottom;
 }
 
-/* ### -- -- -- -- -- Menu -- -- -- -- -- ### */
+/* -- -- -- -- -- Menu -- -- -- -- -- */
 
 /* ToDo: Clean up this mess */
 
@@ -257,7 +255,7 @@ h2, h2 a {
 	top: 0;
 }
 
-/* #### -- -- -- -- -- Sitemap -- -- -- -- -- #### */
+/* -- -- -- -- -- Sitemap -- -- -- -- -- */
 
 .sitemap {
 	padding: 20px 0 20px 180px;
@@ -327,7 +325,7 @@ h2, h2 a {
 	clear: both;
 }
 
-/* ### -- -- -- -- Access Rights -- -- -- -- ### */
+/* -- -- -- -- Access Rights -- -- -- -- */
 
 .allow, .deny {
 	font-size: .85em;
@@ -421,16 +419,18 @@ h2, h2 a {
 	padding: 5px 7px 5px 35px !important;
 }
 
-/* ### -- -- -- -- Special Styles -- -- -- -- ### */
+/* -- -- -- -- Special Styles -- -- -- -- */
 
-* {-o-text-overflow: ellipsis;}
+* {
+	-o-text-overflow: ellipsis;
+	text-overflow: ellipsis;
+}
 
 .sitemap .container-1 {
 	-webkit-border-bottom-left-radius: 5px;
 	-webkit-border-bottom-right-radius: 5px;
 	-moz-border-radius-bottomleft: 5px;
 	-moz-border-radius-bottomright: 5px;
-	
 	border-bottom-left-radius: 5px;
 	border-bottom-right-radius: 5px;
 }
@@ -440,7 +440,6 @@ h2, h2 a {
 	-webkit-border-top-right-radius: 0;
 	-moz-border-radius-topleft: 0;
 	-moz-border-radius-topright: 0;
-	
 	border-top-left-radius: 0;
 	border-top-right-radius: 0;
 }
@@ -452,4 +451,4 @@ h2, h2 a {
 	border-radius: 5px;
 }
 
-/* ### -- -- -- -- -- EOF -- -- -- -- -- ### */
+/* -- -- -- -- -- EOF -- -- -- -- -- */