From de4811fc2d809917076d21fa1ceaebcd42b82946 Mon Sep 17 00:00:00 2001 From: Felix Kopp Date: Sun, 2 Feb 2014 15:57:52 +0100 Subject: [PATCH] [TASK] Style buttons / invert (UX Vision) MIME-Version: 1.0 Content-Type: text/plain; charset=utf8 Content-Transfer-Encoding: 8bit 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 --- .../Resources/Public/Css/visual/main_form.css | 19 ++++++++++++------- 1 file changed, 12 insertions(+), 7 deletions(-) diff --git a/typo3/sysext/t3skin/Resources/Public/Css/visual/main_form.css b/typo3/sysext/t3skin/Resources/Public/Css/visual/main_form.css index 4aebbc3aeb42..5c79f387f873 100644 --- a/typo3/sysext/t3skin/Resources/Public/Css/visual/main_form.css +++ b/typo3/sysext/t3skin/Resources/Public/Css/visual/main_form.css @@ -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 { -- 2.20.1