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 7bb6a7a5b393f29adb7240024fc37c51635c3954..b8cc93fb81d98eb15f1e5b8f1eed9a23a7ea1c42 100644 (file)
--- 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 accb5e9c6bc116cfe23572111fcd06b10d74e02f..e1785444429147ea4eea437f4ad68fc01e4eab15 100644 (file)
--- 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 e11c61251b0eb58408e90b0c6f8acf5924085368..d9f96c87a7739515c4fadaafb72673fe0c15b802 100644 (file)
--- 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 65ea041ff7e9d6ae0ec7d65eea61f1e1fd6daa11..27ca90983c2bdd49bff98b9c760b501a27b7c647 100644 (file)
--- 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 270d566946e4e6c1c48c3f0894ab60ecbeede13a..f8863d9bdb63c9e87e15d3389ee75b43919060ce 100644 (file)
--- a/wcfsetup/install/files/acp/style/testing.css
+++ b/wcfsetup/install/files/acp/style/testing.css
@@ -1,6 +1,15 @@
+/**\r
+ * Footer Styles\r
+ *\r
+ * @author             Alexander Ebert, Harald Szekely\r
+ * @copyright  2011 WoltLab GmbH\r
+ */\r
+\r
+/* -- -- -- -- -- Miscellaneous -- -- -- -- -- */\r
+\r
 body {\r
-       font-family: "Lucida Sans", "Lucida Grande", "Monaco", "Geneva", sans-serif;\r
-       font-size: 0.8em;\r
+       font-family: 'Trebuchet MS', Arial, sans-serif;\r
+       font-size: .8em;\r
 }\r
 \r
 a {\r
@@ -59,7 +68,7 @@ nav#navigationTop li.activeMenuItem {
 \r
 nav#navigationSide div.menuContainer h3 {\r
        background-color: #eee;\r
-       background-image: url(../../icon/testing/arrowRightS.png);\r
+       background-image: url("../../icon/testing/arrowRightS.png");\r
        background-position: 7px center;\r
        background-repeat: no-repeat;\r
        border: 1px solid #ccc;\r
@@ -72,7 +81,7 @@ nav#navigationSide div.menuContainer h3 {
 }\r
 \r
 nav#navigationSide div.menuContainer h3.activeMenuItem {\r
-       background-image: url(../../icon/testing/arrowDownS.png);\r
+       background-image: url("../../icon/testing/arrowDownS.png");\r
 }\r
 \r
 nav#navigationSide div.menuContainer h3:first-child {\r
@@ -108,15 +117,11 @@ nav#navigationSide div.menuContainer ul li a:hover {
 \r
 div#content {\r
        background-color: #fefefe;\r
