[BUGFIX] EM: fix state columns' CSS 24/19624/3
authorFelix Kopp <felix-source@phorax.com>
Fri, 5 Apr 2013 19:31:45 +0000 (21:31 +0200)
committerChristian Kuhn <lolli@schwarzbu.ch>
Fri, 5 Apr 2013 20:05:32 +0000 (22:05 +0200)
Brings official typo3.org state colors. Also fixes several
errors for IE and hovering in general.

Change-Id: Ib24edbe60ac0fb4aad259be3e603d836bed27ab0
Fixes: #46955
Releases: 6.1, 6.0
Reviewed-on: https://review.typo3.org/19624
Reviewed-by: Christian Kuhn
Tested-by: Christian Kuhn
typo3/sysext/extensionmanager/Resources/Private/Scss/helpers/_mixins.scss
typo3/sysext/extensionmanager/Resources/Private/Scss/page/_base.scss
typo3/sysext/extensionmanager/Resources/Private/Scss/page/_manage.scss
typo3/sysext/extensionmanager/Resources/Public/Css/main.css

index eef1289..10c7cc6 100644 (file)
@@ -67,21 +67,15 @@ $useIEFilters: 0;
                box-sizing: $type;
 }
 
-
 // Hardware Xalleration
 @mixin xallerate ($values: '') {
        @include transform(translate3d(0,0,0) #{$values});
 }
 
-
-
-@mixin stable {
-       @include linear-gradient(#87b374, #87b374 0%, #5f8d4b 100%);
-}
-
-
-@mixin beta {
-       @include linear-gradient(#f39300, #f39300 0%, #d15e00 100%);
-}
-
-
+@mixin alpha { background-color: #f14400; }
+@mixin beta { background-color: #f4bd00; }
+@mixin stable { background-color: #3db900; }
+@mixin experimental { background-color: #000; }
+@mixin test { background-color: #000; }
+@mixin obsolete { background-color: #8c8c8c; }
+@mixin excludeFromUpdates { background-color: #000; }
\ No newline at end of file
index 6e9e9c1..90e5b72 100644 (file)
        margin-left: -2px;
 }
 
-.obsolete, .test, .experimental {
-       background-color: #a3a3a3;
-}
-
-.stable {
-       background-color: #b7ff97 !important;
-}
-
-.alpha {
-       background-color: #ffb1e0 !important;
-}
+.alpha { @include alpha; }
+.beta { @include beta; }
+.stable { @include stable; }
+.experimental { @include experimental; }
+.test { @include test; }
+.obsolete { @include obsolete; }
+.excludeFromUpdates { @include excludeFromUpdates; }
 
-.beta {
-       background-color: #aaffcb !important;
-}
-
-.stable,
 .alpha,
-.beta {
+.beta,
+.stable,
+.experimental,
+.test,
+.obsolete,
+.excludeFromUpdates {
        font-weight: bold;
        color: #fff;
 }
        width: 150px;
 }
 
-p { padding-bottom: 20px; }
+p { padding-bottom: 20px; }
\ No newline at end of file
index 653f90c..3ce762a 100644 (file)
@@ -46,7 +46,7 @@
 
        // Header
        thead {
-               @include linear-gradient(#5b5b5b, #7f7f7f 10%, #5b5b5b 100%);
+               background-color: #666;
 
                tr {
                        background: none !important;
                                td {
                                        background: none;
 
-                                       &.stable {
-                                               @include stable;
-                                       }
-
-                                       &.beta {
-                                               @include beta;
-                                       }
+                                       &.alpha { @include alpha; }
+                                       &.beta { @include beta; }
+                                       &.stable { @include stable; }
+                                       &.experimental { @include experimental; }
+                                       &.test { @include test; }
+                                       &.obsolete { @include obsolete; }
+                                       &.excludeFromUpdates { @include excludeFromUpdates; }
                                }
                        }
                }
                        padding: 8px 10px;
                        vertical-align: middle;
 
-                       &.stable {
-                               @include stable;
-                       }
 
-                       &.beta {
-                               @include beta;
-                       }
+                       &.alpha { @include alpha; }
+                       &.beta { @include beta; }
+                       &.stable { @include stable; }
+                       &.experimental { @include experimental; }
+                       &.test { @include test; }
+                       &.obsolete { @include obsolete; }
+                       &.excludeFromUpdates { @include excludeFromUpdates; }
 
                        img {
                                vertical-align: middle;
index 64b3adb..2911e59 100644 (file)
@@ -1595,21 +1595,34 @@ button.ui-button::-moz-focus-inner {
   padding: 3px 10px;
   margin-left: -2px; }
 
-.obsolete, .test, .experimental {
-  background-color: #a3a3a3; }
+.alpha {
+  background-color: #f14400; }
+
+.beta {
+  background-color: #f4bd00; }
 
 .stable {
-  background-color: #b7ff97 !important; }
+  background-color: #3db900; }
 
-.alpha {
-  background-color: #ffb1e0 !important; }
+.experimental {
+  background-color: #000; }
 
-.beta {
-  background-color: #aaffcb !important; }
+.test {
+  background-color: #000; }
+
+.obsolete {
+  background-color: #8c8c8c; }
+
+.excludeFromUpdates {
+  background-color: #000; }
 
-.stable,
 .alpha,
-.beta {
+.beta,
+.stable,
+.experimental,
+.test,
+.obsolete,
+.excludeFromUpdates {
   font-weight: bold;
   color: #fff; }
 
@@ -1687,13 +1700,7 @@ p {
 .typo3-extension-list {
   border-spacing: 0; }
   .typo3-extension-list thead {
-    background-color: #5b5b5b;
-    background-image: -webkit-gradient(linear, left top, left bottom, from(#7f7f7f 10%), to(#5b5b5b 100%));
-    background-image: -webkit-linear-gradient(top, #7f7f7f 10%, #5b5b5b 100%);
-    background-image: -moz-linear-gradient(top, #7f7f7f 10%, #5b5b5b 100%);
-    background-image: -ms-linear-gradient(top, #7f7f7f 10%, #5b5b5b 100%);
-    background-image: -o-linear-gradient(top, #7f7f7f 10%, #5b5b5b 100%);
-    background-image: linear-gradient(to bottom, #7f7f7f 10%, #5b5b5b 100%); }
+    background-color: #666; }
     .typo3-extension-list thead tr {
       background: none !important; }
       .typo3-extension-list thead tr:hover {
@@ -1720,42 +1727,38 @@ p {
     background: none; }
   .typo3-extension-list tr.odd:hover td, .typo3-extension-list tr.even:hover td {
     background: none; }
-    .typo3-extension-list tr.odd:hover td.stable, .typo3-extension-list tr.even:hover td.stable {
-      background-color: #87b374;
-      background-image: -webkit-gradient(linear, left top, left bottom, from(#87b374 0%), to(#5f8d4b 100%));
-      background-image: -webkit-linear-gradient(top, #87b374 0%, #5f8d4b 100%);
-      background-image: -moz-linear-gradient(top, #87b374 0%, #5f8d4b 100%);
-      background-image: -ms-linear-gradient(top, #87b374 0%, #5f8d4b 100%);
-      background-image: -o-linear-gradient(top, #87b374 0%, #5f8d4b 100%);
-      background-image: linear-gradient(to bottom, #87b374 0%, #5f8d4b 100%); }
+    .typo3-extension-list tr.odd:hover td.alpha, .typo3-extension-list tr.even:hover td.alpha {
+      background-color: #f14400; }
     .typo3-extension-list tr.odd:hover td.beta, .typo3-extension-list tr.even:hover td.beta {
-      background-color: #f39300;
-      background-image: -webkit-gradient(linear, left top, left bottom, from(#f39300 0%), to(#d15e00 100%));
-      background-image: -webkit-linear-gradient(top, #f39300 0%, #d15e00 100%);
-      background-image: -moz-linear-gradient(top, #f39300 0%, #d15e00 100%);
-      background-image: -ms-linear-gradient(top, #f39300 0%, #d15e00 100%);
-      background-image: -o-linear-gradient(top, #f39300 0%, #d15e00 100%);
-      background-image: linear-gradient(to bottom, #f39300 0%, #d15e00 100%); }
+      background-color: #f4bd00; }
+    .typo3-extension-list tr.odd:hover td.stable, .typo3-extension-list tr.even:hover td.stable {
+      background-color: #3db900; }
+    .typo3-extension-list tr.odd:hover td.experimental, .typo3-extension-list tr.even:hover td.experimental {
+      background-color: #000; }
+    .typo3-extension-list tr.odd:hover td.test, .typo3-extension-list tr.even:hover td.test {
+      background-color: #000; }
+    .typo3-extension-list tr.odd:hover td.obsolete, .typo3-extension-list tr.even:hover td.obsolete {
+      background-color: #8c8c8c; }
+    .typo3-extension-list tr.odd:hover td.excludeFromUpdates, .typo3-extension-list tr.even:hover td.excludeFromUpdates {
+      background-color: #000; }
   .typo3-extension-list tr td {
     background: none;
     padding: 8px 10px;
     vertical-align: middle; }
-    .typo3-extension-list tr td.stable {
-      background-color: #87b374;
-      background-image: -webkit-gradient(linear, left top, left bottom, from(#87b374 0%), to(#5f8d4b 100%));
-      background-image: -webkit-linear-gradient(top, #87b374 0%, #5f8d4b 100%);
-      background-image: -moz-linear-gradient(top, #87b374 0%, #5f8d4b 100%);
-      background-image: -ms-linear-gradient(top, #87b374 0%, #5f8d4b 100%);
-      background-image: -o-linear-gradient(top, #87b374 0%, #5f8d4b 100%);
-      background-image: linear-gradient(to bottom, #87b374 0%, #5f8d4b 100%); }
+    .typo3-extension-list tr td.alpha {
+      background-color: #f14400; }
     .typo3-extension-list tr td.beta {
-      background-color: #f39300;
-      background-image: -webkit-gradient(linear, left top, left bottom, from(#f39300 0%), to(#d15e00 100%));
-      background-image: -webkit-linear-gradient(top, #f39300 0%, #d15e00 100%);
-      background-image: -moz-linear-gradient(top, #f39300 0%, #d15e00 100%);
-      background-image: -ms-linear-gradient(top, #f39300 0%, #d15e00 100%);
-      background-image: -o-linear-gradient(top, #f39300 0%, #d15e00 100%);
-      background-image: linear-gradient(to bottom, #f39300 0%, #d15e00 100%); }
+      background-color: #f4bd00; }
+    .typo3-extension-list tr td.stable {
+      background-color: #3db900; }
+    .typo3-extension-list tr td.experimental {
+      background-color: #000; }
+    .typo3-extension-list tr td.test {
+      background-color: #000; }
+    .typo3-extension-list tr td.obsolete {
+      background-color: #8c8c8c; }
+    .typo3-extension-list tr td.excludeFromUpdates {
+      background-color: #000; }
     .typo3-extension-list tr td img {
       vertical-align: middle;
       margin-right: 5px; }