[TASK] Style buttons / invert (UX Vision) 65/27265/4
authorFelix Kopp <felix-source@phorax.com>
Sun, 2 Feb 2014 14:57:52 +0000 (15:57 +0100)
committerGeorg Ringer <georg.ringer@gmail.com>
Mon, 3 Feb 2014 11:23:41 +0000 (12:23 +0100)
Styles all buttons in the backend similar to UX vision paper.
Inverts buttons colors and changes font-family.

This patch does not bring styling to primary button: orange
or secondary button: silver.

Change-Id: I273e76a02083aedca4c6759948172b418e990ede
Resolves: #55592
Releases: 6.2
Reviewed-on: https://review.typo3.org/27265
Reviewed-by: Christian Kuhn
Tested-by: Christian Kuhn
Reviewed-by: Marcin SÄ…gol
Reviewed-by: Georg Ringer
Tested-by: Georg Ringer
typo3/sysext/t3skin/Resources/Public/Css/visual/main_form.css

index 4aebbc3..5c79f38 100644 (file)
@@ -34,27 +34,32 @@ button,
 input[type="submit"],
 input[type="reset"],
 input[type="button"] {
-       background-color: #E0E0E0;
-       background-image: none;
+       background-color: rgb(120, 120, 120);
        border: 1px solid #7c7c7c;
        border-radius: 2px;
-       color: #434343;
+       color: #fff;
+       display: inline-block;
+       font-family: Share, Verdana, Arial, Helvetica, sans-serif;
+       font-weight: normal;
+       line-height: 1.5em;
+       margin-bottom: 0;
+       cursor: pointer;
+       background-image: none;
        cursor: pointer;
        white-space: nowrap;
+       user-select: none;
+       text-decoration: none!important;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
         -o-user-select: none;
-       user-select: none;
-       text-decoration: none!important;
 }
 
 .t3-button:hover,
 input[type="submit"]:hover,
 input[type="reset"]:hover,
 input[type="button"]:hover {
-       background-color: #cccccc;
-       text-decoration: none!important;
+       background-color: rgb(95, 95, 95);
 }
 
 .t3-button span.t3-icon {