-       \r
-       /* Opera */\r
-       background: -o-linear-gradient(#eee, #fefefe);\r
-       \r
-       /* Fuckyoufox */\r
-       background: -moz-linear-gradient(#eee, #fefefe);\r
-       \r
-       /* Chrome/Safari */\r
-       background: -webkit-gradient(linear, center top, center bottom, from(#eee), to(#fefefe));\r
+       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fefefe));\r
+       background-image: -moz-linear-gradient(0% 0% 270deg, #eee, #fefefe);\r
+       background-image: -ms-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fefefe));\r
+       background-image: -o-linear-gradient(#eee, #fefefe);\r
+       background-image: linear-gradient(#eee, #fefefe);\r
        \r
        border: 1px solid #ccc;\r
        margin: 0 21px 21px 340px;\r
@@ -128,7 +133,7 @@ footer {
        border: 1px solid #ccc;\r
        border-bottom-width: 0;\r
        clear: both;\r
-       margin: 0 21px 0 21px;\r
+       margin: 0 21px 0;\r
        padding: 7px;\r
 }\r
 \r
@@ -154,13 +159,13 @@ div.wcfDimensions {
 \r
 div.overlayLoading {\r
        background-color: #fff;\r
-       background-image: url(../../images/spinner.gif);\r
+       background-image: url("../../images/spinner.gif");\r
        background-position: center center;\r
        background-repeat: no-repeat;\r
 }\r
 \r
 div.ui-dialog {\r
-       border: 10px solid rgba(0,0,0,0.2);\r
+       border: 10px solid rgba(0,0,0,.2);\r
        border-radius: 15px;\r
        display: inline-block !important;\r
        width: auto !important;\r
@@ -174,18 +179,18 @@ div.ui-dialog-content p {
 \r
 div.ui-dialog-titlebar {\r
        background-color: #ccc;\r
-       border-bottom: 5px solid rgba(0,0,0,0.6);\r
+       border-bottom: 5px solid rgba(0,0,0,.6);\r
        padding: 7px;\r
        position: relative;\r
 }\r
 \r
 span.ui-dialog-title {\r
        color: #fff;\r
-       text-shadow: #000 0 0 5px;\r
+       text-shadow: 5px 0 0 #000;\r
 }\r
 \r
 a.ui-dialog-titlebar-close {\r
-       background-image: url(../../icon/deleteM.png);\r
+       background-image: url("../../icon/deleteM.png");\r
        background-position: top left;\r
        background-repeat: no-repeat;\r
        height: 24px;\r
@@ -202,10 +207,10 @@ a.ui-dialog-titlebar-close span {
 \r
 div.ui-widget-overlay {\r
        background-color: #000;\r
-       left: 0px;\r
-       opacity: 0.6;\r
+       left: 0;\r
+       opacity: .6;\r
        position: fixed;\r
-       top: 0px;\r
+       top: 0;\r
 }\r
 \r
 div.mainHeadline {\r
@@ -217,7 +222,7 @@ div.mainHeadline {
 div.mainHeadline img {\r
        position: absolute;\r
        top: -4px;\r
-       left: 0px;\r
+       left: 0;\r
 }\r
 \r
 div.mainHeadline div.headlineContainer {\r
@@ -239,19 +244,19 @@ div.mainHeadline div.headlineContainer p {
 h3.subHeadline {\r
        border-bottom: 2px solid #000;\r
        font-size: 120%;\r
-       margin: 14px 0 14px 0;\r
+       margin: 14px 0 14px;\r
        padding: 7px;\r
 }\r
 \r
 fieldset {\r
        border: 1px solid #ccc;\r
        border-radius: 10px;\r
-       margin: 7px 0 7px 0;\r
+       margin: 7px 0 7px;\r
        padding: 14px;\r
 }\r
 \r
 fieldset legend {\r
-       padding: 0 7px 0 7px;\r
+       padding: 0 7px 0;\r
 }\r
 \r
 fieldset p.description {\r
@@ -299,7 +304,7 @@ div.formGroupField div.formField label {
 .border {\r
        border: 1px solid #ccc;\r
        border-radius: 5px;\r
-       margin: 14px 0 14px 0;\r
+       margin: 14px 0 14px;\r
 }\r
 \r
 .borderMarginRemove {\r
@@ -327,15 +332,11 @@ table {
 \r
 th {\r
        background-color: #fefefe;\r
-       \r
-       /* Opera */\r
-       background: -o-linear-gradient(#fefefe, #eee);\r
-       \r
-       /* Fuckyoufox */\r
-       background: -moz-linear-gradient(#fefefe, #eee);\r
-       \r
-       /* Chrome/Safari */\r
-       background: -webkit-gradient(linear, center top, center bottom, from(#fefefe), to(#eee));\r
+       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#eee));\r
+       background-image: -moz-linear-gradient(0% 0% 270deg, #fefefe, #eee);\r
+       background-image: -ms-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#eee));\r
+       background-image: -o-linear-gradient(#fefefe, #eee);\r
+       background-image: linear-gradient(#fefefe, #eee);\r
        \r
        border-right: 1px solid #fff;\r
        border-bottom: 1px solid #fff;\r
@@ -343,42 +344,29 @@ th {
 }\r
 \r
 th.active {\r
-       background-color: #faebd7;\r
-       \r
-       /* Opera */\r
-       background: -o-linear-gradient(#faebd7, #fa0);\r
-       \r
-       /* Fuckyoufox */\r
-       background: -moz-linear-gradient(#faebd7, #fa0);\r
-       \r
-       /* Chrome/Safari */\r
-       background: -webkit-gradient(linear, center top, center bottom, from(#faebd7), to(#fa0));\r
+       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#faebd7), to(#fa0));\r
+       background-image: -moz-linear-gradient(0% 0% 270deg, #faebd7, #fa0);\r
+       background-image: -ms-gradient(linear, 0% 0%, 0% 100%, from(#faebd7), to(#fa0));\r
+       background-image: -o-linear-gradient(#faebd7, #fa0);\r
+       background-image: linear-gradient(#faebd7, #fa0);\r
 }\r
 \r
 th.active:hover {\r
        background-color: #fa0;\r
-       \r
-       /* Opera */\r
-       background: -o-linear-gradient(#fa0, #faebd7);\r
-       \r
-       /* Fuckyoufox */\r
-       background: -moz-linear-gradient(#fa0, #faebd7);\r
-       \r
-       /* Chrome/Safari */\r
-       background: -webkit-gradient(linear, center top, center bottom, from(#fa0), to(#faebd7));\r
+       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fa0), to(#faebd7));\r
+       background-image: -moz-linear-gradient(0% 0% 270deg, #fa0, #faebd7);\r
+       background-image: -ms-gradient(linear, 0% 0%, 0% 100%, from(#fa0), to(#faebd7));\r
+       background-image: -o-linear-gradient(#fa0, #faebd7);\r
+       background-image: linear-gradient(#fa0, #faebd7);\r
 }\r
 \r
 th:hover {\r
        background-color: #fefefe;\r
-       \r
-       /* Opera */\r
-       background: -o-linear-gradient(#eee, #fefefe);\r
-       \r
-       /* Fuckyoufox */\r
-       background: -moz-linear-gradient(#eee, #fefefe);\r
-       \r
-       /* Chrome/Safari */\r
-       background: -webkit-gradient(linear, center top, center bottom, from(#eee), to(#fefefe));\r
+       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fefefe));\r
+       background-image: -moz-linear-gradient(0% 0% 270deg, #eee, #fefefe);\r
+       background-image: -ms-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fefefe));\r
+       background-image: -o-linear-gradient(#eee, #fefefe);\r
+       background-image: linear-gradient(#eee, #fefefe);\r
 }\r
 \r
 th:last-child {\r
@@ -466,15 +454,11 @@ input[type='reset'],
 input[type='submit'],\r
 div.largeButtons ul li a {\r
        background-color: #fefefe;\r
-       \r
-       /* Opera */\r
-       background: -o-linear-gradient(#fefefe, #eee);\r
-       \r
-       /* Fuckyoufox */\r
-       background: -moz-linear-gradient(#fefefe, #eee);\r
-       \r
-       /* Chrome/Safari */\r
-       background: -webkit-gradient(linear, center top, center bottom, from(#fefefe), to(#eee));\r
+       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#eee));\r
+       background-image: -moz-linear-gradient(0% 0% 270deg, #fefefe, #eee);\r
+       background-image: -ms-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#eee));\r
+       background-image: -o-linear-gradient(#fefefe, #eee);\r
+       background-image: linear-gradient(#fefefe, #eee);\r
        \r
        border: 1px solid #ccc;\r
        border-radius: 10px;\r
@@ -486,15 +470,11 @@ input[type='reset']:hover,
 input[type='submit']:hover,\r
 div.largeButtons ul li a:hover {\r
        background-color: #fefefe;\r
-       \r
-       /* Opera */\r
-       background: -o-linear-gradient(#eee, #fefefe);\r
-       \r
-       /* Fuckyoufox */\r
-       background: -moz-linear-gradient(#eee, #fefefe);\r
-       \r
-       /* Chrome/Safari */\r
-       background: -webkit-gradient(linear, center top, center bottom, from(#eee), to(#fefefe));\r
+       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fefefe));\r
+       background-image: -moz-linear-gradient(0% 0% 270deg, #eee, #fefefe);\r
+       background-image: -ms-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fefefe));\r
+       background-image: -o-linear-gradient(#eee, #fefefe);\r
+       background-image: linear-gradient(#eee, #fefefe);\r
        \r
        text-decoration: none;\r
 }\r
@@ -514,15 +494,11 @@ input[type='submit'] {
 \r
 div#packageInstallationDialogContainer {\r
        background-color: #fefefe;\r
-       \r
-       /* Opera */\r
-       background: -o-linear-gradient(#fefefe, #eee);\r
-       \r
-       /* Fuckyoufox */\r
-       background: -moz-linear-gradient(#fefefe, #eee);\r
-       \r
-       /* Chrome/Safari */\r
-       background: -webkit-gradient(linear, center top, center bottom, from(#fefefe), to(#eee));\r
+       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#eee));\r
+       background-image: -moz-linear-gradient(0% 0% 270deg, #fefefe, #eee);\r
+       background-image: -ms-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#eee));\r
+       background-image: -o-linear-gradient(#fefefe, #eee);\r
+       background-image: linear-gradient(#fefefe, #eee);\r
        \r
        height: 100%;\r
        max-width: 600px;\r
@@ -576,7 +552,7 @@ hr {
        border-top-width: 0;\r
        border-radius: 0 0 5px 5px;\r
        left: 43%;\r
-       padding: 7px 21px 7px 21px;\r
+       padding: 7px 21px 7px;\r
        position: fixed;\r
        top: 0;\r
 }\r
@@ -616,13 +592,14 @@ dl.disabled dt {
        padding: 3px;\r
        zoom: 1;\r
 }\r
+\r
 .ui-tabs .ui-tabs-nav {\r
-       height: 18px !important; /* Fix for some cruel clearing problem */\r
+       height: 18px !important; /* Fixes a clearing problem */\r
        margin: 0 0 0 14px;\r
-       \r
        background-color: none;\r
        padding: 3px 3px 0;\r
 }\r
+\r
 .ui-tabs .ui-tabs-nav li {\r
        list-style: none;\r
        float: left;\r
@@ -632,56 +609,113 @@ dl.disabled dt {
        border-bottom: 0 !important;\r
        padding: 0;\r
        white-space: nowrap;\r
-       z-index: 90; /* Prevent border overlay during transition */\r
+       z-index: 90; /* Prevents border overlay during transition */\r
 }\r
+\r
 .ui-tabs .ui-tabs-nav li a {\r
        background-color: #fefefe;\r
-       background: -o-linear-gradient(#fefefe, #eee);\r
+       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#eee));\r
+       background-image: -moz-linear-gradient(0% 0% 270deg, #fefefe, #eee);\r
+       background-image: -ms-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#eee));\r
+       background-image: -o-linear-gradient(#fefefe, #eee);\r
+       background-image: linear-gradient(#fefefe, #eee);\r
+       \r
        border: 1px solid #ccc;\r
        border-bottom-width: 0;\r
        border-radius: 10px 10px 0 0;\r
-       \r
        float: left;\r
        padding: 7px 14px;\r
        text-decoration: none;\r
 }\r
+\r
 .ui-tabs .ui-tabs-nav li.ui-tabs-selected {\r
        margin-bottom: 0;\r
        padding-bottom: 1px;\r
 }\r
+\r
 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {\r
-       background-color: #fefefe;\r
-       background: -o-linear-gradient(#eee, #fefefe);\r
+       background-color: #fefefe;      \r
+       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fefefe));\r
+       background-image: -moz-linear-gradient(0% 0% 270deg, #eee, #fefefe);\r
+       background-image: -ms-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fefefe));\r
+       background-image: -o-linear-gradient(#eee, #fefefe);\r
+       background-image: linear-gradient(#eee, #fefefe);\r
+       \r
        border-bottom: 1px solid #fefefe;\r
 }\r
+\r
 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,\r
 .ui-tabs .ui-tabs-nav li.ui-state-disabled a,\r
 .ui-tabs .ui-tabs-nav li.ui-state-processing a {\r
        cursor: default;\r
 }\r
+\r
 .ui-tabs .ui-tabs-nav li a,\r
 .ui-tabs .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {\r
        cursor: pointer;\r
 }\r
+\r
 .ui-tabs .ui-tabs-panel {\r
        background-color: #fefefe;\r
        border: 1px solid #ccc !important;\r
-       z-index: 89; /* Prevent border overlay during transition */\r
-       \r
+       z-index: 89; /* Prevents border overlay during transition */\r
        display: block;\r
        padding: 14px 21px;\r
 }\r
+\r
 .ui-tabs .ui-tabs-hide {\r
        display: none !important;\r
 }\r
 \r
-.ui-helper-hidden { display: none; }\r
-.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }\r
-.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }\r
-.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }\r
-.ui-helper-clearfix { display: inline-block; }\r
-/* required comment for clearfix to work in Opera \*/\r
-* html .ui-helper-clearfix { height:1%; }\r
-.ui-helper-clearfix { display:block; }\r
+.ui-helper-hidden {\r
+       display: none;\r
+}\r
+\r
+.ui-helper-hidden-accessible {\r
+       position: absolute !important;\r
+       clip: rect(1px 1px 1px 1px);\r
+       clip: rect(1px,1px,1px,1px);\r
+}\r
+\r
+.ui-helper-reset {\r
+       margin: 0;\r
+       padding: 0;\r
+       border: 0;\r
+       outline: 0;\r
+       line-height: 1.3;\r
+       text-decoration: none;\r
+       font-size: 100%;\r
+       list-style: none;\r
+}\r
+\r
+.ui-helper-clearfix:after {\r
+       content: "";\r
+       display: block;\r
+       height: 0;\r
+       clear: both;\r
+}\r
+\r
+.ui-helper-clearfix {\r
+       display: inline-block;\r
+}\r
+\r
+/* Required comment for clearfix to work in Opera \*/\r
+* html .ui-helper-clearfix {\r
+       height: 1%;\r
+}\r
+\r
+.ui-helper-clearfix {\r
+       display: block;\r
+}\r
+\r
 /* end clearfix */\r
-.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 {\r
+       width: 100%;\r
+       height: 100%;\r
+       top: 0;\r
+       left: 0;\r
+       position: absolute;\r
+       opacity: 0;\r
+       filter: Alpha(opacity=0);}\r
+\r
+/* -- -- -- -- -- EOF -- -- -- -- -- */\r

diff --git a/wcfsetup/install/files/acp/style/wcfAcp.css b/wcfsetup/install/files/acp/style/wcfAcp.css
index 851ea39344734ea5d71fedd71eea5df01aa6f56a..188439b9ec11f6e19abbea67bd8e0e4e356eb4f0 100644 (file)
--- a/wcfsetup/install/files/acp/style/wcfAcp.css
+++ b/wcfsetup/install/files/acp/style/wcfAcp.css
@@ -1,13 +1,11 @@
+/**\r
+ * ACP Special Styles\r
+ *\r
+ * @author             Arian Glander, Harald Szekely\r
+ * @copyright  2006-2011 WoltLab GmbH\r
+ */\r
 \r
-/* ### -- -- -- -- -- ACP Special Styles -- -- -- -- -- ### */\r
-\r
-/* \r
-\r
-File: acp.css \r
-Copyright 2006-2010 by WoltLab GmbH. \r
-\r
-*/\r
-/* ### -- -- -- -- -- Miscellaneous -- -- -- -- -- ### */\r
+/* -- -- -- -- -- Miscellaneous -- -- -- -- -- */\r
 \r
 body, html {\r
        background-color: #fff;\r
@@ -126,7 +124,7 @@ h2, h2 a {
        clear: none;\r
 }\r
 \r
-/* ### -- -- -- -- -- Sidebar -- -- -- -- -- ### */\r
+/* -- -- -- -- -- Sidebar -- -- -- -- -- */\r
 \r
 #sidebar {\r
        background-color: transparent;\r
@@ -198,7 +196,7 @@ h2, h2 a {
        background-position: left bottom;\r
 }\r
 \r
-/* ### -- -- -- -- -- Menu -- -- -- -- -- ### */\r
+/* -- -- -- -- -- Menu -- -- -- -- -- */\r
 \r
 /* ToDo: Clean up this mess */\r
 \r
@@ -257,7 +255,7 @@ h2, h2 a {
        top: 0;\r
 }\r
 \r
-/* #### -- -- -- -- -- Sitemap -- -- -- -- -- #### */\r
+/* -- -- -- -- -- Sitemap -- -- -- -- -- */\r
 \r
 .sitemap {\r
        padding: 20px 0 20px 180px;\r
@@ -327,7 +325,7 @@ h2, h2 a {
        clear: both;\r
 }\r
 \r
-/* ### -- -- -- -- Access Rights -- -- -- -- ### */\r
+/* -- -- -- -- Access Rights -- -- -- -- */\r
 \r
 .allow, .deny {\r
        font-size: .85em;\r
@@ -421,16 +419,18 @@ h2, h2 a {
        padding: 5px 7px 5px 35px !important;\r
 }\r
 \r
-/* ### -- -- -- -- Special Styles -- -- -- -- ### */\r
+/* -- -- -- -- Special Styles -- -- -- -- */\r
 \r
-* {-o-text-overflow: ellipsis;}\r
+* {\r
+       -o-text-overflow: ellipsis;\r
+       text-overflow: ellipsis;\r
+}\r
 \r
 .sitemap .container-1 {\r
        -webkit-border-bottom-left-radius: 5px;\r
        -webkit-border-bottom-right-radius: 5px;\r
        -moz-border-radius-bottomleft: 5px;\r
        -moz-border-radius-bottomright: 5px;\r
-       \r
        border-bottom-left-radius: 5px;\r
        border-bottom-right-radius: 5px;\r
 }\r
@@ -440,7 +440,6 @@ h2, h2 a {
        -webkit-border-top-right-radius: 0;\r
        -moz-border-radius-topleft: 0;\r
        -moz-border-radius-topright: 0;\r
-       \r
        border-top-left-radius: 0;\r
        border-top-right-radius: 0;\r
 }\r
@@ -452,4 +451,4 @@ h2, h2 a {
        border-radius: 5px;\r
 }\r
 \r
-/* ### -- -- -- -- -- EOF -- -- -- -- -- ### */\r
+/* -- -- -- -- -- EOF -- -- -- -- -- */\r